@nuxt/ui 2.15.1 → 2.16.0

package/dist/runtime/components/forms/Checkbox.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => null;
     };
     value: {
-        type: (ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
         default: null;
     };
     modelValue: {
@@ -69,7 +69,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => null;
     };
     value: {
-        type: (ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
         default: null;
     };
     modelValue: {
@@ -118,20 +118,20 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    ui: any;
     value: string | number | boolean | Record<string, any>;
-    id: string;
-    color: any;
-    class: any;
     name: string;
-    modelValue: boolean | unknown[];
+    required: boolean;
     label: string;
-    indeterminate: boolean;
+    class: any;
+    color: any;
     disabled: boolean;
-    required: boolean;
+    ui: any;
+    id: string;
+    modelValue: boolean | unknown[];
+    indeterminate: boolean;
     help: string;
     inputClass: string;
 }, {}>;

package/dist/runtime/components/forms/Form.vue.d.ts

@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     onSubmit: (payload: Event) => Promise<void>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "submit")[], "error" | "submit", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "error")[], "submit" | "error", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     schema: {
         type: PropType<ZodSchema<any, import("zod").ZodTypeDef, any>> | PropType<YupObjectSchema<any, import("yup").AnyObject, any, "">> | PropType<JoiSchema> | PropType<ValibotObjectSchema<any, undefined, {
             [x: string]: any;
@@ -45,8 +45,8 @@ declare const _default: import("vue").DefineComponent<{
         default: () => string[];
     };
 }>> & {
-    onError?: ((...args: any[]) => any) | undefined;
     onSubmit?: ((...args: any[]) => any) | undefined;
+    onError?: ((...args: any[]) => any) | undefined;
 }, {
     schema: ZodSchema<any, import("zod").ZodTypeDef, any> | YupObjectSchema<any, import("yup").AnyObject, any, ""> | import("joi").AnySchema<any> | ValibotObjectSchema<any, undefined, {
         [x: string]: any;

package/dist/runtime/components/forms/FormGroup.vue.d.ts

@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
     error: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: null;
     };
     hint: {
@@ -81,7 +81,7 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
     error: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: null;
     };
     hint: {
@@ -101,15 +101,15 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    error: string | boolean;
     size: FormGroupSize;
-    ui: any;
-    description: string;
-    class: any;
     name: string;
-    label: string;
     required: boolean;
+    label: string;
+    class: any;
+    ui: any;
     help: string;
+    description: string;
+    error: string | boolean;
     hint: string;
     eagerValidation: boolean;
 }, {}>;

package/dist/runtime/components/forms/Input.vue

@@ -217,7 +217,7 @@ export default defineComponent({
         ui.value.form,
         rounded.value,
         ui.value.placeholder,
-        props.type === "file" && [ui.value.file.base, ui.value.file.padding[size.value]],
+        props.type === "file" && ui.value.file.base,
         ui.value.size[size.value],
         props.padded ? ui.value.padding[size.value] : "p-0",
         variant?.replaceAll("{color}", color.value),

package/dist/runtime/components/forms/Input.vue.d.ts

@@ -2,7 +2,7 @@ import type { PropType } from 'vue';
 import type { InputSize, InputVariant } from '../../types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     type: {
@@ -126,7 +126,7 @@ declare const _default: import("vue").DefineComponent<{
     onBlur: (event: FocusEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "update:modelValue")[], "blur" | "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     type: {
@@ -229,32 +229,32 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     size: InputSize;
-    ui: any;
-    id: string;
-    icon: string;
-    color: any;
+    name: string;
     type: string;
+    required: boolean;
     class: any;
-    name: string;
-    modelValue: string | number;
     leading: boolean;
+    color: any;
     variant: InputVariant;
-    loading: boolean;
     disabled: boolean;
-    placeholder: string;
+    ui: any;
+    loading: boolean;
     padded: boolean;
+    icon: string;
     loadingIcon: string;
     leadingIcon: string;
     trailingIcon: string;
     trailing: boolean;
-    required: boolean;
-    autofocus: boolean;
+    id: string;
+    modelValue: string | number;
     inputClass: string;
+    placeholder: string;
+    autofocus: boolean;
     autofocusDelay: number;
     modelModifiers: {
         trim?: boolean | undefined;

package/dist/runtime/components/forms/InputMenu.vue

@@ -243,6 +243,10 @@ export default defineComponent({
       type: Array,
       default: null
     },
+    searchLazy: {
+      type: Boolean,
+      default: false
+    },
     debounce: {
       type: Number,
       default: 200
@@ -376,6 +380,8 @@ export default defineComponent({
           return child !== null && child !== void 0 && String(child).search(new RegExp(query.value, "i")) !== -1;
         });
       });
+    }, [], {
+      lazy: props.searchLazy
     });
     watch(container, (value) => {
       if (value) {

package/dist/runtime/components/forms/InputMenu.vue.d.ts

@@ -2,7 +2,7 @@ import type { PropType } from 'vue';
 import type { InputSize, InputVariant, PopperOptions } from '../../types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor)[];
         default: string;
     };
     query: {
@@ -111,6 +111,10 @@ declare const _default: import("vue").DefineComponent<{
         type: ArrayConstructor;
         default: null;
     };
+    searchLazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     debounce: {
         type: NumberConstructor;
         default: number;
@@ -160,9 +164,9 @@ declare const _default: import("vue").DefineComponent<{
     query: import("vue").WritableComputedRef<string>;
     onUpdate: (value: any) => void;
     onQueryChange: (event: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "update:modelValue" | "open" | "update:query")[], "change" | "close" | "update:modelValue" | "open" | "update:query", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "open" | "close" | "update:query")[], "change" | "update:modelValue" | "open" | "close" | "update:query", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor)[];
         default: string;
     };
     query: {
@@ -271,6 +275,10 @@ declare const _default: import("vue").DefineComponent<{
         type: ArrayConstructor;
         default: null;
     };
+    searchLazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     debounce: {
         type: NumberConstructor;
         default: number;
@@ -296,45 +304,46 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    onClose?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:query"?: ((...args: any[]) => any) | undefined;
 }, {
+    search: (query: string) => Promise<any[]> | any[];
     size: InputSize;
-    ui: any;
-    id: string;
-    icon: string;
-    color: any;
-    class: any;
-    options: string[] | {
-        [key: string]: any;
-        disabled?: boolean | undefined;
-    }[];
-    popper: PopperOptions;
     name: string;
-    modelValue: string | number | unknown[] | Record<string, any>;
+    required: boolean;
+    class: any;
     leading: boolean;
-    search: (query: string) => Promise<any[]> | any[];
+    popper: PopperOptions;
+    color: any;
     variant: InputVariant;
-    by: string;
-    loading: boolean;
     disabled: boolean;
-    placeholder: string;
+    ui: any;
+    loading: boolean;
     padded: boolean;
+    icon: string;
     loadingIcon: string;
     leadingIcon: string;
     trailingIcon: string;
     trailing: boolean;
-    required: boolean;
+    id: string;
+    modelValue: string | number | Record<string, any> | unknown[];
     inputClass: string;
+    by: string;
+    placeholder: string;
+    options: string[] | {
+        [key: string]: any;
+        disabled?: boolean | undefined;
+    }[];
     nullable: boolean;
     query: string;
     selectedIcon: string;
     optionAttribute: string;
     valueAttribute: string;
     searchAttributes: unknown[];
+    searchLazy: boolean;
     debounce: number;
     uiMenu: any;
 }, {}>;

package/dist/runtime/components/forms/Radio.vue.d.ts

@@ -5,11 +5,11 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
     value: {
-        type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: null;
     };
     modelValue: {
-        type: (ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
         default: null;
     };
     name: {
@@ -65,11 +65,11 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
     value: {
-        type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: null;
     };
     modelValue: {
-        type: (ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
         default: null;
     };
     name: {
@@ -110,19 +110,19 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    ui: any;
     value: string | number | boolean;
-    id: string;
-    color: any;
-    class: any;
     name: string;
-    modelValue: string | number | boolean | Record<string, any>;
+    required: boolean;
     label: string;
+    class: any;
+    color: any;
     disabled: boolean;
-    required: boolean;
+    ui: any;
+    id: string;
+    modelValue: string | number | boolean | Record<string, any>;
     help: string;
     inputClass: string;
 }, {}>;

package/dist/runtime/components/forms/RadioGroup.vue.d.ts

@@ -1,7 +1,7 @@
 import type { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
         default: string;
     };
     name: {
@@ -55,7 +55,7 @@ declare const _default: import("vue").DefineComponent<{
     onUpdate: (value: any) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
         default: string;
     };
     name: {
@@ -100,17 +100,17 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    ui: any;
-    color: any;
-    class: any;
-    options: unknown[];
     name: string;
-    modelValue: string | number | Record<string, any>;
     legend: string;
+    class: any;
+    color: any;
     disabled: boolean;
+    ui: any;
+    modelValue: string | number | Record<string, any>;
+    options: unknown[];
     optionAttribute: string;
     valueAttribute: string;
     uiRadio: any;

package/dist/runtime/components/forms/Range.vue.d.ts

@@ -120,20 +120,20 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     size: RangeSize;
-    ui: any;
-    id: string;
-    color: any;
-    class: any;
     name: string;
-    modelValue: number;
+    class: any;
+    color: any;
     disabled: boolean;
+    ui: any;
     max: number;
-    min: number;
-    inputClass: string;
     step: number;
+    id: string;
+    modelValue: number;
+    inputClass: string;
+    min: number;
 }, {}>;
 export default _default;

package/dist/runtime/components/forms/Select.vue.d.ts

@@ -2,7 +2,7 @@ import type { PropType, ComputedRef } from 'vue';
 import type { SelectSize, SelectVariant } from '../../types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
         default: string;
     };
     id: {
@@ -123,7 +123,7 @@ declare const _default: import("vue").DefineComponent<{
     onChange: (event: Event) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (ObjectConstructor | NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor | NumberConstructor)[];
         default: string;
     };
     id: {
@@ -218,29 +218,29 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     size: SelectSize;
-    ui: any;
-    id: string;
-    icon: string;
-    color: any;
-    class: any;
-    options: unknown[];
     name: string;
-    modelValue: string | number | Record<string, any>;
+    required: boolean;
+    class: any;
     leading: boolean;
+    color: any;
     variant: SelectVariant;
-    loading: boolean;
     disabled: boolean;
-    placeholder: string;
+    ui: any;
+    loading: boolean;
     padded: boolean;
+    icon: string;
     loadingIcon: string;
     leadingIcon: string;
     trailingIcon: string;
     trailing: boolean;
-    required: boolean;
+    id: string;
+    modelValue: string | number | Record<string, any>;
+    placeholder: string;
+    options: unknown[];
     optionAttribute: string;
     valueAttribute: string;
     selectClass: string;

package/dist/runtime/components/forms/SelectMenu.vue

@@ -243,6 +243,10 @@ export default defineComponent({
       type: String,
       default: "Search..."
     },
+    searchableLazy: {
+      type: Boolean,
+      default: false
+    },
     clearSearchOnClose: {
       type: Boolean,
       default: () => configMenu.default.clearSearchOnClose
@@ -439,6 +443,8 @@ export default defineComponent({
           return child !== null && child !== void 0 && String(child).search(new RegExp(query.value, "i")) !== -1;
         });
       });
+    }, [], {
+      lazy: props.searchableLazy
     });
     const createOption = computed(() => {
       if (query.value === "") {

package/dist/runtime/components/forms/SelectMenu.vue.d.ts

@@ -2,7 +2,7 @@ import type { PropType } from 'vue';
 import type { SelectSize, SelectVariant, PopperOptions } from '../../types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
-        type: (ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor | ArrayConstructor)[];
+        type: (StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor)[];
         default: string;
     };
     query: {
@@ -80,6 +80,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    searchableLazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     clearSearchOnClose: {
         type: BooleanConstructor;
         default: () => any;
@@ -179,9 +183,9 @@ declare const _default: import("vue").DefineComponent<{
     query: import("vue").WritableComputedRef<string>;
     onUpdate: (value: any) => void;
     onQueryChange: (event: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "update:modelValue" | "open" | "update:query")[], "change" | "close" | "update:modelValue" | "open" | "update:query", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "open" | "close" | "update:query")[], "change" | "update:modelValue" | "open" | "close" | "update:query", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor | ArrayConstructor)[];
+        type: (StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor)[];
         default: string;
     };
     query: {
@@ -259,6 +263,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    searchableLazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     clearSearchOnClose: {
         type: BooleanConstructor;
         default: () => any;
@@ -331,38 +339,38 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    onClose?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:query"?: ((...args: any[]) => any) | undefined;
 }, {
     size: SelectSize;
-    ui: any;
-    id: string;
-    icon: string;
-    color: any;
-    class: any;
-    options: string[] | {
-        [key: string]: any;
-        disabled?: boolean | undefined;
-    }[];
-    popper: PopperOptions;
     name: string;
-    modelValue: string | number | boolean | unknown[] | Record<string, any>;
+    required: boolean;
+    class: any;
     leading: boolean;
+    popper: PopperOptions;
+    color: any;
     variant: SelectVariant;
-    by: string;
-    loading: boolean;
     disabled: boolean;
-    multiple: boolean;
-    placeholder: string;
+    ui: any;
+    loading: boolean;
     padded: boolean;
+    icon: string;
     loadingIcon: string;
     leadingIcon: string;
     trailingIcon: string;
     trailing: boolean;
-    required: boolean;
+    id: string;
+    modelValue: string | number | boolean | Record<string, any> | unknown[];
+    by: string;
+    multiple: boolean;
+    placeholder: string;
+    options: string[] | {
+        [key: string]: any;
+        disabled?: boolean | undefined;
+    }[];
     query: string;
     selectedIcon: string;
     optionAttribute: string;
@@ -373,6 +381,7 @@ declare const _default: import("vue").DefineComponent<{
     selectClass: string;
     searchable: boolean | ((query: string) => Promise<any[]> | any[]);
     searchablePlaceholder: string;
+    searchableLazy: boolean;
     clearSearchOnClose: boolean;
     creatable: boolean;
     showCreateOptionWhen: "empty" | "always";

package/dist/runtime/components/forms/Textarea.vue.d.ts

@@ -2,7 +2,7 @@ import type { PropType } from 'vue';
 import type { TextareaSize, TextareaVariant } from '../../types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     id: {
@@ -102,7 +102,7 @@ declare const _default: import("vue").DefineComponent<{
     onBlur: (event: FocusEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "update:modelValue")[], "blur" | "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     id: {
@@ -189,24 +189,24 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    resize: boolean;
     size: TextareaSize;
+    name: string;
+    required: boolean;
+    class: any;
+    resize: boolean;
+    color: any;
+    variant: TextareaVariant;
+    disabled: boolean;
     ui: any;
+    padded: boolean;
     id: string;
-    color: any;
-    class: any;
-    name: string;
     modelValue: string | number;
-    variant: TextareaVariant;
     rows: number;
-    disabled: boolean;
     placeholder: string;
-    padded: boolean;
-    required: boolean;
     autofocus: boolean;
     autofocusDelay: number;
     modelModifiers: {