@aotearoan/neon 22.5.1 → 22.5.2

package/dist/src/components/user-input/search/NeonSearch.d.ts

@@ -413,7 +413,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -429,10 +429,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: null;
                     };
                     iconReadonly: {
-                        /**
-                         * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
-                         * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
-                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -445,9 +441,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: number;
                     };
                     disabled: {
-                        type: BooleanConstructor; /**
-                         * Placement of the dropdown contents.
-                         */
+                        type: BooleanConstructor;
                         default: boolean;
                     };
                     stateHighlight: {
@@ -462,6 +456,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -481,12 +479,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     iconName: import("vue").ComputedRef<string | undefined>;
                     iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
                     computedPlaceholder: import("vue").ComputedRef<string>;
+                    counterLabel: import("vue").ComputedRef<string | null>;
                     focus: () => void;
                     click: () => void;
                     onFocus: () => void;
                     onBlur: () => void;
                     iconClicked: ($event: Event) => void;
-                    changeValue: (event: Event) => void;
+                    changeValue: (event: InputEvent) => void;
                     onKeyDown: (event: KeyboardEvent) => void;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
                     disabled: boolean;
@@ -501,13 +500,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }, true, {}, {}, {
                     NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                         name: {
@@ -599,7 +599,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -615,10 +615,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: null;
                     };
                     iconReadonly: {
-                        /**
-                         * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
-                         * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
-                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -631,9 +627,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: number;
                     };
                     disabled: {
-                        type: BooleanConstructor; /**
-                         * Placement of the dropdown contents.
-                         */
+                        type: BooleanConstructor;
                         default: boolean;
                     };
                     stateHighlight: {
@@ -648,6 +642,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -667,12 +665,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     iconName: import("vue").ComputedRef<string | undefined>;
                     iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
                     computedPlaceholder: import("vue").ComputedRef<string>;
+                    counterLabel: import("vue").ComputedRef<string | null>;
                     focus: () => void;
                     click: () => void;
                     onFocus: () => void;
                     onBlur: () => void;
                     iconClicked: ($event: Event) => void;
-                    changeValue: (event: Event) => void;
+                    changeValue: (event: InputEvent) => void;
                     onKeyDown: (event: KeyboardEvent) => void;
                 }, {}, {}, {}, {
                     disabled: boolean;
@@ -687,13 +686,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }> | null, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                     id: {
                         type: StringConstructor;
@@ -724,7 +724,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -740,10 +740,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: null;
                     };
                     iconReadonly: {
-                        /**
-                         * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
-                         * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
-                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -756,9 +752,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: number;
                     };
                     disabled: {
-                        type: BooleanConstructor; /**
-                         * Placement of the dropdown contents.
-                         */
+                        type: BooleanConstructor;
                         default: boolean;
                     };
                     stateHighlight: {
@@ -773,6 +767,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -792,12 +790,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     iconName: import("vue").ComputedRef<string | undefined>;
                     iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
                     computedPlaceholder: import("vue").ComputedRef<string>;
+                    counterLabel: import("vue").ComputedRef<string | null>;
                     focus: () => void;
                     click: () => void;
                     onFocus: () => void;
                     onBlur: () => void;
                     iconClicked: ($event: Event) => void;
-                    changeValue: (event: Event) => void;
+                    changeValue: (event: InputEvent) => void;
                     onKeyDown: (event: KeyboardEvent) => void;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
                     disabled: boolean;
@@ -812,13 +811,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }, true, {}, {}, {
                     NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                         name: {
@@ -910,7 +910,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -926,10 +926,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: null;
                     };
                     iconReadonly: {
-                        /**
-                         * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
-                         * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
-                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -942,9 +938,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: number;
                     };
                     disabled: {
-                        type: BooleanConstructor; /**
-                         * Placement of the dropdown contents.
-                         */
+                        type: BooleanConstructor;
                         default: boolean;
                     };
                     stateHighlight: {
@@ -959,6 +953,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -978,12 +976,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     iconName: import("vue").ComputedRef<string | undefined>;
                     iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
                     computedPlaceholder: import("vue").ComputedRef<string>;
+                    counterLabel: import("vue").ComputedRef<string | null>;
                     focus: () => void;
                     click: () => void;
                     onFocus: () => void;
                     onBlur: () => void;
                     iconClicked: ($event: Event) => void;
-                    changeValue: (event: Event) => void;
+                    changeValue: (event: InputEvent) => void;
                     onKeyDown: (event: KeyboardEvent) => void;
                 }, {}, {}, {}, {
                     disabled: boolean;
@@ -998,13 +997,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }> | null>;
                 files: import("vue").Ref<{
                     readonly lastModified: number;
@@ -1541,7 +1541,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -1557,10 +1557,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: null;
                     };
                     iconReadonly: {
-                        /**
-                         * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
-                         * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
-                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -1573,9 +1569,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: number;
                     };
                     disabled: {
-                        type: BooleanConstructor; /**
-                         * Placement of the dropdown contents.
-                         */
+                        type: BooleanConstructor;
                         default: boolean;
                     };
                     stateHighlight: {
@@ -1590,6 +1584,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -1604,12 +1602,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     iconName: import("vue").ComputedRef<string | undefined>;
                     iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
                     computedPlaceholder: import("vue").ComputedRef<string>;
+                    counterLabel: import("vue").ComputedRef<string | null>;
                     focus: () => void;
                     click: () => void;
                     onFocus: () => void;
                     onBlur: () => void;
                     iconClicked: ($event: Event) => void;
-                    changeValue: (event: Event) => void;
+                    changeValue: (event: InputEvent) => void;
                     onKeyDown: (event: KeyboardEvent) => void;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], "update:modelValue" | "focus" | "blur" | "icon-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     id: {
@@ -1641,7 +1640,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -1657,10 +1656,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: null;
                     };
                     iconReadonly: {
-                        /**
-                         * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
-                         * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
-                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -1673,9 +1668,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: number;
                     };
                     disabled: {
-                        type: BooleanConstructor; /**
-                         * Placement of the dropdown contents.
-                         */
+                        type: BooleanConstructor;
                         default: boolean;
                     };
                     stateHighlight: {
@@ -1690,6 +1683,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -1712,13 +1709,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }, {}, {
                     NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                         name: {
@@ -2825,7 +2823,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -2841,10 +2839,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: null;
                     };
                     iconReadonly: {
-                        /**
-                         * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
-                         * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
-                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -2857,9 +2851,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: number;
                     };
                     disabled: {
-                        type: BooleanConstructor; /**
-                         * Placement of the dropdown contents.
-                         */
+                        type: BooleanConstructor;
                         default: boolean;
                     };
                     stateHighlight: {
@@ -2874,6 +2866,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -2893,12 +2889,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     iconName: import("vue").ComputedRef<string | undefined>;
                     iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
                     computedPlaceholder: import("vue").ComputedRef<string>;
+                    counterLabel: import("vue").ComputedRef<string | null>;
                     focus: () => void;
                     click: () => void;
                     onFocus: () => void;
                     onBlur: () => void;
                     iconClicked: ($event: Event) => void;
-                    changeValue: (event: Event) => void;
+                    changeValue: (event: InputEvent) => void;
                     onKeyDown: (event: KeyboardEvent) => void;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
                     disabled: boolean;
@@ -2913,13 +2910,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }, true, {}, {}, {
                     NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                         name: {
@@ -3011,7 +3009,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -3027,10 +3025,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: null;
                     };
                     iconReadonly: {
-                        /**
-                         * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
-                         * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
-                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -3043,9 +3037,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: number;
                     };
                     disabled: {
-                        type: BooleanConstructor; /**
-                         * Placement of the dropdown contents.
-                         */
+                        type: BooleanConstructor;
                         default: boolean;
                     };
                     stateHighlight: {
@@ -3060,6 +3052,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -3079,12 +3075,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     iconName: import("vue").ComputedRef<string | undefined>;
                     iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
                     computedPlaceholder: import("vue").ComputedRef<string>;
+                    counterLabel: import("vue").ComputedRef<string | null>;
                     focus: () => void;
                     click: () => void;
                     onFocus: () => void;
                     onBlur: () => void;
                     iconClicked: ($event: Event) => void;
-                    changeValue: (event: Event) => void;
+                    changeValue: (event: InputEvent) => void;
                     onKeyDown: (event: KeyboardEvent) => void;
                 }, {}, {}, {}, {
                     disabled: boolean;
@@ -3099,13 +3096,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }> | null, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                     id: {
                         type: StringConstructor;
@@ -3136,7 +3134,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -3152,10 +3150,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: null;
                     };
                     iconReadonly: {
-                        /**
-                         * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
-                         * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
-                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -3168,9 +3162,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: number;
                     };
                     disabled: {
-                        type: BooleanConstructor; /**
-                         * Placement of the dropdown contents.
-                         */
+                        type: BooleanConstructor;
                         default: boolean;
                     };
                     stateHighlight: {
@@ -3185,6 +3177,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -3204,12 +3200,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     iconName: import("vue").ComputedRef<string | undefined>;
                     iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
                     computedPlaceholder: import("vue").ComputedRef<string>;
+                    counterLabel: import("vue").ComputedRef<string | null>;
                     focus: () => void;
                     click: () => void;
                     onFocus: () => void;
                     onBlur: () => void;
                     iconClicked: ($event: Event) => void;
-                    changeValue: (event: Event) => void;
+                    changeValue: (event: InputEvent) => void;
                     onKeyDown: (event: KeyboardEvent) => void;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
                     disabled: boolean;
@@ -3224,13 +3221,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }, true, {}, {}, {
                     NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                         name: {
@@ -3322,7 +3320,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -3338,10 +3336,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: null;
                     };
                     iconReadonly: {
-                        /**
-                         * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
-                         * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
-                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -3354,9 +3348,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: number;
                     };
                     disabled: {
-                        type: BooleanConstructor; /**
-                         * Placement of the dropdown contents.
-                         */
+                        type: BooleanConstructor;
                         default: boolean;
                     };
                     stateHighlight: {
@@ -3371,6 +3363,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -3390,12 +3386,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     iconName: import("vue").ComputedRef<string | undefined>;
                     iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
                     computedPlaceholder: import("vue").ComputedRef<string>;
+                    counterLabel: import("vue").ComputedRef<string | null>;
                     focus: () => void;
                     click: () => void;
                     onFocus: () => void;
                     onBlur: () => void;
                     iconClicked: ($event: Event) => void;
-                    changeValue: (event: Event) => void;
+                    changeValue: (event: InputEvent) => void;
                     onKeyDown: (event: KeyboardEvent) => void;
                 }, {}, {}, {}, {
                     disabled: boolean;
@@ -3410,13 +3407,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }> | null>;
                 files: import("vue").Ref<{
                     readonly lastModified: number;
@@ -3953,7 +3951,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -3969,10 +3967,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: null;
                     };
                     iconReadonly: {
-                        /**
-                         * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
-                         * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
-                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -3985,9 +3979,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: number;
                     };
                     disabled: {
-                        type: BooleanConstructor; /**
-                         * Placement of the dropdown contents.
-                         */
+                        type: BooleanConstructor;
                         default: boolean;
                     };
                     stateHighlight: {
@@ -4002,6 +3994,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -4016,12 +4012,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     iconName: import("vue").ComputedRef<string | undefined>;
                     iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
                     computedPlaceholder: import("vue").ComputedRef<string>;
+                    counterLabel: import("vue").ComputedRef<string | null>;
                     focus: () => void;
                     click: () => void;
                     onFocus: () => void;
                     onBlur: () => void;
                     iconClicked: ($event: Event) => void;
-                    changeValue: (event: Event) => void;
+                    changeValue: (event: InputEvent) => void;
                     onKeyDown: (event: KeyboardEvent) => void;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], "update:modelValue" | "focus" | "blur" | "icon-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     id: {
@@ -4053,7 +4050,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -4069,10 +4066,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: null;
                     };
                     iconReadonly: {
-                        /**
-                         * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
-                         * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
-                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -4085,9 +4078,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: number;
                     };
                     disabled: {
-                        type: BooleanConstructor; /**
-                         * Placement of the dropdown contents.
-                         */
+                        type: BooleanConstructor;
                         default: boolean;
                     };
                     stateHighlight: {
@@ -4102,6 +4093,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -4124,13 +4119,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }, {}, {
                     NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                         name: {
@@ -4941,7 +4937,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: NeonInputMode;
         };
         autocomplete: {
-            type: StringConstructor;
+            type: () => NeonInputMode;
             default: string;
         };
         state: {
@@ -4957,10 +4953,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: null;
         };
         iconReadonly: {
-            /**
-             * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
-             * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
-             */
             type: BooleanConstructor;
             default: boolean;
         };
@@ -4973,9 +4965,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: number;
         };
         disabled: {
-            type: BooleanConstructor; /**
-             * Placement of the dropdown contents.
-             */
+            type: BooleanConstructor;
             default: boolean;
         };
         stateHighlight: {
@@ -4990,6 +4980,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: null;
         };
+        maxlengthLabel: {
+            type: StringConstructor;
+            default: string;
+        };
         debounce: {
             type: NumberConstructor;
             default: undefined;
@@ -5009,12 +5003,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         iconName: import("vue").ComputedRef<string | undefined>;
         iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
         computedPlaceholder: import("vue").ComputedRef<string>;
+        counterLabel: import("vue").ComputedRef<string | null>;
         focus: () => void;
         click: () => void;
         onFocus: () => void;
         onBlur: () => void;
         iconClicked: ($event: Event) => void;
-        changeValue: (event: Event) => void;
+        changeValue: (event: InputEvent) => void;
         onKeyDown: (event: KeyboardEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
         disabled: boolean;
@@ -5029,13 +5024,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputmode: NeonInputMode;
         modelValue: string;
         state: import("../../../neon").NeonState;
-        autocomplete: string;
+        autocomplete: NeonInputMode;
         rows: number;
         iconReadonly: boolean;
         hideIcon: boolean;
         stateHighlight: boolean;
         stateIcon: boolean;
         maxlength: number;
+        maxlengthLabel: string;
     }, true, {}, {}, {
         NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             name: {
@@ -5127,7 +5123,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: NeonInputMode;
         };
         autocomplete: {
-            type: StringConstructor;
+            type: () => NeonInputMode;
             default: string;
         };
         state: {
@@ -5143,10 +5139,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: null;
         };
         iconReadonly: {
-            /**
-             * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
-             * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
-             */
             type: BooleanConstructor;
             default: boolean;
         };
@@ -5159,9 +5151,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: number;
         };
         disabled: {
-            type: BooleanConstructor; /**
-             * Placement of the dropdown contents.
-             */
+            type: BooleanConstructor;
             default: boolean;
         };
         stateHighlight: {
@@ -5176,6 +5166,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: null;
         };
+        maxlengthLabel: {
+            type: StringConstructor;
+            default: string;
+        };
         debounce: {
             type: NumberConstructor;
             default: undefined;
@@ -5195,12 +5189,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         iconName: import("vue").ComputedRef<string | undefined>;
         iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
         computedPlaceholder: import("vue").ComputedRef<string>;
+        counterLabel: import("vue").ComputedRef<string | null>;
         focus: () => void;
         click: () => void;
         onFocus: () => void;
         onBlur: () => void;
         iconClicked: ($event: Event) => void;
-        changeValue: (event: Event) => void;
+        changeValue: (event: InputEvent) => void;
         onKeyDown: (event: KeyboardEvent) => void;
     }, {}, {}, {}, {
         disabled: boolean;
@@ -5215,13 +5210,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputmode: NeonInputMode;
         modelValue: string;
         state: import("../../../neon").NeonState;
-        autocomplete: string;
+        autocomplete: NeonInputMode;
         rows: number;
         iconReadonly: boolean;
         hideIcon: boolean;
         stateHighlight: boolean;
         stateIcon: boolean;
         maxlength: number;
+        maxlengthLabel: string;
     }> | null, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         id: {
             type: StringConstructor;
@@ -5252,7 +5248,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: NeonInputMode;
         };
         autocomplete: {
-            type: StringConstructor;
+            type: () => NeonInputMode;
             default: string;
         };
         state: {
@@ -5268,10 +5264,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: null;
         };
         iconReadonly: {
-            /**
-             * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
-             * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
-             */
             type: BooleanConstructor;
             default: boolean;
         };
@@ -5284,9 +5276,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: number;
         };
         disabled: {
-            type: BooleanConstructor; /**
-             * Placement of the dropdown contents.
-             */
+            type: BooleanConstructor;
             default: boolean;
         };
         stateHighlight: {
@@ -5301,6 +5291,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: null;
         };
+        maxlengthLabel: {
+            type: StringConstructor;
+            default: string;
+        };
         debounce: {
             type: NumberConstructor;
             default: undefined;
@@ -5320,12 +5314,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         iconName: import("vue").ComputedRef<string | undefined>;
         iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
         computedPlaceholder: import("vue").ComputedRef<string>;
+        counterLabel: import("vue").ComputedRef<string | null>;
         focus: () => void;
         click: () => void;
         onFocus: () => void;
         onBlur: () => void;
         iconClicked: ($event: Event) => void;
-        changeValue: (event: Event) => void;
+        changeValue: (event: InputEvent) => void;
         onKeyDown: (event: KeyboardEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
         disabled: boolean;
@@ -5340,13 +5335,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputmode: NeonInputMode;
         modelValue: string;
         state: import("../../../neon").NeonState;
-        autocomplete: string;
+        autocomplete: NeonInputMode;
         rows: number;
         iconReadonly: boolean;
         hideIcon: boolean;
         stateHighlight: boolean;
         stateIcon: boolean;
         maxlength: number;
+        maxlengthLabel: string;
     }, true, {}, {}, {
         NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             name: {
@@ -5438,7 +5434,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: NeonInputMode;
         };
         autocomplete: {
-            type: StringConstructor;
+            type: () => NeonInputMode;
             default: string;
         };
         state: {
@@ -5454,10 +5450,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: null;
         };
         iconReadonly: {
-            /**
-             * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
-             * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
-             */
             type: BooleanConstructor;
             default: boolean;
         };
@@ -5470,9 +5462,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: number;
         };
         disabled: {
-            type: BooleanConstructor; /**
-             * Placement of the dropdown contents.
-             */
+            type: BooleanConstructor;
             default: boolean;
         };
         stateHighlight: {
@@ -5487,6 +5477,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: null;
         };
+        maxlengthLabel: {
+            type: StringConstructor;
+            default: string;
+        };
         debounce: {
             type: NumberConstructor;
             default: undefined;
@@ -5506,12 +5500,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         iconName: import("vue").ComputedRef<string | undefined>;
         iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
         computedPlaceholder: import("vue").ComputedRef<string>;
+        counterLabel: import("vue").ComputedRef<string | null>;
         focus: () => void;
         click: () => void;
         onFocus: () => void;
         onBlur: () => void;
         iconClicked: ($event: Event) => void;
-        changeValue: (event: Event) => void;
+        changeValue: (event: InputEvent) => void;
         onKeyDown: (event: KeyboardEvent) => void;
     }, {}, {}, {}, {
         disabled: boolean;
@@ -5526,13 +5521,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputmode: NeonInputMode;
         modelValue: string;
         state: import("../../../neon").NeonState;
-        autocomplete: string;
+        autocomplete: NeonInputMode;
         rows: number;
         iconReadonly: boolean;
         hideIcon: boolean;
         stateHighlight: boolean;
         stateIcon: boolean;
         maxlength: number;
+        maxlengthLabel: string;
     }> | null>;
     open: import("vue").Ref<boolean, boolean>;
     highlightedKey: import("vue").Ref<string | null, string | null>;
@@ -6161,7 +6157,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -6177,10 +6173,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: null;
                     };
                     iconReadonly: {
-                        /**
-                         * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
-                         * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
-                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -6193,9 +6185,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: number;
                     };
                     disabled: {
-                        type: BooleanConstructor; /**
-                         * Placement of the dropdown contents.
-                         */
+                        type: BooleanConstructor;
                         default: boolean;
                     };
                     stateHighlight: {
@@ -6210,6 +6200,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -6229,12 +6223,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     iconName: import("vue").ComputedRef<string | undefined>;
                     iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
                     computedPlaceholder: import("vue").ComputedRef<string>;
+                    counterLabel: import("vue").ComputedRef<string | null>;
                     focus: () => void;
                     click: () => void;
                     onFocus: () => void;
                     onBlur: () => void;
                     iconClicked: ($event: Event) => void;
-                    changeValue: (event: Event) => void;
+                    changeValue: (event: InputEvent) => void;
                     onKeyDown: (event: KeyboardEvent) => void;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
                     disabled: boolean;
@@ -6249,13 +6244,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }, true, {}, {}, {
                     NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                         name: {
@@ -6347,7 +6343,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -6363,10 +6359,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: null;
                     };
                     iconReadonly: {
-                        /**
-                         * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
-                         * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
-                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -6379,9 +6371,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: number;
                     };
                     disabled: {
-                        type: BooleanConstructor; /**
-                         * Placement of the dropdown contents.
-                         */
+                        type: BooleanConstructor;
                         default: boolean;
                     };
                     stateHighlight: {
@@ -6396,6 +6386,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -6415,12 +6409,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     iconName: import("vue").ComputedRef<string | undefined>;
                     iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
                     computedPlaceholder: import("vue").ComputedRef<string>;
+                    counterLabel: import("vue").ComputedRef<string | null>;
                     focus: () => void;
                     click: () => void;
                     onFocus: () => void;
                     onBlur: () => void;
                     iconClicked: ($event: Event) => void;
-                    changeValue: (event: Event) => void;
+                    changeValue: (event: InputEvent) => void;
                     onKeyDown: (event: KeyboardEvent) => void;
                 }, {}, {}, {}, {
                     disabled: boolean;
@@ -6435,13 +6430,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }> | null, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                     id: {
                         type: StringConstructor;
@@ -6472,7 +6468,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -6488,10 +6484,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: null;
                     };
                     iconReadonly: {
-                        /**
-                         * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
-                         * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
-                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -6504,9 +6496,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: number;
                     };
                     disabled: {
-                        type: BooleanConstructor; /**
-                         * Placement of the dropdown contents.
-                         */
+                        type: BooleanConstructor;
                         default: boolean;
                     };
                     stateHighlight: {
@@ -6521,6 +6511,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -6540,12 +6534,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     iconName: import("vue").ComputedRef<string | undefined>;
                     iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
                     computedPlaceholder: import("vue").ComputedRef<string>;
+                    counterLabel: import("vue").ComputedRef<string | null>;
                     focus: () => void;
                     click: () => void;
                     onFocus: () => void;
                     onBlur: () => void;
                     iconClicked: ($event: Event) => void;
-                    changeValue: (event: Event) => void;
+                    changeValue: (event: InputEvent) => void;
                     onKeyDown: (event: KeyboardEvent) => void;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
                     disabled: boolean;
@@ -6560,13 +6555,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }, true, {}, {}, {
                     NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                         name: {
@@ -6658,7 +6654,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -6674,10 +6670,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: null;
                     };
                     iconReadonly: {
-                        /**
-                         * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
-                         * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
-                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -6690,9 +6682,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: number;
                     };
                     disabled: {
-                        type: BooleanConstructor; /**
-                         * Placement of the dropdown contents.
-                         */
+                        type: BooleanConstructor;
                         default: boolean;
                     };
                     stateHighlight: {
@@ -6707,6 +6697,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -6726,12 +6720,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     iconName: import("vue").ComputedRef<string | undefined>;
                     iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
                     computedPlaceholder: import("vue").ComputedRef<string>;
+                    counterLabel: import("vue").ComputedRef<string | null>;
                     focus: () => void;
                     click: () => void;
                     onFocus: () => void;
                     onBlur: () => void;
                     iconClicked: ($event: Event) => void;
-                    changeValue: (event: Event) => void;
+                    changeValue: (event: InputEvent) => void;
                     onKeyDown: (event: KeyboardEvent) => void;
                 }, {}, {}, {}, {
                     disabled: boolean;
@@ -6746,13 +6741,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }> | null>;
                 files: import("vue").Ref<{
                     readonly lastModified: number;
@@ -7289,7 +7285,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -7305,10 +7301,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: null;
                     };
                     iconReadonly: {
-                        /**
-                         * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
-                         * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
-                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -7321,9 +7313,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: number;
                     };
                     disabled: {
-                        type: BooleanConstructor; /**
-                         * Placement of the dropdown contents.
-                         */
+                        type: BooleanConstructor;
                         default: boolean;
                     };
                     stateHighlight: {
@@ -7338,6 +7328,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -7352,12 +7346,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     iconName: import("vue").ComputedRef<string | undefined>;
                     iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
                     computedPlaceholder: import("vue").ComputedRef<string>;
+                    counterLabel: import("vue").ComputedRef<string | null>;
                     focus: () => void;
                     click: () => void;
                     onFocus: () => void;
                     onBlur: () => void;
                     iconClicked: ($event: Event) => void;
-                    changeValue: (event: Event) => void;
+                    changeValue: (event: InputEvent) => void;
                     onKeyDown: (event: KeyboardEvent) => void;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], "update:modelValue" | "focus" | "blur" | "icon-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     id: {
@@ -7389,7 +7384,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -7405,10 +7400,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: null;
                     };
                     iconReadonly: {
-                        /**
-                         * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
-                         * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
-                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -7421,9 +7412,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: number;
                     };
                     disabled: {
-                        type: BooleanConstructor; /**
-                         * Placement of the dropdown contents.
-                         */
+                        type: BooleanConstructor;
                         default: boolean;
                     };
                     stateHighlight: {
@@ -7438,6 +7427,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -7460,13 +7453,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }, {}, {
                     NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                         name: {
@@ -8209,7 +8203,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: NeonInputMode;
         };
         autocomplete: {
-            type: StringConstructor;
+            type: () => NeonInputMode;
             default: string;
         };
         state: {
@@ -8225,10 +8219,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: null;
         };
         iconReadonly: {
-            /**
-             * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
-             * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
-             */
             type: BooleanConstructor;
             default: boolean;
         };
@@ -8241,9 +8231,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: number;
         };
         disabled: {
-            type: BooleanConstructor; /**
-             * Placement of the dropdown contents.
-             */
+            type: BooleanConstructor;
             default: boolean;
         };
         stateHighlight: {
@@ -8258,6 +8246,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: null;
         };
+        maxlengthLabel: {
+            type: StringConstructor;
+            default: string;
+        };
         debounce: {
             type: NumberConstructor;
             default: undefined;
@@ -8272,12 +8264,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         iconName: import("vue").ComputedRef<string | undefined>;
         iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
         computedPlaceholder: import("vue").ComputedRef<string>;
+        counterLabel: import("vue").ComputedRef<string | null>;
         focus: () => void;
         click: () => void;
         onFocus: () => void;
         onBlur: () => void;
         iconClicked: ($event: Event) => void;
-        changeValue: (event: Event) => void;
+        changeValue: (event: InputEvent) => void;
         onKeyDown: (event: KeyboardEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], "update:modelValue" | "focus" | "blur" | "icon-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         id: {
@@ -8309,7 +8302,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: NeonInputMode;
         };
         autocomplete: {
-            type: StringConstructor;
+            type: () => NeonInputMode;
             default: string;
         };
         state: {
@@ -8325,10 +8318,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: null;
         };
         iconReadonly: {
-            /**
-             * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
-             * This can be used to simplify populating the filter field, e.g. providing the user's country from their address.
-             */
             type: BooleanConstructor;
             default: boolean;
         };
@@ -8341,9 +8330,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: number;
         };
         disabled: {
-            type: BooleanConstructor; /**
-             * Placement of the dropdown contents.
-             */
+            type: BooleanConstructor;
             default: boolean;
         };
         stateHighlight: {
@@ -8358,6 +8345,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: null;
         };
+        maxlengthLabel: {
+            type: StringConstructor;
+            default: string;
+        };
         debounce: {
             type: NumberConstructor;
             default: undefined;
@@ -8380,13 +8371,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputmode: NeonInputMode;
         modelValue: string;
         state: import("../../../neon").NeonState;
-        autocomplete: string;
+        autocomplete: NeonInputMode;
         rows: number;
         iconReadonly: boolean;
         hideIcon: boolean;
         stateHighlight: boolean;
         stateIcon: boolean;
         maxlength: number;
+        maxlengthLabel: string;
     }, {}, {
         NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             name: {