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

package/.nuxt/ui/progress.ts

@@ -1,3 +1,42 @@
+const animation = [
+  "carousel",
+  "carousel-inverse",
+  "swing",
+  "elastic"
+] as const
+
+const color = [
+  "primary",
+  "secondary",
+  "success",
+  "info",
+  "warning",
+  "error",
+  "neutral"
+] as const
+
+const size = [
+  "2xs",
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl",
+  "2xl"
+] as const
+
+const step = [
+  "active",
+  "first",
+  "other",
+  "last"
+] as const
+
+const orientation = [
+  "horizontal",
+  "vertical"
+] as const
+
 export default {
   "slots": {
     "root": "gap-2",
@@ -5,7 +44,7 @@ export default {
     "indicator": "rounded-full size-full transition-transform duration-200 ease-out",
     "status": "flex justify-end text-[var(--ui-text-dimmed)] transition-[width] duration-200",
     "steps": "grid items-end",
-    "step": "truncate text-end row-start-1 col-start-1 transition-opacity" as const
+    "step": "truncate text-end row-start-1 col-start-1 transition-opacity" as typeof step[number]
   },
   "variants": {
     "animation": {
@@ -76,13 +115,13 @@ export default {
     },
     "step": {
       "active": {
-        "step": "opacity-100" as const
+        "step": "opacity-100" as typeof step[number]
       },
       "first": {
-        "step": "opacity-100 text-[var(--ui-text-muted)]" as const
+        "step": "opacity-100 text-[var(--ui-text-muted)]" as typeof step[number]
       },
       "other": {
-        "step": "opacity-0" as const
+        "step": "opacity-0" as typeof step[number]
       },
       "last": {
         "step": ""
@@ -109,150 +148,150 @@ export default {
   "compoundVariants": [
     {
       "inverted": true,
-      "orientation": "horizontal" as const,
+      "orientation": "horizontal" as typeof orientation[number],
       "class": {
-        "step": "text-start" as const,
+        "step": "text-start" as typeof step[number],
         "status": "flex-row-reverse"
       }
     },
     {
       "inverted": true,
-      "orientation": "vertical" as const,
+      "orientation": "vertical" as typeof orientation[number],
       "class": {
         "steps": "items-start",
         "status": "flex-col-reverse"
       }
     },
     {
-      "orientation": "horizontal" as const,
-      "size": "2xs" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "size": "2xs" as typeof size[number],
       "class": "h-px"
     },
     {
-      "orientation": "horizontal" as const,
-      "size": "xs" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "size": "xs" as typeof size[number],
       "class": "h-0.5"
     },
     {
-      "orientation": "horizontal" as const,
-      "size": "sm" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "size": "sm" as typeof size[number],
       "class": "h-1"
     },
     {
-      "orientation": "horizontal" as const,
-      "size": "md" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "size": "md" as typeof size[number],
       "class": "h-2"
     },
     {
-      "orientation": "horizontal" as const,
-      "size": "lg" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "size": "lg" as typeof size[number],
       "class": "h-3"
     },
     {
-      "orientation": "horizontal" as const,
-      "size": "xl" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "size": "xl" as typeof size[number],
       "class": "h-4"
     },
     {
-      "orientation": "horizontal" as const,
-      "size": "2xl" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "size": "2xl" as typeof size[number],
       "class": "h-5"
     },
     {
-      "orientation": "vertical" as const,
-      "size": "2xs" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "size": "2xs" as typeof size[number],
       "class": "w-px"
     },
     {
-      "orientation": "vertical" as const,
-      "size": "xs" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "size": "xs" as typeof size[number],
       "class": "w-0.5"
     },
     {
-      "orientation": "vertical" as const,
-      "size": "sm" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "size": "sm" as typeof size[number],
       "class": "w-1"
     },
     {
-      "orientation": "vertical" as const,
-      "size": "md" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "size": "md" as typeof size[number],
       "class": "w-2"
     },
     {
-      "orientation": "vertical" as const,
-      "size": "lg" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "size": "lg" as typeof size[number],
       "class": "w-3"
     },
     {
-      "orientation": "vertical" as const,
-      "size": "xl" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "size": "xl" as typeof size[number],
       "class": "w-4"
     },
     {
-      "orientation": "vertical" as const,
-      "size": "2xl" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "size": "2xl" as typeof size[number],
       "class": "w-5"
     },
     {
-      "orientation": "horizontal" as const,
-      "animation": "carousel" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "animation": "carousel" as typeof animation[number],
       "class": {
         "indicator": "data-[state=indeterminate]:animate-[carousel_2s_ease-in-out_infinite] data-[state=indeterminate]:rtl:animate-[carousel-rtl_2s_ease-in-out_infinite]"
       }
     },
     {
-      "orientation": "vertical" as const,
-      "animation": "carousel" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "animation": "carousel" as typeof animation[number],
       "class": {
         "indicator": "data-[state=indeterminate]:animate-[carousel-vertical_2s_ease-in-out_infinite]"
       }
     },
     {
-      "orientation": "horizontal" as const,
-      "animation": "carousel-inverse" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "animation": "carousel-inverse" as typeof animation[number],
       "class": {
         "indicator": "data-[state=indeterminate]:animate-[carousel-inverse_2s_ease-in-out_infinite] data-[state=indeterminate]:rtl:animate-[carousel-inverse-rtl_2s_ease-in-out_infinite]"
       }
     },
     {
-      "orientation": "vertical" as const,
-      "animation": "carousel-inverse" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "animation": "carousel-inverse" as typeof animation[number],
       "class": {
         "indicator": "data-[state=indeterminate]:animate-[carousel-inverse-vertical_2s_ease-in-out_infinite]"
       }
     },
     {
-      "orientation": "horizontal" as const,
-      "animation": "swing" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "animation": "swing" as typeof animation[number],
       "class": {
         "indicator": "data-[state=indeterminate]:animate-[swing_2s_ease-in-out_infinite]"
       }
     },
     {
-      "orientation": "vertical" as const,
-      "animation": "swing" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "animation": "swing" as typeof animation[number],
       "class": {
         "indicator": "data-[state=indeterminate]:animate-[swing-vertical_2s_ease-in-out_infinite]"
       }
     },
     {
-      "orientation": "horizontal" as const,
-      "animation": "elastic" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "animation": "elastic" as typeof animation[number],
       "class": {
         "indicator": "data-[state=indeterminate]:animate-[elastic_2s_ease-in-out_infinite]"
       }
     },
     {
-      "orientation": "vertical" as const,
-      "animation": "elastic" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "animation": "elastic" as typeof animation[number],
       "class": {
         "indicator": "data-[state=indeterminate]:animate-[elastic-vertical_2s_ease-in-out_infinite]"
       }
     }
   ],
   "defaultVariants": {
-    "animation": "carousel" as const,
-    "color": "primary" as const,
-    "size": "md" as const
+    "animation": "carousel" as typeof animation[number],
+    "color": "primary" as typeof color[number],
+    "size": "md" as typeof size[number]
   }
 }

package/.nuxt/ui/radio-group.ts

@@ -1,3 +1,26 @@
+const color = [
+  "primary",
+  "secondary",
+  "success",
+  "info",
+  "warning",
+  "error",
+  "neutral"
+] as const
+
+const orientation = [
+  "horizontal",
+  "vertical"
+] as const
+
+const size = [
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl"
+] as const
+
 export default {
   "slots": {
     "root": "relative",
@@ -106,7 +129,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/select-menu.ts

@@ -1,19 +1,54 @@
+const buttonGroup = [
+  "horizontal",
+  "vertical"
+] as const
+
+const size = [
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl"
+] as const
+
+const variant = [
+  "outline",
+  "soft",
+  "subtle",
+  "ghost",
+  "none"
+] as const
+
+const color = [
+  "primary",
+  "secondary",
+  "success",
+  "info",
+  "warning",
+  "error",
+  "neutral"
+] as const
+
+const type = [
+  "file"
+] as const
+
 export default {
   "slots": {
     "base": [
       "relative group rounded-[calc(var(--ui-radius)*1.5)] inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75",
       "transition-colors"
     ],
-    "leading": "absolute inset-y-0 start-0 flex items-center" as const,
+    "leading": "absolute inset-y-0 start-0 flex items-center",
     "leadingIcon": "shrink-0 text-[var(--ui-text-dimmed)]",
     "leadingAvatar": "shrink-0",
     "leadingAvatarSize": "",
-    "trailing": "absolute inset-y-0 end-0 flex items-center" as const,
+    "trailing": "absolute inset-y-0 end-0 flex items-center",
     "trailingIcon": "shrink-0 text-[var(--ui-text-dimmed)]",
     "value": "truncate pointer-events-none",
     "placeholder": "truncate text-[var(--ui-text-dimmed)]",
     "arrow": "fill-[var(--ui-border)]",
-    "content": "max-h-60 w-[var(--reka-popper-anchor-width)] bg-[var(--ui-bg)] shadow-lg rounded-[calc(var(--ui-radius)*1.5)] ring ring-[var(--ui-border)] overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
+    "content": "max-h-60 w-[var(--reka-popper-anchor-width)] bg-[var(--ui-bg)] shadow-lg rounded-[calc(var(--ui-radius)*1.5)] ring ring-[var(--ui-border)] overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] pointer-events-auto",
     "viewport": "divide-y divide-[var(--ui-border)] scroll-py-1",
     "group": "p-1 isolate",
     "empty": "py-2 text-center text-sm text-[var(--ui-text-muted)]",
@@ -44,8 +79,8 @@ export default {
     "size": {
       "xs": {
         "base": "px-2 py-1 text-xs gap-1",
-        "leading": "ps-2" as const,
-        "trailing": "pe-2" as const,
+        "leading": "ps-2",
+        "trailing": "pe-2",
         "leadingIcon": "size-4",
         "leadingAvatarSize": "3xs",
         "trailingIcon": "size-4",
@@ -59,8 +94,8 @@ export default {
       },
       "sm": {
         "base": "px-2.5 py-1.5 text-xs gap-1.5",
-        "leading": "ps-2.5" as const,
-        "trailing": "pe-2.5" as const,
+        "leading": "ps-2.5",
+        "trailing": "pe-2.5",
         "leadingIcon": "size-4",
         "leadingAvatarSize": "3xs",
         "trailingIcon": "size-4",
@@ -74,8 +109,8 @@ export default {
       },
       "md": {
         "base": "px-2.5 py-1.5 text-sm gap-1.5",
-        "leading": "ps-2.5" as const,
-        "trailing": "pe-2.5" as const,
+        "leading": "ps-2.5",
+        "trailing": "pe-2.5",
         "leadingIcon": "size-5",
         "leadingAvatarSize": "2xs",
         "trailingIcon": "size-5",
@@ -89,8 +124,8 @@ export default {
       },
       "lg": {
         "base": "px-3 py-2 text-sm gap-2",
-        "leading": "ps-3" as const,
-        "trailing": "pe-3" as const,
+        "leading": "ps-3",
+        "trailing": "pe-3",
         "leadingIcon": "size-5",
         "leadingAvatarSize": "2xs",
         "trailingIcon": "size-5",
@@ -104,8 +139,8 @@ export default {
       },
       "xl": {
         "base": "px-3 py-2 text-base gap-2",
-        "leading": "ps-3" as const,
-        "trailing": "pe-3" as const,
+        "leading": "ps-3",
+        "trailing": "pe-3",
         "leadingIcon": "size-6",
         "leadingAvatarSize": "xs",
         "trailingIcon": "size-6",
@@ -152,144 +187,144 @@ export default {
   },
   "compoundVariants": [
     {
-      "color": "primary" as const,
+      "color": "primary" as typeof color[number],
       "variant": [
-        "outline" as const,
-        "subtle" as const
+        "outline" as typeof variant[number],
+        "subtle" as typeof variant[number]
       ],
       "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-primary)]"
     },
     {
-      "color": "secondary" as const,
+      "color": "secondary" as typeof color[number],
       "variant": [
-        "outline" as const,
-        "subtle" as const
+        "outline" as typeof variant[number],
+        "subtle" as typeof variant[number]
       ],
       "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-secondary)]"
     },
     {
-      "color": "success" as const,
+      "color": "success" as typeof color[number],
       "variant": [
-        "outline" as const,
-        "subtle" as const
+        "outline" as typeof variant[number],
+        "subtle" as typeof variant[number]
       ],
       "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-success)]"
     },
     {
-      "color": "info" as const,
+      "color": "info" as typeof color[number],
       "variant": [
-        "outline" as const,
-        "subtle" as const
+        "outline" as typeof variant[number],
+        "subtle" as typeof variant[number]
       ],
       "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-info)]"
     },
     {
-      "color": "warning" as const,
+      "color": "warning" as typeof color[number],
       "variant": [
-        "outline" as const,
-        "subtle" as const
+        "outline" as typeof variant[number],
+        "subtle" as typeof variant[number]
       ],
       "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-warning)]"
     },
     {
-      "color": "error" as const,
+      "color": "error" as typeof color[number],
       "variant": [
-        "outline" as const,
-        "subtle" as const
+        "outline" as typeof variant[number],
+        "subtle" as typeof variant[number]
       ],
       "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-error)]"
     },
     {
-      "color": "primary" as const,
+      "color": "primary" as typeof color[number],
       "highlight": true,
       "class": "ring ring-inset ring-[var(--ui-primary)]"
     },
     {
-      "color": "secondary" as const,
+      "color": "secondary" as typeof color[number],
       "highlight": true,
       "class": "ring ring-inset ring-[var(--ui-secondary)]"
     },
     {
-      "color": "success" as const,
+      "color": "success" as typeof color[number],
       "highlight": true,
       "class": "ring ring-inset ring-[var(--ui-success)]"
     },
     {
-      "color": "info" as const,
+      "color": "info" as typeof color[number],
       "highlight": true,
       "class": "ring ring-inset ring-[var(--ui-info)]"
     },
     {
-      "color": "warning" as const,
+      "color": "warning" as typeof color[number],
       "highlight": true,
       "class": "ring ring-inset ring-[var(--ui-warning)]"
     },
     {
-      "color": "error" as const,
+      "color": "error" as typeof color[number],
       "highlight": true,
       "class": "ring ring-inset ring-[var(--ui-error)]"
     },
     {
-      "color": "neutral" as const,
+      "color": "neutral" as typeof color[number],
       "variant": [
-        "outline" as const,
-        "subtle" as const
+        "outline" as typeof variant[number],
+        "subtle" as typeof variant[number]
       ],
       "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-border-inverted)]"
     },
     {
-      "color": "neutral" as const,
+      "color": "neutral" as typeof color[number],
       "highlight": true,
       "class": "ring ring-inset ring-[var(--ui-border-inverted)]"
     },
     {
       "leading": true,
-      "size": "xs" as const,
+      "size": "xs" as typeof size[number],
       "class": "ps-7"
     },
     {
       "leading": true,
-      "size": "sm" as const,
+      "size": "sm" as typeof size[number],
       "class": "ps-8"
     },
     {
       "leading": true,
-      "size": "md" as const,
+      "size": "md" as typeof size[number],
       "class": "ps-9"
     },
     {
       "leading": true,
-      "size": "lg" as const,
+      "size": "lg" as typeof size[number],
       "class": "ps-10"
     },
     {
       "leading": true,
-      "size": "xl" as const,
+      "size": "xl" as typeof size[number],
       "class": "ps-11"
     },
     {
       "trailing": true,
-      "size": "xs" as const,
+      "size": "xs" as typeof size[number],
       "class": "pe-7"
     },
     {
       "trailing": true,
-      "size": "sm" as const,
+      "size": "sm" as typeof size[number],
       "class": "pe-8"
     },
     {
       "trailing": true,
-      "size": "md" as const,
+      "size": "md" as typeof size[number],
       "class": "pe-9"
     },
     {
       "trailing": true,
-      "size": "lg" as const,
+      "size": "lg" as typeof size[number],
       "class": "pe-10"
     },
     {
       "trailing": true,
-      "size": "xl" as const,
+      "size": "xl" as typeof size[number],
       "class": "pe-11"
     },
     {
@@ -309,8 +344,8 @@ export default {
     }
   ],
   "defaultVariants": {
-    "size": "md" as const,
-    "color": "primary" as const,
-    "variant": "outline" as const
+    "size": "md" as typeof size[number],
+    "color": "primary" as typeof color[number],
+    "variant": "outline" as typeof variant[number]
   }
 }