feat: enhance UI components and update build configuration

src/recipes/chip.ts

@@ -1,6 +1,7 @@
-import { defineRecipe } from '@pandacss/dev'
+import { defineRecipe, type SystemStyleObject } from '@pandacss/dev'
 
 export const chipVariants = ['solid', 'outline', 'ghost'] as const
+export const chipSizes = ['small', 'medium', 'large'] as const
 
 interface ChipRecipeArg {
   semanticColorNames: string[]
@@ -29,21 +30,41 @@ const chipRecipe = ({ semanticColorNames }: ChipRecipeArg) => {
         ...Object.fromEntries(chipVariants.map((variant) => [variant, {}]))
       },
       size: {
-        small: {
-          paddingBlock: 'calc({spacing.sm} * 0.5)',
-          paddingInline: 'calc({spacing.sm} * 0.75)',
-          fontSize: 'xs'
-        },
-        medium: {
-          paddingBlock: 'calc({spacing.sm} * 0.75)',
-          paddingInline: 'calc({spacing.sm})',
-          fontSize: 'sm'
-        },
-        large: {
-          paddingBlock: 'calc({spacing.sm})',
-          paddingInline: 'calc({spacing.sm} * 1.25)',
-          fontSize: 'base'
-        }
+        ...Object.fromEntries(
+          chipSizes.map((size) => {
+            switch (size) {
+              case 'small':
+                return [
+                  size,
+                  {
+                    paddingBlock: 'calc({spacing.sm} * 0.5)',
+                    paddingInline: 'calc({spacing.sm} * 0.75)',
+                    fontSize: 'xs'
+                  } as SystemStyleObject
+                ]
+              case 'medium':
+                return [
+                  size,
+                  {
+                    paddingBlock: 'calc({spacing.sm} * 0.75)',
+                    paddingInline: 'calc({spacing.sm})',
+                    fontSize: 'sm'
+                  } as SystemStyleObject
+                ]
+              case 'large':
+                return [
+                  size,
+                  {
+                    paddingBlock: 'calc({spacing.sm})',
+                    paddingInline: 'calc({spacing.sm} * 1.25)',
+                    fontSize: 'base'
+                  } as SystemStyleObject
+                ]
+              default:
+                return [size, {}]
+            }
+          })
+        )
       }
     },
     compoundVariants: colors.flatMap((color) => {