@open-xamu-co/ui-components-vue 3.1.0-next.9 → 3.1.0

package/dist/components/base/Input.vue.d.ts

@@ -21,8 +21,10 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<iBaseInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (...args: any[]) => void;
+    change: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<iBaseInputProps> & Readonly<{
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/base/Wrapper.vue.d.ts

@@ -1,9 +1,10 @@
+import type { Teleport } from "vue";
 import type { vComponent } from "../../types/plugin";
 type __VLS_Props = {
     /** Wheter or not render the wrapper */
     wrap: boolean;
     /** Component or tag to render as wrapper */
-    wrapper?: vComponent | string;
+    wrapper?: vComponent | typeof Teleport | string;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -17,7 +18,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    wrapper: vComponent | string;
+    wrapper: vComponent | typeof Teleport | string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/box/Action.vue.d.ts

@@ -7,7 +7,7 @@ interface iBoxActionProps extends iActionProps, iUseModifiersProps, iUseStatePro
      */
     icon?: IconName;
     iconProps?: iFormIconProps & {
-        size: number;
+        size?: number;
     };
     /**
      * image url or path

package/dist/components/box/Message.stories.d.ts

@@ -4,7 +4,7 @@ declare const meta: {
     title: string;
     component: Record<keyof typeof Message, unknown>;
     args: {
-        default: string;
+        text: string;
     };
 };
 type Story = StoryObj<typeof Message>;

package/dist/components/dropdown/Simple.stories.d.ts

@@ -1,10 +1,12 @@
 import type { StoryObj } from "@storybook/vue3";
-import Simple from "./Simple.vue";
+import DropdownSimple from "./Simple.vue";
 declare const meta: {
     title: string;
-    component: Record<keyof typeof Simple, unknown>;
-    args: {};
+    component: Record<keyof typeof DropdownSimple, unknown>;
+    args: {
+        invertTheme: true;
+    };
 };
-type Story = StoryObj<typeof Simple>;
+type Story = StoryObj<typeof DropdownSimple>;
 export declare const Sample: Story;
 export default meta;

package/dist/components/form/InputCountriesAPI.vue.d.ts

@@ -4,6 +4,7 @@ interface iFormInputCountriesApi extends iUseThemeProps {
     model: string[];
     countries?: iCountry[];
     states?: iState[];
+    /** Loading countries and states */
     loading?: boolean;
     errors?: unknown;
     refresh?: (...args: any[]) => any;
@@ -13,12 +14,7 @@ declare function __VLS_template(): {
     slots: {
         default?(_: {
             statesReq: Record<string, any>;
-            citiesReq: {
-                content: import("../../types/countries").iCity[];
-                refresh: (opts?: any) => Promise<void>;
-                loading: boolean;
-                errors: unknown;
-            };
+            citiesReq: Record<string, any>;
         }): any;
     };
     refs: {};

package/dist/components/form/InputNValues.vue.d.ts

@@ -5,6 +5,8 @@ export interface iFormInputNValues<Ti> {
     content?: boolean;
     loading?: boolean;
     errors?: unknown;
+    /** Loader label */
+    label?: string;
     refresh?: (...args: any[]) => any;
 }
 declare const _default: <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<{

package/dist/components/form/Simple.stories.d.ts

@@ -1,7 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/vue3";
 declare const meta: Meta;
 type Story = StoryObj<typeof meta>;
-export declare const Form: Story;
-export declare const FormUsingLocationField: Story;
-export declare const FormUsingPhoneField: Story;
+export declare const Sample: Story;
+export declare const WithInputs: Story;
+export declare const WithLocationField: Story;
+export declare const WithPhoneField: Story;
+export declare const Make: Story;
 export default meta;

package/dist/components/form/Simple.vue.d.ts

@@ -1,5 +1,6 @@
 import type { iInvalidInput } from "@open-xamu-co/ui-common-types";
 import type { tFormInput } from "@open-xamu-co/ui-common-types";
+import { eFormTypeSimple } from "@open-xamu-co/ui-common-enums";
 import type { iUseThemeProps } from "../../types/props";
 export interface iFormSimple<P extends any[]> extends iUseThemeProps {
     title?: string;
@@ -14,21 +15,21 @@ export interface iFormSimple<P extends any[]> extends iUseThemeProps {
     /**
      * Make model
      */
-    make?: (...args: P) => tFormInput[];
+    make?: ((...args: P) => tFormInput[]) | ((...args: P) => Promise<tFormInput[]>);
     /** Make all inputs read only by disabling them */
     readonly?: boolean;
 }
 declare const _default: <P extends any[] = any[]>(__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"?: ((...args: any[]) => any) | undefined;
-        readonly "onUpdate:invalid"?: ((...args: any[]) => any) | undefined;
+        readonly "onUpdate:model-value"?: ((args_0: tFormInput<import("@open-xamu-co/ui-common-types").iFormValue | import("@open-xamu-co/ui-common-types").iFormValue[], import("@open-xamu-co/ui-common-enums").eFormTypeBase | eFormTypeSimple | import("@open-xamu-co/ui-common-enums").eFormTypeComplex>[]) => any) | undefined;
+        readonly "onUpdate:invalid"?: ((args_0: iInvalidInput[]) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:model-value" | "onUpdate:invalid"> & Partial<{}> & iFormSimple<P>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
         default?(_: {}): any;
     };
-    emit: (event: "update:model-value" | "update:invalid", ...args: any[]) => void;
+    emit: ((evt: "update:model-value", args_0: tFormInput<import("@open-xamu-co/ui-common-types").iFormValue | import("@open-xamu-co/ui-common-types").iFormValue[], import("@open-xamu-co/ui-common-enums").eFormTypeBase | eFormTypeSimple | import("@open-xamu-co/ui-common-enums").eFormTypeComplex>[]) => void) & ((evt: "update:invalid", args_0: iInvalidInput[]) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/form/Stages.stories.d.ts

@@ -1,8 +1,6 @@
 import type { StoryObj } from "@storybook/vue3";
-import type { iForm, iInvalidInput, tFormInput } from "@open-xamu-co/ui-common-types";
+import type { iForm } from "@open-xamu-co/ui-common-types";
 import StagesComponent from "./Stages.vue";
-export declare const stagesData: iForm[][];
-declare function submitFn(inputs: tFormInput[]): Promise<boolean | iInvalidInput[]>;
 declare const meta: {
     title: string;
     component: {
@@ -59,13 +57,12 @@ declare const meta: {
             "secondary-actions"?(_: {}): any;
         };
     });
-    args: {
-        stages: iForm[][];
-        submitFn: typeof submitFn;
-    };
+    args: {};
     excludeStories: RegExp;
 };
 type Story = StoryObj<typeof StagesComponent>;
-export declare const Stages: Story;
-export declare const StagesWithInvalidStage: Story;
+export declare const Sample: Story;
+export declare const stagesData: iForm[][];
+export declare const WithStages: Story;
+export declare const WithInvalidStage: Story;
 export default meta;

package/dist/components/input/Color.stories.d.ts

@@ -1,10 +1,10 @@
 import type { StoryObj } from "@storybook/vue3";
-import Color from "./Color.vue";
+import InputColor from "./Color.vue";
 declare const meta: {
     title: string;
-    component: Record<keyof typeof Color, unknown>;
+    component: Record<keyof typeof InputColor, unknown>;
     args: {};
 };
-type Story = StoryObj<typeof Color>;
+type Story = StoryObj<typeof InputColor>;
 export declare const Sample: Story;
 export default meta;

package/dist/components/input/Color.vue.d.ts

@@ -1,5 +1,13 @@
 import type { iUseModifiersProps, iUseStateProps, iUseThemeProps, iInputProps } from "../../types/props";
-interface iInputTextProps extends iInputProps, iUseModifiersProps, iUseStateProps, iUseThemeProps {
+interface iInputColorProps extends iInputProps, iUseModifiersProps, iUseStateProps, iUseThemeProps {
+    /**
+     * @private
+     */
+    modelValue?: number | string;
 }
-declare const _default: import("vue").DefineComponent<iInputTextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<iInputTextProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<iInputColorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:model-value": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<iInputColorProps> & Readonly<{
+    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/input/File.vue.d.ts

@@ -13,6 +13,10 @@ interface iInputFileProps extends iInputProps, iUseModifiersProps, iUseStateProp
      * default: all image types
      */
     accept?: string[];
+    /**
+     * Capture files directly from camera
+     */
+    capture?: "environment" | "user";
     modelValue: File[];
 }
 declare const _default: import("vue").DefineComponent<iInputFileProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/dist/components/input/Toggle.vue.d.ts

@@ -1,5 +1,5 @@
-import type { iUseModifiersProps, iUseStateProps, iUseThemeProps, iInputProps } from "../../types/props";
-interface iInputToggleProps extends iInputProps, iUseModifiersProps, iUseStateProps, iUseThemeProps {
+import type { iUseModifiersProps, iUseStateProps, iUseThemeProps, iInputProps, iUseThemeTooltipProps } from "../../types/props";
+interface iInputToggleProps extends iInputProps, iUseModifiersProps, iUseStateProps, iUseThemeProps, iUseThemeTooltipProps {
     type?: "checkbox" | "radio" | "switch";
     label?: string;
     showPlaceholder?: boolean;

package/dist/components/loader/ContentFetch.vue.d.ts

@@ -26,7 +26,7 @@ export interface iLoaderContentFetchProps<Ti, Pi extends any[]> extends iUseThem
      *
      * Hydration is conditioned to the context (disabled, loading...)
      */
-    hydratablePromise?: false | ((content: Ref<Ti | null | undefined>, errors: Ref<unknown>) => (...args: Pi) => Promise<Ti>);
+    hydratablePromise?: false | ((content: Ref<Ti | null>, errors: Ref<unknown>) => (...args: Pi) => Promise<Ti>);
     payload?: Pi;
     /**
      * Component or tag to render on loader
@@ -45,7 +45,9 @@ export interface iLoaderContentFetchProps<Ti, Pi extends any[]> extends iUseThem
 declare const _default: <T, P extends any[] = any[]>(__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 onRefresh?: ((...args: any[]) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onRefresh"> & Partial<{}> & iLoaderContentFetchProps<T, P>> & import("vue").PublicProps;
+        readonly "onHas-content"?: ((...args: any[]) => any) | undefined;
+        readonly onHydrate?: ((...args: any[]) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onRefresh" | "onHas-content" | "onHydrate"> & Partial<{}> & iLoaderContentFetchProps<T, P>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
@@ -54,9 +56,10 @@ declare const _default: <T, P extends any[] = any[]>(__VLS_props: NonNullable<Aw
             refresh: (opts?: any) => Promise<void>;
             loading: boolean;
             errors: unknown;
+            hydrate: (newContent: T | null, newErrors?: unknown) => void;
         }): any;
     };
-    emit: (event: "refresh", ...args: any[]) => void;
+    emit: (event: "refresh" | "has-content" | "hydrate", ...args: any[]) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/modal/Simple.stories.d.ts

@@ -1,10 +1,19 @@
 import type { StoryObj } from "@storybook/vue3";
-import Simple from "./Simple.vue";
+import ModalSimple from "./Simple.vue";
 declare const meta: {
     title: string;
-    component: Record<keyof typeof Simple, unknown>;
-    args: {};
+    component: Record<keyof typeof ModalSimple, unknown>;
+    args: {
+        title: string;
+        subtitle: string;
+        class: string;
+        invertTheme: true;
+        saveButton: {
+            title: string;
+        };
+    };
 };
-type Story = StoryObj<typeof Simple>;
+type Story = StoryObj<typeof ModalSimple>;
 export declare const Sample: Story;
+export declare const WithFormStages: Story;
 export default meta;

package/dist/components/pagination/Content.vue.d.ts

@@ -1,10 +1,15 @@
+import { type Ref } from "vue";
 import type { iGetPage, iPage, iPagination } from "@open-xamu-co/ui-common-types";
 import type { iUseThemeProps } from "../../types/props";
 export interface iPCProps<Ti, Ci extends string | number = string, Ri = never> extends iPagination, iUseThemeProps {
     /**
      * Function used to fetch the page
      */
-    page: Ri extends iGetPage<Ti, Ci> ? iGetPage<Ti, Ci> : (params?: iPagination) => Promise<Ri | undefined>;
+    page?: Ri extends iGetPage<Ti, Ci> ? iGetPage<Ti, Ci> : (params?: iPagination) => Promise<Ri | undefined>;
+    /**
+     * Function used to fetch the page and hydrate the content
+     */
+    hydratablePage?: (content: Ref<iPage<Ti, Ci> | null | undefined>, errors: Ref<unknown>) => Ri extends iGetPage<Ti, Ci> ? iGetPage<Ti, Ci> : (params?: iPagination) => Promise<Ri | undefined>;
     /**
      * Path used as key for the cache
      */
@@ -50,23 +55,30 @@ export interface iPCProps<Ti, Ci extends string | number = string, Ri = never> e
      * Whether to fetch data on client side only
      */
     client?: boolean;
+    /**
+     * Additional class for the pagination
+     *
+     * @example --txtColor
+     */
+    paginationClass?: string | string[] | Record<string, boolean>;
 }
 declare const _default: <T, C extends string | number = string, R = never>(__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 onRefresh?: ((...args: any[]) => any) | undefined;
-        readonly onHasContent?: ((...args: any[]) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onRefresh" | "onHasContent"> & Partial<{}> & iPCProps<T, C, R>> & import("vue").PublicProps;
+        readonly "onHas-content"?: ((...args: any[]) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onRefresh" | "onHas-content"> & Partial<{}> & iPCProps<T, C, R>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
         default?(_: {
+            hydrateNodes: ((newContent: T[] | null, newErrors?: unknown) => void) | undefined;
             content: NoInfer<T>[];
             pagination: iPagination;
             currentPage: iPage<T, C>;
             refresh: (opts?: any) => Promise<void>;
         }): any;
     };
-    emit: (event: "refresh" | "hasContent", ...args: any[]) => void;
+    emit: (event: "refresh" | "has-content", ...args: any[]) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/pagination/ContentTable.stories.d.ts

@@ -1,10 +1,11 @@
 import type { StoryObj } from "@storybook/vue3";
-import ContentTable from "./ContentTable.vue";
+import PaginationContentTable from "./ContentTable.vue";
 declare const meta: {
     title: string;
-    component: Record<keyof typeof ContentTable, unknown>;
+    component: Record<keyof typeof PaginationContentTable, unknown>;
     args: {};
 };
-type Story = StoryObj<typeof ContentTable>;
+type Story = StoryObj<typeof PaginationContentTable>;
 export declare const Sample: Story;
+export declare const Data: Story;
 export default meta;

package/dist/components/pagination/ContentTable.vue.d.ts

@@ -1,4 +1,4 @@
-import type { iGetPage, tThemeModifier, tThemeTuple } from "@open-xamu-co/ui-common-types";
+import type { iGetPage, iNodeFn, tThemeModifier, tThemeTuple } from "@open-xamu-co/ui-common-types";
 import type { iTableProps } from "@open-xamu-co/ui-components-vue";
 export interface iPaginationContentTableProps<Ti extends Record<string, any>, TMi extends Record<string, any>> {
     /**
@@ -7,6 +7,7 @@ export interface iPaginationContentTableProps<Ti extends Record<string, any>, TM
     url: string;
     page: iGetPage<Ti>;
     defaults?: Record<string, any>;
+    /** Map node data as required */
     mapNode?: (node: Ti) => TMi;
     preventAutoload?: boolean;
     /**
@@ -14,7 +15,8 @@ export interface iPaginationContentTableProps<Ti extends Record<string, any>, TM
      */
     refresh?: () => void;
     noContentMessage?: string;
-    tableProps?: Omit<iTableProps<TMi>, "nodes" | "refresh">;
+    renderErrorMessage?: string;
+    tableProps?: Omit<iTableProps<Ti, TMi>, "nodes" | "refresh">;
     theme?: tThemeModifier | tThemeTuple;
     client?: boolean;
     /**
@@ -29,36 +31,63 @@ export interface iPaginationContentTableProps<Ti extends Record<string, any>, TM
      * @example --txtColor
      */
     modalClass?: string | string[] | Record<string, boolean>;
+    /**
+     * Function used to create a node
+     */
+    createNode?: iNodeFn<NoInfer<Ti>, []>;
+    /**
+     * Prevent node functions from triggering refresh event (useful with firebase hydration)
+     */
+    omitRefresh?: boolean;
 }
-declare const _default: <T extends Record<string, any>, TM extends Record<string, any>>(__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<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & Partial<{}> & iPaginationContentTableProps<T, TM>> & import("vue").PublicProps;
+declare const _default: <T extends Record<string, any>, TM extends Record<string, any> = 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 "onCreate-node-and-refresh"?: ((...args: any[]) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onCreate-node-and-refresh"> & Partial<{}> & iPaginationContentTableProps<T, TM>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
         default?(_: {
-            hasContent: boolean;
             refreshData: () => void;
+            hasContent: boolean | undefined;
+            hydrateData: ((newContent: T[] | null, newErrors?: unknown) => void) | undefined;
+            createNodeAndRefresh: () => Promise<import("@open-xamu-co/ui-common-types").iNodeFnResponse<NoInfer<T>>>;
         }): any;
         headActions?(_: {
-            hasContent: false;
             refreshData: () => void;
+            hasContent: false | undefined;
+            hydrateData: ((newContent: T[] | null, newErrors?: unknown) => void) | undefined;
+            createNodeAndRefresh: () => Promise<import("@open-xamu-co/ui-common-types").iNodeFnResponse<NoInfer<T>>>;
         }): any;
         headActions?(_: {
-            hasContent: boolean;
             refreshData: () => void;
+            hasContent: true;
+            hydrateData: ((newContent: T[] | null, newErrors?: unknown) => void) | undefined;
+            createNodeAndRefresh: () => Promise<import("@open-xamu-co/ui-common-types").iNodeFnResponse<NoInfer<T>>>;
+            nodes: NoInfer<T>[];
+            mappedNodes: import("@open-xamu-co/ui-components-vue").iMappedNodes<NoInfer<T>, TM>;
+            updateNodeAndRefresh: iNodeFn<NoInfer<T>>;
+            cloneNodeAndRefresh: iNodeFn<NoInfer<T>, [NoInfer<T>, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
+            deleteNodeAndRefresh: iNodeFn<NoInfer<T>, [NoInfer<T>, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
+            deleteNodesAndRefresh: (nodes?: NoInfer<T>[] | undefined) => Promise<void>;
         }): any;
         tableChildren?(_: {
-            hasContent: boolean;
             refreshData: () => void;
-            node: TM;
-            updateNodeAndRefresh: (node: TM) => Promise<void>;
-            cloneNodeAndRefresh: (node: TM, toggleModal?: (m?: boolean) => any) => Promise<void>;
-            deleteNodeAndRefresh: (node: TM, toggleModal?: (m?: boolean) => any, modalRef?: HTMLElement) => Promise<void>;
-            deleteNodesAndRefresh: (nodes?: TM[] | undefined) => Promise<void>;
+            hasContent: boolean | undefined;
+            hydrateData: ((newContent: T[] | null, newErrors?: unknown) => void) | undefined;
+            createNodeAndRefresh: () => Promise<import("@open-xamu-co/ui-common-types").iNodeFnResponse<NoInfer<T>>>;
+            node: NoInfer<T>;
+            mappedNode: TM;
+            updateNodeAndRefresh: iNodeFn<NoInfer<T>>;
+            cloneNodeAndRefresh: iNodeFn<NoInfer<T>, [NoInfer<T>, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
+            deleteNodeAndRefresh: iNodeFn<NoInfer<T>, [NoInfer<T>, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
+            deleteNodesAndRefresh: (nodes?: NoInfer<T>[] | undefined) => Promise<void>;
+            createNodeChildrenAndRefresh: iNodeFn<NoInfer<T>>;
             show: boolean;
+            hydrateParentNode: (newNode: NoInfer<T> | null, _newErrors?: unknown) => void;
         }): any;
     };
-    emit: {};
+    emit: (event: "create-node-and-refresh", ...args: any[]) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/pagination/Simple.stories.d.ts

@@ -3,7 +3,20 @@ import Simple from "./Simple.vue";
 declare const meta: {
     title: string;
     component: Record<keyof typeof Simple, unknown>;
-    args: {};
+    args: {
+        modelValue: {
+            at: number;
+            first: number;
+        };
+        currentPage: {
+            edges: never[];
+            pageInfo: {
+                hasNextPage: false;
+                hasPreviousPage: false;
+            };
+            totalCount: number;
+        };
+    };
 };
 type Story = StoryObj<typeof Simple>;
 export declare const Sample: Story;

package/dist/components/select/Choice.stories.d.ts

@@ -1,13 +1,14 @@
 import type { StoryObj } from "@storybook/vue3";
-import type { iSelectOption } from "@open-xamu-co/ui-common-types";
-import Choice from "./Choice.vue";
+import SelectChoice from "./Choice.vue";
 declare const meta: {
     title: string;
-    component: Record<keyof typeof Choice, unknown>;
+    component: Record<keyof typeof SelectChoice, unknown>;
     args: {
-        options: iSelectOption[];
+        options: string[];
     };
 };
-type Story = StoryObj<typeof Choice>;
+type Story = StoryObj<typeof SelectChoice>;
 export declare const Sample: Story;
+export declare const WithOptions: Story;
+export declare const WithMultipleOptions: Story;
 export default meta;

package/dist/components/select/Filter.stories.d.ts

@@ -1,13 +1,13 @@
 import type { StoryObj } from "@storybook/vue3";
-import type { iSelectOption } from "@open-xamu-co/ui-common-types";
-import Filter from "./Filter.vue";
+import SelectFilter from "./Filter.vue";
 declare const meta: {
     title: string;
-    component: Record<keyof typeof Filter, unknown>;
+    component: Record<keyof typeof SelectFilter, unknown>;
     args: {
-        options: iSelectOption[];
+        options: string[];
     };
 };
-type Story = StoryObj<typeof Filter>;
+type Story = StoryObj<typeof SelectFilter>;
 export declare const Sample: Story;
+export declare const WithOptions: Story;
 export default meta;

package/dist/components/table/Body.vue.d.ts

@@ -1,34 +1,39 @@
 import type { iTableChildProps } from "../../types/props";
-export interface iTableBodyProps<Ti extends Record<string, any>> extends iTableChildProps<Ti> {
+export interface iTableBodyProps<Ti extends Record<string, any>, TMi extends Record<string, any> = Ti> extends iTableChildProps<Ti, TMi> {
 }
-declare const _default: <T extends Record<string, any>>(__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<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & Partial<{}> & iTableBodyProps<T>> & import("vue").PublicProps;
+declare const _default: <T extends Record<string, any>, TM extends Record<string, any> = 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<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & Partial<{}> & iTableBodyProps<T, TM>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
         modifyActions?(_: {
             node: T;
-            updateNodeAndRefresh: (node: T) => Promise<void>;
-            cloneNodeAndRefresh: (node: T, toggleModal?: (m?: boolean) => any) => Promise<void>;
-            deleteNodeAndRefresh: (node: T, toggleModal?: (m?: boolean) => any, modalRef?: HTMLElement) => Promise<void>;
+            mappedNode: TM;
+            updateNodeAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T>;
+            cloneNodeAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T, [T, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
+            deleteNodeAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T, [T, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
             deleteNodesAndRefresh: (nodes?: T[] | undefined) => Promise<void>;
             show: boolean;
         }): any;
         modifyDropdownActions?(_: {
             node: T;
-            updateNodeAndRefresh: (node: T) => Promise<void>;
-            cloneNodeAndRefresh: (node: T, toggleModal?: (m?: boolean) => any) => Promise<void>;
-            deleteNodeAndRefresh: (node: T, toggleModal?: (m?: boolean) => any, modalRef?: HTMLElement) => Promise<void>;
+            mappedNode: TM;
+            updateNodeAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T>;
+            cloneNodeAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T, [T, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
+            deleteNodeAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T, [T, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
             deleteNodesAndRefresh: (nodes?: T[] | undefined) => Promise<void>;
             show: boolean;
         }): any;
         default?(_: {
             node: T;
-            updateNodeAndRefresh: (node: T) => Promise<void>;
-            cloneNodeAndRefresh: (node: T, toggleModal?: (m?: boolean) => any) => Promise<void>;
-            deleteNodeAndRefresh: (node: T, toggleModal?: (m?: boolean) => any, modalRef?: HTMLElement) => Promise<void>;
+            mappedNode: TM;
+            updateNodeAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T>;
+            cloneNodeAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T, [T, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
+            deleteNodeAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T, [T, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
             deleteNodesAndRefresh: (nodes?: T[] | undefined) => Promise<void>;
+            createNodeChildrenAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T>;
             show: boolean;
+            hydrateParentNode: (newNode: T | null, _newErrors?: unknown) => void;
         }): any;
     };
     emit: {};

package/dist/components/table/HeadActions.vue.d.ts

@@ -0,0 +1,26 @@
+import type { iTableChildProps } from "../../types/props";
+export interface iTableHeadProps<Ti extends Record<string, any>, TMi extends Record<string, any> = Ti> extends iTableChildProps<Ti, TMi> {
+    withDefaultSlot: boolean;
+}
+declare const _default: <T extends Record<string, any>, TM extends Record<string, any> = 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<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & Partial<{}> & iTableHeadProps<T, TM>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        headActions?(_: {
+            nodes: T[];
+            mappedNodes: import("../../index.js").iMappedNodes<T, TM>;
+            updateNodeAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T>;
+            cloneNodeAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T, [T, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
+            deleteNodeAndRefresh: import("@open-xamu-co/ui-common-types").iNodeFn<T, [T, ((m?: boolean) => any) | undefined, (HTMLElement | undefined)?]>;
+            deleteNodesAndRefresh: (nodes?: T[] | undefined) => Promise<void>;
+        }): any;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/table/HeadContent.vue.d.ts

@@ -0,0 +1,17 @@
+import type { iTableChildProps } from "../../types/props";
+export interface iTableHeadProps<Ti extends Record<string, any>, TMi extends Record<string, any> = Ti> extends iTableChildProps<Ti, TMi> {
+    withDefaultSlot: boolean;
+}
+declare const _default: <T extends Record<string, any>, TM extends Record<string, any> = 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<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & Partial<{}> & iTableHeadProps<T, TM>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};