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

package/.nuxt/ui/select.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)]",
@@ -43,8 +78,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",
@@ -58,8 +93,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",
@@ -73,8 +108,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",
@@ -88,8 +123,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",
@@ -103,8 +138,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",
@@ -151,144 +186,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"
     },
     {
@@ -308,8 +343,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]
   }
 }

package/.nuxt/ui/separator.ts

@@ -1,3 +1,32 @@
+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
+
+const type = [
+  "solid",
+  "dashed",
+  "dotted"
+] as const
+
 export default {
   "slots": {
     "root": "flex items-center align-center text-center",
@@ -65,79 +94,79 @@ export default {
   },
   "compoundVariants": [
     {
-      "orientation": "horizontal" as const,
-      "size": "xs" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "size": "xs" as typeof size[number],
       "class": {
         "border": "border-t"
       }
     },
     {
-      "orientation": "horizontal" as const,
-      "size": "sm" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "size": "sm" as typeof size[number],
       "class": {
         "border": "border-t-[2px]"
       }
     },
     {
-      "orientation": "horizontal" as const,
-      "size": "md" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "size": "md" as typeof size[number],
       "class": {
         "border": "border-t-[3px]"
       }
     },
     {
-      "orientation": "horizontal" as const,
-      "size": "lg" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "size": "lg" as typeof size[number],
       "class": {
         "border": "border-t-[4px]"
       }
     },
     {
-      "orientation": "horizontal" as const,
-      "size": "xl" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "size": "xl" as typeof size[number],
       "class": {
         "border": "border-t-[5px]"
       }
     },
     {
-      "orientation": "vertical" as const,
-      "size": "xs" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "size": "xs" as typeof size[number],
       "class": {
         "border": "border-s"
       }
     },
     {
-      "orientation": "vertical" as const,
-      "size": "sm" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "size": "sm" as typeof size[number],
       "class": {
         "border": "border-s-[2px]"
       }
     },
     {
-      "orientation": "vertical" as const,
-      "size": "md" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "size": "md" as typeof size[number],
       "class": {
         "border": "border-s-[3px]"
       }
     },
     {
-      "orientation": "vertical" as const,
-      "size": "lg" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "size": "lg" as typeof size[number],
       "class": {
         "border": "border-s-[4px]"
       }
     },
     {
-      "orientation": "vertical" as const,
-      "size": "xl" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "size": "xl" as typeof size[number],
       "class": {
         "border": "border-s-[5px]"
       }
     }
   ],
   "defaultVariants": {
-    "color": "neutral" as const,
-    "size": "xs" as const,
-    "type": "solid" as const
+    "color": "neutral" as typeof color[number],
+    "size": "xs" as typeof size[number],
+    "type": "solid" as typeof type[number]
   }
 }

package/.nuxt/ui/slideover.ts

@@ -1,3 +1,10 @@
+const side = [
+  "top",
+  "right",
+  "bottom",
+  "left"
+] as const
+
 export default {
   "slots": {
     "overlay": "fixed inset-0 bg-[var(--ui-bg-elevated)]/75",
@@ -33,28 +40,28 @@ export default {
   "compoundVariants": [
     {
       "transition": true,
-      "side": "top" as const,
+      "side": "top" as typeof side[number],
       "class": {
         "content": "data-[state=open]:animate-[slide-in-from-top_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-top_200ms_ease-in-out]"
       }
     },
     {
       "transition": true,
-      "side": "right" as const,
+      "side": "right" as typeof side[number],
       "class": {
         "content": "data-[state=open]:animate-[slide-in-from-right_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-right_200ms_ease-in-out]"
       }
     },
     {
       "transition": true,
-      "side": "bottom" as const,
+      "side": "bottom" as typeof side[number],
       "class": {
         "content": "data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-bottom_200ms_ease-in-out]"
       }
     },
     {
       "transition": true,
-      "side": "left" as const,
+      "side": "left" as typeof side[number],
       "class": {
         "content": "data-[state=open]:animate-[slide-in-from-left_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-left_200ms_ease-in-out]"
       }

package/.nuxt/ui/slider.ts

@@ -1,3 +1,26 @@
+const color = [
+  "primary",
+  "secondary",
+  "success",
+  "info",
+  "warning",
+  "error",
+  "neutral"
+] as const
+
+const size = [
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl"
+] as const
+
+const orientation = [
+  "horizontal",
+  "vertical"
+] as const
+
 export default {
   "slots": {
     "root": "relative flex items-center select-none touch-none",
@@ -71,78 +94,78 @@ export default {
   },
   "compoundVariants": [
     {
-      "orientation": "horizontal" as const,
-      "size": "xs" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "size": "xs" as typeof size[number],
       "class": {
         "track": "h-[6px]"
       }
     },
     {
-      "orientation": "horizontal" as const,
-      "size": "sm" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "size": "sm" as typeof size[number],
       "class": {
         "track": "h-[7px]"
       }
     },
     {
-      "orientation": "horizontal" as const,
-      "size": "md" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "size": "md" as typeof size[number],
       "class": {
         "track": "h-[8px]"
       }
     },
     {
-      "orientation": "horizontal" as const,
-      "size": "lg" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "size": "lg" as typeof size[number],
       "class": {
         "track": "h-[9px]"
       }
     },
     {
-      "orientation": "horizontal" as const,
-      "size": "xl" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "size": "xl" as typeof size[number],
       "class": {
         "track": "h-[10px]"
       }
     },
     {
-      "orientation": "vertical" as const,
-      "size": "xs" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "size": "xs" as typeof size[number],
       "class": {
         "track": "w-[6px]"
       }
     },
     {
-      "orientation": "vertical" as const,
-      "size": "sm" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "size": "sm" as typeof size[number],
       "class": {
         "track": "w-[7px]"
       }
     },
     {
-      "orientation": "vertical" as const,
-      "size": "md" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "size": "md" as typeof size[number],
       "class": {
         "track": "w-[8px]"
       }
     },
     {
-      "orientation": "vertical" as const,
-      "size": "lg" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "size": "lg" as typeof size[number],
       "class": {
         "track": "w-[9px]"
       }
     },
     {
-      "orientation": "vertical" as const,
-      "size": "xl" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "size": "xl" as typeof size[number],
       "class": {
         "track": "w-[10px]"
       }
     }
   ],
   "defaultVariants": {
-    "size": "md" as const,
-    "color": "primary" as const
+    "size": "md" as typeof size[number],
+    "color": "primary" as typeof color[number]
   }
 }