@nuxt/ui 3.0.0-alpha.11 → 3.0.0-alpha.12

package/dist/runtime/components/Toast.vue

@@ -8,9 +8,9 @@ import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 import { tv } from '../utils/tv'
 import type { AvatarProps, ButtonProps } from '../types'
 
-const appConfig = _appConfig as AppConfig & { ui: { toast: Partial<typeof theme> } }
+const appConfigToast = _appConfig as AppConfig & { ui: { toast: Partial<typeof theme> } }
 
-const toast = tv({ extend: tv(theme), ...(appConfig.ui?.toast || {}) })
+const toast = tv({ extend: tv(theme), ...(appConfigToast.ui?.toast || {}) })
 
 type ToastVariants = VariantProps<typeof toast>
 

package/dist/runtime/components/Toaster.vue

@@ -7,9 +7,9 @@ import theme from '#build/ui/toaster'
 import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 import { tv } from '../utils/tv'
 
-const appConfig = _appConfig as AppConfig & { ui: { toaster: Partial<typeof theme> } }
+const appConfigToaster = _appConfig as AppConfig & { ui: { toaster: Partial<typeof theme> } }
 
-const toaster = tv({ extend: tv(theme), ...(appConfig.ui?.toaster || {}) })
+const toaster = tv({ extend: tv(theme), ...(appConfigToaster.ui?.toaster || {}) })
 
 type ToasterVariants = VariantProps<typeof toaster>
 

package/dist/runtime/components/Tooltip.vue

@@ -7,9 +7,9 @@ import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 import { tv } from '../utils/tv'
 import type { KbdProps } from '../types'
 
-const appConfig = _appConfig as AppConfig & { ui: { tooltip: Partial<typeof theme> } }
+const appConfigTooltip = _appConfig as AppConfig & { ui: { tooltip: Partial<typeof theme> } }
 
-const tooltip = tv({ extend: tv(theme), ...(appConfig.ui?.tooltip || {}) })
+const tooltip = tv({ extend: tv(theme), ...(appConfigTooltip.ui?.tooltip || {}) })
 
 export interface TooltipProps extends TooltipRootProps {
   /** The text content of the tooltip. */

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

@@ -8,12 +8,11 @@ type Props<T> = {
     name?: string;
     size?: GetObjectField<T, 'size'>;
     color?: GetObjectField<T, 'color'>;
-    legend?: string;
     highlight?: boolean;
     disabled?: boolean;
 };
 export declare const formOptionsInjectionKey: InjectionKey<ComputedRef<FormInjectedOptions>>;
-export declare const formBusInjectionKey: InjectionKey<UseEventBusReturn<FormEvent, string>>;
+export declare const formBusInjectionKey: InjectionKey<UseEventBusReturn<FormEvent<any>, string>>;
 export declare const formFieldInjectionKey: InjectionKey<ComputedRef<FormFieldInjectedOptions<FormFieldProps>>>;
 export declare const inputIdInjectionKey: InjectionKey<Ref<string | undefined>>;
 export declare const formInputsInjectionKey: InjectionKey<Ref<Record<string, {
@@ -34,5 +33,10 @@ export declare function useFormField<T>(props?: Props<T>, opts?: {
     emitFormBlur: () => void;
     emitFormInput: import("@vueuse/core").PromisifyFn<() => void>;
     emitFormChange: () => void;
+    emitFormFocus: () => void;
+    ariaAttrs: ComputedRef<{
+        'aria-describedby': string;
+        'aria-invalid': boolean;
+    } | undefined>;
 };
 export {};

package/dist/runtime/composables/useFormField.js

@@ -1,4 +1,4 @@
-import { inject, ref, computed } from "vue";
+import { inject, computed } from "vue";
 import { useDebounceFn } from "@vueuse/core";
 export const formOptionsInjectionKey = Symbol("nuxt-ui.form-options");
 export const formBusInjectionKey = Symbol("nuxt-ui.form-events");
@@ -13,7 +13,7 @@ export function useFormField(props, opts) {
   const formInputs = inject(formInputsInjectionKey, void 0);
   const inputId = inject(inputIdInjectionKey, void 0);
   if (formField && inputId) {
-    if (opts?.bind === false || props?.legend) {
+    if (opts?.bind === false) {
       inputId.value = void 0;
     } else if (props?.id) {
       inputId.value = props?.id;
@@ -22,25 +22,23 @@ export function useFormField(props, opts) {
       formInputs.value[formField.value.name] = { id: inputId.value, pattern: formField.value.errorPattern };
     }
   }
-  const touched = ref(false);
-  function emitFormEvent(type, name) {
+  function emitFormEvent(type, name, eager) {
     if (formBus && formField && name) {
-      formBus.emit({ type, name });
+      formBus.emit({ type, name, eager });
     }
   }
   function emitFormBlur() {
-    touched.value = true;
     emitFormEvent("blur", formField?.value.name);
   }
+  function emitFormFocus() {
+    emitFormEvent("focus", formField?.value.name);
+  }
   function emitFormChange() {
-    touched.value = true;
     emitFormEvent("change", formField?.value.name);
   }
   const emitFormInput = useDebounceFn(
     () => {
-      if (!opts?.deferInputValidation || touched.value || formField?.value.eagerValidation) {
-        emitFormEvent("input", formField?.value.name);
-      }
+      emitFormEvent("input", formField?.value.name, !opts?.deferInputValidation || formField?.value.eagerValidation);
     },
     formField?.value.validateOnInputDelay ?? formOptions?.value.validateOnInputDelay ?? 0
   );
@@ -53,6 +51,15 @@ export function useFormField(props, opts) {
     disabled: computed(() => formOptions?.value.disabled || props?.disabled),
     emitFormBlur,
     emitFormInput,
-    emitFormChange
+    emitFormChange,
+    emitFormFocus,
+    ariaAttrs: computed(() => {
+      if (!formField?.value) return;
+      const descriptiveAttrs = ["error", "hint", "description"].filter((type) => formField?.value?.[type]).map((type) => `${formField?.value.ariaId}-${type}`) || [];
+      return {
+        "aria-describedby": descriptiveAttrs.join(" "),
+        "aria-invalid": !!formField?.value.error
+      };
+    })
   };
 }

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

@@ -5,7 +5,7 @@ export interface Toast extends Omit<ToastProps, 'defaultOpen'> {
 }
 export declare function useToast(): {
     toasts: import("vue").Ref<Toast[], Toast[]>;
-    add: (toast: Partial<Toast>) => Toast;
+    add: (toast: Partial<Toast>) => Promise<Toast>;
     update: (id: string | number, toast: Omit<Partial<Toast>, "id">) => void;
     remove: (id: string | number) => void;
     clear: () => void;

package/dist/runtime/composables/useToast.js

@@ -1,17 +1,31 @@
+import { ref, nextTick } from "vue";
 import { useState } from "#imports";
 export function useToast() {
   const toasts = useState("toasts", () => []);
-  function add(toast) {
+  const maxToasts = 5;
+  const running = ref(false);
+  const queue = [];
+  const generateId = () => `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
+  async function processQueue() {
+    if (running.value || queue.length === 0) {
+      return;
+    }
+    running.value = true;
+    while (queue.length > 0) {
+      const toast = queue.shift();
+      await nextTick();
+      toasts.value = [...toasts.value, toast].slice(-maxToasts);
+    }
+    running.value = false;
+  }
+  async function add(toast) {
     const body = {
-      id: (/* @__PURE__ */ new Date()).getTime().toString(),
+      id: generateId(),
       open: true,
       ...toast
     };
-    const index = toasts.value.findIndex((t) => t.id === body.id);
-    if (index === -1) {
-      toasts.value.push(body);
-    }
-    toasts.value = toasts.value.slice(-5);
+    queue.push(body);
+    await processQueue();
     return body;
   }
   function update(id, toast) {

package/dist/runtime/index.css

@@ -1 +1 @@
-@import "./keyframes.css";@variant dark (&:where(.dark, .dark *));@layer base{body{@apply antialiased text-[var(--ui-text)] bg-[var(--ui-bg)] scheme-light dark:scheme-dark}:root{--ui-text-dimmed:var(--ui-color-neutral-400);--ui-text-muted:var(--ui-color-neutral-500);--ui-text-toned:var(--ui-color-neutral-600);--ui-text:var(--ui-color-neutral-700);--ui-text-highlighted:var(--ui-color-neutral-900);--ui-bg:var(--color-white);--ui-bg-muted:var(--ui-color-neutral-50);--ui-bg-elevated:var(--ui-color-neutral-100);--ui-bg-accented:var(--ui-color-neutral-200);--ui-bg-inverted:var(--ui-color-neutral-900);--ui-border:var(--ui-color-neutral-200);--ui-border-muted:var(--ui-color-neutral-200);--ui-border-accented:var(--ui-color-neutral-300);--ui-border-inverted:var(--ui-color-neutral-900);--ui-radius:var(--radius-sm);--ui-container:var(--container-7xl)}.dark{--ui-text-dimmed:var(--ui-color-neutral-500);--ui-text-muted:var(--ui-color-neutral-400);--ui-text-toned:var(--ui-color-neutral-300);--ui-text:var(--ui-color-neutral-200);--ui-text-highlighted:var(--color-white);--ui-bg:var(--ui-color-neutral-900);--ui-bg-muted:var(--ui-color-neutral-800);--ui-bg-elevated:var(--ui-color-neutral-800);--ui-bg-accented:var(--ui-color-neutral-700);--ui-bg-inverted:var(--color-white);--ui-border:var(--ui-color-neutral-800);--ui-border-muted:var(--ui-color-neutral-700);--ui-border-accented:var(--ui-color-neutral-700);--ui-border-inverted:var(--color-white)}}
+@import "./keyframes.css";@variant light (&:where(.light, .light *));@variant dark (&:where(.dark, .dark *));@layer base{body{@apply antialiased text-[var(--ui-text)] bg-[var(--ui-bg)] scheme-light dark:scheme-dark}.light,:root{--ui-text-dimmed:var(--ui-color-neutral-400);--ui-text-muted:var(--ui-color-neutral-500);--ui-text-toned:var(--ui-color-neutral-600);--ui-text:var(--ui-color-neutral-700);--ui-text-highlighted:var(--ui-color-neutral-900);--ui-bg:var(--color-white);--ui-bg-muted:var(--ui-color-neutral-50);--ui-bg-elevated:var(--ui-color-neutral-100);--ui-bg-accented:var(--ui-color-neutral-200);--ui-bg-inverted:var(--ui-color-neutral-900);--ui-border:var(--ui-color-neutral-200);--ui-border-muted:var(--ui-color-neutral-200);--ui-border-accented:var(--ui-color-neutral-300);--ui-border-inverted:var(--ui-color-neutral-900);--ui-radius:var(--radius-sm);--ui-container:var(--container-7xl)}.dark{--ui-text-dimmed:var(--ui-color-neutral-500);--ui-text-muted:var(--ui-color-neutral-400);--ui-text-toned:var(--ui-color-neutral-300);--ui-text:var(--ui-color-neutral-200);--ui-text-highlighted:var(--color-white);--ui-bg:var(--ui-color-neutral-900);--ui-bg-muted:var(--ui-color-neutral-800);--ui-bg-elevated:var(--ui-color-neutral-800);--ui-bg-accented:var(--ui-color-neutral-700);--ui-bg-inverted:var(--color-white);--ui-border:var(--ui-color-neutral-800);--ui-border-muted:var(--ui-color-neutral-700);--ui-border-accented:var(--ui-color-neutral-700);--ui-border-inverted:var(--color-white)}}

package/dist/runtime/locale/es.js

@@ -9,8 +9,8 @@ export default defineLocale({
       create: 'Crear "{label}"'
     },
     calendar: {
-      prevYear: "A o anterior",
-      nextYear: "A o siguiente",
+      prevYear: "A\xF1o anterior",
+      nextYear: "A\xF1o siguiente",
       prevMonth: "Mes anterior",
       nextMonth: "Mes siguiente"
     },

package/dist/runtime/locale/he.js

@@ -0,0 +1,53 @@
+import { defineLocale } from "../composables/defineLocale.js";
+export default defineLocale({
+  name: "Hebrew",
+  code: "he",
+  dir: "rtl",
+  messages: {
+    inputMenu: {
+      noMatch: "\u05D0\u05D9\u05DF \u05D4\u05EA\u05D0\u05DE\u05D4",
+      noData: "\u05D0\u05D9\u05DF \u05E0\u05EA\u05D5\u05E0\u05D9\u05DD",
+      create: '\u05E6\u05D5\u05E8 "{label}"'
+    },
+    calendar: {
+      prevYear: "\u05E9\u05E0\u05D4 \u05E7\u05D5\u05D3\u05DE\u05EA",
+      nextYear: "\u05E9\u05E0\u05D4 \u05D4\u05D1\u05D0\u05D4",
+      prevMonth: "\u05D7\u05D5\u05D3\u05E9 \u05E7\u05D5\u05D3\u05DD",
+      nextMonth: "\u05D7\u05D5\u05D3\u05E9 \u05D4\u05D1\u05D0"
+    },
+    inputNumber: {
+      increment: "\u05D4\u05D5\u05E1\u05E3",
+      decrement: "\u05D4\u05E4\u05D7\u05EA"
+    },
+    commandPalette: {
+      placeholder: "\u05D4\u05E7\u05DC\u05D3 \u05E4\u05E7\u05D5\u05D3\u05D4...",
+      noMatch: "\u05DC\u05D0 \u05E0\u05DE\u05E6\u05D0\u05D4 \u05D4\u05EA\u05D0\u05DE\u05D4",
+      noData: "\u05D0\u05D9\u05DF \u05E0\u05EA\u05D5\u05E0\u05D9\u05DD \u05D6\u05DE\u05D9\u05E0\u05D9\u05DD",
+      close: "\u05E1\u05D2\u05D5\u05E8"
+    },
+    selectMenu: {
+      noMatch: "\u05DC\u05D0 \u05E0\u05DE\u05E6\u05D0\u05D4 \u05D4\u05EA\u05D0\u05DE\u05D4",
+      noData: "\u05D0\u05D9\u05DF \u05E0\u05EA\u05D5\u05E0\u05D9\u05DD",
+      create: '\u05E6\u05D5\u05E8 "{label}"',
+      search: "\u05D7\u05E4\u05E9..."
+    },
+    toast: { close: "\u05E1\u05D2\u05D5\u05E8" },
+    carousel: {
+      prev: "\u05D4\u05E7\u05D5\u05D3\u05DD",
+      next: "\u05D4\u05D1\u05D0",
+      goto: "\u05DE\u05E2\u05D1\u05E8 \u05DC {slide}"
+    },
+    modal: {
+      close: "\u05E1\u05D2\u05D5\u05E8"
+    },
+    slideover: {
+      close: "\u05E1\u05D2\u05D5\u05E8"
+    },
+    alert: {
+      close: "\u05E1\u05D2\u05D5\u05E8"
+    },
+    table: {
+      noData: "\u05D0\u05D9\u05DF \u05E0\u05EA\u05D5\u05E0\u05D9\u05DD \u05DC\u05D4\u05E6\u05D2\u05D4"
+    }
+  }
+});

package/dist/runtime/locale/hi.js

@@ -0,0 +1,54 @@
+import { defineLocale } from "../composables/defineLocale.js";
+export default defineLocale({
+  name: "Hindi",
+  code: "hi",
+  messages: {
+    inputMenu: {
+      noMatch: "\u0915\u094B\u0908 \u092E\u0947\u0932 \u0916\u093E\u0924\u093E \u0921\u0947\u091F\u093E \u0928\u0939\u0940\u0902",
+      noData: "\u0915\u094B\u0908 \u0921\u0947\u091F\u093E \u0928\u0939\u0940\u0902",
+      create: '"{label}" \u092C\u0928\u093E\u090F\u0901'
+    },
+    calendar: {
+      prevYear: "\u092A\u093F\u091B\u0932\u093E \u0935\u0930\u094D\u0937",
+      nextYear: "\u0905\u0917\u0932\u093E \u0935\u0930\u094D\u0937",
+      prevMonth: "\u092A\u093F\u091B\u0932\u093E \u092E\u0939\u0940\u0928\u093E",
+      nextMonth: "\u0905\u0917\u0932\u093E \u092E\u0939\u0940\u0928\u093E"
+    },
+    inputNumber: {
+      increment: "\u092C\u0922\u093C\u093E\u0928\u093E",
+      decrement: "\u0918\u091F\u093E\u0928\u093E"
+    },
+    commandPalette: {
+      placeholder: "\u090F\u0915 \u0906\u0926\u0947\u0936 \u092F\u093E \u0916\u094B\u091C \u091F\u093E\u0907\u092A \u0915\u0930\u0947\u0902...",
+      noMatch: "\u0915\u094B\u0908 \u092E\u0947\u0932 \u0916\u093E\u0924\u093E \u0921\u0947\u091F\u093E \u0928\u0939\u0940\u0902",
+      noData: "\u0915\u094B\u0908 \u0921\u0947\u091F\u093E \u0928\u0939\u0940\u0902",
+      close: "\u092C\u0902\u0926 \u0915\u0930\u0947\u0902"
+    },
+    selectMenu: {
+      noMatch: "\u0915\u094B\u0908 \u092E\u0947\u0932 \u0916\u093E\u0924\u093E \u0921\u0947\u091F\u093E \u0928\u0939\u0940\u0902",
+      noData: "\u0915\u094B\u0908 \u0921\u0947\u091F\u093E \u0928\u0939\u0940\u0902",
+      create: '"{label}" \u092C\u0928\u093E\u090F\u0901',
+      search: "\u0916\u094B\u091C\u0947\u0902..."
+    },
+    toast: {
+      close: "\u092C\u0902\u0926 \u0915\u0930\u0947\u0902"
+    },
+    carousel: {
+      prev: "\u092A\u093F\u091B\u0932\u093E",
+      next: "\u0905\u0917\u0932\u093E",
+      goto: "\u0938\u094D\u0932\u093E\u0907\u0921 {slide} \u092A\u0930 \u091C\u093E\u090F\u0901"
+    },
+    modal: {
+      close: "\u092C\u0902\u0926 \u0915\u0930\u0947\u0902"
+    },
+    slideover: {
+      close: "\u092C\u0902\u0926 \u0915\u0930\u0947\u0902"
+    },
+    alert: {
+      close: "\u092C\u0902\u0926 \u0915\u0930\u0947\u0902"
+    },
+    table: {
+      noData: "\u0915\u094B\u0908 \u0921\u0947\u091F\u093E \u0928\u0939\u0940\u0902"
+    }
+  }
+});

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

@@ -0,0 +1,2 @@
+declare const _default: import("../types").Locale;
+export default _default;

package/dist/runtime/locale/hu.js

@@ -0,0 +1,54 @@
+import { defineLocale } from "../composables/defineLocale.js";
+export default defineLocale({
+  name: "Magyar",
+  code: "hu",
+  messages: {
+    inputMenu: {
+      noMatch: "Nincs tal\xE1lat",
+      noData: "Nincs adat",
+      create: '"{label}" l\xE9trehoz\xE1sa'
+    },
+    calendar: {
+      prevYear: "El\u0151z\u0151 \xE9v",
+      nextYear: "K\xF6vetkez\u0151 \xE9v",
+      prevMonth: "El\u0151z\u0151 h\xF3nap",
+      nextMonth: "K\xF6vetkez\u0151 h\xF3nap"
+    },
+    inputNumber: {
+      increment: "N\xF6vel",
+      decrement: "Cs\xF6kkent"
+    },
+    commandPalette: {
+      placeholder: "\xCDrjon be egy parancsot vagy keressen...",
+      noMatch: "Nincs tal\xE1lat",
+      noData: "Nincs adat",
+      close: "Bez\xE1r\xE1s"
+    },
+    selectMenu: {
+      noMatch: "Nincs tal\xE1lat",
+      noData: "Nincs adat",
+      create: '"{label}" l\xE9trehoz\xE1sa',
+      search: "Keres\xE9s..."
+    },
+    toast: {
+      close: "Bez\xE1r\xE1s"
+    },
+    carousel: {
+      prev: "El\u0151z\u0151",
+      next: "K\xF6vetkez\u0151",
+      goto: "Ugr\xE1s ide {slide}"
+    },
+    modal: {
+      close: "Bez\xE1r\xE1s"
+    },
+    slideover: {
+      close: "Bez\xE1r\xE1s"
+    },
+    alert: {
+      close: "Bez\xE1r\xE1s"
+    },
+    table: {
+      noData: "Nincs adat"
+    }
+  }
+});

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

@@ -9,10 +9,12 @@ export { default as es } from './es';
 export { default as fa_ir } from './fa_ir';
 export { default as fi } from './fi';
 export { default as fr } from './fr';
+export { default as hi } from './hi';
 export { default as id } from './id';
 export { default as it } from './it';
 export { default as ja } from './ja';
 export { default as ko } from './ko';
+export { default as nb_no } from './nb_no';
 export { default as nl } from './nl';
 export { default as pl } from './pl';
 export { default as pt } from './pt';
@@ -24,5 +26,6 @@ export { default as th } from './th';
 export { default as tr } from './tr';
 export { default as uk } from './uk';
 export { default as vi } from './vi';
-export { default as zh_hans } from './zh_hans';
-export { default as zh_hant } from './zh_hant';
+export { default as zh_cn } from './zh_cn';
+export { default as zh_tw } from './zh_tw';
+export { default as he } from './he';

package/dist/runtime/locale/index.js

@@ -9,10 +9,12 @@ export { default as es } from "./es.js";
 export { default as fa_ir } from "./fa_ir.js";
 export { default as fi } from "./fi.js";
 export { default as fr } from "./fr.js";
+export { default as hi } from "./hi.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 ko } from "./ko.js";
+export { default as nb_no } from "./nb_no.js";
 export { default as nl } from "./nl.js";
 export { default as pl } from "./pl.js";
 export { default as pt } from "./pt.js";
@@ -24,5 +26,6 @@ export { default as th } from "./th.js";
 export { default as tr } from "./tr.js";
 export { default as uk } from "./uk.js";
 export { default as vi } from "./vi.js";
-export { default as zh_hans } from "./zh_hans.js";
-export { default as zh_hant } from "./zh_hant.js";
+export { default as zh_cn } from "./zh_cn.js";
+export { default as zh_tw } from "./zh_tw.js";
+export { default as he } from "./he.js";

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

@@ -0,0 +1,2 @@
+declare const _default: import("../types").Locale;
+export default _default;

package/dist/runtime/locale/km.js

@@ -0,0 +1,54 @@
+import { defineLocale } from "../composables/defineLocale.js";
+export default defineLocale({
+  name: "\u1797\u17B6\u179F\u17B6\u1781\u17D2\u1798\u17C2\u179A",
+  code: "km",
+  messages: {
+    inputMenu: {
+      noMatch: "\u1798\u17B7\u1793\u1798\u17B6\u1793\u1791\u17B7\u1793\u17D2\u1793\u1793\u17D0\u1799\u178A\u17C2\u179B\u178F\u17D2\u179A\u17BC\u179C\u1782\u17D2\u1793\u17B6\u1791\u17C1",
+      noData: "\u1798\u17B7\u1793\u1798\u17B6\u1793\u1791\u17B7\u1793\u17D2\u1793\u1793\u17D0\u1799",
+      create: '\u1794\u1784\u17D2\u1780\u17BE\u178F "{label}"'
+    },
+    calendar: {
+      prevYear: "\u1786\u17D2\u1793\u17B6\u17C6\u1798\u17BB\u1793",
+      nextYear: "\u1786\u17D2\u1793\u17B6\u17C6\u1794\u1793\u17D2\u1791\u17B6\u1794\u17CB",
+      prevMonth: "\u1781\u17C2\u1798\u17BB\u1793",
+      nextMonth: "\u1781\u17C2\u1794\u1793\u17D2\u1791\u17B6\u1794\u17CB"
+    },
+    inputNumber: {
+      increment: "\u1794\u1784\u17D2\u1780\u17BE\u1793",
+      decrement: "\u1794\u1793\u17D2\u1790\u1799"
+    },
+    commandPalette: {
+      placeholder: "\u179C\u17B6\u1799\u1796\u17B6\u1780\u17D2\u1799\u1794\u1789\u17D2\u1787\u17B6 \u17AC\u179F\u17D2\u179C\u17C2\u1784\u179A\u1780...",
+      noMatch: "\u1798\u17B7\u1793\u1798\u17B6\u1793\u1791\u17B7\u1793\u17D2\u1793\u1793\u17D0\u1799\u178A\u17C2\u179B\u178F\u17D2\u179A\u17BC\u179C\u1782\u17D2\u1793\u17B6\u1791\u17C1",
+      noData: "\u1798\u17B7\u1793\u1798\u17B6\u1793\u1791\u17B7\u1793\u17D2\u1793\u1793\u17D0\u1799",
+      close: "\u1794\u17B7\u1791"
+    },
+    selectMenu: {
+      noMatch: "\u1798\u17B7\u1793\u1798\u17B6\u1793\u1791\u17B7\u1793\u17D2\u1793\u1793\u17D0\u1799\u178A\u17C2\u179B\u178F\u17D2\u179A\u17BC\u179C\u1782\u17D2\u1793\u17B6\u1791\u17C1",
+      noData: "\u1798\u17B7\u1793\u1798\u17B6\u1793\u1791\u17B7\u1793\u17D2\u1793\u1793\u17D0\u1799",
+      create: '\u1794\u1784\u17D2\u1780\u17BE\u178F "{label}"',
+      search: "\u179F\u17D2\u179C\u17C2\u1784\u179A\u1780..."
+    },
+    toast: {
+      close: "\u1794\u17B7\u1791"
+    },
+    carousel: {
+      prev: "\u1798\u17BB\u1793",
+      next: "\u1794\u1793\u17D2\u1791\u17B6\u1794\u17CB",
+      goto: "\u179B\u17C4\u178F\u1791\u17C5\u1780\u17B6\u1793\u17CB\u179F\u17D2\u179B\u17B6\u1799 {slide}"
+    },
+    modal: {
+      close: "\u1794\u17B7\u1791"
+    },
+    slideover: {
+      close: "\u1794\u17B7\u1791"
+    },
+    alert: {
+      close: "\u1794\u17B7\u1791"
+    },
+    table: {
+      noData: "\u1798\u17B7\u1793\u1798\u17B6\u1793\u1791\u17B7\u1793\u17D2\u1793\u1793\u17D0\u1799"
+    }
+  }
+});

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

@@ -0,0 +1,2 @@
+declare const _default: import("../types").Locale;
+export default _default;

package/dist/runtime/locale/nb_no.js

@@ -0,0 +1,54 @@
+import { defineLocale } from "../composables/defineLocale.js";
+export default defineLocale({
+  name: "Norsk Bokm\xE5l",
+  code: "nb-NO",
+  messages: {
+    inputMenu: {
+      noMatch: "Ingen samsvarende data",
+      noData: "Ingen data",
+      create: 'Opprett "{label}"'
+    },
+    calendar: {
+      prevYear: "Forrige \xE5r",
+      nextYear: "Neste \xE5r",
+      prevMonth: "Forrige m\xE5ned",
+      nextMonth: "Neste m\xE5ned"
+    },
+    inputNumber: {
+      increment: "\xD8k",
+      decrement: "Reduser"
+    },
+    commandPalette: {
+      placeholder: "Skriv inn en kommando eller s\xF8k...",
+      noMatch: "Ingen samsvarende data",
+      noData: "Ingen data",
+      close: "Lukk"
+    },
+    selectMenu: {
+      noMatch: "Ingen samsvarende data",
+      noData: "Ingen data",
+      create: 'Opprett "{label}"',
+      search: "S\xF8k..."
+    },
+    toast: {
+      close: "Lukk"
+    },
+    carousel: {
+      prev: "Forrige",
+      next: "Neste",
+      goto: "G\xE5 til lysbilde {slide}"
+    },
+    modal: {
+      close: "Lukk"
+    },
+    slideover: {
+      close: "Lukk"
+    },
+    alert: {
+      close: "Lukk"
+    },
+    table: {
+      noData: "Ingen data"
+    }
+  }
+});

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

@@ -0,0 +1,2 @@
+declare const _default: import("../types").Locale;
+export default _default;

package/dist/runtime/locale/{zh_hans.js → zh_cn.js}

@@ -1,7 +1,7 @@
 import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
   name: "\u7B80\u4F53\u4E2D\u6587",
-  code: "zh-Hans",
+  code: "zh-CN",
   messages: {
     inputMenu: {
       noMatch: "\u6CA1\u6709\u5339\u914D\u7684\u6570\u636E",

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

@@ -0,0 +1,2 @@
+declare const _default: import("../types").Locale;
+export default _default;

package/dist/runtime/locale/{zh_hant.js → zh_tw.js}

@@ -1,7 +1,7 @@
 import { defineLocale } from "../composables/defineLocale.js";
 export default defineLocale({
   name: "\u7E41\u9AD4\u4E2D\u6587",
-  code: "zh-Hant",
+  code: "zh-TW",
   messages: {
     inputMenu: {
       noMatch: "\u6C92\u6709\u76F8\u7B26\u7684\u8CC7\u6599",

package/dist/runtime/plugins/colors.js

@@ -12,13 +12,16 @@ export default defineNuxtPlugin(() => {
   }
   const root = computed(() => {
     const { neutral, ...colors } = appConfig.ui.colors;
-    return `:root {
+    return `@layer base {
+  :root {
   ${Object.entries(appConfig.ui.colors).map(([key, value]) => generateShades(key, value)).join("\n  ")}
-
+  }
+  :root, .light {
   ${Object.keys(colors).map((key) => generateColor(key, 500)).join("\n  ")}
-}
-.dark {
+  }
+  .dark {
   ${Object.keys(colors).map((key) => generateColor(key, 400)).join("\n  ")}
+  }
 }`;
   });
   const headData = {

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

@@ -1,26 +1,31 @@
 import type { StandardSchemaV1 } from '@standard-schema/spec';
-import type { ComputedRef, Ref } from 'vue';
+import type { ComputedRef, DeepReadonly, Ref } from 'vue';
 import type { ZodSchema } from 'zod';
 import type { Schema as JoiSchema } from 'joi';
 import type { ObjectSchema as YupObjectSchema } from 'yup';
 import type { GenericSchema as ValibotSchema, GenericSchemaAsync as ValibotSchemaAsync, SafeParser as ValibotSafeParser, SafeParserAsync as ValibotSafeParserAsync } from 'valibot';
 import type { GetObjectField } from './utils';
 import type { Struct as SuperstructSchema } from 'superstruct';
-export interface Form<T> {
+export interface Form<T extends object> {
     validate(opts?: {
-        name: string | string[];
-        silent?: false;
+        name?: keyof T | (keyof T)[];
+        silent?: boolean;
         nested?: boolean;
+        transform?: boolean;
     }): Promise<T | false>;
     clear(path?: string): void;
     errors: Ref<FormError[]>;
-    setErrors(errs: FormError[], path?: string): void;
-    getErrors(path?: string): FormError[];
+    setErrors(errs: FormError[], name?: keyof T): void;
+    getErrors(name?: keyof T): FormError[];
     submit(): Promise<void>;
     disabled: ComputedRef<boolean>;
+    dirty: ComputedRef<boolean>;
+    dirtyFields: DeepReadonly<Set<keyof T>>;
+    touchedFields: DeepReadonly<Set<keyof T>>;
+    blurredFields: DeepReadonly<Set<keyof T>>;
 }
-export type FormSchema<T extends Record<string, any>> = ZodSchema | YupObjectSchema<T> | ValibotSchema | ValibotSchemaAsync | ValibotSafeParser<any, any> | ValibotSafeParserAsync<any, any> | JoiSchema<T> | SuperstructSchema<any, any> | StandardSchemaV1;
-export type FormInputEvents = 'input' | 'blur' | 'change';
+export type FormSchema<T extends object> = ZodSchema | YupObjectSchema<T> | ValibotSchema | ValibotSchemaAsync | ValibotSafeParser<any, any> | ValibotSafeParserAsync<any, any> | JoiSchema<T> | SuperstructSchema<any, any> | StandardSchemaV1;
+export type FormInputEvents = 'input' | 'blur' | 'change' | 'focus';
 export interface FormError<P extends string = string> {
     name: P;
     message: string;
@@ -46,11 +51,12 @@ export type FormChildDetachEvent = {
     type: 'detach';
     formId: string | number;
 };
-export type FormInputEvent = {
+export type FormInputEvent<T extends object> = {
     type: FormEventType;
-    name?: string;
+    name: keyof T;
+    eager?: boolean;
 };
-export type FormEvent = FormInputEvent | FormChildAttachEvent | FormChildDetachEvent;
+export type FormEvent<T extends object> = FormInputEvent<T> | FormChildAttachEvent | FormChildDetachEvent;
 export interface FormInjectedOptions {
     disabled?: boolean;
     validateOnInputDelay?: number;
@@ -62,6 +68,9 @@ export interface FormFieldInjectedOptions<T> {
     eagerValidation?: boolean;
     validateOnInputDelay?: number;
     errorPattern?: RegExp;
+    hint?: string;
+    description?: string;
+    ariaId: string;
 }
 export interface ValidateReturnSchema<T> {
     result: T;
@@ -71,5 +80,5 @@ 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[], childErrors?: FormValidationException[]);
 }