@dronico/droni-kit 1.15.0 → 1.17.0

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

@@ -0,0 +1,82 @@
+export type TooltipVariant = 'solid' | 'outline';
+export type TooltipColor = 'neutral' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+export type TooltipSize = 'sm' | 'md' | 'lg';
+export type TooltipRounded = 'all' | 'top' | 'bottom' | 'left' | 'right' | 'none';
+export type TooltipTrigger = 'hover' | 'click' | 'focus' | 'manual';
+export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+export interface DuiTooltipProps {
+    modelValue?: boolean;
+    text?: string;
+    fallbackTriggerText?: string;
+    trigger?: TooltipTrigger;
+    placement?: TooltipPlacement;
+    variant?: TooltipVariant;
+    color?: TooltipColor;
+    size?: TooltipSize;
+    rounded?: TooltipRounded;
+    disabled?: boolean;
+    interactive?: boolean;
+    arrow?: boolean;
+    showDelay?: number;
+    hideDelay?: number;
+    offset?: number;
+    zIndex?: number;
+    flip?: boolean;
+    viewportPadding?: number;
+    maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'full' | number | string;
+    teleportTo?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {}): any;
+        default?(_: {}): any;
+        content?(_: {}): any;
+    };
+    refs: {
+        triggerRef: HTMLSpanElement;
+        tooltipRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<DuiTooltipProps, {}, {}, {}, {}, 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, import('vue').PublicProps, Readonly<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: TooltipVariant;
+    color: TooltipColor;
+    size: TooltipSize;
+    disabled: boolean;
+    rounded: TooltipRounded;
+    text: string;
+    modelValue: boolean;
+    zIndex: number;
+    fallbackTriggerText: string;
+    trigger: TooltipTrigger;
+    placement: 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').ComponentProvideOptions, false, {
+    triggerRef: HTMLSpanElement;
+    tooltipRef: HTMLDivElement;
+}, 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/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;

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

@@ -0,0 +1,252 @@
+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;
+            };
+            description: {
+                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;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showIcons: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            onChange?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            "update:modelValue": (value: boolean) => any;
+            change: (value: boolean) => any;
+        }, import('vue').PublicProps, {
+            color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+            size: "sm" | "md" | "lg";
+            disabled: boolean;
+            block: boolean;
+            label: string;
+            modelValue: boolean;
+            labelPosition: "left" | "right";
+            description: string;
+            showIcons: boolean;
+        }, 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;
+            };
+            description: {
+                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;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showIcons: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            onChange?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, {
+            color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+            size: "sm" | "md" | "lg";
+            disabled: boolean;
+            block: boolean;
+            label: string;
+            modelValue: boolean;
+            labelPosition: "left" | "right";
+            description: string;
+            showIcons: boolean;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        description: {
+            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;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showIcons: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onChange?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (value: boolean) => any;
+        change: (value: boolean) => any;
+    }, string, {
+        color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+        size: "sm" | "md" | "lg";
+        disabled: boolean;
+        block: boolean;
+        label: string;
+        modelValue: boolean;
+        labelPosition: "left" | "right";
+        description: string;
+        showIcons: boolean;
+    }, {}, 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;
+        };
+        description: {
+            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;
+        };
+        disabled: {
+            control: {
+                type: "boolean";
+            };
+            description: string;
+        };
+        showIcons: {
+            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 Sizes: Story;
+export declare const WithIcons: Story;
+export declare const SettingsList: Story;

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

@@ -0,0 +1,108 @@
+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;
+    };
+    description: {
+        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;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIcons: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+    change: (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    description: {
+        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;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIcons: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onChange?: ((value: boolean) => any) | undefined;
+}>, {
+    color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
+    size: "sm" | "md" | "lg";
+    disabled: boolean;
+    block: boolean;
+    label: string;
+    modelValue: boolean;
+    labelPosition: "left" | "right";
+    description: string;
+    showIcons: boolean;
+}, {}, {}, {}, 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.15.0",
+  "version": "1.17.0",
   "private": false,
   "access": "public",
   "publishConfig": {