npm - @aotearoan/neon - Versions diffs - 22.5.0 → 22.5.2 - Mend

@aotearoan/neon 22.5.0 → 22.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (106) hide show

package/dist/src/components/navigation/dropdown-menu/NeonDropdownMenu.d.ts CHANGED Viewed

@@ -384,7 +384,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => import("../../../neon").NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -427,6 +427,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -446,12 +450,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;
@@ -466,21 +471,28 @@ 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;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -492,17 +504,23 @@ 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;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -516,6 +534,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, {
@@ -557,7 +576,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => import("../../../neon").NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -600,6 +619,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -619,12 +642,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;
@@ -639,13 +663,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;
@@ -678,7 +703,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => import("../../../neon").NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -721,6 +746,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -740,12 +769,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;
@@ -760,21 +790,28 @@ 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;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -786,17 +823,23 @@ 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;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -810,6 +853,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, {
@@ -851,7 +895,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => import("../../../neon").NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -894,6 +938,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -913,12 +961,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;
@@ -933,13 +982,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;
@@ -1293,8 +1343,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
-                            type: () => NeonFunctionalColor;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -1306,17 +1362,23 @@ 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;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -1330,6 +1392,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<{
@@ -1389,8 +1452,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
-                                type: () => NeonFunctionalColor;
+                                type: () => NeonFunctionalColor; /**
+                                 * Instead of opening on click (default), open on hover.
+                                 */
                                 default: null;
                             };
                             inverse: {
@@ -1402,17 +1471,23 @@ 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;
+                                type: () => NeonFunctionalColor; /**
+                                 * Instead of opening on click (default), open on hover.
+                                 */
                                 default: null;
                             };
                             inverse: {
@@ -1426,6 +1501,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>;
@@ -1462,7 +1538,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => import("../../../neon").NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -1505,6 +1581,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -1519,12 +1599,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: {
@@ -1558,7 +1639,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => import("../../../neon").NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -1601,6 +1682,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -1623,21 +1708,28 @@ 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;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -1649,17 +1741,23 @@ 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;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -1673,6 +1771,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>;
@@ -1725,8 +1824,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
-                            type: () => NeonFunctionalColor;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -1738,17 +1843,23 @@ 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;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -1762,6 +1873,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>;
@@ -1771,8 +1883,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Instead of opening on click (default), open on hover.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -1784,17 +1902,23 @@ 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;
+                    type: () => NeonFunctionalColor; /**
+                     * Instead of opening on click (default), open on hover.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -1808,6 +1932,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>;
@@ -2061,8 +2186,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Instead of opening on click (default), open on hover.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -2074,17 +2205,23 @@ 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;
+                    type: () => NeonFunctionalColor; /**
+                     * Instead of opening on click (default), open on hover.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -2098,6 +2235,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<{
@@ -2157,8 +2295,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Instead of opening on click (default), open on hover.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -2170,17 +2314,23 @@ 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;
+                        type: () => NeonFunctionalColor; /**
+                         * Instead of opening on click (default), open on hover.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -2194,6 +2344,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>;
@@ -2687,7 +2838,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => import("../../../neon").NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -2730,6 +2881,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -2749,12 +2904,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;
@@ -2769,21 +2925,28 @@ 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;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -2795,17 +2958,23 @@ 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;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -2819,6 +2988,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, {
@@ -2860,7 +3030,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => import("../../../neon").NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -2903,6 +3073,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -2922,12 +3096,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;
@@ -2942,13 +3117,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;
@@ -2981,7 +3157,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => import("../../../neon").NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -3024,6 +3200,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -3043,12 +3223,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;
@@ -3063,21 +3244,28 @@ 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;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -3089,17 +3277,23 @@ 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;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -3113,6 +3307,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, {
@@ -3154,7 +3349,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => import("../../../neon").NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -3197,6 +3392,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -3216,12 +3415,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;
@@ -3236,13 +3436,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;
@@ -3596,8 +3797,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
-                            type: () => NeonFunctionalColor;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -3609,17 +3816,23 @@ 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;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -3633,6 +3846,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<{
@@ -3692,8 +3906,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
-                                type: () => NeonFunctionalColor;
+                                type: () => NeonFunctionalColor; /**
+                                 * Instead of opening on click (default), open on hover.
+                                 */
                                 default: null;
                             };
                             inverse: {
@@ -3705,17 +3925,23 @@ 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;
+                                type: () => NeonFunctionalColor; /**
+                                 * Instead of opening on click (default), open on hover.
+                                 */
                                 default: null;
                             };
                             inverse: {
@@ -3729,6 +3955,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>;
@@ -3765,7 +3992,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => import("../../../neon").NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -3808,6 +4035,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -3822,12 +4053,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: {
@@ -3861,7 +4093,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => import("../../../neon").NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -3904,6 +4136,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -3926,21 +4162,28 @@ 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;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -3952,17 +4195,23 @@ 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;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -3976,6 +4225,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>;
@@ -4028,8 +4278,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
-                            type: () => NeonFunctionalColor;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -4041,17 +4297,23 @@ 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;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -4065,6 +4327,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>;
@@ -4074,8 +4337,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Instead of opening on click (default), open on hover.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -4087,17 +4356,23 @@ 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;
+                    type: () => NeonFunctionalColor; /**
+                     * Instead of opening on click (default), open on hover.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -4111,6 +4386,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>;
@@ -4364,8 +4640,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Instead of opening on click (default), open on hover.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -4377,17 +4659,23 @@ 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;
+                    type: () => NeonFunctionalColor; /**
+                     * Instead of opening on click (default), open on hover.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -4401,6 +4689,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<{
@@ -4460,8 +4749,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Instead of opening on click (default), open on hover.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -4473,17 +4768,23 @@ 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;
+                        type: () => NeonFunctionalColor; /**
+                         * Instead of opening on click (default), open on hover.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -4497,6 +4798,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>;
@@ -5128,7 +5430,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => import("../../../neon").NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -5171,6 +5473,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -5190,12 +5496,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;
@@ -5210,21 +5517,28 @@ 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;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -5236,17 +5550,23 @@ 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;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -5260,6 +5580,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, {
@@ -5301,7 +5622,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => import("../../../neon").NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -5344,6 +5665,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -5363,12 +5688,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;
@@ -5383,13 +5709,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;
@@ -5422,7 +5749,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => import("../../../neon").NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -5465,6 +5792,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -5484,12 +5815,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;
@@ -5504,21 +5836,28 @@ 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;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -5530,17 +5869,23 @@ 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;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -5554,6 +5899,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, {
@@ -5595,7 +5941,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => import("../../../neon").NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -5638,6 +5984,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -5657,12 +6007,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;
@@ -5677,13 +6028,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;
@@ -6037,8 +6389,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
-                            type: () => NeonFunctionalColor;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -6050,17 +6408,23 @@ 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;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -6074,6 +6438,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<{
@@ -6133,8 +6498,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
-                                type: () => NeonFunctionalColor;
+                                type: () => NeonFunctionalColor; /**
+                                 * Instead of opening on click (default), open on hover.
+                                 */
                                 default: null;
                             };
                             inverse: {
@@ -6146,17 +6517,23 @@ 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;
+                                type: () => NeonFunctionalColor; /**
+                                 * Instead of opening on click (default), open on hover.
+                                 */
                                 default: null;
                             };
                             inverse: {
@@ -6170,6 +6547,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>;
@@ -6206,7 +6584,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => import("../../../neon").NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -6249,6 +6627,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -6263,12 +6645,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: {
@@ -6302,7 +6685,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: import("../../../neon").NeonInputMode;
                     };
                     autocomplete: {
-                        type: StringConstructor;
+                        type: () => import("../../../neon").NeonInputMode;
                         default: string;
                     };
                     state: {
@@ -6345,6 +6728,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: NumberConstructor;
                         default: null;
                     };
+                    maxlengthLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
                     debounce: {
                         type: NumberConstructor;
                         default: undefined;
@@ -6367,21 +6754,28 @@ 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;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -6393,17 +6787,23 @@ 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;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -6417,6 +6817,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>;
@@ -6469,8 +6870,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
-                            type: () => NeonFunctionalColor;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -6482,17 +6889,23 @@ 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;
+                            type: () => NeonFunctionalColor; /**
+                             * Instead of opening on click (default), open on hover.
+                             */
                             default: null;
                         };
                         inverse: {
@@ -6506,6 +6919,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>;
@@ -6515,8 +6929,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Instead of opening on click (default), open on hover.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -6528,17 +6948,23 @@ 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;
+                    type: () => NeonFunctionalColor; /**
+                     * Instead of opening on click (default), open on hover.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -6552,6 +6978,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>;
@@ -6805,8 +7232,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
                 color: {
-                    type: () => NeonFunctionalColor;
+                    type: () => NeonFunctionalColor; /**
+                     * Instead of opening on click (default), open on hover.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -6818,17 +7251,23 @@ 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;
+                    type: () => NeonFunctionalColor; /**
+                     * Instead of opening on click (default), open on hover.
+                     */
                     default: null;
                 };
                 inverse: {
@@ -6842,6 +7281,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<{
@@ -6901,8 +7341,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
-                        type: () => NeonFunctionalColor;
+                        type: () => NeonFunctionalColor; /**
+                         * Instead of opening on click (default), open on hover.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -6914,17 +7360,23 @@ 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;
+                        type: () => NeonFunctionalColor; /**
+                         * Instead of opening on click (default), open on hover.
+                         */
                         default: null;
                     };
                     inverse: {
@@ -6938,6 +7390,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>;
@@ -6988,8 +7441,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: StringConstructor;
             required: true;
         };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
         color: {
-            type: () => NeonFunctionalColor;
+            type: () => NeonFunctionalColor; /**
+             * Instead of opening on click (default), open on hover.
+             */
             default: null;
         };
         inverse: {
@@ -7001,17 +7460,23 @@ 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;
+            type: () => NeonFunctionalColor; /**
+             * Instead of opening on click (default), open on hover.
+             */
             default: null;
         };
         inverse: {
@@ -7025,6 +7490,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<{
@@ -7084,8 +7550,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
                 required: true;
             };
+            id: {
+                type: StringConstructor;
+                default: null;
+            };
             color: {
-                type: () => NeonFunctionalColor;
+                type: () => NeonFunctionalColor; /**
+                 * Instead of opening on click (default), open on hover.
+                 */
                 default: null;
             };
             inverse: {
@@ -7097,17 +7569,23 @@ 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;
+                type: () => NeonFunctionalColor; /**
+                 * Instead of opening on click (default), open on hover.
+                 */
                 default: null;
             };
             inverse: {
@@ -7121,6 +7599,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>;