@nuxt/ui 4.5.0 → 4.5.1

package/dist/runtime/composables/useResizable.js

@@ -2,7 +2,7 @@ import { ref, computed, unref, isRef, watch } from "vue";
 import { useStorage } from "@vueuse/core";
 import { useCookie } from "#imports";
 import { useLocale } from "./useLocale.js";
-export const useResizable = (key, options = {}, { collapsed = ref(false) } = {}) => {
+export function useResizable(key, options = {}, { collapsed = ref(false) } = {}) {
   const el = ref(null);
   const opts = computed(() => ({
     side: "left",
@@ -200,4 +200,4 @@ export const useResizable = (key, options = {}, { collapsed = ref(false) } = {})
     onDoubleClick,
     collapse
   };
-};
+}

package/dist/runtime/types/utils.d.ts

@@ -7,11 +7,11 @@ export type DynamicSlotsKeys<Name extends string | undefined, Suffix extends str
 export type DynamicSlots<T extends {
     slot?: string;
 }, Suffix extends string | undefined = undefined, ExtraProps extends object = {}> = {
-    [K in DynamicSlotsKeys<T['slot'], Suffix>]: (props: {
+    [K in DynamicSlotsKeys<T['slot'], Suffix>]?: (props: {
         item: Extract<T, {
             slot: K extends `${infer Base}-${Suffix}` ? Base : K;
         }>;
-    } & ExtraProps) => any;
+    } & ExtraProps) => VNode[];
 };
 export type GetObjectField<MaybeObject, Key extends string> = MaybeObject extends Record<string, any> ? MaybeObject[Key] : never;
 export type AcceptableValue = Exclude<_AcceptableValue, Record<string, any>> | boolean;

package/dist/runtime/utils/index.d.ts

@@ -11,7 +11,7 @@ export declare function getDisplayValue<T extends Array<any>, V>(items: T, value
     labelKey?: GetItemKeys<T>;
     by?: string | ((a: any, b: any) => boolean);
 }): string | undefined;
-export declare function isArrayOfArray<A>(item: A[] | A[][]): item is A[][];
+export declare function isArrayOfArray<A extends any[] | any[][]>(item: A): item is A extends Array<infer T> ? T extends any[] ? T[] : never : never;
 export declare function mergeClasses(appConfigClass?: string | string[], propClass?: string): "" | (string | undefined)[];
 export declare function getSlotChildrenText(children: any): any;
 export declare function transformUI(ui: any, uiProp?: any): any;

package/dist/runtime/utils/index.js

@@ -135,7 +135,7 @@ export function transformUI(ui, uiProp) {
   return Object.entries(ui).reduce((acc, [key, value]) => {
     acc[key] = typeof value === "function" ? value({ class: uiProp?.[key] }) : value;
     return acc;
-  }, uiProp || {});
+  }, { ...uiProp || {} });
 }
 export function resolveBaseURL(path, baseURL) {
   if (path?.startsWith("/") && !path.startsWith("//")) {

package/dist/runtime/vue/overrides/inertia/Link.d.vue.ts

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { InertiaLinkProps } from '@inertiajs/vue3';
 import type { ButtonHTMLAttributes, AnchorHTMLAttributes } from '../../../types/html';
 export interface LinkProps extends Partial<Omit<InertiaLinkProps, 'href' | 'onClick'>>, /** @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'disabled'>, /** @vue-ignore */ Omit<AnchorHTMLAttributes, 'href' | 'target' | 'rel' | 'type'> {
@@ -55,9 +56,9 @@ export interface LinkProps extends Partial<Omit<InertiaLinkProps, 'href' | 'onCl
     class?: any;
 }
 export interface LinkSlots {
-    default(props: {
+    default?(props: {
         active: boolean;
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/vue/overrides/inertia/Link.vue.d.ts

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { InertiaLinkProps } from '@inertiajs/vue3';
 import type { ButtonHTMLAttributes, AnchorHTMLAttributes } from '../../../types/html';
 export interface LinkProps extends Partial<Omit<InertiaLinkProps, 'href' | 'onClick'>>, /** @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'disabled'>, /** @vue-ignore */ Omit<AnchorHTMLAttributes, 'href' | 'target' | 'rel' | 'type'> {
@@ -55,9 +56,9 @@ export interface LinkProps extends Partial<Omit<InertiaLinkProps, 'href' | 'onCl
     class?: any;
 }
 export interface LinkSlots {
-    default(props: {
+    default?(props: {
         active: boolean;
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/vue/overrides/none/Link.d.vue.ts

@@ -1,4 +1,4 @@
-import type { ButtonHTMLAttributes } from 'vue';
+import type { ButtonHTMLAttributes, VNode } from 'vue';
 interface BaseLinkProps {
     /**
      * Route Location the link should navigate to when clicked on.
@@ -57,9 +57,9 @@ export interface LinkProps extends BaseLinkProps {
     class?: any;
 }
 export interface LinkSlots {
-    default(props: {
+    default?(props: {
         active: boolean;
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/vue/overrides/none/Link.vue.d.ts

@@ -1,4 +1,4 @@
-import type { ButtonHTMLAttributes } from 'vue';
+import type { ButtonHTMLAttributes, VNode } from 'vue';
 interface BaseLinkProps {
     /**
      * Route Location the link should navigate to when clicked on.
@@ -57,9 +57,9 @@ export interface LinkProps extends BaseLinkProps {
     class?: any;
 }
 export interface LinkSlots {
-    default(props: {
+    default?(props: {
         active: boolean;
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/vue/overrides/vue-router/Link.d.vue.ts

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { RouterLinkProps } from 'vue-router';
 import type { ButtonHTMLAttributes, AnchorHTMLAttributes } from '../../../types/html';
 export interface LinkProps extends Partial<Omit<RouterLinkProps, 'custom'>>, /** @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'disabled'>, /** @vue-ignore */ Omit<AnchorHTMLAttributes, 'href' | 'target' | 'rel' | 'type'> {
@@ -48,9 +49,9 @@ export interface LinkProps extends Partial<Omit<RouterLinkProps, 'custom'>>, /**
     class?: any;
 }
 export interface LinkSlots {
-    default(props: {
+    default?(props: {
         active: boolean;
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/vue/overrides/vue-router/Link.vue.d.ts

@@ -1,3 +1,4 @@
+import type { VNode } from 'vue';
 import type { RouterLinkProps } from 'vue-router';
 import type { ButtonHTMLAttributes, AnchorHTMLAttributes } from '../../../types/html';
 export interface LinkProps extends Partial<Omit<RouterLinkProps, 'custom'>>, /** @vue-ignore */ Omit<ButtonHTMLAttributes, 'type' | 'disabled'>, /** @vue-ignore */ Omit<AnchorHTMLAttributes, 'href' | 'target' | 'rel' | 'type'> {
@@ -48,9 +49,9 @@ export interface LinkProps extends Partial<Omit<RouterLinkProps, 'custom'>>, /**
     class?: any;
 }
 export interface LinkSlots {
-    default(props: {
+    default?(props: {
         active: boolean;
-    }): any;
+    }): VNode[];
 }
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/shared/{ui.BrgdrRzy.mjs → ui.DI_ypO2T.mjs}

@@ -2263,7 +2263,7 @@ const dropdownMenu = (options) => ({
   slots: {
     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",
+    arrow: "fill-bg stroke-default",
     group: "p-1 isolate",
     label: "w-full flex items-center font-semibold text-highlighted",
     separator: "-mx-1 my-1 h-px bg-border",
@@ -3154,7 +3154,7 @@ 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 focus:outline-none",
       trailingClear: "p-0",
-      arrow: "fill-default",
+      arrow: "fill-bg stroke-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 flex flex-col",
       viewport: "relative scroll-py-1 overflow-y-auto flex-1",
       group: "p-1 isolate",
@@ -4607,7 +4607,7 @@ const pinInput = (options) => ({
 const popover = {
   slots: {
     content: "bg-default shadow-lg rounded-md ring ring-default data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-popover-content-transform-origin) focus:outline-none pointer-events-auto",
-    arrow: "fill-default"
+    arrow: "fill-bg stroke-default"
   }
 };
 
@@ -5194,7 +5194,7 @@ const select = (options) => {
       base: () => ["relative group rounded-md inline-flex items-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-75", options.theme.transitions && "transition-colors"],
       value: "truncate pointer-events-none",
       placeholder: "truncate text-dimmed",
-      arrow: "fill-default",
+      arrow: "fill-bg stroke-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 flex flex-col",
       viewport: "relative divide-y divide-default scroll-py-1 overflow-y-auto flex-1",
       group: "p-1 isolate",
@@ -6422,7 +6422,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.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",
+    arrow: "fill-bg stroke-default",
     text: "truncate",
     kbds: `hidden lg:inline-flex items-center shrink-0 gap-0.5 not-first-of-type:before:content-['\xB7'] not-first-of-type:before:me-0.5`,
     kbdsSize: "sm"
@@ -7465,7 +7465,7 @@ const contentToc = (options) => ({
     title: "truncate",
     trailing: "ms-auto inline-flex gap-1.5 items-center",
     trailingIcon: "size-5 transform transition-transform duration-200 shrink-0 group-data-[state=open]:rotate-180 lg:hidden",
-    content: "data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] overflow-hidden focus:outline-none",
+    content: "relative data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] overflow-hidden focus:outline-none",
     list: "min-w-0",
     listWithChildren: "ms-3",
     item: "min-w-0",
@@ -7724,8 +7724,10 @@ function getTemplates(options, uiConfig, nuxt, resolve) {
   --divide-color-bg: var(--ui-bg);
   --outline-color-default: var(--ui-border);
   --outline-color-inverted: var(--ui-border-inverted);
+  --stroke-bg: var(--ui-bg);
   --stroke-default: var(--ui-border);
   --stroke-inverted: var(--ui-border-inverted);
+  --fill-bg: var(--ui-bg);
   --fill-default: var(--ui-border);
   --fill-inverted: var(--ui-border-inverted);
 }

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 getDefaultConfig } from './shared/ui.BrgdrRzy.mjs';
+import { g as getTemplates, d as defaultOptions, r as resolveColors, a as getDefaultConfig } from './shared/ui.DI_ypO2T.mjs';
 import fs from 'node:fs';
 import path from 'node:path';
 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.BrgdrRzy.mjs';
+import './shared/ui.DI_ypO2T.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.5.0",
-  "packageManager": "pnpm@10.30.1",
+  "version": "4.5.1",
+  "packageManager": "pnpm@10.30.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/ui.git"
@@ -136,7 +136,7 @@
     "@tailwindcss/postcss": "^4.2.1",
     "@tailwindcss/vite": "^4.2.1",
     "@tanstack/vue-table": "^8.21.3",
-    "@tanstack/vue-virtual": "^3.13.18",
+    "@tanstack/vue-virtual": "^3.13.19",
     "@tiptap/core": "^3.20.0",
     "@tiptap/extension-bubble-menu": "^3.20.0",
     "@tiptap/extension-code": "^3.20.0",
@@ -154,7 +154,7 @@
     "@tiptap/starter-kit": "^3.20.0",
     "@tiptap/suggestion": "^3.20.0",
     "@tiptap/vue-3": "^3.20.0",
-    "@unhead/vue": "^2.1.4",
+    "@unhead/vue": "^2.1.10",
     "@vueuse/core": "^14.2.1",
     "@vueuse/integrations": "^14.2.1",
     "@vueuse/shared": "^14.2.1",
@@ -190,16 +190,16 @@
     "vue-component-type-helpers": "^3.2.5"
   },
   "devDependencies": {
-    "@nuxt/eslint-config": "^1.15.1",
+    "@nuxt/eslint-config": "^1.15.2",
     "@nuxt/module-builder": "^1.0.2",
     "@nuxt/test-utils": "^4.0.0",
     "@release-it/conventional-changelog": "^10.0.5",
     "@tanstack/table-core": "^8.21.3",
     "@vitejs/plugin-vue": "^6.0.4",
     "@vue/test-utils": "^2.4.6",
-    "ai": "^6.0.97",
+    "ai": "^6.0.105",
     "embla-carousel": "^8.6.0",
-    "eslint": "^10.0.1",
+    "eslint": "^10.0.2",
     "happy-dom": "^20.7.0",
     "nuxt": "^4.3.1",
     "release-it": "^19.2.4",