@aotearoan/neon 22.5.0 → 22.5.2

package/dist/src/components/navigation/menu/NeonMenu.d.ts

@@ -469,7 +469,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                              */
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -512,6 +512,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -531,12 +535,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;
@@ -551,19 +556,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;
@@ -577,15 +587,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;
@@ -601,6 +615,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, {
@@ -643,7 +658,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                              */
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -686,6 +701,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -705,12 +724,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;
@@ -725,13 +745,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;
@@ -765,7 +786,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                              */
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -808,6 +829,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -827,12 +852,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;
@@ -847,19 +873,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;
@@ -873,15 +904,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;
@@ -897,6 +932,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, {
@@ -939,7 +975,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                              */
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -982,6 +1018,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -1001,12 +1041,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;
@@ -1021,13 +1062,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;
@@ -1382,6 +1424,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -1395,15 +1441,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;
@@ -1419,6 +1469,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<{
@@ -1478,6 +1529,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     type: StringConstructor;
                                     required: true;
                                 };
+                                id: {
+                                    type: StringConstructor;
+                                    default: null;
+                                };
                                 color: {
                                     type: () => NeonFunctionalColor;
                                     default: null;
@@ -1491,15 +1546,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;
@@ -1515,6 +1574,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>;
@@ -1552,7 +1612,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                              */
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -1595,6 +1655,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -1609,12 +1673,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: {
@@ -1649,7 +1714,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                              */
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -1692,6 +1757,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -1714,19 +1783,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;
@@ -1740,15 +1814,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;
@@ -1764,6 +1842,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>;
@@ -1816,6 +1895,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -1829,15 +1912,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;
@@ -1853,6 +1940,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>;
@@ -1862,6 +1950,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -1875,15 +1967,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;
@@ -1899,6 +1995,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>; /**
@@ -2162,6 +2259,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -2175,15 +2276,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;
@@ -2199,6 +2304,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<{
@@ -2258,6 +2364,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -2271,15 +2381,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;
@@ -2295,6 +2409,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>;
@@ -2774,7 +2889,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                              */
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -2817,6 +2932,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -2836,12 +2955,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;
@@ -2856,19 +2976,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;
@@ -2882,15 +3007,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;
@@ -2906,6 +3035,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, {
@@ -2948,7 +3078,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                              */
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -2991,6 +3121,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -3010,12 +3144,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;
@@ -3030,13 +3165,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;
@@ -3070,7 +3206,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                              */
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -3113,6 +3249,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -3132,12 +3272,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;
@@ -3152,19 +3293,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;
@@ -3178,15 +3324,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;
@@ -3202,6 +3352,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, {
@@ -3244,7 +3395,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                              */
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -3287,6 +3438,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -3306,12 +3461,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;
@@ -3326,13 +3482,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;
@@ -3687,6 +3844,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -3700,15 +3861,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;
@@ -3724,6 +3889,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<{
@@ -3783,6 +3949,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     type: StringConstructor;
                                     required: true;
                                 };
+                                id: {
+                                    type: StringConstructor;
+                                    default: null;
+                                };
                                 color: {
                                     type: () => NeonFunctionalColor;
                                     default: null;
@@ -3796,15 +3966,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;
@@ -3820,6 +3994,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>;
@@ -3857,7 +4032,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                              */
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -3900,6 +4075,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -3914,12 +4093,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: {
@@ -3954,7 +4134,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                              */
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -3997,6 +4177,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -4019,19 +4203,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;
@@ -4045,15 +4234,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;
@@ -4069,6 +4262,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>;
@@ -4121,6 +4315,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -4134,15 +4332,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;
@@ -4158,6 +4360,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>;
@@ -4167,6 +4370,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -4180,15 +4387,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;
@@ -4204,6 +4415,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>; /**
@@ -4467,6 +4679,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -4480,15 +4696,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;
@@ -4504,6 +4724,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<{
@@ -4563,6 +4784,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -4576,15 +4801,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;
@@ -4600,6 +4829,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>;
@@ -5195,7 +5425,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                              */
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -5238,6 +5468,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -5257,12 +5491,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;
@@ -5277,19 +5512,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;
@@ -5303,15 +5543,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;
@@ -5327,6 +5571,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, {
@@ -5369,7 +5614,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                              */
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -5412,6 +5657,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -5431,12 +5680,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;
@@ -5451,13 +5701,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;
@@ -5491,7 +5742,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                              */
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -5534,6 +5785,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -5553,12 +5808,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;
@@ -5573,19 +5829,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;
@@ -5599,15 +5860,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;
@@ -5623,6 +5888,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, {
@@ -5665,7 +5931,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                              */
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -5708,6 +5974,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -5727,12 +5997,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;
@@ -5747,13 +6018,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;
@@ -6108,6 +6380,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -6121,15 +6397,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;
@@ -6145,6 +6425,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<{
@@ -6204,6 +6485,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     type: StringConstructor;
                                     required: true;
                                 };
+                                id: {
+                                    type: StringConstructor;
+                                    default: null;
+                                };
                                 color: {
                                     type: () => NeonFunctionalColor;
                                     default: null;
@@ -6217,15 +6502,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;
@@ -6241,6 +6530,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>;
@@ -6278,7 +6568,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                              */
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -6321,6 +6611,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -6335,12 +6629,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: {
@@ -6375,7 +6670,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                              */
                         };
                         autocomplete: {
-                            type: StringConstructor;
+                            type: () => import("../../../neon").NeonInputMode;
                             default: string;
                         };
                         state: {
@@ -6418,6 +6713,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: NumberConstructor;
                             default: null;
                         };
+                        maxlengthLabel: {
+                            type: StringConstructor;
+                            default: string;
+                        };
                         debounce: {
                             type: NumberConstructor;
                             default: undefined;
@@ -6440,19 +6739,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;
@@ -6466,15 +6770,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;
@@ -6490,6 +6798,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>;
@@ -6542,6 +6851,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 type: StringConstructor;
                                 required: true;
                             };
+                            id: {
+                                type: StringConstructor;
+                                default: null;
+                            };
                             color: {
                                 type: () => NeonFunctionalColor;
                                 default: null;
@@ -6555,15 +6868,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;
@@ -6579,6 +6896,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>;
@@ -6588,6 +6906,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -6601,15 +6923,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;
@@ -6625,6 +6951,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>; /**
@@ -6888,6 +7215,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -6901,15 +7232,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;
@@ -6925,6 +7260,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<{
@@ -6984,6 +7320,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -6997,15 +7337,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;
@@ -7021,6 +7365,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 +7416,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 +7433,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 +7461,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<{
@@ -7167,6 +7521,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
                 color: {
                     type: () => NeonFunctionalColor;
                     default: null;
@@ -7180,15 +7538,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;
@@ -7204,6 +7566,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>;
@@ -7265,6 +7628,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
                 required: true;
             };
+            id: {
+                type: StringConstructor;
+                default: null;
+            };
             color: {
                 type: () => NeonFunctionalColor;
                 default: null;
@@ -7278,15 +7645,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;
@@ -7302,6 +7673,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>;
@@ -7310,6 +7682,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: StringConstructor;
             required: true;
         };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
         color: {
             type: () => NeonFunctionalColor;
             default: null;
@@ -7323,15 +7699,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;
@@ -7347,6 +7727,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>;