@nuxt/ui 2.17.0 → 2.18.1

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

@@ -1,17 +1,17 @@
-import type { Notification } from '../types/notification';
+import type { Notification } from '../types/notification.js';
 export declare function useToast(): {
     add: (notification: Partial<Notification>) => {
         id: string;
-        title?: string | undefined;
-        description?: string | undefined;
-        icon?: string | undefined;
-        avatar?: import("../types").Avatar | undefined;
-        closeButton?: import("../types").Button | undefined;
-        timeout?: number | undefined;
-        actions?: import("../types/notification").NotificationAction[] | undefined;
-        click?: Function | undefined;
-        callback?: Function | undefined;
-        color?: any;
+        title?: string;
+        description?: string;
+        icon?: string;
+        avatar?: import("../types").Avatar;
+        closeButton?: import("../types").Button;
+        timeout?: number;
+        actions?: import("../types").NotificationAction[];
+        click?: (...args: any[]) => void;
+        callback?: (...args: any[]) => void;
+        color?: import("../types").NotificationColor;
         ui?: any;
     };
     remove: (id: string) => void;

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

@@ -1,5 +1,5 @@
 import type { Ref } from 'vue';
-import type { Strategy } from '../types';
+import type { Strategy } from '../types.js';
 export declare const useUI: <T>(key: any, $ui?: Ref<(Partial<T> & {
     strategy?: Strategy;
 }) | undefined>, $config?: Ref<T> | T, $wrapperClass?: Ref<string>, withAppConfig?: boolean) => {

package/dist/runtime/composables/{useUI.mjs → useUI.js}

@@ -1,6 +1,6 @@
 import { computed, toValue, useAttrs } from "vue";
 import { useAppConfig } from "#imports";
-import { mergeConfig, omit, get } from "../utils/index.mjs";
+import { mergeConfig, omit, get } from "../utils/index.js";
 export const useUI = (key, $ui, $config, $wrapperClass, withAppConfig = false) => {
   const $attrs = useAttrs();
   const appConfig = useAppConfig();

package/dist/runtime/plugins/colors.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
+declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
 export default _default;

package/dist/runtime/plugins/{colors.mjs → colors.js}

@@ -1,5 +1,5 @@
 import { computed } from "vue";
-import { hexToRgb } from "../utils/index.mjs";
+import { hexToRgb } from "../utils/index.js";
 import { defineNuxtPlugin, useAppConfig, useNuxtApp, useHead } from "#imports";
 import colors from "#tailwind-config/theme/colors";
 export default defineNuxtPlugin(() => {

package/dist/runtime/plugins/modals.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
+declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
 export default _default;

package/dist/runtime/plugins/{modals.mjs → modals.js}

@@ -1,6 +1,6 @@
 import { defineNuxtPlugin } from "#imports";
 import { shallowRef } from "vue";
-import { modalInjectionKey } from "../composables/useModal.mjs";
+import { modalInjectionKey } from "../composables/useModal.js";
 export default defineNuxtPlugin((nuxtApp) => {
   const modalState = shallowRef({
     component: "div",

package/dist/runtime/plugins/slideovers.d.ts

@@ -1,2 +1,2 @@
-declare const _default: any;
+declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
 export default _default;

package/dist/runtime/plugins/{slideovers.mjs → slideovers.js}

@@ -1,6 +1,6 @@
 import { defineNuxtPlugin } from "#imports";
 import { shallowRef } from "vue";
-import { slidOverInjectionKey } from "../composables/useSlideover.mjs";
+import { slidOverInjectionKey } from "../composables/useSlideover.js";
 export default defineNuxtPlugin((nuxtApp) => {
   const slideoverState = shallowRef({
     component: "div",

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

@@ -1,9 +1,8 @@
-import type { Button } from './button'
-
+import type { Button } from './button.js';
 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,12 +1,10 @@
-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']>>
-
+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']>>;
 export interface AlertAction extends Button {
-  click?: Function
+    click?: (...args: any[]) => void;
 }

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

@@ -1,17 +1,15 @@
-import { avatar } from '../ui.config'
-import type { ExtractDeepKey } from '.'
-import colors from '#ui-colors'
-import type { AppConfig } from 'nuxt/schema'
-
-export type AvatarSize = keyof typeof avatar.size | ExtractDeepKey<AppConfig, ['ui', 'avatar', 'size']>
-export type AvatarChipColor = 'gray' | typeof colors[number]
-export type AvatarChipPosition = keyof typeof avatar.chip.position
-
+import { avatar } from '../ui.config.js';
+import type { ExtractDeepKey } from '.';
+import colors from '#ui-colors';
+import type { AppConfig } from 'nuxt/schema';
+export type AvatarSize = keyof typeof avatar.size | ExtractDeepKey<AppConfig, ['ui', 'avatar', 'size']>;
+export type AvatarChipColor = 'gray' | typeof colors[number];
+export type AvatarChipPosition = keyof typeof avatar.chip.position;
 export interface Avatar {
-  src?: string | boolean
-  alt?: string
-  text?: string
-  size?: AvatarSize
-  chipColor?: AvatarChipColor
-  chipPosition?: AvatarChipPosition
+    src?: string | boolean;
+    alt?: string;
+    text?: string;
+    size?: AvatarSize;
+    chipColor?: AvatarChipColor;
+    chipPosition?: AvatarChipPosition;
 }

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

@@ -1,15 +1,13 @@
-import { badge } from '../ui.config'
-import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.'
-import colors from '#ui-colors'
-import type { AppConfig } from 'nuxt/schema'
-
-export type BadgeSize = keyof typeof badge.size | ExtractDeepKey<AppConfig, ['ui', 'badge', 'size']>
-export type BadgeColor = keyof typeof badge.color | ExtractDeepKey<AppConfig, ['ui', 'badge', 'color']> | typeof colors[number]
-export type BadgeVariant = keyof typeof badge.variant | ExtractDeepKey<AppConfig, ['ui', 'badge', 'variant']> | NestedKeyOf<typeof badge.color> | NestedKeyOf<ExtractDeepObject<AppConfig, ['ui', 'badge', 'color']>>
-
+import { badge } from '../ui.config.js';
+import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.';
+import colors from '#ui-colors';
+import type { AppConfig } from 'nuxt/schema';
+export type BadgeSize = keyof typeof badge.size | ExtractDeepKey<AppConfig, ['ui', 'badge', 'size']>;
+export type BadgeColor = keyof typeof badge.color | ExtractDeepKey<AppConfig, ['ui', 'badge', 'color']> | typeof colors[number];
+export type BadgeVariant = keyof typeof badge.variant | ExtractDeepKey<AppConfig, ['ui', 'badge', 'variant']> | NestedKeyOf<typeof badge.color> | NestedKeyOf<ExtractDeepObject<AppConfig, ['ui', 'badge', 'color']>>;
 export interface Badge {
-  label?: string
-  size?: BadgeSize
-  color?: BadgeColor
-  variant?: BadgeVariant
+    label?: string;
+    size?: BadgeSize;
+    color?: BadgeColor;
+    variant?: BadgeVariant;
 }

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

@@ -1,10 +1,8 @@
-import type { Link } from './link'
-
+import type { Link } from './link.js';
 export interface BreadcrumbLink extends Link {
-  label: string
-  labelClass?: string
-  icon?: string
-  iconClass?: string
-  // FIXME: This is a workaround for `link.to` not being resolved although it extends `NuxtLinkProps`
-  [key: string]: any
+    label: string;
+    labelClass?: string;
+    icon?: string;
+    iconClass?: string;
+    [key: string]: any;
 }

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

@@ -1,31 +1,29 @@
-import type { Link } from './link'
-import { button } from '../ui.config'
-import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.'
-import colors from '#ui-colors'
-import type { AppConfig } from 'nuxt/schema'
-
-export type ButtonSize = keyof typeof button.size | ExtractDeepKey<AppConfig, ['ui', 'button', 'size']>
-export type ButtonColor = keyof typeof button.color | ExtractDeepKey<AppConfig, ['ui', 'button', 'color']> | typeof colors[number]
-export type ButtonVariant = keyof typeof button.variant | ExtractDeepKey<AppConfig, ['ui', 'button', 'variant']> | NestedKeyOf<typeof button.color> | NestedKeyOf<ExtractDeepObject<AppConfig, ['ui', 'button', 'color']>>
-
+import type { Link } from './link.js';
+import { button } from '../ui.config.js';
+import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.';
+import colors from '#ui-colors';
+import type { AppConfig } from 'nuxt/schema';
+export type ButtonSize = keyof typeof button.size | ExtractDeepKey<AppConfig, ['ui', 'button', 'size']>;
+export type ButtonColor = keyof typeof button.color | ExtractDeepKey<AppConfig, ['ui', 'button', 'color']> | typeof colors[number];
+export type ButtonVariant = keyof typeof button.variant | ExtractDeepKey<AppConfig, ['ui', 'button', 'variant']> | NestedKeyOf<typeof button.color> | NestedKeyOf<ExtractDeepObject<AppConfig, ['ui', 'button', 'color']>>;
 export interface Button extends Link {
-  type?: string
-  block?: boolean
-  label?: string
-  loading?: boolean
-  disabled?: boolean
-  padded?: boolean
-  size?: ButtonSize
-  color?: ButtonColor
-  variant?: ButtonVariant
-  icon?: string
-  loadingIcon?: string
-  leadingIcon?: string
-  trailingIcon?: string
-  trailing?: boolean
-  leading?: boolean
-  to?: string | object
-  target?: string
-  square?: boolean
-  truncate?: boolean
+    type?: string;
+    block?: boolean;
+    label?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    padded?: boolean;
+    size?: ButtonSize;
+    color?: ButtonColor;
+    variant?: ButtonVariant;
+    icon?: string;
+    loadingIcon?: string;
+    leadingIcon?: string;
+    trailingIcon?: string;
+    trailing?: boolean;
+    leading?: boolean;
+    to?: string | object;
+    target?: string;
+    square?: boolean;
+    truncate?: boolean;
 }

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

@@ -1,15 +1,13 @@
-import { chip } from '../ui.config'
-import colors from '#ui-colors'
-
-export type ChipSize = keyof typeof chip.size
-export type ChipColor = 'gray' | typeof colors[number]
-export type ChipPosition = keyof typeof chip.position
-
+import { chip } from '../ui.config.js';
+import colors from '#ui-colors';
+export type ChipSize = keyof typeof chip.size;
+export type ChipColor = 'gray' | typeof colors[number];
+export type ChipPosition = keyof typeof chip.position;
 export interface Chip {
-  size?: ChipSize
-  color?: ChipColor
-  position?: ChipPosition
-  text?: string
-  inset?: boolean
-  show?: boolean
+    size?: ChipSize;
+    color?: ChipColor;
+    position?: ChipPosition;
+    text?: string;
+    inset?: boolean;
+    show?: boolean;
 }

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

@@ -1,3 +1,9 @@
 export interface ClipboardPlugin {
-  copy: (text: string, success?: { title?: string, description?: string }, failure?: { title?: string, description?: string }) => void
+    copy: (text: string, success?: {
+        title?: string;
+        description?: string;
+    }, failure?: {
+        title?: string;
+        description?: string;
+    }) => void;
 }

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

@@ -1,28 +1,27 @@
-import type { FuseSortFunctionMatch, FuseSortFunctionMatchList } from 'fuse.js'
-import type { Avatar } from './avatar'
-
+import Fuse from 'fuse.js';
+import type { Avatar } from './avatar.js';
 export interface Command {
-  id: string | number
-  prefix?: string
-  suffix?: string
-  icon?: string
-  iconClass?: string
-  avatar?: Avatar
-  chip?: string
-  disabled?: boolean
-  shortcuts?: string[]
-  group?: string
-  score?: number
-  matches?: (FuseSortFunctionMatch | FuseSortFunctionMatchList)[]
-  [key: string]: any
+    id: string | number;
+    prefix?: string;
+    suffix?: string;
+    icon?: string;
+    iconClass?: string;
+    avatar?: Avatar;
+    chip?: string;
+    disabled?: boolean;
+    shortcuts?: string[];
+    group?: string;
+    score?: number;
+    matches?: Fuse.FuseResultMatch[];
+    [key: string]: any;
 }
-
 export interface Group {
-  key: string
-  active?: string
-  inactive?: string
-  commands?: Command[]
-  search?: Function
-  filter?: Function
-  [key: string]: any
+    key: string;
+    active?: string;
+    inactive?: string;
+    commands?: Command[];
+    search?: (...args: any[]) => any[] | Promise<any[]>;
+    filter?: (...args: any[]) => Command[];
+    static?: Boolean;
+    [key: string]: any;
 }

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

@@ -1,14 +1,17 @@
-export type ComponentProps<T> =
-T extends new () => { $props: infer P } ? NonNullable<P> :
-  T extends (props: infer P, ...args: any) => any ? P :
-      {}
-
-export type ComponentSlots<T> =
-T extends new () => { $slots: infer S } ? NonNullable<S> :
-  T extends (props: any, ctx: { slots: infer S; attrs: any; emit: any }, ...args: any) => any ? NonNullable<S> :
-      {}
-
-export type ComponentEmit<T> =
-T extends new () => { $emit: infer E } ? NonNullable<E> :
-  T extends (props: any, ctx: { slots: any; attrs: any; emit: infer E }, ...args: any) => any ? NonNullable<E> :
-      {}
+export type ComponentProps<T> = T extends new () => {
+    $props: infer P;
+} ? NonNullable<P> : T extends (props: infer P, ...args: any) => any ? P : {};
+export type ComponentSlots<T> = T extends new () => {
+    $slots: infer S;
+} ? NonNullable<S> : T extends (props: any, ctx: {
+    slots: infer S;
+    attrs: any;
+    emit: any;
+}, ...args: any) => any ? NonNullable<S> : {};
+export type ComponentEmit<T> = T extends new () => {
+    $emit: infer E;
+} ? NonNullable<E> : T extends (props: any, ctx: {
+    slots: any;
+    attrs: any;
+    emit: infer E;
+}, ...args: any) => any ? NonNullable<E> : {};

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

@@ -1,3 +1,2 @@
-import { divider } from '#ui/ui.config'
-
-export type DividerSize = keyof typeof divider.border.size.horizontal | keyof typeof divider.border.size.vertical
+import { divider } from '#ui/ui.config';
+export type DividerSize = keyof typeof divider.border.size.horizontal | keyof typeof divider.border.size.vertical;

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

@@ -1,15 +1,14 @@
-import type { NuxtLinkProps } from '#app'
-import type { Avatar } from './avatar'
-
+import type { NuxtLinkProps } from '#app';
+import type { Avatar } from './avatar.js';
 export interface DropdownItem extends NuxtLinkProps {
-  label: string
-  labelClass?: string
-  slot?: string
-  icon?: string
-  iconClass?: string
-  avatar?: Avatar
-  shortcuts?: string[]
-  disabled?: boolean
-  class?: string
-  click?: Function
+    label: string;
+    labelClass?: string;
+    slot?: string;
+    icon?: string;
+    iconClass?: string;
+    avatar?: Avatar;
+    shortcuts?: string[];
+    disabled?: boolean;
+    class?: string;
+    click?: (...args: any[]) => void;
 }

package/dist/runtime/types/form-group.d.ts

@@ -1,5 +1,4 @@
-import { formGroup } from '../ui.config'
-import type { ExtractDeepKey } from '.'
-import type { AppConfig } from 'nuxt/schema'
-
-export type FormGroupSize = keyof typeof formGroup.size | ExtractDeepKey<AppConfig, ['ui', 'formGroup', 'size']>
+import { formGroup } from '../ui.config.js';
+import type { ExtractDeepKey } from '.';
+import type { AppConfig } from 'nuxt/schema';
+export type FormGroupSize = keyof typeof formGroup.size | ExtractDeepKey<AppConfig, ['ui', 'formGroup', 'size']>;

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

@@ -1,38 +1,39 @@
-import type { Ref } from 'vue'
-
+import type { Ref } from 'vue';
 export interface FormError<T extends string = string> {
-  path: T
-  message: string
+    path: T;
+    message: string;
 }
-
 export interface FormErrorWithId extends FormError {
-  id: string
+    id: string;
 }
-
 export interface Form<T> {
-  validate(path?: string | string[], opts?: { silent?: true }): Promise<T | false>;
-  validate(path?: string | string[], opts?: { silent?: false }): Promise<T>;
-  clear(path?: string): void
-  errors: Ref<FormError[]>
-  setErrors(errs: FormError[], path?: string): void
-  getErrors(path?: string): FormError[]
-  submit(): Promise<void>
+    validate(path?: string | string[], opts?: {
+        silent?: true;
+    }): Promise<T | false>;
+    validate(path?: string | string[], opts?: {
+        silent?: false;
+    }): Promise<T>;
+    clear(path?: string): void;
+    errors: Ref<FormError[]>;
+    setErrors(errs: FormError[], path?: string): void;
+    getErrors(path?: string): FormError[];
+    submit(): Promise<void>;
 }
-
-export type FormSubmitEvent<T> = SubmitEvent & { data: T }
-export type FormErrorEvent = SubmitEvent & { errors: FormErrorWithId[] }
-
-export type FormEventType = 'blur' | 'input' | 'change' | 'submit'
-
+export type FormSubmitEvent<T> = SubmitEvent & {
+    data: T;
+};
+export type FormErrorEvent = SubmitEvent & {
+    errors: FormErrorWithId[];
+};
+export type FormEventType = 'blur' | 'input' | 'change' | 'submit';
 export interface FormEvent {
-  type: FormEventType
-  path?: string
+    type: FormEventType;
+    path?: string;
 }
-
 export interface InjectedFormGroupValue {
-  inputId: Ref<string | undefined>
-  name: Ref<string>
-  size: Ref<string | number | symbol>
-  error: Ref<string | boolean | undefined>
-  eagerValidation: Ref<boolean>
+    inputId: Ref<string | undefined>;
+    name: Ref<string>;
+    size: Ref<string | number | symbol>;
+    error: Ref<string | boolean | undefined>;
+    eagerValidation: Ref<boolean>;
 }

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

@@ -1,13 +1,12 @@
-import type { Link } from './link'
-import type { Avatar } from './avatar'
-import type { Badge } from './badge'
-
+import type { Link } from './link.js';
+import type { Avatar } from './avatar.js';
+import type { Badge } from './badge.js';
 export interface HorizontalNavigationLink extends Link {
-  label: string
-  labelClass?: string
-  icon?: string
-  iconClass?: string
-  avatar?: Avatar
-  click?: Function
-  badge?: string | number | Badge
+    label: string;
+    labelClass?: string;
+    icon?: string;
+    iconClass?: string;
+    avatar?: Avatar;
+    click?: (...args: any[]) => void;
+    badge?: string | number | Badge;
 }