@nuxt/ui 4.0.0-beta.0 → 4.0.1

package/dist/runtime/locale/vi.js

@@ -27,7 +27,7 @@ export default defineLocale({
       prev: "Tr\u01B0\u1EDBc"
     },
     chatPrompt: {
-      placeholder: "Nh\u1EADp tin nh\u1EAFn c\u1EE7a b\u1EA1n \u1EDF \u0111\xE2y..."
+      placeholder: "Nh\u1EADp tin nh\u1EAFn c\u1EE7a b\u1EA1n \u1EDF \u0111\xE2y\u2026"
     },
     chatPromptSubmit: {
       label: "G\u1EEDi"
@@ -44,14 +44,14 @@ export default defineLocale({
       close: "\u0110\xF3ng",
       noData: "Kh\xF4ng c\xF3 d\u1EEF li\u1EC7u",
       noMatch: "Kh\xF4ng c\xF3 k\u1EBFt qu\u1EA3 ph\xF9 h\u1EE3p",
-      placeholder: "Nh\u1EADp l\u1EC7nh ho\u1EB7c t\xECm ki\u1EBFm..."
+      placeholder: "Nh\u1EADp l\u1EC7nh ho\u1EB7c t\xECm ki\u1EBFm\u2026"
     },
     contentSearch: {
       links: "Li\xEAn k\u1EBFt",
       theme: "Ch\u1EE7 \u0111\u1EC1"
     },
     contentSearchButton: {
-      label: "T\xECm ki\u1EBFm..."
+      label: "T\xECm ki\u1EBFm\u2026"
     },
     contentToc: {
       title: "Trong trang n\xE0y"
@@ -60,7 +60,7 @@ export default defineLocale({
       theme: "Ch\u1EE7 \u0111\u1EC1"
     },
     dashboardSearchButton: {
-      label: "T\xECm ki\u1EBFm..."
+      label: "T\xECm ki\u1EBFm\u2026"
     },
     dashboardSidebarCollapse: {
       collapse: "Thu g\u1ECDn thanh b\xEAn",
@@ -114,7 +114,7 @@ export default defineLocale({
       create: 'T\u1EA1o "{label}"',
       noData: "Kh\xF4ng c\xF3 d\u1EEF li\u1EC7u",
       noMatch: "Kh\xF4ng c\xF3 k\u1EBFt qu\u1EA3 ph\xF9 h\u1EE3p",
-      search: "T\xECm ki\u1EBFm..."
+      search: "T\xECm ki\u1EBFm\u2026"
     },
     slideover: {
       close: "\u0110\xF3ng"

package/dist/runtime/locale/zh_cn.js

@@ -27,7 +27,7 @@ export default defineLocale({
       prev: "\u4E0A\u4E00\u9875"
     },
     chatPrompt: {
-      placeholder: "\u5728\u8FD9\u91CC\u8F93\u5165\u4F60\u7684\u6D88\u606F..."
+      placeholder: "\u5728\u8FD9\u91CC\u8F93\u5165\u4F60\u7684\u6D88\u606F\u2026"
     },
     chatPromptSubmit: {
       label: "\u53D1\u9001"
@@ -44,14 +44,14 @@ export default defineLocale({
       close: "\u5173\u95ED",
       noData: "\u6CA1\u6709\u6570\u636E",
       noMatch: "\u6CA1\u6709\u5339\u914D\u7684\u6570\u636E",
-      placeholder: "\u8F93\u5165\u547D\u4EE4\u6216\u641C\u7D22..."
+      placeholder: "\u8F93\u5165\u547D\u4EE4\u6216\u641C\u7D22\u2026"
     },
     contentSearch: {
       links: "\u94FE\u63A5",
       theme: "\u4E3B\u9898"
     },
     contentSearchButton: {
-      label: "\u641C\u7D22..."
+      label: "\u641C\u7D22\u2026"
     },
     contentToc: {
       title: "\u672C\u9875\u5185\u5BB9"
@@ -60,7 +60,7 @@ export default defineLocale({
       theme: "\u4E3B\u9898"
     },
     dashboardSearchButton: {
-      label: "\u641C\u7D22..."
+      label: "\u641C\u7D22\u2026"
     },
     dashboardSidebarCollapse: {
       collapse: "\u6536\u8D77\u4FA7\u8FB9\u680F",
@@ -114,7 +114,7 @@ export default defineLocale({
       create: '\u521B\u5EFA "{label}"',
       noData: "\u6CA1\u6709\u6570\u636E",
       noMatch: "\u6CA1\u6709\u5339\u914D\u7684\u6570\u636E",
-      search: "\u641C\u7D22..."
+      search: "\u641C\u7D22\u2026"
     },
     slideover: {
       close: "\u5173\u95ED"

package/dist/runtime/locale/zh_tw.js

@@ -27,7 +27,7 @@ export default defineLocale({
       prev: "\u4E0A\u4E00\u9801"
     },
     chatPrompt: {
-      placeholder: "\u5728\u9019\u88E1\u8F38\u5165\u4F60\u7684\u6D88\u606F..."
+      placeholder: "\u5728\u9019\u88E1\u8F38\u5165\u4F60\u7684\u6D88\u606F\u2026"
     },
     chatPromptSubmit: {
       label: "\u767C\u9001"
@@ -44,14 +44,14 @@ export default defineLocale({
       close: "\u95DC\u9589",
       noData: "\u6C92\u6709\u8CC7\u6599",
       noMatch: "\u6C92\u6709\u76F8\u7B26\u7684\u8CC7\u6599",
-      placeholder: "\u8F38\u5165\u547D\u4EE4\u6216\u641C\u5C0B..."
+      placeholder: "\u8F38\u5165\u547D\u4EE4\u6216\u641C\u5C0B\u2026"
     },
     contentSearch: {
       links: "\u9023\u7D50",
       theme: "\u4E3B\u984C"
     },
     contentSearchButton: {
-      label: "\u641C\u5C0B..."
+      label: "\u641C\u5C0B\u2026"
     },
     contentToc: {
       title: "\u672C\u9801\u5167\u5BB9"
@@ -60,7 +60,7 @@ export default defineLocale({
       theme: "\u4E3B\u984C"
     },
     dashboardSearchButton: {
-      label: "\u641C\u5C0B..."
+      label: "\u641C\u5C0B\u2026"
     },
     dashboardSidebarCollapse: {
       collapse: "\u6536\u8D77\u5074\u908A\u6B04",
@@ -114,7 +114,7 @@ export default defineLocale({
       create: "\u5EFA\u7ACB\u300C{label}\u300D",
       noData: "\u6C92\u6709\u8CC7\u6599",
       noMatch: "\u6C92\u6709\u76F8\u7B26\u7684\u8CC7\u6599",
-      search: "\u641C\u5C0B..."
+      search: "\u641C\u5C0B\u2026"
     },
     slideover: {
       close: "\u95DC\u9589"

package/dist/runtime/vue/components/Icon.d.vue.ts

@@ -2,5 +2,6 @@ import type { IconProps as NuxtIconProps } from '../../types';
 export interface IconProps {
     name: NuxtIconProps['name'];
 }
-declare const _default: import("vue").DefineComponent<IconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<IconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/vue/components/Icon.vue.d.ts

@@ -2,5 +2,6 @@ import type { IconProps as NuxtIconProps } from '../../types';
 export interface IconProps {
     name: NuxtIconProps['name'];
 }
-declare const _default: import("vue").DefineComponent<IconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<IconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/vue/components/Link.d.vue.ts

@@ -77,7 +77,7 @@ export interface LinkSlots {
         active: boolean;
     }): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
     type: "reset" | "submit" | "button";
     as: any;
     activeClass: string;
@@ -85,6 +85,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<LinkProps,
     active: boolean;
     inactiveClass: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/vue/components/Link.vue.d.ts

@@ -77,7 +77,7 @@ export interface LinkSlots {
         active: boolean;
     }): any;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
     type: "reset" | "submit" | "button";
     as: any;
     activeClass: string;
@@ -85,6 +85,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<LinkProps,
     active: boolean;
     inactiveClass: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/vue/components/color-mode/ColorModeButton.d.vue.ts

@@ -9,8 +9,9 @@ export interface ColorModeButtonProps extends /** @vue-ignore */ Pick<ButtonProp
      */
     variant?: ButtonProps['variant'];
 }
-declare const _default: import("vue").DefineComponent<ColorModeButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeButtonProps> & Readonly<{}>, {
+declare const __VLS_export: import("vue").DefineComponent<ColorModeButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeButtonProps> & Readonly<{}>, {
     color: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
     variant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/vue/components/color-mode/ColorModeButton.vue.d.ts

@@ -9,8 +9,9 @@ export interface ColorModeButtonProps extends /** @vue-ignore */ Pick<ButtonProp
      */
     variant?: ButtonProps['variant'];
 }
-declare const _default: import("vue").DefineComponent<ColorModeButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeButtonProps> & Readonly<{}>, {
+declare const __VLS_export: import("vue").DefineComponent<ColorModeButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeButtonProps> & Readonly<{}>, {
     color: "error" | "primary" | "secondary" | "success" | "info" | "warning" | "neutral";
     variant: "link" | "solid" | "outline" | "soft" | "subtle" | "ghost";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/vue/components/color-mode/ColorModeSelect.d.vue.ts

@@ -1,5 +1,6 @@
 import type { SelectMenuProps } from '../../../types';
 export interface ColorModeSelectProps extends /** @vue-ignore */ Pick<SelectMenuProps<any>, 'color' | 'variant' | 'size' | 'trailingIcon' | 'selectedIcon' | 'content' | 'arrow' | 'portal' | 'disabled' | 'ui'> {
 }
-declare const _default: import("vue").DefineComponent<ColorModeSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<ColorModeSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/vue/components/color-mode/ColorModeSelect.vue.d.ts

@@ -1,5 +1,6 @@
 import type { SelectMenuProps } from '../../../types';
 export interface ColorModeSelectProps extends /** @vue-ignore */ Pick<SelectMenuProps<any>, 'color' | 'variant' | 'size' | 'trailingIcon' | 'selectedIcon' | 'content' | 'arrow' | 'portal' | 'disabled' | 'ui'> {
 }
-declare const _default: import("vue").DefineComponent<ColorModeSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<ColorModeSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/vue/components/color-mode/ColorModeSwitch.d.vue.ts

@@ -1,5 +1,6 @@
 import type { SwitchProps } from '../../../types';
 export interface ColorModeSwitchProps extends /** @vue-ignore */ Pick<SwitchProps, 'as' | 'color' | 'size' | 'disabled' | 'ui'> {
 }
-declare const _default: import("vue").DefineComponent<ColorModeSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<ColorModeSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/vue/components/color-mode/ColorModeSwitch.vue.d.ts

@@ -1,5 +1,6 @@
 import type { SwitchProps } from '../../../types';
 export interface ColorModeSwitchProps extends /** @vue-ignore */ Pick<SwitchProps, 'as' | 'color' | 'size' | 'disabled' | 'ui'> {
 }
-declare const _default: import("vue").DefineComponent<ColorModeSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<ColorModeSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/vue/stubs.d.ts

@@ -17,7 +17,7 @@ export declare const useColorMode: () => {
     forced: boolean;
 };
 export declare const useCookie: <T = string>(_name: string, _options?: Record<string, any>) => {
-    value: Ref<T, T>;
+    value: T;
     get: () => T;
     set: () => void;
     update: () => void;

package/dist/runtime/vue/stubs.js

@@ -31,9 +31,9 @@ export const useColorMode = () => {
   };
 };
 export const useCookie = (_name, _options = {}) => {
-  const value = ref(null);
+  const value = ref(_options?.default?.() ?? null);
   return {
-    value,
+    value: value.value,
     get: () => value.value,
     set: () => {
     },

package/dist/shared/{ui.DGJZ-1aX.mjs → ui.D-FDXAUi.mjs}

@@ -203,9 +203,9 @@ const authForm = {
     body: "gap-y-6 flex flex-col",
     providers: "space-y-3",
     checkbox: "",
-    select: "",
+    select: "w-full",
     password: "w-full",
-    otp: "w-full justify-center",
+    otp: "w-full",
     input: "w-full",
     separator: "",
     form: "space-y-5",
@@ -1685,7 +1685,7 @@ const dashboardNavbar = {
 
 const dashboardPanel = {
   slots: {
-    root: "relative flex flex-col min-w-0 min-h-svh lg:not-last:border-r lg:not-last:border-default shrink-0",
+    root: "relative flex flex-col min-w-0 min-h-svh lg:not-last:border-e lg:not-last:border-default shrink-0",
     body: "flex flex-col gap-4 sm:gap-6 flex-1 overflow-y-auto p-4 sm:p-6",
     handle: ""
   },
@@ -1707,8 +1707,15 @@ const dashboardResizeHandle = {
 
 const dashboardSearch = {
   slots: {
-    modal: "sm:max-w-3xl sm:h-[28rem]",
+    modal: "",
     input: "[&>input]:text-base/5"
+  },
+  variants: {
+    fullscreen: {
+      false: {
+        modal: "sm:max-w-3xl sm:h-[28rem]"
+      }
+    }
   }
 };
 
@@ -1740,7 +1747,7 @@ const dashboardSidebar = {
     },
     side: {
       left: {
-        root: "border-r border-default"
+        root: "border-e border-default"
       },
       right: {
         root: ""
@@ -1820,69 +1827,97 @@ const drawer = (options) => ({
       true: {
         content: "rounded-lg after:hidden overflow-hidden [--initial-transform:calc(100%+1.5rem)]"
       }
+    },
+    snapPoints: {
+      true: ""
     }
   },
-  compoundVariants: [{
-    direction: ["top", "bottom"],
-    class: {
-      content: "h-auto max-h-[96%]",
-      handle: "!w-12 !h-1.5 mx-auto"
-    }
-  }, {
-    direction: ["right", "left"],
-    class: {
-      content: "w-auto max-w-[calc(100%-2rem)]",
-      handle: "!h-12 !w-1.5 mt-auto mb-auto"
-    }
-  }, {
-    direction: "top",
-    inset: true,
-    class: {
-      content: "inset-x-4 top-4"
-    }
-  }, {
-    direction: "top",
-    inset: false,
-    class: {
-      content: "inset-x-0 top-0 rounded-b-lg"
-    }
-  }, {
-    direction: "bottom",
-    inset: true,
-    class: {
-      content: "inset-x-4 bottom-4"
-    }
-  }, {
-    direction: "bottom",
-    inset: false,
-    class: {
-      content: "inset-x-0 bottom-0 rounded-t-lg"
-    }
-  }, {
-    direction: "left",
-    inset: true,
-    class: {
-      content: "inset-y-4 left-4"
-    }
-  }, {
-    direction: "left",
-    inset: false,
-    class: {
-      content: "inset-y-0 left-0 rounded-r-lg"
-    }
-  }, {
-    direction: "right",
-    inset: true,
-    class: {
-      content: "inset-y-4 right-4"
-    }
-  }, {
-    direction: "right",
-    inset: false,
-    class: {
-      content: "inset-y-0 right-0 rounded-l-lg"
+  compoundVariants: [
+    {
+      direction: ["top", "bottom"],
+      class: {
+        content: "h-auto max-h-[96%]",
+        handle: "!w-12 !h-1.5 mx-auto"
+      }
+    },
+    {
+      direction: ["top", "bottom"],
+      snapPoints: true,
+      class: {
+        content: "h-full"
+      }
+    },
+    {
+      direction: ["right", "left"],
+      class: {
+        content: "w-auto max-w-[calc(100%-2rem)]",
+        handle: "!h-12 !w-1.5 mt-auto mb-auto"
+      }
+    },
+    {
+      direction: ["right", "left"],
+      snapPoints: true,
+      class: {
+        content: "w-full"
+      }
+    },
+    {
+      direction: "top",
+      inset: true,
+      class: {
+        content: "inset-x-4 top-4"
+      }
+    },
+    {
+      direction: "top",
+      inset: false,
+      class: {
+        content: "inset-x-0 top-0 rounded-b-lg"
+      }
+    },
+    {
+      direction: "bottom",
+      inset: true,
+      class: {
+        content: "inset-x-4 bottom-4"
+      }
+    },
+    {
+      direction: "bottom",
+      inset: false,
+      class: {
+        content: "inset-x-0 bottom-0 rounded-t-lg"
+      }
+    },
+    {
+      direction: "left",
+      inset: true,
+      class: {
+        content: "inset-y-4 left-4"
+      }
+    },
+    {
+      direction: "left",
+      inset: false,
+      class: {
+        content: "inset-y-0 left-0 rounded-r-lg"
+      }
+    },
+    {
+      direction: "right",
+      inset: true,
+      class: {
+        content: "inset-y-4 right-4"
+      }
+    },
+    {
+      direction: "right",
+      inset: false,
+      class: {
+        content: "inset-y-0 right-0 rounded-l-lg"
+      }
     }
-  }]
+  ]
 });
 
 const dropdownMenu = (options) => ({
@@ -6395,8 +6430,15 @@ const contentNavigation = (options) => ({
 
 const contentSearch = {
   slots: {
-    modal: "sm:max-w-3xl sm:h-[28rem]",
+    modal: "",
     input: "[&>input]:text-base/5"
+  },
+  variants: {
+    fullscreen: {
+      false: {
+        modal: "sm:max-w-3xl sm:h-[28rem]"
+      }
+    }
   }
 };
 

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.DGJZ-1aX.mjs';
+import { g as getTemplates, d as defaultOptions, r as resolveColors, a as getDefaultUiConfig } from './shared/ui.D-FDXAUi.mjs';
 import MagicString from 'magic-string';
 import { genSafeVariableName } from 'knitwork';
 import { resolvePathSync } from 'mlly';
@@ -127,6 +127,11 @@ function ComponentImportPlugin(options, meta) {
     ].filter(Boolean)
   });
   const componentNames = new Set(components.map((c) => `${options.prefix}${c.split("/").pop()?.replace(/\.vue$/, "")}`));
+  const componentPaths = new Map(components.map((c) => {
+    const name = c.replace(/\.vue$/, "");
+    const componentName = `${options.prefix}${name.split("/").pop()}`;
+    return [componentName, c];
+  }));
   const overrides = globSync("**/*.vue", {
     cwd: join(runtimeDir, "vue/components"),
     ignore: [
@@ -159,8 +164,10 @@ function ComponentImportPlugin(options, meta) {
           const relativePath = overridePaths.get(componentName);
           return { name: "default", from: join(runtimeDir, "vue/components", relativePath) };
         }
-        if (componentNames.has(componentName))
-          return { name: "default", from: join(runtimeDir, "components", `${componentName.slice(options.prefix.length)}.vue`) };
+        if (componentNames.has(componentName)) {
+          const relativePath = componentPaths.get(componentName);
+          return { name: "default", from: join(runtimeDir, "components", relativePath) };
+        }
       }
     ]
   });

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/ui.DGJZ-1aX.mjs';
+import './shared/ui.D-FDXAUi.mjs';
 import '../dist/runtime/utils/index.js';
 import 'scule';
 import 'knitwork';

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@nuxt/ui",
   "description": "A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.",
-  "version": "4.0.0-beta.0",
-  "packageManager": "pnpm@10.17.0",
+  "version": "4.0.1",
+  "packageManager": "pnpm@10.17.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/ui.git"
@@ -108,21 +108,21 @@
     "typecheck": "vue-tsc --noEmit && nuxt typecheck playgrounds/nuxt && nuxt typecheck docs && cd playgrounds/vue && vue-tsc --noEmit",
     "test": "vitest",
     "test:vue": "vitest -c vitest.vue.config.ts",
-    "release": "release-it --preRelease=beta"
+    "release": "release-it"
   },
   "dependencies": {
-    "@ai-sdk/vue": "^2.0.48",
+    "@ai-sdk/vue": "^2.0.59",
     "@iconify/vue": "^5.0.0",
     "@internationalized/date": "^3.9.0",
     "@internationalized/number": "^3.6.5",
     "@nuxt/fonts": "^0.11.4",
     "@nuxt/icon": "^2.0.0",
-    "@nuxt/kit": "^4.0.3",
-    "@nuxt/schema": "^4.0.3",
+    "@nuxt/kit": "^4.1.2",
+    "@nuxt/schema": "^4.1.2",
     "@nuxtjs/color-mode": "^3.5.2",
     "@standard-schema/spec": "^1.0.0",
-    "@tailwindcss/postcss": "^4.1.13",
-    "@tailwindcss/vite": "^4.1.13",
+    "@tailwindcss/postcss": "^4.1.14",
+    "@tailwindcss/vite": "^4.1.14",
     "@tanstack/vue-table": "^8.21.3",
     "@unhead/vue": "^2.0.17",
     "@vueuse/core": "^13.9.0",
@@ -142,20 +142,20 @@
     "knitwork": "^1.2.0",
     "magic-string": "^0.30.19",
     "mlly": "^1.8.0",
-    "motion-v": "^1.7.1",
+    "motion-v": "^1.7.2",
     "ohash": "^2.0.11",
     "pathe": "^2.0.3",
-    "reka-ui": "2.5.0",
+    "reka-ui": "2.5.1",
     "scule": "^1.3.0",
     "tailwind-merge": "^3.3.1",
     "tailwind-variants": "^3.1.1",
-    "tailwindcss": "^4.1.13",
+    "tailwindcss": "^4.1.14",
     "tinyglobby": "^0.2.15",
     "unplugin": "^2.3.10",
-    "unplugin-auto-import": "^20.1.0",
+    "unplugin-auto-import": "^20.2.0",
     "unplugin-vue-components": "^29.1.0",
     "vaul-vue": "0.4.1",
-    "vue-component-type-helpers": "^3.0.7"
+    "vue-component-type-helpers": "^3.1.0"
   },
   "devDependencies": {
     "@nuxt/content": "^3.7.1",
@@ -164,14 +164,15 @@
     "@nuxt/test-utils": "^3.19.2",
     "@release-it/conventional-changelog": "^10.0.1",
     "@vue/test-utils": "^2.4.6",
+    "ai": "^5.0.59",
     "embla-carousel": "^8.6.0",
     "eslint": "^9.36.0",
-    "happy-dom": "^18.0.1",
-    "nuxt": "^4.0.3",
+    "happy-dom": "^19.0.2",
+    "nuxt": "^4.1.2",
     "release-it": "^19.0.5",
     "vitest": "^3.2.4",
     "vitest-environment-nuxt": "^1.0.1",
-    "vue-tsc": "^3.0.7"
+    "vue-tsc": "^3.1.0"
   },
   "peerDependencies": {
     "@inertiajs/vue3": "^2.0.7",
@@ -207,7 +208,7 @@
     }
   },
   "resolutions": {
-    "@nuxt/kit": "4.0.3",
+    "@nuxt/kit": "^4.1.2",
     "@nuxt/ui": "workspace:*",
     "chokidar": "3.6.0",
     "debug": "4.3.7",