@nuxt/ui 4.0.0-alpha.0 → 4.0.0-alpha.2

package/dist/runtime/locale/de_ch.js

@@ -0,0 +1,129 @@
+import { defineLocale } from "../composables/defineLocale.js";
+export default defineLocale({
+  name: "Schweizerdeutsch",
+  code: "de-CH",
+  messages: {
+    alert: {
+      close: "Schliessen"
+    },
+    authForm: {
+      hidePassword: "Passwort verbergen",
+      showPassword: "Passwort anzeigen",
+      submit: "Weiter"
+    },
+    banner: {
+      close: "Schliessen"
+    },
+    calendar: {
+      nextMonth: "N\xE4chster Monat",
+      nextYear: "N\xE4chstes Jahr",
+      prevMonth: "Vorheriger Monat",
+      prevYear: "Vorheriges Jahr"
+    },
+    carousel: {
+      dots: "Folie zur Anzeige ausw\xE4hlen",
+      goto: "Gehe zu {slide}",
+      next: "Weiter",
+      prev: "Zur\xFCck"
+    },
+    chatPrompt: {
+      placeholder: "Hier schreiben Sie Ihre Nachricht..."
+    },
+    chatPromptSubmit: {
+      label: "Senden"
+    },
+    colorMode: {
+      dark: "Dunkel",
+      light: "Hell",
+      switchToDark: "Zum dunklen Modus wechseln",
+      switchToLight: "Zum hellen Modus wechseln",
+      system: "System"
+    },
+    commandPalette: {
+      back: "Zur\xFCck",
+      close: "Schliessen",
+      noData: "Keine Daten",
+      noMatch: "Nichts gefunden",
+      placeholder: "Geben Sie einen Befehl ein oder suchen Sie..."
+    },
+    contentSearch: {
+      links: "Links",
+      theme: "Thema"
+    },
+    contentSearchButton: {
+      label: "Suchen..."
+    },
+    contentToc: {
+      title: "Auf dieser Seite"
+    },
+    dashboardSearch: {
+      theme: "Thema"
+    },
+    dashboardSearchButton: {
+      label: "Suchen..."
+    },
+    dashboardSidebarCollapse: {
+      collapse: "Seitenleiste einklappen",
+      expand: "Seitenleiste erweitern"
+    },
+    dashboardSidebarToggle: {
+      close: "Seitenleiste schliessen",
+      open: "Seitenleiste \xF6ffnen"
+    },
+    error: {
+      clear: "Zur\xFCck zur Startseite"
+    },
+    fileUpload: {
+      removeFile: "{filename} entfernen"
+    },
+    header: {
+      close: "Men\xFC schliessen",
+      open: "Men\xFC \xF6ffnen"
+    },
+    inputMenu: {
+      create: '"{label}" erstellen',
+      noData: "Keine Daten",
+      noMatch: "Nichts gefunden"
+    },
+    inputNumber: {
+      decrement: "Verringern",
+      increment: "Erh\xF6hen"
+    },
+    modal: {
+      close: "Schliessen"
+    },
+    pricingTable: {
+      caption: "Preisplanvergleich"
+    },
+    prose: {
+      codeCollapse: {
+        closeText: "Reduzieren",
+        name: "Code",
+        openText: "Erweitern"
+      },
+      collapsible: {
+        closeText: "Ausblenden",
+        name: "Eigenschaften",
+        openText: "Anzeigen"
+      },
+      pre: {
+        copy: "Code in die Zwischenablage kopieren"
+      }
+    },
+    selectMenu: {
+      create: '"{label}" erstellen',
+      noData: "Keine Daten",
+      noMatch: "Nichts gefunden",
+      search: "Suchen..."
+    },
+    slideover: {
+      close: "Schliessen"
+    },
+    table: {
+      noData: "Keine Daten"
+    },
+    toast: {
+      close: "Schliessen"
+    }
+  }
+});

package/dist/runtime/locale/id.js

@@ -1,6 +1,6 @@
 import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
-  name: "Indonesia",
+  name: "Bahasa Indonesia",
   code: "id",
   messages: {
     alert: {

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

@@ -7,6 +7,7 @@ export { default as ckb } from './ckb';
 export { default as cs } from './cs';
 export { default as da } from './da';
 export { default as de } from './de';
+export { default as de_ch } from './de_ch';
 export { default as el } from './el';
 export { default as en } from './en';
 export { default as es } from './es';
@@ -21,6 +22,7 @@ export { default as hy } from './hy';
 export { default as id } from './id';
 export { default as it } from './it';
 export { default as ja } from './ja';
+export { default as ka } from './ka';
 export { default as kk } from './kk';
 export { default as km } from './km';
 export { default as ko } from './ko';

package/dist/runtime/locale/index.js

@@ -7,6 +7,7 @@ export { default as ckb } from "./ckb.js";
 export { default as cs } from "./cs.js";
 export { default as da } from "./da.js";
 export { default as de } from "./de.js";
+export { default as de_ch } from "./de_ch.js";
 export { default as el } from "./el.js";
 export { default as en } from "./en.js";
 export { default as es } from "./es.js";
@@ -21,6 +22,7 @@ export { default as hy } from "./hy.js";
 export { default as id } from "./id.js";
 export { default as it } from "./it.js";
 export { default as ja } from "./ja.js";
+export { default as ka } from "./ka.js";
 export { default as kk } from "./kk.js";
 export { default as km } from "./km.js";
 export { default as ko } from "./ko.js";

package/dist/runtime/locale/ka.d.ts

@@ -0,0 +1,3 @@
+import type { Messages } from '../types';
+declare const _default: import("../types").Locale<Messages>;
+export default _default;

package/dist/runtime/locale/ka.js

@@ -0,0 +1,132 @@
+import { defineLocale } from "../composables/defineLocale.js";
+export default defineLocale({
+  name: "\u10E5\u10D0\u10E0\u10D7\u10E3\u10DA\u10D8",
+  code: "ka",
+  messages: {
+    alert: {
+      close: "\u10D3\u10D0\u10EE\u10E3\u10E0\u10D5\u10D0"
+    },
+    authForm: {
+      hidePassword: "\u10DE\u10D0\u10E0\u10DD\u10DA\u10D8\u10E1 \u10D3\u10D0\u10DB\u10D0\u10DA\u10D5\u10D0",
+      showPassword: "\u10DE\u10D0\u10E0\u10DD\u10DA\u10D8\u10E1 \u10E9\u10D5\u10D4\u10DC\u10D4\u10D1\u10D0",
+      submit: "\u10D2\u10D0\u10D2\u10E0\u10EB\u10D4\u10DA\u10D4\u10D1\u10D0"
+    },
+    banner: {
+      close: "\u10D3\u10D0\u10EE\u10E3\u10E0\u10D5\u10D0"
+    },
+    calendar: {
+      nextMonth: "\u10E8\u10D4\u10DB\u10D3\u10D4\u10D2\u10D8 \u10D7\u10D5\u10D4",
+      nextYear: "\u10E8\u10D4\u10DB\u10D3\u10D4\u10D2\u10D8 \u10EC\u10D4\u10DA\u10D8",
+      prevMonth: "\u10EC\u10D8\u10DC\u10D0 \u10D7\u10D5\u10D4",
+      prevYear: "\u10EC\u10D8\u10DC\u10D0 \u10EC\u10D4\u10DA\u10D8"
+    },
+    carousel: {
+      dots: "\u10D0\u10D8\u10E0\u10E9\u10D8\u10D4\u10D7 \u10E1\u10DA\u10D0\u10D8\u10D3\u10D8 \u10E1\u10D0\u10E9\u10D5\u10D4\u10DC\u10D4\u10D1\u10DA\u10D0\u10D3",
+      goto: "\u10D2\u10D0\u10D3\u10D0\u10E1\u10D5\u10DA\u10D0 \u10E1\u10DA\u10D0\u10D8\u10D3 {slide}-\u10D6\u10D4",
+      next: "\u10E8\u10D4\u10DB\u10D3\u10D4\u10D2\u10D8",
+      prev: "\u10EC\u10D8\u10DC\u10D0"
+    },
+    chatPrompt: {
+      placeholder: "\u10D3\u10D0\u10EC\u10D4\u10E0\u10D4\u10D7 \u10D7\u10E5\u10D5\u10D4\u10DC\u10D8 \u10DB\u10D4\u10E1\u10D8\u10EF\u10D8 \u10D0\u10E5..."
+    },
+    chatPromptSubmit: {
+      label: "\u10E8\u10D4\u10E2\u10E7\u10DD\u10D1\u10D8\u10DC\u10D4\u10D1\u10D8\u10E1 \u10D2\u10D0\u10D2\u10D6\u10D0\u10D5\u10DC\u10D0"
+    },
+    colorMode: {
+      dark: "\u10D1\u10DC\u10D4\u10DA\u10D8",
+      light: "\u10DC\u10D0\u10D7\u10D4\u10DA\u10D8",
+      switchToDark: "\u10D1\u10DC\u10D4\u10DA \u10E0\u10D4\u10EF\u10D8\u10DB\u10D6\u10D4 \u10D2\u10D0\u10D3\u10D0\u10E1\u10D5\u10DA\u10D0",
+      switchToLight: "\u10DC\u10D0\u10D7\u10D4\u10DA \u10E0\u10D4\u10EF\u10D8\u10DB\u10D6\u10D4 \u10D2\u10D0\u10D3\u10D0\u10E1\u10D5\u10DA\u10D0",
+      system: "\u10E1\u10D8\u10E1\u10E2\u10D4\u10DB\u10E3\u10E0\u10D8"
+    },
+    commandPalette: {
+      back: "\u10E3\u10D9\u10D0\u10DC",
+      close: "\u10D3\u10D0\u10EE\u10E3\u10E0\u10D5\u10D0",
+      noData: "\u10DB\u10DD\u10DC\u10D0\u10EA\u10D4\u10DB\u10D4\u10D1\u10D8 \u10D0\u10E0 \u10D0\u10E0\u10D8\u10E1",
+      noMatch: "\u10E8\u10D4\u10E1\u10D0\u10E2\u10E7\u10D5\u10D8\u10E1\u10D8 \u10DB\u10DD\u10DC\u10D0\u10EA\u10D4\u10DB\u10D4\u10D1\u10D8 \u10D0\u10E0 \u10D0\u10E0\u10D8\u10E1",
+      placeholder: "\u10E9\u10D0\u10EC\u10D4\u10E0\u10D4\u10D7 \u10D1\u10E0\u10EB\u10D0\u10DC\u10D4\u10D1\u10D0 \u10D0\u10DC \u10EB\u10D8\u10D4\u10D1\u10D0..."
+    },
+    contentSearch: {
+      links: "\u10D1\u10DB\u10E3\u10DA\u10D4\u10D1\u10D8",
+      theme: "\u10D7\u10D4\u10DB\u10D0"
+    },
+    contentSearchButton: {
+      label: "\u10EB\u10D8\u10D4\u10D1\u10D0..."
+    },
+    contentToc: {
+      title: "\u10D0\u10DB \u10D2\u10D5\u10D4\u10E0\u10D3\u10D6\u10D4"
+    },
+    dashboardSearch: {
+      theme: "\u10D7\u10D4\u10DB\u10D0"
+    },
+    dashboardSearchButton: {
+      label: "\u10EB\u10D8\u10D4\u10D1\u10D0..."
+    },
+    dashboardSidebarCollapse: {
+      collapse: "\u10D2\u10D5\u10D4\u10E0\u10D3\u10D8\u10D7\u10D8 \u10D6\u10DD\u10DA\u10D8\u10E1 \u10E9\u10D0\u10D9\u10D4\u10EA\u10D5\u10D0",
+      expand: "\u10D2\u10D5\u10D4\u10E0\u10D3\u10D8\u10D7\u10D8 \u10D6\u10DD\u10DA\u10D8\u10E1 \u10D2\u10D0\u10E8\u10DA\u10D0"
+    },
+    dashboardSidebarToggle: {
+      close: "\u10D2\u10D5\u10D4\u10E0\u10D3\u10D8\u10D7\u10D8 \u10D6\u10DD\u10DA\u10D8\u10E1 \u10D3\u10D0\u10EE\u10E3\u10E0\u10D5\u10D0",
+      open: "\u10D2\u10D5\u10D4\u10E0\u10D3\u10D8\u10D7\u10D8 \u10D6\u10DD\u10DA\u10D8\u10E1 \u10D2\u10D0\u10EE\u10E1\u10DC\u10D0"
+    },
+    error: {
+      // While "home" translates as "სახლი", I chose to use "მთავარი" (meaning "main") as contextually this sounds better.
+      // If any Georgian prefers literal translation, please submit patch.
+      clear: "\u10DB\u10D7\u10D0\u10D5\u10D0\u10E0\u10D6\u10D4 \u10D3\u10D0\u10D1\u10E0\u10E3\u10DC\u10D4\u10D1\u10D0"
+    },
+    fileUpload: {
+      removeFile: "\u10DB\u10DD\u10D0\u10E8\u10DD\u10E0\u10D4 {filename}"
+    },
+    header: {
+      close: "\u10DB\u10D4\u10DC\u10D8\u10E3\u10E1 \u10D3\u10D0\u10EE\u10E3\u10E0\u10D5\u10D0",
+      open: "\u10DB\u10D4\u10DC\u10D8\u10E3\u10E1 \u10D2\u10D0\u10EE\u10E1\u10DC\u10D0"
+    },
+    inputMenu: {
+      create: '\u10E8\u10D4\u10E5\u10DB\u10D4\u10DC\u10D8 "{label}"',
+      noData: "\u10DB\u10DD\u10DC\u10D0\u10EA\u10D4\u10DB\u10D4\u10D1\u10D8 \u10D0\u10E0 \u10D0\u10E0\u10D8\u10E1",
+      noMatch: "\u10E8\u10D4\u10E1\u10D0\u10E2\u10E7\u10D5\u10D8\u10E1\u10D8 \u10DB\u10DD\u10DC\u10D0\u10EA\u10D4\u10DB\u10D4\u10D1\u10D8 \u10D0\u10E0 \u10D0\u10E0\u10D8\u10E1"
+    },
+    inputNumber: {
+      decrement: "\u10D3\u10D0\u10D9\u10DA\u10D4\u10D1\u10D0",
+      increment: "\u10D3\u10D0\u10DB\u10D0\u10E2\u10D4\u10D1\u10D0"
+    },
+    modal: {
+      close: "\u10D3\u10D0\u10EE\u10E3\u10E0\u10D5\u10D0"
+    },
+    pricingTable: {
+      caption: "\u10E4\u10D0\u10E1\u10D8\u10E1 \u10D2\u10D4\u10D2\u10DB\u10D4\u10D1\u10D8\u10E1 \u10E8\u10D4\u10D3\u10D0\u10E0\u10D4\u10D1\u10D0"
+    },
+    prose: {
+      codeCollapse: {
+        closeText: "\u10E9\u10D0\u10D9\u10D4\u10EA\u10D5\u10D0",
+        name: "\u10D9\u10DD\u10D3\u10D8",
+        openText: "\u10D2\u10D0\u10E8\u10DA\u10D0"
+      },
+      collapsible: {
+        closeText: "\u10D3\u10D0\u10EE\u10E3\u10E0\u10D5\u10D0",
+        name: "\u10D7\u10D5\u10D8\u10E1\u10D4\u10D1\u10D4\u10D1\u10D8",
+        openText: "\u10E9\u10D5\u10D4\u10DC\u10D4\u10D1\u10D0"
+      },
+      pre: {
+        copy: "\u10D9\u10DD\u10D3\u10D8\u10E1 \u10D9\u10DD\u10DE\u10D8\u10E0\u10D4\u10D1\u10D0 \u10D1\u10E3\u10E4\u10D4\u10E0\u10E8\u10D8"
+      }
+    },
+    selectMenu: {
+      create: '\u10D3\u10D0\u10D0\u10DB\u10D0\u10E2\u10D4 "{label}"',
+      // "Create" translates as "შექმნა", but since we are simply adding new choice, creating sounds wrong, thus I chose to use "დაამატე", meaning "add".
+      noData: "\u10DB\u10DD\u10DC\u10D0\u10EA\u10D4\u10DB\u10D4\u10D1\u10D8 \u10D0\u10E0 \u10D0\u10E0\u10D8\u10E1",
+      noMatch: "\u10E8\u10D4\u10E1\u10D0\u10E2\u10E7\u10D5\u10D8\u10E1\u10D8 \u10DB\u10DD\u10DC\u10D0\u10EA\u10D4\u10DB\u10D4\u10D1\u10D8 \u10D0\u10E0 \u10D0\u10E0\u10D8\u10E1",
+      search: "\u10EB\u10D8\u10D4\u10D1\u10D0..."
+    },
+    slideover: {
+      close: "\u10D3\u10D0\u10EE\u10E3\u10E0\u10D5\u10D0"
+    },
+    table: {
+      noData: "\u10DB\u10DD\u10DC\u10D0\u10EA\u10D4\u10DB\u10D4\u10D1\u10D8 \u10D0\u10E0 \u10D0\u10E0\u10D8\u10E1"
+    },
+    toast: {
+      close: "\u10D3\u10D0\u10EE\u10E3\u10E0\u10D5\u10D0"
+    }
+  }
+});

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

@@ -11,10 +11,10 @@ export interface Form<S extends FormSchema> {
         nested?: boolean;
         transform?: T;
     }): Promise<FormData<S, T> | false>;
-    clear(path?: string): void;
+    clear(path?: keyof FormData<S, false> | string | RegExp): void;
     errors: Ref<FormError[]>;
-    setErrors(errs: FormError[], name?: keyof FormData<S, false>): void;
-    getErrors(name?: keyof FormData<S, false>): FormError[];
+    setErrors(errs: FormError[], name?: keyof FormData<S, false> | string | RegExp): void;
+    getErrors(name?: keyof FormData<S, false> | string | RegExp): FormError[];
     submit(): Promise<void>;
     disabled: ComputedRef<boolean>;
     dirty: ComputedRef<boolean>;
@@ -40,14 +40,16 @@ export type FormSubmitEvent<T> = SubmitEvent & {
 };
 export type FormValidationError = {
     errors: FormErrorWithId[];
-    children?: FormValidationError[];
+    children?: FormErrorWithId[];
 };
 export type FormErrorEvent = SubmitEvent & FormValidationError;
 export type FormEventType = FormInputEvents;
-export type FormChildAttachEvent = {
+export type FormChildAttachEvent<S extends FormSchema> = {
     type: 'attach';
     formId: string | number;
     validate: Form<any>['validate'];
+    name?: string;
+    api: Form<S>;
 };
 export type FormChildDetachEvent = {
     type: 'detach';
@@ -58,7 +60,7 @@ export type FormInputEvent<T extends object> = {
     name: keyof T;
     eager?: boolean;
 };
-export type FormEvent<T extends object> = FormInputEvent<T> | FormChildAttachEvent | FormChildDetachEvent;
+export type FormEvent<T extends object> = FormInputEvent<T> | FormChildAttachEvent<any> | FormChildDetachEvent;
 export interface FormInjectedOptions {
     disabled?: boolean;
     validateOnInputDelay?: number;
@@ -82,6 +84,5 @@ export interface ValidateReturnSchema<T> {
 export declare class FormValidationException extends Error {
     formId: string | number;
     errors: FormErrorWithId[];
-    children?: FormValidationException[];
-    constructor(formId: string | number, errors: FormErrorWithId[], childErrors?: FormValidationException[]);
+    constructor(formId: string | number, errors: FormErrorWithId[]);
 }

package/dist/runtime/types/form.js

@@ -1,12 +1,10 @@
 export class FormValidationException extends Error {
   formId;
   errors;
-  children;
-  constructor(formId, errors, childErrors) {
+  constructor(formId, errors) {
     super("Form validation exception");
     this.formId = formId;
     this.errors = errors;
-    this.children = childErrors;
     Object.setPrototypeOf(this, FormValidationException.prototype);
   }
 }

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

@@ -107,3 +107,4 @@ export * from '../components/color-mode/ColorModeSwitch.vue';
 export * from '../components/locale/LocaleSelect.vue';
 export * from './form';
 export * from './locale';
+export * from './tv';

package/dist/runtime/types/index.js

@@ -107,3 +107,4 @@ export * from "../components/color-mode/ColorModeSwitch.vue";
 export * from "../components/locale/LocaleSelect.vue";
 export * from "./form.js";
 export * from "./locale.js";
+export * from "./tv.js";

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

@@ -0,0 +1,8 @@
+export interface ModelModifiers {
+    string?: boolean;
+    number?: boolean;
+    trim?: boolean;
+    lazy?: boolean;
+    nullable?: boolean;
+    optional?: boolean;
+}

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

@@ -14,7 +14,7 @@ export type DynamicSlots<T extends {
     } & ExtraProps) => any;
 };
 export type GetObjectField<MaybeObject, Key extends string> = MaybeObject extends Record<string, any> ? MaybeObject[Key] : never;
-export type AcceptableValue = Exclude<_AcceptableValue, Record<string, any>>;
+export type AcceptableValue = Exclude<_AcceptableValue, Record<string, any>> | boolean;
 export type ArrayOrNested<T> = T[] | T[][];
 export type NestedItem<T> = T extends Array<infer I> ? NestedItem<I> : T;
 type AllKeys<T> = T extends any ? keyof T : never;
@@ -27,12 +27,16 @@ export type MergeTypes<T extends object> = {
 } & {
     [k in NonCommonKeys<T>]?: PickTypeOf<T, k>;
 };
-export type GetItemKeys<I> = keyof Extract<NestedItem<I>, object>;
-export type GetItemValue<I, VK extends GetItemKeys<I> | undefined, T extends NestedItem<I> = NestedItem<I>> = T extends object ? VK extends undefined ? T : VK extends keyof T ? T[VK] : never : T;
+type DotPathKeys<T> = T extends Array<any> ? never : T extends object ? {
+    [K in keyof T & string]: T[K] extends Record<string, any> ? K | `${K}.${DotPathKeys<T[K]>}` : K;
+}[keyof T & string] : never;
+type DotPathValue<T, P extends DotPathKeys<T> | (string & {})> = P extends `${infer K}.${infer Rest}` ? K extends keyof T ? DotPathValue<T[K], Rest> : never : P extends keyof T ? T[P] : never;
+export type GetItemKeys<I> = keyof Extract<NestedItem<I>, object> | DotPathKeys<Extract<NestedItem<I>, object>>;
+export type GetItemValue<I, VK extends GetItemKeys<I> | undefined, T extends NestedItem<I> = NestedItem<I>> = T extends object ? VK extends undefined ? T : VK extends DotPathKeys<T> ? DotPathValue<T, VK> : never : T;
 export type GetModelValue<T, VK extends GetItemKeys<T> | undefined, M extends boolean> = M extends true ? GetItemValue<T, VK>[] : GetItemValue<T, VK>;
 export type GetModelValueEmits<T, VK extends GetItemKeys<T> | undefined, M extends boolean> = {
     /** Event handler called when the value changes. */
-    'update:modelValue': [payload: GetModelValue<T, VK, M>];
+    'update:modelValue': [value: GetModelValue<T, VK, M>];
 };
 export type StringOrVNode = string | VNode | (() => VNode);
 export type EmitsToProps<T> = {

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

@@ -11,3 +11,5 @@ export declare function isJoiError(error: any): error is JoiError;
 export declare function isStandardSchema(schema: any): schema is StandardSchemaV1;
 export declare function validateStandardSchema(state: any, schema: StandardSchemaV1): Promise<ValidateReturnSchema<typeof state>>;
 export declare function validateSchema<T extends object>(state: T, schema: FormSchema<T>): Promise<ValidateReturnSchema<typeof state>>;
+export declare function getAtPath<T extends object>(data: T, path?: string): any;
+export declare function setAtPath<T extends object>(data: T, path: string, value: any): T;

package/dist/runtime/utils/form.js

@@ -106,3 +106,31 @@ export function validateSchema(state, schema) {
     throw new Error("Form validation failed: Unsupported form schema");
   }
 }
+export function getAtPath(data, path) {
+  if (!path) return data;
+  const value = path.split(".").reduce(
+    (value2, key) => value2?.[key],
+    data
+  );
+  return value;
+}
+export function setAtPath(data, path, value) {
+  if (!path) return Object.assign(data, value);
+  if (!data) return data;
+  const keys = path.split(".");
+  let current = data;
+  for (let i = 0; i < keys.length - 1; i++) {
+    const key = keys[i];
+    if (current[key] === void 0 || current[key] === null) {
+      if (i + 1 < keys.length && !Number.isNaN(Number(keys[i + 1]))) {
+        current[key] = [];
+      } else {
+        current[key] = {};
+      }
+    }
+    current = current[key];
+  }
+  const lastKey = keys[keys.length - 1];
+  current[lastKey] = value;
+  return data;
+}

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

@@ -1,4 +1,5 @@
 import type { FuseResult } from 'fuse.js';
+import type { GetItemKeys } from '../types/utils';
 export declare function highlight<T>(item: T & {
     matches?: FuseResult<T>['matches'];
-}, searchTerm: string, forceKey?: string, omitKeys?: string[]): string | undefined;
+}, searchTerm: string, forceKey?: GetItemKeys<T>, omitKeys?: GetItemKeys<T>[]): string | undefined;

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

@@ -1,13 +1,14 @@
-import type { GetItemKeys, NestedItem } from '../types/utils';
+import type { GetItemKeys } from '../types/utils';
 export declare function pick<Data extends object, Keys extends keyof Data>(data: Data, keys: Keys[]): Pick<Data, Keys>;
 export declare function omit<Data extends object, Keys extends keyof Data>(data: Data, keys: Keys[]): Omit<Data, Keys>;
 export declare function get(object: Record<string, any> | undefined, path: (string | number)[] | string, defaultValue?: any): any;
 export declare function set(object: Record<string, any>, path: (string | number)[] | string, value: any): void;
 export declare function looseToNumber(val: any): any;
 export declare function compare<T>(value?: T, currentValue?: T, comparator?: string | ((a: T, b: T) => boolean)): boolean;
-export declare function getDisplayValue<T, V>(items: T[], value: V | undefined | null, options?: {
+export declare function isEmpty(value: unknown): boolean;
+export declare function getDisplayValue<T extends Array<any>, V>(items: T, value: V | undefined | null, options?: {
     valueKey?: GetItemKeys<T>;
-    labelKey?: keyof NestedItem<T>;
+    labelKey?: GetItemKeys<T>;
 }): string | undefined;
 export declare function isArrayOfArray<A>(item: A[] | A[][]): item is A[][];
 export declare function mergeClasses(appConfigClass?: string | string[], propClass?: string): "" | (string | undefined)[];

package/dist/runtime/utils/index.js

@@ -61,15 +61,47 @@ export function compare(value, currentValue, comparator) {
   }
   return isEqual(value, currentValue);
 }
+export function isEmpty(value) {
+  if (value == null) {
+    return true;
+  }
+  if (typeof value === "boolean" || typeof value === "number") {
+    return false;
+  }
+  if (typeof value === "string") {
+    return value.trim().length === 0;
+  }
+  if (Array.isArray(value)) {
+    return value.length === 0;
+  }
+  if (value instanceof Map || value instanceof Set) {
+    return value.size === 0;
+  }
+  if (value instanceof Date || value instanceof RegExp || typeof value === "function") {
+    return false;
+  }
+  if (typeof value === "object") {
+    for (const _ in value) {
+      if (Object.prototype.hasOwnProperty.call(value, _)) {
+        return false;
+      }
+    }
+    return true;
+  }
+  return false;
+}
 export function getDisplayValue(items, value, options = {}) {
   const { valueKey, labelKey } = options;
-  if (value === null || value === void 0) {
-    return void 0;
-  }
   const foundItem = items.find((item) => {
     const itemValue = typeof item === "object" && item !== null && valueKey ? get(item, valueKey) : item;
     return compare(itemValue, value);
   });
+  if (isEmpty(value) && foundItem) {
+    return labelKey ? get(foundItem, labelKey) : void 0;
+  }
+  if (isEmpty(value)) {
+    return void 0;
+  }
   const source = foundItem ?? value;
   if (source === null || source === void 0) {
     return void 0;

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

@@ -1 +1 @@
-export declare const tv: import("tailwind-variants").CreateTV;
+export declare const tv: import("tailwind-variants").TV;

package/dist/runtime/vue/components/Icon.d.vue.ts

@@ -0,0 +1,6 @@
+import type { IconProps as NuxtIconProps } from '../../types';
+export interface IconProps {
+    name: NuxtIconProps['name'];
+}
+declare const _default: import("vue").DefineComponent<IconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/vue/components/Icon.vue

@@ -5,10 +5,11 @@
 <script setup>
 import { Icon as IconifyIcon } from "@iconify/vue";
 defineProps({
-  name: { type: String, required: true }
+  name: { type: [String, Object], required: true }
 });
 </script>
 
 <template>
-  <IconifyIcon :icon="name.replace(/^i-/, '')" />
+  <IconifyIcon v-if="typeof name === 'string'" :icon="name.replace(/^i-/, '')" />
+  <component :is="name" v-else />
 </template>

package/dist/runtime/vue/components/Icon.vue.d.ts

@@ -1,5 +1,6 @@
+import type { IconProps as NuxtIconProps } from '../../types';
 export interface IconProps {
-    name: string;
+    name: NuxtIconProps['name'];
 }
-declare const _default: import("vue").DefineComponent<IconProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<IconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;