@nuxt/ui 3.1.1 → 3.1.3

package/dist/shared/{ui.CbtTMMzt.mjs → ui.Bix4DSU4.mjs}

@@ -21,7 +21,7 @@ const icons = {
   external: "i-lucide-arrow-up-right",
   folder: "i-lucide-folder",
   folderOpen: "i-lucide-folder-open",
-  loading: "i-lucide-refresh-cw",
+  loading: "i-lucide-loader-circle",
   minus: "i-lucide-minus",
   plus: "i-lucide-plus",
   search: "i-lucide-search"
@@ -253,18 +253,18 @@ const avatarGroup = {
 
 const buttonGroupVariant = {
   buttonGroup: {
-    horizontal: "not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none",
-    vertical: "not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none"
+    horizontal: "not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none focus-visible:z-[1]",
+    vertical: "not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none focus-visible:z-[1]"
   }
 };
 const buttonGroupVariantWithRoot = {
   buttonGroup: {
     horizontal: {
-      root: "group",
+      root: "group has-focus-visible:z-[1]",
       base: "group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none"
     },
     vertical: {
-      root: "group",
+      root: "group has-focus-visible:z-[1]",
       base: "group-not-only:group-first:rounded-b-none group-not-only:group-last:rounded-t-none group-not-last:group-not-first:rounded-none"
     }
   }
@@ -338,6 +338,9 @@ const badge = (options) => ({
         leadingAvatarSize: "2xs",
         trailingIcon: "size-6"
       }
+    },
+    square: {
+      true: ""
     }
   },
   compoundVariants: [...(options.theme.colors || []).map((color) => ({
@@ -372,6 +375,26 @@ const badge = (options) => ({
     color: "neutral",
     variant: "subtle",
     class: "ring ring-inset ring-accented text-default bg-elevated"
+  }, {
+    size: "xs",
+    square: true,
+    class: "p-0.5"
+  }, {
+    size: "sm",
+    square: true,
+    class: "p-1"
+  }, {
+    size: "md",
+    square: true,
+    class: "p-1"
+  }, {
+    size: "lg",
+    square: true,
+    class: "p-1"
+  }, {
+    size: "xl",
+    square: true,
+    class: "p-1"
   }],
   defaultVariants: {
     color: "primary",
@@ -614,7 +637,7 @@ const calendar = (options) => ({
       }])),
       neutral: {
         headCell: "text-highlighted",
-        cellTrigger: "focus-visible:ring-inverted data-[selected]:bg-inverted data-today:not-data-[selected]:text-inverted data-[highlighted]:bg-inverted/20 hover:not-data-[selected]:bg-inverted/10"
+        cellTrigger: "focus-visible:ring-inverted data-[selected]:bg-inverted data-today:not-data-[selected]:text-highlighted data-[highlighted]:bg-inverted/20 hover:not-data-[selected]:bg-inverted/10"
       }
     },
     size: {
@@ -842,7 +865,7 @@ const checkbox = (options) => ({
   }
 });
 
-const checkboxGroup = {
+const checkboxGroup = (options) => ({
   slots: {
     root: "relative",
     fieldset: "flex gap-x-2",
@@ -858,6 +881,17 @@ const checkboxGroup = {
         fieldset: "flex-col"
       }
     },
+    color: {
+      ...Object.fromEntries((options.theme.colors || []).map((color) => [color, {}])),
+      neutral: {}
+    },
+    variant: {
+      list: {},
+      card: {},
+      table: {
+        item: "border border-muted"
+      }
+    },
     size: {
       xs: {
         fieldset: "gap-y-0.5",
@@ -886,10 +920,56 @@ const checkboxGroup = {
       }
     }
   },
+  compoundVariants: [
+    { size: "xs", variant: "table", class: { item: "p-2.5" } },
+    { size: "sm", variant: "table", class: { item: "p-3" } },
+    { size: "md", variant: "table", class: { item: "p-3.5" } },
+    { size: "lg", variant: "table", class: { item: "p-4" } },
+    { size: "xl", variant: "table", class: { item: "p-4.5" } },
+    {
+      orientation: "horizontal",
+      variant: "table",
+      class: {
+        item: "first-of-type:rounded-s-lg last-of-type:rounded-e-lg",
+        fieldset: "gap-0 -space-x-px"
+      }
+    },
+    {
+      orientation: "vertical",
+      variant: "table",
+      class: {
+        item: "first-of-type:rounded-t-lg last-of-type:rounded-b-lg",
+        fieldset: "gap-0 -space-y-px"
+      }
+    },
+    ...(options.theme.colors || []).map((color) => ({
+      color,
+      variant: "table",
+      class: {
+        item: `has-data-[state=checked]:bg-${color}/10 has-data-[state=checked]:border-${color}/50 has-data-[state=checked]:z-[1]`
+      }
+    })),
+    {
+      color: "neutral",
+      variant: "table",
+      class: {
+        item: "has-data-[state=checked]:bg-elevated has-data-[state=checked]:border-inverted/50 has-data-[state=checked]:z-[1]"
+      }
+    },
+    {
+      variant: "table",
+      disabled: true,
+      class: {
+        item: "cursor-not-allowed opacity-75"
+      }
+    }
+  ],
   defaultVariants: {
-    size: "md"
+    size: "md",
+    variant: "list",
+    color: "primary"
   }
-};
+});
 
 const chip = (options) => ({
   slots: {
@@ -960,10 +1040,10 @@ const colorPicker = {
   slots: {
     root: "data-[disabled]:opacity-75",
     picker: "flex gap-4",
-    selector: "rounded-md",
+    selector: "rounded-md touch-none",
     selectorBackground: "w-full h-full relative rounded-md",
     selectorThumb: "-translate-y-1/2 -translate-x-1/2 absolute size-4 ring-2 ring-(--color-white) rounded-full cursor-pointer data-[disabled]:cursor-not-allowed",
-    track: "w-[8px] relative rounded-md",
+    track: "w-[8px] relative rounded-md touch-none",
     trackThumb: "absolute transform -translate-y-1/2 -translate-x-[4px] rtl:translate-x-[4px] size-4 rounded-full ring-2 ring-(--color-white) cursor-pointer data-[disabled]:cursor-not-allowed"
   },
   variants: {
@@ -1047,7 +1127,8 @@ const container = {
 
 const contextMenu = (options) => ({
   slots: {
-    content: "min-w-32 bg-default shadow-lg rounded-md ring ring-default divide-y divide-default overflow-y-auto scroll-py-1 data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-context-menu-content-transform-origin)",
+    content: "min-w-32 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-context-menu-content-transform-origin) flex flex-col",
+    viewport: "relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1",
     group: "p-1 isolate",
     label: "w-full flex items-center font-semibold text-highlighted",
     separator: "-mx-1 my-1 h-px bg-border",
@@ -1252,7 +1333,8 @@ const drawer = (options) => ({
 
 const dropdownMenu = (options) => ({
   slots: {
-    content: "min-w-32 bg-default shadow-lg rounded-md ring ring-default divide-y divide-default overflow-y-auto scroll-py-1 data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-dropdown-menu-content-transform-origin)",
+    content: "min-w-32 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-dropdown-menu-content-transform-origin) flex flex-col",
+    viewport: "relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1",
     arrow: "fill-default",
     group: "p-1 isolate",
     label: "w-full flex items-center font-semibold text-highlighted",
@@ -1556,8 +1638,8 @@ const inputMenu = (options) => {
       base: () => ["rounded-md", options.theme.transitions && "transition-colors"],
       trailing: "group absolute inset-y-0 end-0 flex items-center disabled:cursor-not-allowed disabled:opacity-75",
       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",
+      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 flex flex-col",
+      viewport: "relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1",
       group: "p-1 isolate",
       empty: "py-2 text-center text-sm text-muted",
       label: "font-semibold text-highlighted",
@@ -1669,6 +1751,7 @@ const inputNumber = (options) => {
       decrement: "absolute flex items-center"
     },
     variants: {
+      ...buttonGroupVariantWithRoot,
       color: {
         ...Object.fromEntries((options.theme.colors || []).map((color) => [color, ""])),
         neutral: ""
@@ -1794,12 +1877,17 @@ const link = (options) => ({
   variants: {
     active: {
       true: "text-primary",
-      false: ["text-muted hover:text-default", options.theme.transitions && "transition-colors"]
+      false: "text-muted"
     },
     disabled: {
       true: "cursor-not-allowed opacity-75"
     }
-  }
+  },
+  compoundVariants: [{
+    active: false,
+    disabled: false,
+    class: ["hover:text-default", options.theme.transitions && "transition-colors"]
+  }]
 });
 
 const modal = {
@@ -1842,24 +1930,25 @@ const navigationMenu = (options) => ({
     linkLeadingIcon: "shrink-0 size-5",
     linkLeadingAvatar: "shrink-0",
     linkLeadingAvatarSize: "2xs",
-    linkTrailing: "ms-auto inline-flex gap-1.5 items-center",
+    linkTrailing: "group ms-auto inline-flex gap-1.5 items-center",
     linkTrailingBadge: "shrink-0",
     linkTrailingBadgeSize: "sm",
     linkTrailingIcon: "size-5 transform shrink-0 group-data-[state=open]:rotate-180 transition-transform duration-200",
     linkLabel: "truncate",
     linkLabelExternalIcon: "inline-block size-3 align-top text-dimmed",
-    childList: "",
+    childList: "isolate",
+    childLabel: "text-xs text-highlighted",
     childItem: "",
-    childLink: "group size-full px-3 py-2 rounded-md flex items-start gap-2 text-start",
-    childLinkWrapper: "flex flex-col items-start",
+    childLink: "group relative size-full flex items-start text-start text-sm before:absolute before:z-[-1] before:rounded-md focus:outline-none focus-visible:outline-none dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2",
+    childLinkWrapper: "min-w-0",
     childLinkIcon: "size-5 shrink-0",
-    childLinkLabel: "font-semibold text-sm relative inline-flex",
+    childLinkLabel: "truncate",
     childLinkLabelExternalIcon: "inline-block size-3 align-top text-dimmed",
-    childLinkDescription: "text-sm text-muted",
+    childLinkDescription: "text-muted",
     separator: "px-2 h-px bg-border",
     viewportWrapper: "absolute top-full left-0 flex w-full",
     viewport: "relative overflow-hidden bg-default shadow-lg rounded-md ring ring-default h-(--reka-navigation-menu-viewport-height) w-full transition-[width,height,left] duration-200 origin-[top_center] data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] z-[1]",
-    content: "absolute top-0 left-0 w-full",
+    content: "",
     indicator: "absolute data-[state=visible]:animate-[fade-in_100ms_ease-out] data-[state=hidden]:animate-[fade-out_100ms_ease-in] data-[state=hidden]:opacity-0 bottom-0 z-[2] w-(--reka-navigation-menu-indicator-size) translate-x-(--reka-navigation-menu-indicator-position) flex h-2.5 items-end justify-center overflow-hidden transition-[translate,width] duration-200",
     arrow: "relative top-[50%] size-2.5 rotate-45 border border-default bg-default z-[1] rounded-xs"
   },
@@ -1867,11 +1956,11 @@ const navigationMenu = (options) => ({
     color: {
       ...Object.fromEntries((options.theme.colors || []).map((color) => [color, {
         link: `focus-visible:before:ring-${color}`,
-        childLink: `focus-visible:outline-${color}`
+        childLink: `focus-visible:before:ring-${color}`
       }])),
       neutral: {
         link: "focus-visible:before:ring-inverted",
-        childLink: "focus-visible:outline-inverted"
+        childLink: "focus-visible:before:ring-inverted"
       }
     },
     highlightColor: {
@@ -1888,11 +1977,16 @@ const navigationMenu = (options) => ({
         list: "flex items-center",
         item: "py-2",
         link: "px-2.5 py-1.5 before:inset-x-px before:inset-y-0",
-        childList: "grid p-2"
+        childList: "grid p-2",
+        childLink: "px-3 py-2 gap-2 before:inset-x-px before:inset-y-0",
+        childLinkLabel: "font-medium",
+        content: "absolute top-0 left-0 w-full"
       },
       vertical: {
         root: "flex-col",
-        link: "flex-row px-2.5 py-1.5 before:inset-y-px before:inset-x-0"
+        link: "flex-row px-2.5 py-1.5 before:inset-y-px before:inset-x-0",
+        childLabel: "px-1.5 py-0.5",
+        childLink: "p-1.5 gap-1.5 before:inset-y-px before:inset-x-0"
       }
     },
     contentOrientation: {
@@ -1906,13 +2000,13 @@ const navigationMenu = (options) => ({
     },
     active: {
       true: {
-        childLink: "bg-elevated text-highlighted",
+        childLink: "before:bg-elevated text-highlighted",
         childLinkIcon: "text-default"
       },
       false: {
         link: "text-muted",
         linkLeadingIcon: "text-dimmed",
-        childLink: ["hover:bg-elevated/50 text-default hover:text-highlighted", options.theme.transitions && "transition-colors"],
+        childLink: ["hover:before:bg-elevated/50 text-default hover:text-highlighted", options.theme.transitions && "transition-colors before:transition-colors"],
         childLinkIcon: ["text-dimmed group-hover:text-default", options.theme.transitions && "transition-colors"]
       }
     },
@@ -1944,6 +2038,21 @@ const navigationMenu = (options) => ({
       childList: "gap-1",
       content: "w-60"
     }
+  }, {
+    orientation: "vertical",
+    collapsed: false,
+    class: {
+      childList: "ms-5 border-s border-default",
+      childItem: "ps-1.5 -ms-px",
+      content: "data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] overflow-hidden"
+    }
+  }, {
+    orientation: "vertical",
+    collapsed: true,
+    class: {
+      link: "px-1.5",
+      content: "shadow-sm rounded-sm min-h-6 p-1"
+    }
   }, {
     orientation: "horizontal",
     highlight: true,
@@ -2018,6 +2127,7 @@ const navigationMenu = (options) => ({
     variant: "pill",
     active: true,
     highlight: true,
+    disabled: false,
     class: {
       link: ["hover:before:bg-elevated/50", options.theme.transitions && "before:transition-colors"]
     }
@@ -2070,19 +2180,6 @@ const navigationMenu = (options) => ({
     class: {
       link: "after:bg-inverted"
     }
-  }, {
-    orientation: "vertical",
-    collapsed: false,
-    class: {
-      childList: "ms-5 border-s border-default",
-      childItem: "ps-1.5 -ms-px"
-    }
-  }, {
-    orientation: "vertical",
-    collapsed: true,
-    class: {
-      link: "px-1.5"
-    }
   }],
   defaultVariants: {
     color: "primary",
@@ -2509,7 +2606,7 @@ const radioGroup = (options) => ({
       orientation: "horizontal",
       variant: "table",
       class: {
-        item: "first-of-type:rounded-l-lg last-of-type:rounded-r-lg",
+        item: "first-of-type:rounded-s-lg last-of-type:rounded-e-lg",
         fieldset: "gap-0 -space-x-px"
       }
     },
@@ -2574,8 +2671,8 @@ const select = (options) => {
       value: "truncate pointer-events-none",
       placeholder: "truncate text-dimmed",
       arrow: "fill-default",
-      content: "max-h-60 w-(--reka-select-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-select-content-transform-origin) pointer-events-auto",
-      viewport: "divide-y divide-default scroll-py-1",
+      content: "max-h-60 w-(--reka-select-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-select-content-transform-origin) pointer-events-auto flex flex-col",
+      viewport: "relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1",
       group: "p-1 isolate",
       empty: "py-2 text-center text-sm text-muted",
       label: "font-semibold text-highlighted",
@@ -3230,7 +3327,7 @@ const tabs = (options) => ({
     root: "flex items-center gap-2",
     list: "relative flex p-1 group",
     indicator: "absolute transition-[translate,width] duration-200",
-    trigger: ["group relative inline-flex items-center shrink-0 min-w-0 data-[state=inactive]:text-muted hover:data-[state=inactive]:not-disabled:text-default font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75", options.theme.transitions && "transition-colors"],
+    trigger: ["group relative inline-flex items-center min-w-0 data-[state=inactive]:text-muted hover:data-[state=inactive]:not-disabled:text-default font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75", options.theme.transitions && "transition-colors"],
     content: "focus:outline-none w-full",
     leadingIcon: "shrink-0",
     leadingAvatar: "shrink-0",
@@ -3245,12 +3342,13 @@ const tabs = (options) => ({
     variant: {
       pill: {
         list: "bg-elevated rounded-lg",
-        trigger: "flex-1 w-full",
+        trigger: "grow",
         indicator: "rounded-md shadow-xs"
       },
       link: {
         list: "border-default",
-        indicator: "rounded-full"
+        indicator: "rounded-full",
+        trigger: "focus:outline-none"
       }
     },
     orientation: {
@@ -3500,7 +3598,7 @@ const toaster = {
 
 const tooltip = {
   slots: {
-    content: "flex items-center gap-1 bg-default text-highlighted shadow-sm rounded-sm ring ring-default 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] origin-(--reka-tooltip-content-transform-origin) pointer-events-auto",
+    content: "flex items-center gap-1 bg-default text-highlighted shadow-sm rounded-sm ring ring-default h-6 px-2.5 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] origin-(--reka-tooltip-content-transform-origin) pointer-events-auto",
     arrow: "fill-default",
     text: "truncate",
     kbds: `hidden lg:inline-flex items-center shrink-0 gap-0.5 before:content-['\xB7'] before:me-0.5`,
@@ -3665,7 +3763,7 @@ function getTemplates(options, uiConfig) {
           });
         }
         function generateVariantDeclarations(variants2) {
-          return variants2.map((variant) => {
+          return variants2.filter((variant) => json.includes(`as typeof ${variant}`)).map((variant) => {
             const keys = Object.keys(result.variants[variant]);
             return `const ${variant} = ${JSON.stringify(keys, null, 2)} as const`;
           });
@@ -3682,7 +3780,7 @@ function getTemplates(options, uiConfig) {
     write: true,
     getContents: () => `@source "./ui";
 
-@theme default inline {
+@theme static {
   --color-old-neutral-50: ${colors.neutral[50]};
   --color-old-neutral-100: ${colors.neutral[100]};
   --color-old-neutral-200: ${colors.neutral[200]};
@@ -3694,6 +3792,9 @@ function getTemplates(options, uiConfig) {
   --color-old-neutral-800: ${colors.neutral[800]};
   --color-old-neutral-900: ${colors.neutral[900]};
   --color-old-neutral-950: ${colors.neutral[950]};
+}
+
+@theme default inline {
   ${[...(options.theme?.colors || []).filter((color) => !colors[color]), "neutral"].map((color) => [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950].map((shade) => `--color-${color}-${shade}: var(--ui-color-${color}-${shade});`).join("\n	")).join("\n	")}
   ${options.theme?.colors?.map((color) => `--color-${color}: var(--ui-${color});`).join("\n	")}
   --radius-xs: calc(var(--ui-radius) * 0.5);

package/dist/unplugin.mjs

@@ -3,7 +3,7 @@ import { join, normalize } from 'pathe';
 import { createUnplugin } from 'unplugin';
 import { defu } from 'defu';
 import tailwind from '@tailwindcss/vite';
-import { g as getTemplates, d as defaultOptions, r as resolveColors, a as getDefaultUiConfig } from './shared/ui.CbtTMMzt.mjs';
+import { g as getTemplates, d as defaultOptions, r as resolveColors, a as getDefaultUiConfig } from './shared/ui.Bix4DSU4.mjs';
 import { globSync } from 'tinyglobby';
 import { genSafeVariableName } from 'knitwork';
 import MagicString from 'magic-string';

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/ui.CbtTMMzt.mjs';
+import './shared/ui.Bix4DSU4.mjs';
 import '../dist/runtime/utils/index.js';
 import 'scule';
 import '@nuxt/kit';

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@nuxt/ui",
   "description": "A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.",
-  "version": "3.1.1",
-  "packageManager": "pnpm@10.10.0",
+  "version": "3.1.3",
+  "packageManager": "pnpm@10.11.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/ui.git"
@@ -112,21 +112,21 @@
     "release": "release-it"
   },
   "dependencies": {
-    "@iconify/vue": "^4.3.0",
-    "@internationalized/date": "^3.8.0",
-    "@internationalized/number": "^3.6.1",
-    "@nuxt/fonts": "^0.11.2",
-    "@nuxt/icon": "^1.12.0",
-    "@nuxt/kit": "^3.17.1",
-    "@nuxt/schema": "^3.17.1",
+    "@iconify/vue": "^5.0.0",
+    "@internationalized/date": "^3.8.1",
+    "@internationalized/number": "^3.6.2",
+    "@nuxt/fonts": "^0.11.4",
+    "@nuxt/icon": "^1.13.0",
+    "@nuxt/kit": "^3.17.4",
+    "@nuxt/schema": "^3.17.4",
     "@nuxtjs/color-mode": "^3.5.2",
     "@standard-schema/spec": "^1.0.0",
-    "@tailwindcss/postcss": "^4.1.4",
-    "@tailwindcss/vite": "^4.1.4",
+    "@tailwindcss/postcss": "^4.1.7",
+    "@tailwindcss/vite": "^4.1.7",
     "@tanstack/vue-table": "^8.21.3",
-    "@unhead/vue": "^2.0.8",
-    "@vueuse/core": "^13.1.0",
-    "@vueuse/integrations": "^13.1.0",
+    "@unhead/vue": "^2.0.10",
+    "@vueuse/core": "^13.2.0",
+    "@vueuse/integrations": "^13.2.0",
     "colortranslator": "^4.1.0",
     "consola": "^3.4.2",
     "defu": "^6.1.4",
@@ -144,29 +144,29 @@
     "mlly": "^1.7.4",
     "ohash": "^2.0.11",
     "pathe": "^2.0.3",
-    "reka-ui": "^2.2.0",
+    "reka-ui": "^2.2.1",
     "scule": "^1.3.0",
     "tailwind-variants": "^1.0.0",
-    "tailwindcss": "^4.1.4",
-    "tinyglobby": "^0.2.13",
-    "unplugin": "^2.3.2",
-    "unplugin-auto-import": "^19.1.2",
-    "unplugin-vue-components": "^28.5.0",
+    "tailwindcss": "^4.1.7",
+    "tinyglobby": "^0.2.14",
+    "unplugin": "^2.3.4",
+    "unplugin-auto-import": "^19.3.0",
+    "unplugin-vue-components": "^28.7.0",
     "vaul-vue": "^0.4.1",
     "vue-component-type-helpers": "^2.2.10"
   },
   "devDependencies": {
-    "@nuxt/eslint-config": "^1.3.0",
+    "@nuxt/eslint-config": "^1.4.1",
     "@nuxt/module-builder": "^1.0.1",
-    "@nuxt/test-utils": "^3.17.2",
+    "@nuxt/test-utils": "^3.19.1",
     "@release-it/conventional-changelog": "^10.0.1",
     "@vue/test-utils": "^2.4.6",
     "embla-carousel": "^8.6.0",
-    "eslint": "^9.25.1",
-    "happy-dom": "^17.4.4",
-    "nuxt": "^3.17.1",
-    "release-it": "^19.0.1",
-    "vitest": "^3.1.2",
+    "eslint": "^9.27.0",
+    "happy-dom": "^17.4.7",
+    "nuxt": "^3.17.4",
+    "release-it": "^19.0.2",
+    "vitest": "^3.1.4",
     "vitest-environment-nuxt": "^1.0.1",
     "vue-tsc": "^2.2.10"
   },
@@ -209,7 +209,7 @@
     "debug": "4.3.7",
     "rollup": "4.34.9",
     "unimport": "4.1.1",
-    "unplugin": "^2.3.2"
+    "unplugin": "^2.3.4"
   },
   "pnpm": {
     "onlyBuiltDependencies": [