@vanjana/vue-ui 0.1.62 → 0.1.85

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

@@ -6,14 +6,14 @@ declare const meta: {
     }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: string | number | Record<string, unknown> | undefined) => any;
     } & {
-        "update:modelValue": (v: unknown) => 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<{
-        "onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
         onClick?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
         onDismiss?: ((v: unknown) => any) | undefined;
     }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     tags: string[];

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/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/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: {