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

package/.nuxt/ui/stepper.ts

@@ -1,3 +1,26 @@
+const orientation = [
+  "horizontal",
+  "vertical"
+] as const
+
+const size = [
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl"
+] as const
+
+const color = [
+  "primary",
+  "secondary",
+  "success",
+  "info",
+  "warning",
+  "error",
+  "neutral"
+] as const
+
 export default {
   "slots": {
     "root": "flex gap-4",
@@ -97,75 +120,75 @@ export default {
   },
   "compoundVariants": [
     {
-      "orientation": "horizontal" as const,
-      "size": "xs" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "size": "xs" as typeof size[number],
       "class": {
         "separator": "start-[calc(50%+16px)] end-[calc(-50%+16px)]"
       }
     },
     {
-      "orientation": "horizontal" as const,
-      "size": "sm" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "size": "sm" as typeof size[number],
       "class": {
         "separator": "start-[calc(50%+20px)] end-[calc(-50%+20px)]"
       }
     },
     {
-      "orientation": "horizontal" as const,
-      "size": "md" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "size": "md" as typeof size[number],
       "class": {
         "separator": "start-[calc(50%+28px)] end-[calc(-50%+28px)]"
       }
     },
     {
-      "orientation": "horizontal" as const,
-      "size": "lg" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "size": "lg" as typeof size[number],
       "class": {
         "separator": "start-[calc(50%+32px)] end-[calc(-50%+32px)]"
       }
     },
     {
-      "orientation": "horizontal" as const,
-      "size": "xl" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "size": "xl" as typeof size[number],
       "class": {
         "separator": "start-[calc(50%+36px)] end-[calc(-50%+36px)]"
       }
     },
     {
-      "orientation": "vertical" as const,
-      "size": "xs" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "size": "xs" as typeof size[number],
       "class": {
         "separator": "top-[30px]",
         "item": "gap-1.5"
       }
     },
     {
-      "orientation": "vertical" as const,
-      "size": "sm" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "size": "sm" as typeof size[number],
       "class": {
         "separator": "top-[38px]",
         "item": "gap-2"
       }
     },
     {
-      "orientation": "vertical" as const,
-      "size": "md" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "size": "md" as typeof size[number],
       "class": {
         "separator": "top-[46px]",
         "item": "gap-2.5"
       }
     },
     {
-      "orientation": "vertical" as const,
-      "size": "lg" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "size": "lg" as typeof size[number],
       "class": {
         "separator": "top-[54px]",
         "item": "gap-3"
       }
     },
     {
-      "orientation": "vertical" as const,
-      "size": "xl" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "size": "xl" as typeof size[number],
       "class": {
         "separator": "top-[62px]",
         "item": "gap-3.5"
@@ -173,8 +196,7 @@ export default {
     }
   ],
   "defaultVariants": {
-    "orientation": "horizontal" as const,
-    "size": "md" as const,
-    "color": "primary" as const
+    "size": "md" as typeof size[number],
+    "color": "primary" as typeof color[number]
   }
 }

package/.nuxt/ui/switch.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",
@@ -107,7 +125,7 @@ export default {
     }
   },
   "defaultVariants": {
-    "color": "primary" as const,
-    "size": "md" as const
+    "color": "primary" as typeof color[number],
+    "size": "md" as typeof size[number]
   }
 }

package/.nuxt/ui/table.ts

@@ -1,3 +1,20 @@
+const loadingAnimation = [
+  "carousel",
+  "carousel-inverse",
+  "swing",
+  "elastic"
+] as const
+
+const loadingColor = [
+  "primary",
+  "secondary",
+  "success",
+  "info",
+  "warning",
+  "error",
+  "neutral"
+] as const
+
 export default {
   "slots": {
     "root": "relative overflow-auto",
@@ -46,84 +63,84 @@ export default {
   "compoundVariants": [
     {
       "loading": true,
-      "loadingColor": "primary" as const,
+      "loadingColor": "primary" as typeof loadingColor[number],
       "class": {
         "thead": "after:bg-[var(--ui-primary)]"
       }
     },
     {
       "loading": true,
-      "loadingColor": "secondary" as const,
+      "loadingColor": "secondary" as typeof loadingColor[number],
       "class": {
         "thead": "after:bg-[var(--ui-secondary)]"
       }
     },
     {
       "loading": true,
-      "loadingColor": "success" as const,
+      "loadingColor": "success" as typeof loadingColor[number],
       "class": {
         "thead": "after:bg-[var(--ui-success)]"
       }
     },
     {
       "loading": true,
-      "loadingColor": "info" as const,
+      "loadingColor": "info" as typeof loadingColor[number],
       "class": {
         "thead": "after:bg-[var(--ui-info)]"
       }
     },
     {
       "loading": true,
-      "loadingColor": "warning" as const,
+      "loadingColor": "warning" as typeof loadingColor[number],
       "class": {
         "thead": "after:bg-[var(--ui-warning)]"
       }
     },
     {
       "loading": true,
-      "loadingColor": "error" as const,
+      "loadingColor": "error" as typeof loadingColor[number],
       "class": {
         "thead": "after:bg-[var(--ui-error)]"
       }
     },
     {
       "loading": true,
-      "loadingColor": "neutral" as const,
+      "loadingColor": "neutral" as typeof loadingColor[number],
       "class": {
         "thead": "after:bg-[var(--ui-bg-inverted)]"
       }
     },
     {
       "loading": true,
-      "loadingAnimation": "carousel" as const,
+      "loadingAnimation": "carousel" as typeof loadingAnimation[number],
       "class": {
         "thead": "after:animate-[carousel_2s_ease-in-out_infinite] rtl:after:animate-[carousel-rtl_2s_ease-in-out_infinite]"
       }
     },
     {
       "loading": true,
-      "loadingAnimation": "carousel-inverse" as const,
+      "loadingAnimation": "carousel-inverse" as typeof loadingAnimation[number],
       "class": {
         "thead": "after:animate-[carousel-inverse_2s_ease-in-out_infinite] rtl:after:animate-[carousel-inverse-rtl_2s_ease-in-out_infinite]"
       }
     },
     {
       "loading": true,
-      "loadingAnimation": "swing" as const,
+      "loadingAnimation": "swing" as typeof loadingAnimation[number],
       "class": {
         "thead": "after:animate-[swing_2s_ease-in-out_infinite]"
       }
     },
     {
       "loading": true,
-      "loadingAnimation": "elastic" as const,
+      "loadingAnimation": "elastic" as typeof loadingAnimation[number],
       "class": {
         "thead": "after:animate-[elastic_2s_ease-in-out_infinite]"
       }
     }
   ],
   "defaultVariants": {
-    "loadingColor": "primary" as const,
-    "loadingAnimation": "carousel" as const
+    "loadingColor": "primary" as typeof loadingColor[number],
+    "loadingAnimation": "carousel" as typeof loadingAnimation[number]
   }
 }

package/.nuxt/ui/tabs.ts

@@ -1,3 +1,31 @@
+const color = [
+  "primary",
+  "secondary",
+  "success",
+  "info",
+  "warning",
+  "error",
+  "neutral"
+] as const
+
+const variant = [
+  "pill",
+  "link"
+] as const
+
+const orientation = [
+  "horizontal",
+  "vertical"
+] as const
+
+const size = [
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl"
+] as const
+
 export default {
   "slots": {
     "root": "flex items-center gap-2",
@@ -76,143 +104,143 @@ export default {
   },
   "compoundVariants": [
     {
-      "orientation": "horizontal" as const,
-      "variant": "pill" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
       "class": {
         "indicator": "inset-y-1"
       }
     },
     {
-      "orientation": "horizontal" as const,
-      "variant": "link" as const,
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "link" as typeof variant[number],
       "class": {
         "list": "border-b -mb-px",
         "indicator": "-bottom-px h-px"
       }
     },
     {
-      "orientation": "vertical" as const,
-      "variant": "pill" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
       "class": {
         "indicator": "inset-x-1",
         "list": "items-center"
       }
     },
     {
-      "orientation": "vertical" as const,
-      "variant": "link" as const,
+      "orientation": "vertical" as typeof orientation[number],
+      "variant": "link" as typeof variant[number],
       "class": {
         "list": "border-s -ms-px",
         "indicator": "-start-px w-px"
       }
     },
     {
-      "color": "primary" as const,
-      "variant": "pill" as const,
+      "color": "primary" as typeof color[number],
+      "variant": "pill" as typeof variant[number],
       "class": {
         "indicator": "bg-[var(--ui-primary)]",
         "trigger": "data-[state=active]:text-[var(--ui-bg)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-primary)]"
       }
     },
     {
-      "color": "secondary" as const,
-      "variant": "pill" as const,
+      "color": "secondary" as typeof color[number],
+      "variant": "pill" as typeof variant[number],
       "class": {
         "indicator": "bg-[var(--ui-secondary)]",
         "trigger": "data-[state=active]:text-[var(--ui-bg)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-secondary)]"
       }
     },
     {
-      "color": "success" as const,
-      "variant": "pill" as const,
+      "color": "success" as typeof color[number],
+      "variant": "pill" as typeof variant[number],
       "class": {
         "indicator": "bg-[var(--ui-success)]",
         "trigger": "data-[state=active]:text-[var(--ui-bg)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-success)]"
       }
     },
     {
-      "color": "info" as const,
-      "variant": "pill" as const,
+      "color": "info" as typeof color[number],
+      "variant": "pill" as typeof variant[number],
       "class": {
         "indicator": "bg-[var(--ui-info)]",
         "trigger": "data-[state=active]:text-[var(--ui-bg)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-info)]"
       }
     },
     {
-      "color": "warning" as const,
-      "variant": "pill" as const,
+      "color": "warning" as typeof color[number],
+      "variant": "pill" as typeof variant[number],
       "class": {
         "indicator": "bg-[var(--ui-warning)]",
         "trigger": "data-[state=active]:text-[var(--ui-bg)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-warning)]"
       }
     },
     {
-      "color": "error" as const,
-      "variant": "pill" as const,
+      "color": "error" as typeof color[number],
+      "variant": "pill" as typeof variant[number],
       "class": {
         "indicator": "bg-[var(--ui-error)]",
         "trigger": "data-[state=active]:text-[var(--ui-bg)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-error)]"
       }
     },
     {
-      "color": "neutral" as const,
-      "variant": "pill" as const,
+      "color": "neutral" as typeof color[number],
+      "variant": "pill" as typeof variant[number],
       "class": {
         "indicator": "bg-[var(--ui-bg-inverted)]",
         "trigger": "data-[state=active]:text-[var(--ui-bg)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-border-inverted)]"
       }
     },
     {
-      "color": "primary" as const,
-      "variant": "link" as const,
+      "color": "primary" as typeof color[number],
+      "variant": "link" as typeof variant[number],
       "class": {
         "indicator": "bg-[var(--ui-primary)]",
         "trigger": "data-[state=active]: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": {
         "indicator": "bg-[var(--ui-secondary)]",
         "trigger": "data-[state=active]: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": {
         "indicator": "bg-[var(--ui-success)]",
         "trigger": "data-[state=active]: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": {
         "indicator": "bg-[var(--ui-info)]",
         "trigger": "data-[state=active]: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": {
         "indicator": "bg-[var(--ui-warning)]",
         "trigger": "data-[state=active]: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": {
         "indicator": "bg-[var(--ui-error)]",
         "trigger": "data-[state=active]:text-[var(--ui-error)] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-error)]"
       }
     },
     {
-      "color": "neutral" as const,
-      "variant": "link" as const,
+      "color": "neutral" as typeof color[number],
+      "variant": "link" as typeof variant[number],
       "class": {
         "indicator": "bg-[var(--ui-bg-inverted)]",
         "trigger": "data-[state=active]:text-[var(--ui-text-highlighted)] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-border-inverted)]"
@@ -220,8 +248,8 @@ export default {
     }
   ],
   "defaultVariants": {
-    "color": "primary" as const,
-    "variant": "pill" as const,
-    "size": "md" as const
+    "color": "primary" as typeof color[number],
+    "variant": "pill" as typeof variant[number],
+    "size": "md" as typeof size[number]
   }
 }