@bobbykim/manguito-theme 0.27.0 → 0.28.1

package/dist/core.d.ts

@@ -2,6 +2,7 @@ import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
 import { Directive } from 'vue';
+import { DirectiveBinding } from 'vue';
 import { PublicProps } from 'vue';
 import { Ref } from 'vue';
 import { RendererElement } from 'vue';
@@ -35,6 +36,110 @@ dismissible: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_component_10: DefineComponent<    {
+title?: string;
+titleColor?: ColorPalette;
+className?: string | string[];
+visible?: boolean;
+noBackdrop?: boolean;
+noHeader?: boolean;
+color?: ColorPalette;
+backdropColor?: ColorPalette;
+placement?: VerticalAlignment;
+modalWidth?: SizeOption;
+}, {
+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;
+modalWidth?: SizeOption;
+}> & 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;
+modalWidth: SizeOption;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_11: 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 const __VLS_component_12: 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[];
+contentContainerClass: string | string[];
+btnContainerClass: string | string[];
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_13: DefineComponent<    {
 tabNumber: number;
 id: string;
 tabClass?: string | string[];
@@ -46,7 +151,61 @@ tabClass?: string | string[];
 tabClass: string | string[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_11: DefineComponent<    {
+declare const __VLS_component_2: DefineComponent<    {
+variant?: ColorPalette;
+border?: boolean;
+borderVariant?: ColorPalette;
+rounded?: boolean;
+shadow?: boolean;
+glass?: boolean;
+glassBlur?: BodyText;
+glassOpacity?: OpacityRange;
+imageSrc?: string;
+imageAlt?: string;
+noImage?: boolean;
+noBody?: boolean;
+header?: string;
+footer?: string;
+title?: string;
+titleVariant?: ColorPalette;
+titleSize?: HeadingSize;
+cardClass?: string | string[];
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
+variant?: ColorPalette;
+border?: boolean;
+borderVariant?: ColorPalette;
+rounded?: boolean;
+shadow?: boolean;
+glass?: boolean;
+glassBlur?: BodyText;
+glassOpacity?: OpacityRange;
+imageSrc?: string;
+imageAlt?: string;
+noImage?: boolean;
+noBody?: boolean;
+header?: string;
+footer?: string;
+title?: string;
+titleVariant?: ColorPalette;
+titleSize?: HeadingSize;
+cardClass?: string | string[];
+}> & Readonly<{}>, {
+rounded: boolean;
+shadow: boolean;
+variant: ColorPalette;
+border: boolean;
+borderVariant: ColorPalette;
+glass: boolean;
+glassBlur: BodyText;
+glassOpacity: OpacityRange;
+noImage: boolean;
+noBody: boolean;
+titleVariant: ColorPalette;
+titleSize: HeadingSize;
+cardClass: string | string[];
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_3: DefineComponent<    {
 bodyClass?: string | string[];
 contentContainerClass?: string | string[];
 controllerTopClass?: string | string[];
@@ -71,7 +230,7 @@ controllerBottomClass: string | string[];
 loop: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_12: DefineComponent<    {
+declare const __VLS_component_4: DefineComponent<    {
 slideNumber: number;
 id: string;
 slideClass?: string | string[];
@@ -83,7 +242,7 @@ slideClass?: string | string[];
 slideClass: string | string[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_2: DefineComponent<    {
+declare const __VLS_component_5: DefineComponent<    {
 accordion?: string;
 className?: string | string[];
 visible?: boolean;
@@ -106,7 +265,7 @@ visible: boolean;
 className: string | string[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_3: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component_6: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 toggle: (event: Event) => any;
 "click-outside": (event: Event) => any;
 }, string, PublicProps, Readonly<{}> & Readonly<{
@@ -114,7 +273,7 @@ onToggle?: ((event: Event) => any) | undefined;
 "onClick-outside"?: ((event: Event) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-declare const __VLS_component_4: DefineComponent<    {
+declare const __VLS_component_7: DefineComponent<    {
 className?: string | string[];
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
 className?: string | string[];
@@ -122,7 +281,7 @@ className?: string | string[];
 className: string | string[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_5: DefineComponent<    {
+declare const __VLS_component_8: DefineComponent<    {
 bgColor?: ColorPalette;
 mobileMenuBgColor?: ColorPalette;
 drawerBtnColor?: ColorPalette;
@@ -154,7 +313,7 @@ scrollDistance: number;
 sticky: HeaderStickyOptionType;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_6: DefineComponent<    {
+declare const __VLS_component_9: DefineComponent<    {
 bgColor?: ColorPalette;
 drawerBtnColor?: ColorPalette;
 drawerBtnBorder?: boolean;
@@ -177,110 +336,6 @@ 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;
-modalWidth?: SizeOption;
-}, {
-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;
-modalWidth?: SizeOption;
-}> & 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;
-modalWidth: SizeOption;
-}, {}, {}, {}, 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 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 function __VLS_template(): {
     slots: Readonly<{
         default: any;
@@ -292,6 +347,94 @@ declare function __VLS_template(): {
 };
 
 declare function __VLS_template_10(): {
+    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_11(): {
+    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_12(): {
+    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 function __VLS_template_13(): {
     slots: {
         default?(_: {}): any;
     };
@@ -301,7 +444,23 @@ declare function __VLS_template_10(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_11(): {
+declare function __VLS_template_2(): {
+    slots: Readonly<{
+        default: any;
+        header: any;
+        body: any;
+        footer: any;
+    }> & {
+        default: any;
+        header: any;
+        body: any;
+        footer: any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+
+declare function __VLS_template_3(): {
     slots: Readonly<{
         content: any;
         'controller-top'(props: {
@@ -339,7 +498,7 @@ declare function __VLS_template_11(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_12(): {
+declare function __VLS_template_4(): {
     slots: Readonly<{
         default: any;
     }> & {
@@ -351,7 +510,7 @@ declare function __VLS_template_12(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_2(): {
+declare function __VLS_template_5(): {
     slots: Readonly<{
         default: any;
     }> & {
@@ -363,7 +522,7 @@ declare function __VLS_template_2(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_3(): {
+declare function __VLS_template_6(): {
     slots: Readonly<{
         default: any;
         toggler(props: {
@@ -383,7 +542,7 @@ declare function __VLS_template_3(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_4(): {
+declare function __VLS_template_7(): {
     slots: Readonly<{
         default(props: {
             itemClick: () => void;
@@ -399,7 +558,7 @@ declare function __VLS_template_4(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_5(): {
+declare function __VLS_template_8(): {
     slots: Readonly<{
         content: any;
         'content-right': any;
@@ -417,7 +576,7 @@ declare function __VLS_template_5(): {
     attrs: Partial<{}>;
 };
 
-declare function __VLS_template_6(): {
+declare function __VLS_template_9(): {
     slots: Readonly<{
         default: any;
         content: any;
@@ -437,94 +596,6 @@ declare function __VLS_template_6(): {
     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_TemplateResult = ReturnType<typeof __VLS_template>;
 
 declare type __VLS_TemplateResult_10 = ReturnType<typeof __VLS_template_10>;
@@ -533,6 +604,8 @@ declare type __VLS_TemplateResult_11 = ReturnType<typeof __VLS_template_11>;
 
 declare type __VLS_TemplateResult_12 = ReturnType<typeof __VLS_template_12>;
 
+declare type __VLS_TemplateResult_13 = ReturnType<typeof __VLS_template_13>;
+
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
 declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
@@ -573,6 +646,12 @@ declare type __VLS_WithTemplateSlots_12<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_13<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     new (): {
         $slots: S;
@@ -631,9 +710,11 @@ export declare type BodyText = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 
 declare type BorderWidthClassType = ClassTypesMap['borderWidthType'];
 
-export declare const CarouselContainer: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
+export declare const Card: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
+
+export declare const CarouselContainer: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
 
-export declare const CarouselContent: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
+export declare const CarouselContent: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
 
 declare type ClassType = (typeof allType)[number];
 
@@ -641,11 +722,44 @@ declare type ClassTypesMap = {
     [K in keyof GroupTypes]: (typeof typeGroup)[K][number];
 };
 
+/**
+ * Extends HTMLElement to include the custom handler attached by the directive
+ */
+declare interface ClickOutsideElement extends HTMLElement {
+    __ClickOutsideHandler?: (event: MouseEvent | TouchEvent) => void;
+}
+
+/**
+ * Type for the click outside handler function
+ */
+declare type ClickOutsideHandler = (event: MouseEvent | TouchEvent) => void;
+
+/**
+ * Configuration options for click outside directive
+ */
+declare interface ClickOutsideOptions {
+    handler: ClickOutsideHandler;
+    events?: ('click' | 'mousedown' | 'touchstart')[];
+    excludeElements?: HTMLElement[];
+}
+
+/**
+ * Type for the directive value - can be a function or options object
+ */
+declare type ClickOutsideValue = ClickOutsideHandler | ClickOutsideOptions;
+
 export declare const ClientSideRender: DefineComponent<    {}, () => VNode<RendererNode, RendererElement, {
 [key: string]: any;
 }>[] | null, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
-export declare const Collapse: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
+export declare const Collapse: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
+
+/**
+ * Extends HTMLElement to include the custom handler attached by the directive
+ */
+declare interface CollapseElement extends HTMLElement {
+    __HandleToggler?: (event: Event) => void;
+}
 
 declare type ColorClassType = ClassTypesMap['colorType'];
 
@@ -663,9 +777,9 @@ export declare type DirectionX = 'left' | 'right';
 
 export declare type DirectionY = 'top' | 'bottom';
 
-export declare const DropdownContainer: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
+export declare const DropdownContainer: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
 
-export declare const DropdownContent: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
+export declare const DropdownContent: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
 
 export declare type FontWeight = 'light' | 'normal' | 'bold';
 
@@ -674,13 +788,15 @@ declare type FontWeightClassType = ClassTypesMap['fontWeightType'];
 declare const generateClass: <T extends ClassType>(type: T, value: InputType_2<T>) => string;
 export default generateClass;
 
+export declare const getGlassmorphismClass: (color: ColorPalette, blur: BodyText, opacity: OpacityRange, depth?: OpacityRange) => string;
+
 declare type GroupTypes = typeof typeGroup;
 
-export declare const HeaderHorizontal: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
+export declare const HeaderHorizontal: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
 
 export declare type HeaderStickyOptionType = 'none' | 'tablet' | 'pc' | 'all';
 
-export declare const HeaderVertical: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
+export declare const HeaderVertical: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
 
 declare type HeadingClassType = ClassTypesMap['headingSizeType'];
 
@@ -694,7 +810,16 @@ declare type InputType_2<T extends ClassType> = T extends ColorClassType ? Color
 
 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<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
+export declare const Modal: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
+
+/**
+ * Return type with stop function
+ */
+declare interface ObserverControl {
+    stop: () => void;
+}
+
+/* Excluded from this release type: observeVisibleAttr */
 
 export declare type OpacityRange = 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
 
@@ -705,7 +830,7 @@ declare type _RangeArray<T extends number, R extends unknown[] = []> = R['length
 
 declare type ScaleClassType = ClassTypesMap['scaleType'];
 
-export declare const Sidebar: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
+export declare const Sidebar: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
 
 export declare type SizeOption = 'small' | 'medium' | 'large';
 
@@ -713,20 +838,27 @@ 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<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
+export declare const TabContainer: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
 
-export declare const TabContent: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
+export declare const TabContent: __VLS_WithTemplateSlots_13<typeof __VLS_component_13, __VLS_TemplateResult_13["slots"]>;
 
 declare type TextAlignmentClassType = ClassTypesMap['textAlignType'];
 
 declare type TextClassType = ClassTypesMap['textType'];
 
+/**
+ * Extends HTMLElement to include the custom handler attached by the directive
+ */
+declare interface ToggleElement extends HTMLElement {
+    __ClickToggleHandler?: (event: Event) => void;
+}
+
 declare interface TooltipElementType extends HTMLElement {
-    __HandleTooltip: Function;
-    __UnmountTooltip: Function;
+    __HandleTooltip: (binding: DirectiveBinding<TooltipValueType>) => void;
+    __UnmountTooltip: () => void;
 }
 
-declare interface TooltipValueObjectType {
+export declare interface TooltipValueObjectType {
     title?: string;
     color?: ColorPalette;
     textColor?: ColorPalette;
@@ -747,14 +879,36 @@ declare const typeGroup: {
     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;
+/**
+ * Vue directive that triggers a callback when clicking outside an element
+ *
+ * @example
+ * // Simple usage
+ * <div v-click-outside="handleClickOutside">Content</div>
+ *
+ * @example
+ * // With options
+ * <div v-click-outside="{ handler: handleClickOutside, events: ['mousedown'] }">
+ *   Content
+ * </div>
+ */
+export declare const vClickOutside: Directive<ClickOutsideElement, ClickOutsideValue>;
+
+/* Excluded from this release type: vCollapse */
 
 export declare type VerticalAlignment = 'top' | 'center' | 'bottom';
 
-export declare const vToggle: Directive;
+/**
+ * Callback function type for visibility changes
+ */
+declare type VisibilityCallback = (visible: boolean) => void;
+
+/* Excluded from this release type: vToggle */
 
+/**
+ * Helper to get property value from either element attributes or directive binding value.
+ * Attribute names are converted from camelCase (in binding) to kebab-case (in HTML).
+ */
 export declare const vTooltip: Directive<TooltipElementType, TooltipValueType>;
 
 export { }