@nuxt/ui 2.18.2 → 2.18.4

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

@@ -1,13 +1,15 @@
-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;
+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
+
 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,9 +1,3 @@
 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,27 +1,29 @@
-import Fuse from 'fuse.js';
-import type { Avatar } from './avatar.js';
+import Fuse from 'fuse.js'
+import type { Avatar } from './avatar'
+
 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?: Fuse.FuseResultMatch[];
-    [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?: (...args: any[]) => any[] | Promise<any[]>;
-    filter?: (...args: any[]) => Command[];
-    static?: Boolean;
-    [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,17 +1,14 @@
-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,2 +1,3 @@
-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,14 +1,15 @@
-import type { NuxtLinkProps } from '#app';
-import type { Avatar } from './avatar.js';
+import type { NuxtLinkProps } from '#app'
+import type { Avatar } from './avatar'
+
 export interface DropdownItem extends NuxtLinkProps {
-    label: string;
-    labelClass?: string;
-    slot?: string;
-    icon?: string;
-    iconClass?: string;
-    avatar?: Avatar;
-    shortcuts?: string[];
-    disabled?: boolean;
-    class?: string;
-    click?: (...args: any[]) => void;
+  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,4 +1,5 @@
-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']>;
+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']>

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

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

package/dist/runtime/types/index.js

@@ -1,31 +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";
+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";

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

@@ -1,7 +1,8 @@
-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']>>;
+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']>>

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

@@ -1,4 +1,5 @@
-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']>;
+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']>

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

@@ -1,11 +1,12 @@
-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;
-    exactHash?: 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,4 +1,5 @@
-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];
+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]

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

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

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

@@ -1,15 +1,17 @@
-import type { Placement, PositioningStrategy } from '@popperjs/core';
+import type { Placement, PositioningStrategy } from '@popperjs/core'
+
 export interface PopperOptions {
-    [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;
+  // 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
 }

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

@@ -1,5 +1,6 @@
-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];
+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]

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

@@ -1,6 +1,7 @@
-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];
+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]

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

@@ -1,7 +1,8 @@
-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']>>;
+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']>>

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

@@ -1,14 +1,16 @@
-import type { Component } from 'vue';
+import type { Component } from 'vue'
+
 export interface Slideover {
-    ui?: any;
-    side?: 'right' | 'left';
-    transition?: boolean;
-    appear?: boolean;
-    overlay?: boolean;
-    preventClose?: boolean;
-    modelValue?: boolean;
+  ui?: any
+  side?: 'right' | 'left'
+  transition?: boolean
+  appear?: boolean
+  overlay?: boolean
+  preventClose?: boolean
+  modelValue?: boolean
 }
+
 export interface SlideoverState {
-    component: Component | string;
-    props: Slideover;
+  component: Component | string
+  props: Slideover
 }

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

@@ -1,8 +1,8 @@
 export interface TabItem {
-    label: string;
-    icon?: string;
-    slot?: string;
-    disabled?: boolean;
-    content?: string;
-    [key: string]: any;
+  label: string
+  icon?: string
+  slot?: string
+  disabled?: boolean
+  content?: string
+  [key: string]: any
 }

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

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

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

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