@aotearoan/neon 22.5.0 → 22.5.2

package/dist/src/components/navigation/mobile-menu/NeonMobileMenu.d.ts

@@ -383,7 +383,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: import("../../../neon").NeonInputMode;
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -426,6 +426,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -445,12 +449,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;
@@ -465,19 +470,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         inputmode: import("../../../neon").NeonInputMode;
                         modelValue: string;
                         state: import("../../../neon").NeonState;
-                        autocomplete: string;
+                        autocomplete: import("../../../neon").NeonInputMode;
                         rows: number;
                         iconReadonly: boolean;
                         hideIcon: boolean;
                         stateHighlight: boolean;
                         stateIcon: boolean;
                         maxlength: number;
+                        maxlengthLabel: string;
                     }, true, {}, {}, {
                         NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -491,15 +501,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 default: boolean;
                             };
                         }>, {
-                            attrs: {
+                            sanitizedAttributes: import("vue").ComputedRef<{
                                 [x: string]: unknown;
-                            };
-                            icon: import("vue").ComputedRef<string>;
+                            }>;
+                            icon: import("vue").ComputedRef<string | undefined>;
                         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -515,6 +529,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, {
@@ -554,7 +569,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: import("../../../neon").NeonInputMode;
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -597,6 +612,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -616,12 +635,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;
@@ -636,13 +656,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;
@@ -673,7 +694,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: import("../../../neon").NeonInputMode;
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -716,6 +737,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -735,12 +760,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;
@@ -755,19 +781,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         inputmode: import("../../../neon").NeonInputMode;
                         modelValue: string;
                         state: import("../../../neon").NeonState;
-                        autocomplete: string;
+                        autocomplete: import("../../../neon").NeonInputMode;
                         rows: number;
                         iconReadonly: boolean;
                         hideIcon: boolean;
                         stateHighlight: boolean;
                         stateIcon: boolean;
                         maxlength: number;
+                        maxlengthLabel: string;
                     }, true, {}, {}, {
                         NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -781,15 +812,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 default: boolean;
                             };
                         }>, {
-                            attrs: {
+                            sanitizedAttributes: import("vue").ComputedRef<{
                                 [x: string]: unknown;
-                            };
-                            icon: import("vue").ComputedRef<string>;
+                            }>;
+                            icon: import("vue").ComputedRef<string | undefined>;
                         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -805,6 +840,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, {
@@ -844,7 +880,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: import("../../../neon").NeonInputMode;
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -887,6 +923,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -906,12 +946,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;
@@ -926,13 +967,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;
@@ -1274,6 +1316,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -1287,15 +1333,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 default: boolean;
                             };
                         }>, {
-                            attrs: {
+                            sanitizedAttributes: import("vue").ComputedRef<{
                                 [x: string]: unknown;
-                            };
-                            icon: import("vue").ComputedRef<string>;
+                            }>;
+                            icon: import("vue").ComputedRef<string | undefined>;
                         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -1311,6 +1361,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<{
@@ -1370,6 +1421,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     type: StringConstructor;
                                     required: true;
                                 };
+                                id: {
+                                    type: StringConstructor;
+                                    default: null;
+                                };
                                 color: {
                                     type: () => NeonFunctionalColor;
                                     default: null;
@@ -1383,15 +1438,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     default: boolean;
                                 };
                             }>, {
-                                attrs: {
+                                sanitizedAttributes: import("vue").ComputedRef<{
                                     [x: string]: unknown;
-                                };
-                                icon: import("vue").ComputedRef<string>;
+                                }>;
+                                icon: import("vue").ComputedRef<string | undefined>;
                             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                                 name: {
                                     type: StringConstructor;
                                     required: true;
                                 };
+                                id: {
+                                    type: StringConstructor;
+                                    default: null;
+                                };
                                 color: {
                                     type: () => NeonFunctionalColor;
                                     default: null;
@@ -1407,6 +1466,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>;
@@ -1441,7 +1501,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: import("../../../neon").NeonInputMode;
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -1484,6 +1544,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -1498,12 +1562,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: {
@@ -1535,7 +1600,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: import("../../../neon").NeonInputMode;
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -1578,6 +1643,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -1600,19 +1669,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         inputmode: import("../../../neon").NeonInputMode;
                         modelValue: string;
                         state: import("../../../neon").NeonState;
-                        autocomplete: string;
+                        autocomplete: import("../../../neon").NeonInputMode;
                         rows: number;
                         iconReadonly: boolean;
                         hideIcon: boolean;
                         stateHighlight: boolean;
                         stateIcon: boolean;
                         maxlength: number;
+                        maxlengthLabel: string;
                     }, {}, {
                         NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -1626,15 +1700,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 default: boolean;
                             };
                         }>, {
-                            attrs: {
+                            sanitizedAttributes: import("vue").ComputedRef<{
                                 [x: string]: unknown;
-                            };
-                            icon: import("vue").ComputedRef<string>;
+                            }>;
+                            icon: import("vue").ComputedRef<string | undefined>;
                         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -1650,6 +1728,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>;
@@ -1706,6 +1785,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -1719,15 +1802,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 default: boolean;
                             };
                         }>, {
-                            attrs: {
+                            sanitizedAttributes: import("vue").ComputedRef<{
                                 [x: string]: unknown;
-                            };
-                            icon: import("vue").ComputedRef<string>;
+                            }>;
+                            icon: import("vue").ComputedRef<string | undefined>;
                         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -1743,6 +1830,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>;
@@ -1752,6 +1840,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -1765,15 +1857,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: boolean;
                     };
                 }>, {
-                    attrs: {
+                    sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
-                    };
-                    icon: import("vue").ComputedRef<string>;
+                    }>;
+                    icon: import("vue").ComputedRef<string | undefined>;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -1789,6 +1885,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>;
@@ -2034,6 +2131,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -2047,15 +2148,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: boolean;
                     };
                 }>, {
-                    attrs: {
+                    sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
-                    };
-                    icon: import("vue").ComputedRef<string>;
+                    }>;
+                    icon: import("vue").ComputedRef<string | undefined>;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -2071,6 +2176,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<{
@@ -2130,6 +2236,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -2143,15 +2253,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: boolean;
                         };
                     }>, {
-                        attrs: {
+                        sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
-                        };
-                        icon: import("vue").ComputedRef<string>;
+                        }>;
+                        icon: import("vue").ComputedRef<string | undefined>;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -2167,6 +2281,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>;
@@ -2634,7 +2749,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: import("../../../neon").NeonInputMode;
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -2677,6 +2792,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -2696,12 +2815,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;
@@ -2716,19 +2836,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         inputmode: import("../../../neon").NeonInputMode;
                         modelValue: string;
                         state: import("../../../neon").NeonState;
-                        autocomplete: string;
+                        autocomplete: import("../../../neon").NeonInputMode;
                         rows: number;
                         iconReadonly: boolean;
                         hideIcon: boolean;
                         stateHighlight: boolean;
                         stateIcon: boolean;
                         maxlength: number;
+                        maxlengthLabel: string;
                     }, true, {}, {}, {
                         NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -2742,15 +2867,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 default: boolean;
                             };
                         }>, {
-                            attrs: {
+                            sanitizedAttributes: import("vue").ComputedRef<{
                                 [x: string]: unknown;
-                            };
-                            icon: import("vue").ComputedRef<string>;
+                            }>;
+                            icon: import("vue").ComputedRef<string | undefined>;
                         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -2766,6 +2895,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, {
@@ -2805,7 +2935,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: import("../../../neon").NeonInputMode;
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -2848,6 +2978,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -2867,12 +3001,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;
@@ -2887,13 +3022,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;
@@ -2924,7 +3060,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: import("../../../neon").NeonInputMode;
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -2967,6 +3103,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -2986,12 +3126,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;
@@ -3006,19 +3147,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         inputmode: import("../../../neon").NeonInputMode;
                         modelValue: string;
                         state: import("../../../neon").NeonState;
-                        autocomplete: string;
+                        autocomplete: import("../../../neon").NeonInputMode;
                         rows: number;
                         iconReadonly: boolean;
                         hideIcon: boolean;
                         stateHighlight: boolean;
                         stateIcon: boolean;
                         maxlength: number;
+                        maxlengthLabel: string;
                     }, true, {}, {}, {
                         NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -3032,15 +3178,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 default: boolean;
                             };
                         }>, {
-                            attrs: {
+                            sanitizedAttributes: import("vue").ComputedRef<{
                                 [x: string]: unknown;
-                            };
-                            icon: import("vue").ComputedRef<string>;
+                            }>;
+                            icon: import("vue").ComputedRef<string | undefined>;
                         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -3056,6 +3206,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, {
@@ -3095,7 +3246,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: import("../../../neon").NeonInputMode;
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -3138,6 +3289,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -3157,12 +3312,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;
@@ -3177,13 +3333,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;
@@ -3525,6 +3682,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -3538,15 +3699,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 default: boolean;
                             };
                         }>, {
-                            attrs: {
+                            sanitizedAttributes: import("vue").ComputedRef<{
                                 [x: string]: unknown;
-                            };
-                            icon: import("vue").ComputedRef<string>;
+                            }>;
+                            icon: import("vue").ComputedRef<string | undefined>;
                         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -3562,6 +3727,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<{
@@ -3621,6 +3787,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     type: StringConstructor;
                                     required: true;
                                 };
+                                id: {
+                                    type: StringConstructor;
+                                    default: null;
+                                };
                                 color: {
                                     type: () => NeonFunctionalColor;
                                     default: null;
@@ -3634,15 +3804,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     default: boolean;
                                 };
                             }>, {
-                                attrs: {
+                                sanitizedAttributes: import("vue").ComputedRef<{
                                     [x: string]: unknown;
-                                };
-                                icon: import("vue").ComputedRef<string>;
+                                }>;
+                                icon: import("vue").ComputedRef<string | undefined>;
                             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                                 name: {
                                     type: StringConstructor;
                                     required: true;
                                 };
+                                id: {
+                                    type: StringConstructor;
+                                    default: null;
+                                };
                                 color: {
                                     type: () => NeonFunctionalColor;
                                     default: null;
@@ -3658,6 +3832,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>;
@@ -3692,7 +3867,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: import("../../../neon").NeonInputMode;
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -3735,6 +3910,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -3749,12 +3928,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: {
@@ -3786,7 +3966,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: import("../../../neon").NeonInputMode;
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -3829,6 +4009,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -3851,19 +4035,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         inputmode: import("../../../neon").NeonInputMode;
                         modelValue: string;
                         state: import("../../../neon").NeonState;
-                        autocomplete: string;
+                        autocomplete: import("../../../neon").NeonInputMode;
                         rows: number;
                         iconReadonly: boolean;
                         hideIcon: boolean;
                         stateHighlight: boolean;
                         stateIcon: boolean;
                         maxlength: number;
+                        maxlengthLabel: string;
                     }, {}, {
                         NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -3877,15 +4066,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 default: boolean;
                             };
                         }>, {
-                            attrs: {
+                            sanitizedAttributes: import("vue").ComputedRef<{
                                 [x: string]: unknown;
-                            };
-                            icon: import("vue").ComputedRef<string>;
+                            }>;
+                            icon: import("vue").ComputedRef<string | undefined>;
                         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -3901,6 +4094,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>;
@@ -3957,6 +4151,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -3970,15 +4168,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 default: boolean;
                             };
                         }>, {
-                            attrs: {
+                            sanitizedAttributes: import("vue").ComputedRef<{
                                 [x: string]: unknown;
-                            };
-                            icon: import("vue").ComputedRef<string>;
+                            }>;
+                            icon: import("vue").ComputedRef<string | undefined>;
                         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -3994,6 +4196,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>;
@@ -4003,6 +4206,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -4016,15 +4223,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: boolean;
                     };
                 }>, {
-                    attrs: {
+                    sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
-                    };
-                    icon: import("vue").ComputedRef<string>;
+                    }>;
+                    icon: import("vue").ComputedRef<string | undefined>;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -4040,6 +4251,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>;
@@ -4285,6 +4497,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -4298,15 +4514,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: boolean;
                     };
                 }>, {
-                    attrs: {
+                    sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
-                    };
-                    icon: import("vue").ComputedRef<string>;
+                    }>;
+                    icon: import("vue").ComputedRef<string | undefined>;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -4322,6 +4542,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<{
@@ -4381,6 +4602,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -4394,15 +4619,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: boolean;
                         };
                     }>, {
-                        attrs: {
+                        sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
-                        };
-                        icon: import("vue").ComputedRef<string>;
+                        }>;
+                        icon: import("vue").ComputedRef<string | undefined>;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -4418,6 +4647,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>;
@@ -4998,7 +5228,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: import("../../../neon").NeonInputMode;
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -5041,6 +5271,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -5060,12 +5294,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;
@@ -5080,19 +5315,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         inputmode: import("../../../neon").NeonInputMode;
                         modelValue: string;
                         state: import("../../../neon").NeonState;
-                        autocomplete: string;
+                        autocomplete: import("../../../neon").NeonInputMode;
                         rows: number;
                         iconReadonly: boolean;
                         hideIcon: boolean;
                         stateHighlight: boolean;
                         stateIcon: boolean;
                         maxlength: number;
+                        maxlengthLabel: string;
                     }, true, {}, {}, {
                         NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -5106,15 +5346,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 default: boolean;
                             };
                         }>, {
-                            attrs: {
+                            sanitizedAttributes: import("vue").ComputedRef<{
                                 [x: string]: unknown;
-                            };
-                            icon: import("vue").ComputedRef<string>;
+                            }>;
+                            icon: import("vue").ComputedRef<string | undefined>;
                         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -5130,6 +5374,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, {
@@ -5169,7 +5414,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: import("../../../neon").NeonInputMode;
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -5212,6 +5457,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -5231,12 +5480,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;
@@ -5251,13 +5501,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;
@@ -5288,7 +5539,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: import("../../../neon").NeonInputMode;
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -5331,6 +5582,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -5350,12 +5605,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;
@@ -5370,19 +5626,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         inputmode: import("../../../neon").NeonInputMode;
                         modelValue: string;
                         state: import("../../../neon").NeonState;
-                        autocomplete: string;
+                        autocomplete: import("../../../neon").NeonInputMode;
                         rows: number;
                         iconReadonly: boolean;
                         hideIcon: boolean;
                         stateHighlight: boolean;
                         stateIcon: boolean;
                         maxlength: number;
+                        maxlengthLabel: string;
                     }, true, {}, {}, {
                         NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -5396,15 +5657,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 default: boolean;
                             };
                         }>, {
-                            attrs: {
+                            sanitizedAttributes: import("vue").ComputedRef<{
                                 [x: string]: unknown;
-                            };
-                            icon: import("vue").ComputedRef<string>;
+                            }>;
+                            icon: import("vue").ComputedRef<string | undefined>;
                         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -5420,6 +5685,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, {
@@ -5459,7 +5725,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: import("../../../neon").NeonInputMode;
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -5502,6 +5768,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -5521,12 +5791,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;
@@ -5541,13 +5812,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;
@@ -5889,6 +6161,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -5902,15 +6178,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 default: boolean;
                             };
                         }>, {
-                            attrs: {
+                            sanitizedAttributes: import("vue").ComputedRef<{
                                 [x: string]: unknown;
-                            };
-                            icon: import("vue").ComputedRef<string>;
+                            }>;
+                            icon: import("vue").ComputedRef<string | undefined>;
                         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -5926,6 +6206,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<{
@@ -5985,6 +6266,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     type: StringConstructor;
                                     required: true;
                                 };
+                                id: {
+                                    type: StringConstructor;
+                                    default: null;
+                                };
                                 color: {
                                     type: () => NeonFunctionalColor;
                                     default: null;
@@ -5998,15 +6283,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     default: boolean;
                                 };
                             }>, {
-                                attrs: {
+                                sanitizedAttributes: import("vue").ComputedRef<{
                                     [x: string]: unknown;
-                                };
-                                icon: import("vue").ComputedRef<string>;
+                                }>;
+                                icon: import("vue").ComputedRef<string | undefined>;
                             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                                 name: {
                                     type: StringConstructor;
                                     required: true;
                                 };
+                                id: {
+                                    type: StringConstructor;
+                                    default: null;
+                                };
                                 color: {
                                     type: () => NeonFunctionalColor;
                                     default: null;
@@ -6022,6 +6311,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>;
@@ -6056,7 +6346,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: import("../../../neon").NeonInputMode;
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -6099,6 +6389,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -6113,12 +6407,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: {
@@ -6150,7 +6445,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: import("../../../neon").NeonInputMode;
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -6193,6 +6488,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -6215,19 +6514,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         inputmode: import("../../../neon").NeonInputMode;
                         modelValue: string;
                         state: import("../../../neon").NeonState;
-                        autocomplete: string;
+                        autocomplete: import("../../../neon").NeonInputMode;
                         rows: number;
                         iconReadonly: boolean;
                         hideIcon: boolean;
                         stateHighlight: boolean;
                         stateIcon: boolean;
                         maxlength: number;
+                        maxlengthLabel: string;
                     }, {}, {
                         NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -6241,15 +6545,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 default: boolean;
                             };
                         }>, {
-                            attrs: {
+                            sanitizedAttributes: import("vue").ComputedRef<{
                                 [x: string]: unknown;
-                            };
-                            icon: import("vue").ComputedRef<string>;
+                            }>;
+                            icon: import("vue").ComputedRef<string | undefined>;
                         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -6265,6 +6573,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>;
@@ -6321,6 +6630,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -6334,15 +6647,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 default: boolean;
                             };
                         }>, {
-                            attrs: {
+                            sanitizedAttributes: import("vue").ComputedRef<{
                                 [x: string]: unknown;
-                            };
-                            icon: import("vue").ComputedRef<string>;
+                            }>;
+                            icon: import("vue").ComputedRef<string | undefined>;
                         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                             name: {
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -6358,6 +6675,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>;
@@ -6367,6 +6685,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -6380,15 +6702,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: boolean;
                     };
                 }>, {
-                    attrs: {
+                    sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
-                    };
-                    icon: import("vue").ComputedRef<string>;
+                    }>;
+                    icon: import("vue").ComputedRef<string | undefined>;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -6404,6 +6730,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>;
@@ -6649,6 +6976,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -6662,15 +6993,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: boolean;
                     };
                 }>, {
-                    attrs: {
+                    sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
-                    };
-                    icon: import("vue").ComputedRef<string>;
+                    }>;
+                    icon: import("vue").ComputedRef<string | undefined>;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     name: {
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -6686,6 +7021,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<{
@@ -6745,6 +7081,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -6758,15 +7098,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: boolean;
                         };
                     }>, {
-                        attrs: {
+                        sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
-                        };
-                        icon: import("vue").ComputedRef<string>;
+                        }>;
+                        icon: import("vue").ComputedRef<string | undefined>;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                         name: {
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -6782,6 +7126,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>;
@@ -6832,6 +7177,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
                 required: true;
             };
+            id: {
+                type: StringConstructor;
+                default: null;
+            };
             color: {
                 type: () => NeonFunctionalColor;
                 default: null;
@@ -6845,15 +7194,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
         }>, {
-            attrs: {
+            sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
-            };
-            icon: import("vue").ComputedRef<string>;
+            }>;
+            icon: import("vue").ComputedRef<string | undefined>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: StringConstructor;
                 required: true;
             };
+            id: {
+                type: StringConstructor;
+                default: null;
+            };
             color: {
                 type: () => NeonFunctionalColor;
                 default: null;
@@ -6869,6 +7222,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<{
@@ -6928,6 +7282,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
                 color: {
                     type: () => NeonFunctionalColor;
                     default: null;
@@ -6941,15 +7299,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: boolean;
                 };
             }>, {
-                attrs: {
+                sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
-                };
-                icon: import("vue").ComputedRef<string>;
+                }>;
+                icon: import("vue").ComputedRef<string | undefined>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
                 color: {
                     type: () => NeonFunctionalColor;
                     default: null;
@@ -6965,6 +7327,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>;
@@ -7026,6 +7389,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
                 required: true;
             };
+            id: {
+                type: StringConstructor;
+                default: null;
+            };
             color: {
                 type: () => NeonFunctionalColor;
                 default: null;
@@ -7039,15 +7406,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
         }>, {
-            attrs: {
+            sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
-            };
-            icon: import("vue").ComputedRef<string>;
+            }>;
+            icon: import("vue").ComputedRef<string | undefined>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: StringConstructor;
                 required: true;
             };
+            id: {
+                type: StringConstructor;
+                default: null;
+            };
             color: {
                 type: () => NeonFunctionalColor;
                 default: null;
@@ -7063,6 +7434,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>;
@@ -7071,6 +7443,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: StringConstructor;
             required: true;
         };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
         color: {
             type: () => NeonFunctionalColor;
             default: null;
@@ -7084,15 +7460,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: boolean;
         };
     }>, {
-        attrs: {
+        sanitizedAttributes: import("vue").ComputedRef<{
             [x: string]: unknown;
-        };
-        icon: import("vue").ComputedRef<string>;
+        }>;
+        icon: import("vue").ComputedRef<string | undefined>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         name: {
             type: StringConstructor;
             required: true;
         };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
         color: {
             type: () => NeonFunctionalColor;
             default: null;
@@ -7108,6 +7488,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>;