@aotearoan/neon 22.5.0 → 22.5.2

package/dist/src/components/user-input/file/NeonFile.d.ts

@@ -125,17 +125,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: import("../../../neon").NeonInputMode;
         };
         autocomplete: {
-            type: StringConstructor;
+            type: () => import("../../../neon").NeonInputMode;
             default: string;
         };
         state: {
             type: () => NeonState;
             default: NeonState;
-        };
+        }; /**
+         * Title for the file upload button.
+         */
         rows: {
             type: NumberConstructor;
-            default: null;
-        };
+            default: null; /**
+             * Emitted when files are selected and uploaded
+             * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)
+             */
+        }; /**
+         * Emitted when files are selected and uploaded
+         * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)
+         */
         icon: {
             type: StringConstructor;
             default: null;
@@ -168,6 +176,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: null;
         };
+        maxlengthLabel: {
+            type: StringConstructor;
+            default: string;
+        };
         debounce: {
             type: NumberConstructor;
             default: undefined;
@@ -187,12 +199,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;
@@ -207,19 +220,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputmode: import("../../../neon").NeonInputMode;
         modelValue: string;
         state: 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;
@@ -233,15 +251,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;
@@ -257,6 +279,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, {
@@ -298,17 +321,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: import("../../../neon").NeonInputMode;
         };
         autocomplete: {
-            type: StringConstructor;
+            type: () => import("../../../neon").NeonInputMode;
             default: string;
         };
         state: {
             type: () => NeonState;
             default: NeonState;
-        };
+        }; /**
+         * Title for the file upload button.
+         */
         rows: {
             type: NumberConstructor;
-            default: null;
-        };
+            default: null; /**
+             * Emitted when files are selected and uploaded
+             * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)
+             */
+        }; /**
+         * Emitted when files are selected and uploaded
+         * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)
+         */
         icon: {
             type: StringConstructor;
             default: null;
@@ -341,6 +372,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: null;
         };
+        maxlengthLabel: {
+            type: StringConstructor;
+            default: string;
+        };
         debounce: {
             type: NumberConstructor;
             default: undefined;
@@ -360,12 +395,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;
@@ -380,13 +416,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputmode: import("../../../neon").NeonInputMode;
         modelValue: string;
         state: 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;
@@ -419,17 +456,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: import("../../../neon").NeonInputMode;
         };
         autocomplete: {
-            type: StringConstructor;
+            type: () => import("../../../neon").NeonInputMode;
             default: string;
         };
         state: {
             type: () => NeonState;
             default: NeonState;
-        };
+        }; /**
+         * Title for the file upload button.
+         */
         rows: {
             type: NumberConstructor;
-            default: null;
-        };
+            default: null; /**
+             * Emitted when files are selected and uploaded
+             * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)
+             */
+        }; /**
+         * Emitted when files are selected and uploaded
+         * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)
+         */
         icon: {
             type: StringConstructor;
             default: null;
@@ -462,6 +507,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: null;
         };
+        maxlengthLabel: {
+            type: StringConstructor;
+            default: string;
+        };
         debounce: {
             type: NumberConstructor;
             default: undefined;
@@ -481,12 +530,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;
@@ -501,19 +551,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputmode: import("../../../neon").NeonInputMode;
         modelValue: string;
         state: 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;
@@ -527,15 +582,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;
@@ -551,6 +610,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, {
@@ -592,17 +652,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: import("../../../neon").NeonInputMode;
         };
         autocomplete: {
-            type: StringConstructor;
+            type: () => import("../../../neon").NeonInputMode;
             default: string;
         };
         state: {
             type: () => NeonState;
             default: NeonState;
-        };
+        }; /**
+         * Title for the file upload button.
+         */
         rows: {
             type: NumberConstructor;
-            default: null;
-        };
+            default: null; /**
+             * Emitted when files are selected and uploaded
+             * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)
+             */
+        }; /**
+         * Emitted when files are selected and uploaded
+         * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)
+         */
         icon: {
             type: StringConstructor;
             default: null;
@@ -635,6 +703,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: null;
         };
+        maxlengthLabel: {
+            type: StringConstructor;
+            default: string;
+        };
         debounce: {
             type: NumberConstructor;
             default: undefined;
@@ -654,12 +726,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;
@@ -674,13 +747,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputmode: import("../../../neon").NeonInputMode;
         modelValue: string;
         state: 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;
@@ -1065,6 +1139,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
                 required: true;
             };
+            id: {
+                type: StringConstructor;
+                default: null;
+            };
             color: {
                 type: () => NeonFunctionalColor;
                 default: null;
@@ -1078,15 +1156,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;
@@ -1102,6 +1184,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<{
@@ -1161,6 +1244,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: StringConstructor;
                     required: true;
                 };
+                id: {
+                    type: StringConstructor;
+                    default: null;
+                };
                 color: {
                     type: () => NeonFunctionalColor;
                     default: null;
@@ -1174,15 +1261,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;
@@ -1198,6 +1289,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>;
@@ -1234,17 +1326,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: import("../../../neon").NeonInputMode;
         };
         autocomplete: {
-            type: StringConstructor;
+            type: () => import("../../../neon").NeonInputMode;
             default: string;
         };
         state: {
             type: () => NeonState;
             default: NeonState;
-        };
+        }; /**
+         * Title for the file upload button.
+         */
         rows: {
             type: NumberConstructor;
-            default: null;
-        };
+            default: null; /**
+             * Emitted when files are selected and uploaded
+             * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)
+             */
+        }; /**
+         * Emitted when files are selected and uploaded
+         * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)
+         */
         icon: {
             type: StringConstructor;
             default: null;
@@ -1277,6 +1377,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: null;
         };
+        maxlengthLabel: {
+            type: StringConstructor;
+            default: string;
+        };
         debounce: {
             type: NumberConstructor;
             default: undefined;
@@ -1291,12 +1395,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: {
@@ -1330,17 +1435,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: import("../../../neon").NeonInputMode;
         };
         autocomplete: {
-            type: StringConstructor;
+            type: () => import("../../../neon").NeonInputMode;
             default: string;
         };
         state: {
             type: () => NeonState;
             default: NeonState;
-        };
+        }; /**
+         * Title for the file upload button.
+         */
         rows: {
             type: NumberConstructor;
-            default: null;
-        };
+            default: null; /**
+             * Emitted when files are selected and uploaded
+             * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)
+             */
+        }; /**
+         * Emitted when files are selected and uploaded
+         * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)
+         */
         icon: {
             type: StringConstructor;
             default: null;
@@ -1373,6 +1486,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: null;
         };
+        maxlengthLabel: {
+            type: StringConstructor;
+            default: string;
+        };
         debounce: {
             type: NumberConstructor;
             default: undefined;
@@ -1395,19 +1512,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputmode: import("../../../neon").NeonInputMode;
         modelValue: string;
         state: 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;
@@ -1421,15 +1543,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;
@@ -1445,6 +1571,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>;
@@ -1497,6 +1624,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
                 required: true;
             };
+            id: {
+                type: StringConstructor;
+                default: null;
+            };
             color: {
                 type: () => NeonFunctionalColor;
                 default: null;
@@ -1510,15 +1641,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;
@@ -1534,6 +1669,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>;