@xleddyl/443-components-vue 0.0.0 → 0.2.0

package/dist/components/forms/DatePicker.vue

@@ -32,15 +32,15 @@
          :aria-controls="panelId"
       >
          <Icon name="calendar" class="k-date-picker-icon" />
-         <span class="k-date-picker-value">{{ displayValue || placeholder }}</span>
+         <span class="k-date-picker-value">{{ displayValue || placeholderText }}</span>
          <Icon name="chevron-up-down" class="k-date-picker-chevron" />
       </button>
       <button
          v-if="showClear"
          type="button"
          class="k-date-picker-clear"
-         :aria-label="clearLabel"
-         :title="clearLabel"
+         :aria-label="clearText"
+         :title="clearText"
          @click="clear"
       >
          <Icon name="x-mark" />
@@ -52,7 +52,7 @@
          role="dialog"
          class="k-floating k-form-popover k-date-picker-panel"
          :data-side="layer.side.value"
-         :aria-label="dialogLabel"
+         :aria-label="dialogText"
          @keydown.esc.stop
       >
          <Calendar
@@ -62,7 +62,7 @@
             :min="min"
             :max="max"
             :is-date-disabled="isDateDisabled"
-            :locale="locale"
+            :locale="resolvedLocale"
             :week-starts-on="weekStartsOn"
             @update:model-value="onCalendarChange"
          >
@@ -82,6 +82,7 @@
 <script setup>
 import { computed, nextTick, useId, useTemplateRef } from "vue";
 import { useFieldControl } from "../../composables/useField";
+import { useLocale } from "../../composables/useLocale";
 import { useFloatingLayer } from "../../internal/floating/layer";
 import { joinIds } from "../../internal/forms/control";
 import { formatIso, isIsoDate } from "../../internal/forms/dates";
@@ -94,14 +95,14 @@ const props = defineProps({
   min: { type: String, required: false },
   max: { type: String, required: false },
   isDateDisabled: { type: Function, required: false },
-  locale: { type: String, required: false, default: "en-US" },
+  locale: { type: String, required: false },
   weekStartsOn: { type: Number, required: false },
   format: { type: null, required: false, default: () => ({ year: "numeric", month: "short", day: "numeric" }) },
-  placeholder: { type: String, required: false, default: "Pick a date" },
+  placeholder: { type: String, required: false },
   size: { type: String, required: false, default: "md" },
   clearable: { type: Boolean, required: false },
-  clearLabel: { type: String, required: false, default: "Clear date" },
-  dialogLabel: { type: String, required: false, default: "Choose date" },
+  clearLabel: { type: String, required: false },
+  dialogLabel: { type: String, required: false },
   closeOnSelect: { type: Boolean, required: false, default: true },
   invalid: { type: Boolean, required: false, default: void 0 },
   disabled: { type: Boolean, required: false },
@@ -110,6 +111,11 @@ const props = defineProps({
   class: { type: null, required: false },
   style: { type: null, required: false }
 });
+const { locale: appLocale, t } = useLocale();
+const resolvedLocale = computed(() => props.locale ?? appLocale.value.code);
+const placeholderText = computed(() => props.placeholder ?? t("datePicker.placeholder"));
+const clearText = computed(() => props.clearLabel ?? t("datePicker.clear"));
+const dialogText = computed(() => props.dialogLabel ?? t("datePicker.dialog"));
 const model = defineModel({ type: null });
 const baseId = useId();
 const panelId = `${baseId}-dialog`;
@@ -136,11 +142,11 @@ const rangeValue = computed(
   () => model.value && typeof model.value === "object" ? model.value : { start: null, end: null }
 );
 const displayValue = computed(() => {
-  const show = (iso) => iso && isIsoDate(iso) ? formatIso(iso, props.locale, props.format) : "";
+  const show = (iso) => iso && isIsoDate(iso) ? formatIso(iso, resolvedLocale.value, props.format) : "";
   if (!props.range) return show(singleValue.value);
   const { start, end } = rangeValue.value;
   if (!start) return "";
-  return `${show(start)} to ${end ? show(end) : "..."}`;
+  return t("datePicker.range", { start: show(start), end: end ? show(end) : "..." });
 });
 const showClear = computed(
   () => props.clearable && interactive.value && Boolean(displayValue.value)

package/dist/components/forms/DatePicker.vue.d.ts

@@ -30,14 +30,16 @@ declare const __VLS_base: import("vue").DefineComponent<{
     style?: unknown;
     modelValue?: string | CalendarRange | null | undefined;
     key?: PropertyKey | undefined;
+    prefix?: string | undefined | undefined;
     value?: string | number | readonly string[] | undefined;
+    form?: string | undefined | undefined;
+    title?: string | undefined | undefined;
+    results?: (string | number) | undefined;
     type?: "submit" | "reset" | "button" | undefined | undefined;
     ref?: import("vue").VNodeRef | undefined;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    form?: string | undefined | undefined;
-    title?: string | undefined | undefined;
     onCopy?: ((payload: ClipboardEvent) => void) | undefined;
     onCut?: ((payload: ClipboardEvent) => void) | undefined;
     onPaste?: ((payload: ClipboardEvent) => void) | undefined;
@@ -146,7 +148,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "location" | "time" | (boolean | "true" | "false") | "page" | "step" | "date" | undefined;
+    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -155,7 +157,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
+    'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
     'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;
     'aria-labelledby'?: string | undefined | undefined;
@@ -191,7 +193,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     spellcheck?: (boolean | "true" | "false") | undefined;
@@ -200,7 +202,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     about?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
-    prefix?: string | undefined | undefined;
     property?: string | undefined | undefined;
     resource?: string | undefined | undefined;
     typeof?: string | undefined | undefined;
@@ -213,7 +214,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     itemtype?: string | undefined | undefined;
     itemid?: string | undefined | undefined;
     itemref?: string | undefined | undefined;
-    results?: (string | number) | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
     inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
@@ -258,14 +258,16 @@ declare const __VLS_base: import("vue").DefineComponent<{
     style?: unknown;
     modelValue?: string | CalendarRange | null | undefined;
     key?: PropertyKey | undefined;
+    prefix?: string | undefined | undefined;
     value?: string | number | readonly string[] | undefined;
+    form?: string | undefined | undefined;
+    title?: string | undefined | undefined;
+    results?: (string | number) | undefined;
     type?: "submit" | "reset" | "button" | undefined | undefined;
     ref?: import("vue").VNodeRef | undefined;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    form?: string | undefined | undefined;
-    title?: string | undefined | undefined;
     onCopy?: ((payload: ClipboardEvent) => void) | undefined;
     onCut?: ((payload: ClipboardEvent) => void) | undefined;
     onPaste?: ((payload: ClipboardEvent) => void) | undefined;
@@ -374,7 +376,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "location" | "time" | (boolean | "true" | "false") | "page" | "step" | "date" | undefined;
+    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -383,7 +385,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
+    'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
     'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;
     'aria-labelledby'?: string | undefined | undefined;
@@ -419,7 +421,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     spellcheck?: (boolean | "true" | "false") | undefined;
@@ -428,7 +430,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     about?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
-    prefix?: string | undefined | undefined;
     property?: string | undefined | undefined;
     resource?: string | undefined | undefined;
     typeof?: string | undefined | undefined;
@@ -441,7 +442,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     itemtype?: string | undefined | undefined;
     itemid?: string | undefined | undefined;
     itemref?: string | undefined | undefined;
-    results?: (string | number) | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
     inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
@@ -462,11 +462,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
 }>, {
     invalid: boolean;
     size: FieldSize;
-    placeholder: string;
     format: Intl.DateTimeFormatOptions;
-    clearLabel: string;
-    locale: string;
-    dialogLabel: string;
     closeOnSelect: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/forms/FileInput.vue

@@ -39,7 +39,7 @@
          </span>
          <span class="k-file-input-dropzone-text">
             <span class="k-file-input-dropzone-title">
-               <slot name="title" :over="over">{{ over ? dropText : title }}</slot>
+               <slot name="title" :over="over">{{ over ? dropLabel : titleLabel }}</slot>
             </span>
             <span v-if="hint" :id="hintId" class="k-file-input-dropzone-hint">{{ hint }}</span>
          </span>
@@ -57,7 +57,7 @@
          :disabled="control.disabled.value || void 0"
          @change="onNativeChange"
       />
-      <ul v-if="files.length" role="list" class="k-file-input-list" :aria-label="listLabel">
+      <ul v-if="files.length" role="list" class="k-file-input-list" :aria-label="listText">
          <li v-for="file in files" :key="fileKey(file)" class="k-file-input-item">
             <span class="k-file-input-thumb" aria-hidden="true">
                <img v-if="previews[fileKey(file)]" :src="previews[fileKey(file)]" alt="" />
@@ -65,7 +65,7 @@
             </span>
             <span class="k-file-input-meta">
                <span class="k-file-input-name" :title="file.name">{{ file.name }}</span>
-               <span class="k-file-input-size">{{ formatBytes(file.size, locale) }}</span>
+               <span class="k-file-input-size">{{ formatBytes(file.size, resolvedLocale) }}</span>
             </span>
             <Button
                v-if="!readonly && !control.disabled.value"
@@ -73,8 +73,8 @@
                variant="ghost"
                tone="neutral"
                icon="x-mark"
-               :aria-label="`${removeLabel} ${file.name}`"
-               :title="removeLabel"
+               :aria-label="`${removeText} ${file.name}`"
+               :title="removeText"
                @click="removeFile(file)"
             />
          </li>
@@ -95,6 +95,7 @@ import {
   watch
 } from "vue";
 import { useFieldControl } from "../../composables/useField";
+import { useLocale } from "../../composables/useLocale";
 import { useFileDrop } from "../../composables/useFileDrop";
 import { joinIds } from "../../internal/forms/control";
 import {
@@ -117,13 +118,13 @@ const props = defineProps({
   previews: { type: Boolean, required: false, default: true },
   size: { type: String, required: false, default: "md" },
   icon: { type: null, required: false, default: "arrow-up-tray" },
-  title: { type: String, required: false, default: "Drop files here or click to browse" },
-  dropText: { type: String, required: false, default: "Release to add files" },
+  title: { type: String, required: false },
+  dropText: { type: String, required: false },
   hint: { type: String, required: false },
-  removeLabel: { type: String, required: false, default: "Remove" },
-  listLabel: { type: String, required: false, default: "Selected files" },
-  locale: { type: String, required: false, default: "en-US" },
-  announce: { type: Function, required: false, default: (count) => `${count} ${count === 1 ? "file" : "files"} selected` },
+  removeLabel: { type: String, required: false },
+  listLabel: { type: String, required: false },
+  locale: { type: String, required: false },
+  announce: { type: Function, required: false },
   invalid: { type: Boolean, required: false, default: void 0 },
   disabled: { type: Boolean, required: false },
   readonly: { type: Boolean, required: false },
@@ -131,6 +132,15 @@ const props = defineProps({
   class: { type: null, required: false },
   style: { type: null, required: false }
 });
+const { locale: appLocale, t } = useLocale();
+const resolvedLocale = computed(() => props.locale ?? appLocale.value.code);
+const titleLabel = computed(() => props.title ?? t("fileInput.title"));
+const dropLabel = computed(() => props.dropText ?? t("fileInput.drop"));
+const removeText = computed(() => props.removeLabel ?? t("common.remove"));
+const listText = computed(() => props.listLabel ?? t("fileInput.list"));
+function announceCount(count) {
+  return props.announce ? props.announce(count) : t("fileInput.selected", { count });
+}
 const model = defineModel({ type: null });
 const emit = defineEmits(["invalid", "add", "remove"]);
 const hintId = `${useId()}-hint`;
@@ -194,7 +204,7 @@ function addFiles(incoming) {
   if (!accepted.length) return;
   model.value = props.multiple ? [...files.value, ...accepted] : accepted[0];
   emit("add", accepted);
-  announcement.value = props.announce(props.multiple ? files.value.length : 1);
+  announcement.value = announceCount(props.multiple ? files.value.length : 1);
 }
 function onNativeChange(event) {
   const target = event.target;
@@ -205,7 +215,7 @@ function removeFile(file) {
   const key = fileKey(file);
   model.value = props.multiple ? files.value.filter((entry) => fileKey(entry) !== key) : null;
   emit("remove", file);
-  announcement.value = props.announce(props.multiple ? files.value.length : 0);
+  announcement.value = announceCount(props.multiple ? files.value.length : 0);
   buttonRef.value?.focus();
 }
 function syncPreviews(current) {

package/dist/components/forms/FileInput.vue.d.ts

@@ -34,14 +34,16 @@ declare const __VLS_base: import("vue").DefineComponent<{
     style?: unknown;
     modelValue?: File | File[] | null | undefined;
     key?: PropertyKey | undefined;
+    prefix?: string | undefined | undefined;
     value?: string | number | readonly string[] | undefined;
+    form?: string | undefined | undefined;
+    results?: (string | number) | undefined;
+    placeholder?: string | undefined | undefined;
     type?: "submit" | "reset" | "button" | undefined | undefined;
     ref?: import("vue").VNodeRef | undefined;
-    placeholder?: string | undefined | undefined;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    form?: string | undefined | undefined;
     onCopy?: ((payload: ClipboardEvent) => void) | undefined;
     onCut?: ((payload: ClipboardEvent) => void) | undefined;
     onPaste?: ((payload: ClipboardEvent) => void) | undefined;
@@ -149,7 +151,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "location" | "time" | (boolean | "true" | "false") | "page" | "step" | "date" | undefined;
+    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -158,7 +160,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
+    'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
     'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;
     'aria-labelledby'?: string | undefined | undefined;
@@ -194,7 +196,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     spellcheck?: (boolean | "true" | "false") | undefined;
@@ -203,7 +205,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     about?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
-    prefix?: string | undefined | undefined;
     property?: string | undefined | undefined;
     resource?: string | undefined | undefined;
     typeof?: string | undefined | undefined;
@@ -216,7 +217,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     itemtype?: string | undefined | undefined;
     itemid?: string | undefined | undefined;
     itemref?: string | undefined | undefined;
-    results?: (string | number) | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
     inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
@@ -237,10 +237,10 @@ declare const __VLS_base: import("vue").DefineComponent<{
     browse: typeof browse;
     addFiles: typeof addFiles;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    remove: (file: File) => any;
     invalid: (event: FileInvalidEvent) => any;
     add: (files: File[]) => any;
     "update:modelValue": (value: File | File[] | null | undefined) => any;
-    remove: (file: File) => any;
 }, string, import("vue").PublicProps, Readonly<{
     name?: string | undefined;
     accept?: string | string[];
@@ -266,14 +266,16 @@ declare const __VLS_base: import("vue").DefineComponent<{
     style?: unknown;
     modelValue?: File | File[] | null | undefined;
     key?: PropertyKey | undefined;
+    prefix?: string | undefined | undefined;
     value?: string | number | readonly string[] | undefined;
+    form?: string | undefined | undefined;
+    results?: (string | number) | undefined;
+    placeholder?: string | undefined | undefined;
     type?: "submit" | "reset" | "button" | undefined | undefined;
     ref?: import("vue").VNodeRef | undefined;
-    placeholder?: string | undefined | undefined;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    form?: string | undefined | undefined;
     onCopy?: ((payload: ClipboardEvent) => void) | undefined;
     onCut?: ((payload: ClipboardEvent) => void) | undefined;
     onPaste?: ((payload: ClipboardEvent) => void) | undefined;
@@ -381,7 +383,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "location" | "time" | (boolean | "true" | "false") | "page" | "step" | "date" | undefined;
+    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -390,7 +392,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
+    'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
     'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;
     'aria-labelledby'?: string | undefined | undefined;
@@ -426,7 +428,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     inert?: (boolean | "true" | "false") | undefined;
     spellcheck?: (boolean | "true" | "false") | undefined;
@@ -435,7 +437,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     about?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
-    prefix?: string | undefined | undefined;
     property?: string | undefined | undefined;
     resource?: string | undefined | undefined;
     typeof?: string | undefined | undefined;
@@ -448,7 +449,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     itemtype?: string | undefined | undefined;
     itemid?: string | undefined | undefined;
     itemref?: string | undefined | undefined;
-    results?: (string | number) | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
     inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
@@ -465,21 +465,15 @@ declare const __VLS_base: import("vue").DefineComponent<{
     popovertarget?: string | undefined;
     popovertargetaction?: import("../../index.ts").PopoverTargetAction | undefined;
 }> & Readonly<{
+    onRemove?: ((file: File) => any) | undefined;
     onInvalid?: ((event: FileInvalidEvent) => any) | undefined;
     onAdd?: ((files: File[]) => any) | undefined;
     "onUpdate:modelValue"?: ((value: File | File[] | null | undefined) => any) | undefined;
-    onRemove?: ((file: File) => any) | undefined;
 }>, {
+    icon: IconName;
     invalid: boolean;
     size: FieldSize;
-    title: string;
-    icon: IconName;
-    removeLabel: string;
-    locale: string;
-    listLabel: string;
     previews: boolean;
-    dropText: string;
-    announce: (count: number) => string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/forms/InputAddon.vue.d.ts

@@ -17,7 +17,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -63,7 +63,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "location" | "time" | (boolean | "true" | "false") | "page" | "step" | "date" | undefined;
+    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -72,7 +72,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
+    'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;
@@ -213,7 +213,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -259,7 +259,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "location" | "time" | (boolean | "true" | "false") | "page" | "step" | "date" | undefined;
+    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -268,7 +268,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
+    'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;

package/dist/components/forms/InputGroup.vue.d.ts

@@ -15,7 +15,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -61,7 +61,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "location" | "time" | (boolean | "true" | "false") | "page" | "step" | "date" | undefined;
+    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -70,7 +70,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
+    'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;
@@ -210,7 +210,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -256,7 +256,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "location" | "time" | (boolean | "true" | "false") | "page" | "step" | "date" | undefined;
+    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -265,7 +265,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
+    'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;