@aotearoan/neon 22.5.0 → 22.5.2

package/dist/src/components/presentation/dropdown/NeonDropdown.d.ts

@@ -483,15 +483,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: import("../../../neon").NeonInputMode;
                 };
                 autocomplete: {
-                    type: StringConstructor;
+                    type: () => import("../../../neon").NeonInputMode;
                     default: string;
                 };
                 state: {
                     type: () => import("../../../neon").NeonState;
                     default: import("../../../neon").NeonState;
-                }; /**
-                 * aria label of the button icon
-                 */
+                };
                 rows: {
                     type: NumberConstructor;
                     default: null;
@@ -515,9 +513,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                }; /**
-                 * Placement of the dropdown contents.
-                 */
+                };
                 stateHighlight: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -530,6 +526,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: NumberConstructor;
                     default: null;
                 };
+                maxlengthLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 debounce: {
                     type: NumberConstructor;
                     default: undefined;
@@ -549,12 +549,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;
@@ -569,19 +570,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;
@@ -595,17 +601,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: boolean;
                     };
                 }>, {
-                    attrs: {
+                    sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
-                    }; /**
-                     * aria label of the button icon
-                     */
-                    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;
@@ -621,6 +629,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, {
@@ -660,15 +669,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: import("../../../neon").NeonInputMode;
                 };
                 autocomplete: {
-                    type: StringConstructor;
+                    type: () => import("../../../neon").NeonInputMode;
                     default: string;
                 };
                 state: {
                     type: () => import("../../../neon").NeonState;
                     default: import("../../../neon").NeonState;
-                }; /**
-                 * aria label of the button icon
-                 */
+                };
                 rows: {
                     type: NumberConstructor;
                     default: null;
@@ -692,9 +699,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                }; /**
-                 * Placement of the dropdown contents.
-                 */
+                };
                 stateHighlight: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -707,6 +712,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: NumberConstructor;
                     default: null;
                 };
+                maxlengthLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 debounce: {
                     type: NumberConstructor;
                     default: undefined;
@@ -726,12 +735,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;
@@ -746,13 +756,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;
@@ -783,15 +794,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: import("../../../neon").NeonInputMode;
                 };
                 autocomplete: {
-                    type: StringConstructor;
+                    type: () => import("../../../neon").NeonInputMode;
                     default: string;
                 };
                 state: {
                     type: () => import("../../../neon").NeonState;
                     default: import("../../../neon").NeonState;
-                }; /**
-                 * aria label of the button icon
-                 */
+                };
                 rows: {
                     type: NumberConstructor;
                     default: null;
@@ -815,9 +824,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                }; /**
-                 * Placement of the dropdown contents.
-                 */
+                };
                 stateHighlight: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -830,6 +837,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: NumberConstructor;
                     default: null;
                 };
+                maxlengthLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 debounce: {
                     type: NumberConstructor;
                     default: undefined;
@@ -849,12 +860,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;
@@ -869,19 +881,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;
@@ -895,17 +912,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: boolean;
                     };
                 }>, {
-                    attrs: {
+                    sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
-                    }; /**
-                     * aria label of the button icon
-                     */
-                    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;
@@ -921,6 +940,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, {
@@ -960,15 +980,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: import("../../../neon").NeonInputMode;
                 };
                 autocomplete: {
-                    type: StringConstructor;
+                    type: () => import("../../../neon").NeonInputMode;
                     default: string;
                 };
                 state: {
                     type: () => import("../../../neon").NeonState;
                     default: import("../../../neon").NeonState;
-                }; /**
-                 * aria label of the button icon
-                 */
+                };
                 rows: {
                     type: NumberConstructor;
                     default: null;
@@ -992,9 +1010,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                }; /**
-                 * Placement of the dropdown contents.
-                 */
+                };
                 stateHighlight: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -1007,6 +1023,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: NumberConstructor;
                     default: null;
                 };
+                maxlengthLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 debounce: {
                     type: NumberConstructor;
                     default: undefined;
@@ -1026,12 +1046,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;
@@ -1046,13 +1067,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;
@@ -1407,6 +1429,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -1420,17 +1446,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: boolean;
                     };
                 }>, {
-                    attrs: {
+                    sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
-                    }; /**
-                     * aria label of the button icon
-                     */
-                    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;
@@ -1446,6 +1474,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<{
@@ -1507,6 +1536,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             type: StringConstructor;
                             required: true;
                         };
+                        id: {
+                            type: StringConstructor;
+                            default: null;
+                        };
                         color: {
                             type: () => NeonFunctionalColor;
                             default: null;
@@ -1520,17 +1553,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             default: boolean;
                         };
                     }>, {
-                        attrs: {
+                        sanitizedAttributes: import("vue").ComputedRef<{
                             [x: string]: unknown;
-                        }; /**
-                         * aria label of the button icon
-                         */
-                        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;
@@ -1546,6 +1581,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>;
@@ -1580,15 +1616,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: import("../../../neon").NeonInputMode;
                 };
                 autocomplete: {
-                    type: StringConstructor;
+                    type: () => import("../../../neon").NeonInputMode;
                     default: string;
                 };
                 state: {
                     type: () => import("../../../neon").NeonState;
                     default: import("../../../neon").NeonState;
-                }; /**
-                 * aria label of the button icon
-                 */
+                };
                 rows: {
                     type: NumberConstructor;
                     default: null;
@@ -1612,9 +1646,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                }; /**
-                 * Placement of the dropdown contents.
-                 */
+                };
                 stateHighlight: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -1627,6 +1659,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: NumberConstructor;
                     default: null;
                 };
+                maxlengthLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 debounce: {
                     type: NumberConstructor;
                     default: undefined;
@@ -1641,12 +1677,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: {
@@ -1678,15 +1715,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: import("../../../neon").NeonInputMode;
                 };
                 autocomplete: {
-                    type: StringConstructor;
+                    type: () => import("../../../neon").NeonInputMode;
                     default: string;
                 };
                 state: {
                     type: () => import("../../../neon").NeonState;
                     default: import("../../../neon").NeonState;
-                }; /**
-                 * aria label of the button icon
-                 */
+                };
                 rows: {
                     type: NumberConstructor;
                     default: null;
@@ -1710,9 +1745,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
-                }; /**
-                 * Placement of the dropdown contents.
-                 */
+                };
                 stateHighlight: {
                     type: BooleanConstructor;
                     default: boolean;
@@ -1725,6 +1758,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: NumberConstructor;
                     default: null;
                 };
+                maxlengthLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
                 debounce: {
                     type: NumberConstructor;
                     default: undefined;
@@ -1747,19 +1784,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;
@@ -1773,17 +1815,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: boolean;
                     };
                 }>, {
-                    attrs: {
+                    sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
-                    }; /**
-                     * aria label of the button icon
-                     */
-                    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;
@@ -1799,6 +1843,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>;
@@ -1851,6 +1896,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         required: true;
                     };
+                    id: {
+                        type: StringConstructor;
+                        default: null;
+                    };
                     color: {
                         type: () => NeonFunctionalColor;
                         default: null;
@@ -1864,17 +1913,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         default: boolean;
                     };
                 }>, {
-                    attrs: {
+                    sanitizedAttributes: import("vue").ComputedRef<{
                         [x: string]: unknown;
-                    }; /**
-                     * aria label of the button icon
-                     */
-                    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;
@@ -1890,6 +1941,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>;
@@ -1899,6 +1951,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
                 required: true;
             };
+            id: {
+                type: StringConstructor;
+                default: null;
+            };
             color: {
                 type: () => NeonFunctionalColor;
                 default: null;
@@ -1912,17 +1968,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
         }>, {
-            attrs: {
+            sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
-            }; /**
-             * aria label of the button icon
-             */
-            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;
@@ -1938,6 +1996,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>;
@@ -2197,6 +2256,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
                 required: true;
             };
+            id: {
+                type: StringConstructor;
+                default: null;
+            };
             color: {
                 type: () => NeonFunctionalColor;
                 default: null;
@@ -2210,17 +2273,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
         }>, {
-            attrs: {
+            sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
-            }; /**
-             * aria label of the button icon
-             */
-            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;
@@ -2236,6 +2301,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<{
@@ -2297,6 +2363,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
                 color: {
                     type: () => NeonFunctionalColor;
                     default: null;
@@ -2310,17 +2380,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: boolean;
                 };
             }>, {
-                attrs: {
+                sanitizedAttributes: import("vue").ComputedRef<{
                     [x: string]: unknown;
-                }; /**
-                 * aria label of the button icon
-                 */
-                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;
@@ -2336,6 +2408,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>;