npm - @scalar/components - Versions diffs - 0.0.1 - Mend

@scalar/components 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (68) hide show

package/dist/components/ScalarLoading/ScalarLoading.stories.d.ts ADDED Viewed

@@ -0,0 +1,326 @@
+import type { StoryObj } from '@storybook/vue3';
+/**
+ * To use the loading, you must pass in a loadingState which can be created using the useLoadingState hook exported from this component
+ */
+declare const meta: {
+    component: import("vue").DefineComponent<{
+        size: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        loadingState: {
+            type: import("vue").PropType<{
+                valid: boolean;
+                invalid: boolean;
+                isLoading: boolean;
+                startLoading: () => void;
+                stopLoading: () => void;
+                isValid: (time?: number) => Promise<unknown>;
+                isInvalid: (time?: number) => Promise<unknown>;
+                clear: (time?: number) => Promise<unknown>;
+            }>;
+            required: true;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        loadingState: {
+            type: import("vue").PropType<{
+                valid: boolean;
+                invalid: boolean;
+                isLoading: boolean;
+                startLoading: () => void;
+                stopLoading: () => void;
+                isValid: (time?: number) => Promise<unknown>;
+                isInvalid: (time?: number) => Promise<unknown>;
+                clear: (time?: number) => Promise<unknown>;
+            }>;
+            required: true;
+        };
+    }>>, {
+        size: string;
+    }, {}>;
+    tags: string[];
+    argTypes: {
+        size: {
+            control: string;
+            default: string;
+        };
+    };
+    render: () => {
+        components: {
+            ScalarButton: {
+                new (...args: any[]): {
+                    $: import("vue").ComponentInternalInstance;
+                    $data: {};
+                    $props: {
+                        size?: any;
+                        isDisabled?: boolean;
+                        variant?: any;
+                        isFullWidth?: boolean;
+                        readonly loadingState?: {
+                            valid: boolean;
+                            invalid: boolean;
+                            isLoading: boolean;
+                            startLoading: () => void;
+                            stopLoading: () => void;
+                            isValid: (time?: number) => Promise<unknown>;
+                            isInvalid: (time?: number) => Promise<unknown>;
+                            clear: (time?: number) => Promise<unknown>;
+                        };
+                        style?: unknown;
+                        readonly title?: string;
+                        class?: unknown;
+                        key?: string | number | symbol;
+                        ref?: import("vue").VNodeRef;
+                        ref_for?: boolean;
+                        ref_key?: string;
+                        onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[];
+                        onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[];
+                        onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[];
+                        onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[];
+                        onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[];
+                        onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                            [key: string]: any;
+                        }>) => void)[];
+                    };
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import("vue").Slot<any>;
+                    }>;
+                    $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+                    $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+                    $emit: (event: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                        size: {
+                            type: import("vue").PropType<any>;
+                            default: string;
+                        };
+                        loadingState: {
+                            type: import("vue").PropType<{
+                                valid: boolean;
+                                invalid: boolean;
+                                isLoading: boolean;
+                                startLoading: () => void;
+                                stopLoading: () => void;
+                                isValid: (time?: number) => Promise<unknown>;
+                                isInvalid: (time?: number) => Promise<unknown>;
+                                clear: (time?: number) => Promise<unknown>;
+                            }>;
+                        };
+                        title: {
+                            type: import("vue").PropType<string>;
+                        };
+                        isDisabled: {
+                            type: import("vue").PropType<boolean>;
+                            default: boolean;
+                        };
+                        variant: {
+                            type: import("vue").PropType<any>;
+                            default: string;
+                        };
+                        isFullWidth: {
+                            type: import("vue").PropType<boolean>;
+                            default: boolean;
+                        };
+                    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                        size: any;
+                        isDisabled: boolean;
+                        variant: any;
+                        isFullWidth: boolean;
+                    }, {}, string, {}> & {
+                        beforeCreate?: (() => void) | (() => void)[];
+                        created?: (() => void) | (() => void)[];
+                        beforeMount?: (() => void) | (() => void)[];
+                        mounted?: (() => void) | (() => void)[];
+                        beforeUpdate?: (() => void) | (() => void)[];
+                        updated?: (() => void) | (() => void)[];
+                        activated?: (() => void) | (() => void)[];
+                        deactivated?: (() => void) | (() => void)[];
+                        beforeDestroy?: (() => void) | (() => void)[];
+                        beforeUnmount?: (() => void) | (() => void)[];
+                        destroyed?: (() => void) | (() => void)[];
+                        unmounted?: (() => void) | (() => void)[];
+                        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof import("vue").nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+                } & Readonly<import("vue").ExtractPropTypes<{
+                    size: {
+                        type: import("vue").PropType<any>;
+                        default: string;
+                    };
+                    loadingState: {
+                        type: import("vue").PropType<{
+                            valid: boolean;
+                            invalid: boolean;
+                            isLoading: boolean;
+                            startLoading: () => void;
+                            stopLoading: () => void;
+                            isValid: (time?: number) => Promise<unknown>;
+                            isInvalid: (time?: number) => Promise<unknown>;
+                            clear: (time?: number) => Promise<unknown>;
+                        }>;
+                    };
+                    title: {
+                        type: import("vue").PropType<string>;
+                    };
+                    isDisabled: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    variant: {
+                        type: import("vue").PropType<any>;
+                        default: string;
+                    };
+                    isFullWidth: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                size: {
+                    type: import("vue").PropType<any>;
+                    default: string;
+                };
+                loadingState: {
+                    type: import("vue").PropType<{
+                        valid: boolean;
+                        invalid: boolean;
+                        isLoading: boolean;
+                        startLoading: () => void;
+                        stopLoading: () => void;
+                        isValid: (time?: number) => Promise<unknown>;
+                        isInvalid: (time?: number) => Promise<unknown>;
+                        clear: (time?: number) => Promise<unknown>;
+                    }>;
+                };
+                title: {
+                    type: import("vue").PropType<string>;
+                };
+                isDisabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                variant: {
+                    type: import("vue").PropType<any>;
+                    default: string;
+                };
+                isFullWidth: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                size: any;
+                isDisabled: boolean;
+                variant: any;
+                isFullWidth: boolean;
+            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    icon?(_: {}): any;
+                    default?(_: {}): any;
+                };
+            });
+            ScalarLoading: import("vue").DefineComponent<{
+                size: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                loadingState: {
+                    type: import("vue").PropType<{
+                        valid: boolean;
+                        invalid: boolean;
+                        isLoading: boolean;
+                        startLoading: () => void;
+                        stopLoading: () => void;
+                        isValid: (time?: number) => Promise<unknown>;
+                        isInvalid: (time?: number) => Promise<unknown>;
+                        clear: (time?: number) => Promise<unknown>;
+                    }>;
+                    required: true;
+                };
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                size: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                loadingState: {
+                    type: import("vue").PropType<{
+                        valid: boolean;
+                        invalid: boolean;
+                        isLoading: boolean;
+                        startLoading: () => void;
+                        stopLoading: () => void;
+                        isValid: (time?: number) => Promise<unknown>;
+                        isInvalid: (time?: number) => Promise<unknown>;
+                        clear: (time?: number) => Promise<unknown>;
+                    }>;
+                    required: true;
+                };
+            }>>, {
+                size: string;
+            }, {}>;
+        };
+        setup(this: void): {
+            loadingState: {
+                valid: boolean;
+                invalid: boolean;
+                isLoading: boolean;
+                startLoading: () => void;
+                stopLoading: () => void;
+                isValid: (time?: number) => Promise<unknown>;
+                isInvalid: (time?: number) => Promise<unknown>;
+                clear: (time?: number) => Promise<unknown>;
+            };
+        };
+        template: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Base: Story;
+//# sourceMappingURL=ScalarLoading.stories.d.ts.map

package/dist/components/ScalarLoading/ScalarLoading.stories.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ScalarLoading.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarLoading/ScalarLoading.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD;;GAEG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsB4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAiB,CAAA"}

package/dist/components/ScalarLoading/ScalarLoading.vue.d.ts ADDED Viewed

@@ -0,0 +1,48 @@
+export type LoadingState = ReturnType<typeof useLoadingState>;
+/**
+ * Handles isLoading spinner for the FlowLoader Component
+ * - stateIsLoading will trigger the spinner
+ * - isValid or isInvalid will show a check or x and then spin out
+ */
+export declare function useLoadingState(): {
+    valid: boolean;
+    invalid: boolean;
+    isLoading: boolean;
+    startLoading: () => void;
+    stopLoading: () => void;
+    isValid: (time?: number) => Promise<unknown>;
+    isInvalid: (time?: number) => Promise<unknown>;
+    clear: (time?: number) => Promise<unknown>;
+};
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    loadingState: LoadingState;
+    size?: string;
+}>, {
+    size: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    loadingState: LoadingState;
+    size?: string;
+}>, {
+    size: string;
+}>>>, {
+    size: string;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=ScalarLoading.vue.d.ts.map

package/dist/components/ScalarLoading/ScalarLoading.vue.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ScalarLoading.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarLoading/ScalarLoading.vue"],"names":[],"mappings":"AAMA,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAA;AAE7D;;;;GAIG;AACH,wBAAgB,eAAe;;;;;;;;;EAuC9B;;kBAoLiB,YAAY;WACnB,MAAM;;;;kBADC,YAAY;WACnB,MAAM;;;;UAAN,MAAM;;AApLjB,wBA2LI;AACJ,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/ScalarLoading/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { default as ScalarLoading, type LoadingState, useLoadingState, } from './ScalarLoading.vue';
2	+ //# sourceMappingURL=index.d.ts.map

package/dist/components/ScalarLoading/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarLoading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,aAAa,EACxB,KAAK,YAAY,EACjB,eAAe,GAChB,MAAM,qBAAqB,CAAA"}

package/dist/components/ScalarModal/ScalarModal.spec.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=ScalarModal.spec.d.ts.map

package/dist/components/ScalarModal/ScalarModal.spec.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ScalarModal.spec.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarModal/ScalarModal.spec.ts"],"names":[],"mappings":""}

package/dist/components/ScalarModal/ScalarModal.stories.d.ts ADDED Viewed

@@ -0,0 +1,202 @@
+import type { StoryObj } from '@storybook/vue3';
+/**
+ * Make sure to import the useModal hook from the ScalarModal component to open/close it
+ */
+declare const meta: {
+    component: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: {
+                size?: any;
+                style?: unknown;
+                readonly title?: string;
+                class?: unknown;
+                readonly variant?: any;
+                key?: string | number | symbol;
+                ref?: import("vue").VNodeRef;
+                ref_for?: boolean;
+                ref_key?: string;
+                onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[];
+                onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[];
+                onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[];
+                onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[];
+                onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[];
+                onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[];
+                readonly state: {
+                    open: boolean;
+                    show: () => void;
+                    hide: () => void;
+                };
+                readonly bodyClass?: string;
+                readonly maxWidth?: string;
+            };
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any>;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                size: {
+                    type: import("vue").PropType<any>;
+                    default: string;
+                };
+                title: {
+                    type: import("vue").PropType<string>;
+                };
+                variant: {
+                    type: import("vue").PropType<any>;
+                };
+                state: {
+                    type: import("vue").PropType<{
+                        open: boolean;
+                        show: () => void;
+                        hide: () => void;
+                    }>;
+                    required: true;
+                };
+                bodyClass: {
+                    type: import("vue").PropType<string>;
+                };
+                maxWidth: {
+                    type: import("vue").PropType<string>;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                size: any;
+            }, {}, string, {}> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            size: {
+                type: import("vue").PropType<any>;
+                default: string;
+            };
+            title: {
+                type: import("vue").PropType<string>;
+            };
+            variant: {
+                type: import("vue").PropType<any>;
+            };
+            state: {
+                type: import("vue").PropType<{
+                    open: boolean;
+                    show: () => void;
+                    hide: () => void;
+                }>;
+                required: true;
+            };
+            bodyClass: {
+                type: import("vue").PropType<string>;
+            };
+            maxWidth: {
+                type: import("vue").PropType<string>;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: import("vue").PropType<any>;
+            default: string;
+        };
+        title: {
+            type: import("vue").PropType<string>;
+        };
+        variant: {
+            type: import("vue").PropType<any>;
+        };
+        state: {
+            type: import("vue").PropType<{
+                open: boolean;
+                show: () => void;
+                hide: () => void;
+            }>;
+            required: true;
+        };
+        bodyClass: {
+            type: import("vue").PropType<string>;
+        };
+        maxWidth: {
+            type: import("vue").PropType<string>;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        size: any;
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    tags: string[];
+    argTypes: {
+        size: {
+            control: string;
+            options: string[];
+        };
+        variant: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Base: Story;
+//# sourceMappingURL=ScalarModal.stories.d.ts.map

package/dist/components/ScalarModal/ScalarModal.stories.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ScalarModal.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarModal/ScalarModal.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD;;GAEG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAO0B,CAAA;AAEpC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAwBlB,CAAA"}

package/dist/components/ScalarModal/ScalarModal.vue.d.ts ADDED Viewed

@@ -0,0 +1,52 @@
+export declare const useModal: () => {
+    open: boolean;
+    show: () => void;
+    hide: () => void;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    state: ReturnType<typeof useModal>;
+    title?: string;
+    bodyClass?: string;
+    maxWidth?: string;
+    size?: any;
+    variant?: any;
+}>, {
+    size: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    state: ReturnType<typeof useModal>;
+    title?: string;
+    bodyClass?: string;
+    maxWidth?: string;
+    size?: any;
+    variant?: any;
+}>, {
+    size: string;
+}>>>, {
+    size: any;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ScalarModal.vue.d.ts.map

package/dist/components/ScalarModal/ScalarModal.vue.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ScalarModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarModal/ScalarModal.vue"],"names":[],"mappings":"AAeA,eAAO,MAAM,QAAQ;;;;CASjB,CAAA;;WAmOO,WAAW,eAAe,CAAC;YAC1B,MAAM;gBACF,MAAM;eACP,MAAM;;;;;;WAHV,WAAW,eAAe,CAAC;YAC1B,MAAM;gBACF,MAAM;eACP,MAAM;;;;;;;;qBA/BS,GAAG;;AAtMjC,wBA+OI;AACJ,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}