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

package/dist/runtime/components/Textarea.vue

@@ -4,10 +4,11 @@ import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/textarea'
 import { tv } from '../utils/tv'
+import type { PartialString } from '../types/utils'
 
-const appConfig = _appConfig as AppConfig & { ui: { textarea: Partial<typeof theme> } }
+const appConfigTextarea = _appConfig as AppConfig & { ui: { textarea: Partial<typeof theme> } }
 
-const textarea = tv({ extend: tv(theme), ...(appConfig.ui?.textarea || {}) })
+const textarea = tv({ extend: tv(theme), ...(appConfigTextarea.ui?.textarea || {}) })
 
 type TextareaVariants = VariantProps<typeof textarea>
 
@@ -34,7 +35,7 @@ export interface TextareaProps {
   autoresize?: boolean
   /** Highlight the ring color like a focus state. */
   highlight?: boolean
-  ui?: Partial<typeof textarea.slots>
+  ui?: PartialString<typeof textarea.slots>
 }
 
 export interface TextareaEmits {
@@ -66,7 +67,7 @@ const emits = defineEmits<TextareaEmits>()
 
 const [modelValue, modelModifiers] = defineModel<string | number>()
 
-const { emitFormBlur, emitFormInput, emitFormChange, size, color, id, name, highlight, disabled } = useFormField<TextareaProps>(props, { deferInputValidation: true })
+const { emitFormFocus, emitFormBlur, emitFormInput, emitFormChange, size, color, id, name, highlight, disabled, ariaAttrs } = useFormField<TextareaProps>(props, { deferInputValidation: true })
 
 const ui = computed(() => textarea({
   color: color.value,
@@ -185,10 +186,11 @@ onMounted(() => {
       :class="ui.base({ class: props.ui?.base })"
       :disabled="disabled"
       :required="required"
-      v-bind="$attrs"
+      v-bind="{ ...$attrs, ...ariaAttrs }"
       @input="onInput"
       @blur="onBlur"
       @change="onChange"
+      @focus="emitFormFocus"
     />
 
     <slot />

package/dist/runtime/components/Toast.vue

@@ -7,10 +7,11 @@ import theme from '#build/ui/toast'
 import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 import { tv } from '../utils/tv'
 import type { AvatarProps, ButtonProps } from '../types'
+import type { StringOrVNode } from '../types/utils'
 
-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>
 
@@ -20,15 +21,16 @@ export interface ToastProps extends Pick<ToastRootProps, 'defaultOpen' | 'open'
    * @defaultValue 'li'
    */
   as?: any
-  title?: string
-  description?: string
+  title?: StringOrVNode
+  description?: StringOrVNode
   icon?: string
   avatar?: AvatarProps
   color?: ToastVariants['color']
+  orientation?: ToastVariants['orientation']
   /**
    * Display a list of actions:
-   * - under the title and description if multiline
-   * - next to the close button if not multiline
+   * - under the title and description when orientation is `vertical`
+   * - next to the close button when orientation is `horizontal`
    * `{ size: 'xs' }`{lang="ts-type"}
    */
   actions?: ButtonProps[]
@@ -71,7 +73,8 @@ import UAvatar from './Avatar.vue'
 import UButton from './Button.vue'
 
 const props = withDefaults(defineProps<ToastProps>(), {
-  close: true
+  close: true,
+  orientation: 'vertical'
 })
 const emits = defineEmits<ToastEmits>()
 const slots = defineSlots<ToastSlots>()
@@ -81,10 +84,10 @@ const appConfig = useAppConfig()
 
 const rootProps = useForwardPropsEmits(reactivePick(props, 'as', 'defaultOpen', 'open', 'duration', 'type'), emits)
 
-const multiline = computed(() => !!props.title && !!props.description)
-
 const ui = computed(() => toast({
-  color: props.color
+  color: props.color,
+  orientation: props.orientation,
+  title: !!props.title || !!slots.title
 }))
 
 const el = ref()
@@ -110,7 +113,8 @@ defineExpose({
     ref="el"
     v-slot="{ remaining, duration }"
     v-bind="rootProps"
-    :class="ui.root({ class: [props.class, props.ui?.root], multiline })"
+    :data-orientation="orientation"
+    :class="ui.root({ class: [props.class, props.ui?.root] })"
     :style="{ '--height': height }"
   >
     <slot name="leading">
@@ -121,16 +125,24 @@ defineExpose({
     <div :class="ui.wrapper({ class: props.ui?.wrapper })">
       <ToastTitle v-if="title || !!slots.title" :class="ui.title({ class: props.ui?.title })">
         <slot name="title">
-          {{ title }}
+          <component :is="title()" v-if="typeof title === 'function'" />
+          <component :is="title" v-else-if="typeof title === 'object'" />
+          <template v-else>
+            {{ title }}
+          </template>
         </slot>
       </ToastTitle>
       <ToastDescription v-if="description || !!slots.description" :class="ui.description({ class: props.ui?.description })">
         <slot name="description">
-          {{ description }}
+          <component :is="description()" v-if="typeof description === 'function'" />
+          <component :is="description" v-else-if="typeof description === 'object'" />
+          <template v-else>
+            {{ description }}
+          </template>
         </slot>
       </ToastDescription>
 
-      <div v-if="multiline && actions?.length" :class="ui.actions({ class: props.ui?.actions, multiline: true })">
+      <div v-if="orientation === 'vertical' && actions?.length" :class="ui.actions({ class: props.ui?.actions })">
         <slot name="actions">
           <ToastAction v-for="(action, index) in actions" :key="index" :alt-text="action.label || 'Action'" as-child @click.stop>
             <UButton size="xs" :color="color" v-bind="action" />
@@ -139,8 +151,8 @@ defineExpose({
       </div>
     </div>
 
-    <div v-if="(!multiline && actions?.length) || close !== null" :class="ui.actions({ class: props.ui?.actions, multiline: false })">
-      <template v-if="!multiline">
+    <div v-if="(orientation === 'horizontal' && actions?.length) || close" :class="ui.actions({ class: props.ui?.actions, orientation: 'horizontal' })">
+      <template v-if="orientation === 'horizontal' && actions?.length">
         <slot name="actions">
           <ToastAction v-for="(action, index) in actions" :key="index" :alt-text="action.label || 'Action'" as-child @click.stop>
             <UButton size="xs" :color="color" v-bind="action" />

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>
 
@@ -121,10 +121,10 @@ function getOffset(index: number) {
         '--transform': 'translateY(var(--translate)) scale(var(--scale))'
       }"
       :class="[ui.base(), {
-        'cursor-pointer': !!toast.click
+        'cursor-pointer': !!toast.onClick
       }]"
       @update:open="onUpdateOpen($event, toast.id)"
-      @click="toast.click && toast.click(toast)"
+      @click="toast.onClick && toast.onClick(toast)"
     />
 
     <ToastPortal :disabled="!portal">

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

@@ -1,7 +1,8 @@
-import type { ToastProps } from '../types';
-export interface Toast extends Omit<ToastProps, 'defaultOpen'> {
+import type { ToastProps, ToastEmits } from '../types';
+import type { EmitsToProps } from '../types/utils';
+export interface Toast extends Omit<ToastProps, 'defaultOpen'>, EmitsToProps<ToastEmits> {
     id: string | number;
-    click?: (toast: Toast) => void;
+    onClick?: (toast: Toast) => void;
 }
 export declare function useToast(): {
     toasts: import("vue").Ref<Toast[], Toast[]>;

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", () => []);
+  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;
+  }
   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);
+    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 "#build/ui.css";@import "./keyframes.css";@variant light (&:where(.light, .light *));@variant dark (&:where(.dark, .dark *));@layer base{body{@apply antialiased text-(--ui-text) bg-(--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/az.js

@@ -0,0 +1,54 @@
+import { defineLocale } from "../composables/defineLocale.js";
+export default defineLocale({
+  name: "Az\u0259rbaycanca",
+  code: "az",
+  messages: {
+    inputMenu: {
+      noMatch: "Uy\u011Fun m\u0259lumat tap\u0131lmad\u0131",
+      noData: "M\u0259lumat yoxdur",
+      create: '"{label}" yarat'
+    },
+    calendar: {
+      prevYear: "\u018Fvv\u0259lki il",
+      nextYear: "N\xF6vb\u0259ti il",
+      prevMonth: "\u018Fvv\u0259lki ay",
+      nextMonth: "N\xF6vb\u0259ti ay"
+    },
+    inputNumber: {
+      increment: "Art\u0131r",
+      decrement: "Azalt"
+    },
+    commandPalette: {
+      placeholder: "\u018Fmr daxil edin v\u0259 ya axtar\u0131n...",
+      noMatch: "Uy\u011Fun m\u0259lumat tap\u0131lmad\u0131",
+      noData: "M\u0259lumat yoxdur",
+      close: "Ba\u011Fla"
+    },
+    selectMenu: {
+      noMatch: "Uy\u011Fun m\u0259lumat tap\u0131lmad\u0131",
+      noData: "M\u0259lumat yoxdur",
+      create: '"{label}" yarat',
+      search: "Axtar..."
+    },
+    toast: {
+      close: "Ba\u011Fla"
+    },
+    carousel: {
+      prev: "\u018Fvv\u0259lki",
+      next: "N\xF6vb\u0259ti",
+      goto: "Slayd {slide} ke\xE7"
+    },
+    modal: {
+      close: "Ba\u011Fla"
+    },
+    slideover: {
+      close: "Ba\u011Fla"
+    },
+    alert: {
+      close: "Ba\u011Fla"
+    },
+    table: {
+      noData: "M\u0259lumat yoxdur"
+    }
+  }
+});

package/dist/runtime/locale/bn.js

@@ -0,0 +1,54 @@
+import { defineLocale } from "../composables/defineLocale.js";
+export default defineLocale({
+  name: "\u09AC\u09BE\u0982\u09B2\u09BE",
+  code: "bn",
+  messages: {
+    inputMenu: {
+      noMatch: "\u0995\u09CB\u09A8 \u09AE\u09BF\u09B2 \u09AA\u09BE\u0993\u09AF\u09BC\u09BE \u09AF\u09BE\u09AF\u09BC\u09A8\u09BF",
+      noData: "\u0995\u09CB\u09A8 \u09A4\u09A5\u09CD\u09AF \u09A8\u09C7\u0987",
+      create: '"{label}" \u09A4\u09C8\u09B0\u09BF \u0995\u09B0\u09C1\u09A8'
+    },
+    calendar: {
+      prevYear: "\u09AA\u09C2\u09B0\u09CD\u09AC\u09AC\u09B0\u09CD\u09A4\u09C0 \u09AC\u099B\u09B0",
+      nextYear: "\u09AA\u09B0\u09AC\u09B0\u09CD\u09A4\u09C0 \u09AC\u099B\u09B0",
+      prevMonth: "\u09AA\u09C2\u09B0\u09CD\u09AC\u09AC\u09B0\u09CD\u09A4\u09C0 \u09AE\u09BE\u09B8",
+      nextMonth: "\u09AA\u09B0\u09AC\u09B0\u09CD\u09A4\u09C0 \u09AE\u09BE\u09B8"
+    },
+    inputNumber: {
+      increment: "\u09AC\u09C3\u09A6\u09CD\u09A7\u09BF \u0995\u09B0\u09C1\u09A8",
+      decrement: "\u09B9\u09CD\u09B0\u09BE\u09B8 \u0995\u09B0\u09C1\u09A8"
+    },
+    commandPalette: {
+      placeholder: "\u0995\u09AE\u09BE\u09A8\u09CD\u09A1 \u099F\u09BE\u0987\u09AA \u0995\u09B0\u09C1\u09A8 \u09AC\u09BE \u0985\u09A8\u09C1\u09B8\u09A8\u09CD\u09A7\u09BE\u09A8 \u0995\u09B0\u09C1\u09A8...",
+      noMatch: "\u0995\u09CB\u09A8 \u09AE\u09BF\u09B2 \u09AA\u09BE\u0993\u09AF\u09BC\u09BE \u09AF\u09BE\u09AF\u09BC\u09A8\u09BF",
+      noData: "\u0995\u09CB\u09A8 \u09A4\u09A5\u09CD\u09AF \u09A8\u09C7\u0987",
+      close: "\u09AC\u09A8\u09CD\u09A7 \u0995\u09B0\u09C1\u09A8"
+    },
+    selectMenu: {
+      noMatch: "\u0995\u09CB\u09A8 \u09AE\u09BF\u09B2 \u09AA\u09BE\u0993\u09AF\u09BC\u09BE \u09AF\u09BE\u09AF\u09BC\u09A8\u09BF",
+      noData: "\u0995\u09CB\u09A8 \u09A4\u09A5\u09CD\u09AF \u09A8\u09C7\u0987",
+      create: '"{label}" \u09A4\u09C8\u09B0\u09BF \u0995\u09B0\u09C1\u09A8',
+      search: "\u0985\u09A8\u09C1\u09B8\u09A8\u09CD\u09A7\u09BE\u09A8 \u0995\u09B0\u09C1\u09A8..."
+    },
+    toast: {
+      close: "\u09AC\u09A8\u09CD\u09A7 \u0995\u09B0\u09C1\u09A8"
+    },
+    carousel: {
+      prev: "\u09AA\u09C2\u09B0\u09CD\u09AC\u09AC\u09B0\u09CD\u09A4\u09C0",
+      next: "\u09AA\u09B0\u09AC\u09B0\u09CD\u09A4\u09C0",
+      goto: "\u09B8\u09CD\u09B2\u09BE\u0987\u09A1 {slide} \u098F \u09AF\u09BE\u09A8"
+    },
+    modal: {
+      close: "\u09AC\u09A8\u09CD\u09A7 \u0995\u09B0\u09C1\u09A8"
+    },
+    slideover: {
+      close: "\u09AC\u09A8\u09CD\u09A7 \u0995\u09B0\u09C1\u09A8"
+    },
+    alert: {
+      close: "\u09AC\u09A8\u09CD\u09A7 \u0995\u09B0\u09C1\u09A8"
+    },
+    table: {
+      noData: "\u0995\u09CB\u09A8 \u09A4\u09A5\u09CD\u09AF \u09A8\u09C7\u0987"
+    }
+  }
+});

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.d.ts

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

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.d.ts

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

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"
+    }
+  }
+});