@dronico/droni-kit 1.12.7 → 1.14.0

package/dist/index.d.ts

@@ -3,9 +3,10 @@ import { default as DuiInput } from './stories/Forms/DuiInput.vue';
 import { default as DuiTextarea } from './stories/Forms/DuiTextarea.vue';
 import { default as DuiSelect } from './stories/Forms/DuiSelect.vue';
 import { default as DuiLabel } from './stories/Forms/DuiLabel.vue';
+import { default as DuiCheckbox } from './stories/Forms/DuiCheckbox.vue';
 import { default as DuiAlert } from './stories/Elements/DuiAlert.vue';
 import { default as DuiTable } from './stories/Elements/DuiTable.vue';
 import { default as DuiAction } from './stories/Elements/DuiAction.vue';
 import { default as DuiCard } from './stories/Elements/DuiCard.vue';
 import { default as DuiNavbar } from './stories/Widgets/DuiNavbar.vue';
-export { DuiButton, DuiInput, DuiTextarea, DuiAction, DuiCard, DuiSelect, DuiLabel, DuiAlert, DuiTable, DuiNavbar };
+export { DuiButton, DuiInput, DuiTextarea, DuiAction, DuiCard, DuiSelect, DuiLabel, DuiCheckbox, DuiAlert, DuiTable, DuiNavbar };

package/dist/stories/Elements/DuiTable.stories.d.ts

@@ -37,7 +37,22 @@ declare const meta: {
                 };
                 required: true;
             };
-        }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            pagination: {
+                type: () => import('./DuiTable.vue').PaginationData | undefined;
+                default: undefined;
+            };
+        }>> & Readonly<{
+            onPaginate?: ((page: number) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            paginate: (page: number) => any;
+        }, import('vue').PublicProps, {
+            loading: boolean;
+            pagination: import('./DuiTable.vue').PaginationData | undefined;
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -79,7 +94,20 @@ declare const meta: {
                 };
                 required: true;
             };
-        }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            pagination: {
+                type: () => import('./DuiTable.vue').PaginationData | undefined;
+                default: undefined;
+            };
+        }>> & Readonly<{
+            onPaginate?: ((page: number) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            loading: boolean;
+            pagination: import('./DuiTable.vue').PaginationData | undefined;
+        }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
@@ -118,7 +146,22 @@ declare const meta: {
             };
             required: true;
         };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        pagination: {
+            type: () => import('./DuiTable.vue').PaginationData | undefined;
+            default: undefined;
+        };
+    }>> & Readonly<{
+        onPaginate?: ((page: number) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        paginate: (page: number) => any;
+    }, string, {
+        loading: boolean;
+        pagination: import('./DuiTable.vue').PaginationData | undefined;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Partial<Record<string, (_: any) => any>>;
     });
     tags: string[];
@@ -144,8 +187,25 @@ declare const meta: {
                 country: string;
             }[];
         };
+        loading: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+            defaultValue: boolean;
+        };
+        pagination: {
+            control: {
+                type: "object";
+            };
+            description: string;
+            defaultValue: undefined;
+        };
     };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const Loading: Story;
+export declare const WithPagination: Story;
+export declare const LoadingWithPagination: Story;

package/dist/stories/Elements/DuiTable.vue.d.ts

@@ -3,6 +3,11 @@ export interface TableColumn {
     name: string;
     classes?: string;
 }
+export interface PaginationData {
+    page: number;
+    perPage: number;
+    total: number;
+}
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Partial<Record<string, (_: any) => any>>;
@@ -45,7 +50,17 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         };
         required: true;
     };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pagination: {
+        type: () => PaginationData | undefined;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    paginate: (page: number) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     columns: {
         type: {
             (arrayLength: number): TableColumn[];
@@ -80,7 +95,20 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         };
         required: true;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pagination: {
+        type: () => PaginationData | undefined;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onPaginate?: ((page: number) => any) | undefined;
+}>, {
+    loading: boolean;
+    pagination: PaginationData | undefined;
+}, {}, {}, {}, 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/dist/stories/Forms/DuiCheckbox.stories.d.ts

@@ -0,0 +1,226 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            modelValue: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            label: {
+                type: StringConstructor;
+                default: string;
+            };
+            labelPosition: {
+                type: () => "left" | "right";
+                default: string;
+            };
+            color: {
+                type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+                default: string;
+            };
+            size: {
+                type: () => "sm" | "md" | "lg";
+                default: string;
+            };
+            block: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            rounded: {
+                type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
+                default: string;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            "update:modelValue": (value: boolean) => any;
+        }, import('vue').PublicProps, {
+            color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+            size: "sm" | "md" | "lg";
+            disabled: boolean;
+            block: boolean;
+            rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
+            label: string;
+            modelValue: boolean;
+            labelPosition: "left" | "right";
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            modelValue: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            label: {
+                type: StringConstructor;
+                default: string;
+            };
+            labelPosition: {
+                type: () => "left" | "right";
+                default: string;
+            };
+            color: {
+                type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+                default: string;
+            };
+            size: {
+                type: () => "sm" | "md" | "lg";
+                default: string;
+            };
+            block: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            rounded: {
+                type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
+                default: string;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+            size: "sm" | "md" | "lg";
+            disabled: boolean;
+            block: boolean;
+            rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
+            label: string;
+            modelValue: boolean;
+            labelPosition: "left" | "right";
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        labelPosition: {
+            type: () => "left" | "right";
+            default: string;
+        };
+        color: {
+            type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+            default: string;
+        };
+        size: {
+            type: () => "sm" | "md" | "lg";
+            default: string;
+        };
+        block: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        rounded: {
+            type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (value: boolean) => any;
+    }, string, {
+        color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+        size: "sm" | "md" | "lg";
+        disabled: boolean;
+        block: boolean;
+        rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
+        label: string;
+        modelValue: boolean;
+        labelPosition: "left" | "right";
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+            default?(_: {}): any;
+        };
+    });
+    tags: string[];
+    argTypes: {
+        modelValue: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        label: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        labelPosition: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        color: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        block: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        rounded: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        disabled: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Colors: Story;
+export declare const SizesAndStates: Story;
+export declare const LabelPositions: Story;

package/dist/stories/Forms/DuiCheckbox.vue.d.ts

@@ -0,0 +1,97 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelPosition: {
+        type: () => "left" | "right";
+        default: string;
+    };
+    color: {
+        type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+        default: string;
+    };
+    size: {
+        type: () => "sm" | "md" | "lg";
+        default: string;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rounded: {
+        type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelPosition: {
+        type: () => "left" | "right";
+        default: string;
+    };
+    color: {
+        type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+        default: string;
+    };
+    size: {
+        type: () => "sm" | "md" | "lg";
+        default: string;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rounded: {
+        type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+    size: "sm" | "md" | "lg";
+    disabled: boolean;
+    block: boolean;
+    rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
+    label: string;
+    modelValue: boolean;
+    labelPosition: "left" | "right";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dronico/droni-kit",
   "author": "Gustavo Barragan <dev@droni.co>",
-  "version": "1.12.7",
+  "version": "1.14.0",
   "private": false,
   "access": "public",
   "publishConfig": {
@@ -39,16 +39,16 @@
     "vue": "^3.5.13"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^4.1.1",
+    "@chromatic-com/storybook": "^5.1.1",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/github": "^11.0.1",
     "@semantic-release/npm": "^12.0.1",
-    "@storybook/addon-docs": "^9.1.8",
-    "@storybook/addon-onboarding": "^9.1.8",
-    "@storybook/addon-themes": "^9.1.8",
-    "@storybook/addon-vitest": "9.1.8",
-    "@storybook/vue3-vite": "^9.1.8",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/addon-onboarding": "^10.3.5",
+    "@storybook/addon-themes": "^10.3.5",
+    "@storybook/addon-vitest": "^10.3.5",
+    "@storybook/vue3-vite": "^10.3.5",
     "@types/node": "^22.14.1",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vitest/browser": "^3.1.1",
@@ -56,7 +56,7 @@
     "@vue/tsconfig": "^0.7.0",
     "playwright": "^1.55.1",
     "semantic-release": "^24.2.3",
-    "storybook": "^9.1.8",
+    "storybook": "^10.3.5",
     "typescript": "~5.7.2",
     "vite": "^6.4.0",
     "vite-plugin-dts": "^4.5.3",