@vanjana/vue-ui 0.1.61 → 0.1.85

package/dist/types/services/notification.service.d.ts

@@ -0,0 +1,62 @@
+export type NotificationType = 'info' | 'warning' | 'error' | 'success';
+export interface Notification {
+    id: string;
+    type: NotificationType;
+    title: string;
+    message: string;
+    duration?: number;
+}
+declare class NotificationService {
+    private notifications;
+    private notificationIdCounter;
+    /**
+     * Gibt die reaktive Liste der Notifications zurück
+     */
+    getNotifications(): import("vue").Ref<{
+        id: string;
+        type: NotificationType;
+        title: string;
+        message: string;
+        duration?: number | undefined;
+    }[], Notification[] | {
+        id: string;
+        type: NotificationType;
+        title: string;
+        message: string;
+        duration?: number | undefined;
+    }[]>;
+    /**
+     * Zeigt eine Notification an
+     * @param type - Der Typ der Notification (info, warning, error, success)
+     * @param message - Die Nachricht
+     * @param duration - Optionale Dauer in ms (Standard: 5000ms, errors bleiben stehen)
+     * @returns Die ID der Notification
+     */
+    show(type: NotificationType, title: string, message: string, duration?: number): string;
+    /**
+     * Zeigt eine Info-Notification
+     */
+    info(title: string, message: string, duration?: number): string;
+    /**
+     * Zeigt eine Warning-Notification
+     */
+    warning(title: string, message: string, duration?: number): string;
+    /**
+     * Zeigt eine Error-Notification (bleibt stehen bis manuell geschlossen)
+     */
+    error(title: string, message: string): string;
+    /**
+     * Zeigt eine Success-Notification
+     */
+    success(title: string, message: string, duration?: number): string;
+    /**
+     * Entfernt eine spezifische Notification
+     */
+    remove(id: string): void;
+    /**
+     * Entfernt alle Notifications
+     */
+    clearAll(): void;
+}
+export declare const notificationService: NotificationService;
+export {};

package/dist/types/stories/components/chip-group.stories.d.ts

@@ -0,0 +1,48 @@
+import type { StoryObj } from '@storybook/vue3';
+declare const meta: {
+    title: string;
+    component: import("vue").DefineComponent<import("../../components/chip-group.vue").ChipGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        dismiss: (item: import("../../components/chip-group.vue").ChipGroupItem, index: number) => any;
+        "update:items": (items: import("../../components/chip-group.vue").ChipGroupItem[]) => any;
+        reorder: (items: import("../../components/chip-group.vue").ChipGroupItem[]) => any;
+        "chip-click": (item: import("../../components/chip-group.vue").ChipGroupItem, index: number) => any;
+    }, string, import("vue").PublicProps, Readonly<import("../../components/chip-group.vue").ChipGroupProps> & Readonly<{
+        onDismiss?: ((item: import("../../components/chip-group.vue").ChipGroupItem, index: number) => any) | undefined;
+        "onUpdate:items"?: ((items: import("../../components/chip-group.vue").ChipGroupItem[]) => any) | undefined;
+        onReorder?: ((items: import("../../components/chip-group.vue").ChipGroupItem[]) => any) | undefined;
+        "onChip-click"?: ((item: import("../../components/chip-group.vue").ChipGroupItem, index: number) => any) | undefined;
+    }>, {
+        dismissable: boolean;
+        items: import("../../components/chip-group.vue").ChipGroupItem[];
+        itemKey: string;
+        itemLabel: string;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    tags: string[];
+    argTypes: {
+        items: {
+            control: "object";
+        };
+        label: {
+            control: "text";
+        };
+        hint: {
+            control: "text";
+        };
+        dismissable: {
+            control: "boolean";
+        };
+        color: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithObjects: Story;
+export declare const WithAddButton: Story;
+export declare const DragAndDropDemo: Story;
+export declare const EmptyState: Story;
+export declare const ColoredChips: Story;
+export declare const NonDismissable: Story;
+export declare const ClickableChips: Story;

package/dist/types/stories/components/chip-selector.stories.d.ts

@@ -0,0 +1,38 @@
+import type { StoryObj } from '@storybook/vue3';
+declare const meta: {
+    title: string;
+    component: import("vue").DefineComponent<import("../../public-api.js").ChipSelectorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:items": (value: string[]) => any;
+    }, string, import("vue").PublicProps, Readonly<import("../../public-api.js").ChipSelectorProps> & Readonly<{
+        "onUpdate:items"?: ((value: string[]) => any) | undefined;
+    }>, {
+        label: string;
+        items: string[];
+        hint: string;
+        addButtonText: string;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    tags: string[];
+    argTypes: {
+        label: {
+            control: "text";
+        };
+        hint: {
+            control: "text";
+        };
+        dialogTitle: {
+            control: "text";
+        };
+        addButtonText: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const EmptyState: Story;
+export declare const WithPreselected: Story;
+export declare const EthnicityExample: Story;
+export declare const HairTraitsExample: Story;
+export declare const MultipleSelectors: Story;
+export declare const AllOptionsSelected: Story;

package/dist/types/stories/components/chip.stories.d.ts

@@ -0,0 +1,37 @@
+import type { StoryObj } from '@storybook/vue3';
+declare const meta: {
+    title: string;
+    component: import("vue").DefineComponent<import("../../components/chip.vue").ChipProps & {
+        modelValue?: string | number | Record<string, unknown>;
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: string | number | Record<string, unknown> | undefined) => any;
+    } & {
+        click: () => any;
+        "update:modelValue": (v: unknown) => any;
+        dismiss: (v: unknown) => any;
+    }, string, import("vue").PublicProps, Readonly<import("../../components/chip.vue").ChipProps & {
+        modelValue?: string | number | Record<string, unknown>;
+    }> & Readonly<{
+        onClick?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
+        onDismiss?: ((v: unknown) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    tags: string[];
+    argTypes: {
+        label: {
+            control: "text";
+        };
+        dismissable: {
+            control: "boolean";
+        };
+        color: {
+            control: "color";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Dismissable: Story;
+export declare const List: Story;
+export declare const Colors: Story;

package/dist/types/stories/components/compact.stories.d.ts

@@ -5,16 +5,16 @@ declare const meta: {
         type: "text" | "password" | "email" | "number";
     }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         input: (value: string | number) => any;
-        "update:modelValue": (value: string | number) => any;
         blur: (value: FocusEvent) => any;
         focus: (value: FocusEvent) => any;
+        "update:modelValue": (value: string | number) => any;
     }, string, import("vue").PublicProps, Readonly<import("../..").FormFieldProps & {
         type: "text" | "password" | "email" | "number";
     }> & Readonly<{
         onInput?: ((value: string | number) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
         onBlur?: ((value: FocusEvent) => any) | undefined;
         onFocus?: ((value: FocusEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
     }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     tags: string[];
 };

package/dist/types/stories/components/dialog.stories.d.ts

@@ -15,14 +15,14 @@ declare const meta: {
             closeOnBackdrop?: boolean;
             closeOnEscape?: boolean;
         }> & Readonly<{
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             onCancel?: (() => any) | undefined;
             onClose?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             onConfirm?: (() => any) | undefined;
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-            "update:modelValue": (value: boolean) => any;
             cancel: () => any;
             close: () => any;
+            "update:modelValue": (value: boolean) => any;
             confirm: () => any;
         }, import("vue").PublicProps, {
             modelValue: boolean;
@@ -52,9 +52,9 @@ declare const meta: {
             closeOnBackdrop?: boolean;
             closeOnEscape?: boolean;
         }> & Readonly<{
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             onCancel?: (() => any) | undefined;
             onClose?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             onConfirm?: (() => any) | undefined;
         }>, {}, {}, {}, {}, {
             modelValue: boolean;
@@ -81,14 +81,14 @@ declare const meta: {
         closeOnBackdrop?: boolean;
         closeOnEscape?: boolean;
     }> & Readonly<{
-        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onCancel?: (() => any) | undefined;
         onClose?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         onConfirm?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-        "update:modelValue": (value: boolean) => any;
         cancel: () => any;
         close: () => any;
+        "update:modelValue": (value: boolean) => any;
         confirm: () => any;
     }, string, {
         modelValue: boolean;

package/dist/types/stories/components/editable-label.stories.d.ts

@@ -0,0 +1,30 @@
+import type { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: import("vue").DefineComponent<{
+        modelValue?: string;
+        showIcon?: boolean;
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (...args: any[]) => void;
+        edit: (...args: any[]) => void;
+    }, string, import("vue").PublicProps, Readonly<{
+        modelValue?: string;
+        showIcon?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onEdit?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    tags: string[];
+    argTypes: {
+        modelValue: {
+            control: "text";
+        };
+        showIcon: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLongText: Story;

package/dist/types/stories/components/form-field.stories.d.ts

@@ -5,16 +5,16 @@ declare const meta: {
         type: "text" | "password" | "email" | "number";
     }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         input: (value: string | number) => any;
-        "update:modelValue": (value: string | number) => any;
         blur: (value: FocusEvent) => any;
         focus: (value: FocusEvent) => any;
+        "update:modelValue": (value: string | number) => any;
     }, string, import("vue").PublicProps, Readonly<import("../..").FormFieldProps & {
         type: "text" | "password" | "email" | "number";
     }> & Readonly<{
         onInput?: ((value: string | number) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
         onBlur?: ((value: FocusEvent) => any) | undefined;
         onFocus?: ((value: FocusEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
     }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     tags: string[];
 };
@@ -50,3 +50,28 @@ export declare const LabelPositionComparison: Story;
  * Configure all form fields to use outline labels by default
  */
 export declare const GlobalConfigOutline: Story;
+/**
+ * Appearance: Bordered (default)
+ * The input has a border outline around it.
+ */
+export declare const AppearanceBordered: Story;
+/**
+ * Appearance: Underlined
+ * The input has an underline instead of a border with reduced padding.
+ */
+export declare const AppearanceUnderlined: Story;
+/**
+ * Appearance: Comparison
+ * Side-by-side comparison of bordered vs underlined
+ */
+export declare const AppearanceComparison: Story;
+/**
+ * Appearance: Underlined with Outline Labels
+ * Combination of underlined appearance with outline label position
+ */
+export declare const AppearanceUnderlinedWithOutlineLabels: Story;
+/**
+ * Global Config: Underlined
+ * Configure all form fields to use underlined appearance by default
+ */
+export declare const GlobalConfigUnderlined: Story;

package/dist/types/stories/components/input.stories.d.ts

@@ -24,9 +24,9 @@ declare const meta: {
     } & {
         modelValue?: string | number;
     }> & Readonly<{
-        "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
         onBlur?: ((event: FocusEvent) => any) | undefined;
         onFocus?: ((event: FocusEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
     }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     tags: string[];
     argTypes: {

package/dist/types/stories/components/notification.stories.d.ts

@@ -0,0 +1,44 @@
+import type { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    render: () => {
+        components: {
+            Notifications: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            Button: import("vue").DefineComponent<{
+                label?: string;
+                icon?: string;
+                primary?: boolean;
+                secondary?: boolean;
+                tertiary?: boolean;
+                disabled?: boolean;
+            }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+                label?: string;
+                icon?: string;
+                primary?: boolean;
+                secondary?: boolean;
+                tertiary?: boolean;
+                disabled?: boolean;
+            }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+        };
+        setup(this: void): {
+            showInfo: () => void;
+            showSuccess: () => void;
+            showWarning: () => void;
+            showError: () => void;
+            showCustomDuration: () => void;
+            showMultiple: () => void;
+            clearAll: () => void;
+        };
+        template: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const InfoNotification: Story;
+export declare const SuccessNotification: Story;
+export declare const WarningNotification: Story;
+export declare const ErrorNotification: Story;
+export declare const MultipleNotifications: Story;

package/dist/types/stories/components/page.stories.d.ts

@@ -6,6 +6,8 @@ declare const meta: {
             title: string;
             scrollable?: boolean;
             errorMessage?: string | null;
+            flow?: import("@/services").Flow;
+            loadingMessage?: string;
         }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
@@ -17,6 +19,8 @@ declare const meta: {
             title: string;
             scrollable?: boolean;
             errorMessage?: string | null;
+            flow?: import("@/services").Flow;
+            loadingMessage?: string;
         }> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -25,6 +29,8 @@ declare const meta: {
         title: string;
         scrollable?: boolean;
         errorMessage?: string | null;
+        flow?: import("@/services").Flow;
+        loadingMessage?: string;
     }> & 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 () => {
         $slots: {
             headerActions?: (props: {}) => any;
@@ -47,6 +53,8 @@ declare const meta: {
                     title: string;
                     scrollable?: boolean;
                     errorMessage?: string | null;
+                    flow?: import("@/services").Flow;
+                    loadingMessage?: string;
                 }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                     P: {};
                     B: {};
@@ -58,6 +66,8 @@ declare const meta: {
                     title: string;
                     scrollable?: boolean;
                     errorMessage?: string | null;
+                    flow?: import("@/services").Flow;
+                    loadingMessage?: string;
                 }> & Readonly<{}>, {}, {}, {}, {}, {}>;
                 __isFragment?: never;
                 __isTeleport?: never;
@@ -66,6 +76,8 @@ declare const meta: {
                 title: string;
                 scrollable?: boolean;
                 errorMessage?: string | null;
+                flow?: import("@/services").Flow;
+                loadingMessage?: string;
             }> & 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 () => {
                 $slots: {
                     headerActions?: (props: {}) => any;
@@ -101,3 +113,4 @@ export declare const Primary: Story;
 export declare const WithFooter: Story;
 export declare const WithFlexFooter: Story;
 export declare const WithHeaderActionsAndFlexFooter: Story;
+export declare const WithLoading: Story;

package/dist/types/stories/components/radio.stories.d.ts

@@ -0,0 +1,65 @@
+declare const _default: {
+    title: string;
+    component: import("vue").DefineComponent<{
+        label?: string;
+        disabled?: boolean;
+    } & {
+        modelValue?: boolean;
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean | undefined) => any;
+    }, string, import("vue").PublicProps, Readonly<{
+        label?: string;
+        disabled?: boolean;
+    } & {
+        modelValue?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
+export default _default;
+export declare const Default: () => {
+    components: {
+        Radio: import("vue").DefineComponent<{
+            label?: string;
+            disabled?: boolean;
+        } & {
+            modelValue?: boolean;
+        }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean | undefined) => any;
+        }, string, import("vue").PublicProps, Readonly<{
+            label?: string;
+            disabled?: boolean;
+        } & {
+            modelValue?: boolean;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
+        }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    };
+    setup(): {
+        checked: import("vue").Ref<boolean, boolean>;
+    };
+    template: string;
+};
+export declare const Checked: () => {
+    components: {
+        Radio: import("vue").DefineComponent<{
+            label?: string;
+            disabled?: boolean;
+        } & {
+            modelValue?: boolean;
+        }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean | undefined) => any;
+        }, string, import("vue").PublicProps, Readonly<{
+            label?: string;
+            disabled?: boolean;
+        } & {
+            modelValue?: boolean;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
+        }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    };
+    setup(): {
+        checked: import("vue").Ref<boolean, boolean>;
+    };
+    template: string;
+};

package/dist/types/stories/components/shell.stories.d.ts

@@ -28,6 +28,8 @@ declare const meta: {
     }> & 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 () => {
         $slots: {
             'header-actions'?: (props: {}) => any;
+        } & {
+            'navigation-fixed'?: (props: {}) => any;
         } & {
             default?: (props: {}) => any;
         };
@@ -62,6 +64,8 @@ declare const meta: {
             }> & 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 () => {
                 $slots: {
                     'header-actions'?: (props: {}) => any;
+                } & {
+                    'navigation-fixed'?: (props: {}) => any;
                 } & {
                     default?: (props: {}) => any;
                 };

package/dist/types/stories/components/skeleton.stories.d.ts

@@ -0,0 +1,30 @@
+import type { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: import("vue").DefineComponent<{
+        width?: string;
+        height?: string;
+        borderRadius?: string;
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+        width?: string;
+        height?: string;
+        borderRadius?: string;
+    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    tags: string[];
+    argTypes: {
+        width: {
+            control: "text";
+        };
+        height: {
+            control: "text";
+        };
+        borderRadius: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Line: Story;
+export declare const AvatarAndLines: Story;
+export declare const CardsGrid: Story;

package/dist/types/stories/components/spinner.stories.d.ts

@@ -0,0 +1,10 @@
+import type { StoryObj } from '@storybook/vue3';
+declare const meta: {
+    title: string;
+    component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Sizes: Story;
+export declare const InlineWithText: Story;

package/dist/types/stories/components/textarea.stories.d.ts

@@ -24,9 +24,9 @@ declare const meta: {
     } & {
         modelValue?: string;
     }> & Readonly<{
-        "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
         onBlur?: ((event: FocusEvent) => any) | undefined;
         onFocus?: ((event: FocusEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
     }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     tags: string[];
     argTypes: {

package/dist/types/stories/directives/loading.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Basic: Story;
+export declare const WithText: Story;
+export declare const BlockingForm: Story;
+export declare const LargeCard: Story;