@vanjana/vue-ui 0.1.134 → 1.0.1

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

@@ -0,0 +1,8 @@
+export declare const useOverlayService: () => {
+    hasOverlay: import("vue").Ref<boolean>;
+    overlayComponent: import("vue").Ref<import("vue").Component | null>;
+    overlayOptions: import("vue").Ref<import("./overlay.store").OverlayOptions>;
+    showOverlay: typeof import("./overlay.store").showOverlay;
+    closeOverlay: typeof import("./overlay.store").closeOverlay;
+    onOverlayClose: typeof import("./overlay.store").onOverlayClose;
+};

package/dist/types/services/overlay.store.d.ts

@@ -0,0 +1,31 @@
+import type { Component } from 'vue';
+import { type Ref } from 'vue';
+export type OverlayPosition = 'left' | 'right' | 'bottom' | 'top';
+export type OverlayScope = 'global' | 'parent';
+export type OverlayCloseReason = 'close' | 'backdrop' | 'escape' | 'replace';
+export type OverlayOptions = {
+    position?: OverlayPosition;
+    scope?: OverlayScope;
+    size?: string;
+    props?: Record<string, unknown>;
+    autoFocus?: boolean;
+    closeOnBackdrop?: boolean;
+    closeOnEscape?: boolean;
+};
+export type CloseOverlayCallback = (data?: unknown, reason?: OverlayCloseReason) => void;
+type OverlayStore = {
+    hasOverlay: Ref<boolean>;
+    overlayComponent: Ref<Component | null>;
+    overlayOptions: Ref<OverlayOptions>;
+    showOverlay: typeof showOverlay;
+    closeOverlay: typeof closeOverlay;
+    onOverlayClose: typeof onOverlayClose;
+};
+export declare const onOverlayClose: (callback: CloseOverlayCallback) => () => void;
+export declare const showOverlay: (component: Component, options?: OverlayOptions) => {
+    onClose: (callback: CloseOverlayCallback) => () => void;
+    close: (data?: unknown) => void;
+};
+export declare const closeOverlay: (data?: unknown, reason?: OverlayCloseReason) => void;
+export declare const overlayStore: OverlayStore;
+export {};

package/dist/types/services/resizeObserver.service.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/stories/components/OverlayDemo.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    title: string;
+    message: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/stories/components/OverlayReturnDemo.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    title: string;
+    message: string;
+    defaultValue: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -9,14 +9,29 @@ declare const meta: {
         secondary?: boolean;
         tertiary?: boolean;
         disabled?: boolean;
-    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+        loading?: boolean;
+        type?: "button" | "submit" | "reset";
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: (event: MouseEvent) => any;
+        focus: (event: FocusEvent) => any;
+        blur: (event: FocusEvent) => any;
+    }, string, import("vue").PublicProps, Readonly<{
         label?: string;
         icon?: string;
         primary?: boolean;
         secondary?: boolean;
         tertiary?: boolean;
         disabled?: boolean;
-    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+        loading?: boolean;
+        type?: "button" | "submit" | "reset";
+    }> & Readonly<{
+        onClick?: ((event: MouseEvent) => any) | undefined;
+        onFocus?: ((event: FocusEvent) => any) | undefined;
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+    }>, {
+        type: "button" | "submit" | "reset";
+        loading: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     render: (args: unknown) => {
         components: {
             Button: import("vue").DefineComponent<{
@@ -26,14 +41,29 @@ declare const meta: {
                 secondary?: boolean;
                 tertiary?: boolean;
                 disabled?: boolean;
-            }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+                loading?: boolean;
+                type?: "button" | "submit" | "reset";
+            }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: (event: MouseEvent) => any;
+                focus: (event: FocusEvent) => any;
+                blur: (event: FocusEvent) => any;
+            }, string, import("vue").PublicProps, Readonly<{
                 label?: string;
                 icon?: string;
                 primary?: boolean;
                 secondary?: boolean;
                 tertiary?: boolean;
                 disabled?: boolean;
-            }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+                loading?: boolean;
+                type?: "button" | "submit" | "reset";
+            }> & Readonly<{
+                onClick?: ((event: MouseEvent) => any) | undefined;
+                onFocus?: ((event: FocusEvent) => any) | undefined;
+                onBlur?: ((event: FocusEvent) => any) | undefined;
+            }>, {
+                type: "button" | "submit" | "reset";
+                loading: boolean;
+            }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
         };
         setup(this: void): {
             args: unknown;
@@ -62,6 +92,14 @@ declare const meta: {
             control: "boolean";
             description: string;
         };
+        loading: {
+            control: "boolean";
+            description: string;
+        };
+        type: {
+            control: "select";
+            options: string[];
+        };
     };
     args: {};
 };
@@ -73,5 +111,6 @@ export declare const Tertiary: Story;
 export declare const WithIcon: Story;
 export declare const IconOnly: Story;
 export declare const DisabledStates: Story;
+export declare const LoadingStates: Story;
 export declare const LinkButton: Story;
 export declare const InButtonBar: Story;

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

@@ -4,6 +4,7 @@ declare const meta: {
     component: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
             header: string;
+            headerId?: string;
             scrollable?: boolean;
         }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -14,6 +15,7 @@ declare const meta: {
             Defaults: {};
         }, Readonly<{
             header: string;
+            headerId?: string;
             scrollable?: boolean;
         }> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
@@ -21,6 +23,7 @@ declare const meta: {
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<{
         header: string;
+        headerId?: string;
         scrollable?: boolean;
     }> & 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: {

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

@@ -34,4 +34,4 @@ 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;
+export declare const ColorsAndSized: Story;

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

@@ -6,15 +6,15 @@ declare const meta: {
     }, {}, {}, {}, {}, 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;
+        blur: (value: FocusEvent) => 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;
+        onBlur?: ((value: FocusEvent) => any) | undefined;
     }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     tags: string[];
 };

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

@@ -6,15 +6,15 @@ declare const meta: {
     }, {}, {}, {}, {}, 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;
+        blur: (value: FocusEvent) => any;
     }, string, import("vue").PublicProps, Readonly<import("../../public-api.js").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;
+        onBlur?: ((value: FocusEvent) => any) | undefined;
     }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     tags: string[];
 };

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

@@ -6,15 +6,15 @@ declare const meta: {
     }, {}, {}, {}, {}, 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;
+        blur: (value: FocusEvent) => 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;
+        onBlur?: ((value: FocusEvent) => any) | undefined;
     }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     tags: string[];
 };

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

@@ -7,13 +7,8 @@ declare const meta: {
                 type: NumberConstructor;
                 default: number;
             };
-            gap: {
-                type: StringConstructor;
-                default: string;
-            };
         }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
             columns: number;
-            gap: string;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
@@ -26,13 +21,8 @@ declare const meta: {
                 type: NumberConstructor;
                 default: number;
             };
-            gap: {
-                type: StringConstructor;
-                default: string;
-            };
         }>> & Readonly<{}>, {}, {}, {}, {}, {
             columns: number;
-            gap: string;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -42,13 +32,8 @@ declare const meta: {
             type: NumberConstructor;
             default: number;
         };
-        gap: {
-            type: StringConstructor;
-            default: string;
-        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         columns: number;
-        gap: string;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?: (props: {}) => any;
@@ -63,13 +48,6 @@ declare const meta: {
             description: string;
             defaultValue: number;
         };
-        gap: {
-            control: {
-                type: "text";
-            };
-            description: string;
-            defaultValue: string;
-        };
     };
     parameters: {
         docs: {

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

@@ -4,30 +4,39 @@ declare const meta: {
     title: string;
     component: import("vue").DefineComponent<{
         icon?: string;
+        id?: string;
         type?: "text" | "password" | "email" | "number";
         placeholder?: string;
         disabled?: boolean;
         clearable?: boolean;
+        clearLabel?: string;
     } & {
-        modelValue?: string | number;
+        modelValue?: string | number | undefined;
     }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: string | number | undefined) => any;
     } & {
-        blur: (event: FocusEvent) => any;
+        input: (value: string | number | undefined) => any;
         focus: (event: FocusEvent) => any;
+        blur: (event: FocusEvent) => any;
     }, string, import("vue").PublicProps, Readonly<{
         icon?: string;
+        id?: string;
         type?: "text" | "password" | "email" | "number";
         placeholder?: string;
         disabled?: boolean;
         clearable?: boolean;
+        clearLabel?: string;
     } & {
-        modelValue?: string | number;
+        modelValue?: string | number | undefined;
     }> & Readonly<{
+        onInput?: ((value: string | number | undefined) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
-        onBlur?: ((event: FocusEvent) => any) | undefined;
         onFocus?: ((event: FocusEvent) => any) | undefined;
-    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+    }>, {
+        type: "text" | "password" | "email" | "number";
+        clearLabel: string;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     tags: string[];
     argTypes: {
         modelValue: {

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

@@ -12,14 +12,29 @@ declare const meta: {
                 secondary?: boolean;
                 tertiary?: boolean;
                 disabled?: boolean;
-            }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+                loading?: boolean;
+                type?: "button" | "submit" | "reset";
+            }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: (event: MouseEvent) => any;
+                focus: (event: FocusEvent) => any;
+                blur: (event: FocusEvent) => any;
+            }, string, import("vue").PublicProps, Readonly<{
                 label?: string;
                 icon?: string;
                 primary?: boolean;
                 secondary?: boolean;
                 tertiary?: boolean;
                 disabled?: boolean;
-            }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+                loading?: boolean;
+                type?: "button" | "submit" | "reset";
+            }> & Readonly<{
+                onClick?: ((event: MouseEvent) => any) | undefined;
+                onFocus?: ((event: FocusEvent) => any) | undefined;
+                onBlur?: ((event: FocusEvent) => any) | undefined;
+            }>, {
+                type: "button" | "submit" | "reset";
+                loading: boolean;
+            }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
         };
         setup(this: void): {
             showInfo: () => void;

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

@@ -8,6 +8,7 @@ type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const WithIcon: Story;
 export declare const WithClearable: Story;
+export declare const Editable: Story;
 export declare const WithObjects: Story;
 export declare const CustomSlots: Story;
 export declare const Disabled: Story;

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

@@ -100,6 +100,9 @@ export declare const Primary: Story;
 export declare const WithStaticProvider: Story;
 export declare const WithPage: Story;
 export declare const WithAsideContent: Story;
+export declare const WithOverlayPanel: Story;
+export declare const WithParentOverlay: Story;
+export declare const WithOverlayResult: Story;
 export declare const WithoutNavigation: Story;
 export declare const WithIcon: Story;
 export declare const WithCard: Story;

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

@@ -13,8 +13,8 @@ declare const meta: {
     }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: string | undefined) => any;
     } & {
-        blur: (event: FocusEvent) => any;
         focus: (event: FocusEvent) => any;
+        blur: (event: FocusEvent) => any;
     }, string, import("vue").PublicProps, Readonly<{
         icon?: string;
         placeholder?: string;
@@ -25,8 +25,8 @@ declare const meta: {
         modelValue?: string;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
-        onBlur?: ((event: FocusEvent) => any) | undefined;
         onFocus?: ((event: FocusEvent) => any) | undefined;
+        onBlur?: ((event: FocusEvent) => any) | undefined;
     }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     tags: string[];
     argTypes: {

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

@@ -8,14 +8,29 @@ declare const meta: {
         secondary?: boolean;
         tertiary?: boolean;
         disabled?: boolean;
-    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+        loading?: boolean;
+        type?: "button" | "submit" | "reset";
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: (event: MouseEvent) => any;
+        focus: (event: FocusEvent) => any;
+        blur: (event: FocusEvent) => any;
+    }, string, import("vue").PublicProps, Readonly<{
         label?: string;
         icon?: string;
         primary?: boolean;
         secondary?: boolean;
         tertiary?: boolean;
         disabled?: boolean;
-    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+        loading?: boolean;
+        type?: "button" | "submit" | "reset";
+    }> & Readonly<{
+        onClick?: ((event: MouseEvent) => any) | undefined;
+        onFocus?: ((event: FocusEvent) => any) | undefined;
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+    }>, {
+        type: "button" | "submit" | "reset";
+        loading: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     tags: string[];
 };
 export default meta;