@nuxt/ui 2.16.0 → 2.18.0

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?: Function;
+    filter?: Function;
+    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?: Function;
 }

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?: Function;
+    badge?: string | number | Badge;
 }

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

@@ -1,31 +1,31 @@
-export * from './accordion'
-export * from './alert'
-export * from './avatar'
-export * from './badge'
-export * from './breadcrumb'
-export * from './button'
-export * from './chip'
-export * from './clipboard'
-export * from './command-palette'
-export * from './divider'
-export * from './dropdown'
-export * from './form-group'
-export * from './form'
-export * from './horizontal-navigation'
-export * from './input'
-export * from './kbd'
-export * from './link'
-export * from './meter'
-export * from './modal'
-export * from './slideover'
-export * from './notification'
-export * from './popper'
-export * from './progress'
-export * from './range'
-export * from './select'
-export * from './tabs'
-export * from './textarea'
-export * from './toggle'
-export * from './tooltip'
-export * from './vertical-navigation'
-export * from './utils'
+export * from './accordion.js';
+export * from './alert.js';
+export * from './avatar.js';
+export * from './badge.js';
+export * from './breadcrumb.js';
+export * from './button.js';
+export * from './chip.js';
+export * from './clipboard.js';
+export * from './command-palette.js';
+export * from './divider.js';
+export * from './dropdown.js';
+export * from './form-group.js';
+export * from './form.js';
+export * from './horizontal-navigation.js';
+export * from './input.js';
+export * from './kbd.js';
+export * from './link.js';
+export * from './meter.js';
+export * from './modal.js';
+export * from './slideover.js';
+export * from './notification.js';
+export * from './popper.js';
+export * from './progress.js';
+export * from './range.js';
+export * from './select.js';
+export * from './tabs.js';
+export * from './textarea.js';
+export * from './toggle.js';
+export * from './tooltip.js';
+export * from './vertical-navigation.js';
+export * from './utils.js';

package/dist/runtime/types/index.js

@@ -0,0 +1,31 @@
+export * from "./accordion.js";
+export * from "./alert.js";
+export * from "./avatar.js";
+export * from "./badge.js";
+export * from "./breadcrumb.js";
+export * from "./button.js";
+export * from "./chip.js";
+export * from "./clipboard.js";
+export * from "./command-palette.js";
+export * from "./divider.js";
+export * from "./dropdown.js";
+export * from "./form-group.js";
+export * from "./form.js";
+export * from "./horizontal-navigation.js";
+export * from "./input.js";
+export * from "./kbd.js";
+export * from "./link.js";
+export * from "./meter.js";
+export * from "./modal.js";
+export * from "./slideover.js";
+export * from "./notification.js";
+export * from "./popper.js";
+export * from "./progress.js";
+export * from "./range.js";
+export * from "./select.js";
+export * from "./tabs.js";
+export * from "./textarea.js";
+export * from "./toggle.js";
+export * from "./tooltip.js";
+export * from "./vertical-navigation.js";
+export * from "./utils.js";

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

@@ -1,8 +1,7 @@
-import { input } from '../ui.config'
-import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.'
-import colors from '#ui-colors'
-import type { AppConfig } from 'nuxt/schema'
-
-export type InputSize = keyof typeof input.size | ExtractDeepKey<AppConfig, ['ui', 'input', 'size']>
-export type InputColor = keyof typeof input.color | ExtractDeepKey<AppConfig, ['ui', 'input', 'color']> | typeof colors[number]
-export type InputVariant = keyof typeof input.variant | ExtractDeepKey<AppConfig, ['ui', 'input', 'variant']> | NestedKeyOf<typeof input.color> | NestedKeyOf<ExtractDeepObject<AppConfig, ['ui', 'input', 'color']>>
+import { input } from '../ui.config.js';
+import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.';
+import colors from '#ui-colors';
+import type { AppConfig } from 'nuxt/schema';
+export type InputSize = keyof typeof input.size | ExtractDeepKey<AppConfig, ['ui', 'input', 'size']>;
+export type InputColor = keyof typeof input.color | ExtractDeepKey<AppConfig, ['ui', 'input', 'color']> | typeof colors[number];
+export type InputVariant = keyof typeof input.variant | ExtractDeepKey<AppConfig, ['ui', 'input', 'variant']> | NestedKeyOf<typeof input.color> | NestedKeyOf<ExtractDeepObject<AppConfig, ['ui', 'input', 'color']>>;

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

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

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

@@ -1,12 +1,11 @@
-import type { NuxtLinkProps } from '#app'
-
+import type { NuxtLinkProps } from '#app';
 export interface Link extends NuxtLinkProps {
-  as?: string
-  type?: string
-  disabled?: boolean
-  active?: boolean
-  exact?: boolean
-  exactQuery?: boolean
-  exactMatch?: boolean
-  inactiveClass?: string
+    as?: string;
+    type?: string;
+    disabled?: boolean;
+    active?: boolean;
+    exact?: boolean;
+    exactQuery?: boolean;
+    exactHash?: boolean;
+    inactiveClass?: string;
 }

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

@@ -1,5 +1,4 @@
-import { meter } from '../ui.config'
-import colors from '#ui-colors'
-
-export type MeterSize = keyof typeof meter.meter.size
-export type MeterColor = keyof typeof meter.color | typeof colors[number]
+import { meter } from '../ui.config.js';
+import colors from '#ui-colors';
+export type MeterSize = keyof typeof meter.meter.size;
+export type MeterColor = keyof typeof meter.color | typeof colors[number];

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

@@ -1,18 +1,16 @@
-import type { Component } from 'vue'
-
+import type { Component } from 'vue';
 export interface Modal {
-  appear?: boolean
-  overlay?: boolean
-  transition?: boolean
-  preventClose?: boolean
-  fullscreen?: boolean
-  class?: string | Object | string[]
-  ui?: any
-  onClose?: () => void
-  onClosePrevented?: () => void
+    appear?: boolean;
+    overlay?: boolean;
+    transition?: boolean;
+    preventClose?: boolean;
+    fullscreen?: boolean;
+    class?: string | Object | string[];
+    ui?: any;
+    onClose?: () => void;
+    onClosePrevented?: () => void;
 }
-
 export interface ModalState {
-  component: Component | string
-  props: Modal
-}
+    component: Component | string;
+    props: Modal;
+}

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

@@ -1,24 +1,21 @@
-import type { Avatar } from './avatar'
-import type { Button } from './button'
-import colors from '#ui-colors'
-
-export type NotificationColor = 'gray' | typeof colors[number]
-
+import type { Avatar } from './avatar.js';
+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?: Function;
 }
-
 export interface Notification {
-  id: string
-  title: string
-  description?: string
-  icon?: string
-  avatar?: Avatar
-  closeButton?: Button
-  timeout: number
-  actions?: NotificationAction[]
-  click?: Function
-  callback?: Function
-  color?: NotificationColor
-  ui?: any
+    id: string;
+    title: string;
+    description?: string;
+    icon?: string;
+    avatar?: Avatar;
+    closeButton?: Button;
+    timeout: number;
+    actions?: NotificationAction[];
+    click?: Function;
+    callback?: Function;
+    color?: NotificationColor;
+    ui?: any;
 }

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

@@ -1,17 +1,15 @@
-import type { Placement, PositioningStrategy } from '@popperjs/core'
-
+import type { Placement, PositioningStrategy } from '@popperjs/core';
 export interface PopperOptions {
-  // Workaround for weak types: https://mariusschulz.com/blog/weak-type-detection-in-typescript#workarounds-for-weak-types
-  [key: string]: unknown
-  locked?: boolean
-  overflowPadding?: number
-  offsetDistance?: number
-  offsetSkid?: number
-  placement?: Placement
-  strategy?: PositioningStrategy
-  gpuAcceleration?: boolean
-  adaptive?: boolean
-  scroll?: boolean
-  resize?: boolean
-  arrow?: boolean
+    [key: string]: unknown;
+    locked?: boolean;
+    overflowPadding?: number;
+    offsetDistance?: number;
+    offsetSkid?: number;
+    placement?: Placement;
+    strategy?: PositioningStrategy;
+    gpuAcceleration?: boolean;
+    adaptive?: boolean;
+    scroll?: boolean;
+    resize?: boolean;
+    arrow?: boolean;
 }

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

@@ -1,6 +1,5 @@
-import { progress } from '../ui.config'
-import colors from '#ui-colors'
-
-export type ProgressSize = keyof typeof progress.progress.size
-export type ProgressAnimation = keyof typeof progress.animation
-export type ProgressColor = typeof colors[number]
+import { progress } from '../ui.config.js';
+import colors from '#ui-colors';
+export type ProgressSize = keyof typeof progress.progress.size;
+export type ProgressAnimation = keyof typeof progress.animation;
+export type ProgressColor = typeof colors[number];

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

@@ -1,7 +1,6 @@
-import { range } from '../ui.config'
-import type { ExtractDeepKey } from '.'
-import type { AppConfig } from 'nuxt/schema'
-import colors from '#ui-colors'
-
-export type RangeSize = keyof typeof range.size | ExtractDeepKey<AppConfig, ['ui', 'range', 'size']>
-export type RangeColor = typeof colors[number]
+import { range } from '../ui.config.js';
+import type { ExtractDeepKey } from '.';
+import type { AppConfig } from 'nuxt/schema';
+import colors from '#ui-colors';
+export type RangeSize = keyof typeof range.size | ExtractDeepKey<AppConfig, ['ui', 'range', 'size']>;
+export type RangeColor = typeof colors[number];

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

@@ -1,8 +1,7 @@
-import { select } from '../ui.config'
-import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.'
-import colors from '#ui-colors'
-import type { AppConfig } from 'nuxt/schema'
-
-export type SelectSize = keyof typeof select.size | ExtractDeepKey<AppConfig, ['ui', 'select', 'size']>
-export type SelectColor = keyof typeof select.color | ExtractDeepKey<AppConfig, ['ui', 'select', 'color']> | typeof colors[number]
-export type SelectVariant = keyof typeof select.variant | ExtractDeepKey<AppConfig, ['ui', 'select', 'variant']> | NestedKeyOf<typeof select.color> | NestedKeyOf<ExtractDeepObject<AppConfig, ['ui', 'select', 'color']>>
+import { select } from '../ui.config.js';
+import type { NestedKeyOf, ExtractDeepKey, ExtractDeepObject } from '.';
+import colors from '#ui-colors';
+import type { AppConfig } from 'nuxt/schema';
+export type SelectSize = keyof typeof select.size | ExtractDeepKey<AppConfig, ['ui', 'select', 'size']>;
+export type SelectColor = keyof typeof select.color | ExtractDeepKey<AppConfig, ['ui', 'select', 'color']> | typeof colors[number];
+export type SelectVariant = keyof typeof select.variant | ExtractDeepKey<AppConfig, ['ui', 'select', 'variant']> | NestedKeyOf<typeof select.color> | NestedKeyOf<ExtractDeepObject<AppConfig, ['ui', 'select', 'color']>>;