@vanjana/vue-ui 0.1.134 → 0.1.135

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

@@ -0,0 +1,284 @@
+import type { Component } 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;
+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: {
+    hasOverlay: import("vue").Ref<boolean, boolean>;
+    overlayComponent: import("vue").Ref<import("vue").FunctionalComponent<any, {}, any, {}> | {
+        new (...args: any[]): any;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } | {
+        [x: string]: any;
+        setup?: ((this: void, props: import("@vue/shared").LooseRequired<any>, ctx: {
+            attrs: {
+                [x: string]: unknown;
+            };
+            slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
+            expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed) => void;
+        }) => any) | undefined;
+        name?: string | undefined;
+        template?: string | object | undefined;
+        render?: Function | undefined;
+        components?: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
+        directives?: Record<string, import("vue").Directive<any, any, string, any>> | undefined;
+        inheritAttrs?: boolean | undefined;
+        emits?: any;
+        slots?: {} | undefined;
+        expose?: string[] | undefined;
+        serverPrefetch?: (() => void | Promise<any>) | undefined;
+        compilerOptions?: {
+            isCustomElement?: ((tag: string) => boolean) | undefined;
+            whitespace?: "preserve" | "condense" | undefined;
+            comments?: boolean | undefined;
+            delimiters?: [string, string] | undefined;
+        } | undefined;
+        call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
+        __isFragment?: never | undefined;
+        __isTeleport?: never | undefined;
+        __isSuspense?: never | undefined;
+        __defaults?: {} | undefined;
+        compatConfig?: {
+            GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
+            GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
+            GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
+            GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
+            GLOBAL_SET?: boolean | "suppress-warning" | undefined;
+            GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
+            GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
+            GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
+            CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
+            CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
+            CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
+            CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
+            CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
+            CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
+            CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
+            INSTANCE_SET?: boolean | "suppress-warning" | undefined;
+            INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
+            INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
+            INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
+            INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
+            INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
+            INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
+            INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
+            INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
+            OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
+            OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
+            OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
+            OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
+            WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
+            PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
+            V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
+            CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
+            ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
+            ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
+            TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
+            TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
+            COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
+            COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
+            COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
+            RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
+            FILTERS?: boolean | "suppress-warning" | undefined;
+            PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
+            MODE?: 2 | 3 | ((comp: Component | null) => 2 | 3) | undefined;
+        } | undefined;
+        data?: ((this: any, vm: any) => any) | undefined;
+        computed?: import("vue").ComputedOptions | undefined;
+        methods?: import("vue").MethodOptions | undefined;
+        watch?: {
+            [x: string]: (string | import("vue").WatchCallback | ({
+                handler: import("vue").WatchCallback | string;
+            } & import("vue").WatchOptions<boolean>)) | (string | import("vue").WatchCallback | ({
+                handler: import("vue").WatchCallback | string;
+            } & import("vue").WatchOptions<boolean>))[];
+        } | undefined;
+        provide?: import("vue").ComponentProvideOptions | undefined;
+        inject?: {} | string[] | undefined;
+        filters?: Record<string, Function> | undefined;
+        mixins?: any[] | undefined;
+        extends?: any;
+        beforeCreate?: (() => any) | undefined;
+        created?: (() => any) | undefined;
+        beforeMount?: (() => any) | undefined;
+        mounted?: (() => any) | undefined;
+        beforeUpdate?: (() => any) | undefined;
+        updated?: (() => any) | undefined;
+        activated?: (() => any) | undefined;
+        deactivated?: (() => any) | undefined;
+        beforeDestroy?: (() => any) | undefined;
+        beforeUnmount?: (() => any) | undefined;
+        destroyed?: (() => any) | undefined;
+        unmounted?: (() => any) | undefined;
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | undefined;
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | undefined;
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | undefined;
+        delimiters?: [string, string] | undefined;
+        __differentiator?: string | number | symbol | undefined;
+        __isBuiltIn?: boolean | undefined;
+        __file?: string | undefined;
+        __name?: string | undefined;
+        beforeRouteEnter?: (import("vue-router").TypesConfig extends Record<"beforeRouteEnter", infer T> ? T : import("vue-router").NavigationGuardWithThis<undefined>) | undefined;
+        beforeRouteUpdate?: (import("vue-router").TypesConfig extends Record<"beforeRouteUpdate", infer T> ? T : import("vue-router").NavigationGuard) | undefined;
+        beforeRouteLeave?: (import("vue-router").TypesConfig extends Record<"beforeRouteLeave", infer T> ? T : import("vue-router").NavigationGuard) | undefined;
+    } | null, Component | {
+        [x: string]: any;
+        setup?: ((this: void, props: import("@vue/shared").LooseRequired<any>, ctx: {
+            attrs: {
+                [x: string]: unknown;
+            };
+            slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
+            expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed) => void;
+        }) => any) | undefined;
+        name?: string | undefined;
+        template?: string | object | undefined;
+        render?: Function | undefined;
+        components?: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>> | undefined;
+        directives?: Record<string, import("vue").Directive<any, any, string, any>> | undefined;
+        inheritAttrs?: boolean | undefined;
+        emits?: any;
+        slots?: {} | undefined;
+        expose?: string[] | undefined;
+        serverPrefetch?: (() => void | Promise<any>) | undefined;
+        compilerOptions?: {
+            isCustomElement?: ((tag: string) => boolean) | undefined;
+            whitespace?: "preserve" | "condense" | undefined;
+            comments?: boolean | undefined;
+            delimiters?: [string, string] | undefined;
+        } | undefined;
+        call?: ((this: unknown, ...args: unknown[]) => never) | undefined;
+        __isFragment?: never | undefined;
+        __isTeleport?: never | undefined;
+        __isSuspense?: never | undefined;
+        __defaults?: {} | undefined;
+        compatConfig?: {
+            GLOBAL_MOUNT?: boolean | "suppress-warning" | undefined;
+            GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning" | undefined;
+            GLOBAL_EXTEND?: boolean | "suppress-warning" | undefined;
+            GLOBAL_PROTOTYPE?: boolean | "suppress-warning" | undefined;
+            GLOBAL_SET?: boolean | "suppress-warning" | undefined;
+            GLOBAL_DELETE?: boolean | "suppress-warning" | undefined;
+            GLOBAL_OBSERVABLE?: boolean | "suppress-warning" | undefined;
+            GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning" | undefined;
+            CONFIG_SILENT?: boolean | "suppress-warning" | undefined;
+            CONFIG_DEVTOOLS?: boolean | "suppress-warning" | undefined;
+            CONFIG_KEY_CODES?: boolean | "suppress-warning" | undefined;
+            CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning" | undefined;
+            CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning" | undefined;
+            CONFIG_WHITESPACE?: boolean | "suppress-warning" | undefined;
+            CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning" | undefined;
+            INSTANCE_SET?: boolean | "suppress-warning" | undefined;
+            INSTANCE_DELETE?: boolean | "suppress-warning" | undefined;
+            INSTANCE_DESTROY?: boolean | "suppress-warning" | undefined;
+            INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning" | undefined;
+            INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning" | undefined;
+            INSTANCE_CHILDREN?: boolean | "suppress-warning" | undefined;
+            INSTANCE_LISTENERS?: boolean | "suppress-warning" | undefined;
+            INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning" | undefined;
+            INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning" | undefined;
+            OPTIONS_DATA_FN?: boolean | "suppress-warning" | undefined;
+            OPTIONS_DATA_MERGE?: boolean | "suppress-warning" | undefined;
+            OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning" | undefined;
+            OPTIONS_DESTROYED?: boolean | "suppress-warning" | undefined;
+            WATCH_ARRAY?: boolean | "suppress-warning" | undefined;
+            PROPS_DEFAULT_THIS?: boolean | "suppress-warning" | undefined;
+            V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning" | undefined;
+            CUSTOM_DIR?: boolean | "suppress-warning" | undefined;
+            ATTR_FALSE_VALUE?: boolean | "suppress-warning" | undefined;
+            ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning" | undefined;
+            TRANSITION_CLASSES?: boolean | "suppress-warning" | undefined;
+            TRANSITION_GROUP_ROOT?: boolean | "suppress-warning" | undefined;
+            COMPONENT_ASYNC?: boolean | "suppress-warning" | undefined;
+            COMPONENT_FUNCTIONAL?: boolean | "suppress-warning" | undefined;
+            COMPONENT_V_MODEL?: boolean | "suppress-warning" | undefined;
+            RENDER_FUNCTION?: boolean | "suppress-warning" | undefined;
+            FILTERS?: boolean | "suppress-warning" | undefined;
+            PRIVATE_APIS?: boolean | "suppress-warning" | undefined;
+            MODE?: 2 | 3 | ((comp: Component | null) => 2 | 3) | undefined;
+        } | undefined;
+        data?: ((this: any, vm: any) => any) | undefined;
+        computed?: import("vue").ComputedOptions | undefined;
+        methods?: import("vue").MethodOptions | undefined;
+        watch?: {
+            [x: string]: (string | import("vue").WatchCallback | ({
+                handler: import("vue").WatchCallback | string;
+            } & import("vue").WatchOptions<boolean>)) | (string | import("vue").WatchCallback | ({
+                handler: import("vue").WatchCallback | string;
+            } & import("vue").WatchOptions<boolean>))[];
+        } | undefined;
+        provide?: import("vue").ComponentProvideOptions | undefined;
+        inject?: {} | string[] | undefined;
+        filters?: Record<string, Function> | undefined;
+        mixins?: any[] | undefined;
+        extends?: any;
+        beforeCreate?: (() => any) | undefined;
+        created?: (() => any) | undefined;
+        beforeMount?: (() => any) | undefined;
+        mounted?: (() => any) | undefined;
+        beforeUpdate?: (() => any) | undefined;
+        updated?: (() => any) | undefined;
+        activated?: (() => any) | undefined;
+        deactivated?: (() => any) | undefined;
+        beforeDestroy?: (() => any) | undefined;
+        beforeUnmount?: (() => any) | undefined;
+        destroyed?: (() => any) | undefined;
+        unmounted?: (() => any) | undefined;
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | undefined;
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | undefined;
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | undefined;
+        delimiters?: [string, string] | undefined;
+        __differentiator?: string | number | symbol | undefined;
+        __isBuiltIn?: boolean | undefined;
+        __file?: string | undefined;
+        __name?: string | undefined;
+        beforeRouteEnter?: (import("vue-router").TypesConfig extends Record<"beforeRouteEnter", infer T> ? T : import("vue-router").NavigationGuardWithThis<undefined>) | undefined;
+        beforeRouteUpdate?: (import("vue-router").TypesConfig extends Record<"beforeRouteUpdate", infer T> ? T : import("vue-router").NavigationGuard) | undefined;
+        beforeRouteLeave?: (import("vue-router").TypesConfig extends Record<"beforeRouteLeave", infer T> ? T : import("vue-router").NavigationGuard) | undefined;
+    } | null>;
+    overlayOptions: import("vue").Ref<{
+        position?: OverlayPosition | undefined;
+        scope?: OverlayScope | undefined;
+        size?: string | undefined;
+        props?: Record<string, unknown> | undefined;
+        autoFocus?: boolean | undefined;
+        closeOnBackdrop?: boolean | undefined;
+        closeOnEscape?: boolean | undefined;
+    }, OverlayOptions | {
+        position?: OverlayPosition | undefined;
+        scope?: OverlayScope | undefined;
+        size?: string | undefined;
+        props?: Record<string, unknown> | undefined;
+        autoFocus?: boolean | undefined;
+        closeOnBackdrop?: boolean | undefined;
+        closeOnEscape?: boolean | undefined;
+    }>;
+    showOverlay: (component: Component, options?: OverlayOptions) => {
+        onClose: (callback: CloseOverlayCallback) => () => void;
+        close: (data?: unknown) => void;
+    };
+    closeOverlay: (data?: unknown, reason?: OverlayCloseReason) => void;
+    onOverlayClose: (callback: CloseOverlayCallback) => () => void;
+};

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/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/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/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;