@bobbykim/manguito-theme 0.22.0 → 0.23.0

package/dist/core.d.ts

@@ -1,244 +1,550 @@
 import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
 import { Directive } from 'vue';
-import { ExtractPropTypes } from 'vue';
-import { PropType } from 'vue';
 import { PublicProps } from 'vue';
 import { Ref } from 'vue';
 import { RendererElement } from 'vue';
 import { RendererNode } from 'vue';
 import { VNode } from 'vue';
 
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-
-declare type __VLS_NonUndefinedable_10<T> = T extends undefined ? never : T;
-
-declare type __VLS_NonUndefinedable_11<T> = T extends undefined ? never : T;
-
-declare type __VLS_NonUndefinedable_2<T> = T extends undefined ? never : T;
-
-declare type __VLS_NonUndefinedable_3<T> = T extends undefined ? never : T;
-
-declare type __VLS_NonUndefinedable_4<T> = T extends undefined ? never : T;
-
-declare type __VLS_NonUndefinedable_5<T> = T extends undefined ? never : T;
-
-declare type __VLS_NonUndefinedable_6<T> = T extends undefined ? never : T;
-
-declare type __VLS_NonUndefinedable_7<T> = T extends undefined ? never : T;
-
-declare type __VLS_NonUndefinedable_8<T> = T extends undefined ? never : T;
-
-declare type __VLS_NonUndefinedable_9<T> = T extends undefined ? never : T;
-
-declare type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-
-declare type __VLS_Prettify_10<T> = {
-    [K in keyof T]: T[K];
-} & {};
-
-declare type __VLS_Prettify_11<T> = {
-    [K in keyof T]: T[K];
-} & {};
-
-declare type __VLS_Prettify_2<T> = {
-    [K in keyof T]: T[K];
-} & {};
+declare const __VLS_component: DefineComponent<    {
+color?: ColorPalette;
+rounded?: boolean;
+shadow?: boolean;
+show?: boolean;
+dismissible?: boolean;
+}, {
+close: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+close: (event: Event) => any;
+}, string, PublicProps, Readonly<{
+color?: ColorPalette;
+rounded?: boolean;
+shadow?: boolean;
+show?: boolean;
+dismissible?: boolean;
+}> & Readonly<{
+onClose?: ((event: Event) => any) | undefined;
+}>, {
+color: ColorPalette;
+rounded: boolean;
+shadow: boolean;
+show: boolean;
+dismissible: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare type __VLS_Prettify_3<T> = {
-    [K in keyof T]: T[K];
-} & {};
+declare const __VLS_component_10: DefineComponent<    {
+tabNumber: number;
+id: string;
+tabClass?: string | string[];
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+tabNumber: number;
+id: string;
+tabClass?: string | string[];
+}> & Readonly<{}>, {
+tabClass: string | string[];
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_11: DefineComponent<    {
+bodyClass?: string | string[];
+contentContainerClass?: string | string[];
+controllerTopClass?: string | string[];
+controllerBottomClass?: string | string[];
+loop?: boolean;
+}, {
+numberOfSlides: Ref<number, number>;
+prev: () => void;
+next: () => void;
+setActive: (idx: number) => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+bodyClass?: string | string[];
+contentContainerClass?: string | string[];
+controllerTopClass?: string | string[];
+controllerBottomClass?: string | string[];
+loop?: boolean;
+}> & Readonly<{}>, {
+bodyClass: string | string[];
+contentContainerClass: string | string[];
+controllerTopClass: string | string[];
+controllerBottomClass: string | string[];
+loop: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare type __VLS_Prettify_4<T> = {
-    [K in keyof T]: T[K];
-} & {};
+declare const __VLS_component_12: DefineComponent<    {
+slideNumber: number;
+id: string;
+slideClass?: string | string[];
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+slideNumber: number;
+id: string;
+slideClass?: string | string[];
+}> & Readonly<{}>, {
+slideClass: string | string[];
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare type __VLS_Prettify_5<T> = {
-    [K in keyof T]: T[K];
-} & {};
+declare const __VLS_component_2: DefineComponent<    {
+accordion?: string;
+className?: string | string[];
+visible?: boolean;
+}, {
+toggle: () => void;
+close: () => void;
+open: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+close: (visible: boolean) => any;
+open: (visible: boolean) => any;
+}, string, PublicProps, Readonly<{
+accordion?: string;
+className?: string | string[];
+visible?: boolean;
+}> & Readonly<{
+onClose?: ((visible: boolean) => any) | undefined;
+onOpen?: ((visible: boolean) => any) | undefined;
+}>, {
+visible: boolean;
+className: string | string[];
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare type __VLS_Prettify_6<T> = {
-    [K in keyof T]: T[K];
-} & {};
+declare const __VLS_component_3: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+toggle: (event: Event) => any;
+"click-outside": (event: Event) => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: ((event: Event) => any) | undefined;
+"onClick-outside"?: ((event: Event) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare type __VLS_Prettify_7<T> = {
-    [K in keyof T]: T[K];
-} & {};
+declare const __VLS_component_4: DefineComponent<    {
+className?: string | string[];
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+className?: string | string[];
+}> & Readonly<{}>, {
+className: string | string[];
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_5: DefineComponent<    {
+bgColor?: ColorPalette;
+mobileMenuBgColor?: ColorPalette;
+drawerBtnColor?: ColorPalette;
+drawerBtnBorder?: boolean;
+fadeInOnScroll?: boolean;
+scrollDistance?: number;
+sticky?: HeaderStickyOptionType;
+}, {
+headerClose: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"toggle-drawer": (event: Event, open: boolean) => any;
+}, string, PublicProps, Readonly<{
+bgColor?: ColorPalette;
+mobileMenuBgColor?: ColorPalette;
+drawerBtnColor?: ColorPalette;
+drawerBtnBorder?: boolean;
+fadeInOnScroll?: boolean;
+scrollDistance?: number;
+sticky?: HeaderStickyOptionType;
+}> & Readonly<{
+"onToggle-drawer"?: ((event: Event, open: boolean) => any) | undefined;
+}>, {
+bgColor: ColorPalette;
+mobileMenuBgColor: ColorPalette;
+drawerBtnColor: ColorPalette;
+drawerBtnBorder: boolean;
+fadeInOnScroll: boolean;
+scrollDistance: number;
+sticky: HeaderStickyOptionType;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare type __VLS_Prettify_8<T> = {
-    [K in keyof T]: T[K];
-} & {};
+declare const __VLS_component_6: DefineComponent<    {
+bgColor?: ColorPalette;
+drawerBtnColor?: ColorPalette;
+drawerBtnBorder?: boolean;
+headerWidth?: number;
+}, {
+headerClose: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"toggle-drawer": (event: Event, open: boolean) => any;
+}, string, PublicProps, Readonly<{
+bgColor?: ColorPalette;
+drawerBtnColor?: ColorPalette;
+drawerBtnBorder?: boolean;
+headerWidth?: number;
+}> & Readonly<{
+"onToggle-drawer"?: ((event: Event, open: boolean) => any) | undefined;
+}>, {
+bgColor: ColorPalette;
+drawerBtnColor: ColorPalette;
+drawerBtnBorder: boolean;
+headerWidth: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_7: DefineComponent<    {
+title?: string;
+titleColor?: ColorPalette;
+className?: string | string[];
+visible?: boolean;
+noBackdrop?: boolean;
+noHeader?: boolean;
+color?: ColorPalette;
+backdropColor?: ColorPalette;
+placement?: VerticalAlignment;
+}, {
+toggle: () => void;
+close: () => void;
+open: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+close: (visible: boolean) => any;
+open: (visible: boolean) => any;
+}, string, PublicProps, Readonly<{
+title?: string;
+titleColor?: ColorPalette;
+className?: string | string[];
+visible?: boolean;
+noBackdrop?: boolean;
+noHeader?: boolean;
+color?: ColorPalette;
+backdropColor?: ColorPalette;
+placement?: VerticalAlignment;
+}> & Readonly<{
+onClose?: ((visible: boolean) => any) | undefined;
+onOpen?: ((visible: boolean) => any) | undefined;
+}>, {
+color: ColorPalette;
+visible: boolean;
+className: string | string[];
+titleColor: ColorPalette;
+noBackdrop: boolean;
+noHeader: boolean;
+backdropColor: ColorPalette;
+placement: VerticalAlignment;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_8: DefineComponent<    {
+title?: string;
+titleColor?: ColorPalette;
+className?: string | string[];
+visible?: boolean;
+noBackdrop?: boolean;
+noHeader?: boolean;
+color?: ColorPalette;
+backdropColor?: ColorPalette;
+placement?: DirectionX;
+width?: string | number;
+}, {
+toggle: () => void;
+open: () => void;
+close: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+close: (visible: boolean) => any;
+open: (visible: boolean) => any;
+}, string, PublicProps, Readonly<{
+title?: string;
+titleColor?: ColorPalette;
+className?: string | string[];
+visible?: boolean;
+noBackdrop?: boolean;
+noHeader?: boolean;
+color?: ColorPalette;
+backdropColor?: ColorPalette;
+placement?: DirectionX;
+width?: string | number;
+}> & Readonly<{
+onClose?: ((visible: boolean) => any) | undefined;
+onOpen?: ((visible: boolean) => any) | undefined;
+}>, {
+color: ColorPalette;
+visible: boolean;
+className: string | string[];
+width: string | number;
+titleColor: ColorPalette;
+noBackdrop: boolean;
+noHeader: boolean;
+backdropColor: ColorPalette;
+placement: DirectionX;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare type __VLS_Prettify_9<T> = {
-    [K in keyof T]: T[K];
-} & {};
+declare const __VLS_component_9: DefineComponent<    {
+bodyClass?: string | string[];
+btnContainerClass?: string | string[];
+contentContainerClass?: string | string[];
+}, {
+update: (arg: number) => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+bodyClass?: string | string[];
+btnContainerClass?: string | string[];
+contentContainerClass?: string | string[];
+}> & Readonly<{}>, {
+bodyClass: string | string[];
+btnContainerClass: string | string[];
+contentContainerClass: string | string[];
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
+declare function __VLS_template(): {
+    slots: Readonly<{
+        default: any;
+    }> & {
+        default: any;
     };
+    refs: {};
+    attrs: Partial<{}>;
 };
 
-declare type __VLS_TypePropsToRuntimeProps_10<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable_10<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
+declare function __VLS_template_10(): {
+    slots: {
+        default?(_: {}): any;
     };
-};
-
-declare type __VLS_TypePropsToRuntimeProps_11<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable_11<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
+    refs: {
+        slotRef: HTMLDivElement;
     };
-};
-
-declare type __VLS_TypePropsToRuntimeProps_2<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable_2<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
+    attrs: Partial<{}>;
+};
+
+declare function __VLS_template_11(): {
+    slots: Readonly<{
+        content: any;
+        'controller-top'(props: {
+            next: () => void;
+            prev: () => void;
+            setActive: (arg: number) => void;
+            numberOfSlides: number;
+            activeSlide: number;
+        }): any;
+        'controller-bottom'(props: {
+            next: () => void;
+            prev: () => void;
+            setActive: (arg: number) => void;
+            numberOfSlides: number;
+            activeSlide: number;
+        }): any;
+    }> & {
+        content: any;
+        'controller-top'(props: {
+            next: () => void;
+            prev: () => void;
+            setActive: (arg: number) => void;
+            numberOfSlides: number;
+            activeSlide: number;
+        }): any;
+        'controller-bottom'(props: {
+            next: () => void;
+            prev: () => void;
+            setActive: (arg: number) => void;
+            numberOfSlides: number;
+            activeSlide: number;
+        }): any;
     };
+    refs: {};
+    attrs: Partial<{}>;
 };
 
-declare type __VLS_TypePropsToRuntimeProps_3<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable_3<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
+declare function __VLS_template_12(): {
+    slots: Readonly<{
+        default: any;
+    }> & {
+        default: any;
     };
-};
-
-declare type __VLS_TypePropsToRuntimeProps_4<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable_4<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
+    refs: {
+        slideRef: HTMLDivElement;
     };
+    attrs: Partial<{}>;
 };
 
-declare type __VLS_TypePropsToRuntimeProps_5<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable_5<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
+declare function __VLS_template_2(): {
+    slots: Readonly<{
+        default: any;
+    }> & {
+        default: any;
     };
-};
-
-declare type __VLS_TypePropsToRuntimeProps_6<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable_6<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
+    refs: {
+        collapseRef: HTMLDivElement;
     };
-};
-
-declare type __VLS_TypePropsToRuntimeProps_7<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable_7<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
+    attrs: Partial<{}>;
+};
+
+declare function __VLS_template_3(): {
+    slots: Readonly<{
+        default: any;
+        toggler(props: {
+            dropdownState: boolean;
+            toggle: (arg: Event) => void;
+        }): any;
+    }> & {
+        default: any;
+        toggler(props: {
+            dropdownState: boolean;
+            toggle: (arg: Event) => void;
+        }): any;
     };
-};
-
-declare type __VLS_TypePropsToRuntimeProps_8<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable_8<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
+    refs: {
+        dropdownTarget: HTMLDivElement;
     };
-};
-
-declare type __VLS_TypePropsToRuntimeProps_9<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable_9<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
+    attrs: Partial<{}>;
+};
+
+declare function __VLS_template_4(): {
+    slots: Readonly<{
+        default(props: {
+            itemClick: () => void;
+        }): any;
+    }> & {
+        default(props: {
+            itemClick: () => void;
+        }): any;
+    };
+    refs: {
+        contentRef: HTMLDivElement;
+    };
+    attrs: Partial<{}>;
+};
+
+declare function __VLS_template_5(): {
+    slots: Readonly<{
+        content: any;
+        'content-right': any;
+        'mobile-content'(props: {
+            headerClose: () => void;
+        }): any;
+    }> & {
+        content: any;
+        'content-right': any;
+        'mobile-content'(props: {
+            headerClose: () => void;
+        }): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+
+declare function __VLS_template_6(): {
+    slots: Readonly<{
+        default: any;
+        content: any;
+        'content-bottom': any;
+        'mobile-content'(props: {
+            headerClose: () => void;
+        }): any;
+    }> & {
+        default: any;
+        content: any;
+        'content-bottom': any;
+        'mobile-content'(props: {
+            headerClose: () => void;
+        }): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+
+declare function __VLS_template_7(): {
+    slots: Readonly<{
+        header(props: {
+            close: () => void;
+            status: boolean;
+        }): any;
+        body(props: {
+            close: () => void;
+            status: boolean;
+        }): any;
+        footer(props: {
+            close: () => void;
+            status: boolean;
+        }): any;
+    }> & {
+        header(props: {
+            close: () => void;
+            status: boolean;
+        }): any;
+        body(props: {
+            close: () => void;
+            status: boolean;
+        }): any;
+        footer(props: {
+            close: () => void;
+            status: boolean;
+        }): any;
     };
+    refs: {
+        modalRef: HTMLDivElement;
+    };
+    attrs: Partial<{}>;
+};
+
+declare function __VLS_template_8(): {
+    slots: Readonly<{
+        header(props: {
+            close: () => void;
+            status: boolean;
+        }): any;
+        body(props: {
+            close: () => void;
+            status: boolean;
+        }): any;
+        footer(props: {
+            close: () => void;
+            status: boolean;
+        }): any;
+    }> & {
+        header(props: {
+            close: () => void;
+            status: boolean;
+        }): any;
+        body(props: {
+            close: () => void;
+            status: boolean;
+        }): any;
+        footer(props: {
+            close: () => void;
+            status: boolean;
+        }): any;
+    };
+    refs: {
+        sidebarRef: HTMLDivElement;
+        headerRef: HTMLDivElement;
+        footerRef: HTMLDivElement;
+    };
+    attrs: Partial<{}>;
+};
+
+declare function __VLS_template_9(): {
+    slots: Readonly<{
+        'tab-button'(props: {
+            update: (num: number) => void;
+            activeTab: number;
+        }): any;
+        'tab-content': any;
+    }> & {
+        'tab-button'(props: {
+            update: (num: number) => void;
+            activeTab: number;
+        }): any;
+        'tab-content': any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
 };
 
-declare 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];
-};
+declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 
-declare type __VLS_WithDefaults_10<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify_10<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
+declare type __VLS_TemplateResult_10 = ReturnType<typeof __VLS_template_10>;
 
-declare type __VLS_WithDefaults_11<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify_11<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
+declare type __VLS_TemplateResult_11 = ReturnType<typeof __VLS_template_11>;
 
-declare type __VLS_WithDefaults_2<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify_2<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
+declare type __VLS_TemplateResult_12 = ReturnType<typeof __VLS_template_12>;
 
-declare type __VLS_WithDefaults_3<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify_3<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
+declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
-declare type __VLS_WithDefaults_4<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify_4<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
+declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
 
-declare type __VLS_WithDefaults_5<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify_5<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
+declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
 
-declare type __VLS_WithDefaults_6<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify_6<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
+declare type __VLS_TemplateResult_5 = ReturnType<typeof __VLS_template_5>;
 
-declare type __VLS_WithDefaults_7<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify_7<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
+declare type __VLS_TemplateResult_6 = ReturnType<typeof __VLS_template_6>;
 
-declare type __VLS_WithDefaults_8<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify_8<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
+declare type __VLS_TemplateResult_7 = ReturnType<typeof __VLS_template_7>;
 
-declare type __VLS_WithDefaults_9<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify_9<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
+declare type __VLS_TemplateResult_8 = ReturnType<typeof __VLS_template_8>;
+
+declare type __VLS_TemplateResult_9 = ReturnType<typeof __VLS_template_9>;
 
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
@@ -312,183 +618,35 @@ declare type __VLS_WithTemplateSlots_9<T, S> = T & {
     };
 };
 
-export declare const Alert: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-color?: ColorPalette | undefined;
-rounded?: boolean | undefined;
-shadow?: boolean | undefined;
-show?: boolean | undefined;
-dismissible?: boolean | undefined;
-}>, {
-color: string;
-rounded: boolean;
-shadow: boolean;
-show: boolean;
-dismissible: boolean;
-}>, {
-close: () => void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-close: (event: Event) => void;
-}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-color?: ColorPalette | undefined;
-rounded?: boolean | undefined;
-shadow?: boolean | undefined;
-show?: boolean | undefined;
-dismissible?: boolean | undefined;
-}>, {
-color: string;
-rounded: boolean;
-shadow: boolean;
-show: boolean;
-dismissible: boolean;
-}>>> & {
-onClose?: ((event: Event) => any) | undefined;
-}, {
-color: ColorPalette;
-shadow: boolean;
-rounded: boolean;
-show: boolean;
-dismissible: boolean;
-}, {}>, Readonly<{
-    default: any;
-}> & {
-    default: any;
-}>;
+export declare const Alert: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
 export declare type Alignment = 'left' | 'center' | 'right';
 
-declare const allType: readonly ["BGCOLOR", "BEFOREBG", "AFTERBG", "HVBGCOLOR", "FCBGCOLOR", "ACTIVEBG", "TEXTCOLOR", "HVTEXTCOLOR", "FCTEXTCOLOR", "DISABLEDTEXTCOLOR", "SVGFILL", "RINGCOLOR", "FOCUSRING", "ACTIVERING", "OFFSETRING", "DUMMYCOLOR", "BTNCOLOR", "LISTCOLOR", "BORDER", "BORDERX", "BORDERY", "BORDERT", "BORDERB", "BORDERL", "BORDERR", "H1", "H2", "H3", "H4", "BODYTEXT", "FONTWEIGHT", "TEXTALIGN", "BORDERW", "BORDERXW", "BORDERYW", "BORDERTW", "BORDERBW", "BORDERLW", "BORDERRW", "BGOPACITY", "OPACITY", "MARGIN", "MARGINX", "MARGINY", "MARGINT", "MARGINB", "MARGINL", "MARGINR", "PADDING", "PADDINGX", "PADDINGY", "PADDINGT", "PADDINGB", "PADDINGL", "PADDINGR", "GAP"];
+declare const allType: readonly ["BGCOLOR", "BEFOREBG", "AFTERBG", "HVBGCOLOR", "FCBGCOLOR", "ACTIVEBG", "TEXTCOLOR", "HVTEXTCOLOR", "FCTEXTCOLOR", "DISABLEDTEXTCOLOR", "SVGFILL", "RINGCOLOR", "FOCUSRING", "ACTIVERING", "OFFSETRING", "BTNCOLOR", "LISTCOLOR", "BORDER", "BORDERX", "BORDERY", "BORDERT", "BORDERB", "BORDERL", "BORDERR", "BODYTEXT", "FONTWEIGHT", "TEXTALIGN", "H1", "H2", "H3", "H4", "BORDERW", "BORDERXW", "BORDERYW", "BORDERTW", "BORDERBW", "BORDERLW", "BORDERRW", "BGOPACITY", "OPACITY", "MARGIN", "MARGINX", "MARGINY", "MARGINT", "MARGINB", "MARGINL", "MARGINR", "PADDING", "PADDINGX", "PADDINGY", "PADDINGT", "PADDINGB", "PADDINGL", "PADDINGR", "GAP"];
 
 export declare type BodyText = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 
+declare type BorderWidthClassType = ClassTypesMap['borderWidthType'];
+
 export declare type ButtonSize = 'small' | 'medium' | 'large';
 
-export declare const CarouselContainer: __VLS_WithTemplateSlots_11<DefineComponent<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<{
-bodyClass?: string | string[] | undefined;
-contentContainerClass?: string | string[] | undefined;
-controllerTopClass?: string | string[] | undefined;
-controllerBottomClass?: string | string[] | undefined;
-loop?: boolean | undefined;
-}>, {
-bodyClass: string;
-contentContainerClass: string;
-controllerTopClass: string;
-controllerBottomClass: string;
-loop: boolean;
-}>, {
-numberOfSlides: Ref<number>;
-prev: () => void;
-next: () => void;
-setActive: (idx: number) => void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToRuntimeProps_10<{
-bodyClass?: string | string[] | undefined;
-contentContainerClass?: string | string[] | undefined;
-controllerTopClass?: string | string[] | undefined;
-controllerBottomClass?: string | string[] | undefined;
-loop?: boolean | undefined;
-}>, {
-bodyClass: string;
-contentContainerClass: string;
-controllerTopClass: string;
-controllerBottomClass: string;
-loop: boolean;
-}>>>, {
-bodyClass: string | string[];
-contentContainerClass: string | string[];
-controllerTopClass: string | string[];
-controllerBottomClass: string | string[];
-loop: boolean;
-}, {}>, Readonly<{
-    content: any;
-    'controller-top'(props: {
-        next: () => void;
-        prev: () => void;
-        setActive: (arg: number) => void;
-        numberOfSlides: number;
-        activeSlide: number;
-    }): any;
-    'controller-bottom'(props: {
-        next: () => void;
-        prev: () => void;
-        setActive: (arg: number) => void;
-        numberOfSlides: number;
-        activeSlide: number;
-    }): any;
-}> & {
-    content: any;
-    'controller-top'(props: {
-        next: () => void;
-        prev: () => void;
-        setActive: (arg: number) => void;
-        numberOfSlides: number;
-        activeSlide: number;
-    }): any;
-    'controller-bottom'(props: {
-        next: () => void;
-        prev: () => void;
-        setActive: (arg: number) => void;
-        numberOfSlides: number;
-        activeSlide: number;
-    }): any;
-}>;
-
-export declare const CarouselContent: __VLS_WithTemplateSlots_12<DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<{
-slideNumber: number;
-id: string;
-slideClass?: string | string[] | undefined;
-}>, {
-slideClass: string;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToRuntimeProps_11<{
-slideNumber: number;
-id: string;
-slideClass?: string | string[] | undefined;
-}>, {
-slideClass: string;
-}>>>, {
-slideClass: string | string[];
-}, {}>, Readonly<{
-    default: any;
-}> & {
-    default: any;
-}>;
+export declare const CarouselContainer: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
+
+export declare const CarouselContent: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
 
 declare type ClassType = (typeof allType)[number];
 
+declare type ClassTypesMap = {
+    [K in keyof GroupTypes]: (typeof typeGroup)[K][number];
+};
+
 export declare const ClientSideRender: DefineComponent<    {}, () => VNode<RendererNode, RendererElement, {
 [key: string]: any;
-}>[] | null, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {}>>, {}, {}>;
+}>[] | null, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-export declare const Collapse: __VLS_WithTemplateSlots_2<DefineComponent<__VLS_WithDefaults_2<__VLS_TypePropsToRuntimeProps_2<{
-accordion?: string | undefined;
-className?: string | string[] | undefined;
-visible?: boolean | undefined;
-}>, {
-className: string;
-visible: boolean;
-}>, {
-toggle: () => void;
-close: () => void;
-open: () => void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-open: (visible: boolean) => void;
-close: (visible: boolean) => void;
-}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_2<__VLS_TypePropsToRuntimeProps_2<{
-accordion?: string | undefined;
-className?: string | string[] | undefined;
-visible?: boolean | undefined;
-}>, {
-className: string;
-visible: boolean;
-}>>> & {
-onOpen?: ((visible: boolean) => any) | undefined;
-onClose?: ((visible: boolean) => any) | undefined;
-}, {
-visible: boolean;
-className: string | string[];
-}, {}>, Readonly<{
-    default: any;
-}> & {
-    default: any;
-}>;
+export declare const Collapse: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
+
+declare type ColorClassType = ClassTypesMap['colorType'];
 
 export declare type ColorPalette = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'light-1' | 'light-2' | 'light-3' | 'light-4' | 'dark-1' | 'dark-2' | 'dark-3' | 'dark-4' | 'black' | 'white' | 'transparent';
 
@@ -504,159 +662,26 @@ export declare type DirectionX = 'left' | 'right';
 
 export declare type DirectionY = 'top' | 'bottom';
 
-export declare const DropdownContainer: __VLS_WithTemplateSlots_3<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"click-outside": (event: Event) => void;
-toggle: (event: Event) => void;
-}, string, PublicProps, Readonly<ExtractPropTypes<    {}>> & {
-onToggle?: ((event: Event) => any) | undefined;
-"onClick-outside"?: ((event: Event) => any) | undefined;
-}, {}, {}>, Readonly<{
-    default: any;
-    toggler(props: {
-        dropdownState: boolean;
-        toggle: (arg: Event) => void;
-    }): any;
-}> & {
-    default: any;
-    toggler(props: {
-        dropdownState: boolean;
-        toggle: (arg: Event) => void;
-    }): any;
-}>;
-
-export declare const DropdownContent: __VLS_WithTemplateSlots_4<DefineComponent<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<{
-className?: string | string[] | undefined;
-}>, {
-className: string;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_3<__VLS_TypePropsToRuntimeProps_3<{
-className?: string | string[] | undefined;
-}>, {
-className: string;
-}>>>, {
-className: string | string[];
-}, {}>, Readonly<{
-    default(props: {
-        itemClick: () => void;
-    }): any;
-}> & {
-    default(props: {
-        itemClick: () => void;
-    }): any;
-}>;
+export declare const DropdownContainer: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
+
+export declare const DropdownContent: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
 
 export declare type FontWeight = 'light' | 'normal' | 'bold';
 
-declare const generateClass: (type: ClassType, value: InputType_2) => string;
+declare type FontWeightClassType = ClassTypesMap['fontWeightType'];
+
+declare const generateClass: <T extends ClassType>(type: T, value: InputType_2<T>) => string;
 export default generateClass;
 
-export declare const HeaderHorizontal: __VLS_WithTemplateSlots_5<DefineComponent<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<{
-bgColor?: ColorPalette | undefined;
-mobileMenuBgColor?: ColorPalette | undefined;
-drawerBtnColor?: ColorPalette | undefined;
-drawerBtnBorder?: boolean | undefined;
-fadeInOnScroll?: boolean | undefined;
-scrollDistance?: number | undefined;
-sticky?: HeaderStickyOptionType | undefined;
-}>, {
-bgColor: string;
-mobileMenuBgColor: string;
-drawerBtnColor: string;
-drawerBtnBorder: boolean;
-fadeInOnScroll: boolean;
-scrollDistance: number;
-sticky: string;
-}>, {
-headerClose: () => void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"toggle-drawer": (event: Event, open: boolean) => void;
-}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<{
-bgColor?: ColorPalette | undefined;
-mobileMenuBgColor?: ColorPalette | undefined;
-drawerBtnColor?: ColorPalette | undefined;
-drawerBtnBorder?: boolean | undefined;
-fadeInOnScroll?: boolean | undefined;
-scrollDistance?: number | undefined;
-sticky?: HeaderStickyOptionType | undefined;
-}>, {
-bgColor: string;
-mobileMenuBgColor: string;
-drawerBtnColor: string;
-drawerBtnBorder: boolean;
-fadeInOnScroll: boolean;
-scrollDistance: number;
-sticky: string;
-}>>> & {
-"onToggle-drawer"?: ((event: Event, open: boolean) => any) | undefined;
-}, {
-bgColor: ColorPalette;
-mobileMenuBgColor: ColorPalette;
-drawerBtnColor: ColorPalette;
-drawerBtnBorder: boolean;
-fadeInOnScroll: boolean;
-scrollDistance: number;
-sticky: HeaderStickyOptionType;
-}, {}>, Readonly<{
-    content: any;
-    'content-right': any;
-    'mobile-content'(props: {
-        headerClose: () => void;
-    }): any;
-}> & {
-    content: any;
-    'content-right': any;
-    'mobile-content'(props: {
-        headerClose: () => void;
-    }): any;
-}>;
+declare type GroupTypes = typeof typeGroup;
+
+export declare const HeaderHorizontal: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
 
 export declare type HeaderStickyOptionType = 'none' | 'tablet' | 'pc' | 'all';
 
-export declare const HeaderVertical: __VLS_WithTemplateSlots_6<DefineComponent<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<{
-bgColor?: ColorPalette | undefined;
-drawerBtnColor?: ColorPalette | undefined;
-drawerBtnBorder?: boolean | undefined;
-headerWidth?: number | undefined;
-}>, {
-bgColor: string;
-drawerBtnColor: string;
-drawerBtnBorder: boolean;
-headerWidth: number;
-}>, {
-headerClose: () => void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"toggle-drawer": (event: Event, open: boolean) => void;
-}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_5<__VLS_TypePropsToRuntimeProps_5<{
-bgColor?: ColorPalette | undefined;
-drawerBtnColor?: ColorPalette | undefined;
-drawerBtnBorder?: boolean | undefined;
-headerWidth?: number | undefined;
-}>, {
-bgColor: string;
-drawerBtnColor: string;
-drawerBtnBorder: boolean;
-headerWidth: number;
-}>>> & {
-"onToggle-drawer"?: ((event: Event, open: boolean) => any) | undefined;
-}, {
-bgColor: ColorPalette;
-drawerBtnColor: ColorPalette;
-drawerBtnBorder: boolean;
-headerWidth: number;
-}, {}>, Readonly<{
-    default: any;
-    content: any;
-    'content-bottom': any;
-    'mobile-content'(props: {
-        headerClose: () => void;
-    }): any;
-}> & {
-    default: any;
-    content: any;
-    'content-bottom': any;
-    'mobile-content'(props: {
-        headerClose: () => void;
-    }): any;
-}>;
+export declare const HeaderVertical: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
+
+declare type HeadingClassType = ClassTypesMap['headingSizeType'];
 
 export declare type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4';
 
@@ -664,94 +689,11 @@ export declare type HeadingSize = 'sm' | 'md' | 'lg' | 'xl';
 
 export declare type InputType = 'text' | 'email' | 'password';
 
-declare type InputType_2 = ColorPalette | HeadingSize | BodyText | FontWeight | Range_2<1, 12> | OpacityRange | SpacingLevel | Alignment;
+declare type InputType_2<T extends ClassType> = T extends ColorClassType ? ColorPalette : T extends HeadingClassType ? HeadingSize : T extends TextClassType ? BodyText : T extends FontWeightClassType ? FontWeight : T extends TextAlignmentClassType ? Alignment : T extends BorderWidthClassType ? Range_2<1, 12> : T extends ScaleClassType ? OpacityRange : T extends SpacingClassType ? SpacingLevel : never;
 
 declare type IntRange<T extends number[], E extends number, R extends number = never> = T['length'] extends E ? R | E : IntRange<[...T, 1], E, R | T['length']>;
 
-export declare const Modal: __VLS_WithTemplateSlots_7<DefineComponent<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_6<{
-title?: string | undefined;
-titleColor?: ColorPalette | undefined;
-className?: string | string[] | undefined;
-visible?: boolean | undefined;
-noBackdrop?: boolean | undefined;
-noHeader?: boolean | undefined;
-color?: ColorPalette | undefined;
-backdropColor?: ColorPalette | undefined;
-placement?: VerticalAlignment | undefined;
-}>, {
-titleColor: string;
-className: string;
-visible: boolean;
-noBackdrop: boolean;
-noHeader: boolean;
-color: string;
-backdropColor: string;
-placement: string;
-}>, {
-toggle: () => void;
-close: () => void;
-open: () => void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-open: (visible: boolean) => void;
-close: (visible: boolean) => void;
-}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_6<__VLS_TypePropsToRuntimeProps_6<{
-title?: string | undefined;
-titleColor?: ColorPalette | undefined;
-className?: string | string[] | undefined;
-visible?: boolean | undefined;
-noBackdrop?: boolean | undefined;
-noHeader?: boolean | undefined;
-color?: ColorPalette | undefined;
-backdropColor?: ColorPalette | undefined;
-placement?: VerticalAlignment | undefined;
-}>, {
-titleColor: string;
-className: string;
-visible: boolean;
-noBackdrop: boolean;
-noHeader: boolean;
-color: string;
-backdropColor: string;
-placement: string;
-}>>> & {
-onOpen?: ((visible: boolean) => any) | undefined;
-onClose?: ((visible: boolean) => any) | undefined;
-}, {
-visible: boolean;
-className: string | string[];
-color: ColorPalette;
-titleColor: ColorPalette;
-noBackdrop: boolean;
-noHeader: boolean;
-backdropColor: ColorPalette;
-placement: VerticalAlignment;
-}, {}>, Readonly<{
-    header(props: {
-        close: () => void;
-        status: boolean;
-    }): any;
-    body(props: {
-        close: () => void;
-        status: boolean;
-    }): any;
-    footer(props: {
-        close: () => void;
-        status: boolean;
-    }): any;
-}> & {
-    header(props: {
-        close: () => void;
-        status: boolean;
-    }): any;
-    body(props: {
-        close: () => void;
-        status: boolean;
-    }): any;
-    footer(props: {
-        close: () => void;
-        status: boolean;
-    }): any;
-}>;
+export declare const Modal: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
 
 export declare type OpacityRange = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
 
@@ -760,151 +702,21 @@ export { Range_2 as Range }
 
 declare type _RangeArray<T extends number, R extends unknown[] = []> = R['length'] extends T ? R : _RangeArray<T, [...R, 1]>;
 
-export declare const Sidebar: __VLS_WithTemplateSlots_8<DefineComponent<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<{
-title?: string | undefined;
-titleColor?: ColorPalette | undefined;
-className?: string | string[] | undefined;
-visible?: boolean | undefined;
-noBackdrop?: boolean | undefined;
-noHeader?: boolean | undefined;
-color?: ColorPalette | undefined;
-backdropColor?: ColorPalette | undefined;
-placement?: DirectionX | undefined;
-width?: string | number | undefined;
-}>, {
-titleColor: string;
-className: string;
-visible: boolean;
-noBackdrop: boolean;
-noHeader: boolean;
-color: string;
-backdropColor: string;
-placement: string;
-width: number;
-}>, {
-toggle: () => void;
-open: () => void;
-close: () => void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-open: (visible: boolean) => void;
-close: (visible: boolean) => void;
-}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_7<__VLS_TypePropsToRuntimeProps_7<{
-title?: string | undefined;
-titleColor?: ColorPalette | undefined;
-className?: string | string[] | undefined;
-visible?: boolean | undefined;
-noBackdrop?: boolean | undefined;
-noHeader?: boolean | undefined;
-color?: ColorPalette | undefined;
-backdropColor?: ColorPalette | undefined;
-placement?: DirectionX | undefined;
-width?: string | number | undefined;
-}>, {
-titleColor: string;
-className: string;
-visible: boolean;
-noBackdrop: boolean;
-noHeader: boolean;
-color: string;
-backdropColor: string;
-placement: string;
-width: number;
-}>>> & {
-onOpen?: ((visible: boolean) => any) | undefined;
-onClose?: ((visible: boolean) => any) | undefined;
-}, {
-visible: boolean;
-className: string | string[];
-color: ColorPalette;
-width: string | number;
-titleColor: ColorPalette;
-noBackdrop: boolean;
-noHeader: boolean;
-backdropColor: ColorPalette;
-placement: DirectionX;
-}, {}>, Readonly<{
-    header(props: {
-        close: () => void;
-        status: boolean;
-    }): any;
-    body(props: {
-        close: () => void;
-        status: boolean;
-    }): any;
-    footer(props: {
-        close: () => void;
-        status: boolean;
-    }): any;
-}> & {
-    header(props: {
-        close: () => void;
-        status: boolean;
-    }): any;
-    body(props: {
-        close: () => void;
-        status: boolean;
-    }): any;
-    footer(props: {
-        close: () => void;
-        status: boolean;
-    }): any;
-}>;
+declare type ScaleClassType = ClassTypesMap['scaleType'];
+
+export declare const Sidebar: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
+
+declare type SpacingClassType = ClassTypesMap['spacingType'];
 
 export declare type SpacingLevel = '0' | '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
 
-export declare const TabContainer: __VLS_WithTemplateSlots_9<DefineComponent<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<{
-bodyClass?: string | string[] | undefined;
-btnContainerClass?: string | string[] | undefined;
-contentContainerClass?: string | string[] | undefined;
-}>, {
-bodyClass: string;
-btnContainerClass: string;
-contentContainerClass: string;
-}>, {
-update: (arg: number) => void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_8<__VLS_TypePropsToRuntimeProps_8<{
-bodyClass?: string | string[] | undefined;
-btnContainerClass?: string | string[] | undefined;
-contentContainerClass?: string | string[] | undefined;
-}>, {
-bodyClass: string;
-btnContainerClass: string;
-contentContainerClass: string;
-}>>>, {
-bodyClass: string | string[];
-btnContainerClass: string | string[];
-contentContainerClass: string | string[];
-}, {}>, Readonly<{
-    'tab-button'(props: {
-        update: (num: number) => void;
-        activeTab: number;
-    }): any;
-    'tab-content': any;
-}> & {
-    'tab-button'(props: {
-        update: (num: number) => void;
-        activeTab: number;
-    }): any;
-    'tab-content': any;
-}>;
-
-export declare const TabContent: __VLS_WithTemplateSlots_10<DefineComponent<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<{
-tabNumber: number;
-id: string;
-tabClass?: string | string[] | undefined;
-}>, {
-tabClass: string;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_9<__VLS_TypePropsToRuntimeProps_9<{
-tabNumber: number;
-id: string;
-tabClass?: string | string[] | undefined;
-}>, {
-tabClass: string;
-}>>>, {
-tabClass: string | string[];
-}, {}>, {
-    default?(_: {}): any;
-}>;
+export declare const TabContainer: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
+
+export declare const TabContent: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
+
+declare type TextAlignmentClassType = ClassTypesMap['textAlignType'];
+
+declare type TextClassType = ClassTypesMap['textType'];
 
 declare interface TooltipElementType extends HTMLElement {
     __HandleTooltip: Function;
@@ -921,6 +733,17 @@ declare interface TooltipValueObjectType {
 
 declare type TooltipValueType = TooltipValueObjectType | string;
 
+declare const typeGroup: {
+    colorType: readonly ["BGCOLOR", "BEFOREBG", "AFTERBG", "HVBGCOLOR", "FCBGCOLOR", "ACTIVEBG", "TEXTCOLOR", "HVTEXTCOLOR", "FCTEXTCOLOR", "DISABLEDTEXTCOLOR", "SVGFILL", "RINGCOLOR", "FOCUSRING", "ACTIVERING", "OFFSETRING", "BTNCOLOR", "LISTCOLOR", "BORDER", "BORDERX", "BORDERY", "BORDERT", "BORDERB", "BORDERL", "BORDERR"];
+    textType: readonly ["BODYTEXT"];
+    fontWeightType: readonly ["FONTWEIGHT"];
+    textAlignType: readonly ["TEXTALIGN"];
+    headingSizeType: readonly ["H1", "H2", "H3", "H4"];
+    borderWidthType: readonly ["BORDERW", "BORDERXW", "BORDERYW", "BORDERTW", "BORDERBW", "BORDERLW", "BORDERRW"];
+    scaleType: readonly ["BGOPACITY", "OPACITY"];
+    spacingType: readonly ["MARGIN", "MARGINX", "MARGINY", "MARGINT", "MARGINB", "MARGINL", "MARGINR", "PADDING", "PADDINGX", "PADDINGY", "PADDINGT", "PADDINGB", "PADDINGL", "PADDINGR", "GAP"];
+};
+
 export declare const vClickOutside: Directive;
 
 export declare const vCollapse: Directive;