@nuxt/ui 3.0.0-alpha.10 → 3.0.0-alpha.12

package/.nuxt/ui/button.ts

@@ -1,3 +1,35 @@
+const buttonGroup = [
+  "horizontal",
+  "vertical"
+] as const
+
+const color = [
+  "primary",
+  "secondary",
+  "success",
+  "info",
+  "warning",
+  "error",
+  "neutral"
+] as const
+
+const variant = [
+  "solid",
+  "outline",
+  "soft",
+  "subtle",
+  "ghost",
+  "link"
+] as const
+
+const size = [
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl"
+] as const
+
 export default {
   "slots": {
     "base": [
@@ -67,7 +99,6 @@ export default {
     "block": {
       "true": {
         "base": "w-full justify-center",
-        "leadingAvatarSize": "xs",
         "trailingIcon": "ms-auto"
       }
     },
@@ -86,237 +117,237 @@ export default {
   },
   "compoundVariants": [
     {
-      "color": "primary" as const,
-      "variant": "solid" as const,
+      "color": "primary" as typeof color[number],
+      "variant": "solid" as typeof variant[number],
       "class": "text-[var(--ui-bg)] bg-[var(--ui-primary)] hover:bg-[var(--ui-primary)]/75 disabled:bg-[var(--ui-primary)] aria-disabled:bg-[var(--ui-primary)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-primary)]"
     },
     {
-      "color": "secondary" as const,
-      "variant": "solid" as const,
+      "color": "secondary" as typeof color[number],
+      "variant": "solid" as typeof variant[number],
       "class": "text-[var(--ui-bg)] bg-[var(--ui-secondary)] hover:bg-[var(--ui-secondary)]/75 disabled:bg-[var(--ui-secondary)] aria-disabled:bg-[var(--ui-secondary)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-secondary)]"
     },
     {
-      "color": "success" as const,
-      "variant": "solid" as const,
+      "color": "success" as typeof color[number],
+      "variant": "solid" as typeof variant[number],
       "class": "text-[var(--ui-bg)] bg-[var(--ui-success)] hover:bg-[var(--ui-success)]/75 disabled:bg-[var(--ui-success)] aria-disabled:bg-[var(--ui-success)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-success)]"
     },
     {
-      "color": "info" as const,
-      "variant": "solid" as const,
+      "color": "info" as typeof color[number],
+      "variant": "solid" as typeof variant[number],
       "class": "text-[var(--ui-bg)] bg-[var(--ui-info)] hover:bg-[var(--ui-info)]/75 disabled:bg-[var(--ui-info)] aria-disabled:bg-[var(--ui-info)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-info)]"
     },
     {
-      "color": "warning" as const,
-      "variant": "solid" as const,
+      "color": "warning" as typeof color[number],
+      "variant": "solid" as typeof variant[number],
       "class": "text-[var(--ui-bg)] bg-[var(--ui-warning)] hover:bg-[var(--ui-warning)]/75 disabled:bg-[var(--ui-warning)] aria-disabled:bg-[var(--ui-warning)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-warning)]"
     },
     {
-      "color": "error" as const,
-      "variant": "solid" as const,
+      "color": "error" as typeof color[number],
+      "variant": "solid" as typeof variant[number],
       "class": "text-[var(--ui-bg)] bg-[var(--ui-error)] hover:bg-[var(--ui-error)]/75 disabled:bg-[var(--ui-error)] aria-disabled:bg-[var(--ui-error)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-error)]"
     },
     {
-      "color": "primary" as const,
-      "variant": "outline" as const,
+      "color": "primary" as typeof color[number],
+      "variant": "outline" as typeof variant[number],
       "class": "ring ring-inset ring-[var(--ui-primary)]/50 text-[var(--ui-primary)] hover:bg-[var(--ui-primary)]/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-[var(--ui-primary)]"
     },
     {
-      "color": "secondary" as const,
-      "variant": "outline" as const,
+      "color": "secondary" as typeof color[number],
+      "variant": "outline" as typeof variant[number],
       "class": "ring ring-inset ring-[var(--ui-secondary)]/50 text-[var(--ui-secondary)] hover:bg-[var(--ui-secondary)]/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-[var(--ui-secondary)]"
     },
     {
-      "color": "success" as const,
-      "variant": "outline" as const,
+      "color": "success" as typeof color[number],
+      "variant": "outline" as typeof variant[number],
       "class": "ring ring-inset ring-[var(--ui-success)]/50 text-[var(--ui-success)] hover:bg-[var(--ui-success)]/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-[var(--ui-success)]"
     },
     {
-      "color": "info" as const,
-      "variant": "outline" as const,
+      "color": "info" as typeof color[number],
+      "variant": "outline" as typeof variant[number],
       "class": "ring ring-inset ring-[var(--ui-info)]/50 text-[var(--ui-info)] hover:bg-[var(--ui-info)]/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-[var(--ui-info)]"
     },
     {
-      "color": "warning" as const,
-      "variant": "outline" as const,
+      "color": "warning" as typeof color[number],
+      "variant": "outline" as typeof variant[number],
       "class": "ring ring-inset ring-[var(--ui-warning)]/50 text-[var(--ui-warning)] hover:bg-[var(--ui-warning)]/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-[var(--ui-warning)]"
     },
     {
-      "color": "error" as const,
-      "variant": "outline" as const,
+      "color": "error" as typeof color[number],
+      "variant": "outline" as typeof variant[number],
       "class": "ring ring-inset ring-[var(--ui-error)]/50 text-[var(--ui-error)] hover:bg-[var(--ui-error)]/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-[var(--ui-error)]"
     },
     {
-      "color": "primary" as const,
-      "variant": "soft" as const,
+      "color": "primary" as typeof color[number],
+      "variant": "soft" as typeof variant[number],
       "class": "text-[var(--ui-primary)] bg-[var(--ui-primary)]/10 hover:bg-[var(--ui-primary)]/15 focus-visible:bg-[var(--ui-primary)]/15 disabled:bg-[var(--ui-primary)]/10 aria-disabled:bg-[var(--ui-primary)]/10"
     },
     {
-      "color": "secondary" as const,
-      "variant": "soft" as const,
+      "color": "secondary" as typeof color[number],
+      "variant": "soft" as typeof variant[number],
       "class": "text-[var(--ui-secondary)] bg-[var(--ui-secondary)]/10 hover:bg-[var(--ui-secondary)]/15 focus-visible:bg-[var(--ui-secondary)]/15 disabled:bg-[var(--ui-secondary)]/10 aria-disabled:bg-[var(--ui-secondary)]/10"
     },
     {
-      "color": "success" as const,
-      "variant": "soft" as const,
+      "color": "success" as typeof color[number],
+      "variant": "soft" as typeof variant[number],
       "class": "text-[var(--ui-success)] bg-[var(--ui-success)]/10 hover:bg-[var(--ui-success)]/15 focus-visible:bg-[var(--ui-success)]/15 disabled:bg-[var(--ui-success)]/10 aria-disabled:bg-[var(--ui-success)]/10"
     },
     {
-      "color": "info" as const,
-      "variant": "soft" as const,
+      "color": "info" as typeof color[number],
+      "variant": "soft" as typeof variant[number],
       "class": "text-[var(--ui-info)] bg-[var(--ui-info)]/10 hover:bg-[var(--ui-info)]/15 focus-visible:bg-[var(--ui-info)]/15 disabled:bg-[var(--ui-info)]/10 aria-disabled:bg-[var(--ui-info)]/10"
     },
     {
-      "color": "warning" as const,
-      "variant": "soft" as const,
+      "color": "warning" as typeof color[number],
+      "variant": "soft" as typeof variant[number],
       "class": "text-[var(--ui-warning)] bg-[var(--ui-warning)]/10 hover:bg-[var(--ui-warning)]/15 focus-visible:bg-[var(--ui-warning)]/15 disabled:bg-[var(--ui-warning)]/10 aria-disabled:bg-[var(--ui-warning)]/10"
     },
     {
-      "color": "error" as const,
-      "variant": "soft" as const,
+      "color": "error" as typeof color[number],
+      "variant": "soft" as typeof variant[number],
       "class": "text-[var(--ui-error)] bg-[var(--ui-error)]/10 hover:bg-[var(--ui-error)]/15 focus-visible:bg-[var(--ui-error)]/15 disabled:bg-[var(--ui-error)]/10 aria-disabled:bg-[var(--ui-error)]/10"
     },
     {
-      "color": "primary" as const,
-      "variant": "subtle" as const,
+      "color": "primary" as typeof color[number],
+      "variant": "subtle" as typeof variant[number],
       "class": "text-[var(--ui-primary)] ring ring-inset ring-[var(--ui-primary)]/25 bg-[var(--ui-primary)]/10 hover:bg-[var(--ui-primary)]/15 disabled:bg-[var(--ui-primary)]/10 aria-disabled:bg-[var(--ui-primary)]/10 focus-visible:ring-2 focus-visible:ring-[var(--ui-primary)]"
     },
     {
-      "color": "secondary" as const,
-      "variant": "subtle" as const,
+      "color": "secondary" as typeof color[number],
+      "variant": "subtle" as typeof variant[number],
       "class": "text-[var(--ui-secondary)] ring ring-inset ring-[var(--ui-secondary)]/25 bg-[var(--ui-secondary)]/10 hover:bg-[var(--ui-secondary)]/15 disabled:bg-[var(--ui-secondary)]/10 aria-disabled:bg-[var(--ui-secondary)]/10 focus-visible:ring-2 focus-visible:ring-[var(--ui-secondary)]"
     },
     {
-      "color": "success" as const,
-      "variant": "subtle" as const,
+      "color": "success" as typeof color[number],
+      "variant": "subtle" as typeof variant[number],
       "class": "text-[var(--ui-success)] ring ring-inset ring-[var(--ui-success)]/25 bg-[var(--ui-success)]/10 hover:bg-[var(--ui-success)]/15 disabled:bg-[var(--ui-success)]/10 aria-disabled:bg-[var(--ui-success)]/10 focus-visible:ring-2 focus-visible:ring-[var(--ui-success)]"
     },
     {
-      "color": "info" as const,
-      "variant": "subtle" as const,
+      "color": "info" as typeof color[number],
+      "variant": "subtle" as typeof variant[number],
       "class": "text-[var(--ui-info)] ring ring-inset ring-[var(--ui-info)]/25 bg-[var(--ui-info)]/10 hover:bg-[var(--ui-info)]/15 disabled:bg-[var(--ui-info)]/10 aria-disabled:bg-[var(--ui-info)]/10 focus-visible:ring-2 focus-visible:ring-[var(--ui-info)]"
     },
     {
-      "color": "warning" as const,
-      "variant": "subtle" as const,
+      "color": "warning" as typeof color[number],
+      "variant": "subtle" as typeof variant[number],
       "class": "text-[var(--ui-warning)] ring ring-inset ring-[var(--ui-warning)]/25 bg-[var(--ui-warning)]/10 hover:bg-[var(--ui-warning)]/15 disabled:bg-[var(--ui-warning)]/10 aria-disabled:bg-[var(--ui-warning)]/10 focus-visible:ring-2 focus-visible:ring-[var(--ui-warning)]"
     },
     {
-      "color": "error" as const,
-      "variant": "subtle" as const,
+      "color": "error" as typeof color[number],
+      "variant": "subtle" as typeof variant[number],
       "class": "text-[var(--ui-error)] ring ring-inset ring-[var(--ui-error)]/25 bg-[var(--ui-error)]/10 hover:bg-[var(--ui-error)]/15 disabled:bg-[var(--ui-error)]/10 aria-disabled:bg-[var(--ui-error)]/10 focus-visible:ring-2 focus-visible:ring-[var(--ui-error)]"
     },
     {
-      "color": "primary" as const,
-      "variant": "ghost" as const,
+      "color": "primary" as typeof color[number],
+      "variant": "ghost" as typeof variant[number],
       "class": "text-[var(--ui-primary)] hover:bg-[var(--ui-primary)]/10 focus-visible:bg-[var(--ui-primary)]/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent"
     },
     {
-      "color": "secondary" as const,
-      "variant": "ghost" as const,
+      "color": "secondary" as typeof color[number],
+      "variant": "ghost" as typeof variant[number],
       "class": "text-[var(--ui-secondary)] hover:bg-[var(--ui-secondary)]/10 focus-visible:bg-[var(--ui-secondary)]/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent"
     },
     {
-      "color": "success" as const,
-      "variant": "ghost" as const,
+      "color": "success" as typeof color[number],
+      "variant": "ghost" as typeof variant[number],
       "class": "text-[var(--ui-success)] hover:bg-[var(--ui-success)]/10 focus-visible:bg-[var(--ui-success)]/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent"
     },
     {
-      "color": "info" as const,
-      "variant": "ghost" as const,
+      "color": "info" as typeof color[number],
+      "variant": "ghost" as typeof variant[number],
       "class": "text-[var(--ui-info)] hover:bg-[var(--ui-info)]/10 focus-visible:bg-[var(--ui-info)]/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent"
     },
     {
-      "color": "warning" as const,
-      "variant": "ghost" as const,
+      "color": "warning" as typeof color[number],
+      "variant": "ghost" as typeof variant[number],
       "class": "text-[var(--ui-warning)] hover:bg-[var(--ui-warning)]/10 focus-visible:bg-[var(--ui-warning)]/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent"
     },
     {
-      "color": "error" as const,
-      "variant": "ghost" as const,
+      "color": "error" as typeof color[number],
+      "variant": "ghost" as typeof variant[number],
       "class": "text-[var(--ui-error)] hover:bg-[var(--ui-error)]/10 focus-visible:bg-[var(--ui-error)]/10 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent"
     },
     {
-      "color": "primary" as const,
-      "variant": "link" as const,
+      "color": "primary" as typeof color[number],
+      "variant": "link" as typeof variant[number],
       "class": "text-[var(--ui-primary)] hover:text-[var(--ui-primary)]/75 disabled:text-[var(--ui-primary)] aria-disabled:text-[var(--ui-primary)] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-primary)]"
     },
     {
-      "color": "secondary" as const,
-      "variant": "link" as const,
+      "color": "secondary" as typeof color[number],
+      "variant": "link" as typeof variant[number],
       "class": "text-[var(--ui-secondary)] hover:text-[var(--ui-secondary)]/75 disabled:text-[var(--ui-secondary)] aria-disabled:text-[var(--ui-secondary)] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-secondary)]"
     },
     {
-      "color": "success" as const,
-      "variant": "link" as const,
+      "color": "success" as typeof color[number],
+      "variant": "link" as typeof variant[number],
       "class": "text-[var(--ui-success)] hover:text-[var(--ui-success)]/75 disabled:text-[var(--ui-success)] aria-disabled:text-[var(--ui-success)] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-success)]"
     },
     {
-      "color": "info" as const,
-      "variant": "link" as const,
+      "color": "info" as typeof color[number],
+      "variant": "link" as typeof variant[number],
       "class": "text-[var(--ui-info)] hover:text-[var(--ui-info)]/75 disabled:text-[var(--ui-info)] aria-disabled:text-[var(--ui-info)] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-info)]"
     },
     {
-      "color": "warning" as const,
-      "variant": "link" as const,
+      "color": "warning" as typeof color[number],
+      "variant": "link" as typeof variant[number],
       "class": "text-[var(--ui-warning)] hover:text-[var(--ui-warning)]/75 disabled:text-[var(--ui-warning)] aria-disabled:text-[var(--ui-warning)] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-warning)]"
     },
     {
-      "color": "error" as const,
-      "variant": "link" as const,
+      "color": "error" as typeof color[number],
+      "variant": "link" as typeof variant[number],
       "class": "text-[var(--ui-error)] hover:text-[var(--ui-error)]/75 disabled:text-[var(--ui-error)] aria-disabled:text-[var(--ui-error)] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-error)]"
     },
     {
-      "color": "neutral" as const,
-      "variant": "solid" as const,
+      "color": "neutral" as typeof color[number],
+      "variant": "solid" as typeof variant[number],
       "class": "text-[var(--ui-bg)] bg-[var(--ui-bg-inverted)] hover:bg-[var(--ui-bg-inverted)]/90 disabled:bg-[var(--ui-bg-inverted)] aria-disabled:bg-[var(--ui-bg-inverted)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-border-inverted)]"
     },
     {
-      "color": "neutral" as const,
-      "variant": "outline" as const,
+      "color": "neutral" as typeof color[number],
+      "variant": "outline" as typeof variant[number],
       "class": "ring ring-inset ring-[var(--ui-border-accented)] text-[var(--ui-text)] bg-[var(--ui-bg)] hover:bg-[var(--ui-bg-elevated)] disabled:bg-[var(--ui-bg)] aria-disabled:bg-[var(--ui-bg)] focus-visible:ring-2 focus-visible:ring-[var(--ui-border-inverted)]"
     },
     {
-      "color": "neutral" as const,
-      "variant": "soft" as const,
+      "color": "neutral" as typeof color[number],
+      "variant": "soft" as typeof variant[number],
       "class": "text-[var(--ui-text)] bg-[var(--ui-bg-elevated)] hover:bg-[var(--ui-bg-accented)]/75 focus-visible:bg-[var(--ui-bg-accented)]/75 disabled:bg-[var(--ui-bg-elevated)] aria-disabled:bg-[var(--ui-bg-elevated)]"
     },
     {
-      "color": "neutral" as const,
-      "variant": "subtle" as const,
+      "color": "neutral" as typeof color[number],
+      "variant": "subtle" as typeof variant[number],
       "class": "ring ring-inset ring-[var(--ui-border-accented)] text-[var(--ui-text)] bg-[var(--ui-bg-elevated)] hover:bg-[var(--ui-bg-accented)]/75 disabled:bg-[var(--ui-bg-elevated)] aria-disabled:bg-[var(--ui-bg-elevated)] focus-visible:ring-2 focus-visible:ring-[var(--ui-border-inverted)]"
     },
     {
-      "color": "neutral" as const,
-      "variant": "ghost" as const,
+      "color": "neutral" as typeof color[number],
+      "variant": "ghost" as typeof variant[number],
       "class": "text-[var(--ui-text)] hover:bg-[var(--ui-bg-elevated)] focus-visible:bg-[var(--ui-bg-elevated)] hover:disabled:bg-transparent dark:hover:disabled:bg-transparent hover:aria-disabled:bg-transparent dark:hover:aria-disabled:bg-transparent"
     },
     {
-      "color": "neutral" as const,
-      "variant": "link" as const,
+      "color": "neutral" as typeof color[number],
+      "variant": "link" as typeof variant[number],
       "class": "text-[var(--ui-text-muted)] hover:text-[var(--ui-text)] disabled:text-[var(--ui-text-muted)] aria-disabled:text-[var(--ui-text-muted)] focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-[var(--ui-border-inverted)]"
     },
     {
-      "size": "xs" as const,
+      "size": "xs" as typeof size[number],
       "square": true,
       "class": "p-1"
     },
     {
-      "size": "sm" as const,
+      "size": "sm" as typeof size[number],
       "square": true,
       "class": "p-1.5"
     },
     {
-      "size": "md" as const,
+      "size": "md" as typeof size[number],
       "square": true,
       "class": "p-1.5"
     },
     {
-      "size": "lg" as const,
+      "size": "lg" as typeof size[number],
       "square": true,
       "class": "p-2"
     },
     {
-      "size": "xl" as const,
+      "size": "xl" as typeof size[number],
       "square": true,
       "class": "p-2"
     },
@@ -337,8 +368,8 @@ export default {
     }
   ],
   "defaultVariants": {
-    "color": "primary" as const,
-    "variant": "solid" as const,
-    "size": "md" as const
+    "color": "primary" as typeof color[number],
+    "variant": "solid" as typeof variant[number],
+    "size": "md" as typeof size[number]
   }
 }

package/.nuxt/ui/calendar.ts

@@ -1,3 +1,21 @@
+const color = [
+  "primary",
+  "secondary",
+  "success",
+  "info",
+  "warning",
+  "error",
+  "neutral"
+] as const
+
+const size = [
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl"
+] as const
+
 export default {
   "slots": {
     "root": "",
@@ -79,7 +97,7 @@ export default {
     }
   },
   "defaultVariants": {
-    "size": "md" as const,
-    "color": "primary" as const
+    "size": "md" as typeof size[number],
+    "color": "primary" as typeof color[number]
   }
 }

package/.nuxt/ui/carousel.ts

@@ -1,3 +1,8 @@
+const orientation = [
+  "vertical",
+  "horizontal"
+] as const
+
 export default {
   "slots": {
     "root": "relative focus:outline-none",
@@ -34,8 +39,5 @@ export default {
         "dot": "bg-[var(--ui-border-inverted)]"
       }
     }
-  },
-  "defaultVariants": {
-    "orientation": "horizontal" as const
   }
 }

package/.nuxt/ui/checkbox.ts

@@ -1,3 +1,21 @@
+const color = [
+  "primary",
+  "secondary",
+  "success",
+  "info",
+  "warning",
+  "error",
+  "neutral"
+] as const
+
+const size = [
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl"
+] as const
+
 export default {
   "slots": {
     "root": "relative flex items-start",
@@ -63,43 +81,43 @@ export default {
   },
   "compoundVariants": [
     {
-      "color": "primary" as const,
+      "color": "primary" as typeof color[number],
       "checked": true,
       "class": "ring-2 ring-[var(--ui-primary)] bg-[var(--ui-primary)]"
     },
     {
-      "color": "secondary" as const,
+      "color": "secondary" as typeof color[number],
       "checked": true,
       "class": "ring-2 ring-[var(--ui-secondary)] bg-[var(--ui-secondary)]"
     },
     {
-      "color": "success" as const,
+      "color": "success" as typeof color[number],
       "checked": true,
       "class": "ring-2 ring-[var(--ui-success)] bg-[var(--ui-success)]"
     },
     {
-      "color": "info" as const,
+      "color": "info" as typeof color[number],
       "checked": true,
       "class": "ring-2 ring-[var(--ui-info)] bg-[var(--ui-info)]"
     },
     {
-      "color": "warning" as const,
+      "color": "warning" as typeof color[number],
       "checked": true,
       "class": "ring-2 ring-[var(--ui-warning)] bg-[var(--ui-warning)]"
     },
     {
-      "color": "error" as const,
+      "color": "error" as typeof color[number],
       "checked": true,
       "class": "ring-2 ring-[var(--ui-error)] bg-[var(--ui-error)]"
     },
     {
-      "color": "neutral" as const,
+      "color": "neutral" as typeof color[number],
       "checked": true,
       "class": "ring-2 ring-[var(--ui-border-inverted)] bg-[var(--ui-bg-inverted)]"
     }
   ],
   "defaultVariants": {
-    "size": "md" as const,
-    "color": "primary" as const
+    "size": "md" as typeof size[number],
+    "color": "primary" as typeof color[number]
   }
 }

package/.nuxt/ui/chip.ts

@@ -1,3 +1,32 @@
+const color = [
+  "primary",
+  "secondary",
+  "success",
+  "info",
+  "warning",
+  "error",
+  "neutral"
+] as const
+
+const size = [
+  "3xs",
+  "2xs",
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl",
+  "2xl",
+  "3xl"
+] as const
+
+const position = [
+  "top-right",
+  "bottom-right",
+  "top-left",
+  "bottom-left"
+] as const
+
 export default {
   "slots": {
     "root": "relative inline-flex items-center justify-center shrink-0",
@@ -39,29 +68,29 @@ export default {
   },
   "compoundVariants": [
     {
-      "position": "top-right" as const,
+      "position": "top-right" as typeof position[number],
       "inset": false,
       "class": "-translate-y-1/2 translate-x-1/2 transform"
     },
     {
-      "position": "bottom-right" as const,
+      "position": "bottom-right" as typeof position[number],
       "inset": false,
       "class": "translate-y-1/2 translate-x-1/2 transform"
     },
     {
-      "position": "top-left" as const,
+      "position": "top-left" as typeof position[number],
       "inset": false,
       "class": "-translate-y-1/2 -translate-x-1/2 transform"
     },
     {
-      "position": "bottom-left" as const,
+      "position": "bottom-left" as typeof position[number],
       "inset": false,
       "class": "translate-y-1/2 -translate-x-1/2 transform"
     }
   ],
   "defaultVariants": {
-    "size": "md" as const,
-    "color": "primary" as const,
-    "position": "top-right" as const
+    "size": "md" as typeof size[number],
+    "color": "primary" as typeof color[number],
+    "position": "top-right" as typeof position[number]
   }
 }

package/.nuxt/ui/color-picker.ts

@@ -1,3 +1,11 @@
+const size = [
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl"
+] as const
+
 export default {
   "slots": {
     "root": "data-[disabled]:opacity-75",
@@ -34,6 +42,6 @@ export default {
   },
   "compoundVariants": [],
   "defaultVariants": {
-    "size": "md" as const
+    "size": "md" as typeof size[number]
   }
 }