@nuxt/ui 2.17.0 → 2.18.1

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
-  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,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?: (...args: any[]) => void;
 }
-
 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?: (...args: any[]) => void;
+    callback?: (...args: any[]) => void;
+    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']>>;

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

@@ -1,16 +1,14 @@
-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,7 +1,8 @@
 export interface TabItem {
-  label: 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,8 +1,7 @@
-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']>>
+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']>>;

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

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

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

@@ -1,7 +1,7 @@
 export interface Tooltip {
-  text?: string
-  prevent?: boolean
-  shortcuts?: string[]
-  openDelay?: number
-  closeDelay?: number
+    text?: string;
+    prevent?: boolean;
+    shortcuts?: string[];
+    openDelay?: number;
+    closeDelay?: number;
 }

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

@@ -1,28 +1,16 @@
-export type Strategy = 'merge' | 'override'
-
+export type Strategy = 'merge' | 'override';
+export interface TightMap<O = any> {
+    [key: string]: TightMap | O;
+}
+export type DeepPartial<T, O = any> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P], O> : T[P];
+} & {
+    [key: string]: O | TightMap<O>;
+};
 export type NestedKeyOf<ObjectType extends Record<string, any>> = {
-  [Key in keyof ObjectType]: ObjectType[Key] extends Record<string, any>
-  ? NestedKeyOf<ObjectType[Key]>
-  : Key
-}[keyof ObjectType]
-
-export type DeepPartial<T> = Partial<{
-  [P in keyof T]: DeepPartial<T[P]> | { [key: string]: string | object }
-}>
-
-type DeepKey<T, Keys extends string[]> =
-  Keys extends [infer First, ...infer Rest]
-    ? First extends keyof T
-      ? Rest extends string[]
-        ? DeepKey<T[First], Rest>
-        : never
-      : never
-    : T
-
-export type ExtractDeepKey<T, Path extends string[]> = DeepKey<T, Path> extends infer Result
-  ? Result extends Record<string, any> ? keyof Result : never
-  : never
-
-export type ExtractDeepObject<T, Path extends string[]> = DeepKey<T, Path> extends infer Result
-  ? Result extends Record<string, any> ? Result : never
-  : never
+    [Key in keyof ObjectType]: ObjectType[Key] extends Record<string, any> ? NestedKeyOf<ObjectType[Key]> : Key;
+}[keyof ObjectType];
+type DeepKey<T, Keys extends string[]> = Keys extends [infer First, ...infer Rest] ? First extends keyof T ? Rest extends string[] ? DeepKey<T[First], Rest> : never : never : T;
+export type ExtractDeepKey<T, Path extends string[]> = DeepKey<T, Path> extends infer Result ? Result extends Record<string, any> ? keyof Result : never : never;
+export type ExtractDeepObject<T, Path extends string[]> = DeepKey<T, Path> extends infer Result ? Result extends Record<string, any> ? Result : never : never;
+export {};

package/dist/runtime/types/vertical-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 VerticalNavigationLink 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;
 }

package/dist/runtime/ui.config/data/table.d.ts

@@ -37,6 +37,9 @@ declare const _default: {
         label: string;
         icon: string;
     };
+    expand: {
+        icon: string;
+    };
     progress: {
         wrapper: string;
     };
@@ -51,6 +54,13 @@ declare const _default: {
             variant: "ghost";
             class: string;
         };
+        expandButton: {
+            icon: string;
+            color: "gray";
+            variant: "ghost";
+            size: "xs";
+            class: string;
+        };
         checkbox: {
             color: "primary";
         };

package/dist/runtime/ui.config/data/{table.mjs → table.js}

@@ -37,6 +37,9 @@ export default {
     label: "text-sm text-center text-gray-900 dark:text-white",
     icon: "w-6 h-6 mx-auto text-gray-400 dark:text-gray-500 mb-4"
   },
+  expand: {
+    icon: "transform transition-transform duration-200"
+  },
   progress: {
     wrapper: "absolute inset-x-0 -bottom-[0.5px] p-0"
   },
@@ -51,6 +54,13 @@ export default {
       variant: "ghost",
       class: "-m-1.5"
     },
+    expandButton: {
+      icon: "i-heroicons-chevron-down",
+      color: "gray",
+      variant: "ghost",
+      size: "xs",
+      class: "-my-1.5 align-middle"
+    },
     checkbox: {
       color: "primary"
     },

package/dist/runtime/ui.config/elements/accordion.d.ts

@@ -17,6 +17,7 @@ declare const _default: {
         closeIcon: string;
         class: string;
         variant: "soft";
+        truncate: boolean;
     };
 };
 export default _default;

package/dist/runtime/ui.config/elements/{accordion.mjs → accordion.js}

@@ -6,7 +6,7 @@ export default {
     size: "text-sm",
     color: "text-gray-500 dark:text-gray-400",
     padding: "pt-1.5 pb-3",
-    icon: "ms-auto transform transition-transform duration-200"
+    icon: "ms-auto transform transition-transform duration-200 flex-shrink-0"
   },
   transition: {
     enterActiveClass: "overflow-hidden transition-[height] duration-200 ease-out",
@@ -16,6 +16,7 @@ export default {
     openIcon: "i-heroicons-chevron-down-20-solid",
     closeIcon: "",
     class: "mb-1.5 w-full",
-    variant: "soft"
+    variant: "soft",
+    truncate: true
   }
 };

package/dist/runtime/ui.config/elements/alert.d.ts

@@ -29,8 +29,8 @@ declare const _default: {
     default: {
         color: string;
         variant: string;
-        icon: null;
-        closeButton: null;
+        icon: any;
+        closeButton: any;
         actionButton: {
             size: "xs";
             color: "primary";

package/dist/runtime/ui.config/elements/avatar.d.ts

@@ -52,8 +52,8 @@ declare const _default: {
     };
     default: {
         size: string;
-        icon: null;
-        chipColor: null;
+        icon: any;
+        chipColor: any;
         chipPosition: string;
     };
 };

package/dist/runtime/ui.config/elements/{carousel.mjs → carousel.js}

@@ -9,7 +9,7 @@ export default {
     wrapper: "absolute flex items-center justify-center gap-3 bottom-4 inset-x-0",
     base: "rounded-full h-3 w-3",
     active: "bg-primary-500 dark:bg-primary-400",
-    inactive: "bg-gray-100 dark:bg-gray-800 mix-blend-overlay"
+    inactive: "bg-gray-100 dark:bg-gray-800"
   },
   default: {
     prevButton: {

package/dist/runtime/ui.config/elements/{dropdown.mjs → dropdown.js}

@@ -1,4 +1,4 @@
-import { arrow } from "../popper.mjs";
+import { arrow } from "../popper.js";
 export default {
   wrapper: "relative inline-flex text-left rtl:text-right",
   container: "z-20 group",