@nuxt/ui 2.18.0 → 2.18.1

package/dist/runtime/components/navigation/CommandPalette.vue.d.ts

@@ -74,7 +74,7 @@ declare const config: {
 };
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | ArrayConstructor)[];
+        type: (StringConstructor | NumberConstructor | ObjectConstructor | ArrayConstructor)[];
         default: any;
     };
     by: {
@@ -247,8 +247,8 @@ declare const _default: import("vue").DefineComponent<{
         key: string;
         active?: string;
         inactive?: string;
-        search?: Function;
-        filter?: Function;
+        search?: (...args: any[]) => any[] | Promise<any[]>;
+        filter?: (...args: any[]) => Command[];
         static?: Boolean;
     })[]>;
     comboboxInput: import("vue").Ref<ComponentPublicInstance<HTMLInputElement>>;
@@ -264,7 +264,7 @@ declare const _default: import("vue").DefineComponent<{
     onClear: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:modelValue")[], "close" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | ArrayConstructor)[];
+        type: (StringConstructor | NumberConstructor | ObjectConstructor | ArrayConstructor)[];
         default: any;
     };
     by: {
@@ -361,27 +361,27 @@ declare const _default: import("vue").DefineComponent<{
     onClose?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
+    class: any;
     ui: {};
     icon: string;
-    class: any;
     closeButton: Button;
-    modelValue: string | number | unknown[] | Record<string, any>;
+    modelValue: string | number | Record<string, any> | unknown[];
     loading: boolean;
     loadingIcon: string;
+    emptyState: {
+        icon: string;
+        label: string;
+        queryLabel: string;
+    };
+    by: string;
     multiple: boolean;
     placeholder: string;
     nullable: boolean;
-    by: string;
     selectedIcon: string;
     debounce: number;
     searchable: boolean;
     groupAttribute: string;
     commandAttribute: string;
-    emptyState: {
-        icon: string;
-        label: string;
-        queryLabel: string;
-    };
     groups: Group[];
     autoselect: boolean;
     autoclear: boolean;

package/dist/runtime/components/navigation/CommandPaletteGroup.vue

@@ -72,7 +72,9 @@
 <script>
 import { computed, defineComponent } from "vue";
 import { ComboboxOption as HComboboxOption, provideUseId } from "@headlessui/vue";
-import { UIcon, UAvatar, UKbd } from "#components";
+import UIcon from "../elements/Icon.vue";
+import UAvatar from "../elements/Avatar.vue";
+import UKbd from "../elements/Kbd.vue";
 import { useId } from "#imports";
 export default defineComponent({
   components: {

package/dist/runtime/components/navigation/HorizontalNavigation.vue

@@ -54,7 +54,10 @@
 <script>
 import { toRef, defineComponent, computed } from "vue";
 import { twMerge, twJoin } from "tailwind-merge";
-import { UIcon, UAvatar, UBadge, ULink } from "#components";
+import UIcon from "../elements/Icon.vue";
+import UAvatar from "../elements/Avatar.vue";
+import UBadge from "../elements/Badge.vue";
+import ULink from "../elements/Link.vue";
 import { useUI } from "../../composables/useUI";
 import { mergeConfig, getULinkProps } from "../../utils";
 import appConfig from "#build/app.config";

package/dist/runtime/components/navigation/HorizontalNavigation.vue.d.ts

@@ -92,8 +92,8 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>>, {
-    ui: {};
     class: any;
+    ui: {};
     links: HorizontalNavigationLink[] | HorizontalNavigationLink[][];
 }, {}>;
 export default _default;

package/dist/runtime/components/navigation/Pagination.vue.d.ts

@@ -241,10 +241,10 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
     size: ButtonSize;
-    ui: {};
+    class: any;
     to: (page: number) => RouteLocationRaw;
     disabled: boolean;
-    class: any;
+    ui: {};
     max: number;
     prevButton: Button;
     nextButton: Button;

package/dist/runtime/components/navigation/Tabs.vue.d.ts

@@ -153,10 +153,10 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
-    orientation: "horizontal" | "vertical";
-    ui: {};
     class: any;
+    ui: {};
     content: boolean;
+    orientation: "horizontal" | "vertical";
     modelValue: number;
     unmount: boolean;
     items: TabItem[];

package/dist/runtime/components/navigation/VerticalNavigation.vue

@@ -55,7 +55,11 @@
 <script>
 import { toRef, defineComponent, computed } from "vue";
 import { twMerge, twJoin } from "tailwind-merge";
-import { UIcon, UAvatar, UBadge, ULink, UDivider } from "#components";
+import UIcon from "../elements/Icon.vue";
+import UAvatar from "../elements/Avatar.vue";
+import UBadge from "../elements/Badge.vue";
+import ULink from "../elements/Link.vue";
+import UDivider from "../layout/Divider.vue";
 import { useUI } from "../../composables/useUI";
 import { mergeConfig, getULinkProps } from "../../utils";
 import appConfig from "#build/app.config";

package/dist/runtime/components/navigation/VerticalNavigation.vue.d.ts

@@ -106,8 +106,8 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>>, {
-    ui: {};
     class: any;
+    ui: {};
     links: VerticalNavigationLink[] | VerticalNavigationLink[][];
 }, {}>;
 export default _default;

package/dist/runtime/components/overlays/ContextMenu.vue.d.ts

@@ -118,8 +118,8 @@ declare const _default: import("vue").DefineComponent<{
     onClose?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
-    ui: {};
     class: any;
+    ui: {};
     popper: PopperOptions;
     modelValue: boolean;
 }, {}>;

package/dist/runtime/components/overlays/Modal.vue.d.ts

@@ -154,8 +154,8 @@ declare const _default: import("vue").DefineComponent<{
     "onClose-prevented"?: (...args: any[]) => any;
     "onAfter-leave"?: (...args: any[]) => any;
 }, {
-    ui: {};
     class: any;
+    ui: {};
     transition: boolean;
     appear: boolean;
     overlay: boolean;

package/dist/runtime/components/overlays/Notification.vue

@@ -45,7 +45,9 @@
 <script>
 import { ref, computed, toRef, onMounted, onUnmounted, watch, watchEffect, defineComponent } from "vue";
 import { twMerge, twJoin } from "tailwind-merge";
-import { UIcon, UAvatar, UButton } from "#components";
+import UIcon from "../elements/Icon.vue";
+import UAvatar from "../elements/Avatar.vue";
+import UButton from "../elements/Button.vue";
 import { useUI } from "../../composables/useUI";
 import { useTimer } from "../../composables/useTimer";
 import { mergeConfig } from "../../utils";

package/dist/runtime/components/overlays/Notification.vue.d.ts

@@ -51,7 +51,7 @@ declare const config: {
 };
 declare const _default: import("vue").DefineComponent<{
     id: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         required: true;
     };
     title: {
@@ -167,7 +167,7 @@ declare const _default: import("vue").DefineComponent<{
     twMerge: (...classLists: import("tailwind-merge").ClassNameValue[]) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     id: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         required: true;
     };
     title: {
@@ -220,11 +220,11 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onClose?: (...args: any[]) => any;
 }, {
+    class: any;
     ui: {};
     color: NotificationColor;
-    icon: string;
     avatar: any;
-    class: any;
+    icon: string;
     title: string;
     description: string;
     closeButton: Button;

package/dist/runtime/components/overlays/Notifications.vue.d.ts

@@ -37,8 +37,8 @@ declare const _default: import("vue").DefineComponent<{
             closeButton?: import("../../types").Button;
             timeout?: number;
             actions?: import("../../types").NotificationAction[];
-            click?: Function;
-            callback?: Function;
+            click?: (...args: any[]) => void;
+            callback?: (...args: any[]) => void;
             color?: import("../../types").NotificationColor;
             ui?: any;
         };
@@ -60,7 +60,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>>, {
-    ui: {};
     class: any;
+    ui: {};
 }, {}>;
 export default _default;

package/dist/runtime/components/overlays/Popover.vue.d.ts

@@ -207,12 +207,12 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:open"?: (...args: any[]) => any;
 }, {
-    ui: {};
-    disabled: boolean;
+    mode: "click" | "hover";
     class: any;
+    disabled: boolean;
+    ui: {};
     popper: PopperOptions;
     overlay: boolean;
-    mode: "click" | "hover";
     open: boolean;
     openDelay: number;
     closeDelay: number;

package/dist/runtime/components/overlays/Slideover.vue.d.ts

@@ -110,7 +110,7 @@ declare const _default: import("vue").DefineComponent<{
     }, string>>;
     isOpen: WritableComputedRef<boolean>;
     transitionClass: import("vue").ComputedRef<{}>;
-    sideType: import("vue").ComputedRef<"horizontal" | "vertical" | "right">;
+    sideType: import("vue").ComputedRef<"right" | "horizontal" | "vertical">;
     onAfterLeave: () => void;
     close: (value: boolean) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:modelValue" | "close-prevented" | "after-leave")[], "close" | "update:modelValue" | "close-prevented" | "after-leave", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -155,8 +155,8 @@ declare const _default: import("vue").DefineComponent<{
     "onClose-prevented"?: (...args: any[]) => any;
     "onAfter-leave"?: (...args: any[]) => any;
 }, {
-    ui: {};
     class: any;
+    ui: {};
     transition: boolean;
     appear: boolean;
     overlay: boolean;

package/dist/runtime/components/overlays/Tooltip.vue.d.ts

@@ -153,9 +153,9 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>>, {
+    class: any;
     ui: {};
     shortcuts: string[];
-    class: any;
     popper: PopperOptions;
     text: string;
     openDelay: number;

package/dist/runtime/composables/usePopper.d.ts

@@ -197,15 +197,15 @@ export declare function usePopper({ locked, overflowPadding, offsetDistance, off
                     y: number;
                     x: number;
                 };
-                auto?: {
+                right?: {
                     y: number;
                     x: number;
                 };
-                right?: {
+                left?: {
                     y: number;
                     x: number;
                 };
-                left?: {
+                auto?: {
                     y: number;
                     x: number;
                 };

package/dist/runtime/composables/useToast.d.ts

@@ -9,8 +9,8 @@ export declare function useToast(): {
         closeButton?: import("../types").Button;
         timeout?: number;
         actions?: import("../types").NotificationAction[];
-        click?: Function;
-        callback?: Function;
+        click?: (...args: any[]) => void;
+        callback?: (...args: any[]) => void;
         color?: import("../types").NotificationColor;
         ui?: any;
     };

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

@@ -6,5 +6,5 @@ import type { AppConfig } from 'nuxt/schema';
 export type AlertColor = keyof typeof alert.color | ExtractDeepKey<AppConfig, ['ui', 'alert', 'color']> | typeof colors[number];
 export type AlertVariant = keyof typeof alert.variant | ExtractDeepKey<AppConfig, ['ui', 'alert', 'variant']> | NestedKeyOf<typeof alert.color> | NestedKeyOf<ExtractDeepObject<AppConfig, ['ui', 'alert', 'color']>>;
 export interface AlertAction extends Button {
-    click?: Function;
+    click?: (...args: any[]) => void;
 }

package/dist/runtime/types/command-palette.d.ts

@@ -20,8 +20,8 @@ export interface Group {
     active?: string;
     inactive?: string;
     commands?: Command[];
-    search?: Function;
-    filter?: Function;
+    search?: (...args: any[]) => any[] | Promise<any[]>;
+    filter?: (...args: any[]) => Command[];
     static?: Boolean;
     [key: string]: any;
 }

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

@@ -10,5 +10,5 @@ export interface DropdownItem extends NuxtLinkProps {
     shortcuts?: string[];
     disabled?: boolean;
     class?: string;
-    click?: Function;
+    click?: (...args: any[]) => void;
 }

package/dist/runtime/types/horizontal-navigation.d.ts

@@ -7,6 +7,6 @@ export interface HorizontalNavigationLink extends Link {
     icon?: string;
     iconClass?: string;
     avatar?: Avatar;
-    click?: Function;
+    click?: (...args: any[]) => void;
     badge?: string | number | Badge;
 }

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

@@ -3,7 +3,7 @@ import type { Button } from './button.js';
 import colors from '#ui-colors';
 export type NotificationColor = 'gray' | typeof colors[number];
 export interface NotificationAction extends Button {
-    click?: Function;
+    click?: (...args: any[]) => void;
 }
 export interface Notification {
     id: string;
@@ -14,8 +14,8 @@ export interface Notification {
     closeButton?: Button;
     timeout: number;
     actions?: NotificationAction[];
-    click?: Function;
-    callback?: Function;
+    click?: (...args: any[]) => void;
+    callback?: (...args: any[]) => void;
     color?: NotificationColor;
     ui?: any;
 }

package/dist/runtime/types/vertical-navigation.d.ts

@@ -7,6 +7,6 @@ export interface VerticalNavigationLink extends Link {
     icon?: string;
     iconClass?: string;
     avatar?: Avatar;
-    click?: Function;
+    click?: (...args: any[]) => void;
     badge?: string | number | Badge;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt/ui",
-  "version": "2.18.0",
+  "version": "2.18.1",
   "packageManager": "pnpm@9.5.0",
   "repository": "nuxt/ui",
   "homepage": "https://ui.nuxt.com",
@@ -74,13 +74,12 @@
     "valibot31": "npm:valibot@0.31.0",
     "vitest": "^2.0.3",
     "vitest-environment-nuxt": "^1.0.0",
-    "vue-tsc": "^2.0.26",
+    "vue-tsc": "^2.0.29",
     "yup": "^1.4.0",
     "zod": "^3.23.8"
   },
   "resolutions": {
     "@nuxt/ui": "workspace:*",
-    "nuxt-component-meta": "0.6.4",
-    "vue-tsc": "2.0.26"
+    "nuxt-component-meta": "0.6.4"
   }
 }