yuyeon 0.3.2-rc.9 → 0.3.4-beta.12

package/types/components/table/composables/header.d.ts

@@ -5,44 +5,12 @@ export declare const pressDataTableHeader: <Defaults extends {
     headers?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
     headers: unknown extends Defaults["headers"] ? {
-        type: PropType<readonly {
-            readonly key: string;
-            readonly text: string;
-            readonly value?: any;
-            readonly colspan?: number | undefined;
-            readonly rowspan?: number | undefined;
-            readonly fixed?: boolean | "left" | "right" | undefined;
-            readonly classes?: string | readonly string[] | import('../types/common').DataTableCellClassesFn | undefined;
-            readonly headerClasses?: string | readonly string[] | undefined;
-            readonly align?: "start" | "end" | "center" | undefined;
-            readonly width?: string | number | undefined;
-            readonly minWidth?: string | undefined;
-            readonly maxWidth?: string | undefined;
-            readonly sortable?: boolean | undefined;
-            readonly sort?: import('../types').DataTableCompareFn | undefined;
-            readonly mustSort?: boolean | undefined;
-        }[]>;
+        type: PropType<DeepReadonly<DataTableHeader[]>>;
         default: () => never[];
     } : Omit<{
-        type: PropType<readonly {
-            readonly key: string;
-            readonly text: string;
-            readonly value?: any;
-            readonly colspan?: number | undefined;
-            readonly rowspan?: number | undefined;
-            readonly fixed?: boolean | "left" | "right" | undefined;
-            readonly classes?: string | readonly string[] | import('../types/common').DataTableCellClassesFn | undefined;
-            readonly headerClasses?: string | readonly string[] | undefined;
-            readonly align?: "start" | "end" | "center" | undefined;
-            readonly width?: string | number | undefined;
-            readonly minWidth?: string | undefined;
-            readonly maxWidth?: string | undefined;
-            readonly sortable?: boolean | undefined;
-            readonly sort?: import('../types').DataTableCompareFn | undefined;
-            readonly mustSort?: boolean | undefined;
-        }[]>;
+        type: PropType<DeepReadonly<DataTableHeader[]>>;
         default: () => never[];
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<unknown extends Defaults["headers"] ? readonly {
             readonly key: string;
             readonly text: string;
@@ -53,7 +21,7 @@ export declare const pressDataTableHeader: <Defaults extends {
             readonly classes?: string | readonly string[] | import('../types/common').DataTableCellClassesFn | undefined;
             readonly headerClasses?: string | readonly string[] | undefined;
             readonly align?: "start" | "end" | "center" | undefined;
-            readonly width?: string | number | undefined;
+            readonly width?: number | string | undefined;
             readonly minWidth?: string | undefined;
             readonly maxWidth?: string | undefined;
             readonly sortable?: boolean | undefined;
@@ -69,7 +37,7 @@ export declare const pressDataTableHeader: <Defaults extends {
             readonly classes?: string | readonly string[] | import('../types/common').DataTableCellClassesFn | undefined;
             readonly headerClasses?: string | readonly string[] | undefined;
             readonly align?: "start" | "end" | "center" | undefined;
-            readonly width?: string | number | undefined;
+            readonly width?: number | string | undefined;
             readonly minWidth?: string | undefined;
             readonly maxWidth?: string | undefined;
             readonly sortable?: boolean | undefined;
@@ -86,7 +54,7 @@ export declare const pressDataTableHeader: <Defaults extends {
             readonly classes?: string | readonly string[] | import('../types/common').DataTableCellClassesFn | undefined;
             readonly headerClasses?: string | readonly string[] | undefined;
             readonly align?: "start" | "end" | "center" | undefined;
-            readonly width?: string | number | undefined;
+            readonly width?: number | string | undefined;
             readonly minWidth?: string | undefined;
             readonly maxWidth?: string | undefined;
             readonly sortable?: boolean | undefined;
@@ -102,7 +70,7 @@ export declare const pressDataTableHeader: <Defaults extends {
             readonly classes?: string | readonly string[] | import('../types/common').DataTableCellClassesFn | undefined;
             readonly headerClasses?: string | readonly string[] | undefined;
             readonly align?: "start" | "end" | "center" | undefined;
-            readonly width?: string | number | undefined;
+            readonly width?: number | string | undefined;
             readonly minWidth?: string | undefined;
             readonly maxWidth?: string | undefined;
             readonly sortable?: boolean | undefined;
@@ -128,10 +96,10 @@ export declare function createHeader(props: HeaderProps, options?: {
         colspan?: number | undefined;
         rowspan?: number | undefined;
         fixed?: boolean | "left" | "right" | undefined;
-        classes?: string | string[] | import('../types/common').DataTableCellClassesFn | undefined;
+        classes?: (string | string[] | import('../types/common').DataTableCellClassesFn) | undefined;
         headerClasses?: string | string[] | undefined;
         align?: "start" | "end" | "center" | undefined;
-        width?: string | number | undefined;
+        width?: number | string | undefined;
         minWidth?: string | undefined;
         maxWidth?: string | undefined;
         sortable: boolean;
@@ -147,10 +115,10 @@ export declare function createHeader(props: HeaderProps, options?: {
         colspan?: number | undefined;
         rowspan?: number | undefined;
         fixed?: boolean | "left" | "right" | undefined;
-        classes?: string | string[] | import('../types/common').DataTableCellClassesFn | undefined;
+        classes?: (string | string[] | import('../types/common').DataTableCellClassesFn) | undefined;
         headerClasses?: string | string[] | undefined;
         align?: "start" | "end" | "center" | undefined;
-        width?: string | number | undefined;
+        width?: number | string | undefined;
         minWidth?: string | undefined;
         maxWidth?: string | undefined;
         sortable: boolean;
@@ -167,10 +135,10 @@ export declare function createHeader(props: HeaderProps, options?: {
         colspan?: number | undefined;
         rowspan?: number | undefined;
         fixed?: boolean | "left" | "right" | undefined;
-        classes?: string | string[] | import('../types/common').DataTableCellClassesFn | undefined;
+        classes?: (string | string[] | import('../types/common').DataTableCellClassesFn) | undefined;
         headerClasses?: string | string[] | undefined;
         align?: "start" | "end" | "center" | undefined;
-        width?: string | number | undefined;
+        width?: number | string | undefined;
         minWidth?: string | undefined;
         maxWidth?: string | undefined;
         sortable: boolean;
@@ -186,10 +154,10 @@ export declare function createHeader(props: HeaderProps, options?: {
         colspan?: number | undefined;
         rowspan?: number | undefined;
         fixed?: boolean | "left" | "right" | undefined;
-        classes?: string | string[] | import('../types/common').DataTableCellClassesFn | undefined;
+        classes?: (string | string[] | import('../types/common').DataTableCellClassesFn) | undefined;
         headerClasses?: string | string[] | undefined;
         align?: "start" | "end" | "center" | undefined;
-        width?: string | number | undefined;
+        width?: number | string | undefined;
         minWidth?: string | undefined;
         maxWidth?: string | undefined;
         sortable: boolean;
@@ -201,7 +169,7 @@ export declare function createHeader(props: HeaderProps, options?: {
     }[]>;
 };
 export declare function useHeader(): {
-    headers: Ref<InternalDataTableHeader[][], InternalDataTableHeader[][]>;
-    columns: Ref<InternalDataTableHeader[], InternalDataTableHeader[]>;
+    headers: Ref<InternalDataTableHeader[][]>;
+    columns: Ref<InternalDataTableHeader[]>;
 };
 export {};

package/types/components/table/composables/items.d.ts

@@ -14,12 +14,12 @@ export declare const pressDataTableItemsProps: <Defaults extends {
     returnItem?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
     items: unknown extends Defaults["items"] ? {
-        type: PropType<any[]>;
+        type: PropType<DataTableItemsProps["items"]>;
         default: () => never[];
     } : Omit<{
-        type: PropType<any[]>;
+        type: PropType<DataTableItemsProps["items"]>;
         default: () => never[];
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<unknown extends Defaults["items"] ? any[] : any[] | Defaults["items"]>;
         default: unknown extends Defaults["items"] ? any[] : any[] | Defaults["items"];
     };
@@ -29,7 +29,7 @@ export declare const pressDataTableItemsProps: <Defaults extends {
     } : Omit<{
         type: PropType<any>;
         default: string;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<unknown extends Defaults["itemKey"] ? any : any>;
         default: unknown extends Defaults["itemKey"] ? any : any;
     };
@@ -39,7 +39,7 @@ export declare const pressDataTableItemsProps: <Defaults extends {
     } : Omit<{
         type: PropType<any>;
         default: null;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<unknown extends Defaults["itemSelectable"] ? any : any>;
         default: unknown extends Defaults["itemSelectable"] ? any : any;
     };

package/types/components/table/composables/pagination.d.ts

@@ -18,22 +18,22 @@ export declare const pressDataTablePaginationProps: <Defaults extends {
     pageSize?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
     page: unknown extends Defaults["page"] ? {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: number;
     } : Omit<{
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: number;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<unknown extends Defaults["page"] ? string | number : NonNullable<string | number> | Defaults["page"]>;
         default: unknown extends Defaults["page"] ? string | number : NonNullable<string | number> | Defaults["page"];
     };
     pageSize: unknown extends Defaults["pageSize"] ? {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: number;
     } : Omit<{
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: number;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<unknown extends Defaults["pageSize"] ? string | number : NonNullable<string | number> | Defaults["pageSize"]>;
         default: unknown extends Defaults["pageSize"] ? string | number : NonNullable<string | number> | Defaults["pageSize"];
     };
@@ -59,12 +59,12 @@ export declare function providePagination(options: {
     total: Ref<number>;
 }): DataTableProvidePaginationData;
 export declare function usePagination(): {
-    page: Ref<number, number>;
-    pageSize: Ref<number, number>;
-    startIndex: Ref<number, number>;
-    endIndex: Ref<number, number>;
-    pageLength: Ref<number, number>;
-    total: Ref<number, number>;
+    page: Ref<number>;
+    pageSize: Ref<number>;
+    startIndex: Ref<number>;
+    endIndex: Ref<number>;
+    pageLength: Ref<number>;
+    total: Ref<number>;
     prevPage: () => void;
     nextPage: () => void;
     setPage: (page: number) => void;

package/types/components/table/composables/selection.d.ts

@@ -37,14 +37,14 @@ export declare const pressDataTableSelectionProps: <Defaults extends {
         default: unknown extends Defaults["enableSelect"] ? boolean : boolean | Defaults["enableSelect"];
     };
     selectStrategy: unknown extends Defaults["selectStrategy"] ? {
-        type: PropType<"page" | "all" | "single">;
+        type: PropType<"single" | "page" | "all">;
         default: string;
     } : Omit<{
-        type: PropType<"page" | "all" | "single">;
+        type: PropType<"single" | "page" | "all">;
         default: string;
-    }, "default" | "type"> & {
-        type: PropType<unknown extends Defaults["selectStrategy"] ? "page" | "all" | "single" : Defaults["selectStrategy"] | NonNullable<"page" | "all" | "single">>;
-        default: unknown extends Defaults["selectStrategy"] ? "page" | "all" | "single" : Defaults["selectStrategy"] | NonNullable<"page" | "all" | "single">;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["selectStrategy"] ? "all" | "page" | "single" : Defaults["selectStrategy"] | NonNullable<"all" | "page" | "single">>;
+        default: unknown extends Defaults["selectStrategy"] ? "all" | "page" | "single" : Defaults["selectStrategy"] | NonNullable<"all" | "page" | "single">;
     };
     modelValue: unknown extends Defaults["modelValue"] ? {
         type: PropType<readonly any[]>;
@@ -52,17 +52,17 @@ export declare const pressDataTableSelectionProps: <Defaults extends {
     } : Omit<{
         type: PropType<readonly any[]>;
         default: () => never[];
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<unknown extends Defaults["modelValue"] ? readonly any[] : readonly any[] | Defaults["modelValue"]>;
         default: unknown extends Defaults["modelValue"] ? readonly any[] : readonly any[] | Defaults["modelValue"];
     };
     itemComparator: unknown extends Defaults["itemComparator"] ? {
-        type: PropType<string | typeof deepEqual>;
+        type: PropType<typeof deepEqual | string>;
         default: () => typeof deepEqual;
     } : Omit<{
-        type: PropType<string | typeof deepEqual>;
+        type: PropType<typeof deepEqual | string>;
         default: () => typeof deepEqual;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<unknown extends Defaults["itemComparator"] ? string | typeof deepEqual : Defaults["itemComparator"] | NonNullable<string | typeof deepEqual>>;
         default: unknown extends Defaults["itemComparator"] ? string | typeof deepEqual : Defaults["itemComparator"] | NonNullable<string | typeof deepEqual>;
     };

package/types/components/table/composables/sorting.d.ts

@@ -1,4 +1,4 @@
-import { PropType, Ref } from 'vue';
+import { DeepReadonly, PropType, Ref } from 'vue';
 import { DataTableProvideSortingData, InternalDataTableHeader, SortOption } from '../types';
 
 export declare const pressDataTableSortProps: <Defaults extends {
@@ -6,31 +6,25 @@ export declare const pressDataTableSortProps: <Defaults extends {
     multiSort?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
     sortBy: unknown extends Defaults["sortBy"] ? {
-        type: PropType<readonly {
-            readonly key: string;
-            readonly order?: boolean | "desc" | "asc" | undefined;
-        }[]>;
+        type: PropType<DeepReadonly<SortOption[]>>;
         default: () => never[];
     } : Omit<{
-        type: PropType<readonly {
-            readonly key: string;
-            readonly order?: boolean | "desc" | "asc" | undefined;
-        }[]>;
+        type: PropType<DeepReadonly<SortOption[]>>;
         default: () => never[];
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<unknown extends Defaults["sortBy"] ? readonly {
             readonly key: string;
-            readonly order?: boolean | "desc" | "asc" | undefined;
+            readonly order?: boolean | "asc" | "desc" | undefined;
         }[] : readonly {
             readonly key: string;
-            readonly order?: boolean | "desc" | "asc" | undefined;
+            readonly order?: boolean | "asc" | "desc" | undefined;
         }[] | Defaults["sortBy"]>;
         default: unknown extends Defaults["sortBy"] ? readonly {
             readonly key: string;
-            readonly order?: boolean | "desc" | "asc" | undefined;
+            readonly order?: boolean | "asc" | "desc" | undefined;
         }[] : readonly {
             readonly key: string;
-            readonly order?: boolean | "desc" | "asc" | undefined;
+            readonly order?: boolean | "asc" | "desc" | undefined;
         }[] | Defaults["sortBy"];
     };
     multiSort: unknown extends Defaults["multiSort"] ? BooleanConstructor : {
@@ -55,7 +49,7 @@ export declare function provideSorting(options: {
     multiSort?: Ref<boolean>;
 }): DataTableProvideSortingData;
 export declare function useSorting(): {
-    sortBy: Ref<readonly SortOption[], readonly SortOption[]>;
+    sortBy: Ref<readonly SortOption[]>;
     toggleSort: (col: InternalDataTableHeader) => void;
     isSorted: (col: InternalDataTableHeader) => boolean;
 };

package/types/components/table/index.d.ts

@@ -6,3 +6,5 @@ export * from './YDataTableRow';
 export * from './YDataTableCell';
 export * from './YDataTableControl';
 export * from './YDataTableLayer';
+export * from './YDataTableLayerRows';
+export * from './YDataTableLayerRow';

package/types/components/table/types/item.d.ts

@@ -1,4 +1,4 @@
-import { SelectableItem, provideSelection } from '../composables/selection';
+import { provideSelection, SelectableItem } from '../composables/selection';
 import { InternalDataTableHeader } from './header';
 
 type ItemSlotBase<T> = {
@@ -18,5 +18,6 @@ export interface DataTableItem<T = any> extends SelectableItem {
     columns: Record<string, any>;
     raw: T;
     rowRef?: any;
+    readonly _bindRowRef: (el: any | null) => void;
 }
 export {};

package/types/components/textarea/YTextarea.d.ts

@@ -52,12 +52,12 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
         default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
     };
     status: unknown extends Defaults["status"] ? {
-        type: PropType<"error" | "warning" | "success" | undefined>;
+        type: PropType<"success" | "warning" | "error" | undefined>;
         validator(value: string): boolean;
     } : Omit<{
-        type: PropType<"error" | "warning" | "success" | undefined>;
+        type: PropType<"success" | "warning" | "error" | undefined>;
         validator(value: string): boolean;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<unknown extends Defaults["status"] ? "error" | "warning" | "success" | undefined : NonNullable<"error" | "warning" | "success" | undefined> | Defaults["status"]>;
         default: unknown extends Defaults["status"] ? "error" | "warning" | "success" | undefined : NonNullable<"error" | "warning" | "success" | undefined> | Defaults["status"];
     };
@@ -65,15 +65,15 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
         type: PropType<unknown extends Defaults["helperText"] ? string : string | Defaults["helperText"]>;
         default: unknown extends Defaults["helperText"] ? string : string | Defaults["helperText"];
     };
-    validators: unknown extends Defaults["validators"] ? PropType<string[] | ((v: any) => string | boolean)[]> : {
-        type: PropType<unknown extends Defaults["validators"] ? string[] | ((v: any) => string | boolean)[] : NonNullable<string[] | ((v: any) => string | boolean)[]> | Defaults["validators"]>;
-        default: unknown extends Defaults["validators"] ? string[] | ((v: any) => string | boolean)[] : NonNullable<string[] | ((v: any) => string | boolean)[]> | Defaults["validators"];
+    validators: unknown extends Defaults["validators"] ? PropType<string[] | ((v: any) => boolean | string)[]> : {
+        type: PropType<unknown extends Defaults["validators"] ? string[] | ((v: any) => boolean | string)[] : NonNullable<string[] | ((v: any) => boolean | string)[]> | Defaults["validators"]>;
+        default: unknown extends Defaults["validators"] ? string[] | ((v: any) => boolean | string)[] : NonNullable<string[] | ((v: any) => boolean | string)[]> | Defaults["validators"];
     };
     validateOn: unknown extends Defaults["validateOn"] ? {
-        type: PropType<string>;
+        type: PropType<import('../../composables/validation').ValidationProps["validateOn"]>;
     } : Omit<{
-        type: PropType<string>;
-    }, "default" | "type"> & {
+        type: PropType<import('../../composables/validation').ValidationProps["validateOn"]>;
+    }, "type" | "default"> & {
         type: PropType<unknown extends Defaults["validateOn"] ? string : string | Defaults["validateOn"]>;
         default: unknown extends Defaults["validateOn"] ? string : string | Defaults["validateOn"];
     };
@@ -82,12 +82,12 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
         default: unknown extends Defaults["validationValue"] ? any : any;
     };
     maxErrors: unknown extends Defaults["maxErrors"] ? {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: number;
     } : Omit<{
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: number;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<unknown extends Defaults["maxErrors"] ? string | number : NonNullable<string | number> | Defaults["maxErrors"]>;
         default: unknown extends Defaults["maxErrors"] ? string | number : NonNullable<string | number> | Defaults["maxErrors"];
     };
@@ -99,7 +99,7 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
         type: PropType<string | number>;
     } : Omit<{
         type: PropType<string | number>;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<unknown extends Defaults["width"] ? string | number : NonNullable<string | number> | Defaults["width"]>;
         default: unknown extends Defaults["width"] ? string | number : NonNullable<string | number> | Defaults["width"];
     };
@@ -113,7 +113,7 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<string>;
         default: string;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<unknown extends Defaults["displayTag"] ? string : string | Defaults["displayTag"]>;
         default: unknown extends Defaults["displayTag"] ? string : string | Defaults["displayTag"];
     };
@@ -125,7 +125,7 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
         type: PropType<any>;
     } : Omit<{
         type: PropType<any>;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<unknown extends Defaults["modelValue"] ? any : any>;
         default: unknown extends Defaults["modelValue"] ? any : any;
     };
@@ -135,7 +135,7 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<boolean>;
         default: boolean;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<unknown extends Defaults["autoSelect"] ? boolean : boolean | Defaults["autoSelect"]>;
         default: unknown extends Defaults["autoSelect"] ? boolean : boolean | Defaults["autoSelect"];
     };
@@ -145,7 +145,7 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<boolean>;
         default: boolean;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<unknown extends Defaults["floating"] ? boolean : boolean | Defaults["floating"]>;
         default: unknown extends Defaults["floating"] ? boolean : boolean | Defaults["floating"];
     };
@@ -155,7 +155,7 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<boolean>;
         default: () => false;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<unknown extends Defaults["floated"] ? boolean : boolean | Defaults["floated"]>;
         default: unknown extends Defaults["floated"] ? boolean : boolean | Defaults["floated"];
     };
@@ -177,7 +177,7 @@ export declare const pressYTextareaPropsOptions: <Defaults extends {
     } : Omit<{
         type: PropType<string>;
         default: string;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<unknown extends Defaults["variation"] ? string : string | Defaults["variation"]>;
         default: unknown extends Defaults["variation"] ? string : string | Defaults["variation"];
     };
@@ -209,17 +209,17 @@ export declare const YTextarea: import('vue').DefineComponent<{
     readonly: PropType<boolean>;
     disabled: PropType<boolean>;
     status: {
-        type: PropType<"error" | "warning" | "success" | undefined>;
+        type: PropType<"success" | "warning" | "error" | undefined>;
         validator(value: string): boolean;
     };
     helperText: StringConstructor;
-    validators: PropType<string[] | ((v: any) => string | boolean)[]>;
+    validators: PropType<((v: any) => boolean | string)[] | string[]>;
     validateOn: {
-        type: PropType<string>;
+        type: PropType<import('../../composables/validation').ValidationProps["validateOn"]>;
     };
     validationValue: null;
     maxErrors: {
-        type: PropType<string | number>;
+        type: PropType<number | string>;
         default: number;
     };
     name: StringConstructor;
@@ -258,7 +258,7 @@ export declare const YTextarea: import('vue').DefineComponent<{
     filled: PropType<boolean>;
     ceramic: PropType<boolean>;
     displayText: PropType<string | ((value: any) => string)>;
-    whenInputValid: PropType<number | boolean>;
+    whenInputValid: PropType<boolean | number>;
 }, {
     el$: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         extended: PropType<any>;
@@ -267,17 +267,17 @@ export declare const YTextarea: import('vue').DefineComponent<{
         readonly: PropType<boolean>;
         disabled: PropType<boolean>;
         status: {
-            type: PropType<"error" | "warning" | "success" | undefined>;
+            type: PropType<"success" | "warning" | "error" | undefined>;
             validator(value: string): boolean;
         };
         helperText: StringConstructor;
-        validators: PropType<string[] | ((v: any) => string | boolean)[]>;
+        validators: PropType<((v: any) => boolean | string)[] | string[]>;
         validateOn: {
-            type: PropType<string>;
+            type: PropType<import('../../composables/validation').ValidationProps["validateOn"]>;
         };
         validationValue: null;
         maxErrors: {
-            type: PropType<string | number>;
+            type: PropType<number | string>;
             default: number;
         };
         name: StringConstructor;
@@ -314,10 +314,10 @@ export declare const YTextarea: import('vue').DefineComponent<{
         ceramic: PropType<boolean>;
         theme: PropType<string>;
     }>> & {
-        onFocus?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
-        onError?: ((...args: any[]) => any) | undefined;
         onClick?: ((...args: any[]) => any) | undefined;
+        onError?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
         onMousedown?: ((...args: any[]) => any) | undefined;
         onMouseup?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -347,17 +347,17 @@ export declare const YTextarea: import('vue').DefineComponent<{
         readonly: PropType<boolean>;
         disabled: PropType<boolean>;
         status: {
-            type: PropType<"error" | "warning" | "success" | undefined>;
+            type: PropType<"success" | "warning" | "error" | undefined>;
             validator(value: string): boolean;
         };
         helperText: StringConstructor;
-        validators: PropType<string[] | ((v: any) => string | boolean)[]>;
+        validators: PropType<((v: any) => boolean | string)[] | string[]>;
         validateOn: {
-            type: PropType<string>;
+            type: PropType<import('../../composables/validation').ValidationProps["validateOn"]>;
         };
         validationValue: null;
         maxErrors: {
-            type: PropType<string | number>;
+            type: PropType<number | string>;
             default: number;
         };
         name: StringConstructor;
@@ -394,10 +394,10 @@ export declare const YTextarea: import('vue').DefineComponent<{
         ceramic: PropType<boolean>;
         theme: PropType<string>;
     }>> & {
-        onFocus?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
-        onError?: ((...args: any[]) => any) | undefined;
         onClick?: ((...args: any[]) => any) | undefined;
+        onError?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
         onMousedown?: ((...args: any[]) => any) | undefined;
         onMouseup?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -420,17 +420,17 @@ export declare const YTextarea: import('vue').DefineComponent<{
         readonly: PropType<boolean>;
         disabled: PropType<boolean>;
         status: {
-            type: PropType<"error" | "warning" | "success" | undefined>;
+            type: PropType<"success" | "warning" | "error" | undefined>;
             validator(value: string): boolean;
         };
         helperText: StringConstructor;
-        validators: PropType<string[] | ((v: any) => string | boolean)[]>;
+        validators: PropType<((v: any) => boolean | string)[] | string[]>;
         validateOn: {
-            type: PropType<string>;
+            type: PropType<import('../../composables/validation').ValidationProps["validateOn"]>;
         };
         validationValue: null;
         maxErrors: {
-            type: PropType<string | number>;
+            type: PropType<number | string>;
             default: number;
         };
         name: StringConstructor;
@@ -467,10 +467,10 @@ export declare const YTextarea: import('vue').DefineComponent<{
         ceramic: PropType<boolean>;
         theme: PropType<string>;
     }>> & {
-        onFocus?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
-        onError?: ((...args: any[]) => any) | undefined;
         onClick?: ((...args: any[]) => any) | undefined;
+        onError?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
         onMousedown?: ((...args: any[]) => any) | undefined;
         onMouseup?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -500,17 +500,17 @@ export declare const YTextarea: import('vue').DefineComponent<{
         readonly: PropType<boolean>;
         disabled: PropType<boolean>;
         status: {
-            type: PropType<"error" | "warning" | "success" | undefined>;
+            type: PropType<"success" | "warning" | "error" | undefined>;
             validator(value: string): boolean;
         };
         helperText: StringConstructor;
-        validators: PropType<string[] | ((v: any) => string | boolean)[]>;
+        validators: PropType<((v: any) => boolean | string)[] | string[]>;
         validateOn: {
-            type: PropType<string>;
+            type: PropType<import('../../composables/validation').ValidationProps["validateOn"]>;
         };
         validationValue: null;
         maxErrors: {
-            type: PropType<string | number>;
+            type: PropType<number | string>;
             default: number;
         };
         name: StringConstructor;
@@ -547,10 +547,10 @@ export declare const YTextarea: import('vue').DefineComponent<{
         ceramic: PropType<boolean>;
         theme: PropType<string>;
     }>> & {
-        onFocus?: ((...args: any[]) => any) | undefined;
         onBlur?: ((...args: any[]) => any) | undefined;
-        onError?: ((...args: any[]) => any) | undefined;
         onClick?: ((...args: any[]) => any) | undefined;
+        onError?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
         onMousedown?: ((...args: any[]) => any) | undefined;
         onMouseup?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;