@nuxt/ui 3.0.1 → 3.1.0

package/.nuxt/ui/pin-input.ts

@@ -1,3 +1,5 @@
+import template from "/home/runner/work/ui/ui/src/theme/pin-input"
+
 const size = [
   "xs",
   "sm",
@@ -24,11 +26,28 @@ const color = [
   "neutral"
 ] as const
 
-export default {
+const result = typeof template === 'function' ? (template as Function)({
+  "prefix": "U",
+  "fonts": true,
+  "colorMode": true,
+  "theme": {
+    "colors": [
+      "primary",
+      "secondary",
+      "success",
+      "info",
+      "warning",
+      "error"
+    ],
+    "transitions": true
+  }
+}) : template
+
+const theme = {
   "slots": {
     "root": "relative inline-flex items-center gap-1.5",
     "base": [
-      "rounded-[calc(var(--ui-radius)*1.5)] border-0 placeholder:text-(--ui-text-dimmed) text-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75",
+      "rounded-md border-0 placeholder:text-dimmed text-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75",
       "transition-colors"
     ]
   },
@@ -51,11 +70,11 @@ export default {
       }
     },
     "variant": {
-      "outline": "text-(--ui-text-highlighted) bg-(--ui-bg) ring ring-inset ring-(--ui-border-accented)",
-      "soft": "text-(--ui-text-highlighted) bg-(--ui-bg-elevated)/50 hover:bg-(--ui-bg-elevated) focus:bg-(--ui-bg-elevated) disabled:bg-(--ui-bg-elevated)/50",
-      "subtle": "text-(--ui-text-highlighted) bg-(--ui-bg-elevated) ring ring-inset ring-(--ui-border-accented)",
-      "ghost": "text-(--ui-text-highlighted) bg-transparent hover:bg-(--ui-bg-elevated) focus:bg-(--ui-bg-elevated) disabled:bg-transparent dark:disabled:bg-transparent",
-      "none": "text-(--ui-text-highlighted) bg-transparent"
+      "outline": "text-highlighted bg-default ring ring-inset ring-accented",
+      "soft": "text-highlighted bg-elevated/50 hover:bg-elevated focus:bg-elevated disabled:bg-elevated/50",
+      "subtle": "text-highlighted bg-elevated ring ring-inset ring-accented",
+      "ghost": "text-highlighted bg-transparent hover:bg-elevated focus:bg-elevated disabled:bg-transparent dark:disabled:bg-transparent",
+      "none": "text-highlighted bg-transparent"
     },
     "color": {
       "primary": "",
@@ -77,7 +96,7 @@ export default {
         "outline" as typeof variant[number],
         "subtle" as typeof variant[number]
       ],
-      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-primary)"
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary"
     },
     {
       "color": "secondary" as typeof color[number],
@@ -85,7 +104,7 @@ export default {
         "outline" as typeof variant[number],
         "subtle" as typeof variant[number]
       ],
-      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-secondary)"
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-secondary"
     },
     {
       "color": "success" as typeof color[number],
@@ -93,7 +112,7 @@ export default {
         "outline" as typeof variant[number],
         "subtle" as typeof variant[number]
       ],
-      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-success)"
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-success"
     },
     {
       "color": "info" as typeof color[number],
@@ -101,7 +120,7 @@ export default {
         "outline" as typeof variant[number],
         "subtle" as typeof variant[number]
       ],
-      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-info)"
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-info"
     },
     {
       "color": "warning" as typeof color[number],
@@ -109,7 +128,7 @@ export default {
         "outline" as typeof variant[number],
         "subtle" as typeof variant[number]
       ],
-      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-warning)"
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-warning"
     },
     {
       "color": "error" as typeof color[number],
@@ -117,37 +136,37 @@ export default {
         "outline" as typeof variant[number],
         "subtle" as typeof variant[number]
       ],
-      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-error)"
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error"
     },
     {
       "color": "primary" as typeof color[number],
       "highlight": true,
-      "class": "ring ring-inset ring-(--ui-primary)"
+      "class": "ring ring-inset ring-primary"
     },
     {
       "color": "secondary" as typeof color[number],
       "highlight": true,
-      "class": "ring ring-inset ring-(--ui-secondary)"
+      "class": "ring ring-inset ring-secondary"
     },
     {
       "color": "success" as typeof color[number],
       "highlight": true,
-      "class": "ring ring-inset ring-(--ui-success)"
+      "class": "ring ring-inset ring-success"
     },
     {
       "color": "info" as typeof color[number],
       "highlight": true,
-      "class": "ring ring-inset ring-(--ui-info)"
+      "class": "ring ring-inset ring-info"
     },
     {
       "color": "warning" as typeof color[number],
       "highlight": true,
-      "class": "ring ring-inset ring-(--ui-warning)"
+      "class": "ring ring-inset ring-warning"
     },
     {
       "color": "error" as typeof color[number],
       "highlight": true,
-      "class": "ring ring-inset ring-(--ui-error)"
+      "class": "ring ring-inset ring-error"
     },
     {
       "color": "neutral" as typeof color[number],
@@ -155,12 +174,12 @@ export default {
         "outline" as typeof variant[number],
         "subtle" as typeof variant[number]
       ],
-      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-(--ui-border-inverted)"
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-inverted"
     },
     {
       "color": "neutral" as typeof color[number],
       "highlight": true,
-      "class": "ring ring-inset ring-(--ui-border-inverted)"
+      "class": "ring ring-inset ring-inverted"
     }
   ],
   "defaultVariants": {
@@ -168,4 +187,6 @@ export default {
     "color": "primary" as typeof color[number],
     "variant": "outline" as typeof variant[number]
   }
-}
+}
+
+export default result as typeof theme

package/.nuxt/ui/popover.ts

@@ -1,6 +1,27 @@
-export default {
+import template from "/home/runner/work/ui/ui/src/theme/popover"
+
+const result = typeof template === 'function' ? (template as Function)({
+  "prefix": "U",
+  "fonts": true,
+  "colorMode": true,
+  "theme": {
+    "colors": [
+      "primary",
+      "secondary",
+      "success",
+      "info",
+      "warning",
+      "error"
+    ],
+    "transitions": true
+  }
+}) : template
+
+const theme = {
   "slots": {
-    "content": "bg-(--ui-bg) shadow-lg rounded-[calc(var(--ui-radius)*1.5)] ring ring-(--ui-border) data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] focus:outline-none pointer-events-auto",
-    "arrow": "fill-(--ui-border)"
+    "content": "bg-default shadow-lg rounded-md ring ring-default data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-popover-content-transform-origin) focus:outline-none pointer-events-auto",
+    "arrow": "fill-default"
   }
-}
+}
+
+export default result as typeof theme

package/.nuxt/ui/progress.ts

@@ -1,3 +1,5 @@
+import template from "/home/runner/work/ui/ui/src/theme/progress"
+
 const animation = [
   "carousel",
   "carousel-inverse",
@@ -37,12 +39,29 @@ const orientation = [
   "vertical"
 ] as const
 
-export default {
+const result = typeof template === 'function' ? (template as Function)({
+  "prefix": "U",
+  "fonts": true,
+  "colorMode": true,
+  "theme": {
+    "colors": [
+      "primary",
+      "secondary",
+      "success",
+      "info",
+      "warning",
+      "error"
+    ],
+    "transitions": true
+  }
+}) : template
+
+const theme = {
   "slots": {
     "root": "gap-2",
-    "base": "relative overflow-hidden rounded-full bg-(--ui-bg-accented)",
+    "base": "relative overflow-hidden rounded-full bg-accented",
     "indicator": "rounded-full size-full transition-transform duration-200 ease-out",
-    "status": "flex justify-end text-(--ui-text-dimmed) transition-[width] duration-200",
+    "status": "flex justify-end text-dimmed transition-[width] duration-200",
     "steps": "grid items-end",
     "step": "truncate text-end row-start-1 col-start-1 transition-opacity" as typeof step[number]
   },
@@ -55,32 +74,32 @@ export default {
     },
     "color": {
       "primary": {
-        "indicator": "bg-(--ui-primary)",
-        "steps": "text-(--ui-primary)"
+        "indicator": "bg-primary",
+        "steps": "text-primary"
       },
       "secondary": {
-        "indicator": "bg-(--ui-secondary)",
-        "steps": "text-(--ui-secondary)"
+        "indicator": "bg-secondary",
+        "steps": "text-secondary"
       },
       "success": {
-        "indicator": "bg-(--ui-success)",
-        "steps": "text-(--ui-success)"
+        "indicator": "bg-success",
+        "steps": "text-success"
       },
       "info": {
-        "indicator": "bg-(--ui-info)",
-        "steps": "text-(--ui-info)"
+        "indicator": "bg-info",
+        "steps": "text-info"
       },
       "warning": {
-        "indicator": "bg-(--ui-warning)",
-        "steps": "text-(--ui-warning)"
+        "indicator": "bg-warning",
+        "steps": "text-warning"
       },
       "error": {
-        "indicator": "bg-(--ui-error)",
-        "steps": "text-(--ui-error)"
+        "indicator": "bg-error",
+        "steps": "text-error"
       },
       "neutral": {
-        "indicator": "bg-(--ui-bg-inverted)",
-        "steps": "text-(--ui-bg)"
+        "indicator": "bg-inverted",
+        "steps": "text-inverted"
       }
     },
     "size": {
@@ -118,7 +137,7 @@ export default {
         "step": "opacity-100" as typeof step[number]
       },
       "first": {
-        "step": "opacity-100 text-(--ui-text-muted)" as typeof step[number]
+        "step": "opacity-100 text-muted" as typeof step[number]
       },
       "other": {
         "step": "opacity-0" as typeof step[number]
@@ -294,4 +313,6 @@ export default {
     "color": "primary" as typeof color[number],
     "size": "md" as typeof size[number]
   }
-}
+}
+
+export default result as typeof theme