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

package/dist/components/loader/Content.stories.d.ts

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

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

@@ -41,19 +41,15 @@ interface iLoaderContentProps extends iUseThemeProps {
     el?: vComponent | string;
     loaderClasses?: tProps<string>;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
+declare var __VLS_66: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_66) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<iLoaderContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<iLoaderContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_base: import("vue").DefineComponent<iLoaderContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<iLoaderContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

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

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
@@ -42,25 +42,33 @@ export interface iLoaderContentFetchProps<Ti, Pi extends any[]> extends iUseThem
      */
     client?: boolean;
 }
-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;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+declare const __VLS_export: <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_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<iLoaderContentFetchProps<T, P> & {
+        onRefresh?: ((...args: any[]) => any) | undefined;
+        "onHas-content"?: ((...args: any[]) => any) | undefined;
+        onHydrate?: ((...args: any[]) => any) | undefined;
+    }> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P_1;
+    } ? P_1 : {});
+    expose: (exposed: {}) => void;
     attrs: any;
     slots: {
-        default?(_: {
+        default?: (props: {
             content: NonNullable<T>;
             refresh: (opts?: any) => Promise<void>;
             loading: boolean;
             errors: unknown;
-        }): any;
+            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>;
 };
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];
-} & {};
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

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

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

@@ -12,19 +12,15 @@ interface iLoaderSimpleProps extends iUseThemeProps {
      */
     speed?: number;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLSpanElement;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<iLoaderSimpleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<iLoaderSimpleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLSpanElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_base: import("vue").DefineComponent<iLoaderSimpleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<iLoaderSimpleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

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

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

@@ -4,58 +4,57 @@ import type { iModalProps } from "../../types/props";
  * @param success whether the modal action was successfull or not
  */
 declare function toggleModal(success?: boolean): Promise<boolean | undefined>;
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        toggle?(_: {
-            toggleModal: typeof toggleModal;
-            model: boolean;
-        }): any;
-        header?(_: {
-            toggleModal: typeof toggleModal;
-            model: boolean;
-            modalRef: HTMLDialogElement | undefined;
-            invertedTheme: [import("@open-xamu-co/ui-common-types").tThemeModifier, import("@open-xamu-co/ui-common-types").tThemeModifier];
-        }): any;
-        content?(_: {
-            toggleModal: typeof toggleModal;
-            model: boolean;
-            modalRef: HTMLDialogElement | undefined;
-            invertedTheme: [import("@open-xamu-co/ui-common-types").tThemeModifier, import("@open-xamu-co/ui-common-types").tThemeModifier];
-        }): any;
-        default?(_: {
-            toggleModal: typeof toggleModal;
-            model: boolean;
-            modalRef: HTMLDialogElement | undefined;
-            invertedTheme: [import("@open-xamu-co/ui-common-types").tThemeModifier, import("@open-xamu-co/ui-common-types").tThemeModifier];
-        }): any;
-        default?(_: {
-            toggleModal: typeof toggleModal;
-            model: boolean;
-            modalRef: HTMLDialogElement | undefined;
-            invertedTheme: [import("@open-xamu-co/ui-common-types").tThemeModifier, import("@open-xamu-co/ui-common-types").tThemeModifier];
-        }): any;
-        footer?(_: {
-            toggleModal: typeof toggleModal;
-            model: boolean;
-            modalRef: HTMLDialogElement | undefined;
-            invertedTheme: [import("@open-xamu-co/ui-common-types").tThemeModifier, import("@open-xamu-co/ui-common-types").tThemeModifier];
-        }): any;
-        "footer-actions"?(_: {
-            toggleModal: typeof toggleModal;
-            model: boolean;
-            modalRef: HTMLDialogElement | undefined;
-            invertedTheme: [import("@open-xamu-co/ui-common-types").tThemeModifier, import("@open-xamu-co/ui-common-types").tThemeModifier];
-            save: (e: Event) => void;
-        }): any;
-    };
-    refs: {
-        modalRef: HTMLDialogElement;
-    };
-    rootEl: any;
+declare var __VLS_8: {
+    toggleModal: typeof toggleModal;
+    model: boolean;
+}, __VLS_16: {
+    toggleModal: typeof toggleModal;
+    model: boolean;
+    modalRef: HTMLDialogElement | undefined;
+    invertedTheme: [import("@open-xamu-co/ui-common-types").tThemeModifier, import("@open-xamu-co/ui-common-types").tThemeModifier];
+}, __VLS_31: {
+    toggleModal: typeof toggleModal;
+    model: boolean;
+    modalRef: HTMLDialogElement | undefined;
+    invertedTheme: [import("@open-xamu-co/ui-common-types").tThemeModifier, import("@open-xamu-co/ui-common-types").tThemeModifier];
+}, __VLS_33: {
+    toggleModal: typeof toggleModal;
+    model: boolean;
+    modalRef: HTMLDialogElement | undefined;
+    invertedTheme: [import("@open-xamu-co/ui-common-types").tThemeModifier, import("@open-xamu-co/ui-common-types").tThemeModifier];
+}, __VLS_35: {
+    toggleModal: typeof toggleModal;
+    model: boolean;
+    modalRef: HTMLDialogElement | undefined;
+    invertedTheme: [import("@open-xamu-co/ui-common-types").tThemeModifier, import("@open-xamu-co/ui-common-types").tThemeModifier];
+}, __VLS_37: {
+    toggleModal: typeof toggleModal;
+    model: boolean;
+    modalRef: HTMLDialogElement | undefined;
+    invertedTheme: [import("@open-xamu-co/ui-common-types").tThemeModifier, import("@open-xamu-co/ui-common-types").tThemeModifier];
+    save: (e: Event) => void;
+}, __VLS_85: {
+    toggleModal: typeof toggleModal;
+    model: boolean;
+    modalRef: HTMLDialogElement | undefined;
+    invertedTheme: [import("@open-xamu-co/ui-common-types").tThemeModifier, import("@open-xamu-co/ui-common-types").tThemeModifier];
+};
+type __VLS_Slots = {} & {
+    toggle?: (props: typeof __VLS_8) => any;
+} & {
+    header?: (props: typeof __VLS_16) => any;
+} & {
+    content?: (props: typeof __VLS_31) => any;
+} & {
+    default?: (props: typeof __VLS_33) => any;
+} & {
+    footer?: (props: typeof __VLS_35) => any;
+} & {
+    'footer-actions'?: (props: typeof __VLS_37) => any;
+} & {
+    default?: (props: typeof __VLS_85) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<iModalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<iModalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (...args: any[]) => void;
     save: (...args: any[]) => void;
     "update:model-value": (...args: any[]) => void;
@@ -66,9 +65,10 @@ declare const __VLS_component: import("vue").DefineComponent<iModalProps, {}, {}
 }>, {
     theme: import("@open-xamu-co/ui-common-types").tThemeTuple | import("@open-xamu-co/ui-common-types").tProp<import("@open-xamu-co/ui-common-types").tThemeModifier>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,10 +1,7 @@
-import type { StoryObj } from "@storybook/vue3";
+import type { StoryObj } from "@storybook/vue3-vite";
+import type { GenericMeta } from "../../types/storybook";
 import Content from "./Content.vue";
-declare const meta: {
-    title: string;
-    component: Record<keyof typeof Content, unknown>;
-    args: {};
-};
-type Story = StoryObj<typeof Content>;
+declare const meta: GenericMeta<typeof Content>;
+type Story = StoryObj<typeof meta>;
 export declare const Sample: 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,27 +55,39 @@ 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;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+declare const __VLS_export: <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_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<iPCProps<T, C, R> & {
+        onRefresh?: ((...args: any[]) => any) | undefined;
+        "onHas-content"?: ((...args: any[]) => any) | undefined;
+    }> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
     attrs: any;
     slots: {
-        default?(_: {
+        default?: (props: {
+            hydrateNodes: ((newContent: T[] | null, newErrors?: unknown) => void) | undefined;
             content: NoInfer<T>[];
             pagination: iPagination;
             currentPage: iPage<T, C>;
             refresh: (opts?: any) => Promise<void>;
-        }): any;
+        }) => any;
     };
-    emit: (event: "refresh" | "hasContent", ...args: any[]) => void;
+    emit: (event: "refresh" | "has-content", ...args: any[]) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];
-} & {};
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

@@ -1,10 +1,8 @@
-import type { StoryObj } from "@storybook/vue3";
-import ContentTable from "./ContentTable.vue";
-declare const meta: {
-    title: string;
-    component: Record<keyof typeof ContentTable, unknown>;
-    args: {};
-};
-type Story = StoryObj<typeof ContentTable>;
+import type { StoryObj } from "@storybook/vue3-vite";
+import type { GenericMeta } from "../../types/storybook";
+import PaginationContentTable from "./ContentTable.vue";
+declare const meta: GenericMeta<typeof PaginationContentTable>;
+type Story = StoryObj<typeof meta>;
 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,40 +31,75 @@ 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;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+declare const __VLS_export: <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_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<iPaginationContentTableProps<T, TM> & {
+        "onCreate-node-and-refresh"?: ((...args: any[]) => any) | undefined;
+    }> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
     attrs: any;
     slots: {
-        default?(_: {
-            hasContent: boolean;
+        default?: (props: {
             refreshData: () => void;
-        }): any;
-        headActions?(_: {
-            hasContent: false;
+            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?: (props: {
             refreshData: () => void;
-        }): any;
-        headActions?(_: {
-            hasContent: boolean;
+            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?: (props: {
             refreshData: () => void;
-        }): any;
-        tableChildren?(_: {
-            hasContent: boolean;
+            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?: (props: {
             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;
-        }): any;
+            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>;
 };
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];
-} & {};
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

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

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

@@ -11,18 +11,23 @@ export interface iPaginationSimpleProps<Ti, Ci extends string | number> extends
     modelValue?: iPagination;
     currentPage?: iPage<Ti, Ci> | null;
 }
-declare const _default: <T, C extends string | number>(__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;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:model-value"> & Partial<{}> & iPaginationSimpleProps<T, C>> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+declare const __VLS_export: <T, C extends string | number>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<iPaginationSimpleProps<T, C> & {
+        "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
+    }> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
     emit: (event: "update:model-value", ...args: any[]) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
     [K in keyof T]: T[K];
-} & {};
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

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

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

@@ -10,9 +10,10 @@ interface iSelectSimpleProps extends iSelectProps, iUseModifiersProps, iUseState
      */
     toggle?: boolean;
 }
-declare const _default: import("vue").DefineComponent<iSelectSimpleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: import("vue").DefineComponent<iSelectSimpleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:model-value": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<iSelectSimpleProps> & Readonly<{
     "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;