@bobbykim/manguito-theme 0.7.0 → 0.9.0

package/CHANGELOG.md

@@ -0,0 +1,23 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.9.0](https://github.com/bobbykim89/manguito-component-library/compare/@bobbykim/manguito-theme@0.8.0...@bobbykim/manguito-theme@0.9.0) (2023-12-01)
+
+
+### Features
+
+* **components:** target version update ([fe78575](https://github.com/bobbykim89/manguito-component-library/commit/fe78575f5e82bb854333672c3853956e9e930044))
+
+
+
+
+
+# [0.8.0](https://github.com/bobbykim89/manguito-component-library/compare/@bobbykim/manguito-theme@0.7.0...@bobbykim/manguito-theme@0.8.0) (2023-12-01)
+
+
+### Features
+
+* prerelease run build ([f7a852c](https://github.com/bobbykim89/manguito-component-library/commit/f7a852c9bf12b77481bf5d2f1602e50367d834f8))
+* **tsconfig.json,tsconfig.vue.json:** update tsconfig ([0f21861](https://github.com/bobbykim89/manguito-component-library/commit/0f2186167342314f5d218e789a68c03cf6faa8ff))

package/index.d.ts

@@ -0,0 +1,13 @@
+import type { ClassType, InputType } from './theme/index.js';
+import DropdownContainer from './lib/dropdown/DropdownContainer.vue';
+import DropdownContent from './lib/dropdown/DropdownContent.vue';
+import Collapse from './lib/collapse/Collapse.vue';
+import Sidebar from './lib/sidebar/Sidebar.vue';
+import Modal from './lib/modal/Modal.vue';
+import HamburgerMenu from './lib/nav/HamburgerMenu.vue';
+declare const generateClass: (type: ClassType, value: InputType) => string;
+export default generateClass;
+export { DropdownContainer, DropdownContent, Collapse, HamburgerMenu, Sidebar, Modal, };
+export * from './lib/directives';
+export * from './theme/theme.types';
+export * from './lib/collapse/index.types';

package/index.js

@@ -0,0 +1,31 @@
+import GenerateMCLClass, { colorType, textType, borderWidthType, scaleType, } from './theme';
+// base components
+import DropdownContainer from './lib/dropdown/DropdownContainer.vue';
+import DropdownContent from './lib/dropdown/DropdownContent.vue';
+import Collapse from './lib/collapse/Collapse.vue';
+import Sidebar from './lib/sidebar/Sidebar.vue';
+import Modal from './lib/modal/Modal.vue';
+import HamburgerMenu from './lib/nav/HamburgerMenu.vue';
+const generateClass = (type, value) => {
+    const mclGenerate = new GenerateMCLClass(type, value);
+    if (colorType.includes(type)) {
+        return mclGenerate.generateColorClass();
+    }
+    if (textType.includes(type)) {
+        return mclGenerate.generateTextClass();
+    }
+    if (borderWidthType.includes(type)) {
+        return mclGenerate.generateBorderWidthClass();
+    }
+    if (scaleType.includes(type)) {
+        return mclGenerate.generateScaleClass();
+    }
+    // return spacing type if all of above is false
+    return mclGenerate.generateSpacingClass();
+};
+export default generateClass;
+export { DropdownContainer, DropdownContent, Collapse, HamburgerMenu, Sidebar, Modal, };
+export * from './lib/directives';
+export * from './theme/theme.types';
+export * from './lib/collapse/index.types';
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,EAAE,EACvB,SAAS,EACT,QAAQ,EACR,eAAe,EACf,SAAS,GACV,MAAM,SAAS,CAAA;AAEhB,kBAAkB;AAClB,OAAO,iBAAiB,MAAM,sCAAsC,CAAA;AACpE,OAAO,eAAe,MAAM,oCAAoC,CAAA;AAChE,OAAO,QAAQ,MAAM,6BAA6B,CAAA;AAClD,OAAO,OAAO,MAAM,2BAA2B,CAAA;AAC/C,OAAO,KAAK,MAAM,uBAAuB,CAAA;AAEzC,OAAO,aAAa,MAAM,6BAA6B,CAAA;AAEvD,MAAM,aAAa,GAAG,CAAC,IAAe,EAAE,KAAgB,EAAU,EAAE;IAClE,MAAM,WAAW,GAAG,IAAI,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;IACrD,IAAyB,SAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QACnD,OAAO,WAAW,CAAC,kBAAkB,EAAE,CAAA;KACxC;IACD,IAAyB,QAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QAClD,OAAO,WAAW,CAAC,iBAAiB,EAAE,CAAA;KACvC;IACD,IAAyB,eAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QACzD,OAAO,WAAW,CAAC,wBAAwB,EAAE,CAAA;KAC9C;IACD,IAAyB,SAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;QACnD,OAAO,WAAW,CAAC,kBAAkB,EAAE,CAAA;KACxC;IACD,+CAA+C;IAC/C,OAAO,WAAW,CAAC,oBAAoB,EAAE,CAAA;AAC3C,CAAC,CAAA;AAED,eAAe,aAAa,CAAA;AAE5B,OAAO,EACL,iBAAiB,EACjB,eAAe,EACf,QAAQ,EACR,aAAa,EACb,OAAO,EACP,KAAK,GACN,CAAA;AACD,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA"}

package/lib/collapse/Collapse.vue.d.ts

@@ -0,0 +1,46 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    visible: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    accordion: {
+        type: import("vue").PropType<string>;
+    };
+    className: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {
+    toggle: () => void;
+    close: () => void;
+    open: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: (...args: any[]) => void;
+    close: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    visible: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    accordion: {
+        type: import("vue").PropType<string>;
+    };
+    className: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    visible: boolean;
+    className: string;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/collapse/index.types.d.ts

@@ -0,0 +1,3 @@
+export interface CollapseEvent {
+    visible: boolean;
+}

package/lib/collapse/index.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.types.js.map

package/lib/collapse/index.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.types.js","sourceRoot":"","sources":["index.types.ts"],"names":[],"mappings":""}

package/lib/composables/index.d.ts

@@ -0,0 +1 @@
+export * from './observeVisible';

package/lib/composables/index.js

@@ -0,0 +1,2 @@
+export * from './observeVisible';
+//# sourceMappingURL=index.js.map

package/lib/composables/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

package/lib/composables/observeVisible.d.ts

@@ -0,0 +1 @@
+export declare const observeVisibleAttr: (fn: (...args: any[]) => void) => MutationObserver;

package/lib/composables/observeVisible.js

@@ -0,0 +1,25 @@
+export const observeVisibleAttr = (fn) => {
+    const observer = new MutationObserver((mutations) => {
+        let changed = false;
+        for (let i = 0; i < mutations.length && !changed; i++) {
+            const mutation = mutations[i];
+            const mutationType = mutation.type;
+            const mutationAttribute = mutation.attributeName;
+            const mutationTarget = mutation.target;
+            if (mutationType === 'attributes') {
+                changed = true;
+            }
+            else if (mutationAttribute === 'visible') {
+                changed = true;
+            }
+            if (changed) {
+                const visibleAttr = mutationTarget.getAttribute('visible') === 'true'
+                    ? true
+                    : false;
+                fn(visibleAttr);
+            }
+        }
+    });
+    return observer;
+};
+//# sourceMappingURL=observeVisible.js.map

package/lib/composables/observeVisible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"observeVisible.js","sourceRoot":"","sources":["observeVisible.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAA4B,EAAE,EAAE;IACjE,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,CAAC,SAAS,EAAE,EAAE;QAClD,IAAI,OAAO,GAAG,KAAK,CAAA;QACnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE;YACrD,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,CAAA;YAC7B,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAA;YAClC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,aAAa,CAAA;YAChD,MAAM,cAAc,GAAG,QAAQ,CAAC,MAAM,CAAA;YACtC,IAAI,YAAY,KAAK,YAAY,EAAE;gBACjC,OAAO,GAAG,IAAI,CAAA;aACf;iBAAM,IAAI,iBAAiB,KAAK,SAAS,EAAE;gBAC1C,OAAO,GAAG,IAAI,CAAA;aACf;YACD,IAAI,OAAO,EAAE;gBACX,MAAM,WAAW,GACd,cAA8B,CAAC,YAAY,CAAC,SAAS,CAAC,KAAK,MAAM;oBAChE,CAAC,CAAC,IAAI;oBACN,CAAC,CAAC,KAAK,CAAA;gBACX,EAAE,CAAC,WAAW,CAAC,CAAA;aAChB;SACF;IACH,CAAC,CAAC,CAAA;IACF,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA"}

package/lib/directives/index.d.ts

@@ -0,0 +1,6 @@
+import { Directive } from 'vue';
+import type { TooltipElementType, TooltipValueType } from './index.types';
+export declare const vClickOutside: Directive;
+export declare const vToggle: Directive;
+export declare const vCollapse: Directive;
+export declare const vTooltip: Directive<TooltipElementType, TooltipValueType>;

package/lib/directives/index.js

@@ -0,0 +1,216 @@
+import { render, createVNode } from 'vue';
+import tooltip from '../tooltip';
+export const vClickOutside = {
+    mounted(el, binding) {
+        el.__ClickOutsideHandler = (event) => {
+            if (!(el === event.target || el.contains(event.target))) {
+                binding.value(event);
+            }
+        };
+        document.body.addEventListener('click', el.__ClickOutsideHandler);
+    },
+    unmounted(el) {
+        document.body.removeEventListener('click', el.__ClickOutsideHandler);
+    },
+};
+export const vToggle = {
+    mounted(el, binding) {
+        el.__ClickToggleHandler = (e) => {
+            const eTarget = e.target;
+            let target;
+            if (eTarget.tagName === 'A') {
+                const targetId = eTarget.getAttribute('href');
+                const formattedTargetId = targetId?.charAt(0) === '#' ? targetId.substring(1) : targetId;
+                target = document.getElementById(formattedTargetId);
+            }
+            else {
+                target = document.getElementById(binding.arg);
+            }
+            if (!target) {
+                return;
+            }
+            if (target.hasAttribute('visible') === false) {
+                return;
+            }
+            const targetAttr = target.getAttribute('visible');
+            const attrAfterToggle = targetAttr === 'true' ? 'false' : 'true';
+            target.setAttribute('visible', attrAfterToggle);
+            return;
+        };
+        el.addEventListener('click', el.__ClickToggleHandler);
+    },
+    unmounted(el) {
+        el.removeEventListener('click', el.__ClickToggleHandler);
+    },
+};
+export const vCollapse = {
+    mounted(el, binding) {
+        // el.__HandleToggler = (event: Event): void => {
+        //   const eTarget = event.target as HTMLElement
+        //   let target: HTMLElement
+        //   if (eTarget.tagName === 'A') {
+        //     const targetId = eTarget.getAttribute('href')
+        //     const formattedTargetId =
+        //       targetId?.charAt(0) === '#' ? targetId.substring(1) : targetId
+        //     target = document.getElementById(formattedTargetId as string)!
+        //   } else {
+        //     target = document.getElementById(binding.arg as string) as HTMLElement
+        //   }
+        //   if (!target.hasAttribute('accordion')) {
+        //     // run when it is not accordion component case
+        //     target.click()
+        //     return
+        //   }
+        //   const accordionName = target.getAttribute('accordion')
+        //   const accordionList: NodeListOf<HTMLElement> = document.querySelectorAll(
+        //     `button[accordion="${accordionName}"]`
+        //   )
+        //   // loop through each accordion items and handle reaction for each case
+        //   for (let i = 0; i < accordionList.length; i++) {
+        //     const isVisible = accordionList[i].getAttribute('visible')
+        //     if (accordionList[i].id !== target.id && isVisible === 'true') {
+        //       accordionList[i].click()
+        //     }
+        //     if (accordionList[i].id === target.id) {
+        //       accordionList[i].click()
+        //     }
+        //   }
+        // }
+        el.__HandleToggler = (event) => {
+            const eTarget = event.target;
+            let target;
+            if (eTarget.tagName === 'A') {
+                const targetId = eTarget.getAttribute('href');
+                const formattedTargetId = targetId?.charAt(0) === '#' ? targetId.substring(1) : targetId;
+                target = document.getElementById(formattedTargetId);
+            }
+            else {
+                target = document.getElementById(binding.arg);
+            }
+            if (!target) {
+                return;
+            }
+            if (target.hasAttribute('visible') === false) {
+                return;
+            }
+            if (!target.hasAttribute('accordion')) {
+                // run when it is not accordion component case
+                const targetAttr = target.getAttribute('visible');
+                const attrAfterToggle = targetAttr === 'true' ? 'false' : 'true';
+                target.setAttribute('visible', attrAfterToggle);
+                // target.click()
+                return;
+            }
+            const accordionName = target.getAttribute('accordion');
+            const accordionList = document.querySelectorAll(`div[accordion="${accordionName}"]`);
+            // loop through each accordion items and handle reaction for each case
+            for (let i = 0; i < accordionList.length; i++) {
+                const isVisible = accordionList[i].getAttribute('visible');
+                if (accordionList[i].id !== target.id && isVisible === 'true') {
+                    accordionList[i].setAttribute('visible', 'false');
+                    // accordionList[i].click()
+                }
+                if (accordionList[i].id === target.id) {
+                    const targetAttr = target.getAttribute('visible');
+                    const attrAfterToggle = targetAttr === 'true' ? 'false' : 'true';
+                    target.setAttribute('visible', attrAfterToggle);
+                    // accordionList[i].click()
+                }
+            }
+        };
+        el.addEventListener('click', el.__HandleToggler);
+    },
+    unmounted(el) {
+        el.removeEventListener('click', el.__HandleToggler);
+    },
+};
+export const vTooltip = {
+    mounted(el, binding) {
+        el.__HandleTooltip = (el, binding) => {
+            // parent element class
+            el.classList.add('relative', 'group', 'overflow-visible');
+            // handle tooltip text
+            let tooltipText;
+            if (el.hasAttribute('title')) {
+                tooltipText = el.getAttribute('title');
+            }
+            if (!el.hasAttribute('title') &&
+                typeof binding.value !== 'undefined' &&
+                typeof binding.value === 'string') {
+                tooltipText = binding.value;
+            }
+            if (!el.hasAttribute('title') &&
+                typeof binding.value !== 'undefined' &&
+                typeof binding.value !== 'string' &&
+                typeof binding.value.title === 'string') {
+                tooltipText = binding.value.title;
+            }
+            // handle tooltip color
+            let tooltipColor;
+            if (el.hasAttribute('color')) {
+                tooltipColor = el.getAttribute('color');
+            }
+            if (!el.hasAttribute('color') &&
+                typeof binding.value !== 'undefined' &&
+                typeof binding.value !== 'string' &&
+                typeof binding.value.color === 'string') {
+                tooltipColor = binding.value.color;
+            }
+            // handle tooltip text color
+            let tooltipTextColor;
+            if (el.hasAttribute('text-color')) {
+                tooltipTextColor = el.getAttribute('text-color');
+            }
+            if (!el.hasAttribute('text-color') &&
+                typeof binding.value !== 'undefined' &&
+                typeof binding.value !== 'string' &&
+                typeof binding.value.textColor === 'string') {
+                tooltipTextColor = binding.value.textColor;
+            }
+            // handle tooltip width
+            let tooltipWidth;
+            if (el.hasAttribute('width')) {
+                tooltipWidth = el.getAttribute('width');
+            }
+            if (!el.hasAttribute('width') &&
+                typeof binding.value !== 'undefined' &&
+                typeof binding.value !== 'string' &&
+                typeof binding.value.width === ('number' || 'string')) {
+                tooltipWidth = binding.value.width;
+            }
+            // handle custom class names
+            let tooltipClassName;
+            if (typeof binding.value !== 'undefined' &&
+                typeof binding.value !== 'string' &&
+                typeof binding.value.className === 'string') {
+                tooltipClassName = binding.value.className;
+            }
+            let tooltipDirection;
+            const modifierArray = Object.keys(binding.modifiers);
+            // handle direction
+            if (modifierArray.length > 0) {
+                tooltipDirection = modifierArray[0];
+            }
+            const vnode = createVNode(tooltip, {
+                direction: tooltipDirection,
+                title: tooltipText,
+                color: tooltipColor,
+                textColor: tooltipTextColor,
+                width: tooltipWidth,
+                customClass: tooltipClassName,
+            });
+            render(vnode, el);
+        };
+        el.__UnmountTooltip = (el) => {
+            render(null, el);
+        };
+        el.__HandleTooltip(el, binding);
+    },
+    updated(el, binding) {
+        el.__HandleTooltip(el, binding);
+    },
+    unmounted(el) {
+        el.__UnmountTooltip(el);
+    },
+};
+//# sourceMappingURL=index.js.map

package/lib/directives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"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"}

package/lib/directives/index.ts

@@ -1,5 +1,4 @@
 import { Directive, DirectiveBinding, h, render, createVNode } from 'vue'
-import generateClass from '../..'
 import type { Direction } from '../..'
 import tooltip from '../tooltip'
 import type { TooltipElementType, TooltipValueType } from './index.types'

package/lib/directives/index.types.d.ts

@@ -0,0 +1,14 @@
+import type { ColorPalette } from '../..';
+export interface TooltipElementType extends HTMLElement {
+    __HandleTooltip: Function;
+    __UnmountTooltip: Function;
+}
+interface TooltipValueObjectType {
+    title?: string;
+    color?: ColorPalette;
+    textColor?: ColorPalette;
+    width?: number | string;
+    className?: string;
+}
+export type TooltipValueType = TooltipValueObjectType | string;
+export {};

package/lib/directives/index.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.types.js.map

package/lib/directives/index.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.types.js","sourceRoot":"","sources":["index.types.ts"],"names":[],"mappings":""}

package/lib/dropdown/DropdownContainer.vue.d.ts

@@ -0,0 +1,19 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    toggle: (...args: any[]) => void;
+    "click-outside": (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onToggle?: ((...args: any[]) => any) | undefined;
+    "onClick-outside"?: ((...args: any[]) => any) | undefined;
+}, {}, {}>, {
+    toggler?(_: {
+        toggle: (e: Event) => void;
+        dropdownState: boolean;
+    }): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/dropdown/DropdownContent.vue.d.ts

@@ -0,0 +1,23 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    className: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    className: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    className: string;
+}, {}>, {
+    default?(_: {
+        itemClick: () => void;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/dropdown/index.types.d.ts

@@ -0,0 +1,4 @@
+export type InjectType = {
+    active: boolean;
+    buttonHeight: number;
+};

package/lib/dropdown/index.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.types.js.map

package/lib/dropdown/index.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.types.js","sourceRoot":"","sources":["index.types.ts"],"names":[],"mappings":""}

package/lib/modal/Modal.vue.d.ts

@@ -0,0 +1,112 @@
+import { ColorPalette, VerticalAlignment } from '../../';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    visible: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    className: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    titleColor: {
+        type: import("vue").PropType<ColorPalette>;
+        default: string;
+    };
+    noBackdrop: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    noHeader: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    color: {
+        type: import("vue").PropType<ColorPalette>;
+        default: string;
+    };
+    backdropColor: {
+        type: import("vue").PropType<ColorPalette>;
+        default: string;
+    };
+    placement: {
+        type: import("vue").PropType<VerticalAlignment>;
+        default: string;
+    };
+}, {
+    toggle: () => void;
+    close: () => void;
+    open: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: (...args: any[]) => void;
+    close: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    visible: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    className: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    titleColor: {
+        type: import("vue").PropType<ColorPalette>;
+        default: string;
+    };
+    noBackdrop: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    noHeader: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    color: {
+        type: import("vue").PropType<ColorPalette>;
+        default: string;
+    };
+    backdropColor: {
+        type: import("vue").PropType<ColorPalette>;
+        default: string;
+    };
+    placement: {
+        type: import("vue").PropType<VerticalAlignment>;
+        default: string;
+    };
+}>> & {
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    visible: boolean;
+    className: string;
+    titleColor: ColorPalette;
+    noBackdrop: boolean;
+    noHeader: boolean;
+    color: ColorPalette;
+    backdropColor: ColorPalette;
+    placement: VerticalAlignment;
+}, {}>, {
+    header?(_: {
+        close: () => void;
+        status: true;
+    }): any;
+    body?(_: {
+        close: () => void;
+        status: true;
+    }): any;
+    footer?(_: {
+        close: () => void;
+        status: true;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/nav/HamburgerMenu.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import type { ColorPalette } from '@bobbykim/manguito-theme'
+import type { ColorPalette } from '../../'
 import generateClass from '../../index'
 
 const props = withDefaults(