@xleddyl/443-components-vue 0.1.0 → 0.2.0

package/dist/components/forms/NumberInput.vue

@@ -51,8 +51,8 @@
             type="button"
             class="k-number-input-step"
             tabindex="-1"
-            :aria-label="decrementLabel"
-            :title="decrementLabel"
+            :aria-label="decrementText"
+            :title="decrementText"
             :disabled="!canDecrement || void 0"
             @pointerdown="startRepeat($event, -1)"
             @click="onStepClick($event, -1)"
@@ -63,8 +63,8 @@
             type="button"
             class="k-number-input-step"
             tabindex="-1"
-            :aria-label="incrementLabel"
-            :title="incrementLabel"
+            :aria-label="incrementText"
+            :title="incrementText"
             :disabled="!canIncrement || void 0"
             @pointerdown="startRepeat($event, 1)"
             @click="onStepClick($event, 1)"
@@ -78,6 +78,7 @@
 <script setup>
 import { computed, onBeforeUnmount, ref, useTemplateRef } from "vue";
 import { useFieldControl } from "../../composables/useField";
+import { useLocale } from "../../composables/useLocale";
 import { joinIds } from "../../internal/forms/control";
 import Icon from "../core/Icon.vue";
 defineOptions({ inheritAttrs: false });
@@ -86,7 +87,7 @@ const props = defineProps({
   max: { type: Number, required: false },
   step: { type: Number, required: false, default: 1 },
   largeStep: { type: Number, required: false },
-  locale: { type: String, required: false, default: "en-US" },
+  locale: { type: String, required: false },
   formatOptions: { type: null, required: false },
   wheel: { type: Boolean, required: false },
   stepper: { type: Boolean, required: false, default: true },
@@ -94,8 +95,8 @@ const props = defineProps({
   icon: { type: null, required: false },
   size: { type: String, required: false, default: "md" },
   placeholder: { type: String, required: false },
-  incrementLabel: { type: String, required: false, default: "Increase" },
-  decrementLabel: { type: String, required: false, default: "Decrease" },
+  incrementLabel: { type: String, required: false },
+  decrementLabel: { type: String, required: false },
   invalid: { type: Boolean, required: false, default: void 0 },
   disabled: { type: Boolean, required: false },
   readonly: { type: Boolean, required: false },
@@ -103,6 +104,10 @@ 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 incrementText = computed(() => props.incrementLabel ?? t("numberInput.increase"));
+const decrementText = computed(() => props.decrementLabel ?? t("numberInput.decrease"));
 const model = defineModel({ type: null });
 const inputRef = useTemplateRef("inputRef");
 const focused = ref(false);
@@ -116,15 +121,15 @@ const control = useFieldControl({
   required: () => props.required
 });
 const isPercent = computed(() => props.formatOptions?.style === "percent");
-const formatter = computed(() => new Intl.NumberFormat(props.locale, props.formatOptions));
+const formatter = computed(() => new Intl.NumberFormat(resolvedLocale.value, props.formatOptions));
 const editFormatter = computed(
-  () => new Intl.NumberFormat(props.locale, {
+  () => new Intl.NumberFormat(resolvedLocale.value, {
     useGrouping: false,
     maximumFractionDigits: 20
   })
 );
 const separators = computed(() => {
-  const parts = new Intl.NumberFormat(props.locale).formatToParts(-12345.6);
+  const parts = new Intl.NumberFormat(resolvedLocale.value).formatToParts(-12345.6);
   return {
     decimal: parts.find((part) => part.type === "decimal")?.value ?? ".",
     group: parts.find((part) => part.type === "group")?.value ?? ","

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

@@ -23,16 +23,19 @@ declare const __VLS_export: import("vue").DefineComponent<{
     style?: unknown;
     modelValue?: number | null | undefined;
     key?: PropertyKey | undefined;
+    prefix?: string | undefined | undefined;
     value?: any;
+    form?: string | undefined | undefined;
     pattern?: string | undefined | undefined;
+    title?: string | undefined | undefined;
+    list?: string | undefined | undefined;
+    results?: (string | number) | undefined;
     name?: string | undefined | undefined;
     type?: import("vue").InputTypeHTMLAttribute | 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;
@@ -143,7 +146,7 @@ declare const __VLS_export: 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;
@@ -152,7 +155,7 @@ declare const __VLS_export: 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;
@@ -182,14 +185,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-valuetext'?: string | undefined | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
-    list?: string | undefined | undefined;
     accesskey?: string | undefined | undefined;
     contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextmenu?: string | undefined | undefined;
     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;
@@ -198,7 +200,6 @@ declare const __VLS_export: 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;
@@ -211,7 +212,6 @@ declare const __VLS_export: 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;
@@ -267,16 +267,19 @@ declare const __VLS_export: import("vue").DefineComponent<{
     style?: unknown;
     modelValue?: number | null | undefined;
     key?: PropertyKey | undefined;
+    prefix?: string | undefined | undefined;
     value?: any;
+    form?: string | undefined | undefined;
     pattern?: string | undefined | undefined;
+    title?: string | undefined | undefined;
+    list?: string | undefined | undefined;
+    results?: (string | number) | undefined;
     name?: string | undefined | undefined;
     type?: import("vue").InputTypeHTMLAttribute | 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;
@@ -387,7 +390,7 @@ declare const __VLS_export: 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;
@@ -396,7 +399,7 @@ declare const __VLS_export: 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,14 +429,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-valuetext'?: string | undefined | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
-    list?: string | undefined | undefined;
     accesskey?: string | undefined | undefined;
     contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextmenu?: string | undefined | undefined;
     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;
@@ -442,7 +444,6 @@ declare const __VLS_export: 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;
@@ -455,7 +456,6 @@ declare const __VLS_export: 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;
@@ -489,11 +489,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
     invalid: boolean;
     size: FieldSize;
     step: number;
-    locale: string;
     align: "end" | "start";
     stepper: boolean;
-    incrementLabel: string;
-    decrementLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/forms/PasswordInput.vue

@@ -31,8 +31,8 @@
                   v-if="generate"
                   type="button"
                   class="k-password-input-action"
-                  :aria-label="generateLabel"
-                  :title="generateLabel"
+                  :aria-label="generateText"
+                  :title="generateText"
                   :disabled="!interactive || void 0"
                   @click="regenerate"
                >
@@ -43,8 +43,8 @@
                   type="button"
                   class="k-password-input-action"
                   :class="{ 'is-done': copied }"
-                  :aria-label="copied ? copiedLabel : copyLabel"
-                  :title="copied ? copiedLabel : copyLabel"
+                  :aria-label="copied ? copiedText : copyText"
+                  :title="copied ? copiedText : copyText"
                   :disabled="!value || disabled || void 0"
                   @click="copyValue"
                >
@@ -53,8 +53,8 @@
                <button
                   type="button"
                   class="k-password-input-action"
-                  :aria-label="visible ? hideLabel : showLabel"
-                  :title="visible ? hideLabel : showLabel"
+                  :aria-label="visible ? hideText : showText"
+                  :title="visible ? hideText : showText"
                   :disabled="disabled || void 0"
                   @click="visible = !visible"
                >
@@ -71,7 +71,7 @@
             aria-valuemax="4"
             :aria-valuenow="score"
             :aria-valuetext="label"
-            :aria-label="strengthLabel"
+            :aria-label="strengthText"
          >
             <span v-for="segment in 4" :key="segment" :class="{ 'is-on': segment <= score }" />
          </span>
@@ -84,6 +84,7 @@
 import { computed, ref, useId, useTemplateRef } from "vue";
 import { useCopy } from "../../composables/useCopy";
 import { useFieldControl } from "../../composables/useField";
+import { useLocale } from "../../composables/useLocale";
 import { generatePassword, usePasswordStrength } from "../../composables/usePasswordStrength";
 import { joinIds } from "../../internal/forms/control";
 import Icon from "../core/Icon.vue";
@@ -98,12 +99,12 @@ const props = defineProps({
   autocomplete: { type: String, required: false, default: "current-password" },
   icon: { type: null, required: false },
   size: { type: String, required: false, default: "md" },
-  showLabel: { type: String, required: false, default: "Show password" },
-  hideLabel: { type: String, required: false, default: "Hide password" },
-  generateLabel: { type: String, required: false, default: "Generate a password" },
-  copyLabel: { type: String, required: false, default: "Copy password" },
-  copiedLabel: { type: String, required: false, default: "Copied" },
-  strengthLabel: { type: String, required: false, default: "Password strength" },
+  showLabel: { type: String, required: false },
+  hideLabel: { type: String, required: false },
+  generateLabel: { type: String, required: false },
+  copyLabel: { type: String, required: false },
+  copiedLabel: { type: String, required: false },
+  strengthLabel: { type: String, required: false },
   invalid: { type: Boolean, required: false, default: void 0 },
   disabled: { type: Boolean, required: false },
   readonly: { type: Boolean, required: false },
@@ -111,6 +112,13 @@ const props = defineProps({
   class: { type: null, required: false },
   style: { type: null, required: false }
 });
+const { t } = useLocale();
+const showText = computed(() => props.showLabel ?? t("passwordInput.show"));
+const hideText = computed(() => props.hideLabel ?? t("passwordInput.hide"));
+const generateText = computed(() => props.generateLabel ?? t("passwordInput.generate"));
+const copyText = computed(() => props.copyLabel ?? t("passwordInput.copy"));
+const copiedText = computed(() => props.copiedLabel ?? t("common.copied"));
+const strengthText = computed(() => props.strengthLabel ?? t("passwordInput.strength"));
 const value = defineModel({ type: null, ...{ default: "" } });
 const emit = defineEmits(["generate"]);
 const meterId = `${useId()}-strength`;

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

@@ -23,19 +23,22 @@ declare const __VLS_export: import("vue").DefineComponent<{
     style?: unknown;
     modelValue?: string | number | null | undefined;
     key?: PropertyKey | undefined;
+    prefix?: string | undefined;
     value?: any;
+    form?: string | undefined;
     min?: (string | number) | undefined;
     max?: (string | number) | undefined;
     pattern?: string | undefined;
+    title?: string | undefined;
+    list?: string | undefined;
+    results?: (string | number) | undefined;
+    placeholder?: string | undefined;
     name?: string | undefined;
     type?: string | undefined;
     ref?: import("vue").VNodeRef | undefined;
-    placeholder?: string | undefined;
     role?: string | undefined;
     'aria-label'?: string | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    form?: string | undefined;
-    title?: string | undefined;
     onCopy?: ((payload: ClipboardEvent) => void) | undefined;
     onCut?: ((payload: ClipboardEvent) => void) | undefined;
     onPaste?: ((payload: ClipboardEvent) => void) | undefined;
@@ -185,7 +188,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-valuetext'?: string | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
-    list?: string | undefined;
     step?: (string | number) | undefined;
     accesskey?: string | undefined;
     contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
@@ -202,7 +204,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
     about?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
-    prefix?: string | undefined;
     property?: string | undefined;
     resource?: string | undefined;
     typeof?: string | undefined;
@@ -215,7 +216,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
     itemtype?: string | undefined;
     itemid?: string | undefined;
     itemref?: string | undefined;
-    results?: (string | number) | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
     inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
@@ -257,8 +257,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }, {
     focus: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | null | undefined) => any;
     generate: (password: string) => any;
+    "update:modelValue": (value: string | null | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<{
     generate?: boolean | (() => string);
     copy?: boolean;
@@ -282,19 +282,22 @@ declare const __VLS_export: import("vue").DefineComponent<{
     style?: unknown;
     modelValue?: string | number | null | undefined;
     key?: PropertyKey | undefined;
+    prefix?: string | undefined;
     value?: any;
+    form?: string | undefined;
     min?: (string | number) | undefined;
     max?: (string | number) | undefined;
     pattern?: string | undefined;
+    title?: string | undefined;
+    list?: string | undefined;
+    results?: (string | number) | undefined;
+    placeholder?: string | undefined;
     name?: string | undefined;
     type?: string | undefined;
     ref?: import("vue").VNodeRef | undefined;
-    placeholder?: string | undefined;
     role?: string | undefined;
     'aria-label'?: string | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    form?: string | undefined;
-    title?: string | undefined;
     onCopy?: ((payload: ClipboardEvent) => void) | undefined;
     onCut?: ((payload: ClipboardEvent) => void) | undefined;
     onPaste?: ((payload: ClipboardEvent) => void) | undefined;
@@ -444,7 +447,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-valuetext'?: string | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
-    list?: string | undefined;
     step?: (string | number) | undefined;
     accesskey?: string | undefined;
     contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
@@ -461,7 +463,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
     about?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
-    prefix?: string | undefined;
     property?: string | undefined;
     resource?: string | undefined;
     typeof?: string | undefined;
@@ -474,7 +475,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
     itemtype?: string | undefined;
     itemid?: string | undefined;
     itemref?: string | undefined;
-    results?: (string | number) | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
     inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
@@ -514,19 +514,13 @@ declare const __VLS_export: import("vue").DefineComponent<{
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
 }> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
     onGenerate?: ((password: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
 }>, {
     minLength: number;
     invalid: boolean;
     size: FieldSize;
     autocomplete: string;
-    showLabel: string;
-    hideLabel: string;
-    generateLabel: string;
-    copyLabel: string;
-    copiedLabel: string;
-    strengthLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/forms/PinInput.vue

@@ -16,6 +16,10 @@
    >
       <input
          ref="inputRef"
+         :data-1p-ignore="noAutofill ? '' : void 0"
+         :data-lpignore="noAutofill ? 'true' : void 0"
+         :data-bwignore="noAutofill ? '' : void 0"
+         :data-form-type="noAutofill ? 'other' : void 0"
          :id="control.id.value"
          :name="control.field?.name.value"
          v-bind="$attrs"
@@ -24,13 +28,13 @@
          :aria-invalid="control.invalid.value ? 'true' : void 0"
          :aria-describedby="joinIds($attrs['aria-describedby'], control.describedBy.value)"
          class="k-pin-input-native"
-         :type="mask ? 'password' : 'text'"
+         :type="mask && !noAutofill ? 'password' : 'text'"
          :inputmode="mode === 'numeric' ? 'numeric' : 'text'"
          :pattern="patternAttr"
          :maxlength="length"
          :value="model ?? ''"
          :readonly="readonly"
-         :autocomplete="autocomplete"
+         :autocomplete="noAutofill ? 'off' : autocomplete"
          autocapitalize="off"
          autocorrect="off"
          spellcheck="false"
@@ -79,6 +83,7 @@ const props = defineProps({
   placeholder: { type: String, required: false },
   separatorAfter: { type: Array, required: false, default: () => [] },
   autocomplete: { type: String, required: false, default: "one-time-code" },
+  noAutofill: { type: Boolean, required: false },
   size: { type: String, required: false, default: "md" },
   invalid: { type: Boolean, required: false, default: void 0 },
   disabled: { type: Boolean, required: false },

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

@@ -9,6 +9,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     placeholder?: string | undefined;
     separatorAfter?: number[];
     autocomplete?: string | undefined;
+    noAutofill?: boolean;
     size?: string | number | undefined;
     invalid?: boolean;
     disabled?: (boolean | "true" | "false") | undefined;
@@ -18,18 +19,21 @@ declare const __VLS_export: import("vue").DefineComponent<{
     style?: unknown;
     modelValue?: string | null | undefined;
     key?: PropertyKey | undefined;
+    prefix?: string | undefined | undefined;
     value?: any;
+    form?: string | undefined | undefined;
     min?: (string | number) | undefined;
     max?: (string | number) | undefined;
     pattern?: string | undefined | undefined;
+    title?: string | undefined | undefined;
+    list?: string | undefined | undefined;
+    results?: (string | number) | undefined;
     name?: string | undefined | undefined;
     type?: import("vue").InputTypeHTMLAttribute | 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;
@@ -140,7 +144,7 @@ declare const __VLS_export: 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;
@@ -149,7 +153,7 @@ declare const __VLS_export: 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;
@@ -179,7 +183,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-valuetext'?: string | undefined | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
-    list?: string | undefined | undefined;
     step?: (string | number) | undefined;
     accesskey?: string | undefined | undefined;
     contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
@@ -187,7 +190,7 @@ declare const __VLS_export: 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;
@@ -196,7 +199,6 @@ declare const __VLS_export: 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;
@@ -209,7 +211,6 @@ declare const __VLS_export: 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;
@@ -252,6 +253,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     placeholder?: string | undefined;
     separatorAfter?: number[];
     autocomplete?: string | undefined;
+    noAutofill?: boolean;
     size?: string | number | undefined;
     invalid?: boolean;
     disabled?: (boolean | "true" | "false") | undefined;
@@ -261,18 +263,21 @@ declare const __VLS_export: import("vue").DefineComponent<{
     style?: unknown;
     modelValue?: string | null | undefined;
     key?: PropertyKey | undefined;
+    prefix?: string | undefined | undefined;
     value?: any;
+    form?: string | undefined | undefined;
     min?: (string | number) | undefined;
     max?: (string | number) | undefined;
     pattern?: string | undefined | undefined;
+    title?: string | undefined | undefined;
+    list?: string | undefined | undefined;
+    results?: (string | number) | undefined;
     name?: string | undefined | undefined;
     type?: import("vue").InputTypeHTMLAttribute | 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;
@@ -383,7 +388,7 @@ declare const __VLS_export: 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;
@@ -392,7 +397,7 @@ declare const __VLS_export: 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;
@@ -422,7 +427,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-valuetext'?: string | undefined | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
-    list?: string | undefined | undefined;
     step?: (string | number) | undefined;
     accesskey?: string | undefined | undefined;
     contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
@@ -430,7 +434,7 @@ declare const __VLS_export: 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;
@@ -439,7 +443,6 @@ declare const __VLS_export: 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;
@@ -452,7 +455,6 @@ declare const __VLS_export: 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;