@dronico/droni-kit 1.16.0 → 1.17.0

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

@@ -0,0 +1,98 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: import('vue').DefineComponent<import('./DuiPagination.vue').DuiPaginationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (page: number) => any;
+        change: (page: number) => any;
+    }, string, import('vue').PublicProps, Readonly<import('./DuiPagination.vue').DuiPaginationProps> & Readonly<{
+        "onUpdate:modelValue"?: ((page: number) => any) | undefined;
+        onChange?: ((page: number) => any) | undefined;
+    }>, {
+        variant: "solid" | "outline" | "ghost";
+        color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+        size: "sm" | "md" | "lg";
+        rounded: "full" | "md" | "none";
+        ariaLabel: string;
+        perPage: number;
+        siblingCount: number;
+        showBoundary: boolean;
+        showLabels: boolean;
+        prevLabel: string;
+        nextLabel: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+    tags: string[];
+    argTypes: {
+        modelValue: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+        total: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+        perPage: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+        siblingCount: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+        color: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        rounded: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        showLabels: {
+            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 Variants: Story;
+export declare const Colors: Story;
+export declare const LargePagination: Story;
+export declare const Sizes: Story;

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

@@ -0,0 +1,35 @@
+export interface DuiPaginationProps {
+    modelValue: number;
+    total: number;
+    perPage?: number;
+    siblingCount?: number;
+    showBoundary?: boolean;
+    color?: 'neutral' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+    variant?: 'solid' | 'outline' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+    rounded?: 'full' | 'md' | 'none';
+    showLabels?: boolean;
+    prevLabel?: string;
+    nextLabel?: string;
+    ariaLabel?: string;
+}
+declare const _default: import('vue').DefineComponent<DuiPaginationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (page: number) => any;
+    change: (page: number) => any;
+}, string, import('vue').PublicProps, Readonly<DuiPaginationProps> & Readonly<{
+    "onUpdate:modelValue"?: ((page: number) => any) | undefined;
+    onChange?: ((page: number) => any) | undefined;
+}>, {
+    variant: "solid" | "outline" | "ghost";
+    color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+    size: "sm" | "md" | "lg";
+    rounded: "full" | "md" | "none";
+    ariaLabel: string;
+    perPage: number;
+    siblingCount: number;
+    showBoundary: boolean;
+    showLabels: boolean;
+    prevLabel: string;
+    nextLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+export default _default;

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

@@ -0,0 +1,54 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: import('vue').DefineComponent<import('./DuiSkeleton.vue').DuiSkeletonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./DuiSkeleton.vue').DuiSkeletonProps> & Readonly<{}>, {
+        variant: "text" | "circular" | "rectangular" | "rounded";
+        animation: "pulse" | "wave" | "none";
+        width: string | number;
+        height: string | number;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        width: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        height: {
+            control: {
+                type: "text";
+            };
+            description: string;
+        };
+        animation: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Variants: Story;
+export declare const CardSkeleton: Story;
+export declare const ListSkeleton: Story;
+export declare const TableSkeleton: Story;
+export declare const LoadingToggle: Story;

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

@@ -0,0 +1,13 @@
+export interface DuiSkeletonProps {
+    variant?: 'text' | 'circular' | 'rectangular' | 'rounded';
+    width?: string | number;
+    height?: string | number;
+    animation?: 'pulse' | 'wave' | 'none';
+}
+declare const _default: import('vue').DefineComponent<DuiSkeletonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DuiSkeletonProps> & Readonly<{}>, {
+    variant: "text" | "circular" | "rectangular" | "rounded";
+    animation: "pulse" | "wave" | "none";
+    width: string | number;
+    height: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

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

@@ -0,0 +1,95 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./DuiTabs.vue').DuiTabsProps> & Readonly<{
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            onChange?: ((value: string) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            "update:modelValue": (value: string) => any;
+            change: (value: string) => any;
+        }, import('vue').PublicProps, {
+            variant: "underline" | "pills" | "boxed";
+            color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+            size: "sm" | "md" | "lg";
+            ariaLabel: string;
+            fullWidth: boolean;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./DuiTabs.vue').DuiTabsProps> & Readonly<{
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            onChange?: ((value: string) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            variant: "underline" | "pills" | "boxed";
+            color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+            size: "sm" | "md" | "lg";
+            ariaLabel: string;
+            fullWidth: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./DuiTabs.vue').DuiTabsProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onChange?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (value: string) => any;
+        change: (value: string) => any;
+    }, string, {
+        variant: "underline" | "pills" | "boxed";
+        color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+        size: "sm" | "md" | "lg";
+        ariaLabel: string;
+        fullWidth: boolean;
+    }, {}, 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>>;
+    });
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        color: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        fullWidth: {
+            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 Pills: Story;
+export declare const Boxed: Story;
+export declare const Colors: Story;

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

@@ -0,0 +1,43 @@
+export interface DuiTab {
+    label: string;
+    value: string;
+    icon?: string;
+    badge?: number | string;
+    disabled?: boolean;
+}
+export interface DuiTabsProps {
+    modelValue: string;
+    tabs: DuiTab[];
+    variant?: 'underline' | 'pills' | 'boxed';
+    color?: 'neutral' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    ariaLabel?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: {}) => any>>;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<DuiTabsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+    change: (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<DuiTabsProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+}>, {
+    variant: "underline" | "pills" | "boxed";
+    color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+    size: "sm" | "md" | "lg";
+    ariaLabel: string;
+    fullWidth: boolean;
+}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,44 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: import('vue').DefineComponent<import('./DuiToast.vue').DuiToastProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./DuiToast.vue').DuiToastProps> & Readonly<{}>, {
+        zIndex: number;
+        position: import('./useToast').ToastPosition;
+        maxToasts: number;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    tags: string[];
+    argTypes: {
+        position: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        maxToasts: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+        zIndex: {
+            control: {
+                type: "number";
+            };
+            description: string;
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithTitles: Story;
+export declare const Persistent: Story;
+export declare const AllColors: Story;

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

@@ -0,0 +1,12 @@
+import { ToastPosition } from './useToast';
+export interface DuiToastProps {
+    position?: ToastPosition;
+    maxToasts?: number;
+    zIndex?: number;
+}
+declare const _default: import('vue').DefineComponent<DuiToastProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DuiToastProps> & Readonly<{}>, {
+    zIndex: number;
+    position: ToastPosition;
+    maxToasts: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,41 @@
+export type ToastColor = 'neutral' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+export type ToastPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
+export interface ToastItem {
+    id: string;
+    title?: string;
+    message: string;
+    color: ToastColor;
+    duration: number;
+    closable: boolean;
+    icon?: string;
+}
+export interface ToastOptions {
+    title?: string;
+    message: string;
+    color?: ToastColor;
+    duration?: number;
+    closable?: boolean;
+    icon?: string;
+}
+declare function add(options: ToastOptions): string;
+declare function remove(id: string): void;
+declare function clear(): void;
+export declare function useToast(): {
+    toasts: readonly {
+        readonly id: string;
+        readonly title?: string | undefined;
+        readonly message: string;
+        readonly color: ToastColor;
+        readonly duration: number;
+        readonly closable: boolean;
+        readonly icon?: string | undefined;
+    }[];
+    add: typeof add;
+    remove: typeof remove;
+    clear: typeof clear;
+    success: (message: string, options?: Omit<ToastOptions, "message" | "color">) => string;
+    error: (message: string, options?: Omit<ToastOptions, "message" | "color">) => string;
+    warning: (message: string, options?: Omit<ToastOptions, "message" | "color">) => string;
+    info: (message: string, options?: Omit<ToastOptions, "message" | "color">) => string;
+};
+export {};

package/dist/stories/Forms/DuiRadio.stories.d.ts

@@ -0,0 +1,70 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: import('vue').DefineComponent<import('./DuiRadio.vue').DuiRadioProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (value: string) => any;
+        change: (value: string) => any;
+    }, string, import('vue').PublicProps, Readonly<import('./DuiRadio.vue').DuiRadioProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onChange?: ((value: string) => any) | undefined;
+    }>, {
+        name: string;
+        color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+        size: "sm" | "md" | "lg";
+        disabled: boolean;
+        block: boolean;
+        modelValue: string;
+        groupLabel: string;
+        orientation: "vertical" | "horizontal";
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    tags: string[];
+    argTypes: {
+        color: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        orientation: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            description: string;
+        };
+        block: {
+            control: {
+                type: "boolean";
+            };
+            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 Horizontal: Story;
+export declare const Colors: Story;
+export declare const WithDescriptions: Story;
+export declare const Disabled: Story;

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

@@ -0,0 +1,34 @@
+export interface DuiRadioOption {
+    label: string;
+    value: string;
+    description?: string;
+    disabled?: boolean;
+}
+export interface DuiRadioProps {
+    modelValue?: string;
+    options: DuiRadioOption[];
+    name?: string;
+    groupLabel?: string;
+    color?: 'neutral' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+    size?: 'sm' | 'md' | 'lg';
+    orientation?: 'vertical' | 'horizontal';
+    block?: boolean;
+    disabled?: boolean;
+}
+declare const _default: import('vue').DefineComponent<DuiRadioProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+    change: (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<DuiRadioProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+}>, {
+    name: string;
+    color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+    size: "sm" | "md" | "lg";
+    disabled: boolean;
+    block: boolean;
+    modelValue: string;
+    groupLabel: string;
+    orientation: "vertical" | "horizontal";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;