@aotearoan/neon 22.5.0 → 22.5.2

package/dist/src/components/user-input/select/NeonSelect.d.ts

@@ -425,8 +425,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
-                        default: string;
+                        type: () => import("../../../neon").NeonInputMode;
+                        default: string; /**
+                         * Either a single string, indicating the key of the selected option or an array of selected keys in the case
+                         * multiple = true.
+                         */
                     };
                     state: {
                         type: () => import("../../../neon").NeonState;
@@ -440,7 +443,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: null;
                     };
+                    /**
+                     * The size of the dropdown - Small, Medium or Large.
+                     */
                     iconReadonly: {
+                        /**
+                         * The color of the select.
+                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -468,6 +477,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -487,12 +500,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;
@@ -507,19 +521,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: import("../../../neon").NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: import("../../../neon").NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }, true, {}, {}, {
                     NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -533,15 +552,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: boolean;
                         };
                     }>, {
-                        attrs: {
+                        sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
-                        };
-                        icon: import("vue").ComputedRef<string>;
+                        }>;
+                        icon: import("vue").ComputedRef<string | undefined>;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -557,6 +580,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }>> & Readonly<{}>, {
                         disabled: boolean;
                         color: NeonFunctionalColor;
+                        id: string;
                         inverse: boolean;
                     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                 } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -598,8 +622,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
-                        default: string;
+                        type: () => import("../../../neon").NeonInputMode;
+                        default: string; /**
+                         * Either a single string, indicating the key of the selected option or an array of selected keys in the case
+                         * multiple = true.
+                         */
                     };
                     state: {
                         type: () => import("../../../neon").NeonState;
@@ -613,7 +640,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: null;
                     };
+                    /**
+                     * The size of the dropdown - Small, Medium or Large.
+                     */
                     iconReadonly: {
+                        /**
+                         * The color of the select.
+                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -641,6 +674,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -660,12 +697,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;
@@ -680,13 +718,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: import("../../../neon").NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: import("../../../neon").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;
@@ -719,8 +758,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
-                        default: string;
+                        type: () => import("../../../neon").NeonInputMode;
+                        default: string; /**
+                         * Either a single string, indicating the key of the selected option or an array of selected keys in the case
+                         * multiple = true.
+                         */
                     };
                     state: {
                         type: () => import("../../../neon").NeonState;
@@ -734,7 +776,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: null;
                     };
+                    /**
+                     * The size of the dropdown - Small, Medium or Large.
+                     */
                     iconReadonly: {
+                        /**
+                         * The color of the select.
+                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -762,6 +810,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -781,12 +833,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;
@@ -801,19 +854,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: import("../../../neon").NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: import("../../../neon").NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }, true, {}, {}, {
                     NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -827,15 +885,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: boolean;
                         };
                     }>, {
-                        attrs: {
+                        sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
-                        };
-                        icon: import("vue").ComputedRef<string>;
+                        }>;
+                        icon: import("vue").ComputedRef<string | undefined>;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -851,6 +913,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }>> & Readonly<{}>, {
                         disabled: boolean;
                         color: NeonFunctionalColor;
+                        id: string;
                         inverse: boolean;
                     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                 } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -892,8 +955,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
-                        default: string;
+                        type: () => import("../../../neon").NeonInputMode;
+                        default: string; /**
+                         * Either a single string, indicating the key of the selected option or an array of selected keys in the case
+                         * multiple = true.
+                         */
                     };
                     state: {
                         type: () => import("../../../neon").NeonState;
@@ -907,7 +973,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: null;
                     };
+                    /**
+                     * The size of the dropdown - Small, Medium or Large.
+                     */
                     iconReadonly: {
+                        /**
+                         * The color of the select.
+                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -935,6 +1007,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -954,12 +1030,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;
@@ -974,13 +1051,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: import("../../../neon").NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: import("../../../neon").NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }> | null>;
                 files: import("vue").Ref<{
                     readonly lastModified: number;
@@ -1350,6 +1428,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -1363,15 +1445,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: boolean;
                         };
                     }>, {
-                        attrs: {
+                        sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
-                        };
-                        icon: import("vue").ComputedRef<string>;
+                        }>;
+                        icon: import("vue").ComputedRef<string | undefined>;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -1387,6 +1473,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }>> & Readonly<{}>, {
                         disabled: boolean;
                         color: NeonFunctionalColor;
+                        id: string;
                         inverse: boolean;
                     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                     NeonLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -1446,6 +1533,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -1459,15 +1550,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 default: boolean;
                             };
                         }>, {
-                            attrs: {
+                            sanitizedAttributes: import("vue").ComputedRef<{
                                 [x: string]: unknown;
-                            };
-                            icon: import("vue").ComputedRef<string>;
+                            }>;
+                            icon: import("vue").ComputedRef<string | undefined>;
                         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -1483,6 +1578,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         }>> & Readonly<{}>, {
                             disabled: boolean;
                             color: NeonFunctionalColor;
+                            id: string;
                             inverse: boolean;
                         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -1519,8 +1615,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
-                        default: string;
+                        type: () => import("../../../neon").NeonInputMode;
+                        default: string; /**
+                         * Either a single string, indicating the key of the selected option or an array of selected keys in the case
+                         * multiple = true.
+                         */
                     };
                     state: {
                         type: () => import("../../../neon").NeonState;
@@ -1534,7 +1633,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: null;
                     };
+                    /**
+                     * The size of the dropdown - Small, Medium or Large.
+                     */
                     iconReadonly: {
+                        /**
+                         * The color of the select.
+                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -1562,6 +1667,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -1576,12 +1685,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: {
@@ -1615,8 +1725,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
-                        default: string;
+                        type: () => import("../../../neon").NeonInputMode;
+                        default: string; /**
+                         * Either a single string, indicating the key of the selected option or an array of selected keys in the case
+                         * multiple = true.
+                         */
                     };
                     state: {
                         type: () => import("../../../neon").NeonState;
@@ -1630,7 +1743,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: null;
                     };
+                    /**
+                     * The size of the dropdown - Small, Medium or Large.
+                     */
                     iconReadonly: {
+                        /**
+                         * The color of the select.
+                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -1658,6 +1777,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -1680,19 +1803,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: import("../../../neon").NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: import("../../../neon").NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }, {}, {
                     NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -1706,15 +1834,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: boolean;
                         };
                     }>, {
-                        attrs: {
+                        sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
-                        };
-                        icon: import("vue").ComputedRef<string>;
+                        }>;
+                        icon: import("vue").ComputedRef<string | undefined>;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -1730,6 +1862,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }>> & Readonly<{}>, {
                         disabled: boolean;
                         color: NeonFunctionalColor;
+                        id: string;
                         inverse: boolean;
                     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -1784,6 +1917,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -1797,15 +1934,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: boolean;
                         };
                     }>, {
-                        attrs: {
+                        sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
-                        };
-                        icon: import("vue").ComputedRef<string>;
+                        }>;
+                        icon: import("vue").ComputedRef<string | undefined>;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -1821,6 +1962,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }>> & Readonly<{}>, {
                         disabled: boolean;
                         color: NeonFunctionalColor;
+                        id: string;
                         inverse: boolean;
                     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -1830,6 +1972,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
                 color: {
                     type: () => NeonFunctionalColor;
                     default: null;
@@ -1843,15 +1989,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: boolean;
                 };
             }>, {
-                attrs: {
+                sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
-                };
-                icon: import("vue").ComputedRef<string>;
+                }>;
+                icon: import("vue").ComputedRef<string | undefined>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
                 color: {
                     type: () => NeonFunctionalColor;
                     default: null;
@@ -1867,6 +2017,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>> & Readonly<{}>, {
                 disabled: boolean;
                 color: NeonFunctionalColor;
+                id: string;
                 inverse: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -2140,6 +2291,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
                 color: {
                     type: () => NeonFunctionalColor;
                     default: null;
@@ -2153,15 +2308,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: boolean;
                 };
             }>, {
-                attrs: {
+                sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
-                };
-                icon: import("vue").ComputedRef<string>;
+                }>;
+                icon: import("vue").ComputedRef<string | undefined>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
                 color: {
                     type: () => NeonFunctionalColor;
                     default: null;
@@ -2177,6 +2336,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>> & Readonly<{}>, {
                 disabled: boolean;
                 color: NeonFunctionalColor;
+                id: string;
                 inverse: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             NeonLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -2236,6 +2396,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -2249,15 +2413,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: boolean;
                     };
                 }>, {
-                    attrs: {
+                    sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
-                    };
-                    icon: import("vue").ComputedRef<string>;
+                    }>;
+                    icon: import("vue").ComputedRef<string | undefined>;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -2273,6 +2441,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>> & Readonly<{}>, {
                     disabled: boolean;
                     color: NeonFunctionalColor;
+                    id: string;
                     inverse: boolean;
                 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -2742,8 +2911,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
-                        default: string;
+                        type: () => import("../../../neon").NeonInputMode;
+                        default: string; /**
+                         * Either a single string, indicating the key of the selected option or an array of selected keys in the case
+                         * multiple = true.
+                         */
                     };
                     state: {
                         type: () => import("../../../neon").NeonState;
@@ -2757,7 +2929,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: null;
                     };
+                    /**
+                     * The size of the dropdown - Small, Medium or Large.
+                     */
                     iconReadonly: {
+                        /**
+                         * The color of the select.
+                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -2785,6 +2963,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -2804,12 +2986,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;
@@ -2824,19 +3007,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: import("../../../neon").NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: import("../../../neon").NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }, true, {}, {}, {
                     NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -2850,15 +3038,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: boolean;
                         };
                     }>, {
-                        attrs: {
+                        sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
-                        };
-                        icon: import("vue").ComputedRef<string>;
+                        }>;
+                        icon: import("vue").ComputedRef<string | undefined>;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -2874,6 +3066,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }>> & Readonly<{}>, {
                         disabled: boolean;
                         color: NeonFunctionalColor;
+                        id: string;
                         inverse: boolean;
                     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                 } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -2915,8 +3108,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
-                        default: string;
+                        type: () => import("../../../neon").NeonInputMode;
+                        default: string; /**
+                         * Either a single string, indicating the key of the selected option or an array of selected keys in the case
+                         * multiple = true.
+                         */
                     };
                     state: {
                         type: () => import("../../../neon").NeonState;
@@ -2930,7 +3126,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: null;
                     };
+                    /**
+                     * The size of the dropdown - Small, Medium or Large.
+                     */
                     iconReadonly: {
+                        /**
+                         * The color of the select.
+                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -2958,6 +3160,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -2977,12 +3183,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;
@@ -2997,13 +3204,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: import("../../../neon").NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: import("../../../neon").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;
@@ -3036,8 +3244,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
-                        default: string;
+                        type: () => import("../../../neon").NeonInputMode;
+                        default: string; /**
+                         * Either a single string, indicating the key of the selected option or an array of selected keys in the case
+                         * multiple = true.
+                         */
                     };
                     state: {
                         type: () => import("../../../neon").NeonState;
@@ -3051,7 +3262,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: null;
                     };
+                    /**
+                     * The size of the dropdown - Small, Medium or Large.
+                     */
                     iconReadonly: {
+                        /**
+                         * The color of the select.
+                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -3079,6 +3296,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -3098,12 +3319,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;
@@ -3118,19 +3340,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: import("../../../neon").NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: import("../../../neon").NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }, true, {}, {}, {
                     NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -3144,15 +3371,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: boolean;
                         };
                     }>, {
-                        attrs: {
+                        sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
-                        };
-                        icon: import("vue").ComputedRef<string>;
+                        }>;
+                        icon: import("vue").ComputedRef<string | undefined>;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -3168,6 +3399,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }>> & Readonly<{}>, {
                         disabled: boolean;
                         color: NeonFunctionalColor;
+                        id: string;
                         inverse: boolean;
                     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                 } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -3209,8 +3441,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
-                        default: string;
+                        type: () => import("../../../neon").NeonInputMode;
+                        default: string; /**
+                         * Either a single string, indicating the key of the selected option or an array of selected keys in the case
+                         * multiple = true.
+                         */
                     };
                     state: {
                         type: () => import("../../../neon").NeonState;
@@ -3224,7 +3459,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: null;
                     };
+                    /**
+                     * The size of the dropdown - Small, Medium or Large.
+                     */
                     iconReadonly: {
+                        /**
+                         * The color of the select.
+                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -3252,6 +3493,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -3271,12 +3516,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;
@@ -3291,13 +3537,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: import("../../../neon").NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: import("../../../neon").NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }> | null>;
                 files: import("vue").Ref<{
                     readonly lastModified: number;
@@ -3667,6 +3914,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -3680,15 +3931,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: boolean;
                         };
                     }>, {
-                        attrs: {
+                        sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
-                        };
-                        icon: import("vue").ComputedRef<string>;
+                        }>;
+                        icon: import("vue").ComputedRef<string | undefined>;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -3704,6 +3959,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }>> & Readonly<{}>, {
                         disabled: boolean;
                         color: NeonFunctionalColor;
+                        id: string;
                         inverse: boolean;
                     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                     NeonLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -3763,6 +4019,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -3776,15 +4036,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 default: boolean;
                             };
                         }>, {
-                            attrs: {
+                            sanitizedAttributes: import("vue").ComputedRef<{
                                 [x: string]: unknown;
-                            };
-                            icon: import("vue").ComputedRef<string>;
+                            }>;
+                            icon: import("vue").ComputedRef<string | undefined>;
                         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -3800,6 +4064,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         }>> & Readonly<{}>, {
                             disabled: boolean;
                             color: NeonFunctionalColor;
+                            id: string;
                             inverse: boolean;
                         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -3836,8 +4101,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
-                        default: string;
+                        type: () => import("../../../neon").NeonInputMode;
+                        default: string; /**
+                         * Either a single string, indicating the key of the selected option or an array of selected keys in the case
+                         * multiple = true.
+                         */
                     };
                     state: {
                         type: () => import("../../../neon").NeonState;
@@ -3851,7 +4119,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: null;
                     };
+                    /**
+                     * The size of the dropdown - Small, Medium or Large.
+                     */
                     iconReadonly: {
+                        /**
+                         * The color of the select.
+                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -3879,6 +4153,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -3893,12 +4171,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: {
@@ -3932,8 +4211,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
-                        default: string;
+                        type: () => import("../../../neon").NeonInputMode;
+                        default: string; /**
+                         * Either a single string, indicating the key of the selected option or an array of selected keys in the case
+                         * multiple = true.
+                         */
                     };
                     state: {
                         type: () => import("../../../neon").NeonState;
@@ -3947,7 +4229,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: null;
                     };
+                    /**
+                     * The size of the dropdown - Small, Medium or Large.
+                     */
                     iconReadonly: {
+                        /**
+                         * The color of the select.
+                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -3975,6 +4263,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -3997,19 +4289,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: import("../../../neon").NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: import("../../../neon").NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }, {}, {
                     NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -4023,15 +4320,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: boolean;
                         };
                     }>, {
-                        attrs: {
+                        sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
-                        };
-                        icon: import("vue").ComputedRef<string>;
+                        }>;
+                        icon: import("vue").ComputedRef<string | undefined>;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -4047,6 +4348,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }>> & Readonly<{}>, {
                         disabled: boolean;
                         color: NeonFunctionalColor;
+                        id: string;
                         inverse: boolean;
                     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -4101,6 +4403,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -4114,15 +4420,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: boolean;
                         };
                     }>, {
-                        attrs: {
+                        sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
-                        };
-                        icon: import("vue").ComputedRef<string>;
+                        }>;
+                        icon: import("vue").ComputedRef<string | undefined>;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -4138,6 +4448,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }>> & Readonly<{}>, {
                         disabled: boolean;
                         color: NeonFunctionalColor;
+                        id: string;
                         inverse: boolean;
                     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -4147,6 +4458,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
                 color: {
                     type: () => NeonFunctionalColor;
                     default: null;
@@ -4160,15 +4475,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: boolean;
                 };
             }>, {
-                attrs: {
+                sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
-                };
-                icon: import("vue").ComputedRef<string>;
+                }>;
+                icon: import("vue").ComputedRef<string | undefined>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
                 color: {
                     type: () => NeonFunctionalColor;
                     default: null;
@@ -4184,6 +4503,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>> & Readonly<{}>, {
                 disabled: boolean;
                 color: NeonFunctionalColor;
+                id: string;
                 inverse: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -4457,6 +4777,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
                 color: {
                     type: () => NeonFunctionalColor;
                     default: null;
@@ -4470,15 +4794,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: boolean;
                 };
             }>, {
-                attrs: {
+                sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
-                };
-                icon: import("vue").ComputedRef<string>;
+                }>;
+                icon: import("vue").ComputedRef<string | undefined>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
                 color: {
                     type: () => NeonFunctionalColor;
                     default: null;
@@ -4494,6 +4822,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>> & Readonly<{}>, {
                 disabled: boolean;
                 color: NeonFunctionalColor;
+                id: string;
                 inverse: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             NeonLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -4553,6 +4882,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -4566,15 +4899,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: boolean;
                     };
                 }>, {
-                    attrs: {
+                    sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
-                    };
-                    icon: import("vue").ComputedRef<string>;
+                    }>;
+                    icon: import("vue").ComputedRef<string | undefined>;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -4590,6 +4927,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>> & Readonly<{}>, {
                     disabled: boolean;
                     color: NeonFunctionalColor;
+                    id: string;
                     inverse: boolean;
                 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -5248,8 +5586,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
-                        default: string;
+                        type: () => import("../../../neon").NeonInputMode;
+                        default: string; /**
+                         * Either a single string, indicating the key of the selected option or an array of selected keys in the case
+                         * multiple = true.
+                         */
                     };
                     state: {
                         type: () => import("../../../neon").NeonState;
@@ -5263,7 +5604,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: null;
                     };
+                    /**
+                     * The size of the dropdown - Small, Medium or Large.
+                     */
                     iconReadonly: {
+                        /**
+                         * The color of the select.
+                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -5291,6 +5638,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -5310,12 +5661,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;
@@ -5330,19 +5682,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: import("../../../neon").NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: import("../../../neon").NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }, true, {}, {}, {
                     NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -5356,15 +5713,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: boolean;
                         };
                     }>, {
-                        attrs: {
+                        sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
-                        };
-                        icon: import("vue").ComputedRef<string>;
+                        }>;
+                        icon: import("vue").ComputedRef<string | undefined>;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -5380,6 +5741,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }>> & Readonly<{}>, {
                         disabled: boolean;
                         color: NeonFunctionalColor;
+                        id: string;
                         inverse: boolean;
                     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                 } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -5421,8 +5783,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
-                        default: string;
+                        type: () => import("../../../neon").NeonInputMode;
+                        default: string; /**
+                         * Either a single string, indicating the key of the selected option or an array of selected keys in the case
+                         * multiple = true.
+                         */
                     };
                     state: {
                         type: () => import("../../../neon").NeonState;
@@ -5436,7 +5801,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: null;
                     };
+                    /**
+                     * The size of the dropdown - Small, Medium or Large.
+                     */
                     iconReadonly: {
+                        /**
+                         * The color of the select.
+                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -5464,6 +5835,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -5483,12 +5858,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;
@@ -5503,13 +5879,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: import("../../../neon").NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: import("../../../neon").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;
@@ -5542,8 +5919,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
-                        default: string;
+                        type: () => import("../../../neon").NeonInputMode;
+                        default: string; /**
+                         * Either a single string, indicating the key of the selected option or an array of selected keys in the case
+                         * multiple = true.
+                         */
                     };
                     state: {
                         type: () => import("../../../neon").NeonState;
@@ -5557,7 +5937,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: null;
                     };
+                    /**
+                     * The size of the dropdown - Small, Medium or Large.
+                     */
                     iconReadonly: {
+                        /**
+                         * The color of the select.
+                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -5585,6 +5971,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -5604,12 +5994,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;
@@ -5624,19 +6015,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: import("../../../neon").NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: import("../../../neon").NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }, true, {}, {}, {
                     NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -5650,15 +6046,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: boolean;
                         };
                     }>, {
-                        attrs: {
+                        sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
-                        };
-                        icon: import("vue").ComputedRef<string>;
+                        }>;
+                        icon: import("vue").ComputedRef<string | undefined>;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -5674,6 +6074,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }>> & Readonly<{}>, {
                         disabled: boolean;
                         color: NeonFunctionalColor;
+                        id: string;
                         inverse: boolean;
                     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                 } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -5715,8 +6116,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
-                        default: string;
+                        type: () => import("../../../neon").NeonInputMode;
+                        default: string; /**
+                         * Either a single string, indicating the key of the selected option or an array of selected keys in the case
+                         * multiple = true.
+                         */
                     };
                     state: {
                         type: () => import("../../../neon").NeonState;
@@ -5730,7 +6134,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: null;
                     };
+                    /**
+                     * The size of the dropdown - Small, Medium or Large.
+                     */
                     iconReadonly: {
+                        /**
+                         * The color of the select.
+                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -5758,6 +6168,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -5777,12 +6191,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;
@@ -5797,13 +6212,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: import("../../../neon").NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: import("../../../neon").NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }> | null>;
                 files: import("vue").Ref<{
                     readonly lastModified: number;
@@ -6173,6 +6589,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -6186,15 +6606,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: boolean;
                         };
                     }>, {
-                        attrs: {
+                        sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
-                        };
-                        icon: import("vue").ComputedRef<string>;
+                        }>;
+                        icon: import("vue").ComputedRef<string | undefined>;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -6210,6 +6634,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }>> & Readonly<{}>, {
                         disabled: boolean;
                         color: NeonFunctionalColor;
+                        id: string;
                         inverse: boolean;
                     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                     NeonLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -6269,6 +6694,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -6282,15 +6711,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 default: boolean;
                             };
                         }>, {
-                            attrs: {
+                            sanitizedAttributes: import("vue").ComputedRef<{
                                 [x: string]: unknown;
-                            };
-                            icon: import("vue").ComputedRef<string>;
+                            }>;
+                            icon: import("vue").ComputedRef<string | undefined>;
                         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -6306,6 +6739,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         }>> & Readonly<{}>, {
                             disabled: boolean;
                             color: NeonFunctionalColor;
+                            id: string;
                             inverse: boolean;
                         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -6342,8 +6776,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
-                        default: string;
+                        type: () => import("../../../neon").NeonInputMode;
+                        default: string; /**
+                         * Either a single string, indicating the key of the selected option or an array of selected keys in the case
+                         * multiple = true.
+                         */
                     };
                     state: {
                         type: () => import("../../../neon").NeonState;
@@ -6357,7 +6794,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: null;
                     };
+                    /**
+                     * The size of the dropdown - Small, Medium or Large.
+                     */
                     iconReadonly: {
+                        /**
+                         * The color of the select.
+                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -6385,6 +6828,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -6399,12 +6846,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: {
@@ -6438,8 +6886,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
-                        default: string;
+                        type: () => import("../../../neon").NeonInputMode;
+                        default: string; /**
+                         * Either a single string, indicating the key of the selected option or an array of selected keys in the case
+                         * multiple = true.
+                         */
                     };
                     state: {
                         type: () => import("../../../neon").NeonState;
@@ -6453,7 +6904,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: null;
                     };
+                    /**
+                     * The size of the dropdown - Small, Medium or Large.
+                     */
                     iconReadonly: {
+                        /**
+                         * The color of the select.
+                         */
                         type: BooleanConstructor;
                         default: boolean;
                     };
@@ -6481,6 +6938,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -6503,19 +6964,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     inputmode: import("../../../neon").NeonInputMode;
                     modelValue: string;
                     state: import("../../../neon").NeonState;
-                    autocomplete: string;
+                    autocomplete: import("../../../neon").NeonInputMode;
                     rows: number;
                     iconReadonly: boolean;
                     hideIcon: boolean;
                     stateHighlight: boolean;
                     stateIcon: boolean;
                     maxlength: number;
+                    maxlengthLabel: string;
                 }, {}, {
                     NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -6529,15 +6995,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: boolean;
                         };
                     }>, {
-                        attrs: {
+                        sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
-                        };
-                        icon: import("vue").ComputedRef<string>;
+                        }>;
+                        icon: import("vue").ComputedRef<string | undefined>;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -6553,6 +7023,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }>> & Readonly<{}>, {
                         disabled: boolean;
                         color: NeonFunctionalColor;
+                        id: string;
                         inverse: boolean;
                     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -6607,6 +7078,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -6620,15 +7095,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: boolean;
                         };
                     }>, {
-                        attrs: {
+                        sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
-                        };
-                        icon: import("vue").ComputedRef<string>;
+                        }>;
+                        icon: import("vue").ComputedRef<string | undefined>;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -6644,6 +7123,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     }>> & Readonly<{}>, {
                         disabled: boolean;
                         color: NeonFunctionalColor;
+                        id: string;
                         inverse: boolean;
                     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -6653,6 +7133,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
                 color: {
                     type: () => NeonFunctionalColor;
                     default: null;
@@ -6666,15 +7150,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: boolean;
                 };
             }>, {
-                attrs: {
+                sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
-                };
-                icon: import("vue").ComputedRef<string>;
+                }>;
+                icon: import("vue").ComputedRef<string | undefined>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
                 color: {
                     type: () => NeonFunctionalColor;
                     default: null;
@@ -6690,6 +7178,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>> & Readonly<{}>, {
                 disabled: boolean;
                 color: NeonFunctionalColor;
+                id: string;
                 inverse: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -6963,6 +7452,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
                 color: {
                     type: () => NeonFunctionalColor;
                     default: null;
@@ -6976,15 +7469,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: boolean;
                 };
             }>, {
-                attrs: {
+                sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
-                };
-                icon: import("vue").ComputedRef<string>;
+                }>;
+                icon: import("vue").ComputedRef<string | undefined>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
                 color: {
                     type: () => NeonFunctionalColor;
                     default: null;
@@ -7000,6 +7497,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }>> & Readonly<{}>, {
                 disabled: boolean;
                 color: NeonFunctionalColor;
+                id: string;
                 inverse: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             NeonLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -7059,6 +7557,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -7072,15 +7574,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: boolean;
                     };
                 }>, {
-                    attrs: {
+                    sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
-                    };
-                    icon: import("vue").ComputedRef<string>;
+                    }>;
+                    icon: import("vue").ComputedRef<string | undefined>;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -7096,6 +7602,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }>> & Readonly<{}>, {
                     disabled: boolean;
                     color: NeonFunctionalColor;
+                    id: string;
                     inverse: boolean;
                 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -7146,6 +7653,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: StringConstructor;
             required: true;
         };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
         color: {
             type: () => NeonFunctionalColor;
             default: null;
@@ -7159,15 +7670,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
     }>, {
-        attrs: {
+        sanitizedAttributes: import("vue").ComputedRef<{
             [x: string]: unknown;
-        };
-        icon: import("vue").ComputedRef<string>;
+        }>;
+        icon: import("vue").ComputedRef<string | undefined>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         name: {
             type: StringConstructor;
             required: true;
         };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
         color: {
             type: () => NeonFunctionalColor;
             default: null;
@@ -7183,6 +7698,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{}>, {
         disabled: boolean;
         color: NeonFunctionalColor;
+        id: string;
         inverse: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     NeonSwitch: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -7274,6 +7790,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
                 required: true;
             };
+            id: {
+                type: StringConstructor;
+                default: null;
+            };
             color: {
                 type: () => NeonFunctionalColor;
                 default: null;
@@ -7287,15 +7807,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
         }>, {
-            attrs: {
+            sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
-            };
-            icon: import("vue").ComputedRef<string>;
+            }>;
+            icon: import("vue").ComputedRef<string | undefined>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: StringConstructor;
                 required: true;
             };
+            id: {
+                type: StringConstructor;
+                default: null;
+            };
             color: {
                 type: () => NeonFunctionalColor;
                 default: null;
@@ -7311,6 +7835,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>> & Readonly<{}>, {
             disabled: boolean;
             color: NeonFunctionalColor;
+            id: string;
             inverse: boolean;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;