@dronico/droni-kit 1.15.0 → 1.17.0

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

@@ -0,0 +1,34 @@
+export interface DuiEmptyStateProps {
+    title?: string;
+    description?: string;
+    illustration?: string;
+    variant?: 'default' | 'bordered' | 'dashed';
+    size?: 'sm' | 'md' | 'lg';
+    align?: 'center' | 'left';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        illustration?(_: {}): any;
+        description?(_: {}): any;
+        actions?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<DuiEmptyStateProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DuiEmptyStateProps> & Readonly<{}>, {
+    variant: "default" | "bordered" | "dashed";
+    size: "sm" | "md" | "lg";
+    title: string;
+    description: string;
+    align: "center" | "left";
+    illustration: string;
+}, {}, {}, {}, 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/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/DuiTooltip.stories.d.ts

@@ -0,0 +1,221 @@
+import { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./DuiTooltip.vue').DuiTooltipProps> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            onOpen?: ((source: "click" | "focus" | "hover" | "manual") => any) | undefined;
+            onClose?: ((source: "click" | "focus" | "hover" | "manual" | "outside") => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            "update:modelValue": (value: boolean) => any;
+            open: (source: "click" | "focus" | "hover" | "manual") => any;
+            close: (source: "click" | "focus" | "hover" | "manual" | "outside") => any;
+        }, import('vue').PublicProps, {
+            variant: import('./DuiTooltip.vue').TooltipVariant;
+            color: import('./DuiTooltip.vue').TooltipColor;
+            size: import('./DuiTooltip.vue').TooltipSize;
+            disabled: boolean;
+            rounded: import('./DuiTooltip.vue').TooltipRounded;
+            text: string;
+            modelValue: boolean;
+            zIndex: number;
+            fallbackTriggerText: string;
+            trigger: import('./DuiTooltip.vue').TooltipTrigger;
+            placement: import('./DuiTooltip.vue').TooltipPlacement;
+            interactive: boolean;
+            arrow: boolean;
+            showDelay: number;
+            hideDelay: number;
+            offset: number;
+            flip: boolean;
+            viewportPadding: number;
+            maxWidth: "xs" | "sm" | "md" | "lg" | "full" | number | string;
+            teleportTo: string;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            triggerRef: HTMLSpanElement;
+            tooltipRef: HTMLDivElement;
+        }, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./DuiTooltip.vue').DuiTooltipProps> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            onOpen?: ((source: "click" | "focus" | "hover" | "manual") => any) | undefined;
+            onClose?: ((source: "click" | "focus" | "hover" | "manual" | "outside") => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            variant: import('./DuiTooltip.vue').TooltipVariant;
+            color: import('./DuiTooltip.vue').TooltipColor;
+            size: import('./DuiTooltip.vue').TooltipSize;
+            disabled: boolean;
+            rounded: import('./DuiTooltip.vue').TooltipRounded;
+            text: string;
+            modelValue: boolean;
+            zIndex: number;
+            fallbackTriggerText: string;
+            trigger: import('./DuiTooltip.vue').TooltipTrigger;
+            placement: import('./DuiTooltip.vue').TooltipPlacement;
+            interactive: boolean;
+            arrow: boolean;
+            showDelay: number;
+            hideDelay: number;
+            offset: number;
+            flip: boolean;
+            viewportPadding: number;
+            maxWidth: "xs" | "sm" | "md" | "lg" | "full" | number | string;
+            teleportTo: string;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./DuiTooltip.vue').DuiTooltipProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onOpen?: ((source: "click" | "focus" | "hover" | "manual") => any) | undefined;
+        onClose?: ((source: "click" | "focus" | "hover" | "manual" | "outside") => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (value: boolean) => any;
+        open: (source: "click" | "focus" | "hover" | "manual") => any;
+        close: (source: "click" | "focus" | "hover" | "manual" | "outside") => any;
+    }, string, {
+        variant: import('./DuiTooltip.vue').TooltipVariant;
+        color: import('./DuiTooltip.vue').TooltipColor;
+        size: import('./DuiTooltip.vue').TooltipSize;
+        disabled: boolean;
+        rounded: import('./DuiTooltip.vue').TooltipRounded;
+        text: string;
+        modelValue: boolean;
+        zIndex: number;
+        fallbackTriggerText: string;
+        trigger: import('./DuiTooltip.vue').TooltipTrigger;
+        placement: import('./DuiTooltip.vue').TooltipPlacement;
+        interactive: boolean;
+        arrow: boolean;
+        showDelay: number;
+        hideDelay: number;
+        offset: number;
+        flip: boolean;
+        viewportPadding: number;
+        maxWidth: "xs" | "sm" | "md" | "lg" | "full" | number | string;
+        teleportTo: string;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            trigger?(_: {}): any;
+            default?(_: {}): any;
+            content?(_: {}): any;
+        };
+    });
+    tags: string[];
+    argTypes: {
+        text: {
+            control: {
+                type: "text";
+            };
+            defaultValue: string;
+        };
+        trigger: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            defaultValue: string;
+        };
+        placement: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            defaultValue: string;
+        };
+        variant: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            defaultValue: string;
+        };
+        color: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            defaultValue: string;
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            defaultValue: string;
+        };
+        rounded: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            defaultValue: string;
+        };
+        showDelay: {
+            control: {
+                type: "number";
+            };
+            defaultValue: number;
+        };
+        hideDelay: {
+            control: {
+                type: "number";
+            };
+            defaultValue: number;
+        };
+        offset: {
+            control: {
+                type: "number";
+            };
+            defaultValue: number;
+        };
+        maxWidth: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+            defaultValue: string;
+        };
+        interactive: {
+            control: {
+                type: "boolean";
+            };
+            defaultValue: boolean;
+        };
+        arrow: {
+            control: {
+                type: "boolean";
+            };
+            defaultValue: boolean;
+        };
+        disabled: {
+            control: {
+                type: "boolean";
+            };
+            defaultValue: boolean;
+        };
+        flip: {
+            control: {
+                type: "boolean";
+            };
+            defaultValue: boolean;
+        };
+        zIndex: {
+            control: {
+                type: "number";
+            };
+            defaultValue: number;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const RichContent: Story;
+export declare const Placements: Story;
+export declare const ManualControl: Story;