@topvisor/ui 0.9.32 → 0.9.33-dev

package/src/components/popup/popup/popup.stories.d.ts

@@ -1,69 +1,74 @@
 import { StoryObj } from '@storybook/vue3';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, VNodeRef, VNode, RendererNode, RendererElement, VNodeChild, DefineComponent, PublicProps } from 'vue';
+import { Popup } from '../lib/popup';
+import { Size } from '../../forms/helpers';
+import { CaptionType } from '../../forms/input/input';
+import { Color, Style } from '../../forms/button/button';
 
 import * as ComponentsConst from './popup';
 declare const meta: {
     component: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+        new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
             class: {
-                type: import('vue').PropType<string>;
+                type: PropType<string>;
             };
             id: {
-                type: import('vue').PropType<string>;
+                type: PropType<string>;
                 default: string;
             };
             pos: {
-                type: import('vue').PropType<ComponentsConst.Pos>;
+                type: PropType<ComponentsConst.Pos>;
                 default: string;
             };
             notch: {
-                type: import('vue').PropType<boolean>;
+                type: PropType<boolean>;
                 default: boolean;
             };
             openByHover: {
-                type: import('vue').PropType<boolean>;
+                type: PropType<boolean>;
             };
             posBy: {
-                type: import('vue').PropType<ComponentsConst.PosBy>;
+                type: PropType<ComponentsConst.PosBy>;
                 default: string;
             };
             transitionDuration: {
-                type: import('vue').PropType<number>;
+                type: PropType<number>;
             };
         }>> & {
             onClose?: (() => any) | undefined;
             onOpen?: (() => any) | undefined;
             onScrollContentList?: ((value: Event) => any) | undefined;
         }, {
-            popup: import('../lib/popup').Popup | undefined;
-        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            popup: Popup | undefined;
+        }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
             open: () => void;
             close: () => void;
             scrollContentList: (value: Event) => void;
-        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+        }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
             class: {
-                type: import('vue').PropType<string>;
+                type: PropType<string>;
             };
             id: {
-                type: import('vue').PropType<string>;
+                type: PropType<string>;
                 default: string;
             };
             pos: {
-                type: import('vue').PropType<ComponentsConst.Pos>;
+                type: PropType<ComponentsConst.Pos>;
                 default: string;
             };
             notch: {
-                type: import('vue').PropType<boolean>;
+                type: PropType<boolean>;
                 default: boolean;
             };
             openByHover: {
-                type: import('vue').PropType<boolean>;
+                type: PropType<boolean>;
             };
             posBy: {
-                type: import('vue').PropType<ComponentsConst.PosBy>;
+                type: PropType<ComponentsConst.PosBy>;
                 default: string;
             };
             transitionDuration: {
-                type: import('vue').PropType<number>;
+                type: PropType<number>;
             };
         }>> & {
             onClose?: (() => any) | undefined;
@@ -81,80 +86,80 @@ declare const meta: {
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('vue').ExtractPropTypes<{
+        }, Readonly< ExtractPropTypes<{
             class: {
-                type: import('vue').PropType<string>;
+                type: PropType<string>;
             };
             id: {
-                type: import('vue').PropType<string>;
+                type: PropType<string>;
                 default: string;
             };
             pos: {
-                type: import('vue').PropType<ComponentsConst.Pos>;
+                type: PropType<ComponentsConst.Pos>;
                 default: string;
             };
             notch: {
-                type: import('vue').PropType<boolean>;
+                type: PropType<boolean>;
                 default: boolean;
             };
             openByHover: {
-                type: import('vue').PropType<boolean>;
+                type: PropType<boolean>;
             };
             posBy: {
-                type: import('vue').PropType<ComponentsConst.PosBy>;
+                type: PropType<ComponentsConst.PosBy>;
                 default: string;
             };
             transitionDuration: {
-                type: import('vue').PropType<number>;
+                type: PropType<number>;
             };
         }>> & {
             onClose?: (() => any) | undefined;
             onOpen?: (() => any) | undefined;
             onScrollContentList?: ((value: Event) => any) | undefined;
         }, {
-            popup: import('../lib/popup').Popup | undefined;
+            popup: Popup | undefined;
         }, {}, {}, {}, {
             id: string;
             pos: ComponentsConst.Pos;
             notch: boolean;
             posBy: ComponentsConst.PosBy;
         }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
         class: {
-            type: import('vue').PropType<string>;
+            type: PropType<string>;
         };
         id: {
-            type: import('vue').PropType<string>;
+            type: PropType<string>;
             default: string;
         };
         pos: {
-            type: import('vue').PropType<ComponentsConst.Pos>;
+            type: PropType<ComponentsConst.Pos>;
             default: string;
         };
         notch: {
-            type: import('vue').PropType<boolean>;
+            type: PropType<boolean>;
             default: boolean;
         };
         openByHover: {
-            type: import('vue').PropType<boolean>;
+            type: PropType<boolean>;
         };
         posBy: {
-            type: import('vue').PropType<ComponentsConst.PosBy>;
+            type: PropType<ComponentsConst.PosBy>;
             default: string;
         };
         transitionDuration: {
-            type: import('vue').PropType<number>;
+            type: PropType<number>;
         };
     }>> & {
         onClose?: (() => any) | undefined;
         onOpen?: (() => any) | undefined;
         onScrollContentList?: ((value: Event) => any) | undefined;
     }, {
-        popup: import('../lib/popup').Popup | undefined;
-    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        popup: Popup | undefined;
+    }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
         open: () => void;
         close: () => void;
         scrollContentList: (value: Event) => void;
@@ -163,7 +168,7 @@ declare const meta: {
         pos: ComponentsConst.Pos;
         notch: boolean;
         posBy: ComponentsConst.PosBy;
-    }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
         $slots: {
             opener?(_: {}): any;
             header?(_: {}): any;
@@ -192,91 +197,123 @@ export declare const Playground: {
         posBy?: ComponentsConst.PosBy | undefined;
         style?: unknown;
         key?: PropertyKey | undefined;
-        ref?: import('vue').VNodeRef | undefined;
+        ref?: VNodeRef | undefined;
         class?: string | undefined;
         ref_for?: boolean | undefined;
         ref_key?: string | undefined;
-        onVnodeBeforeMount?: (((vnode: import('vue').VNode) => void) | ((vnode: import('vue').VNode) => void)[]) | undefined;
-        onVnodeMounted?: (((vnode: import('vue').VNode) => void) | ((vnode: import('vue').VNode) => void)[]) | undefined;
-        onVnodeBeforeUpdate?: (((vnode: import('vue').VNode, oldVNode: import('vue').VNode) => void) | ((vnode: import('vue').VNode, oldVNode: import('vue').VNode) => void)[]) | undefined;
-        onVnodeUpdated?: (((vnode: import('vue').VNode, oldVNode: import('vue').VNode) => void) | ((vnode: import('vue').VNode, oldVNode: import('vue').VNode) => void)[]) | undefined;
-        onVnodeBeforeUnmount?: (((vnode: import('vue').VNode) => void) | ((vnode: import('vue').VNode) => void)[]) | undefined;
-        onVnodeUnmounted?: (((vnode: import('vue').VNode) => void) | ((vnode: import('vue').VNode) => void)[]) | undefined;
+        onVnodeBeforeMount?: ((vnode: VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeMounted?: ((vnode: VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeBeforeUpdate?: ((vnode: VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeUpdated?: ((vnode: VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }>, oldVNode: VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeBeforeUnmount?: ((vnode: VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
+        onVnodeUnmounted?: ((vnode: VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }>) => void)[] | undefined;
         onClose?: (() => any) | undefined;
         readonly openByHover?: boolean | undefined;
         readonly transitionDuration?: number | undefined;
         onOpen?: (() => any) | undefined;
         onScrollContentList?: ((value: Event) => any) | undefined;
-        opener?: ((_: {}) => any) | import('vue').VNodeChild;
-        header?: ((_: {}) => any) | import('vue').VNodeChild;
-        widget?: ((_: {}) => any) | import('vue').VNodeChild;
-        content?: ((_: {}) => any) | import('vue').VNodeChild;
-        contentList?: ((_: {}) => any) | import('vue').VNodeChild;
-        footer?: ((_: {}) => any) | import('vue').VNodeChild;
+        opener?: ((_: {}) => any) | VNodeChild;
+        header?: ((_: {}) => any) | VNodeChild;
+        widget?: ((_: {}) => any) | VNodeChild;
+        content?: ((_: {}) => any) | VNodeChild;
+        contentList?: ((_: {}) => any) | VNodeChild;
+        footer?: ((_: {}) => any) | VNodeChild;
     }) => {
         components: {
             Popup: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+                new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
                     class: {
-                        type: import('vue').PropType<string>;
+                        type: PropType<string>;
                     };
                     id: {
-                        type: import('vue').PropType<string>;
+                        type: PropType<string>;
                         default: string;
                     };
                     pos: {
-                        type: import('vue').PropType<ComponentsConst.Pos>;
+                        type: PropType<ComponentsConst.Pos>;
                         default: string;
                     };
                     notch: {
-                        type: import('vue').PropType<boolean>;
+                        type: PropType<boolean>;
                         default: boolean;
                     };
                     openByHover: {
-                        type: import('vue').PropType<boolean>;
+                        type: PropType<boolean>;
                     };
                     posBy: {
-                        type: import('vue').PropType<ComponentsConst.PosBy>;
+                        type: PropType<ComponentsConst.PosBy>;
                         default: string;
                     };
                     transitionDuration: {
-                        type: import('vue').PropType<number>;
+                        type: PropType<number>;
                     };
                 }>> & {
                     onClose?: (() => any) | undefined;
                     onOpen?: (() => any) | undefined;
                     onScrollContentList?: ((value: Event) => any) | undefined;
                 }, {
-                    popup: import('../lib/popup').Popup | undefined;
-                }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    popup: Popup | undefined;
+                }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
                     open: () => void;
                     close: () => void;
                     scrollContentList: (value: Event) => void;
-                }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+                }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
                     class: {
-                        type: import('vue').PropType<string>;
+                        type: PropType<string>;
                     };
                     id: {
-                        type: import('vue').PropType<string>;
+                        type: PropType<string>;
                         default: string;
                     };
                     pos: {
-                        type: import('vue').PropType<ComponentsConst.Pos>;
+                        type: PropType<ComponentsConst.Pos>;
                         default: string;
                     };
                     notch: {
-                        type: import('vue').PropType<boolean>;
+                        type: PropType<boolean>;
                         default: boolean;
                     };
                     openByHover: {
-                        type: import('vue').PropType<boolean>;
+                        type: PropType<boolean>;
                     };
                     posBy: {
-                        type: import('vue').PropType<ComponentsConst.PosBy>;
+                        type: PropType<ComponentsConst.PosBy>;
                         default: string;
                     };
                     transitionDuration: {
-                        type: import('vue').PropType<number>;
+                        type: PropType<number>;
                     };
                 }>> & {
                     onClose?: (() => any) | undefined;
@@ -294,80 +331,80 @@ export declare const Playground: {
                     C: {};
                     M: {};
                     Defaults: {};
-                }, Readonly<import('vue').ExtractPropTypes<{
+                }, Readonly< ExtractPropTypes<{
                     class: {
-                        type: import('vue').PropType<string>;
+                        type: PropType<string>;
                     };
                     id: {
-                        type: import('vue').PropType<string>;
+                        type: PropType<string>;
                         default: string;
                     };
                     pos: {
-                        type: import('vue').PropType<ComponentsConst.Pos>;
+                        type: PropType<ComponentsConst.Pos>;
                         default: string;
                     };
                     notch: {
-                        type: import('vue').PropType<boolean>;
+                        type: PropType<boolean>;
                         default: boolean;
                     };
                     openByHover: {
-                        type: import('vue').PropType<boolean>;
+                        type: PropType<boolean>;
                     };
                     posBy: {
-                        type: import('vue').PropType<ComponentsConst.PosBy>;
+                        type: PropType<ComponentsConst.PosBy>;
                         default: string;
                     };
                     transitionDuration: {
-                        type: import('vue').PropType<number>;
+                        type: PropType<number>;
                     };
                 }>> & {
                     onClose?: (() => any) | undefined;
                     onOpen?: (() => any) | undefined;
                     onScrollContentList?: ((value: Event) => any) | undefined;
                 }, {
-                    popup: import('../lib/popup').Popup | undefined;
+                    popup: Popup | undefined;
                 }, {}, {}, {}, {
                     id: string;
                     pos: ComponentsConst.Pos;
                     notch: boolean;
                     posBy: ComponentsConst.PosBy;
                 }>;
-                __isFragment?: never;
-                __isTeleport?: never;
-                __isSuspense?: never;
-            } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
                 class: {
-                    type: import('vue').PropType<string>;
+                    type: PropType<string>;
                 };
                 id: {
-                    type: import('vue').PropType<string>;
+                    type: PropType<string>;
                     default: string;
                 };
                 pos: {
-                    type: import('vue').PropType<ComponentsConst.Pos>;
+                    type: PropType<ComponentsConst.Pos>;
                     default: string;
                 };
                 notch: {
-                    type: import('vue').PropType<boolean>;
+                    type: PropType<boolean>;
                     default: boolean;
                 };
                 openByHover: {
-                    type: import('vue').PropType<boolean>;
+                    type: PropType<boolean>;
                 };
                 posBy: {
-                    type: import('vue').PropType<ComponentsConst.PosBy>;
+                    type: PropType<ComponentsConst.PosBy>;
                     default: string;
                 };
                 transitionDuration: {
-                    type: import('vue').PropType<number>;
+                    type: PropType<number>;
                 };
             }>> & {
                 onClose?: (() => any) | undefined;
                 onOpen?: (() => any) | undefined;
                 onScrollContentList?: ((value: Event) => any) | undefined;
             }, {
-                popup: import('../lib/popup').Popup | undefined;
-            }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                popup: Popup | undefined;
+            }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
                 open: () => void;
                 close: () => void;
                 scrollContentList: (value: Event) => void;
@@ -376,7 +413,7 @@ export declare const Playground: {
                 pos: ComponentsConst.Pos;
                 notch: boolean;
                 posBy: ComponentsConst.PosBy;
-            }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
                 $slots: {
                     opener?(_: {}): any;
                     header?(_: {}): any;
@@ -386,172 +423,172 @@ export declare const Playground: {
                     footer?(_: {}): any;
                 };
             });
-            WidgetInput: import('vue').DefineComponent<{
-                modelValue: import('vue').PropType<any>;
+            WidgetInput: DefineComponent<{
+                modelValue: PropType<any>;
                 icon: {
-                    type: import('vue').PropType<string>;
+                    type: PropType<string>;
                 };
                 icon2: {
-                    type: import('vue').PropType<string>;
+                    type: PropType<string>;
                 };
                 title: {
-                    type: import('vue').PropType<string>;
+                    type: PropType<string>;
                 };
                 size: {
-                    type: import('vue').PropType<import('../../forms/helpers').Size>;
+                    type: PropType<Size>;
                 };
                 name: {
-                    type: import('vue').PropType<string>;
+                    type: PropType<string>;
                 };
                 disabled: {
-                    type: import('vue').PropType<boolean>;
+                    type: PropType<boolean>;
                 };
                 isError: {
-                    type: import('vue').PropType<boolean>;
+                    type: PropType<boolean>;
                 };
                 readonly: {
-                    type: import('vue').PropType<boolean>;
+                    type: PropType<boolean>;
                 };
                 modificator: {
-                    type: import('vue').PropType<string>;
+                    type: PropType<string>;
                 };
                 isLoading: {
-                    type: import('vue').PropType<boolean>;
+                    type: PropType<boolean>;
                 };
                 addCleaner: {
-                    type: import('vue').PropType<boolean>;
+                    type: PropType<boolean>;
                     default: boolean;
                 };
                 captionType: {
-                    type: import('vue').PropType<import('../../forms/input/input').CaptionType>;
+                    type: PropType<CaptionType>;
                 };
-            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                modelValue: import('vue').PropType<any>;
+            }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+                modelValue: PropType<any>;
                 icon: {
-                    type: import('vue').PropType<string>;
+                    type: PropType<string>;
                 };
                 icon2: {
-                    type: import('vue').PropType<string>;
+                    type: PropType<string>;
                 };
                 title: {
-                    type: import('vue').PropType<string>;
+                    type: PropType<string>;
                 };
                 size: {
-                    type: import('vue').PropType<import('../../forms/helpers').Size>;
+                    type: PropType<Size>;
                 };
                 name: {
-                    type: import('vue').PropType<string>;
+                    type: PropType<string>;
                 };
                 disabled: {
-                    type: import('vue').PropType<boolean>;
+                    type: PropType<boolean>;
                 };
                 isError: {
-                    type: import('vue').PropType<boolean>;
+                    type: PropType<boolean>;
                 };
                 readonly: {
-                    type: import('vue').PropType<boolean>;
+                    type: PropType<boolean>;
                 };
                 modificator: {
-                    type: import('vue').PropType<string>;
+                    type: PropType<string>;
                 };
                 isLoading: {
-                    type: import('vue').PropType<boolean>;
+                    type: PropType<boolean>;
                 };
                 addCleaner: {
-                    type: import('vue').PropType<boolean>;
+                    type: PropType<boolean>;
                     default: boolean;
                 };
                 captionType: {
-                    type: import('vue').PropType<import('../../forms/input/input').CaptionType>;
+                    type: PropType<CaptionType>;
                 };
             }>>, {
                 addCleaner: boolean;
             }, {}>;
             Button: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+                new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
                     icon: {
-                        type: import('vue').PropType<string>;
+                        type: PropType<string>;
                     };
                     icon2: {
-                        type: import('vue').PropType<string>;
+                        type: PropType<string>;
                     };
                     title: {
-                        type: import('vue').PropType<string>;
+                        type: PropType<string>;
                     };
                     size: {
-                        type: import('vue').PropType<import('../../forms/helpers').Size>;
+                        type: PropType<Size>;
                         default: string;
                     };
                     color: {
-                        type: import('vue').PropType<import('../../forms/button/button').Color>;
+                        type: PropType<Color>;
                         default: string;
                     };
                     styling: {
-                        type: import('vue').PropType<import('../../forms/button/button').Style>;
+                        type: PropType<Style>;
                         default: string;
                     };
                     name: {
-                        type: import('vue').PropType<string>;
+                        type: PropType<string>;
                     };
                     href: {
-                        type: import('vue').PropType<string>;
+                        type: PropType<string>;
                     };
                     disabled: {
-                        type: import('vue').PropType<boolean>;
+                        type: PropType<boolean>;
                     };
                     isSubmit: {
-                        type: import('vue').PropType<boolean>;
+                        type: PropType<boolean>;
                     };
                     isActive: {
-                        type: import('vue').PropType<boolean>;
+                        type: PropType<boolean>;
                     };
                     isProgress: {
-                        type: import('vue').PropType<boolean>;
+                        type: PropType<boolean>;
                     };
-                }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+                }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
                     icon: {
-                        type: import('vue').PropType<string>;
+                        type: PropType<string>;
                     };
                     icon2: {
-                        type: import('vue').PropType<string>;
+                        type: PropType<string>;
                     };
                     title: {
-                        type: import('vue').PropType<string>;
+                        type: PropType<string>;
                     };
                     size: {
-                        type: import('vue').PropType<import('../../forms/helpers').Size>;
+                        type: PropType<Size>;
                         default: string;
                     };
                     color: {
-                        type: import('vue').PropType<import('../../forms/button/button').Color>;
+                        type: PropType<Color>;
                         default: string;
                     };
                     styling: {
-                        type: import('vue').PropType<import('../../forms/button/button').Style>;
+                        type: PropType<Style>;
                         default: string;
                     };
                     name: {
-                        type: import('vue').PropType<string>;
+                        type: PropType<string>;
                     };
                     href: {
-                        type: import('vue').PropType<string>;
+                        type: PropType<string>;
                     };
                     disabled: {
-                        type: import('vue').PropType<boolean>;
+                        type: PropType<boolean>;
                     };
                     isSubmit: {
-                        type: import('vue').PropType<boolean>;
+                        type: PropType<boolean>;
                     };
                     isActive: {
-                        type: import('vue').PropType<boolean>;
+                        type: PropType<boolean>;
                     };
                     isProgress: {
-                        type: import('vue').PropType<boolean>;
+                        type: PropType<boolean>;
                     };
                 }>>, {
-                    size: import('../../forms/helpers').Size;
-                    color: import('../../forms/button/button').Color;
-                    styling: import('../../forms/button/button').Style;
+                    size: Size;
+                    color: Color;
+                    styling: Style;
                 }, true, {}, {}, {
                     P: {};
                     B: {};
@@ -559,99 +596,99 @@ export declare const Playground: {
                     C: {};
                     M: {};
                     Defaults: {};
-                }, Readonly<import('vue').ExtractPropTypes<{
+                }, Readonly< ExtractPropTypes<{
                     icon: {
-                        type: import('vue').PropType<string>;
+                        type: PropType<string>;
                     };
                     icon2: {
-                        type: import('vue').PropType<string>;
+                        type: PropType<string>;
                     };
                     title: {
-                        type: import('vue').PropType<string>;
+                        type: PropType<string>;
                     };
                     size: {
-                        type: import('vue').PropType<import('../../forms/helpers').Size>;
+                        type: PropType<Size>;
                         default: string;
                     };
                     color: {
-                        type: import('vue').PropType<import('../../forms/button/button').Color>;
+                        type: PropType<Color>;
                         default: string;
                     };
                     styling: {
-                        type: import('vue').PropType<import('../../forms/button/button').Style>;
+                        type: PropType<Style>;
                         default: string;
                     };
                     name: {
-                        type: import('vue').PropType<string>;
+                        type: PropType<string>;
                     };
                     href: {
-                        type: import('vue').PropType<string>;
+                        type: PropType<string>;
                     };
                     disabled: {
-                        type: import('vue').PropType<boolean>;
+                        type: PropType<boolean>;
                     };
                     isSubmit: {
-                        type: import('vue').PropType<boolean>;
+                        type: PropType<boolean>;
                     };
                     isActive: {
-                        type: import('vue').PropType<boolean>;
+                        type: PropType<boolean>;
                     };
                     isProgress: {
-                        type: import('vue').PropType<boolean>;
+                        type: PropType<boolean>;
                     };
                 }>>, {}, {}, {}, {}, {
-                    size: import('../../forms/helpers').Size;
-                    color: import('../../forms/button/button').Color;
-                    styling: import('../../forms/button/button').Style;
+                    size: Size;
+                    color: Color;
+                    styling: Style;
                 }>;
-                __isFragment?: never;
-                __isTeleport?: never;
-                __isSuspense?: never;
-            } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
                 icon: {
-                    type: import('vue').PropType<string>;
+                    type: PropType<string>;
                 };
                 icon2: {
-                    type: import('vue').PropType<string>;
+                    type: PropType<string>;
                 };
                 title: {
-                    type: import('vue').PropType<string>;
+                    type: PropType<string>;
                 };
                 size: {
-                    type: import('vue').PropType<import('../../forms/helpers').Size>;
+                    type: PropType<Size>;
                     default: string;
                 };
                 color: {
-                    type: import('vue').PropType<import('../../forms/button/button').Color>;
+                    type: PropType<Color>;
                     default: string;
                 };
                 styling: {
-                    type: import('vue').PropType<import('../../forms/button/button').Style>;
+                    type: PropType<Style>;
                     default: string;
                 };
                 name: {
-                    type: import('vue').PropType<string>;
+                    type: PropType<string>;
                 };
                 href: {
-                    type: import('vue').PropType<string>;
+                    type: PropType<string>;
                 };
                 disabled: {
-                    type: import('vue').PropType<boolean>;
+                    type: PropType<boolean>;
                 };
                 isSubmit: {
-                    type: import('vue').PropType<boolean>;
+                    type: PropType<boolean>;
                 };
                 isActive: {
-                    type: import('vue').PropType<boolean>;
+                    type: PropType<boolean>;
                 };
                 isProgress: {
-                    type: import('vue').PropType<boolean>;
+                    type: PropType<boolean>;
                 };
-            }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                size: import('../../forms/helpers').Size;
-                color: import('../../forms/button/button').Color;
-                styling: import('../../forms/button/button').Style;
-            }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+                size: Size;
+                color: Color;
+                styling: Style;
+            }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
                 $slots: {
                     default?(_: {}): any;
                     html?(_: {}): any;
@@ -666,27 +703,59 @@ export declare const Playground: {
                 posBy?: ComponentsConst.PosBy | undefined;
                 style?: unknown;
                 key?: PropertyKey | undefined;
-                ref?: import('vue').VNodeRef | undefined;
+                ref?: VNodeRef | undefined;
                 class?: string | undefined;
                 ref_for?: boolean | undefined;
                 ref_key?: string | undefined;
-                onVnodeBeforeMount?: (((vnode: import('vue').VNode) => void) | ((vnode: import('vue').VNode) => void)[]) | undefined;
-                onVnodeMounted?: (((vnode: import('vue').VNode) => void) | ((vnode: import('vue').VNode) => void)[]) | undefined;
-                onVnodeBeforeUpdate?: (((vnode: import('vue').VNode, oldVNode: import('vue').VNode) => void) | ((vnode: import('vue').VNode, oldVNode: import('vue').VNode) => void)[]) | undefined;
-                onVnodeUpdated?: (((vnode: import('vue').VNode, oldVNode: import('vue').VNode) => void) | ((vnode: import('vue').VNode, oldVNode: import('vue').VNode) => void)[]) | undefined;
-                onVnodeBeforeUnmount?: (((vnode: import('vue').VNode) => void) | ((vnode: import('vue').VNode) => void)[]) | undefined;
-                onVnodeUnmounted?: (((vnode: import('vue').VNode) => void) | ((vnode: import('vue').VNode) => void)[]) | undefined;
+                onVnodeBeforeMount?: ((vnode: VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeMounted?: ((vnode: VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUpdate?: ((vnode: VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUpdated?: ((vnode: VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUnmount?: ((vnode: VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUnmounted?: ((vnode: VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
                 onClose?: (() => any) | undefined;
                 readonly openByHover?: boolean | undefined;
                 readonly transitionDuration?: number | undefined;
                 onOpen?: (() => any) | undefined;
                 onScrollContentList?: ((value: Event) => any) | undefined;
-                opener?: ((_: {}) => any) | import('vue').VNodeChild;
-                header?: ((_: {}) => any) | import('vue').VNodeChild;
-                widget?: ((_: {}) => any) | import('vue').VNodeChild;
-                content?: ((_: {}) => any) | import('vue').VNodeChild;
-                contentList?: ((_: {}) => any) | import('vue').VNodeChild;
-                footer?: ((_: {}) => any) | import('vue').VNodeChild;
+                opener?: ((_: {}) => any) | VNodeChild;
+                header?: ((_: {}) => any) | VNodeChild;
+                widget?: ((_: {}) => any) | VNodeChild;
+                content?: ((_: {}) => any) | VNodeChild;
+                contentList?: ((_: {}) => any) | VNodeChild;
+                footer?: ((_: {}) => any) | VNodeChild;
             };
         };
         template: string;