@nuxt/ui 2.18.2 → 2.18.3

package/dist/module.d.mts

@@ -1,6 +1,6 @@
 import * as _nuxt_schema from '@nuxt/schema';
 import * as config from '../dist/runtime/ui.config/index.js';
-import { Strategy, DeepPartial } from '../dist/runtime/types/utils.js';
+import { Strategy, DeepPartial } from '../dist/runtime/types/index.js';
 
 type UI = {
     primary?: string;

package/dist/module.d.ts

@@ -1,6 +1,6 @@
 import * as _nuxt_schema from '@nuxt/schema';
 import * as config from '../dist/runtime/ui.config/index.js';
-import { Strategy, DeepPartial } from '../dist/runtime/types/utils.js';
+import { Strategy, DeepPartial } from '../dist/runtime/types/index.js';
 
 type UI = {
     primary?: string;

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt/ui",
-  "version": "2.18.2",
+  "version": "2.18.3",
   "configKey": "ui",
   "compatibility": {
     "nuxt": ">=3.10.0"

package/dist/module.mjs

@@ -14,7 +14,7 @@ const __filename = __cjs_url__.fileURLToPath(import.meta.url);
 const __dirname = __cjs_path__.dirname(__filename);
 const require = __cjs_mod__.createRequire(import.meta.url);
 const name = "@nuxt/ui";
-const version = "2.18.2";
+const version = "2.18.3";
 
 function createTemplates(nuxt = useNuxt()) {
   const template = addTemplate({

package/dist/runtime/components/data/Table.vue.d.ts

@@ -408,13 +408,13 @@ declare const _default: import("vue").DefineComponent<{
         direction: "asc" | "desc";
     };
     class: any;
-    ui: {};
     caption: string;
     columns: Column[];
     progress: {
         color: ProgressColor;
         animation: ProgressAnimation;
     };
+    ui: {};
     modelValue: unknown[];
     loading: boolean;
     loadingState: {

package/dist/runtime/components/elements/Alert.vue.d.ts

@@ -181,13 +181,13 @@ declare const _default: import("vue").DefineComponent<{
     onClose?: (...args: any[]) => any;
 }, {
     class: any;
-    ui: {};
+    avatar: any;
     color: AlertColor;
     variant: AlertVariant;
-    avatar: any;
-    icon: string;
     title: string;
+    ui: {};
     description: string;
+    icon: string;
     closeButton: Button;
     actions: AlertAction[];
 }, {}>;

package/dist/runtime/components/elements/Avatar.vue.d.ts

@@ -242,10 +242,10 @@ declare const _default: import("vue").DefineComponent<{
     size: AvatarSize;
     class: any;
     as: string | Record<string, any>;
-    ui: {};
-    icon: string;
     text: string;
     alt: string;
+    ui: {};
+    icon: string;
     src: string | boolean;
     chipColor: AvatarChipColor;
     chipPosition: "top-right" | "bottom-right" | "top-left" | "bottom-left";

package/dist/runtime/components/elements/Badge.vue.d.ts

@@ -101,9 +101,9 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     size: BadgeSize;
     class: any;
-    ui: {};
     color: BadgeColor;
     variant: BadgeVariant;
     label: string | number;
+    ui: {};
 }, {}>;
 export default _default;

package/dist/runtime/components/elements/Button.vue.d.ts

@@ -178,7 +178,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly required: false;
     };
     rel: {
-        readonly type: PropType<import("#app").NuxtLinkProps["rel"]>;
+        readonly type: PropType<any>;
         readonly default: any;
         readonly required: false;
     };
@@ -418,7 +418,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly required: false;
     };
     rel: {
-        readonly type: PropType<import("#app").NuxtLinkProps["rel"]>;
+        readonly type: PropType<any>;
         readonly default: any;
         readonly required: false;
     };
@@ -472,26 +472,26 @@ declare const _default: import("vue").DefineComponent<{
     type: string;
     replace: boolean;
     class: any;
+    truncate: boolean;
+    target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
     to: any;
     activeClass: string;
     exactActiveClass: string;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
-    disabled: boolean;
-    truncate: boolean;
-    ui: {};
-    color: ButtonColor;
-    variant: ButtonVariant;
-    label: string;
-    icon: string;
-    href: any;
-    external: boolean;
-    target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
-    rel: (string & {}) | "noopener" | "noreferrer" | "nofollow" | "sponsored" | "ugc";
     noRel: boolean;
-    prefetchedClass: string;
     prefetch: boolean;
     noPrefetch: boolean;
+    prefetchedClass: string;
+    external: boolean;
     leading: boolean;
+    color: ButtonColor;
+    variant: ButtonVariant;
+    disabled: boolean;
+    href: any;
+    rel: any;
+    label: string;
+    ui: {};
+    icon: string;
     block: boolean;
     square: boolean;
     loading: boolean;

package/dist/runtime/components/elements/Chip.vue.d.ts

@@ -150,13 +150,13 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>>, {
-    size: "xs" | "sm" | "2xs" | "md" | "lg" | "xl" | "3xs" | "2xl" | "3xl";
+    size: "xs" | "sm" | "2xs" | "md" | "lg" | "xl" | "2xl" | "3xs" | "3xl";
     class: any;
-    ui: {};
-    color: ChipColor;
     inset: boolean;
     position: "top-right" | "bottom-right" | "top-left" | "bottom-left";
+    color: ChipColor;
     text: string | number;
+    ui: {};
     show: boolean;
 }, {}>;
 export default _default;

package/dist/runtime/components/elements/Dropdown.vue.d.ts

@@ -243,9 +243,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     mode: "click" | "hover";
     class: any;
+    popper: PopperOptions;
     disabled: boolean;
     ui: {};
-    popper: PopperOptions;
     open: boolean;
     items: DropdownItem[][];
     openDelay: number;

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

@@ -47,7 +47,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly required: false;
     };
     rel: {
-        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["rel"]>;
+        readonly type: import("vue").PropType<any>;
         readonly default: any;
         readonly required: false;
     };
@@ -150,7 +150,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly required: false;
     };
     rel: {
-        readonly type: import("vue").PropType<import("#app").NuxtLinkProps["rel"]>;
+        readonly type: import("vue").PropType<any>;
         readonly default: any;
         readonly required: false;
     };
@@ -202,10 +202,16 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     type: string;
     replace: boolean;
+    target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
     to: any;
     activeClass: string;
     exactActiveClass: string;
     ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    noRel: boolean;
+    prefetch: boolean;
+    noPrefetch: boolean;
+    prefetchedClass: string;
+    external: boolean;
     as: string;
     disabled: boolean;
     active: boolean;
@@ -214,12 +220,6 @@ declare const _default: import("vue").DefineComponent<{
     exactHash: boolean;
     inactiveClass: string;
     href: any;
-    external: boolean;
-    target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
-    rel: (string & {}) | "noopener" | "noreferrer" | "nofollow" | "sponsored" | "ugc";
-    noRel: boolean;
-    prefetchedClass: string;
-    prefetch: boolean;
-    noPrefetch: boolean;
+    rel: any;
 }, {}>;
 export default _default;

package/dist/runtime/components/elements/Meter.vue.d.ts

@@ -258,9 +258,9 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     size: "xs" | "sm" | "2xs" | "md" | "lg" | "xl" | "2xl";
     class: any;
-    ui: {};
     color: MeterColor;
     label: string;
+    ui: {};
     icon: string;
     indicator: boolean;
     value: number;

package/dist/runtime/components/elements/MeterGroup.d.ts

@@ -121,8 +121,8 @@ declare const _default: import("@vue/runtime-core").DefineComponent<{
 }>>, {
     size: "xs" | "sm" | "2xs" | "md" | "lg" | "xl" | "2xl";
     ui: {};
-    icon: string;
     class: any;
+    icon: string;
     max: number;
     min: number;
     indicator: boolean;

package/dist/runtime/components/elements/Progress.vue.d.ts

@@ -270,8 +270,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     size: "xs" | "sm" | "2xs" | "md" | "lg" | "xl" | "2xl";
     class: any;
-    ui: {};
     color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
+    ui: {};
     indicator: boolean;
     animation: "carousel" | "carousel-inverse" | "swing" | "elastic";
     value: number;

package/dist/runtime/components/forms/Checkbox.vue.d.ts

@@ -165,10 +165,10 @@ declare const _default: import("vue").DefineComponent<{
     name: string;
     required: boolean;
     class: any;
-    disabled: boolean;
-    ui: {};
     color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
+    disabled: boolean;
     label: string;
+    ui: {};
     id: string;
     modelValue: boolean | unknown[];
     value: string | number | boolean | Record<string, any>;

package/dist/runtime/components/forms/Form.vue.d.ts

@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     onSubmit: (payload: Event) => Promise<void>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "error")[], "submit" | "error", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "submit")[], "error" | "submit", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     schema: {
         type: PropType<ZodSchema> | PropType<YupObjectSchema<any>> | PropType<JoiSchema> | PropType<ValibotSchema30 | ValibotSchemaAsync30> | PropType<ValibotSchema31 | ValibotSchemaAsync31> | PropType<ValibotSafeParser31<any, any> | ValibotSafeParserAsync31<any, any>> | PropType<ValibotSchema | ValibotSchemaAsync> | PropType<ValibotSafeParser<any, any> | ValibotSafeParserAsync<any, any>>;
         default: any;

package/dist/runtime/components/forms/FormGroup.vue.d.ts

@@ -158,9 +158,9 @@ declare const _default: import("vue").DefineComponent<{
     size: FormGroupSize;
     required: boolean;
     class: any;
-    ui: {};
     label: string;
     error: string | boolean;
+    ui: {};
     description: string;
     help: string;
     hint: string;

package/dist/runtime/components/forms/Input.vue.d.ts

@@ -459,13 +459,13 @@ declare const _default: import("vue").DefineComponent<{
     type: string;
     required: boolean;
     class: any;
-    disabled: boolean;
-    ui: {};
+    leading: boolean;
     color: InputColor;
     variant: InputVariant;
-    icon: string;
+    disabled: boolean;
+    ui: {};
     id: string;
-    leading: boolean;
+    icon: string;
     modelValue: string | number;
     loading: boolean;
     padded: boolean;

package/dist/runtime/components/forms/InputMenu.vue.d.ts

@@ -665,14 +665,14 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
     search: (query: string) => Promise<any[]> | any[];
     class: any;
-    disabled: boolean;
-    ui: {};
+    leading: boolean;
+    popper: PopperOptions;
     color: InputColor;
     variant: InputVariant;
-    icon: string;
+    disabled: boolean;
+    ui: {};
     id: string;
-    leading: boolean;
-    popper: PopperOptions;
+    icon: string;
     options: string[] | {
         [key: string]: any;
         disabled?: boolean;

package/dist/runtime/components/forms/Radio.vue.d.ts

@@ -155,10 +155,10 @@ declare const _default: import("vue").DefineComponent<{
     name: string;
     required: boolean;
     class: any;
-    disabled: boolean;
-    ui: {};
     color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
+    disabled: boolean;
     label: string;
+    ui: {};
     id: string;
     modelValue: string | number | boolean | Record<string, any>;
     value: string | number | boolean;

package/dist/runtime/components/forms/RadioGroup.vue.d.ts

@@ -163,10 +163,10 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     name: string;
     class: any;
-    disabled: boolean;
-    ui: {};
     color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
+    disabled: boolean;
     legend: string;
+    ui: {};
     options: unknown[];
     modelValue: string | number | boolean | Record<string, any>;
     optionAttribute: string;

package/dist/runtime/components/forms/Range.vue.d.ts

@@ -255,10 +255,10 @@ declare const _default: import("vue").DefineComponent<{
     name: string;
     size: RangeSize;
     class: any;
+    step: number;
+    color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
     disabled: boolean;
     ui: {};
-    color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
-    step: number;
     id: string;
     modelValue: number;
     max: number;

package/dist/runtime/components/forms/Select.vue.d.ts

@@ -448,13 +448,13 @@ declare const _default: import("vue").DefineComponent<{
     size: SelectSize;
     required: boolean;
     class: any;
-    disabled: boolean;
-    ui: {};
+    leading: boolean;
     color: SelectColor;
     variant: SelectVariant;
-    icon: string;
+    disabled: boolean;
+    ui: {};
     id: string;
-    leading: boolean;
+    icon: string;
     options: unknown[];
     modelValue: string | number | Record<string, any>;
     loading: boolean;

package/dist/runtime/components/forms/SelectMenu.vue.d.ts

@@ -714,14 +714,14 @@ declare const _default: import("vue").DefineComponent<{
     size: SelectSize;
     required: boolean;
     class: any;
-    disabled: boolean;
-    ui: {};
+    leading: boolean;
+    popper: PopperOptions;
     color: SelectColor;
     variant: SelectVariant;
-    icon: string;
+    disabled: boolean;
+    ui: {};
     id: string;
-    leading: boolean;
-    popper: PopperOptions;
+    icon: string;
     options: string[] | {
         [key: string]: any;
         disabled?: boolean;

package/dist/runtime/components/forms/Textarea.vue.d.ts

@@ -416,12 +416,12 @@ declare const _default: import("vue").DefineComponent<{
     size: TextareaSize;
     required: boolean;
     class: any;
-    disabled: boolean;
-    ui: {};
+    resize: boolean;
     color: TextareaColor;
     variant: TextareaVariant;
+    disabled: boolean;
+    ui: {};
     id: string;
-    resize: boolean;
     modelValue: string | number;
     padded: boolean;
     rows: number;

package/dist/runtime/components/forms/Toggle.vue.d.ts

@@ -249,9 +249,9 @@ declare const _default: import("vue").DefineComponent<{
     name: string;
     size: ToggleSize;
     class: any;
+    color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
     disabled: boolean;
     ui: {};
-    color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
     id: string;
     modelValue: boolean;
     loading: boolean;

package/dist/runtime/components/layout/Divider.vue.d.ts

@@ -189,10 +189,10 @@ declare const _default: import("vue").DefineComponent<{
     size: DividerSize;
     type: "solid" | "dotted" | "dashed";
     class: any;
-    ui: {};
     avatar: any;
     label: string;
-    icon: string;
     orientation: "horizontal" | "vertical";
+    ui: {};
+    icon: string;
 }, {}>;
 export default _default;

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

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

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

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

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

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

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

@@ -221,12 +221,12 @@ declare const _default: import("vue").DefineComponent<{
     onClose?: (...args: any[]) => any;
 }, {
     class: any;
-    ui: {};
-    color: NotificationColor;
     avatar: any;
-    icon: string;
+    color: NotificationColor;
     title: string;
+    ui: {};
     description: string;
+    icon: string;
     closeButton: Button;
     timeout: number;
     actions: NotificationAction[];

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

@@ -209,9 +209,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     mode: "click" | "hover";
     class: any;
+    popper: PopperOptions;
     disabled: boolean;
     ui: {};
-    popper: PopperOptions;
     overlay: boolean;
     open: boolean;
     openDelay: number;

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

@@ -156,12 +156,12 @@ declare const _default: import("vue").DefineComponent<{
     "onAfter-leave"?: (...args: any[]) => any;
 }, {
     class: any;
-    ui: {};
     transition: boolean;
+    ui: {};
     appear: boolean;
     overlay: boolean;
     preventClose: boolean;
-    side: "right" | "left" | "top" | "bottom";
+    side: "bottom" | "left" | "right" | "top";
     modelValue: boolean;
 }, {}>;
 export default _default;

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

@@ -154,12 +154,12 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     class: any;
-    ui: {};
-    shortcuts: string[];
     popper: PopperOptions;
     text: string;
+    ui: {};
     openDelay: number;
     closeDelay: number;
+    shortcuts: string[];
     prevent: boolean;
 }, {}>;
 export default _default;

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

@@ -197,7 +197,7 @@ export declare function usePopper({ locked, overflowPadding, offsetDistance, off
                     y: number;
                     x: number;
                 };
-                right?: {
+                bottom?: {
                     y: number;
                     x: number;
                 };
@@ -205,23 +205,23 @@ export declare function usePopper({ locked, overflowPadding, offsetDistance, off
                     y: number;
                     x: number;
                 };
-                auto?: {
+                right?: {
                     y: number;
                     x: number;
                 };
-                "auto-start"?: {
+                top?: {
                     y: number;
                     x: number;
                 };
-                "auto-end"?: {
+                auto?: {
                     y: number;
                     x: number;
                 };
-                top?: {
+                "auto-start"?: {
                     y: number;
                     x: number;
                 };
-                bottom?: {
+                "auto-end"?: {
                     y: number;
                     x: number;
                 };

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

@@ -1,8 +1,9 @@
-import type { Button } from './button.js';
+import type { Button } from './button'
+
 export interface AccordionItem extends Button {
-    slot?: string;
-    disabled?: boolean;
-    content?: string;
-    defaultOpen?: boolean;
-    closeOthers?: boolean;
+  slot?: string
+  disabled?: boolean
+  content?: string
+  defaultOpen?: boolean
+  closeOthers?: boolean
 }

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

@@ -1,10 +1,12 @@
-import { alert } from '../ui.config.js';
-import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.';
-import type { Button } from './button.js';
-import colors from '#ui-colors';
-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']>>;
+import { alert } from '../ui.config'
+import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.'
+import type { Button } from './button'
+import colors from '#ui-colors'
+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?: (...args: any[]) => void;
+  click?: (...args: any[]) => void
 }