@nuxt/ui 3.0.0-alpha.8 → 3.0.0-alpha.9

package/.nuxt/ui/button.ts

@@ -268,7 +268,7 @@ export default {
     {
       "color": "neutral" as const,
       "variant": "solid" as const,
-      "class": "text-[var(--ui-bg)] bg-[var(--ui-bg-inverted)] hover:bg-[var(--ui-bg-inverted)]/80 disabled:bg-[var(--ui-bg-inverted)] aria-disabled:bg-[var(--ui-bg-inverted)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-border-inverted)]"
+      "class": "text-[var(--ui-bg)] bg-[var(--ui-bg-inverted)] hover:bg-[var(--ui-bg-inverted)]/90 disabled:bg-[var(--ui-bg-inverted)] aria-disabled:bg-[var(--ui-bg-inverted)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--ui-border-inverted)]"
     },
     {
       "color": "neutral" as const,

package/.nuxt/ui/card.ts

@@ -1,6 +1,6 @@
 export default {
   "slots": {
-    "root": "bg-[var(--ui-bg)] ring ring-[var(--ui-border)] divide-y divide-[var(--ui-border)] rounded-[calc(var(--ui-radius)*2)] shadow",
+    "root": "bg-[var(--ui-bg)] ring ring-[var(--ui-border)] divide-y divide-[var(--ui-border)] rounded-[calc(var(--ui-radius)*2)] shadow-sm",
     "header": "p-4 sm:px-6",
     "body": "p-4 sm:p-6",
     "footer": "p-4 sm:px-6"

package/.nuxt/ui/carousel.ts

@@ -19,8 +19,8 @@ export default {
       "vertical": {
         "container": "flex-col -mt-4",
         "item": "pt-4",
-        "prev": "-top-12 left-1/2 -translate-x-1/2 rotate-90",
-        "next": "-bottom-12 left-1/2 -translate-x-1/2 rotate-90"
+        "prev": "-top-12 left-1/2 -translate-x-1/2 rotate-90 rtl:-rotate-90",
+        "next": "-bottom-12 left-1/2 -translate-x-1/2 rotate-90 rtl:-rotate-90"
       },
       "horizontal": {
         "container": "flex-row -ms-4",

package/.nuxt/ui/container.ts

@@ -1,3 +1,3 @@
 export default {
-  "base": "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"
+  "base": "max-w-[var(--ui-container)] mx-auto px-4 sm:px-6 lg:px-8"
 }

package/.nuxt/ui/index.ts

@@ -20,11 +20,13 @@ export { default as form } from './form'
 export { default as formField } from './form-field'
 export { default as input } from './input'
 export { default as inputMenu } from './input-menu'
+export { default as inputNumber } from './input-number'
 export { default as kbd } from './kbd'
 export { default as link } from './link'
 export { default as modal } from './modal'
 export { default as navigationMenu } from './navigation-menu'
 export { default as pagination } from './pagination'
+export { default as pinInput } from './pin-input'
 export { default as popover } from './popover'
 export { default as progress } from './progress'
 export { default as radioGroup } from './radio-group'

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

@@ -144,8 +144,8 @@ export default {
       "outline": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg)] ring ring-inset ring-[var(--ui-border-accented)]",
       "soft": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)]/50 hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-[var(--ui-bg-elevated)]/50",
       "subtle": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)] ring ring-inset ring-[var(--ui-border-accented)]",
-      "ghost": "text-[var(--ui-text-highlighted)] hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-transparent dark:disabled:bg-transparent",
-      "none": "text-[var(--ui-text-highlighted)]"
+      "ghost": "text-[var(--ui-text-highlighted)] bg-transparent hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-transparent dark:disabled:bg-transparent",
+      "none": "text-[var(--ui-text-highlighted)] bg-transparent"
     },
     "color": {
       "primary": "",
@@ -175,7 +175,7 @@ export default {
       "true": {
         "root": "flex-wrap",
         "base": "",
-        "tagsInput": "border-0 placeholder:text-[var(--ui-text-dimmed)] focus:outline-none disabled:cursor-not-allowed disabled:opacity-75"
+        "tagsInput": "border-0 bg-transparent placeholder:text-[var(--ui-text-dimmed)] focus:outline-none disabled:cursor-not-allowed disabled:opacity-75"
       },
       "false": {
         "base": "w-full border-0 placeholder:text-[var(--ui-text-dimmed)] focus:outline-none disabled:cursor-not-allowed disabled:opacity-75"

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

@@ -0,0 +1,204 @@
+export default {
+  "slots": {
+    "root": "relative inline-flex items-center",
+    "base": [
+      "w-full rounded-[calc(var(--ui-radius)*1.5)] border-0 placeholder:text-[var(--ui-text-dimmed)] focus:outline-none disabled:cursor-not-allowed disabled:opacity-75",
+      "transition-colors"
+    ],
+    "increment": "absolute flex items-center",
+    "decrement": "absolute flex items-center"
+  },
+  "variants": {
+    "color": {
+      "primary": "",
+      "secondary": "",
+      "success": "",
+      "info": "",
+      "warning": "",
+      "error": "",
+      "neutral": ""
+    },
+    "size": {
+      "xs": "px-2 py-1 text-xs gap-1",
+      "sm": "px-2.5 py-1.5 text-xs gap-1.5",
+      "md": "px-2.5 py-1.5 text-sm gap-1.5",
+      "lg": "px-3 py-2 text-sm gap-2",
+      "xl": "px-3 py-2 text-base gap-2"
+    },
+    "variant": {
+      "outline": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg)] ring ring-inset ring-[var(--ui-border-accented)]",
+      "soft": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)]/50 hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-[var(--ui-bg-elevated)]/50",
+      "subtle": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)] ring ring-inset ring-[var(--ui-border-accented)]",
+      "ghost": "text-[var(--ui-text-highlighted)] bg-transparent hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-transparent dark:disabled:bg-transparent",
+      "none": "text-[var(--ui-text-highlighted)] bg-transparent"
+    },
+    "disabled": {
+      "true": {
+        "increment": "opacity-75 cursor-not-allowed",
+        "decrement": "opacity-75 cursor-not-allowed"
+      }
+    },
+    "orientation": {
+      "horizontal": {
+        "base": "text-center",
+        "increment": "inset-y-0 end-0 pe-1",
+        "decrement": "inset-y-0 start-0 ps-1"
+      },
+      "vertical": {
+        "increment": "top-0 end-0 pe-1 [&>button]:py-0 scale-80",
+        "decrement": "bottom-0 end-0 pe-1 [&>button]:py-0 scale-80"
+      }
+    },
+    "highlight": {
+      "true": ""
+    }
+  },
+  "compoundVariants": [
+    {
+      "color": "primary" as const,
+      "variant": [
+        "outline" as const,
+        "subtle" as const
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-primary)]"
+    },
+    {
+      "color": "secondary" as const,
+      "variant": [
+        "outline" as const,
+        "subtle" as const
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-secondary)]"
+    },
+    {
+      "color": "success" as const,
+      "variant": [
+        "outline" as const,
+        "subtle" as const
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-success)]"
+    },
+    {
+      "color": "info" as const,
+      "variant": [
+        "outline" as const,
+        "subtle" as const
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-info)]"
+    },
+    {
+      "color": "warning" as const,
+      "variant": [
+        "outline" as const,
+        "subtle" as const
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-warning)]"
+    },
+    {
+      "color": "error" as const,
+      "variant": [
+        "outline" as const,
+        "subtle" as const
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-error)]"
+    },
+    {
+      "color": "primary" as const,
+      "highlight": true,
+      "class": "ring ring-inset ring-[var(--ui-primary)]"
+    },
+    {
+      "color": "secondary" as const,
+      "highlight": true,
+      "class": "ring ring-inset ring-[var(--ui-secondary)]"
+    },
+    {
+      "color": "success" as const,
+      "highlight": true,
+      "class": "ring ring-inset ring-[var(--ui-success)]"
+    },
+    {
+      "color": "info" as const,
+      "highlight": true,
+      "class": "ring ring-inset ring-[var(--ui-info)]"
+    },
+    {
+      "color": "warning" as const,
+      "highlight": true,
+      "class": "ring ring-inset ring-[var(--ui-warning)]"
+    },
+    {
+      "color": "error" as const,
+      "highlight": true,
+      "class": "ring ring-inset ring-[var(--ui-error)]"
+    },
+    {
+      "color": "neutral" as const,
+      "variant": [
+        "outline" as const,
+        "subtle" as const
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-border-inverted)]"
+    },
+    {
+      "color": "neutral" as const,
+      "highlight": true,
+      "class": "ring ring-inset ring-[var(--ui-border-inverted)]"
+    },
+    {
+      "orientation": "horizontal" as const,
+      "size": "xs" as const,
+      "class": "px-7"
+    },
+    {
+      "orientation": "horizontal" as const,
+      "size": "sm" as const,
+      "class": "px-8"
+    },
+    {
+      "orientation": "horizontal" as const,
+      "size": "md" as const,
+      "class": "px-9"
+    },
+    {
+      "orientation": "horizontal" as const,
+      "size": "lg" as const,
+      "class": "px-10"
+    },
+    {
+      "orientation": "horizontal" as const,
+      "size": "xl" as const,
+      "class": "px-11"
+    },
+    {
+      "orientation": "vertical" as const,
+      "size": "xs" as const,
+      "class": "pe-7"
+    },
+    {
+      "orientation": "vertical" as const,
+      "size": "sm" as const,
+      "class": "pe-8"
+    },
+    {
+      "orientation": "vertical" as const,
+      "size": "md" as const,
+      "class": "pe-9"
+    },
+    {
+      "orientation": "vertical" as const,
+      "size": "lg" as const,
+      "class": "pe-10"
+    },
+    {
+      "orientation": "vertical" as const,
+      "size": "xl" as const,
+      "class": "pe-11"
+    }
+  ],
+  "defaultVariants": {
+    "size": "md" as const,
+    "color": "primary" as const,
+    "variant": "outline" as const
+  }
+}

package/.nuxt/ui/input.ts

@@ -69,8 +69,8 @@ export default {
       "outline": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg)] ring ring-inset ring-[var(--ui-border-accented)]",
       "soft": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)]/50 hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-[var(--ui-bg-elevated)]/50",
       "subtle": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)] ring ring-inset ring-[var(--ui-border-accented)]",
-      "ghost": "text-[var(--ui-text-highlighted)] hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-transparent dark:disabled:bg-transparent",
-      "none": "text-[var(--ui-text-highlighted)]"
+      "ghost": "text-[var(--ui-text-highlighted)] bg-transparent hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-transparent dark:disabled:bg-transparent",
+      "none": "text-[var(--ui-text-highlighted)] bg-transparent"
     },
     "color": {
       "primary": "",

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

@@ -8,7 +8,7 @@ export default {
     "linkLeadingAvatar": "shrink-0",
     "linkLeadingAvatarSize": "2xs",
     "linkTrailing": "ms-auto inline-flex",
-    "linkTrailingBadge": "shrink-0 rounded",
+    "linkTrailingBadge": "shrink-0 rounded-[calc(var(--ui-radius)]",
     "linkTrailingBadgeSize": "sm",
     "linkTrailingIcon": "size-5 transform shrink-0 group-data-[state=open]:rotate-180 transition-transform duration-200",
     "linkLabel": "truncate",

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

@@ -0,0 +1,145 @@
+export default {
+  "slots": {
+    "root": "relative inline-flex items-center gap-1.5",
+    "base": [
+      "rounded-[calc(var(--ui-radius)*1.5)] border-0 placeholder:text-[var(--ui-text-dimmed)] text-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75",
+      "transition-colors"
+    ]
+  },
+  "variants": {
+    "size": {
+      "xs": {
+        "base": "size-6 text-xs"
+      },
+      "sm": {
+        "base": "size-7 text-xs"
+      },
+      "md": {
+        "base": "size-8 text-sm"
+      },
+      "lg": {
+        "base": "size-9 text-sm"
+      },
+      "xl": {
+        "base": "size-10 text-base"
+      }
+    },
+    "variant": {
+      "outline": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg)] ring ring-inset ring-[var(--ui-border-accented)]",
+      "soft": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)]/50 hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-[var(--ui-bg-elevated)]/50",
+      "subtle": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)] ring ring-inset ring-[var(--ui-border-accented)]",
+      "ghost": "text-[var(--ui-text-highlighted)] bg-transparent hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-transparent dark:disabled:bg-transparent",
+      "none": "text-[var(--ui-text-highlighted)] bg-transparent"
+    },
+    "color": {
+      "primary": "",
+      "secondary": "",
+      "success": "",
+      "info": "",
+      "warning": "",
+      "error": "",
+      "neutral": ""
+    },
+    "highlight": {
+      "true": ""
+    }
+  },
+  "compoundVariants": [
+    {
+      "color": "primary" as const,
+      "variant": [
+        "outline" as const,
+        "subtle" as const
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-primary)]"
+    },
+    {
+      "color": "secondary" as const,
+      "variant": [
+        "outline" as const,
+        "subtle" as const
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-secondary)]"
+    },
+    {
+      "color": "success" as const,
+      "variant": [
+        "outline" as const,
+        "subtle" as const
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-success)]"
+    },
+    {
+      "color": "info" as const,
+      "variant": [
+        "outline" as const,
+        "subtle" as const
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-info)]"
+    },
+    {
+      "color": "warning" as const,
+      "variant": [
+        "outline" as const,
+        "subtle" as const
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-warning)]"
+    },
+    {
+      "color": "error" as const,
+      "variant": [
+        "outline" as const,
+        "subtle" as const
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-error)]"
+    },
+    {
+      "color": "primary" as const,
+      "highlight": true,
+      "class": "ring ring-inset ring-[var(--ui-primary)]"
+    },
+    {
+      "color": "secondary" as const,
+      "highlight": true,
+      "class": "ring ring-inset ring-[var(--ui-secondary)]"
+    },
+    {
+      "color": "success" as const,
+      "highlight": true,
+      "class": "ring ring-inset ring-[var(--ui-success)]"
+    },
+    {
+      "color": "info" as const,
+      "highlight": true,
+      "class": "ring ring-inset ring-[var(--ui-info)]"
+    },
+    {
+      "color": "warning" as const,
+      "highlight": true,
+      "class": "ring ring-inset ring-[var(--ui-warning)]"
+    },
+    {
+      "color": "error" as const,
+      "highlight": true,
+      "class": "ring ring-inset ring-[var(--ui-error)]"
+    },
+    {
+      "color": "neutral" as const,
+      "variant": [
+        "outline" as const,
+        "subtle" as const
+      ],
+      "class": "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--ui-border-inverted)]"
+    },
+    {
+      "color": "neutral" as const,
+      "highlight": true,
+      "class": "ring ring-inset ring-[var(--ui-border-inverted)]"
+    }
+  ],
+  "defaultVariants": {
+    "size": "md" as const,
+    "color": "primary" as const,
+    "variant": "outline" as const
+  }
+}

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

@@ -34,7 +34,7 @@ export default {
     "itemTrailingIcon": "shrink-0",
     "itemLabel": "truncate",
     "placeholder": "truncate text-[var(--ui-text-dimmed)]",
-    "input": "placeholder:text-[var(--ui-text-dimmed)] border-0 border-b border-[var(--ui-border)] focus:outline-none"
+    "input": "border-b border-[var(--ui-border)]"
   },
   "variants": {
     "buttonGroup": {
@@ -55,8 +55,7 @@ export default {
         "itemLeadingAvatarSize": "3xs",
         "itemLeadingChip": "size-4",
         "itemLeadingChipSize": "sm",
-        "itemTrailingIcon": "size-4",
-        "input": "text-xs px-2 py-1"
+        "itemTrailingIcon": "size-4"
       },
       "sm": {
         "base": "px-2.5 py-1.5 text-xs gap-1.5",
@@ -71,8 +70,7 @@ export default {
         "itemLeadingAvatarSize": "3xs",
         "itemLeadingChip": "size-4",
         "itemLeadingChipSize": "sm",
-        "itemTrailingIcon": "size-4",
-        "input": "text-xs px-2.5 py-1.5"
+        "itemTrailingIcon": "size-4"
       },
       "md": {
         "base": "px-2.5 py-1.5 text-sm gap-1.5",
@@ -87,8 +85,7 @@ export default {
         "itemLeadingAvatarSize": "2xs",
         "itemLeadingChip": "size-5",
         "itemLeadingChipSize": "md",
-        "itemTrailingIcon": "size-5",
-        "input": "text-sm px-2.5 py-1.5"
+        "itemTrailingIcon": "size-5"
       },
       "lg": {
         "base": "px-3 py-2 text-sm gap-2",
@@ -103,8 +100,7 @@ export default {
         "itemLeadingAvatarSize": "2xs",
         "itemLeadingChip": "size-5",
         "itemLeadingChipSize": "md",
-        "itemTrailingIcon": "size-5",
-        "input": "text-sm px-3 py-2"
+        "itemTrailingIcon": "size-5"
       },
       "xl": {
         "base": "px-3 py-2 text-base gap-2",
@@ -119,16 +115,15 @@ export default {
         "itemLeadingAvatarSize": "xs",
         "itemLeadingChip": "size-6",
         "itemLeadingChipSize": "lg",
-        "itemTrailingIcon": "size-6",
-        "input": "text-base px-3 py-2"
+        "itemTrailingIcon": "size-6"
       }
     },
     "variant": {
       "outline": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg)] ring ring-inset ring-[var(--ui-border-accented)]",
       "soft": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)]/50 hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-[var(--ui-bg-elevated)]/50",
       "subtle": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)] ring ring-inset ring-[var(--ui-border-accented)]",
-      "ghost": "text-[var(--ui-text-highlighted)] hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-transparent dark:disabled:bg-transparent",
-      "none": "text-[var(--ui-text-highlighted)]"
+      "ghost": "text-[var(--ui-text-highlighted)] bg-transparent hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-transparent dark:disabled:bg-transparent",
+      "none": "text-[var(--ui-text-highlighted)] bg-transparent"
     },
     "color": {
       "primary": "",

package/.nuxt/ui/select.ts

@@ -120,8 +120,8 @@ export default {
       "outline": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg)] ring ring-inset ring-[var(--ui-border-accented)]",
       "soft": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)]/50 hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-[var(--ui-bg-elevated)]/50",
       "subtle": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)] ring ring-inset ring-[var(--ui-border-accented)]",
-      "ghost": "text-[var(--ui-text-highlighted)] hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-transparent dark:disabled:bg-transparent",
-      "none": "text-[var(--ui-text-highlighted)]"
+      "ghost": "text-[var(--ui-text-highlighted)] bg-transparent hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-transparent dark:disabled:bg-transparent",
+      "none": "text-[var(--ui-text-highlighted)] bg-transparent"
     },
     "color": {
       "primary": "",

package/.nuxt/ui/table.ts

@@ -2,6 +2,7 @@ export default {
   "slots": {
     "root": "relative overflow-auto",
     "base": "min-w-full overflow-clip",
+    "caption": "sr-only",
     "thead": "relative [&>tr]:after:absolute [&>tr]:after:inset-x-0 [&>tr]:after:bottom-0 [&>tr]:after:h-px [&>tr]:after:bg-[var(--ui-border-accented)]",
     "tbody": "divide-y divide-[var(--ui-border)]",
     "tr": "data-[selected=true]:bg-[var(--ui-bg-elevated)]/50",

package/.nuxt/ui/tabs.ts

@@ -27,7 +27,7 @@ export default {
       "pill": {
         "list": "bg-[var(--ui-bg-elevated)] rounded-[calc(var(--ui-radius)*2)]",
         "trigger": "flex-1 w-full",
-        "indicator": "rounded-[calc(var(--ui-radius)*1.5)] shadow-sm"
+        "indicator": "rounded-[calc(var(--ui-radius)*1.5)] shadow-xs"
       },
       "link": {
         "list": "border-[var(--ui-border)]",

package/.nuxt/ui/textarea.ts

@@ -69,8 +69,8 @@ export default {
       "outline": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg)] ring ring-inset ring-[var(--ui-border-accented)]",
       "soft": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)]/50 hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-[var(--ui-bg-elevated)]/50",
       "subtle": "text-[var(--ui-text-highlighted)] bg-[var(--ui-bg-elevated)] ring ring-inset ring-[var(--ui-border-accented)]",
-      "ghost": "text-[var(--ui-text-highlighted)] hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-transparent dark:disabled:bg-transparent",
-      "none": "text-[var(--ui-text-highlighted)]"
+      "ghost": "text-[var(--ui-text-highlighted)] bg-transparent hover:bg-[var(--ui-bg-elevated)] focus:bg-[var(--ui-bg-elevated)] disabled:bg-transparent dark:disabled:bg-transparent",
+      "none": "text-[var(--ui-text-highlighted)] bg-transparent"
     },
     "color": {
       "primary": "",

package/.nuxt/ui/toaster.ts

@@ -1,7 +1,7 @@
 export default {
   "slots": {
     "viewport": "fixed flex flex-col w-[calc(100%-2rem)] sm:w-96 z-[100] data-[expanded=true]:h-[var(--height)] focus:outline-none",
-    "base": "absolute inset-x-0 z-[var(--index)] transform-[var(--transform)] data-[expanded=false]:data-[front=false]:h-[var(--front-height)] data-[expanded=false]:data-[front=false]:*:invisible data-[state=closed]:animate-[toast-closed_200ms_ease-in-out] data-[state=closed]:data-[expanded=false]:data-[front=false]:animate-[toast-collapsed-closed_200ms_ease-in-out] data-[swipe=move]:transition-none transition-[transform,translate,height] duration-200 ease-out"
+    "base": "pointer-events-auto absolute inset-x-0 z-[var(--index)] transform-[var(--transform)] data-[expanded=false]:data-[front=false]:h-[var(--front-height)] data-[expanded=false]:data-[front=false]:*:invisible data-[state=closed]:animate-[toast-closed_200ms_ease-in-out] data-[state=closed]:data-[expanded=false]:data-[front=false]:animate-[toast-collapsed-closed_200ms_ease-in-out] data-[swipe=move]:transition-none transition-[transform,translate,height] duration-200 ease-out"
   },
   "variants": {
     "position": {

package/.nuxt/ui/tooltip.ts

@@ -1,6 +1,6 @@
 export default {
   "slots": {
-    "content": "flex items-center gap-1 bg-[var(--ui-bg)] text-[var(--ui-text-highlighted)] shadow rounded-[var(--ui-radius)] ring ring-[var(--ui-border)] h-6 px-2 py-1 text-xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
+    "content": "flex items-center gap-1 bg-[var(--ui-bg)] text-[var(--ui-text-highlighted)] shadow-sm rounded-[var(--ui-radius)] ring ring-[var(--ui-border)] h-6 px-2 py-1 text-xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
     "arrow": "fill-[var(--ui-border)]",
     "text": "truncate",
     "kbds": "hidden lg:inline-flex items-center shrink-0 gap-0.5 before:content-['·'] before:me-0.5",