maz-ui 3.47.1 → 3.47.2-beta.10

package/types/components/MazRadio.vue.d.ts

@@ -37,7 +37,7 @@ declare const _default: <T extends string | number | boolean>(__VLS_props: NonNu
         readonly onChange?: ((value: T) => any) | undefined;
         readonly onFocus?: ((value: FocusEvent) => any) | undefined;
         readonly "onUpdate:model-value"?: ((value: T) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:model-value"> & Props<T>> & import("vue").PublicProps;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:model-value"> & Partial<{}> & Props<T>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {

package/types/components/MazRadioButtons.vue.d.ts

@@ -51,7 +51,7 @@ declare const _default: <T extends string | number | boolean>(__VLS_props: NonNu
         readonly onChange?: ((value: T) => any) | undefined;
         readonly onFocus?: ((value: FocusEvent) => any) | undefined;
         readonly "onUpdate:model-value"?: ((value: T) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:model-value"> & Props<T>> & import("vue").PublicProps;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onUpdate:model-value"> & Partial<{}> & Props<T>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {

package/types/components/MazReadingProgressBar.vue.d.ts

@@ -47,8 +47,8 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
 }>, {
     color: Color;
     height: string;
-    offset: number;
     teleportSelector: string;
+    offset: number;
     distance: number;
     contentSelector: string;
     barClass: HTMLAttributes["class"];

package/types/components/MazSelect.vue.d.ts

@@ -98,7 +98,7 @@ declare const _default: <T extends ModelValueSimple, U extends MazSelectOption,
         readonly onOpen?: ((value: boolean) => any) | undefined;
         readonly "onUpdate:model-value"?: ((value: T | T[]) => any) | undefined;
         readonly "onSelected-option"?: ((value: U) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onInput" | "onClose" | "onOpen" | "onUpdate:model-value" | "onSelected-option"> & Props<T, U>> & import("vue").PublicProps;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onInput" | "onClose" | "onOpen" | "onUpdate:model-value" | "onSelected-option"> & Partial<{}> & Props<T, U>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
         openList: (event: Event) => Promise<void>;
         closeList: (event?: Event) => Promise<void>;

package/types/components/MazSlider.vue.d.ts

@@ -102,9 +102,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     size: string;
     color: Color;
+    labels: unknown[];
     max: number;
     min: number;
-    labels: unknown[];
     noDivider: boolean;
     log: boolean;
     noCursorAnim: boolean;

package/types/components/MazSpinner.vue.d.ts

@@ -12,5 +12,5 @@ export interface MazSpinnerProps {
      */
     color?: Color;
 }
-declare const _default: import("vue").DefineComponent<MazSpinnerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MazSpinnerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<MazSpinnerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MazSpinnerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, SVGSVGElement>;
 export default _default;

package/types/components/MazStepper.vue.d.ts

@@ -35,6 +35,7 @@ export interface Props {
     canCloseSteps?: boolean;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: Partial<Record<`icon-${number}`, (_: {}) => any>> & Partial<Record<`title-${number}`, (_: {}) => any>> & Partial<Record<`subtitle-${number}`, (_: {}) => any>> & Partial<Record<`title-info-${number}`, (_: {}) => any>> & Partial<Record<`content-${number}`, (_: {
         validated: boolean;
         error: boolean | undefined;
@@ -43,7 +44,7 @@ declare function __VLS_template(): {
         previousStep: () => void;
     }) => any>>;
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -54,7 +55,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     color: Color;
     modelValue: number;
     steps: Steps;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/types/components/MazSwitch.vue.d.ts

@@ -28,6 +28,7 @@ export interface Props {
     hint?: string;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {
             value: boolean;
@@ -36,7 +37,7 @@ declare function __VLS_template(): {
     refs: {
         inputRef: HTMLInputElement;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/types/components/MazTable.vue.d.ts

@@ -1,6 +1,6 @@
 import type { Color, Size } from './types';
 import { type HTMLAttributes, type Ref, type StyleValue, type ThHTMLAttributes } from 'vue';
-export type { Color, Size };
+export type { Color, Size } from './types';
 export interface HeadersEnriched {
     label: string;
     key?: string;
@@ -16,9 +16,9 @@ export interface HeadersEnriched {
     colspan?: ThHTMLAttributes['colspan'];
     headers?: ThHTMLAttributes['headers'];
 }
-export type Row = Record<string, any> & {
+export type Row<T extends Row<T>> = Record<string, any> & {
     selected?: boolean;
-    action?: (row: Row) => unknown;
+    action?: (row: T) => unknown;
     classes?: HTMLAttributes['class'];
 };
 export type Header = string | HeadersEnriched;
@@ -32,7 +32,7 @@ export interface Translations {
     paginationRowsPerPage?: string;
     paginationOf?: string;
 }
-export interface MazTableProps {
+export interface MazTableProps<T extends Row<T>> {
     /** class of the table element */
     tableClass?: HTMLAttributes['class'];
     /** style of the table element */
@@ -59,7 +59,7 @@ export interface MazTableProps {
     /** align all headers */
     headersAlign?: ThHTMLAttributes['align'];
     /** rows of the table - type: `Record<string, string | boolean | number>[]` ; */
-    rows?: Row[];
+    rows?: T[];
     /** add hover effect on rows */
     hoverable?: boolean;
     /** enable search feature into the table header */
@@ -125,11 +125,16 @@ export interface MazTableProps {
      */
     translations?: Translations;
     /**
-     * Size of the rounded
+     * Size radius of the component's border
      * @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
      * @default 'lg'
      */
     roundedSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    /**
+     * Enable scrollable on table
+     * @default `false`
+     */
+    scrollable?: boolean;
 }
 export interface MazTableProvide {
     size: Ref<Size>;
@@ -137,7 +142,16 @@ export interface MazTableProvide {
     backgroundEven: Ref<boolean>;
     backgroundOdd: Ref<boolean>;
 }
-declare function __VLS_template(): {
+export declare const mazTableKey = "maz-table";
+declare const _default: <T extends Row<T>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:model-value"?: ((value: (string | number | boolean | Row<T>)[] | undefined) => any) | undefined;
+        readonly "onUpdate:search-query"?: ((searchQuery: string | undefined) => any) | undefined;
+        readonly "onUpdate:page"?: ((page: number) => any) | undefined;
+        readonly "onUpdate:page-size"?: ((pageSize: number) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:model-value" | "onUpdate:search-query" | "onUpdate:page" | "onUpdate:page-size"> & Partial<{}> & MazTableProps<T>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
     slots: Partial<Record<`header-label-${string}`, (_: {
         header: {
             label: string;
@@ -158,7 +172,7 @@ declare function __VLS_template(): {
         };
         label: string;
     }) => any>> & Partial<Record<`cell-${string}`, (_: {
-        row: Row;
+        row: T;
         value: any;
     }) => any>> & {
         title?(_: {}): any;
@@ -187,62 +201,31 @@ declare function __VLS_template(): {
         "actions-header"?(_: {}): any;
         default?(_: {}): any;
         select?(_: {
-            row: Row;
+            row: T;
             selected: boolean | undefined;
         }): any;
         cell?(_: {
-            row: Row;
+            row: T;
             value: any;
         }): any;
         actions?(_: {
-            row: Row;
+            row: T;
         }): any;
         "no-results"?(_: {}): any;
         "no-results-text"?(_: {}): any;
     };
-    refs: {};
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<MazTableProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:model-value": (value: (string | number | boolean | Row)[] | undefined) => any;
-    "update:search-query": (searchQuery: string | undefined) => any;
-    "update:page": (page: number) => any;
-    "update:page-size": (pageSize: number) => any;
-}, string, import("vue").PublicProps, Readonly<MazTableProps> & Readonly<{
-    "onUpdate:model-value"?: ((value: (string | number | boolean | Row)[] | undefined) => any) | undefined;
-    "onUpdate:search-query"?: ((searchQuery: string | undefined) => any) | undefined;
-    "onUpdate:page"?: ((page: number) => any) | undefined;
-    "onUpdate:page-size"?: ((pageSize: number) => any) | undefined;
-}>, {
-    caption: string;
-    title: string;
-    size: Size;
-    color: Color;
-    roundedSize: "none" | "sm" | "md" | "lg" | "xl" | "full";
-    modelValue: (string | boolean | number)[];
-    page: number;
-    totalPages: number;
-    searchPlaceholder: string;
-    searchQuery: string;
-    captionSide: "top" | "bottom";
-    tableLayout: "auto" | "fixed";
-    tableClass: HTMLAttributes["class"];
-    tableStyle: string | false | import("vue").CSSProperties | StyleValue[] | null;
-    headers: Header[];
-    headersAlign: "center" | "left" | "right" | "justify" | "char";
-    rows: Row[];
-    searchByPlaceholder: string;
-    searchByAllLabel: string;
-    pageSize: number;
-    paginationAllLabel: string;
-    totalItems: number;
-    selectedKey: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+    emit: {
+        (event: "update:model-value", value: (Row<T> | string | number | boolean)[] | undefined): void;
+        (event: "update:search-query", searchQuery: string | undefined): void;
+        (event: "update:page", page: number): void;
+        (event: "update:page-size", pageSize: number): void;
     };
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/types/components/MazTableCell.vue.d.ts

@@ -1,12 +1,13 @@
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLTableCellElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLTableCellElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/types/components/MazTableRow.vue.d.ts

@@ -3,14 +3,15 @@ export interface Props {
     noHoverable?: boolean;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLTableRowElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLTableRowElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/types/components/MazTableTitle.vue.d.ts

@@ -1,12 +1,13 @@
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLTableCellElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLTableCellElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/types/components/MazTabs.vue.d.ts

@@ -8,18 +8,19 @@ export interface MazTabsProvide {
     updateCurrentTab: (index: number) => number;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:model-value": (index: number) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:model-value"?: ((index: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/types/components/MazTabsBar.vue.d.ts

@@ -32,6 +32,7 @@ export type MazTabsBarItem = {
     };
 } | string;
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         item?(_: {
             item: {
@@ -56,13 +57,13 @@ declare function __VLS_template(): {
     refs: {
         tabsBarRef: HTMLDivElement;
     };
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     queryParam: string;
     autoScroll: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/types/components/MazTabsContent.vue.d.ts

@@ -1,12 +1,13 @@
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/types/components/MazTabsContentItem.vue.d.ts

@@ -1,11 +1,12 @@
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {
         MazTabsContentItem: HTMLDivElement;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

package/types/components/MazTextarea.vue.d.ts

@@ -1,13 +1,13 @@
-import type { Color } from './types';
 import { type HTMLAttributes } from 'vue';
+import type { Color } from './types';
 export type { Color };
-export interface Props {
+export interface MazTextareaProps<T extends string | undefined> {
     /** Style attribut of the component root element */
     style?: HTMLAttributes['style'];
     /** Class attribut of the component root element */
     class?: HTMLAttributes['class'];
     /** @model The value of the textarea */
-    modelValue?: string;
+    modelValue?: T;
     /** The id of the textarea */
     id?: string;
     /** The name of the textarea */
@@ -32,34 +32,60 @@ export interface Props {
     hint?: string;
     /** The color of the textarea */
     color?: Color;
+    /**
+     * Size radius of the component's border
+     * @values `'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'`
+     */
+    roundedSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    /**
+     * If the textarea has a padding
+     * @default true
+     */
+    padding?: boolean;
+    /**
+     * If the textarea has a transparent background
+     * @default false
+     */
+    transparent?: boolean;
+    /**
+     * If the textarea has no border
+     * @default false
+     */
+    border?: boolean;
+    /**
+     * The alignment of the append slot
+     * @values `'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'`
+     * @default 'end'
+     */
+    appendJustify?: 'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
 }
-declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    input: (value?: string | undefined) => any;
-    blur: (value: FocusEvent) => any;
-    change: (value: Event) => any;
-    focus: (value: FocusEvent) => any;
-    "update:model-value": (value?: string | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onInput?: ((value?: string | undefined) => any) | undefined;
-    onBlur?: ((value: FocusEvent) => any) | undefined;
-    onChange?: ((value: Event) => any) | undefined;
-    onFocus?: ((value: FocusEvent) => any) | undefined;
-    "onUpdate:model-value"?: ((value?: string | undefined) => any) | undefined;
-}>, {
-    label: string;
-    style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
-    error: boolean;
-    success: boolean;
-    warning: boolean;
-    color: Color;
-    class: HTMLAttributes["class"];
-    name: string;
-    disabled: boolean;
-    id: string;
-    modelValue: string;
-    required: boolean;
-    readonly: boolean;
-    hint: string;
-    placeholder: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: <T extends string | undefined>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onInput?: ((value?: string | undefined) => any) | undefined;
+        readonly onBlur?: ((value: FocusEvent) => any) | undefined;
+        readonly onChange?: ((value: Event) => any) | undefined;
+        readonly onFocus?: ((value: FocusEvent) => any) | undefined;
+        readonly "onUpdate:model-value"?: ((value?: T | undefined) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFocus" | "onBlur" | "onChange" | "onInput" | "onUpdate:model-value"> & Partial<{}> & MazTextareaProps<T>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        label?(_: {}): any;
+        append?(_: {}): any;
+    };
+    emit: {
+        (event: "update:model-value", value?: T): void;
+        (event: "input", value?: string): void;
+        (event: "focus", value: FocusEvent): void;
+        (event: "blur", value: FocusEvent): void;
+        (event: "change", value: Event): void;
+    };
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
 export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/types/components/MazTransitionExpand.vue.d.ts

@@ -3,11 +3,12 @@ export interface Props {
     animationDuration?: string;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {

package/types/modules/composables/useFormValidator/types.d.ts

@@ -8,11 +8,15 @@ export type ValidationAsync = ValidationSync | BaseSchemaAsync<unknown, unknown,
 export type Validation = ValidationAsync;
 export type ValidationIssues = InferIssue<Validation>[];
 export type ExtractModelKey<T> = Extract<keyof T, string>;
-export type FormSchema<Model> = Record<ExtractModelKey<Model>, Validation>;
+export type FormSchema<Model> = {
+    [K in Extract<keyof Model, string> as Model[K] extends Required<Model>[K] ? K : never]: Validation;
+} & {
+    [K in Extract<keyof Model, string> as Model[K] extends Required<Model>[K] ? never : K]?: Validation;
+};
 export type CustomInstance<Model extends BaseFormPayload> = ComponentInternalInstance & {
     formContexts?: Map<string | symbol | InjectionKey<FormContext<Model>>, FormContext<Model>>;
 };
-export interface FormValidatorOptions<Model extends BaseFormPayload = BaseFormPayload, ModelKey extends ExtractModelKey<Model> = ExtractModelKey<Model>> {
+export interface FormValidatorOptions<Model extends BaseFormPayload = BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>> = ExtractModelKey<FormSchema<Model>>> {
     /**
      * Validation mode
      * - lazy: validate on input value change
@@ -49,7 +53,7 @@ export interface FormValidatorOptions<Model extends BaseFormPayload = BaseFormPa
     identifier?: string | symbol;
 }
 export type StrictOptions<Model extends BaseFormPayload = BaseFormPayload> = Required<FormValidatorOptions<Model>>;
-export interface FormContext<Model extends BaseFormPayload = BaseFormPayload, ModelKey extends ExtractModelKey<Model> = ExtractModelKey<Model>> {
+export interface FormContext<Model extends BaseFormPayload = BaseFormPayload, ModelKey extends ExtractModelKey<FormSchema<Model>> = ExtractModelKey<FormSchema<Model>>> {
     fieldsStates: Ref<FieldsStates<Model>>;
     options: StrictOptions;
     internalSchema: Ref<FormSchema<Model>>;
@@ -57,7 +61,7 @@ export interface FormContext<Model extends BaseFormPayload = BaseFormPayload, Mo
     errorMessages: Ref<Record<ModelKey, string | undefined>>;
     isSubmitted: Ref<boolean>;
 }
-export interface FieldState<Model extends BaseFormPayload, FieldType = Model[ExtractModelKey<Model>]> {
+export interface FieldState<Model extends BaseFormPayload, FieldType = Model[ExtractModelKey<FormSchema<Model>>]> {
     blurred: boolean;
     dirty: boolean;
     error: boolean;
@@ -101,5 +105,5 @@ export interface UseFormValidatorParams<Model extends BaseFormPayload> {
     model?: Ref<Partial<Model>>;
     options?: FormValidatorOptions<Model>;
 }
-export type UseFormField<FieldType extends Model[ExtractModelKey<Model>], Model extends BaseFormPayload = BaseFormPayload> = typeof useFormField<FieldType, Model>;
+export type UseFormField<FieldType extends Model[ExtractModelKey<FormSchema<Model>>], Model extends BaseFormPayload = BaseFormPayload> = typeof useFormField<FieldType, Model>;
 export type InferFormValidatorSchema<T extends ObjectEntries | ObjectEntriesAsync | Ref<ObjectEntries> | Ref<ObjectEntriesAsync>> = InferOutput<ReturnType<typeof objectAsync<InferMaybeRef<T>>>>;

package/types/modules/composables/useFormValidator/useFormField.d.ts

@@ -1,8 +1,8 @@
-import type { BaseFormPayload, ExtractModelKey, FormFieldOptions } from './types';
-export declare function useFormField<FieldType extends Model[ExtractModelKey<Model>], Model extends BaseFormPayload = BaseFormPayload>(name: ExtractModelKey<Model>, options?: FormFieldOptions<FieldType>): {
+import type { BaseFormPayload, ExtractModelKey, FormFieldOptions, FormSchema } from './types';
+export declare function useFormField<FieldType extends Model[ExtractModelKey<FormSchema<Model>>], Model extends BaseFormPayload = BaseFormPayload>(name: ExtractModelKey<FormSchema<Model>>, options?: FormFieldOptions<FieldType>): {
     hasError: import("vue").ComputedRef<boolean>;
     errors: import("vue").ComputedRef<import("./types").ValidationIssues>;
-    errorMessage: import("vue").ComputedRef<Record<Extract<keyof Model, string>, string | undefined>[Extract<keyof Model, string>]>;
+    errorMessage: import("vue").ComputedRef<Record<Extract<keyof { [K in Extract<keyof Model, string> as Model[K] extends Required<Model>[K] ? K : never]: import("./types").ValidationAsync; }, string> | Extract<keyof { [K_1 in Extract<keyof Model, string> as Model[K_1] extends Required<Model>[K_1] ? never : K_1]?: import("./types").ValidationAsync | undefined; }, string>, string | undefined>[ExtractModelKey<FormSchema<Model>>]>;
     isValid: import("vue").ComputedRef<boolean>;
     isDirty: import("vue").ComputedRef<boolean>;
     isBlurred: import("vue").ComputedRef<boolean>;

package/types/modules/composables/useFormValidator/useFormValidator.d.ts

@@ -1,17 +1,17 @@
 import type { Ref } from 'vue';
-import type { BaseFormPayload, ExtractModelKey, FieldsStates, FormValidatorOptions, UseFormValidatorParams } from './types';
+import type { BaseFormPayload, ExtractModelKey, FieldsStates, FormSchema, FormValidatorOptions, UseFormValidatorParams } from './types';
 import { scrollToError } from './utils';
-export declare function useFormValidator<Model extends BaseFormPayload, ModelKey extends ExtractModelKey<Model> = ExtractModelKey<Model>>({ schema, defaultValues, model, options }: UseFormValidatorParams<Model>): {
+export declare function useFormValidator<Model extends BaseFormPayload>({ schema, defaultValues, model, options }: UseFormValidatorParams<Model>): {
     identifier: string | symbol;
     isDirty: import("vue").ComputedRef<boolean>;
     isSubmitting: Ref<boolean, boolean>;
     isSubmitted: Ref<boolean, boolean>;
     isValid: import("vue").ComputedRef<boolean>;
-    errors: import("vue").ComputedRef<Record<Extract<keyof Model, string>, import("./types").ValidationIssues>>;
+    errors: import("vue").ComputedRef<Record<ExtractModelKey<FormSchema<Model>>, import("./types").ValidationIssues>>;
     model: Ref<Model, Model>;
     fieldsStates: Ref<FieldsStates<Model>, FieldsStates<Model>>;
     validateForm: (showErrors?: boolean) => Promise<void[]>;
     scrollToError: typeof scrollToError;
     handleSubmit: <Func extends (model: Model) => Promise<Awaited<ReturnType<Func>>> | ReturnType<Func>>(successCallback: Func, enableScrollOrSelector?: FormValidatorOptions["scrollToError"]) => (event?: Event) => Promise<ReturnType<Func> | undefined>;
-    errorMessages: import("vue").ComputedRef<Record<Extract<keyof Model, string>, string | undefined>>;
+    errorMessages: import("vue").ComputedRef<Record<ExtractModelKey<FormSchema<Model>>, string | undefined>>;
 };