@nuxt/ui 3.0.2 → 3.1.0

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

@@ -1,3 +1,5 @@
+import template from "/home/runner/work/ui/ui/src/theme/input-menu"
+
 const buttonGroup = [
   "horizontal",
   "vertical"
@@ -33,32 +35,49 @@ const type = [
   "file"
 ] 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",
     "base": [
-      "rounded-[calc(var(--ui-radius)*1.5)]",
+      "rounded-md",
       "transition-colors"
     ],
     "leading": "absolute inset-y-0 start-0 flex items-center",
-    "leadingIcon": "shrink-0 text-(--ui-text-dimmed)",
+    "leadingIcon": "shrink-0 text-dimmed",
     "leadingAvatar": "shrink-0",
     "leadingAvatarSize": "",
     "trailing": "group absolute inset-y-0 end-0 flex items-center disabled:cursor-not-allowed disabled:opacity-75",
-    "trailingIcon": "shrink-0 text-(--ui-text-dimmed)",
-    "arrow": "fill-(--ui-border)",
-    "content": "max-h-60 w-(--reka-popper-anchor-width) bg-(--ui-bg) shadow-lg rounded-[calc(var(--ui-radius)*1.5)] ring ring-(--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-(--ui-border) scroll-py-1",
+    "trailingIcon": "shrink-0 text-dimmed",
+    "arrow": "fill-default",
+    "content": "max-h-60 w-(--reka-combobox-trigger-width) bg-default shadow-lg rounded-md ring ring-default overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-combobox-content-transform-origin) pointer-events-auto",
+    "viewport": "divide-y divide-default scroll-py-1",
     "group": "p-1 isolate",
-    "empty": "py-2 text-center text-sm text-(--ui-text-muted)",
-    "label": "font-semibold text-(--ui-text-highlighted)",
-    "separator": "-mx-1 my-1 h-px bg-(--ui-border)",
+    "empty": "py-2 text-center text-sm text-muted",
+    "label": "font-semibold text-highlighted",
+    "separator": "-mx-1 my-1 h-px bg-border",
     "item": [
-      "group relative w-full flex items-center gap-1.5 p-1.5 text-sm select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-[calc(var(--ui-radius)*1.5)] data-disabled:cursor-not-allowed data-disabled:opacity-75 text-(--ui-text) data-highlighted:text-(--ui-text-highlighted) data-highlighted:before:bg-(--ui-bg-elevated)/50",
+      "group relative w-full flex items-center gap-1.5 p-1.5 text-sm select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-md data-disabled:cursor-not-allowed data-disabled:opacity-75 text-default data-highlighted:not-data-disabled:text-highlighted data-highlighted:not-data-disabled:before:bg-elevated/50",
       "transition-colors before:transition-colors"
     ],
     "itemLeadingIcon": [
-      "shrink-0 text-(--ui-text-dimmed) group-data-highlighted:text-(--ui-text)",
+      "shrink-0 text-dimmed group-data-highlighted:not-group-data-disabled:text-default",
       "transition-colors"
     ],
     "itemLeadingAvatar": "shrink-0",
@@ -68,10 +87,10 @@ export default {
     "itemTrailing": "ms-auto inline-flex gap-1.5 items-center",
     "itemTrailingIcon": "shrink-0",
     "itemLabel": "truncate",
-    "tagsItem": "px-1.5 py-0.5 rounded-(--ui-radius) font-medium inline-flex items-center gap-0.5 ring ring-inset ring-(--ui-border-accented) bg-(--ui-bg-elevated) text-(--ui-text) data-disabled:cursor-not-allowed data-disabled:opacity-75",
+    "tagsItem": "px-1.5 py-0.5 rounded-sm font-medium inline-flex items-center gap-0.5 ring ring-inset ring-accented bg-elevated text-default data-disabled:cursor-not-allowed data-disabled:opacity-75",
     "tagsItemText": "truncate",
     "tagsItemDelete": [
-      "inline-flex items-center rounded-[calc(var(--ui-radius)/2)] text-(--ui-text-dimmed) hover:text-(--ui-text) hover:bg-(--ui-bg-accented)/75 disabled:pointer-events-none",
+      "inline-flex items-center rounded-xs text-dimmed hover:text-default hover:bg-accented/75 disabled:pointer-events-none",
       "transition-colors"
     ],
     "tagsItemDeleteIcon": "",
@@ -176,11 +195,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": "",
@@ -204,15 +223,15 @@ export default {
       "true": ""
     },
     "type": {
-      "file": "file:me-1.5 file:font-medium file:text-(--ui-text-muted) file:outline-none"
+      "file": "file:me-1.5 file:font-medium file:text-muted file:outline-none"
     },
     "multiple": {
       "true": {
         "root": "flex-wrap",
-        "tagsInput": "border-0 bg-transparent placeholder:text-(--ui-text-dimmed) focus:outline-none disabled:cursor-not-allowed disabled:opacity-75"
+        "tagsInput": "border-0 bg-transparent placeholder:text-dimmed focus:outline-none disabled:cursor-not-allowed disabled:opacity-75"
       },
       "false": {
-        "base": "w-full border-0 placeholder:text-(--ui-text-dimmed) focus:outline-none disabled:cursor-not-allowed disabled:opacity-75"
+        "base": "w-full border-0 placeholder:text-dimmed focus:outline-none disabled:cursor-not-allowed disabled:opacity-75"
       }
     }
   },
@@ -224,7 +243,7 @@ export default {
         "outline" as typeof variant[number],
         "subtle" as typeof variant[number]
       ],
-      "class": "has-focus-visible:ring-2 has-focus-visible:ring-(--ui-primary)"
+      "class": "has-focus-visible:ring-2 has-focus-visible:ring-primary"
     },
     {
       "color": "secondary" as typeof color[number],
@@ -233,7 +252,7 @@ export default {
         "outline" as typeof variant[number],
         "subtle" as typeof variant[number]
       ],
-      "class": "has-focus-visible:ring-2 has-focus-visible:ring-(--ui-secondary)"
+      "class": "has-focus-visible:ring-2 has-focus-visible:ring-secondary"
     },
     {
       "color": "success" as typeof color[number],
@@ -242,7 +261,7 @@ export default {
         "outline" as typeof variant[number],
         "subtle" as typeof variant[number]
       ],
-      "class": "has-focus-visible:ring-2 has-focus-visible:ring-(--ui-success)"
+      "class": "has-focus-visible:ring-2 has-focus-visible:ring-success"
     },
     {
       "color": "info" as typeof color[number],
@@ -251,7 +270,7 @@ export default {
         "outline" as typeof variant[number],
         "subtle" as typeof variant[number]
       ],
-      "class": "has-focus-visible:ring-2 has-focus-visible:ring-(--ui-info)"
+      "class": "has-focus-visible:ring-2 has-focus-visible:ring-info"
     },
     {
       "color": "warning" as typeof color[number],
@@ -260,7 +279,7 @@ export default {
         "outline" as typeof variant[number],
         "subtle" as typeof variant[number]
       ],
-      "class": "has-focus-visible:ring-2 has-focus-visible:ring-(--ui-warning)"
+      "class": "has-focus-visible:ring-2 has-focus-visible:ring-warning"
     },
     {
       "color": "error" as typeof color[number],
@@ -269,7 +288,7 @@ export default {
         "outline" as typeof variant[number],
         "subtle" as typeof variant[number]
       ],
-      "class": "has-focus-visible:ring-2 has-focus-visible:ring-(--ui-error)"
+      "class": "has-focus-visible:ring-2 has-focus-visible:ring-error"
     },
     {
       "color": "neutral" as typeof color[number],
@@ -278,7 +297,7 @@ export default {
         "outline" as typeof variant[number],
         "subtle" as typeof variant[number]
       ],
-      "class": "has-focus-visible:ring-2 has-focus-visible:ring-(--ui-border-inverted)"
+      "class": "has-focus-visible:ring-2 has-focus-visible:ring-inverted"
     },
     {
       "color": "primary" as typeof color[number],
@@ -286,7 +305,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],
@@ -294,7 +313,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],
@@ -302,7 +321,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],
@@ -310,7 +329,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],
@@ -318,7 +337,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],
@@ -326,37 +345,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],
@@ -364,12 +383,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"
     },
     {
       "leading": true,
@@ -442,4 +461,6 @@ export default {
     "color": "primary" as typeof color[number],
     "variant": "outline" as typeof variant[number]
   }
-}
+}
+
+export default result as typeof theme

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

@@ -1,3 +1,5 @@
+import template from "/home/runner/work/ui/ui/src/theme/input-number"
+
 const color = [
   "primary",
   "secondary",
@@ -29,11 +31,28 @@ 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": "relative inline-flex items-center",
     "base": [
-      "w-full rounded-[calc(var(--ui-radius)*1.5)] border-0 placeholder:text-(--ui-text-dimmed) focus:outline-none disabled:cursor-not-allowed disabled:opacity-75",
+      "w-full rounded-md border-0 placeholder:text-dimmed focus:outline-none disabled:cursor-not-allowed disabled:opacity-75",
       "transition-colors"
     ],
     "increment": "absolute flex items-center",
@@ -57,11 +76,11 @@ export default {
       "xl": "px-3 py-2 text-base gap-2"
     },
     "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"
     },
     "disabled": {
       "true": {
@@ -91,7 +110,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],
@@ -99,7 +118,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],
@@ -107,7 +126,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],
@@ -115,7 +134,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],
@@ -123,7 +142,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],
@@ -131,37 +150,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],
@@ -169,12 +188,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"
     },
     {
       "orientation": "horizontal" as typeof orientation[number],
@@ -232,4 +251,6 @@ export default {
     "color": "primary" as typeof color[number],
     "variant": "outline" as typeof variant[number]
   }
-}
+}
+
+export default result as typeof theme

package/.nuxt/ui/input.ts

@@ -1,3 +1,5 @@
+import template from "/home/runner/work/ui/ui/src/theme/input"
+
 const buttonGroup = [
   "horizontal",
   "vertical"
@@ -33,19 +35,36 @@ const type = [
   "file"
 ] 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",
     "base": [
-      "w-full rounded-[calc(var(--ui-radius)*1.5)] border-0 placeholder:text-(--ui-text-dimmed) focus:outline-none disabled:cursor-not-allowed disabled:opacity-75",
+      "w-full rounded-md border-0 placeholder:text-dimmed focus:outline-none disabled:cursor-not-allowed disabled:opacity-75",
       "transition-colors"
     ],
     "leading": "absolute inset-y-0 start-0 flex items-center",
-    "leadingIcon": "shrink-0 text-(--ui-text-dimmed)",
+    "leadingIcon": "shrink-0 text-dimmed",
     "leadingAvatar": "shrink-0",
     "leadingAvatarSize": "",
     "trailing": "absolute inset-y-0 end-0 flex items-center",
-    "trailingIcon": "shrink-0 text-(--ui-text-dimmed)"
+    "trailingIcon": "shrink-0 text-dimmed"
   },
   "variants": {
     "buttonGroup": {
@@ -101,11 +120,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": "",
@@ -129,7 +148,7 @@ export default {
       "true": ""
     },
     "type": {
-      "file": "file:me-1.5 file:font-medium file:text-(--ui-text-muted) file:outline-none"
+      "file": "file:me-1.5 file:font-medium file:text-muted file:outline-none"
     }
   },
   "compoundVariants": [
@@ -139,7 +158,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],
@@ -147,7 +166,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],
@@ -155,7 +174,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],
@@ -163,7 +182,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],
@@ -171,7 +190,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],
@@ -179,37 +198,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],
@@ -217,12 +236,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"
     },
     {
       "leading": true,
@@ -295,4 +314,6 @@ export default {
     "color": "primary" as typeof color[number],
     "variant": "outline" as typeof variant[number]
   }
-}
+}
+
+export default result as typeof theme