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

package/dist/runtime/components/Select.vue

@@ -1,11 +1,12 @@
 <script lang="ts">
-import { tv, type VariantProps } from 'tailwind-variants'
+import type { VariantProps } from 'tailwind-variants'
 import type { SelectRootProps, SelectRootEmits, SelectContentProps, SelectArrowProps, AcceptableValue } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/select'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
 import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
+import { tv } from '../utils/tv'
 import type { AvatarProps, ChipProps, InputProps } from '../types'
 import type { PartialString, MaybeArrayOfArray, MaybeArrayOfArrayItem, SelectModelValue, SelectModelValueEmits, SelectItemKey } from '../types/utils'
 
@@ -158,7 +159,7 @@ function displayValue(value?: AcceptableValue | AcceptableValue[]): string | und
     return value.map(v => displayValue(v)).filter(Boolean).join(', ')
   }
 
-  const item = items.value.find(item => compare(typeof item === 'object' ? get(item, props.valueKey as string) : item, value))
+  const item = items.value.find(item => compare(typeof item === 'object' ? get(item as Record<string, any>, props.valueKey as string) : item, value))
   return item && (typeof item === 'object' ? get(item, props.labelKey as string) : item)
 }
 

package/dist/runtime/components/SelectMenu.vue

@@ -1,11 +1,12 @@
 <script lang="ts">
-import { tv, type VariantProps } from 'tailwind-variants'
+import type { VariantProps } from 'tailwind-variants'
 import type { ComboboxRootProps, ComboboxRootEmits, ComboboxContentProps, ComboboxArrowProps, AcceptableValue } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/select-menu'
 import type { UseComponentIconsProps } from '../composables/useComponentIcons'
 import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
+import { tv } from '../utils/tv'
 import type { AvatarProps, ChipProps, InputProps } from '../types'
 import type { PartialString, MaybeArrayOfArray, MaybeArrayOfArrayItem, SelectModelValue, SelectModelValueEmits, SelectItemKey } from '../types/utils'
 
@@ -150,7 +151,8 @@ import UInput from './Input.vue'
 const props = withDefaults(defineProps<SelectMenuProps<T, I, V, M>>(), {
   portal: true,
   searchInput: true,
-  labelKey: 'label' as never
+  labelKey: 'label' as never,
+  resetSearchTermOnBlur: true
 })
 const emits = defineEmits<SelectMenuEmits<T, V, M>>()
 const slots = defineSlots<SelectMenuSlots<T, M>>()
@@ -164,7 +166,7 @@ const { contains } = useFilter({ sensitivity: 'base' })
 const rootProps = useForwardPropsEmits(reactivePick(props, 'modelValue', 'defaultValue', 'open', 'defaultOpen', 'multiple', 'resetSearchTermOnBlur', 'highlightOnHover'), emits)
 const contentProps = toRef(() => defu(props.content, { side: 'bottom', sideOffset: 8, collisionPadding: 8, position: 'popper' }) as ComboboxContentProps)
 const arrowProps = toRef(() => props.arrow as ComboboxArrowProps)
-const searchInputProps = toRef(() => defu(props.searchInput, { placeholder: 'Search...', variant: 'none' }) as InputProps)
+const searchInputProps = toRef(() => defu(props.searchInput, { placeholder: t('selectMenu.search'), variant: 'none' }) as InputProps)
 
 const { emitFormBlur, emitFormInput, emitFormChange, size: formGroupSize, color, id, name, highlight, disabled } = useFormField<InputProps>(props)
 const { orientation, size: buttonGroupSize } = useButtonGroup<InputProps>(props)
@@ -194,7 +196,7 @@ function displayValue(value: T | T[]): string {
     return value && (typeof value === 'object' ? get(value, props.labelKey as string) : value)
   }
 
-  const item = items.value.find(item => compare(typeof item === 'object' ? get(item, props.valueKey as string) : item, value))
+  const item = items.value.find(item => compare(typeof item === 'object' ? get(item as Record<string, any>, props.valueKey as string) : item, value))
   return item && (typeof item === 'object' ? get(item, props.labelKey as string) : item)
 }
 
@@ -250,13 +252,27 @@ function onUpdate(value: any) {
 }
 
 function onUpdateOpen(value: boolean) {
+  let timeoutId
+
   if (!value) {
     const event = new FocusEvent('blur')
+
     emits('blur', event)
     emitFormBlur()
+
+    // Since we use `displayValue` prop inside ComboboxInput we should reset searchTerm manually
+    // https://reka-ui.com/docs/components/combobox#api-reference
+    if (props.resetSearchTermOnBlur) {
+      const STATE_ANIMATION_DELAY_MS = 100
+
+      timeoutId = setTimeout(() => {
+        searchTerm.value = ''
+      }, STATE_ANIMATION_DELAY_MS)
+    }
   } else {
     const event = new FocusEvent('focus')
     emits('focus', event)
+    clearTimeout(timeoutId)
   }
 }
 </script>

package/dist/runtime/components/Separator.vue

@@ -1,9 +1,10 @@
 <script lang="ts">
-import { tv, type VariantProps } from 'tailwind-variants'
+import type { VariantProps } from 'tailwind-variants'
 import type { SeparatorProps as _SeparatorProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/separator'
+import { tv } from '../utils/tv'
 import type { AvatarProps } from '../types'
 
 const appConfig = _appConfig as AppConfig & { ui: { separator: Partial<typeof theme> } }

package/dist/runtime/components/Skeleton.vue

@@ -1,8 +1,8 @@
 <script lang="ts">
-import { tv } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/skeleton'
+import { tv } from '../utils/tv'
 import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
 
 const appConfig = _appConfig as AppConfig & { ui: { skeleton: Partial<typeof theme> } }

package/dist/runtime/components/Slideover.vue

@@ -1,10 +1,11 @@
 <script lang="ts">
-import { tv, type VariantProps } from 'tailwind-variants'
+import type { VariantProps } from 'tailwind-variants'
 import type { DialogRootProps, DialogRootEmits, DialogContentProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/slideover'
 import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
+import { tv } from '../utils/tv'
 import type { ButtonProps } from '../types'
 
 const appConfig = _appConfig as AppConfig & { ui: { slideover: Partial<typeof theme> } }
@@ -46,10 +47,10 @@ export interface SlideoverProps extends DialogRootProps {
    */
   closeIcon?: string
   /**
-   * When `true`, the slideover will not close when clicking outside.
-   * @defaultValue false
+   * When `false`, the slideover will not close when clicking outside or pressing escape.
+   * @defaultValue true
    */
-  preventClose?: boolean
+  dismissible?: boolean
   class?: any
   ui?: Partial<typeof slideover.slots>
 }
@@ -84,6 +85,7 @@ const props = withDefaults(defineProps<SlideoverProps>(), {
   overlay: true,
   transition: true,
   modal: true,
+  dismissible: true,
   side: 'right'
 })
 const emits = defineEmits<SlideoverEmits>()
@@ -95,7 +97,7 @@ const appConfig = useAppConfig()
 const rootProps = useForwardPropsEmits(reactivePick(props, 'open', 'defaultOpen', 'modal'), emits)
 const contentProps = toRef(() => props.content)
 const contentEvents = computed(() => {
-  if (props.preventClose) {
+  if (!props.dismissible) {
     return {
       pointerDownOutside: (e: Event) => e.preventDefault(),
       interactOutside: (e: Event) => e.preventDefault(),
@@ -103,13 +105,7 @@ const contentEvents = computed(() => {
     }
   }
 
-  return {
-    interactOutside: (e: Event) => {
-      if (e.target instanceof Element && e.target.closest('[data-sonner-toaster]')) {
-        return e.preventDefault()
-      }
-    }
-  }
+  return {}
 })
 
 const ui = computed(() => slideover({

package/dist/runtime/components/Slider.vue

@@ -1,9 +1,10 @@
 <script lang="ts">
-import { tv, type VariantProps } from 'tailwind-variants'
+import type { VariantProps } from 'tailwind-variants'
 import type { SliderRootProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/slider'
+import { tv } from '../utils/tv'
 
 const appConfig = _appConfig as AppConfig & { ui: { slider: Partial<typeof theme> } }
 

package/dist/runtime/components/Stepper.vue

@@ -1,10 +1,11 @@
 <script lang="ts">
-import { tv, type VariantProps } from 'tailwind-variants'
+import type { VariantProps } from 'tailwind-variants'
 import type { StepperRootProps, StepperRootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/stepper'
 import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
+import { tv } from '../utils/tv'
 import type { DynamicSlots } from '../types/utils'
 
 const appConfig = _appConfig as AppConfig & { ui: { stepper: Partial<typeof theme> } }
@@ -15,7 +16,7 @@ type StepperVariants = VariantProps<typeof stepper>
 
 export interface StepperItem {
   slot?: string
-  value?: string
+  value?: string | number
   title?: string
   description?: string
   icon?: string
@@ -66,6 +67,7 @@ import { reactivePick } from '@vueuse/core'
 import UIcon from './Icon.vue'
 
 const props = withDefaults(defineProps<StepperProps<T>>(), {
+  orientation: 'horizontal',
   linear: true
 })
 const emits = defineEmits<StepperEmits<T>>()
@@ -146,12 +148,12 @@ defineExpose({
 
         <div :class="ui.wrapper({ class: props.ui?.wrapper })">
           <StepperTitle :class="ui.title({ class: props.ui?.title })">
-            <slot name="title" :item="currentStep">
+            <slot name="title" :item="item">
               {{ item.title }}
             </slot>
           </StepperTitle>
           <StepperDescription :class="ui.description({ class: props.ui?.description })">
-            <slot name="description" :item="currentStep">
+            <slot name="description" :item="item">
               {{ item.description }}
             </slot>
           </StepperDescription>

package/dist/runtime/components/Switch.vue

@@ -1,10 +1,11 @@
 <script lang="ts">
-import { tv, type VariantProps } from 'tailwind-variants'
+import type { VariantProps } from 'tailwind-variants'
 import type { SwitchRootProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/switch'
 import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
+import { tv } from '../utils/tv'
 import type { PartialString } from '../types/utils'
 
 const appConfig = _appConfig as AppConfig & { ui: { switch: Partial<typeof theme> } }

package/dist/runtime/components/Table.vue

@@ -1,7 +1,7 @@
 <!-- eslint-disable vue/block-tag-newline -->
 <script lang="ts">
 import type { Ref } from 'vue'
-import { tv, type VariantProps } from 'tailwind-variants'
+import type { VariantProps } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
 import type { RowData } from '@tanstack/table-core'
 import type {
@@ -26,6 +26,7 @@ import type {
 } from '@tanstack/vue-table'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/table'
+import { tv } from '../utils/tv'
 
 declare module '@tanstack/table-core' {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars

package/dist/runtime/components/Tabs.vue

@@ -1,10 +1,11 @@
 <script lang="ts">
-import { tv, type VariantProps } from 'tailwind-variants'
+import type { VariantProps } from 'tailwind-variants'
 import type { TabsRootProps, TabsRootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/tabs'
 import { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'
+import { tv } from '../utils/tv'
 import type { AvatarProps } from '../types'
 import type { DynamicSlots, PartialString } from '../types/utils'
 
@@ -96,6 +97,7 @@ const props = withDefaults(defineProps<TabsProps<T>>(), {
   content: true,
   defaultValue: '0',
   orientation: 'horizontal',
+  unmountOnHide: true,
   labelKey: 'label'
 })
 const emits = defineEmits<TabsEmits>()

package/dist/runtime/components/Textarea.vue

@@ -1,8 +1,9 @@
 <script lang="ts">
-import { tv, type VariantProps } from 'tailwind-variants'
+import type { VariantProps } from 'tailwind-variants'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/textarea'
+import { tv } from '../utils/tv'
 
 const appConfig = _appConfig as AppConfig & { ui: { textarea: Partial<typeof theme> } }
 
@@ -65,7 +66,7 @@ const emits = defineEmits<TextareaEmits>()
 
 const [modelValue, modelModifiers] = defineModel<string | number>()
 
-const { emitFormBlur, emitFormInput, emitFormChange, size, color, id, name, highlight, disabled } = useFormField<TextareaProps>(props)
+const { emitFormBlur, emitFormInput, emitFormChange, size, color, id, name, highlight, disabled } = useFormField<TextareaProps>(props, { deferInputValidation: true })
 
 const ui = computed(() => textarea({
   color: color.value,

package/dist/runtime/components/Toast.vue

@@ -1,10 +1,11 @@
 <script lang="ts">
-import { tv, type VariantProps } from 'tailwind-variants'
+import type { VariantProps } from 'tailwind-variants'
 import type { ToastRootProps, ToastRootEmits } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/toast'
 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> } }

package/dist/runtime/components/Toaster.vue

@@ -1,10 +1,11 @@
 <script lang="ts">
-import { tv, type VariantProps } from 'tailwind-variants'
+import type { VariantProps } from 'tailwind-variants'
 import type { ToastProviderProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 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> } }
 

package/dist/runtime/components/Tooltip.vue

@@ -1,10 +1,10 @@
 <script lang="ts">
-import { tv } from 'tailwind-variants'
 import type { TooltipRootProps, TooltipRootEmits, TooltipContentProps, TooltipArrowProps } from 'reka-ui'
 import type { AppConfig } from '@nuxt/schema'
 import _appConfig from '#build/app.config'
 import theme from '#build/ui/tooltip'
 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> } }

package/dist/runtime/composables/defineShortcuts.js

@@ -6,7 +6,7 @@ export function extractShortcuts(items) {
   const shortcuts = {};
   function traverse(items2) {
     items2.forEach((item) => {
-      if (item.kbds?.length && (item.select || item.click)) {
+      if (item.kbds?.length && (item.onSelect || item.onClick)) {
         const shortcutKey = item.kbds.join("_");
         shortcuts[shortcutKey] = item.onSelect || item.onClick;
       }

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

@@ -8,7 +8,6 @@ type Props<T> = {
     name?: string;
     size?: GetObjectField<T, 'size'>;
     color?: GetObjectField<T, 'color'>;
-    eagerValidation?: boolean;
     legend?: string;
     highlight?: boolean;
     disabled?: boolean;
@@ -24,6 +23,7 @@ export declare const formInputsInjectionKey: InjectionKey<Ref<Record<string, {
 export declare const formLoadingInjectionKey: InjectionKey<Readonly<Ref<boolean>>>;
 export declare function useFormField<T>(props?: Props<T>, opts?: {
     bind?: boolean;
+    deferInputValidation?: boolean;
 }): {
     id: ComputedRef<string | undefined>;
     name: ComputedRef<string | undefined>;

package/dist/runtime/composables/useFormField.js

@@ -22,22 +22,25 @@ export function useFormField(props, opts) {
       formInputs.value[formField.value.name] = { id: inputId.value, pattern: formField.value.errorPattern };
     }
   }
-  const blurred = ref(false);
+  const touched = ref(false);
   function emitFormEvent(type, name) {
     if (formBus && formField && name) {
       formBus.emit({ type, name });
     }
   }
   function emitFormBlur() {
+    touched.value = true;
     emitFormEvent("blur", formField?.value.name);
-    blurred.value = true;
   }
   function emitFormChange() {
+    touched.value = true;
     emitFormEvent("change", formField?.value.name);
   }
   const emitFormInput = useDebounceFn(
     () => {
-      emitFormEvent("input", formField?.value.name);
+      if (!opts?.deferInputValidation || touched.value || formField?.value.eagerValidation) {
+        emitFormEvent("input", formField?.value.name);
+      }
     },
     formField?.value.validateOnInputDelay ?? formOptions?.value.validateOnInputDelay ?? 0
   );

package/dist/runtime/locale/ar.js

@@ -20,6 +20,7 @@ export default defineLocale({
       decrement: "\u062A\u0642\u0644\u064A\u0644"
     },
     commandPalette: {
+      placeholder: "\u0627\u0643\u062A\u0628 \u0623\u0645\u0631\u064B\u0627 \u0623\u0648 \u0627\u0628\u062D\u062B...",
       noMatch: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0646\u062A\u0627\u0626\u062C \u0645\u0637\u0627\u0628\u0642\u0629",
       noData: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0628\u064A\u0627\u0646\u0627\u062A",
       close: "\u0625\u063A\u0644\u0627\u0642"
@@ -27,7 +28,8 @@ export default defineLocale({
     selectMenu: {
       noMatch: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0646\u062A\u0627\u0626\u062C \u0645\u0637\u0627\u0628\u0642\u0629",
       noData: "\u0644\u0627 \u062A\u0648\u062C\u062F \u0628\u064A\u0627\u0646\u0627\u062A",
-      create: '\u0625\u0646\u0634\u0627\u0621 "{label}"'
+      create: '\u0625\u0646\u0634\u0627\u0621 "{label}"',
+      search: "\u0628\u062D\u062B..."
     },
     toast: {
       close: "\u0625\u063A\u0644\u0627\u0642"

package/dist/runtime/locale/cs.js

@@ -19,6 +19,7 @@ export default defineLocale({
       decrement: "Sn\xED\u017Eit"
     },
     commandPalette: {
+      placeholder: "Zadejte p\u0159\xEDkaz nebo hledejte...",
       noMatch: "\u017D\xE1dn\xE1 shoda",
       noData: "\u017D\xE1dn\xE1 data",
       close: "Zav\u0159\xEDt"
@@ -26,7 +27,8 @@ export default defineLocale({
     selectMenu: {
       noMatch: "\u017D\xE1dn\xE1 shoda",
       noData: "\u017D\xE1dn\xE1 data",
-      create: 'Vytvo\u0159it "{label}"'
+      create: 'Vytvo\u0159it "{label}"',
+      search: "Hledat..."
     },
     toast: {
       close: "Zav\u0159\xEDt"

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

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

package/dist/runtime/locale/da.js

@@ -0,0 +1,54 @@
+import { defineLocale } from "../composables/defineLocale.js";
+export default defineLocale({
+  name: "Danish",
+  code: "da",
+  messages: {
+    inputMenu: {
+      noMatch: "Ingen matchende data",
+      noData: "Ingen data",
+      create: 'Opret "{label}"'
+    },
+    calendar: {
+      prevYear: "Forrige \xE5r",
+      nextYear: "N\xE6ste \xE5r",
+      prevMonth: "Forrige m\xE5ned",
+      nextMonth: "N\xE6ste m\xE5ned"
+    },
+    inputNumber: {
+      increment: "\xD8g",
+      decrement: "Reducer"
+    },
+    commandPalette: {
+      placeholder: "Skriv en kommando eller s\xF8g...",
+      noMatch: "Ingen matchende data",
+      noData: "Ingen data",
+      close: "Luk"
+    },
+    selectMenu: {
+      noMatch: "Ingen matchende data",
+      noData: "Ingen data",
+      create: 'Opret "{label}"',
+      search: "S\xF8g..."
+    },
+    toast: {
+      close: "Luk"
+    },
+    carousel: {
+      prev: "Forrige",
+      next: "N\xE6ste",
+      goto: "G\xE5 til slide {slide}"
+    },
+    modal: {
+      close: "Luk"
+    },
+    slideover: {
+      close: "Luk"
+    },
+    alert: {
+      close: "Luk"
+    },
+    table: {
+      noData: "Ingen data"
+    }
+  }
+});

package/dist/runtime/locale/de.js

@@ -19,6 +19,7 @@ export default defineLocale({
       decrement: "Verringern"
     },
     commandPalette: {
+      placeholder: "Geben Sie einen Befehl ein oder suchen Sie...",
       noMatch: "Nichts gefunden",
       noData: "Keine Daten",
       close: "Schlie\xDFen"
@@ -26,7 +27,8 @@ export default defineLocale({
     selectMenu: {
       noMatch: "Nichts gefunden",
       noData: "Keine Daten",
-      create: '"{label}" erstellen'
+      create: '"{label}" erstellen',
+      search: "Suchen..."
     },
     toast: {
       close: "Schlie\xDFen"

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

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

package/dist/runtime/locale/el.js

@@ -0,0 +1,54 @@
+import { defineLocale } from "../composables/defineLocale.js";
+export default defineLocale({
+  name: "\u0395\u03BB\u03BB\u03B7\u03BD\u03B9\u03BA\u03AC",
+  code: "el",
+  messages: {
+    inputMenu: {
+      noMatch: "\u0394\u03B5\u03BD \u03B2\u03C1\u03AD\u03B8\u03B7\u03BA\u03B1\u03BD \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1",
+      noData: "\u0394\u03B5\u03BD \u03C5\u03C0\u03AC\u03C1\u03C7\u03BF\u03C5\u03BD \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1",
+      create: '\u0394\u03B7\u03BC\u03B9\u03BF\u03C5\u03C1\u03B3\u03AF\u03B1 "{label}"'
+    },
+    calendar: {
+      prevYear: "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF \u03AD\u03C4\u03BF\u03C2",
+      nextYear: "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF \u03AD\u03C4\u03BF\u03C2",
+      prevMonth: "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\u03C2 \u03BC\u03AE\u03BD\u03B1\u03C2",
+      nextMonth: "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\u03C2 \u03BC\u03AE\u03BD\u03B1\u03C2"
+    },
+    inputNumber: {
+      increment: "\u0391\u03CD\u03BE\u03B7\u03C3\u03B7",
+      decrement: "\u039C\u03B5\u03AF\u03C9\u03C3\u03B7"
+    },
+    commandPalette: {
+      placeholder: "\u03A0\u03BB\u03B7\u03BA\u03C4\u03C1\u03BF\u03BB\u03BF\u03B3\u03AE\u03C3\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03B5\u03BD\u03C4\u03BF\u03BB\u03AE \u03AE \u03B1\u03BD\u03B1\u03B6\u03B7\u03C4\u03AE\u03C3\u03C4\u03B5...",
+      noMatch: "\u0394\u03B5\u03BD \u03B2\u03C1\u03AD\u03B8\u03B7\u03BA\u03B1\u03BD \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1",
+      noData: "\u0394\u03B5\u03BD \u03C5\u03C0\u03AC\u03C1\u03C7\u03BF\u03C5\u03BD \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1",
+      close: "\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF"
+    },
+    selectMenu: {
+      noMatch: "\u0394\u03B5\u03BD \u03B2\u03C1\u03AD\u03B8\u03B7\u03BA\u03B1\u03BD \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1",
+      noData: "\u0394\u03B5\u03BD \u03C5\u03C0\u03AC\u03C1\u03C7\u03BF\u03C5\u03BD \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1",
+      create: '\u0394\u03B7\u03BC\u03B9\u03BF\u03C5\u03C1\u03B3\u03AF\u03B1 "{label}"',
+      search: "\u0391\u03BD\u03B1\u03B6\u03AE\u03C4\u03B7\u03C3\u03B7..."
+    },
+    toast: {
+      close: "\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF"
+    },
+    carousel: {
+      prev: "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF",
+      next: "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF",
+      goto: "\u039C\u03B5\u03C4\u03AC\u03B2\u03B1\u03C3\u03B7 \u03C3\u03C4\u03B7 \u03B4\u03B9\u03B1\u03C6\u03AC\u03BD\u03B5\u03B9\u03B1 {slide}"
+    },
+    modal: {
+      close: "\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF"
+    },
+    slideover: {
+      close: "\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF"
+    },
+    alert: {
+      close: "\u039A\u03BB\u03B5\u03AF\u03C3\u03B9\u03BC\u03BF"
+    },
+    table: {
+      noData: "\u0394\u03B5\u03BD \u03C5\u03C0\u03AC\u03C1\u03C7\u03BF\u03C5\u03BD \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03B1"
+    }
+  }
+});

package/dist/runtime/locale/en.js

@@ -19,6 +19,7 @@ export default defineLocale({
       decrement: "Decrement"
     },
     commandPalette: {
+      placeholder: "Type a command or search...",
       noMatch: "No matching data",
       noData: "No data",
       close: "Close"
@@ -26,7 +27,8 @@ export default defineLocale({
     selectMenu: {
       noMatch: "No matching data",
       noData: "No data",
-      create: 'Create "{label}"'
+      create: 'Create "{label}"',
+      search: "Search..."
     },
     toast: {
       close: "Close"

package/dist/runtime/locale/es.js

@@ -19,6 +19,7 @@ export default defineLocale({
       decrement: "Decremento"
     },
     commandPalette: {
+      placeholder: "Escribe un comando o busca...",
       noMatch: "No hay datos coincidentes",
       noData: "Sin datos",
       close: "Cerrar"
@@ -26,7 +27,8 @@ export default defineLocale({
     selectMenu: {
       noMatch: "No hay datos coincidentes",
       noData: "Sin datos",
-      create: 'Crear "{label}"'
+      create: 'Crear "{label}"',
+      search: "Buscar..."
     },
     toast: {
       close: "Cerrar"

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

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