@bobbykim/manguito-theme 0.20.0 → 0.22.0

package/dist/core.js

@@ -1,13 +1,13 @@
-(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode(".collapse-enter-active[data-v-0ec18f4b],.collapse-leave-active[data-v-0ec18f4b]{transition-property:height,opacity;transition-duration:.5s;transition-timing-function:ease}.dropup-bottom[data-v-eaa7855a]{bottom:var(--button-height)}.dropdown-content-enter-active[data-v-eaa7855a],.dropdown-content-leave-active[data-v-eaa7855a]{transition:all .3s}.dropdown-content-enter-from[data-v-eaa7855a],.dropdown-content-leave-to[data-v-eaa7855a]{opacity:0;transform:translateY(-10px)}.hamburger__icon[data-v-64909a32]:before,.hamburger__icon[data-v-64909a32]:after{position:absolute;left:0;transition:all .3s linear}.hamburger__icon[data-v-64909a32]:before{top:-.5rem}.hamburger__icon[data-v-64909a32]:after{top:.5rem}.hamburger__button:focus .hamburger__icon[data-v-64909a32],.hamburger__button:hover .hamburger__icon[data-v-64909a32]{scale:1.05}.hamburger__checkbox:checked+.hamburger__icon[data-v-64909a32]{background-color:transparent}.hamburger__checkbox:checked+.hamburger__icon[data-v-64909a32]:before{top:0;transform:rotate(135deg)}.hamburger__checkbox:checked+.hamburger__icon[data-v-64909a32]:after{top:0;transform:rotate(-135deg)}.collapse-enter-active[data-v-94939c1a]{transition:height .5s ease-in}.collapse-leave-active[data-v-94939c1a]{transition:height .5s ease-out}.header-desktop[data-v-e2818e18]{width:100%}@media screen and (min-width: 1024px){.header-desktop[data-v-e2818e18]{width:var(--header-width)}}.slide-down-enter-active[data-v-e2818e18],.slide-down-leave-active[data-v-e2818e18]{transition:transform .5s ease-in,opacity .5s ease-in}.slide-down-enter-from[data-v-e2818e18],.slide-down-leave-to[data-v-e2818e18]{opacity:0;transform:translateY(-100%)}.vertical-placement[data-v-8500b482]{top:var(--vertical-placement);left:50%;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}.fade-enter-active[data-v-8500b482],.fade-leave-active[data-v-8500b482]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-8500b482],.fade-leave-to[data-v-8500b482]{opacity:0}.slide-down-enter-active[data-v-8500b482]{animation:slide-down-8500b482 .3s ease}.slide-down-leave-active[data-v-8500b482]{animation:slide-down-8500b482 reverse .3s ease}@keyframes slide-down-8500b482{0%{opacity:0;transform:translateY(-100%) translate(-50%)}to{opacity:1;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}}.sidebar-body[data-v-d725bf18]{width:100%}.sidebar-body-height[data-v-d725bf18]{min-height:calc(100vh - var(--header-height) - var(--footer-height))}.fade-enter-active[data-v-d725bf18],.fade-leave-active[data-v-d725bf18]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-d725bf18],.fade-leave-to[data-v-d725bf18]{opacity:0}.sidebar-left-enter-active[data-v-d725bf18],.sidebar-left-leave-active[data-v-d725bf18],.sidebar-right-enter-active[data-v-d725bf18],.sidebar-right-leave-active[data-v-d725bf18]{transition-property:transform,opacity;transition-duration:.3s;transition-timing-function:linear}.sidebar-left-enter-from[data-v-d725bf18],.sidebar-left-leave-to[data-v-d725bf18]{transform:translate(-100%)}.sidebar-right-enter-from[data-v-d725bf18],.sidebar-right-leave-to[data-v-d725bf18]{transform:translate(100%)}@media screen and (min-width: 768px){.sidebar-body[data-v-d725bf18]{width:var(--sidebar-width)}.sidebar-left-enter-from[data-v-d725bf18],.sidebar-left-leave-to[data-v-d725bf18]{transform:translate(calc(-1 * var(--sidebar-width)))}.sidebar-right-enter-from[data-v-d725bf18],.sidebar-right-leave-to[data-v-d725bf18]{transform:translate(var(--sidebar-width))}}.container-hts[data-v-a3591534]{min-height:var(--container-hts)}.slide-prev-enter-active[data-v-f52d6fed]{transition:all .5s linear}.slide-prev-leave-active[data-v-f52d6fed]{transition:all .5s}.slide-prev-enter-from[data-v-f52d6fed]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-f52d6fed]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-f52d6fed]{transition:all .5s linear}.slide-next-leave-active[data-v-f52d6fed]{transition:all .5s}.slide-next-enter-from[data-v-f52d6fed]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-f52d6fed]{transform:translate(-100%);opacity:0}")),document.head.appendChild(a)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-var rt = Object.defineProperty;
-var st = (r, d, e) => d in r ? rt(r, d, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[d] = e;
-var i = (r, d, e) => (st(r, typeof d != "symbol" ? d + "" : d, e), e);
-import { defineComponent as V, useSlots as I, ref as _, computed as T, watch as $, openBlock as h, createElementBlock as v, normalizeClass as m, createElementVNode as b, renderSlot as R, createCommentVNode as B, onMounted as j, createVNode as H, unref as y, withCtx as S, Transition as D, withDirectives as N, vShow as U, h as at, render as z, provide as K, withKeys as ot, inject as q, createBlock as F, normalizeStyle as L, vModelCheckbox as lt, toDisplayString as J, pushScopeId as Q, popScopeId as Z } from "vue";
-import { useMutationObserver as it, useWindowSize as nt, useWindowScroll as dt, useElementSize as ct } from "@vueuse/core";
-class t {
+(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode(".collapse-enter-active[data-v-84dc26a7],.collapse-leave-active[data-v-84dc26a7]{transition-property:height,opacity;transition-duration:.5s;transition-timing-function:ease}.dropup-bottom[data-v-33ea6d5e]{bottom:var(--button-height)}.dropdown-content-enter-active[data-v-33ea6d5e],.dropdown-content-leave-active[data-v-33ea6d5e]{transition:all .3s}.dropdown-content-enter-from[data-v-33ea6d5e],.dropdown-content-leave-to[data-v-33ea6d5e]{opacity:0;transform:translateY(-10px)}.hamburger__icon[data-v-64909a32]:before,.hamburger__icon[data-v-64909a32]:after{position:absolute;left:0;transition:all .3s linear}.hamburger__icon[data-v-64909a32]:before{top:-.5rem}.hamburger__icon[data-v-64909a32]:after{top:.5rem}.hamburger__button:focus .hamburger__icon[data-v-64909a32],.hamburger__button:hover .hamburger__icon[data-v-64909a32]{scale:1.05}.hamburger__checkbox:checked+.hamburger__icon[data-v-64909a32]{background-color:transparent}.hamburger__checkbox:checked+.hamburger__icon[data-v-64909a32]:before{top:0;transform:rotate(135deg)}.hamburger__checkbox:checked+.hamburger__icon[data-v-64909a32]:after{top:0;transform:rotate(-135deg)}.collapse-enter-active[data-v-9a3c4512]{transition:height .5s ease-in}.collapse-leave-active[data-v-9a3c4512]{transition:height .5s ease-out}.header-desktop[data-v-070e6f0f]{width:100%}@media screen and (min-width: 1024px){.header-desktop[data-v-070e6f0f]{width:var(--header-width)}}.slide-down-enter-active[data-v-070e6f0f],.slide-down-leave-active[data-v-070e6f0f]{transition:transform .5s ease-in,opacity .5s ease-in}.slide-down-enter-from[data-v-070e6f0f],.slide-down-leave-to[data-v-070e6f0f]{opacity:0;transform:translateY(-100%)}.vertical-placement[data-v-151e8ced]{top:var(--vertical-placement);left:50%;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}.fade-enter-active[data-v-151e8ced],.fade-leave-active[data-v-151e8ced]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-151e8ced],.fade-leave-to[data-v-151e8ced]{opacity:0}.slide-down-enter-active[data-v-151e8ced]{animation:slide-down-151e8ced .3s ease}.slide-down-leave-active[data-v-151e8ced]{animation:slide-down-151e8ced reverse .3s ease}@keyframes slide-down-151e8ced{0%{opacity:0;transform:translateY(-100%) translate(-50%)}to{opacity:1;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}}.sidebar-body[data-v-e2262463]{width:100%}.sidebar-body-height[data-v-e2262463]{min-height:calc(100vh - var(--header-height) - var(--footer-height))}.fade-enter-active[data-v-e2262463],.fade-leave-active[data-v-e2262463]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-e2262463],.fade-leave-to[data-v-e2262463]{opacity:0}.sidebar-left-enter-active[data-v-e2262463],.sidebar-left-leave-active[data-v-e2262463],.sidebar-right-enter-active[data-v-e2262463],.sidebar-right-leave-active[data-v-e2262463]{transition-property:transform,opacity;transition-duration:.3s;transition-timing-function:linear}.sidebar-left-enter-from[data-v-e2262463],.sidebar-left-leave-to[data-v-e2262463]{transform:translate(-100%)}.sidebar-right-enter-from[data-v-e2262463],.sidebar-right-leave-to[data-v-e2262463]{transform:translate(100%)}@media screen and (min-width: 768px){.sidebar-body[data-v-e2262463]{width:var(--sidebar-width)}.sidebar-left-enter-from[data-v-e2262463],.sidebar-left-leave-to[data-v-e2262463]{transform:translate(calc(-1 * var(--sidebar-width)))}.sidebar-right-enter-from[data-v-e2262463],.sidebar-right-leave-to[data-v-e2262463]{transform:translate(var(--sidebar-width))}}.container-hts[data-v-1dfd7287]{max-height:var(--container-hts)}.slide-prev-enter-active[data-v-1dfd7287]{transition:all .5s linear}.slide-prev-leave-active[data-v-1dfd7287]{transition:all .5s}.slide-prev-enter-from[data-v-1dfd7287]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-1dfd7287]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-1dfd7287]{transition:all .5s linear}.slide-next-leave-active[data-v-1dfd7287]{transition:all .5s}.slide-next-enter-from[data-v-1dfd7287]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-1dfd7287]{transform:translate(-100%);opacity:0}.slide-prev-enter-active[data-v-26b33e12]{transition:all .5s linear}.slide-prev-leave-active[data-v-26b33e12]{transition:all .5s}.slide-prev-enter-from[data-v-26b33e12]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-26b33e12]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-26b33e12]{transition:all .5s linear}.slide-next-leave-active[data-v-26b33e12]{transition:all .5s}.slide-next-enter-from[data-v-26b33e12]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-26b33e12]{transform:translate(-100%);opacity:0}")),document.head.appendChild(a)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+var se = Object.defineProperty;
+var ae = (r, d, t) => d in r ? se(r, d, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[d] = t;
+var n = (r, d, t) => ae(r, typeof d != "symbol" ? d + "" : d, t);
+import { defineComponent as V, useSlots as D, ref as k, computed as A, watch as $, openBlock as h, createElementBlock as b, normalizeClass as y, createElementVNode as v, renderSlot as w, createCommentVNode as B, onMounted as q, createVNode as E, unref as O, withCtx as H, Transition as I, withDirectives as W, vShow as F, h as le, render as K, provide as X, withKeys as oe, inject as Y, createBlock as P, normalizeStyle as L, vModelCheckbox as ie, toDisplayString as J, pushScopeId as Q, popScopeId as Z } from "vue";
+import { useMutationObserver as ne, useWindowSize as de, useWindowScroll as ce, useElementSize as ge } from "@vueuse/core";
+class e {
 }
 // bg color class
-i(t, "bgColor", {
+n(e, "bgColor", {
   primary: "bg-primary",
   secondary: "bg-secondary",
   success: "bg-success",
@@ -26,7 +26,7 @@ i(t, "bgColor", {
   white: "bg-white",
   transparent: "bg-transparent"
 }), // hover: bg color class
-i(t, "hoverBgColor", {
+n(e, "hoverBgColor", {
   primary: "hover:bg-primary",
   secondary: "hover:bg-secondary",
   success: "hover:bg-success",
@@ -45,7 +45,7 @@ i(t, "hoverBgColor", {
   white: "hover:bg-white",
   transparent: "hover:bg-transparent"
 }), // focus: bg color class
-i(t, "focusBgColor", {
+n(e, "focusBgColor", {
   primary: "focus:bg-primary",
   secondary: "focus:bg-secondary",
   success: "focus:bg-success",
@@ -64,7 +64,7 @@ i(t, "focusBgColor", {
   white: "focus:bg-white",
   transparent: "focus:bg-transparent"
 }), // ::before bg color class
-i(t, "beforeBgColor", {
+n(e, "beforeBgColor", {
   primary: "before:bg-primary",
   secondary: "before:bg-secondary",
   success: "before:bg-success",
@@ -83,7 +83,7 @@ i(t, "beforeBgColor", {
   white: "before:bg-white",
   transparent: "before:bg-transparent"
 }), // ::after bg color class
-i(t, "afterBgColor", {
+n(e, "afterBgColor", {
   primary: "after:bg-primary",
   secondary: "after:bg-secondary",
   success: "after:bg-success",
@@ -102,7 +102,7 @@ i(t, "afterBgColor", {
   white: "after:bg-white",
   transparent: "after:bg-transparent"
 }), // active:bg color class
-i(t, "bgActiveColor", {
+n(e, "bgActiveColor", {
   primary: "active:bg-primary",
   secondary: "active:bg-secondary",
   success: "active:bg-success",
@@ -121,7 +121,7 @@ i(t, "bgActiveColor", {
   white: "active:bg-white",
   transparent: "active:bg-transparent"
 }), // text color class
-i(t, "textColor", {
+n(e, "textColor", {
   primary: "text-primary",
   secondary: "text-secondary",
   success: "text-success",
@@ -140,7 +140,7 @@ i(t, "textColor", {
   white: "text-white",
   transparent: "text-transparent"
 }), // hover text color class
-i(t, "hoverTextColor", {
+n(e, "hoverTextColor", {
   primary: "hover:text-primary",
   secondary: "hover:text-secondary",
   success: "hover:text-success",
@@ -159,7 +159,7 @@ i(t, "hoverTextColor", {
   white: "hover:text-white",
   transparent: "hover:text-transparent"
 }), // focus text color class
-i(t, "focusTextColor", {
+n(e, "focusTextColor", {
   primary: "focus:text-primary",
   secondary: "focus:text-secondary",
   success: "focus:text-success",
@@ -178,7 +178,7 @@ i(t, "focusTextColor", {
   white: "focus:text-white",
   transparent: "focus:text-transparent"
 }), // disabled text color class
-i(t, "disabledTextColor", {
+n(e, "disabledTextColor", {
   primary: "disabled:text-primary",
   secondary: "disabled:text-secondary",
   success: "disabled:text-success",
@@ -197,7 +197,7 @@ i(t, "disabledTextColor", {
   white: "disabled:text-white",
   transparent: "disabled:text-transparent"
 }), // SVG fill color class
-i(t, "svgFillColor", {
+n(e, "svgFillColor", {
   primary: "fill-primary",
   secondary: "fill-secondary",
   success: "fill-success",
@@ -216,7 +216,7 @@ i(t, "svgFillColor", {
   white: "fill-white",
   transparent: "fill-transparent"
 }), // ring color class
-i(t, "ringColor", {
+n(e, "ringColor", {
   primary: "ring-primary",
   secondary: "ring-secondary",
   success: "ring-success",
@@ -235,7 +235,7 @@ i(t, "ringColor", {
   white: "ring-white",
   transparent: "ring-transparent"
 }), // focus:ring color class
-i(t, "ringFocusColor", {
+n(e, "ringFocusColor", {
   primary: "focus:ring-primary",
   secondary: "focus:ring-secondary",
   success: "focus:ring-success",
@@ -254,7 +254,7 @@ i(t, "ringFocusColor", {
   white: "focus:ring-white",
   transparent: "focus:ring-transparent"
 }), // active:ring color class
-i(t, "ringActiveColor", {
+n(e, "ringActiveColor", {
   primary: "active:ring-primary",
   secondary: "active:ring-secondary",
   success: "active:ring-success",
@@ -273,7 +273,7 @@ i(t, "ringActiveColor", {
   white: "active:ring-white",
   transparent: "active:ring-transparent"
 }), // ring-offset color class
-i(t, "ringOffsetColor", {
+n(e, "ringOffsetColor", {
   primary: "ring-offset-primary",
   secondary: "ring-offset-secondary",
   success: "ring-offset-success",
@@ -291,7 +291,7 @@ i(t, "ringOffsetColor", {
   black: "ring-offset-black",
   white: "ring-offset-white",
   transparent: "ring-offset-transparent"
-}), i(t, "dummyColor", {
+}), n(e, "dummyColor", {
   primary: "ring-offset-primary",
   secondary: "ring-offset-secondary",
   success: "ring-offset-success",
@@ -310,7 +310,7 @@ i(t, "ringOffsetColor", {
   white: "ring-offset-white",
   transparent: "ring-offset-transparent"
 }), // btn color class
-i(t, "btnColor", {
+n(e, "btnColor", {
   primary: "btn-primary",
   secondary: "btn-secondary",
   success: "btn-success",
@@ -329,7 +329,7 @@ i(t, "btnColor", {
   white: "btn-white",
   transparent: "btn-transparent"
 }), // list color class
-i(t, "listColor", {
+n(e, "listColor", {
   primary: "mcl-list-primary",
   secondary: "mcl-list-secondary",
   success: "mcl-list-success",
@@ -348,43 +348,43 @@ i(t, "listColor", {
   white: "mcl-list-white",
   transparent: "mcl-list-transparent"
 }), // h1 class
-i(t, "heading1", {
+n(e, "heading1", {
   sm: "h1-sm",
   md: "h1-md",
   lg: "h1-lg",
   xl: "h1-xl"
 }), // h2 class
-i(t, "heading2", {
+n(e, "heading2", {
   sm: "h2-sm",
   md: "h2-md",
   lg: "h2-lg",
   xl: "h2-xl"
 }), // h3 class
-i(t, "heading3", {
+n(e, "heading3", {
   sm: "h3-sm",
   md: "h3-md",
   lg: "h3-lg",
   xl: "h3-xl"
 }), // h4 class
-i(t, "heading4", {
+n(e, "heading4", {
   sm: "h4-sm",
   md: "h4-md",
   lg: "h4-lg",
   xl: "h4-xl"
 }), // body text class
-i(t, "bodyText", {
+n(e, "bodyText", {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-md",
   lg: "text-lg",
   xl: "text-xl"
 }), // font weight class
-i(t, "fontweight", {
+n(e, "fontweight", {
   light: "font-light",
   normal: "font-normal",
   bold: "font-bold"
 }), // border color classes
-i(t, "borderColor", {
+n(e, "borderColor", {
   primary: "border-primary",
   secondary: "border-secondary",
   success: "border-success",
@@ -402,7 +402,7 @@ i(t, "borderColor", {
   black: "border-black",
   white: "border-white",
   transparent: "border-transparent"
-}), i(t, "borderXColor", {
+}), n(e, "borderXColor", {
   primary: "border-x-primary",
   secondary: "border-x-secondary",
   success: "border-x-success",
@@ -420,7 +420,7 @@ i(t, "borderColor", {
   black: "border-x-black",
   white: "border-x-white",
   transparent: "border-x-transparent"
-}), i(t, "borderYColor", {
+}), n(e, "borderYColor", {
   primary: "border-y-primary",
   secondary: "border-y-secondary",
   success: "border-y-success",
@@ -438,7 +438,7 @@ i(t, "borderColor", {
   black: "border-y-black",
   white: "border-y-white",
   transparent: "border-y-transparent"
-}), i(t, "borderTopColor", {
+}), n(e, "borderTopColor", {
   primary: "border-t-primary",
   secondary: "border-t-secondary",
   success: "border-t-success",
@@ -456,7 +456,7 @@ i(t, "borderColor", {
   black: "border-t-black",
   white: "border-t-white",
   transparent: "border-t-transparent"
-}), i(t, "borderBottomColor", {
+}), n(e, "borderBottomColor", {
   primary: "border-b-primary",
   secondary: "border-b-secondary",
   success: "border-b-success",
@@ -474,7 +474,7 @@ i(t, "borderColor", {
   black: "border-b-black",
   white: "border-b-white",
   transparent: "border-b-transparent"
-}), i(t, "borderLeftColor", {
+}), n(e, "borderLeftColor", {
   primary: "border-l-primary",
   secondary: "border-l-secondary",
   success: "border-l-success",
@@ -492,7 +492,7 @@ i(t, "borderColor", {
   black: "border-l-black",
   white: "border-l-white",
   transparent: "border-l-transparent"
-}), i(t, "borderRightColor", {
+}), n(e, "borderRightColor", {
   primary: "border-r-primary",
   secondary: "border-r-secondary",
   success: "border-r-success",
@@ -511,7 +511,7 @@ i(t, "borderColor", {
   white: "border-r-white",
   transparent: "border-r-transparent"
 }), // Border width class
-i(t, "borderWidth", {
+n(e, "borderWidth", {
   1: "border-[1px]",
   2: "border-[2px]",
   3: "border-[3px]",
@@ -524,7 +524,7 @@ i(t, "borderWidth", {
   10: "border-[10px]",
   11: "border-[11px]",
   12: "border-[12px]"
-}), i(t, "borderXWidth", {
+}), n(e, "borderXWidth", {
   1: "border-x-[1px]",
   2: "border-x-[2px]",
   3: "border-x-[3px]",
@@ -537,7 +537,7 @@ i(t, "borderWidth", {
   10: "border-x-[10px]",
   11: "border-x-[11px]",
   12: "border-x-[12px]"
-}), i(t, "borderYWidth", {
+}), n(e, "borderYWidth", {
   1: "border-y-[1px]",
   2: "border-y-[2px]",
   3: "border-y-[3px]",
@@ -550,7 +550,7 @@ i(t, "borderWidth", {
   10: "border-y-[10px]",
   11: "border-y-[11px]",
   12: "border-y-[12px]"
-}), i(t, "borderTopWidth", {
+}), n(e, "borderTopWidth", {
   1: "border-t-[1px]",
   2: "border-t-[2px]",
   3: "border-t-[3px]",
@@ -563,7 +563,7 @@ i(t, "borderWidth", {
   10: "border-t-[10px]",
   11: "border-t-[11px]",
   12: "border-t-[12px]"
-}), i(t, "borderBottomWidth", {
+}), n(e, "borderBottomWidth", {
   1: "border-b-[1px]",
   2: "border-b-[2px]",
   3: "border-b-[3px]",
@@ -576,7 +576,7 @@ i(t, "borderWidth", {
   10: "border-b-[10px]",
   11: "border-b-[11px]",
   12: "border-b-[12px]"
-}), i(t, "borderLeftWidth", {
+}), n(e, "borderLeftWidth", {
   1: "border-l-[1px]",
   2: "border-l-[2px]",
   3: "border-l-[3px]",
@@ -589,7 +589,7 @@ i(t, "borderWidth", {
   10: "border-l-[10px]",
   11: "border-l-[11px]",
   12: "border-l-[12px]"
-}), i(t, "borderRightWidth", {
+}), n(e, "borderRightWidth", {
   1: "border-r-[1px]",
   2: "border-r-[2px]",
   3: "border-r-[3px]",
@@ -603,7 +603,7 @@ i(t, "borderWidth", {
   11: "border-r-[11px]",
   12: "border-r-[12px]"
 }), // opacity
-i(t, "backgroundOpacity", {
+n(e, "backgroundOpacity", {
   10: "bg-opacity-10",
   20: "bg-opacity-20",
   30: "bg-opacity-30",
@@ -614,7 +614,7 @@ i(t, "backgroundOpacity", {
   80: "bg-opacity-80",
   90: "bg-opacity-90",
   100: "bg-opacity-100"
-}), i(t, "opacity", {
+}), n(e, "opacity", {
   10: "opacity-10",
   20: "opacity-20",
   30: "opacity-30",
@@ -626,7 +626,7 @@ i(t, "backgroundOpacity", {
   90: "opacity-90",
   100: "opacity-100"
 }), // spacing: margin
-i(t, "margin", {
+n(e, "margin", {
   0: "m-0",
   "3xs": "m-3xs",
   "2xs": "m-2xs",
@@ -637,7 +637,7 @@ i(t, "margin", {
   xl: "m-xl",
   "2xl": "m-2xl",
   "3xl": "m-3xl"
-}), i(t, "marginX", {
+}), n(e, "marginX", {
   0: "mx-0",
   "3xs": "mx-3xs",
   "2xs": "mx-2xs",
@@ -648,7 +648,7 @@ i(t, "margin", {
   xl: "mx-xl",
   "2xl": "mx-2xl",
   "3xl": "mx-3xl"
-}), i(t, "marginY", {
+}), n(e, "marginY", {
   0: "my-0",
   "3xs": "my-3xs",
   "2xs": "my-2xs",
@@ -659,7 +659,7 @@ i(t, "margin", {
   xl: "my-xl",
   "2xl": "my-2xl",
   "3xl": "my-3xl"
-}), i(t, "marginTop", {
+}), n(e, "marginTop", {
   0: "mt-0",
   "3xs": "mt-3xs",
   "2xs": "mt-2xs",
@@ -670,7 +670,7 @@ i(t, "margin", {
   xl: "mt-xl",
   "2xl": "mt-2xl",
   "3xl": "mt-3xl"
-}), i(t, "marginBottom", {
+}), n(e, "marginBottom", {
   0: "mb-0",
   "3xs": "mb-3xs",
   "2xs": "mb-2xs",
@@ -681,7 +681,7 @@ i(t, "margin", {
   xl: "mb-xl",
   "2xl": "mb-2xl",
   "3xl": "mb-3xl"
-}), i(t, "marginLeft", {
+}), n(e, "marginLeft", {
   0: "ml-0",
   "3xs": "ml-3xs",
   "2xs": "ml-2xs",
@@ -692,7 +692,7 @@ i(t, "margin", {
   xl: "ml-xl",
   "2xl": "ml-2xl",
   "3xl": "ml-3xl"
-}), i(t, "marginRight", {
+}), n(e, "marginRight", {
   0: "mr-0",
   "3xs": "mr-3xs",
   "2xs": "mr-2xs",
@@ -704,7 +704,7 @@ i(t, "margin", {
   "2xl": "mr-2xl",
   "3xl": "mr-3xl"
 }), // spacing: padding
-i(t, "padding", {
+n(e, "padding", {
   0: "p-0",
   "3xs": "p-3xs",
   "2xs": "p-2xs",
@@ -715,7 +715,7 @@ i(t, "padding", {
   xl: "p-xl",
   "2xl": "p-2xl",
   "3xl": "p-3xl"
-}), i(t, "paddingX", {
+}), n(e, "paddingX", {
   0: "px-0",
   "3xs": "px-3xs",
   "2xs": "px-2xs",
@@ -726,7 +726,7 @@ i(t, "padding", {
   xl: "px-xl",
   "2xl": "px-2xl",
   "3xl": "px-3xl"
-}), i(t, "paddingY", {
+}), n(e, "paddingY", {
   0: "py-0",
   "3xs": "py-3xs",
   "2xs": "py-2xs",
@@ -737,7 +737,7 @@ i(t, "padding", {
   xl: "py-xl",
   "2xl": "py-2xl",
   "3xl": "py-3xl"
-}), i(t, "paddingTop", {
+}), n(e, "paddingTop", {
   0: "pt-0",
   "3xs": "pt-3xs",
   "2xs": "pt-2xs",
@@ -748,7 +748,7 @@ i(t, "padding", {
   xl: "pt-xl",
   "2xl": "pt-2xl",
   "3xl": "pt-3xl"
-}), i(t, "paddingBottom", {
+}), n(e, "paddingBottom", {
   0: "pb-0",
   "3xs": "pb-3xs",
   "2xs": "pb-2xs",
@@ -759,7 +759,7 @@ i(t, "padding", {
   xl: "pb-xl",
   "2xl": "pb-2xl",
   "3xl": "pb-3xl"
-}), i(t, "paddingLeft", {
+}), n(e, "paddingLeft", {
   0: "pl-0",
   "3xs": "pl-3xs",
   "2xs": "pl-2xs",
@@ -770,7 +770,7 @@ i(t, "padding", {
   xl: "pl-xl",
   "2xl": "pl-2xl",
   "3xl": "pl-3xl"
-}), i(t, "paddingRight", {
+}), n(e, "paddingRight", {
   0: "pr-0",
   "3xs": "pr-3xs",
   "2xs": "pr-2xs",
@@ -782,7 +782,7 @@ i(t, "padding", {
   "2xl": "pr-2xl",
   "3xl": "pr-3xl"
 }), // spacing gap class for flex/grid
-i(t, "gap", {
+n(e, "gap", {
   0: "gap-0",
   "3xs": "gap-3xs",
   "2xs": "gap-2xs",
@@ -794,12 +794,12 @@ i(t, "gap", {
   "2xl": "gap-2xl",
   "3xl": "gap-3xl"
 }), // text alignment
-i(t, "textAlign", {
+n(e, "textAlign", {
   left: "text-left",
   center: "text-center",
   right: "text-right"
 });
-const gt = [
+const ue = [
   "BGCOLOR",
   "BEFOREBG",
   "AFTERBG",
@@ -825,7 +825,7 @@ const gt = [
   "BORDERB",
   "BORDERL",
   "BORDERR"
-], ut = [
+], pe = [
   "H1",
   "H2",
   "H3",
@@ -833,7 +833,7 @@ const gt = [
   "BODYTEXT",
   "FONTWEIGHT",
   "TEXTALIGN"
-], pt = [
+], he = [
   "BORDERW",
   "BORDERXW",
   "BORDERYW",
@@ -841,13 +841,13 @@ const gt = [
   "BORDERBW",
   "BORDERLW",
   "BORDERRW"
-], ht = ["BGOPACITY", "OPACITY"];
-class bt extends t {
-  constructor(e, s) {
+], be = ["BGOPACITY", "OPACITY"];
+class fe extends e {
+  constructor(t, a) {
     super();
-    i(this, "classType");
-    i(this, "classValue");
-    this.classType = e, this.classValue = s;
+    n(this, "classType");
+    n(this, "classValue");
+    this.classType = t, this.classValue = a;
   }
   // handle color classes types
   generateColorClass() {
@@ -995,235 +995,235 @@ class bt extends t {
   // handle color class
   // bg color
   getBgColorClass() {
-    return this.validateColorType ? t.bgColor[this.classValue] : " ";
+    return this.validateColorType ? e.bgColor[this.classValue] : " ";
   }
   getHoverBgColorClass() {
-    return this.validateColorType ? t.hoverBgColor[this.classValue] : " ";
+    return this.validateColorType ? e.hoverBgColor[this.classValue] : " ";
   }
   getFocusBgColorClass() {
-    return this.validateColorType ? t.focusBgColor[this.classValue] : " ";
+    return this.validateColorType ? e.focusBgColor[this.classValue] : " ";
   }
   getBeforeBgColorClass() {
-    return this.validateColorType ? t.beforeBgColor[this.classValue] : " ";
+    return this.validateColorType ? e.beforeBgColor[this.classValue] : " ";
   }
   getAfterBgColorClass() {
-    return this.validateColorType ? t.afterBgColor[this.classValue] : " ";
+    return this.validateColorType ? e.afterBgColor[this.classValue] : " ";
   }
   getActiveBgColorClass() {
-    return this.validateColorType ? t.bgActiveColor[this.classValue] : " ";
+    return this.validateColorType ? e.bgActiveColor[this.classValue] : " ";
   }
   // text color
   getTextColorClass() {
-    return this.validateColorType ? t.textColor[this.classValue] : " ";
+    return this.validateColorType ? e.textColor[this.classValue] : " ";
   }
   getHoverTextColorClass() {
-    return this.validateColorType ? t.hoverTextColor[this.classValue] : " ";
+    return this.validateColorType ? e.hoverTextColor[this.classValue] : " ";
   }
   getFocusTextColorClass() {
-    return this.validateColorType ? t.focusTextColor[this.classValue] : " ";
+    return this.validateColorType ? e.focusTextColor[this.classValue] : " ";
   }
   getDisabledTextColorClass() {
-    return this.validateColorType ? t.disabledTextColor[this.classValue] : " ";
+    return this.validateColorType ? e.disabledTextColor[this.classValue] : " ";
   }
   // svg color
   getSvgFillColorClass() {
-    return this.validateColorType ? t.svgFillColor[this.classValue] : " ";
+    return this.validateColorType ? e.svgFillColor[this.classValue] : " ";
   }
   // ring color
   getRingColorClass() {
-    return this.validateColorType ? t.ringColor[this.classValue] : " ";
+    return this.validateColorType ? e.ringColor[this.classValue] : " ";
   }
   getFocusRingColorClass() {
-    return this.validateColorType ? t.ringFocusColor[this.classValue] : " ";
+    return this.validateColorType ? e.ringFocusColor[this.classValue] : " ";
   }
   getActiveRingColorClass() {
-    return this.validateColorType ? t.ringActiveColor[this.classValue] : " ";
+    return this.validateColorType ? e.ringActiveColor[this.classValue] : " ";
   }
   getRingOffsetColorClass() {
-    return this.validateColorType ? t.ringOffsetColor[this.classValue] : " ";
+    return this.validateColorType ? e.ringOffsetColor[this.classValue] : " ";
   }
   // btn & list
   getBtnColorClass() {
-    return this.validateColorType ? t.btnColor[this.classValue] : " ";
+    return this.validateColorType ? e.btnColor[this.classValue] : " ";
   }
   getListColorClass() {
-    return this.validateColorType ? t.listColor[this.classValue] : " ";
+    return this.validateColorType ? e.listColor[this.classValue] : " ";
   }
   // border color
   getBorderColorClass() {
-    return this.validateColorType ? t.borderColor[this.classValue] : " ";
+    return this.validateColorType ? e.borderColor[this.classValue] : " ";
   }
   getBorderXColorClass() {
-    return this.validateColorType ? t.borderXColor[this.classValue] : " ";
+    return this.validateColorType ? e.borderXColor[this.classValue] : " ";
   }
   getBorderYColorClass() {
-    return this.validateColorType ? t.borderYColor[this.classValue] : " ";
+    return this.validateColorType ? e.borderYColor[this.classValue] : " ";
   }
   getBorderTopColorClass() {
-    return this.validateColorType ? t.borderTopColor[this.classValue] : " ";
+    return this.validateColorType ? e.borderTopColor[this.classValue] : " ";
   }
   getBorderBottomColorClass() {
-    return this.validateColorType ? t.borderBottomColor[this.classValue] : " ";
+    return this.validateColorType ? e.borderBottomColor[this.classValue] : " ";
   }
   getBorderLeftColorClass() {
-    return this.validateColorType ? t.borderLeftColor[this.classValue] : " ";
+    return this.validateColorType ? e.borderLeftColor[this.classValue] : " ";
   }
   getBorderRightColorClass() {
-    return this.validateColorType ? t.borderRightColor[this.classValue] : " ";
+    return this.validateColorType ? e.borderRightColor[this.classValue] : " ";
   }
   // handle heading classes
   getH1Class() {
-    return this.validateHeadingTextSizeType ? t.heading1[this.classValue] : " ";
+    return this.validateHeadingTextSizeType ? e.heading1[this.classValue] : " ";
   }
   getH2Class() {
-    return this.validateHeadingTextSizeType ? t.heading2[this.classValue] : " ";
+    return this.validateHeadingTextSizeType ? e.heading2[this.classValue] : " ";
   }
   getH3Class() {
-    return this.validateHeadingTextSizeType ? t.heading3[this.classValue] : " ";
+    return this.validateHeadingTextSizeType ? e.heading3[this.classValue] : " ";
   }
   getH4Class() {
-    return this.validateHeadingTextSizeType ? t.heading4[this.classValue] : " ";
+    return this.validateHeadingTextSizeType ? e.heading4[this.classValue] : " ";
   }
   // handle body text size classes
   getBodyTextSizeClass() {
-    return this.validateBodyTextSizeType ? t.bodyText[this.classValue] : " ";
+    return this.validateBodyTextSizeType ? e.bodyText[this.classValue] : " ";
   }
   // handle font weight classes
   getFontWeightClass() {
-    return this.validateFontWeightType ? t.fontweight[this.classValue] : " ";
+    return this.validateFontWeightType ? e.fontweight[this.classValue] : " ";
   }
   // handle text align classes
   getTextAlignClass() {
-    return t.textAlign[this.classValue];
+    return e.textAlign[this.classValue];
   }
   // handle border width classes
   getBorderWidthClass() {
-    return this.validateRangeType ? t.borderWidth[this.classValue] : " ";
+    return this.validateRangeType ? e.borderWidth[this.classValue] : " ";
   }
   getBorderXWidthClass() {
-    return this.validateRangeType ? t.borderXWidth[this.classValue] : " ";
+    return this.validateRangeType ? e.borderXWidth[this.classValue] : " ";
   }
   getBorderYWidthClass() {
-    return this.validateRangeType ? t.borderYWidth[this.classValue] : " ";
+    return this.validateRangeType ? e.borderYWidth[this.classValue] : " ";
   }
   getBorderTopWidthClass() {
-    return this.validateRangeType ? t.borderTopWidth[this.classValue] : " ";
+    return this.validateRangeType ? e.borderTopWidth[this.classValue] : " ";
   }
   getBorderBottomWidthClass() {
-    return this.validateRangeType ? t.borderBottomWidth[this.classValue] : " ";
+    return this.validateRangeType ? e.borderBottomWidth[this.classValue] : " ";
   }
   getBorderLeftWidthClass() {
-    return this.validateRangeType ? t.borderLeftWidth[this.classValue] : " ";
+    return this.validateRangeType ? e.borderLeftWidth[this.classValue] : " ";
   }
   getBorderRightWidthClass() {
-    return this.validateRangeType ? t.borderRightWidth[this.classValue] : " ";
+    return this.validateRangeType ? e.borderRightWidth[this.classValue] : " ";
   }
   // handle opacity classes
   getOpacityClass() {
-    return this.validateOpacityType ? t.opacity[this.classValue] : " ";
+    return this.validateOpacityType ? e.opacity[this.classValue] : " ";
   }
   getBgOpacityClass() {
-    return this.validateOpacityType ? t.backgroundOpacity[this.classValue] : " ";
+    return this.validateOpacityType ? e.backgroundOpacity[this.classValue] : " ";
   }
   // handle spacing classes
   // margins
   getMarginClass() {
-    return this.validateSpaceType ? t.margin[this.classValue] : " ";
+    return this.validateSpaceType ? e.margin[this.classValue] : " ";
   }
   getMarginXClass() {
-    return this.validateSpaceType ? t.marginX[this.classValue] : " ";
+    return this.validateSpaceType ? e.marginX[this.classValue] : " ";
   }
   getMarginYClass() {
-    return this.validateSpaceType ? t.marginY[this.classValue] : " ";
+    return this.validateSpaceType ? e.marginY[this.classValue] : " ";
   }
   getMarginTopClass() {
-    return this.validateSpaceType ? t.marginTop[this.classValue] : " ";
+    return this.validateSpaceType ? e.marginTop[this.classValue] : " ";
   }
   getMarginBottomClass() {
-    return this.validateSpaceType ? t.marginBottom[this.classValue] : " ";
+    return this.validateSpaceType ? e.marginBottom[this.classValue] : " ";
   }
   getMarginLeftClass() {
-    return this.validateSpaceType ? t.marginLeft[this.classValue] : " ";
+    return this.validateSpaceType ? e.marginLeft[this.classValue] : " ";
   }
   getMarginRightClass() {
-    return this.validateSpaceType ? t.marginRight[this.classValue] : " ";
+    return this.validateSpaceType ? e.marginRight[this.classValue] : " ";
   }
   // padding
   getPaddingClass() {
-    return this.validateSpaceType ? t.padding[this.classValue] : " ";
+    return this.validateSpaceType ? e.padding[this.classValue] : " ";
   }
   getPaddingXClass() {
-    return this.validateSpaceType ? t.paddingX[this.classValue] : " ";
+    return this.validateSpaceType ? e.paddingX[this.classValue] : " ";
   }
   getPaddingYClass() {
-    return this.validateSpaceType ? t.paddingY[this.classValue] : " ";
+    return this.validateSpaceType ? e.paddingY[this.classValue] : " ";
   }
   getPaddingTopClass() {
-    return this.validateSpaceType ? t.paddingTop[this.classValue] : " ";
+    return this.validateSpaceType ? e.paddingTop[this.classValue] : " ";
   }
   getPaddingBottomClass() {
-    return this.validateSpaceType ? t.paddingBottom[this.classValue] : " ";
+    return this.validateSpaceType ? e.paddingBottom[this.classValue] : " ";
   }
   getPaddingLeftClass() {
-    return this.validateSpaceType ? t.paddingLeft[this.classValue] : " ";
+    return this.validateSpaceType ? e.paddingLeft[this.classValue] : " ";
   }
   getPaddingRightClass() {
-    return this.validateSpaceType ? t.paddingRight[this.classValue] : " ";
+    return this.validateSpaceType ? e.paddingRight[this.classValue] : " ";
   }
   // gap
   getGapClass() {
-    return this.validateSpaceType ? t.gap[this.classValue] : " ";
+    return this.validateSpaceType ? e.gap[this.classValue] : " ";
   }
   // input validation
   validateColorType() {
-    const e = /(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)/;
-    return typeof this.classValue != "string" ? !1 : e.test(this.classValue);
+    const t = /(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)/;
+    return typeof this.classValue != "string" ? !1 : t.test(this.classValue);
   }
   validateSpaceType() {
-    const e = /(0|3xs|2xs|xs|sm|md|lg|xl|2xl|3xl)/;
-    return typeof this.classValue != "string" ? !1 : e.test(this.classValue);
+    const t = /(0|3xs|2xs|xs|sm|md|lg|xl|2xl|3xl)/;
+    return typeof this.classValue != "string" ? !1 : t.test(this.classValue);
   }
   validateHeadingTextSizeType() {
-    const e = /(sm|md|lg|xl)/;
-    return typeof this.classValue != "string" ? !1 : e.test(this.classValue);
+    const t = /(sm|md|lg|xl)/;
+    return typeof this.classValue != "string" ? !1 : t.test(this.classValue);
   }
   validateBodyTextSizeType() {
-    const e = /(xs|sm|md|lg|xl)/;
-    return typeof this.classValue != "string" ? !1 : e.test(this.classValue);
+    const t = /(xs|sm|md|lg|xl)/;
+    return typeof this.classValue != "string" ? !1 : t.test(this.classValue);
   }
   validateFontWeightType() {
-    const e = /(light|normal|bold)/;
-    return typeof this.classValue != "string" ? !1 : e.test(this.classValue);
+    const t = /(light|normal|bold)/;
+    return typeof this.classValue != "string" ? !1 : t.test(this.classValue);
   }
   validateOpacityType() {
-    const e = /\b(0|[1-9]0|100)\b/;
-    return typeof this.classValue != "number" ? !1 : e.test(this.classValue.toString());
+    const t = /\b(0|[1-9]0|100)\b/;
+    return typeof this.classValue != "number" ? !1 : t.test(this.classValue.toString());
   }
   validateRangeType() {
-    const e = /\b([1-9]|1[0-2])\b/;
-    return typeof this.classValue != "number" ? !1 : e.test(this.classValue.toString());
+    const t = /\b([1-9]|1[0-2])\b/;
+    return typeof this.classValue != "number" ? !1 : t.test(this.classValue.toString());
   }
   validateAlignment() {
-    const e = /(left|center|right)/;
-    return typeof this.classValue != "string" ? !1 : e.test(this.classValue);
+    const t = /(left|center|right)/;
+    return typeof this.classValue != "string" ? !1 : t.test(this.classValue);
   }
   dummyMethod() {
     return this.getRingOffsetColorClass();
   }
 }
-const k = (r, d) => {
-  const e = new bt(r, d);
-  return gt.includes(r) ? e.generateColorClass() : ut.includes(r) ? e.generateTextClass() : pt.includes(r) ? e.generateBorderWidthClass() : ht.includes(r) ? e.generateScaleClass() : e.generateSpacingClass();
-}, ft = { class: "w-full flex justify-between gap-2xs" }, vt = { class: "w-full" }, xt = /* @__PURE__ */ b("svg", {
+const R = (r, d) => {
+  const t = new fe(r, d);
+  return ue.includes(r) ? t.generateColorClass() : pe.includes(r) ? t.generateTextClass() : he.includes(r) ? t.generateBorderWidthClass() : be.includes(r) ? t.generateScaleClass() : t.generateSpacingClass();
+}, ve = { class: "w-full flex justify-between gap-2xs" }, xe = { class: "w-full" }, ye = /* @__PURE__ */ v("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 384 512",
   fill: "currentColor",
   class: "h-xs"
 }, [
-  /* @__PURE__ */ b("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" })
-], -1), yt = [
-  xt
-], ge = /* @__PURE__ */ V({
+  /* @__PURE__ */ v("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" })
+], -1), me = [
+  ye
+], ut = /* @__PURE__ */ V({
   __name: "Alert",
   props: {
     color: { default: "danger" },
@@ -1233,64 +1233,64 @@ const k = (r, d) => {
     dismissible: { type: Boolean, default: !1 }
   },
   emits: ["close"],
-  setup(r, { expose: d, emit: e }) {
-    const s = r;
-    I();
-    const o = e, c = _(s.show), l = T(() => {
-      const { color: p, rounded: g, shadow: C } = s, E = [k("BGCOLOR", p)];
-      return g && E.push("rounded-md"), C && E.push("drop-shadow-md"), E.join(" ");
-    }), a = (p) => {
-      c.value = !1, o("close", p);
-    }, n = () => {
+  setup(r, { expose: d, emit: t }) {
+    const a = r;
+    D();
+    const s = t, c = k(a.show), l = A(() => {
+      const { color: u, rounded: g, shadow: m } = a, x = [R("BGCOLOR", u)];
+      return g && x.push("rounded-md"), m && x.push("drop-shadow-md"), x.join(" ");
+    }), o = (u) => {
+      c.value = !1, s("close", u);
+    }, i = () => {
       c.value = !1;
     };
     return $(
-      () => s.show,
-      (p) => {
-        c.value = p;
+      () => a.show,
+      (u) => {
+        c.value = u;
       }
     ), d({
-      close: n
-    }), (p, g) => c.value ? (h(), v("div", {
+      close: i
+    }), (u, g) => c.value ? (h(), b("div", {
       key: 0,
       role: "alert",
       "aria-live": "polite",
       "aria-atomic": "true",
-      class: m(["py-[0.75rem] px-[1.25rem] relative", [l.value]])
+      class: y(["py-[0.75rem] px-[1.25rem] relative", [l.value]])
     }, [
-      b("div", ft, [
-        b("div", vt, [
-          R(p.$slots, "default")
+      v("div", ve, [
+        v("div", xe, [
+          w(u.$slots, "default")
         ]),
-        p.dismissible ? (h(), v("button", {
+        u.dismissible ? (h(), b("button", {
           key: 0,
-          onClick: a,
+          onClick: o,
           class: "flex items-center opacity-60 hover:opacity-40 transition-opacity duration-300 ease-linear"
-        }, yt)) : B("", !0)
+        }, me)) : B("", !0)
       ])
     ], 2)) : B("", !0);
   }
-}), X = (r, d) => it(
+}), z = (r, d) => ne(
   r,
-  (e) => {
-    let s = !1;
-    for (let o = 0; o < e.length && !s; o++) {
-      const c = e[o], l = c.type, a = c.attributeName, n = c.target;
-      if ((l === "attributes" || a === "visible") && (s = !0), s) {
-        const p = n.getAttribute("visible") === "true";
-        d(p);
+  (t) => {
+    let a = !1;
+    for (let s = 0; s < t.length && !a; s++) {
+      const c = t[s], l = c.type, o = c.attributeName, i = c.target;
+      if ((l === "attributes" || o === "visible") && (a = !0), a) {
+        const u = i.getAttribute("visible") === "true";
+        d(u);
       }
     }
   },
   { attributes: !0 }
-), mt = V({
+), Ce = V({
   setup(r, { slots: d }) {
-    const e = _(!1);
-    return j(() => {
-      e.value = !0;
-    }), () => e.value && d.default ? d.default() : null;
+    const t = k(!1);
+    return q(() => {
+      t.value = !0;
+    }), () => t.value && d.default ? d.default() : null;
   }
-}), Ct = ["accordion", "visible"], kt = /* @__PURE__ */ V({
+}), ke = ["accordion", "visible"], we = /* @__PURE__ */ V({
   __name: "Collapse",
   props: {
     accordion: {},
@@ -1298,66 +1298,66 @@ const k = (r, d) => {
     visible: { type: Boolean, default: !1 }
   },
   emits: ["open", "close"],
-  setup(r, { expose: d, emit: e }) {
-    const s = r;
-    I();
-    const o = e, c = _(), l = _(s.visible), a = () => {
+  setup(r, { expose: d, emit: t }) {
+    const a = r;
+    D();
+    const s = t, c = k(), l = k(a.visible), o = () => {
       l.value = !l.value;
-    }, n = () => {
+    }, i = () => {
       l.value = !0;
-    }, p = () => {
+    }, u = () => {
       l.value = !1;
     }, g = () => {
-      o("open", !0);
-    }, C = () => {
-      o("close", !1);
-    }, E = (u) => {
-      u.style.height = "auto", u.style.opacity = "0";
-      const A = getComputedStyle(u).height;
-      u.style.height = "0px", u.offsetHeight, u.style.height = A, u.style.opacity = "1";
-    }, O = (u) => {
-      u.style.height = "auto", u.style.opacity = "1";
-    }, W = (u) => {
-      u.style.height = getComputedStyle(u).height, u.offsetHeight, u.style.height = "0px", u.style.opacity = "0";
+      s("open", !0);
+    }, m = () => {
+      s("close", !1);
+    }, x = (p) => {
+      p.style.height = "auto", p.style.opacity = "0";
+      const S = getComputedStyle(p).height;
+      p.style.height = "0px", p.offsetHeight, p.style.height = S, p.style.opacity = "1";
+    }, _ = (p) => {
+      p.style.height = "auto", p.style.opacity = "1";
+    }, N = (p) => {
+      p.style.height = getComputedStyle(p).height, p.offsetHeight, p.style.height = "0px", p.style.opacity = "0";
     };
-    return X(c, (u = !1) => {
-      l.value = u;
+    return z(c, (p = !1) => {
+      l.value = p;
     }), $(
-      () => s.visible,
-      (u) => {
-        l.value = u;
+      () => a.visible,
+      (p) => {
+        l.value = p;
       }
-    ), $(l, (u) => {
-      u === !0 ? g() : u === !1 && C();
+    ), $(l, (p) => {
+      p === !0 ? g() : p === !1 && m();
     }), d({
-      toggle: a,
-      close: p,
-      open: n
-    }), (u, A) => (h(), v("div", {
-      accordion: u.accordion,
+      toggle: o,
+      close: u,
+      open: i
+    }), (p, S) => (h(), b("div", {
+      accordion: p.accordion,
       visible: l.value,
       ref_key: "collapseRef",
       ref: c
     }, [
-      H(y(mt), null, {
-        default: S(() => [
-          H(D, {
+      E(O(Ce), null, {
+        default: H(() => [
+          E(I, {
             name: "collapse",
             tag: "div",
-            onEnter: E,
-            onAfterEnter: O,
-            onLeave: W,
+            onEnter: x,
+            onAfterEnter: _,
+            onLeave: N,
             class: "overflow-y-clip"
           }, {
-            default: S(() => [
-              N(b("div", null, [
-                b("div", {
-                  class: m([u.className])
+            default: H(() => [
+              W(v("div", null, [
+                v("div", {
+                  class: y(p.className)
                 }, [
-                  R(u.$slots, "default", {}, void 0, !0)
+                  w(p.$slots, "default", {}, void 0, !0)
                 ], 2)
               ], 512), [
-                [U, l.value]
+                [F, l.value]
               ])
             ]),
             _: 3
@@ -1365,15 +1365,14 @@ const k = (r, d) => {
         ]),
         _: 3
       })
-    ], 8, Ct));
-  }
-});
-const G = (r, d) => {
-  const e = r.__vccOpts || r;
-  for (const [s, o] of d)
-    e[s] = o;
-  return e;
-}, ue = /* @__PURE__ */ G(kt, [["__scopeId", "data-v-0ec18f4b"]]), _t = V({
+    ], 8, ke));
+  }
+}), G = (r, d) => {
+  const t = r.__vccOpts || r;
+  for (const [a, s] of d)
+    t[a] = s;
+  return t;
+}, pt = /* @__PURE__ */ G(we, [["__scopeId", "data-v-84dc26a7"]]), Be = V({
   props: {
     direction: {
       type: String,
@@ -1401,13 +1400,13 @@ const G = (r, d) => {
     }
   },
   setup(r) {
-    const d = "invisible opacity-0 group-hover:visible group-hover:opacity-100 z-[100] tooltip", e = T(() => {
+    const d = "invisible opacity-0 group-hover:visible group-hover:opacity-100 z-[100] tooltip", t = A(() => {
       const { color: c, textColor: l } = r;
       return [
-        k("BGCOLOR", c),
-        k("TEXTCOLOR", l)
+        R("BGCOLOR", c),
+        R("TEXTCOLOR", l)
       ].join(" ");
-    }), s = T(() => ({ width: `${r.width}px` })), o = T(() => {
+    }), a = A(() => ({ width: `${r.width}px` })), s = A(() => {
       switch (r.direction) {
         case "left":
           return "tooltip-left";
@@ -1419,73 +1418,73 @@ const G = (r, d) => {
           return "tooltip-right";
       }
     });
-    return () => at("div", {
+    return () => le("div", {
       class: [
         d,
         r.customClass,
-        o.value,
-        e.value
+        s.value,
+        t.value
       ],
       role: "tooltip",
       innerHTML: r.title,
-      style: [s.value]
+      style: [a.value]
     });
   }
-}), Y = {
+}), j = {
   mounted(r, d) {
-    r.__ClickOutsideHandler = (e) => {
-      r === e.target || r.contains(e.target) || d.value(e);
+    r.__ClickOutsideHandler = (t) => {
+      r === t.target || r.contains(t.target) || d.value(t);
     }, document.body.addEventListener("click", r.__ClickOutsideHandler);
   },
   unmounted(r) {
     document.body.removeEventListener("click", r.__ClickOutsideHandler);
   }
-}, pe = {
+}, ht = {
   mounted(r, d) {
-    r.__ClickToggleHandler = (e) => {
-      e.preventDefault();
-      const s = e.target;
-      let o;
-      if (s.tagName === "A") {
-        const a = s.getAttribute("href"), n = (a == null ? void 0 : a.charAt(0)) === "#" ? a.substring(1) : a;
-        o = document.getElementById(n);
+    r.__ClickToggleHandler = (t) => {
+      t.preventDefault();
+      const a = t.target;
+      let s;
+      if (a.tagName === "A") {
+        const o = a.getAttribute("href"), i = (o == null ? void 0 : o.charAt(0)) === "#" ? o.substring(1) : o;
+        s = document.getElementById(i);
       } else
-        o = document.getElementById(d.arg);
-      if (!o || o.hasAttribute("visible") === !1)
+        s = document.getElementById(d.arg);
+      if (!s || s.hasAttribute("visible") === !1)
         return;
-      const l = o.getAttribute("visible") === "true" ? "false" : "true";
-      o.setAttribute("visible", l);
+      const l = s.getAttribute("visible") === "true" ? "false" : "true";
+      s.setAttribute("visible", l);
     }, r.addEventListener("click", r.__ClickToggleHandler);
   },
   unmounted(r) {
     r.removeEventListener("click", r.__ClickToggleHandler);
   }
-}, he = {
+}, bt = {
   mounted(r, d) {
-    r.__HandleToggler = (e) => {
-      e.preventDefault();
-      const s = e.target;
-      let o;
-      if (s.tagName === "A") {
-        const a = s.getAttribute("href"), n = (a == null ? void 0 : a.charAt(0)) === "#" ? a.substring(1) : a;
-        o = document.getElementById(n);
+    r.__HandleToggler = (t) => {
+      t.preventDefault();
+      const a = t.target;
+      let s;
+      if (a.tagName === "A") {
+        const o = a.getAttribute("href"), i = (o == null ? void 0 : o.charAt(0)) === "#" ? o.substring(1) : o;
+        s = document.getElementById(i);
       } else
-        o = document.getElementById(d.arg);
-      if (!o || o.hasAttribute("visible") === !1)
+        s = document.getElementById(d.arg);
+      if (!s || s.hasAttribute("visible") === !1)
         return;
-      if (!o.hasAttribute("accordion")) {
-        const n = o.getAttribute("visible") === "true" ? "false" : "true";
-        o.setAttribute("visible", n);
+      if (!s.hasAttribute("accordion")) {
+        const i = s.getAttribute("visible") === "true" ? "false" : "true";
+        s.setAttribute("visible", i);
         return;
       }
-      const c = o.getAttribute("accordion"), l = document.querySelectorAll(
+      const c = s.getAttribute("accordion"), l = document.querySelectorAll(
         `div[accordion="${c}"]`
       );
-      for (let a = 0; a < l.length; a++) {
-        const n = l[a].getAttribute("visible");
-        if (l[a].id !== o.id && n === "true" && l[a].setAttribute("visible", "false"), l[a].id === o.id) {
-          const g = o.getAttribute("visible") === "true" ? "false" : "true";
-          o.setAttribute("visible", g);
+      for (let o = 0; o < l.length; o++) {
+        const i = l[o].getAttribute("visible");
+        if (l[o].id !== s.id && i === "true" && l[o].setAttribute("visible", "false"), l[o].id === s.id) {
+          const g = s.getAttribute("visible") === "true" ? "false" : "true";
+          s.setAttribute("visible", g);
         }
       }
     }, r.addEventListener("click", r.__HandleToggler);
@@ -1493,34 +1492,34 @@ const G = (r, d) => {
   unmounted(r) {
     r.removeEventListener("click", r.__HandleToggler);
   }
-}, be = {
+}, ft = {
   mounted(r, d) {
-    r.__HandleTooltip = (e, s) => {
-      e.classList.add("relative", "group", "overflow-visible");
-      let o;
-      e.hasAttribute("title") && (o = e.getAttribute("title")), !e.hasAttribute("title") && typeof s.value < "u" && typeof s.value == "string" && (o = s.value), !e.hasAttribute("title") && typeof s.value < "u" && typeof s.value != "string" && typeof s.value.title == "string" && (o = s.value.title);
+    r.__HandleTooltip = (t, a) => {
+      t.classList.add("relative", "group", "overflow-visible");
+      let s;
+      t.hasAttribute("title") && (s = t.getAttribute("title")), !t.hasAttribute("title") && typeof a.value < "u" && typeof a.value == "string" && (s = a.value), !t.hasAttribute("title") && typeof a.value < "u" && typeof a.value != "string" && typeof a.value.title == "string" && (s = a.value.title);
       let c;
-      e.hasAttribute("color") && (c = e.getAttribute("color")), !e.hasAttribute("color") && typeof s.value < "u" && typeof s.value != "string" && typeof s.value.color == "string" && (c = s.value.color);
+      t.hasAttribute("color") && (c = t.getAttribute("color")), !t.hasAttribute("color") && typeof a.value < "u" && typeof a.value != "string" && typeof a.value.color == "string" && (c = a.value.color);
       let l;
-      e.hasAttribute("text-color") && (l = e.getAttribute("text-color")), !e.hasAttribute("text-color") && typeof s.value < "u" && typeof s.value != "string" && typeof s.value.textColor == "string" && (l = s.value.textColor);
-      let a;
-      e.hasAttribute("tooltip-width") && (a = e.getAttribute("tooltip-width")), !e.hasAttribute("tooltip-width") && typeof s.value < "u" && typeof s.value != "string" && typeof s.value.width == "number" && (a = s.value.width);
-      let n;
-      typeof s.value < "u" && typeof s.value != "string" && typeof s.value.className == "string" && (n = s.value.className);
-      let p;
-      const g = Object.keys(s.modifiers);
-      g.length > 0 && (p = g[0]);
-      const C = H(_t, {
-        direction: p,
-        title: o,
+      t.hasAttribute("text-color") && (l = t.getAttribute("text-color")), !t.hasAttribute("text-color") && typeof a.value < "u" && typeof a.value != "string" && typeof a.value.textColor == "string" && (l = a.value.textColor);
+      let o;
+      t.hasAttribute("tooltip-width") && (o = t.getAttribute("tooltip-width")), !t.hasAttribute("tooltip-width") && typeof a.value < "u" && typeof a.value != "string" && typeof a.value.width == "number" && (o = a.value.width);
+      let i;
+      typeof a.value < "u" && typeof a.value != "string" && typeof a.value.className == "string" && (i = a.value.className);
+      let u;
+      const g = Object.keys(a.modifiers);
+      g.length > 0 && (u = g[0]);
+      const m = E(Be, {
+        direction: u,
+        title: s,
         color: c,
         textColor: l,
-        width: a,
-        customClass: n
+        width: o,
+        customClass: i
       });
-      z(C, e);
-    }, r.__UnmountTooltip = (e) => {
-      z(null, e);
+      K(m, t);
+    }, r.__UnmountTooltip = (t) => {
+      K(null, t);
     }, r.__HandleTooltip(r, d);
   },
   updated(r, d) {
@@ -1529,74 +1528,73 @@ const G = (r, d) => {
   unmounted(r) {
     r.__UnmountTooltip(r);
   }
-}, M = Symbol(), fe = /* @__PURE__ */ V({
+}, M = Symbol(), vt = /* @__PURE__ */ V({
   __name: "DropdownContainer",
   emits: ["click-outside", "toggle"],
   setup(r, { emit: d }) {
-    I();
-    const e = d, s = _(), o = _(!1), c = _(0);
-    K(M, {
-      active: o,
+    D();
+    const t = d, a = k(), s = k(!1), c = k(0);
+    X(M, {
+      active: s,
       buttonHeight: c,
       closeDropdown: () => {
-        o.value = !1;
+        s.value = !1;
       }
     });
-    const a = (g) => {
-      o.value = !o.value, e("toggle", g);
-    }, n = (g) => {
-      o.value = !1, e("click-outside", g);
-    }, p = () => {
-      o.value = !1;
+    const o = (g) => {
+      s.value = !s.value, t("toggle", g);
+    }, i = (g) => {
+      s.value = !1, t("click-outside", g);
+    }, u = () => {
+      s.value = !1;
     };
-    return j(() => {
-      c.value = s.value.scrollHeight;
-    }), (g, C) => N((h(), v("div", {
+    return q(() => {
+      c.value = a.value.scrollHeight;
+    }), (g, m) => W((h(), b("div", {
       class: "relative",
       ref_key: "dropdownTarget",
-      ref: s,
-      onKeyup: ot(p, ["esc"])
+      ref: a,
+      onKeyup: oe(u, ["esc"])
     }, [
-      R(g.$slots, "toggler", {
-        toggle: a,
-        dropdownState: o.value
+      w(g.$slots, "toggler", {
+        toggle: o,
+        dropdownState: s.value
       }),
-      R(g.$slots, "default")
+      w(g.$slots, "default")
     ], 32)), [
-      [y(Y), n]
+      [O(j), i]
     ]);
   }
-}), wt = /* @__PURE__ */ V({
+}), Re = /* @__PURE__ */ V({
   __name: "DropdownContent",
   props: {
     className: { default: "" }
   },
   setup(r) {
-    const { height: d } = nt();
-    I();
-    const e = _(), { active: s, buttonHeight: o, closeDropdown: c } = q(
+    const { height: d } = de();
+    D();
+    const t = k(), { active: a, buttonHeight: s, closeDropdown: c } = Y(
       M
-    ), l = T(() => ({ "--button-height": `${o}px` })), a = T(() => {
-      if (!(!s || !e.value) && d.value - e.value.getBoundingClientRect().bottom < 0)
+    ), l = A(() => ({ "--button-height": `${s}px` })), o = A(() => {
+      if (!(!a || !t.value) && d.value - t.value.getBoundingClientRect().bottom < 0)
         return "dropup-bottom";
     });
-    return (n, p) => (h(), F(D, { name: "dropdown-content" }, {
-      default: S(() => [
-        y(s) ? (h(), v("div", {
+    return (i, u) => (h(), P(I, { name: "dropdown-content" }, {
+      default: H(() => [
+        O(a) ? (h(), b("div", {
           key: 0,
           ref_key: "contentRef",
-          ref: e,
-          class: m(["absolute my-2xs max-w-[14rem] w-max overflow-hidden", [a.value, n.className]]),
+          ref: t,
+          class: y(["absolute my-2xs max-w-[14rem] w-max overflow-hidden", [o.value, i.className]]),
           style: L(l.value)
         }, [
-          R(n.$slots, "default", { itemClick: y(c) }, void 0, !0)
+          w(i.$slots, "default", { itemClick: O(c) }, void 0, !0)
         ], 6)) : B("", !0)
       ]),
       _: 3
     }));
   }
-});
-const ve = /* @__PURE__ */ G(wt, [["__scopeId", "data-v-eaa7855a"]]), Bt = /* @__PURE__ */ V({
+}), xt = /* @__PURE__ */ G(Re, [["__scopeId", "data-v-33ea6d5e"]]), Te = /* @__PURE__ */ V({
   __name: "NavDrawer",
   props: {
     color: { default: "dark-2" },
@@ -1606,47 +1604,46 @@ const ve = /* @__PURE__ */ G(wt, [["__scopeId", "data-v-eaa7855a"]]), Bt = /* @_
   },
   emits: ["hbg-click"],
   setup(r, { emit: d }) {
-    const e = r, s = d, o = (n) => {
-      s("hbg-click", n);
-    }, c = T({
+    const t = r, a = d, s = (i) => {
+      a("hbg-click", i);
+    }, c = A({
       get() {
-        return e.toggle;
+        return t.toggle;
       },
-      set(n) {
-        return n;
+      set(i) {
+        return i;
       }
-    }), l = (n, p, g) => {
-      const C = [
-        k("RINGCOLOR", n),
-        k("OFFSETRING", g)
+    }), l = (i, u, g) => {
+      const m = [
+        R("RINGCOLOR", i),
+        R("OFFSETRING", g)
       ];
-      return p && (C.push(k("BORDER", n)), C.push("border")), C.join(" ");
-    }, a = (n) => [
-      k("BGCOLOR", n),
-      k("BEFOREBG", n),
-      k("AFTERBG", n)
+      return u && (m.push(R("BORDER", i)), m.push("border")), m.join(" ");
+    }, o = (i) => [
+      R("BGCOLOR", i),
+      R("BEFOREBG", i),
+      R("AFTERBG", i)
     ].join(" ");
-    return (n, p) => (h(), v("button", {
-      class: m(["p-3xs rounded-md aspect-square outline-none focus:ring-4 ring-offset-2 transition-all duration-300 ease-linear hover:opacity-70 focus:opacity-70 hamburger__button", l(n.color, n.displayBorder, n.navColor)]),
-      onClick: o
+    return (i, u) => (h(), b("button", {
+      class: y(["p-3xs rounded-md aspect-square outline-none focus:ring-4 ring-offset-2 transition-all duration-300 ease-linear hover:opacity-70 focus:opacity-70 hamburger__button", l(i.color, i.displayBorder, i.navColor)]),
+      onClick: s
     }, [
-      N(b("input", {
+      W(v("input", {
         type: "checkbox",
-        "onUpdate:modelValue": p[0] || (p[0] = (g) => c.value = g),
+        "onUpdate:modelValue": u[0] || (u[0] = (g) => c.value = g),
         class: "hidden hamburger__checkbox"
       }, null, 512), [
-        [lt, c.value]
+        [ie, c.value]
       ]),
-      b("div", {
-        class: m(["relative h-[3px] w-sm hamburger__icon before:w-sm after:w-sm before:h-[3px] after:h-[3px] transition-all duration-300 ease-linear", a(n.color)])
+      v("div", {
+        class: y(["relative h-[3px] w-sm hamburger__icon before:w-sm after:w-sm before:h-[3px] after:h-[3px] transition-all duration-300 ease-linear", o(i.color)])
       }, null, 2)
     ], 2));
   }
-});
-const tt = /* @__PURE__ */ G(Bt, [["__scopeId", "data-v-64909a32"]]), Rt = { class: "flex flex-wrap items-center py-xs md:py-2xs mx-xs md:mx-sm align-middle justify-between sm:max-w-[640px] md:max-w-[768px] lg:max-w-[1024px] xl:max-w-[1280px] 2xl:max-w-[1536px]" }, Tt = { class: "min-h-[24px]" }, Ot = { class: "ml-auto" }, At = {
+}), ee = /* @__PURE__ */ G(Te, [["__scopeId", "data-v-64909a32"]]), Oe = { class: "flex flex-wrap items-center py-xs md:py-2xs mx-xs md:mx-sm align-middle justify-between sm:max-w-[640px] md:max-w-[768px] lg:max-w-[1024px] xl:max-w-[1280px] 2xl:max-w-[1536px]" }, _e = { class: "min-h-[24px]" }, Ae = { class: "ml-auto" }, Ve = {
   key: 0,
   class: "hidden lg:block"
-}, Vt = { class: "overflow-hidden lg:hidden" }, Et = { key: 0 }, St = /* @__PURE__ */ V({
+}, Se = { class: "overflow-hidden lg:hidden" }, Ee = { key: 0 }, He = /* @__PURE__ */ V({
   __name: "HeaderHorizontal",
   props: {
     bgColor: { default: "light-1" },
@@ -1658,63 +1655,63 @@ const tt = /* @__PURE__ */ G(Bt, [["__scopeId", "data-v-64909a32"]]), Rt = { cla
     sticky: { default: "all" }
   },
   emits: ["toggle-drawer"],
-  setup(r, { expose: d, emit: e }) {
-    const s = r, o = I(), c = _(!1), { y: l } = dt(), a = e, n = () => {
+  setup(r, { expose: d, emit: t }) {
+    const a = r, s = D(), c = k(!1), { y: l } = ce(), o = t, i = () => {
       c.value = !1;
-    }, p = (f) => {
-      c.value = !c.value, a("toggle-drawer", f, c.value);
+    }, u = (f) => {
+      c.value = !c.value, o("toggle-drawer", f, c.value);
     }, g = (f) => {
       f.style.height = "auto";
-      const u = getComputedStyle(f).height;
-      f.style.height = "0px", f.offsetHeight, f.style.height = u;
-    }, C = (f) => {
+      const p = getComputedStyle(f).height;
+      f.style.height = "0px", f.offsetHeight, f.style.height = p;
+    }, m = (f) => {
       f.style.height = "auto";
-    }, E = (f) => {
+    }, x = (f) => {
       f.style.height = getComputedStyle(f).height, f.offsetHeight, f.style.height = "0px";
-    }, O = T(() => {
-      const { bgColor: f, sticky: u } = s, A = [k("BGCOLOR", f)];
-      return u === "all" ? (A.push("sticky top-0"), A.join(" ")) : u === "tablet" ? (A.push("md:sticky top-0"), A.join(" ")) : (u === "pc" && A.push("lg:sticky top-0"), A.join(" "));
-    }), W = T(() => {
-      const { fadeInOnScroll: f, scrollDistance: u } = s;
-      return f ? l.value >= u ? "lg:shadow-md bg-opacity-70" : "bg-opacity-100" : "";
+    }, _ = A(() => {
+      const { bgColor: f, sticky: p } = a, S = [R("BGCOLOR", f)];
+      return p === "all" ? (S.push("sticky top-0"), S.join(" ")) : p === "tablet" ? (S.push("md:sticky top-0"), S.join(" ")) : (p === "pc" && S.push("lg:sticky top-0"), S.join(" "));
+    }), N = A(() => {
+      const { fadeInOnScroll: f, scrollDistance: p } = a;
+      return f ? l.value >= p ? "lg:shadow-md bg-opacity-70" : "bg-opacity-100" : "";
     });
     return d({
-      headerClose: n
-    }), (f, u) => (h(), v("header", {
-      class: m(["w-full items-center z-50 transition ease-in duration-500 delay-150", [W.value, O.value]])
+      headerClose: i
+    }), (f, p) => (h(), b("header", {
+      class: y(["w-full items-center z-50 transition ease-in duration-500 delay-150", [N.value, _.value]])
     }, [
-      b("nav", Rt, [
-        b("div", Tt, [
-          R(f.$slots, "content", {}, void 0, !0)
+      v("nav", Oe, [
+        v("div", _e, [
+          w(f.$slots, "content", {}, void 0, !0)
         ]),
-        b("div", Ot, [
-          H(tt, {
+        v("div", Ae, [
+          E(ee, {
             color: f.drawerBtnColor,
             "display-border": f.drawerBtnBorder,
             class: "block lg:hidden",
-            onHbgClick: p,
+            onHbgClick: u,
             toggle: c.value,
             "nav-color": f.bgColor
           }, null, 8, ["color", "display-border", "toggle", "nav-color"]),
-          y(o)["content-right"] ? (h(), v("div", At, [
-            R(f.$slots, "content-right", {}, void 0, !0)
+          s["content-right"] ? (h(), b("div", Ve, [
+            w(f.$slots, "content-right", {}, void 0, !0)
           ])) : B("", !0)
         ])
       ]),
-      b("div", Vt, [
-        H(D, {
+      v("div", Se, [
+        E(I, {
           name: "collapse",
           onEnter: g,
-          onAfterEnter: C,
-          onLeave: E
+          onAfterEnter: m,
+          onLeave: x
         }, {
-          default: S(() => [
-            c.value ? (h(), v("div", {
+          default: H(() => [
+            c.value ? (h(), b("div", {
               key: 0,
-              class: m(["bg-opacity-80 rounded-md my-2xs mx-xs overflow-hidden", y(k)("BGCOLOR", f.mobileMenuBgColor)])
+              class: y(["bg-opacity-80 rounded-md my-2xs mx-xs overflow-hidden", O(R)("BGCOLOR", f.mobileMenuBgColor)])
             }, [
-              y(o)["mobile-content"] ? (h(), v("div", Et, [
-                R(f.$slots, "mobile-content", { headerClose: n }, void 0, !0)
+              s["mobile-content"] ? (h(), b("div", Ee, [
+                w(f.$slots, "mobile-content", { headerClose: i }, void 0, !0)
               ])) : B("", !0)
             ], 2)) : B("", !0)
           ]),
@@ -1723,11 +1720,10 @@ const tt = /* @__PURE__ */ G(Bt, [["__scopeId", "data-v-64909a32"]]), Rt = { cla
       ])
     ], 2));
   }
-});
-const xe = /* @__PURE__ */ G(St, [["__scopeId", "data-v-94939c1a"]]), Ht = { class: "lg:flex" }, Dt = { class: "flex flex-col justify-between h-full" }, It = { key: 0 }, Gt = { class: "block fixed lg:hidden top-0 right-0 mr-xs mt-xs z-20" }, $t = { class: "block lg:hidden relative" }, Wt = {
+}), yt = /* @__PURE__ */ G(He, [["__scopeId", "data-v-9a3c4512"]]), De = { class: "lg:flex" }, Ie = { class: "flex flex-col justify-between h-full" }, $e = { key: 0 }, Ge = { class: "block fixed lg:hidden top-0 right-0 mr-xs mt-xs z-20" }, Ne = { class: "block lg:hidden relative" }, We = {
   key: 0,
   class: "h-full"
-}, Nt = { class: "w-full" }, Lt = /* @__PURE__ */ V({
+}, Le = { class: "w-full" }, Fe = /* @__PURE__ */ V({
   __name: "HeaderVertical",
   props: {
     bgColor: { default: "light-1" },
@@ -1736,53 +1732,53 @@ const xe = /* @__PURE__ */ G(St, [["__scopeId", "data-v-94939c1a"]]), Ht = { cla
     headerWidth: { default: 160 }
   },
   emits: ["toggle-drawer"],
-  setup(r, { expose: d, emit: e }) {
-    const s = r, o = I(), c = e, l = _(!1), a = (g) => {
+  setup(r, { expose: d, emit: t }) {
+    const a = r, s = D(), c = t, l = k(!1), o = (g) => {
       l.value = !l.value, c("toggle-drawer", g, l.value);
-    }, n = () => {
+    }, i = () => {
       l.value = !1;
-    }, p = T(() => ({ "--header-width": `${s.headerWidth}px` }));
+    }, u = A(() => ({ "--header-width": `${a.headerWidth}px` }));
     return d({
-      headerClose: n
-    }), (g, C) => (h(), v("section", Ht, [
-      b("header", {
+      headerClose: i
+    }), (g, m) => (h(), b("section", De, [
+      v("header", {
         class: "relative",
-        style: L(p.value)
+        style: L(u.value)
       }, [
-        b("nav", {
-          class: m(["hidden lg:block lg:sticky lg:top-0 lg:left-0 lg:h-[100vh] py-sm header-desktop overscroll-contain overflow-y-scroll", [y(k)("BGCOLOR", g.bgColor)]])
+        v("nav", {
+          class: y(["hidden lg:block lg:sticky lg:top-0 lg:left-0 lg:h-[100vh] py-sm header-desktop overscroll-contain overflow-y-scroll", [O(R)("BGCOLOR", g.bgColor)]])
         }, [
-          b("div", Dt, [
-            b("div", null, [
-              R(g.$slots, "content", {}, void 0, !0)
+          v("div", Ie, [
+            v("div", null, [
+              w(g.$slots, "content", {}, void 0, !0)
             ]),
-            y(o)["content-bottom"] ? (h(), v("div", It, [
-              R(g.$slots, "content-bottom", {}, void 0, !0)
+            s["content-bottom"] ? (h(), b("div", $e, [
+              w(g.$slots, "content-bottom", {}, void 0, !0)
             ])) : B("", !0)
           ])
         ], 2),
-        b("div", Gt, [
-          H(tt, {
+        v("div", Ge, [
+          E(ee, {
             color: g.drawerBtnColor,
             "display-border": g.drawerBtnBorder,
             class: "block lg:hidden relative",
-            onHbgClick: a,
+            onHbgClick: o,
             toggle: l.value,
             "nav-color": g.bgColor
           }, null, 8, ["color", "display-border", "toggle", "nav-color"])
         ]),
-        b("div", $t, [
-          H(D, {
+        v("div", Ne, [
+          E(I, {
             name: "slide-down",
             appear: ""
           }, {
-            default: S(() => [
-              l.value ? (h(), v("div", {
+            default: H(() => [
+              l.value ? (h(), b("div", {
                 key: 0,
-                class: m(["fixed inset-0 overflow-y-scroll overscroll-contain py-lg px-sm", y(k)("BGCOLOR", g.bgColor)])
+                class: y(["fixed inset-0 overflow-y-scroll overscroll-contain py-lg px-sm", O(R)("BGCOLOR", g.bgColor)])
               }, [
-                y(o)["mobile-content"] ? (h(), v("div", Wt, [
-                  R(g.$slots, "mobile-content", { headerClose: n }, void 0, !0)
+                s["mobile-content"] ? (h(), b("div", We, [
+                  w(g.$slots, "mobile-content", { headerClose: i }, void 0, !0)
                 ])) : B("", !0)
               ], 2)) : B("", !0)
             ]),
@@ -1790,24 +1786,23 @@ const xe = /* @__PURE__ */ G(St, [["__scopeId", "data-v-94939c1a"]]), Ht = { cla
           })
         ])
       ], 4),
-      b("div", Nt, [
-        R(g.$slots, "default", {}, void 0, !0)
+      v("div", Le, [
+        w(g.$slots, "default", {}, void 0, !0)
       ])
     ]));
   }
-});
-const ye = /* @__PURE__ */ G(Lt, [["__scopeId", "data-v-e2818e18"]]), Ft = (r) => (Q("data-v-8500b482"), r = r(), Z(), r), Xt = ["visible"], Yt = {
+}), mt = /* @__PURE__ */ G(Fe, [["__scopeId", "data-v-070e6f0f"]]), Xe = (r) => (Q("data-v-151e8ced"), r = r(), Z(), r), Ye = ["visible"], Pe = {
   key: 0,
   class: "vertical-placement fixed w-full max-w-md z-[110] px-xs"
-}, Pt = {
+}, ze = {
   key: 0,
   class: "sticky top-0"
-}, zt = /* @__PURE__ */ Ft(() => /* @__PURE__ */ b("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" }, null, -1)), jt = [
-  zt
-], Ut = {
+}, je = /* @__PURE__ */ Xe(() => /* @__PURE__ */ v("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" }, null, -1)), Ue = [
+  je
+], Ke = {
   key: 1,
   class: "sticky bottom-0"
-}, Kt = /* @__PURE__ */ V({
+}, qe = /* @__PURE__ */ V({
   __name: "Modal",
   props: {
     title: {},
@@ -1821,117 +1816,116 @@ const ye = /* @__PURE__ */ G(Lt, [["__scopeId", "data-v-e2818e18"]]), Ft = (r) =
     placement: { default: "center" }
   },
   emits: ["open", "close"],
-  setup(r, { expose: d, emit: e }) {
-    const s = r, o = I(), c = e, l = _(), a = _(s.visible), n = _(!1), p = () => {
-      a.value = !a.value;
+  setup(r, { expose: d, emit: t }) {
+    const a = r, s = D(), c = t, l = k(), o = k(a.visible), i = k(!1), u = () => {
+      o.value = !o.value;
     }, g = () => {
-      a.value = !0;
-    }, C = () => {
-      n.value === !0 && (a.value = !1);
-    }, E = () => {
+      o.value = !0;
+    }, m = () => {
+      i.value === !0 && (o.value = !1);
+    }, x = () => {
       c("open", !0);
-    }, O = () => {
+    }, _ = () => {
       c("close", !1);
-    }, W = T(() => {
-      let x;
-      return s.placement === "top" ? x = 25 : s.placement === "bottom" ? x = 75 : x = 50, { "--vertical-placement": x + "%" };
+    }, N = A(() => {
+      let C;
+      return a.placement === "top" ? C = 25 : a.placement === "bottom" ? C = 75 : C = 50, { "--vertical-placement": C + "%" };
     }), f = () => {
-      n.value = !0;
-    }, u = () => {
-      n.value = !1;
+      i.value = !0;
+    }, p = () => {
+      i.value = !1;
     };
-    return X(l, (x = !1) => {
-      a.value = x;
+    return z(l, (C = !1) => {
+      o.value = C;
     }), $(
-      () => s.visible,
-      (x) => {
-        a.value = x;
+      () => a.visible,
+      (C) => {
+        o.value = C;
       }
-    ), $(a, (x) => {
-      x === !0 ? E() : x === !1 && n.value === !0 && O();
+    ), $(o, (C) => {
+      C === !0 ? x() : C === !1 && i.value === !0 && _();
     }), d({
-      toggle: p,
-      close: C,
+      toggle: u,
+      close: m,
       open: g
-    }), (x, P) => (h(), v("div", {
-      style: L(W.value),
-      visible: a.value,
+    }), (C, U) => (h(), b("div", {
+      style: L(N.value),
+      visible: o.value,
       ref_key: "modalRef",
       ref: l
     }, [
-      x.noBackdrop ? B("", !0) : (h(), F(D, {
+      C.noBackdrop ? B("", !0) : (h(), P(I, {
         key: 0,
         name: "fade",
         appear: "",
         tag: "div"
       }, {
-        default: S(() => [
-          a.value ? (h(), v("section", {
+        default: H(() => [
+          o.value ? (h(), b("section", {
             key: 0,
-            onClick: C,
-            class: m(["fixed inset-0 overflow-y-auto bg-opacity-70 backdrop-blur z-[100]", y(k)("BGCOLOR", x.backdropColor)])
+            onClick: m,
+            class: y(["fixed inset-0 overflow-y-auto bg-opacity-70 backdrop-blur z-[100]", O(R)("BGCOLOR", C.backdropColor)])
           }, null, 2)) : B("", !0)
         ]),
         _: 1
       })),
-      H(D, {
+      E(I, {
         name: "slide-down",
         tag: "div",
         onAfterEnter: f,
-        onAfterLeave: u,
+        onAfterLeave: p,
         appear: ""
       }, {
-        default: S(() => [
-          a.value ? (h(), v("div", Yt, [
-            N((h(), v("div", {
-              class: m([[y(k)("BGCOLOR", x.color), x.className], "relative overscroll-contain overflow-y-scroll max-h-[80vh] md:max-h-[60vh]"])
+        default: H(() => [
+          o.value ? (h(), b("div", Pe, [
+            W((h(), b("div", {
+              class: y([[O(R)("BGCOLOR", C.color), C.className], "relative overscroll-contain overflow-y-scroll max-h-[80vh] md:max-h-[60vh]"])
             }, [
-              x.noHeader ? B("", !0) : (h(), v("div", Pt, [
-                R(x.$slots, "header", {
-                  close: C,
-                  status: a.value
+              C.noHeader ? B("", !0) : (h(), b("div", ze, [
+                w(C.$slots, "header", {
+                  close: m,
+                  status: o.value
                 }, () => [
-                  b("div", {
-                    class: m(["flex justify-between items-center p-xs border-b-2", y(k)("BGCOLOR", x.color)])
+                  v("div", {
+                    class: y(["flex justify-between items-center p-xs border-b-2", O(R)("BGCOLOR", C.color)])
                   }, [
-                    x.title ? (h(), v("h3", {
+                    C.title ? (h(), b("h3", {
                       key: 0,
-                      class: m(["h3-md", y(k)("TEXTCOLOR", x.titleColor)])
-                    }, J(x.title), 3)) : B("", !0),
-                    b("button", { onClick: C }, [
-                      (h(), v("svg", {
+                      class: y(["h3-md", O(R)("TEXTCOLOR", C.titleColor)])
+                    }, J(C.title), 3)) : B("", !0),
+                    v("button", { onClick: m }, [
+                      (h(), b("svg", {
                         xmlns: "http://www.w3.org/2000/svg",
                         height: "1em",
                         viewBox: "0 0 384 512",
-                        class: m(["hover:opacity-75 focus:opacity-75 transition-opacity duration-300 ease-in h-sm", [y(k)("SVGFILL", x.titleColor)]])
-                      }, jt, 2))
+                        class: y(["hover:opacity-75 focus:opacity-75 transition-opacity duration-300 ease-in h-sm", [O(R)("SVGFILL", C.titleColor)]])
+                      }, Ue, 2))
                     ])
                   ], 2)
                 ], !0)
               ])),
-              R(x.$slots, "body", {
-                close: C,
-                status: a.value
+              w(C.$slots, "body", {
+                close: m,
+                status: o.value
               }, void 0, !0),
-              y(o).footer ? (h(), v("div", Ut, [
-                R(x.$slots, "footer", {
-                  close: C,
-                  status: a.value
+              s.footer ? (h(), b("div", Ke, [
+                w(C.$slots, "footer", {
+                  close: m,
+                  status: o.value
                 }, void 0, !0)
               ])) : B("", !0)
             ], 2)), [
-              [y(Y), C]
+              [O(j), m]
             ])
           ])) : B("", !0)
         ]),
         _: 3
       })
-    ], 12, Xt));
+    ], 12, Ye));
   }
-});
-const me = /* @__PURE__ */ G(Kt, [["__scopeId", "data-v-8500b482"]]), qt = (r) => (Q("data-v-d725bf18"), r = r(), Z(), r), Jt = ["visible"], Qt = /* @__PURE__ */ qt(() => /* @__PURE__ */ b("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" }, null, -1)), Zt = [
-  Qt
-], Mt = { class: "sidebar-body-height" }, te = /* @__PURE__ */ V({
+}), Ct = /* @__PURE__ */ G(qe, [["__scopeId", "data-v-151e8ced"]]), Je = (r) => (Q("data-v-e2262463"), r = r(), Z(), r), Qe = ["visible"], Ze = /* @__PURE__ */ Je(() => /* @__PURE__ */ v("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" }, null, -1)), Me = [
+  Ze
+], et = { class: "sidebar-body-height" }, tt = /* @__PURE__ */ V({
   __name: "Sidebar",
   props: {
     title: {},
@@ -1946,130 +1940,129 @@ const me = /* @__PURE__ */ G(Kt, [["__scopeId", "data-v-8500b482"]]), qt = (r) =
     width: { default: 300 }
   },
   emits: ["open", "close"],
-  setup(r, { expose: d, emit: e }) {
-    const s = r, o = I(), c = e, l = _(s.visible), a = _(!1), n = _(), p = _(), g = _(), C = () => {
+  setup(r, { expose: d, emit: t }) {
+    const a = r, s = D(), c = t, l = k(a.visible), o = k(!1), i = k(), u = k(), g = k(), m = () => {
       l.value = !l.value;
-    }, E = () => {
+    }, x = () => {
       l.value = !0;
-    }, O = () => {
-      a.value === !0 && (l.value = !1);
-    }, W = () => {
+    }, _ = () => {
+      o.value === !0 && (l.value = !1);
+    }, N = () => {
       c("open", !0);
     }, f = () => {
       c("close", !1);
-    }, u = T(() => ({
-      "--sidebar-width": `${s.width}px`,
-      "--header-height": p.value && l.value ? p.value.scrollHeight + "px" : "0px",
+    }, p = A(() => ({
+      "--sidebar-width": `${a.width}px`,
+      "--header-height": u.value && l.value ? u.value.scrollHeight + "px" : "0px",
       "--footer-height": g.value && l.value ? g.value.scrollHeight + "px" : "0px"
-    })), A = T(() => s.placement === "left" ? "sidebar-left" : "sidebar-right"), x = () => {
-      a.value = !0;
-    }, P = () => {
-      a.value = !1;
+    })), S = A(() => a.placement === "left" ? "sidebar-left" : "sidebar-right"), C = () => {
+      o.value = !0;
+    }, U = () => {
+      o.value = !1;
     };
-    return X(n, (w = !1) => {
-      l.value = w;
+    return z(i, (T = !1) => {
+      l.value = T;
     }), $(
-      () => s.visible,
-      (w) => {
-        l.value = w;
+      () => a.visible,
+      (T) => {
+        l.value = T;
       }
-    ), $(l, (w) => {
-      w === !0 ? W() : w === !1 && a.value === !0 && f();
+    ), $(l, (T) => {
+      T === !0 ? N() : T === !1 && o.value === !0 && f();
     }), d({
-      toggle: C,
-      open: E,
-      close: O
-    }), (w, ie) => (h(), v("div", {
-      style: L(u.value),
+      toggle: m,
+      open: x,
+      close: _
+    }), (T, nt) => (h(), b("div", {
+      style: L(p.value),
       visible: l.value,
       ref_key: "sidebarRef",
-      ref: n
+      ref: i
     }, [
-      w.noBackdrop ? B("", !0) : (h(), F(D, {
+      T.noBackdrop ? B("", !0) : (h(), P(I, {
         key: 0,
         name: "fade",
         appear: "",
         tag: "div"
       }, {
-        default: S(() => [
-          l.value ? (h(), v("section", {
+        default: H(() => [
+          l.value ? (h(), b("section", {
             key: 0,
-            onClick: O,
-            class: m(["fixed inset-0 overflow-y-auto bg-opacity-70 backdrop-blur z-[100]", y(k)("BGCOLOR", w.backdropColor)])
+            onClick: _,
+            class: y(["fixed inset-0 overflow-y-auto bg-opacity-70 backdrop-blur z-[100]", O(R)("BGCOLOR", T.backdropColor)])
           }, null, 2)) : B("", !0)
         ]),
         _: 1
       })),
-      H(D, {
-        name: A.value,
-        onAfterEnter: x,
-        onAfterLeave: P,
+      E(I, {
+        name: S.value,
+        onAfterEnter: C,
+        onAfterLeave: U,
         appear: ""
       }, {
-        default: S(() => [
-          l.value ? N((h(), v("div", {
+        default: H(() => [
+          l.value ? W((h(), b("div", {
             key: 0,
-            class: m(["sidebar-body fixed h-full overflow-hidden inset-y-0 shadow z-[110]", [w.placement === "left" ? "left-0" : "right-0"]])
+            class: y(["sidebar-body fixed h-full overflow-hidden inset-y-0 shadow z-[110]", [T.placement === "left" ? "left-0" : "right-0"]])
           }, [
-            b("div", {
-              class: m(["relative h-full overscroll-contain overflow-y-scroll", [y(k)("BGCOLOR", w.color), w.className]])
+            v("div", {
+              class: y(["relative h-full overscroll-contain overflow-y-scroll", [O(R)("BGCOLOR", T.color), T.className]])
             }, [
-              w.noHeader ? B("", !0) : (h(), v("div", {
+              T.noHeader ? B("", !0) : (h(), b("div", {
                 key: 0,
-                class: "sticky top-0",
+                class: "sticky top-0 z-10",
                 ref_key: "headerRef",
-                ref: p
+                ref: u
               }, [
-                R(w.$slots, "header", {
-                  close: O,
+                w(T.$slots, "header", {
+                  close: _,
                   status: l.value
                 }, () => [
-                  b("div", {
-                    class: m(["flex justify-between items-center p-xs", y(k)("BGCOLOR", w.color)])
+                  v("div", {
+                    class: y(["flex justify-between items-center p-xs", O(R)("BGCOLOR", T.color)])
                   }, [
-                    w.title ? (h(), v("h3", {
+                    T.title ? (h(), b("h3", {
                       key: 0,
-                      class: m(["h3-md", y(k)("TEXTCOLOR", w.titleColor)])
-                    }, J(w.title), 3)) : B("", !0),
-                    b("button", { onClick: O }, [
-                      (h(), v("svg", {
+                      class: y(["h3-md", O(R)("TEXTCOLOR", T.titleColor)])
+                    }, J(T.title), 3)) : B("", !0),
+                    v("button", { onClick: _ }, [
+                      (h(), b("svg", {
                         xmlns: "http://www.w3.org/2000/svg",
                         height: "1em",
                         viewBox: "0 0 384 512",
-                        class: m(["hover:opacity-75 focus:opacity-75 transition-opacity duration-300 ease-in h-sm", [y(k)("SVGFILL", w.titleColor)]])
-                      }, Zt, 2))
+                        class: y(["hover:opacity-75 focus:opacity-75 transition-opacity duration-300 ease-in h-sm", [O(R)("SVGFILL", T.titleColor)]])
+                      }, Me, 2))
                     ])
                   ], 2)
                 ], !0)
               ], 512)),
-              b("div", Mt, [
-                R(w.$slots, "body", {
-                  close: O,
+              v("div", et, [
+                w(T.$slots, "body", {
+                  close: _,
                   status: l.value
                 }, void 0, !0)
               ]),
-              y(o).footer ? (h(), v("div", {
+              s.footer ? (h(), b("div", {
                 key: 1,
                 class: "sticky bottom-0",
                 ref_key: "footerRef",
                 ref: g
               }, [
-                R(w.$slots, "footer", {
-                  close: O,
+                w(T.$slots, "footer", {
+                  close: _,
                   status: l.value
                 }, void 0, !0)
               ], 512)) : B("", !0)
             ], 2)
           ], 2)), [
-            [y(Y), O]
+            [O(j), _]
           ]) : B("", !0)
         ]),
         _: 3
       }, 8, ["name"])
-    ], 12, Jt));
+    ], 12, Qe));
   }
-});
-const Ce = /* @__PURE__ */ G(te, [["__scopeId", "data-v-d725bf18"]]), et = Symbol(), ee = { class: "relative container-hts transition-[min-height] duration-300" }, re = /* @__PURE__ */ V({
+}), kt = /* @__PURE__ */ G(tt, [["__scopeId", "data-v-e2262463"]]), te = Symbol(), rt = { class: "container-hts transition-[max-height] duration-300 grid grid-cols-1 grid-rows-1" }, st = /* @__PURE__ */ V({
   __name: "TabContainer",
   props: {
     bodyClass: { default: "" },
@@ -2077,44 +2070,58 @@ const Ce = /* @__PURE__ */ G(te, [["__scopeId", "data-v-d725bf18"]]), et = Symbo
     contentContainerClass: { default: "" }
   },
   setup(r, { expose: d }) {
-    I();
-    const e = _(0), s = _(0);
-    K(et, {
-      activeTabIdx: e,
-      containerHeight: s,
-      updateHeight: (a) => {
-        s.value = a;
+    D();
+    const t = k(0), a = k(0), s = k("slide-next");
+    X(te, {
+      activeTabIdx: t,
+      containerHeight: a,
+      updateHeight: (i) => {
+        a.value = i;
       }
     });
-    const c = (a) => {
-      e.value = a;
-    }, l = T(() => ({ "--container-hts": `${s.value}px` }));
+    const l = (i) => {
+      t.value = i;
+    }, o = A(() => ({ "--container-hts": `${a.value}px` }));
     return d({
-      update: c
-    }), (a, n) => (h(), v("div", {
-      class: m(a.bodyClass),
-      style: L(l.value)
+      update: l
+    }), $(
+      () => t.value,
+      (i, u) => {
+        i > u ? s.value = "slide-next" : s.value = "slide-prev";
+      }
+    ), (i, u) => (h(), b("div", {
+      class: y(i.bodyClass),
+      style: L(o.value)
     }, [
-      b("div", {
-        class: m(a.btnContainerClass),
+      v("div", {
+        class: y(i.btnContainerClass),
         role: "tablist"
       }, [
-        R(a.$slots, "tab-button", {
-          update: c,
-          activeTab: e.value
+        w(i.$slots, "tab-button", {
+          update: l,
+          activeTab: t.value
         }, void 0, !0)
       ], 2),
-      b("div", {
-        class: m(a.contentContainerClass)
+      v("div", {
+        class: y(i.contentContainerClass)
       }, [
-        b("div", ee, [
-          R(a.$slots, "tab-content", {}, void 0, !0)
+        v("div", rt, [
+          E(I, { name: s.value }, {
+            default: H(() => [
+              (h(), b("div", {
+                key: t.value,
+                class: "col-start-1 col-end-1 row-start-1 row-end-1 relative"
+              }, [
+                w(i.$slots, "tab-content", {}, void 0, !0)
+              ]))
+            ]),
+            _: 3
+          }, 8, ["name"])
         ])
       ], 2)
     ], 6));
   }
-});
-const ke = /* @__PURE__ */ G(re, [["__scopeId", "data-v-a3591534"]]), se = ["id"], ae = { class: "relative" }, oe = /* @__PURE__ */ V({
+}), wt = /* @__PURE__ */ G(st, [["__scopeId", "data-v-1dfd7287"]]), at = ["id"], Bt = /* @__PURE__ */ V({
   __name: "TabContent",
   props: {
     tabNumber: {},
@@ -2122,54 +2129,149 @@ const ke = /* @__PURE__ */ G(re, [["__scopeId", "data-v-a3591534"]]), se = ["id"
     tabClass: { default: "" }
   },
   setup(r) {
-    const d = r, { activeTabIdx: e, updateHeight: s } = q(
-      et
-    ), o = _("slide-next"), c = _(null), { height: l } = ct(c), a = T(() => e.value === d.tabNumber ? (s(l.value), !0) : !1);
+    const d = r, { activeTabIdx: t, updateHeight: a } = Y(
+      te
+    ), s = k(null), { height: c } = ge(s), l = A(() => t.value === d.tabNumber ? (a(c.value), !0) : !1);
+    return (o, i) => W((h(), b("div", {
+      ref_key: "slotRef",
+      ref: s,
+      id: o.id,
+      class: y([o.tabClass, "w-full"]),
+      role: "tabpanel",
+      tabindex: "-1"
+    }, [
+      w(o.$slots, "default")
+    ], 10, at)), [
+      [F, l.value]
+    ]);
+  }
+}), re = Symbol(), lt = /* @__PURE__ */ V({
+  __name: "CarouselContainer",
+  props: {
+    bodyClass: { default: "" },
+    contentContainerClass: { default: "" },
+    controllerTopClass: { default: "" },
+    controllerBottomClass: { default: "" },
+    loop: { type: Boolean, default: !1 }
+  },
+  setup(r, { expose: d }) {
+    const t = r, a = D(), s = k(0), c = k([]), l = k(0), o = k("slide-next"), i = (x) => {
+      c.value.push(x), l.value = [...new Set(c.value)].length;
+    }, u = (x) => {
+      s.value = x;
+    };
+    X(re, {
+      activeIdx: s,
+      setSlide: i
+    });
+    const g = () => {
+      const { loop: x } = t;
+      x && s.value === l.value - 1 ? s.value = 0 : s.value < l.value - 1 && (console.log(s.value, l.value), s.value = s.value + 1);
+    }, m = () => {
+      const { loop: x } = t;
+      x && s.value === 0 ? s.value = l.value - 1 : s.value > 0 && (s.value = s.value - 1);
+    };
     return $(
-      () => e.value,
-      (n, p) => {
-        n > p ? o.value = "slide-next" : o.value = "slide-prev";
+      () => s.value,
+      (x, _) => {
+        x > _ || x === 0 && _ === l.value - 1 ? o.value = "slide-next" : o.value = "slide-prev";
       }
-    ), (n, p) => (h(), F(D, {
-      name: o.value,
-      mode: "out-in"
-    }, {
-      default: S(() => [
-        N(b("div", {
-          ref_key: "slotRef",
-          ref: c,
-          id: n.id,
-          class: m([n.tabClass, "absolute w-full"]),
-          role: "tabpanel",
-          tabindex: "-1"
-        }, [
-          b("div", ae, [
-            R(n.$slots, "default", {}, void 0, !0)
-          ])
-        ], 10, se), [
-          [U, a.value]
-        ])
-      ]),
-      _: 3
-    }, 8, ["name"]));
+    ), d({
+      numberOfSlides: l,
+      prev: m,
+      next: g,
+      setActive: u
+    }), (x, _) => (h(), b("div", {
+      class: y([x.bodyClass, "relative overflow-x-hidden"])
+    }, [
+      a["controller-top"] ? (h(), b("div", {
+        key: 0,
+        class: y(x.controllerTopClass)
+      }, [
+        w(x.$slots, "controller-top", {
+          next: g,
+          prev: m,
+          setActive: u,
+          activeSlide: s.value,
+          numberOfSlides: l.value
+        }, void 0, !0)
+      ], 2)) : B("", !0),
+      v("div", {
+        class: y(["grid grid-cols-1 grid-rows-1", x.contentContainerClass])
+      }, [
+        E(I, { name: o.value }, {
+          default: H(() => [
+            (h(), b("div", {
+              key: s.value,
+              class: "col-start-1 col-end-1 row-start-1 row-end-1"
+            }, [
+              w(x.$slots, "content", {}, void 0, !0)
+            ]))
+          ]),
+          _: 3
+        }, 8, ["name"])
+      ], 2),
+      a["controller-bottom"] ? (h(), b("div", {
+        key: 1,
+        class: y(x.controllerBottomClass)
+      }, [
+        w(x.$slots, "controller-bottom", {
+          next: g,
+          prev: m,
+          setActive: u,
+          activeSlide: s.value,
+          numberOfSlides: l.value
+        }, void 0, !0)
+      ], 2)) : B("", !0)
+    ], 2));
+  }
+}), Rt = /* @__PURE__ */ G(lt, [["__scopeId", "data-v-26b33e12"]]), ot = ["id"], Tt = /* @__PURE__ */ V({
+  __name: "CarouselContent",
+  props: {
+    slideNumber: {},
+    id: {},
+    slideClass: { default: "" }
+  },
+  setup(r) {
+    const d = r, { activeIdx: t, setSlide: a } = Y(
+      re
+    ), s = k(null);
+    a(d.slideNumber), D();
+    const c = A(() => {
+      const { slideNumber: l } = d;
+      return t.value === l;
+    });
+    return (l, o) => W((h(), b("div", {
+      ref_key: "slideRef",
+      ref: s,
+      id: l.id,
+      class: y([l.slideClass, "w-full"]),
+      role: "tabpanel",
+      tabindex: "-1"
+    }, [
+      w(l.$slots, "default")
+    ], 10, ot)), [
+      [F, c.value]
+    ]);
   }
 });
-const _e = /* @__PURE__ */ G(oe, [["__scopeId", "data-v-f52d6fed"]]);
 export {
-  ge as Alert,
-  mt as ClientSideRender,
-  ue as Collapse,
-  fe as DropdownContainer,
-  ve as DropdownContent,
-  xe as HeaderHorizontal,
-  ye as HeaderVertical,
-  me as Modal,
-  Ce as Sidebar,
-  ke as TabContainer,
-  _e as TabContent,
-  k as default,
-  Y as vClickOutside,
-  he as vCollapse,
-  pe as vToggle,
-  be as vTooltip
+  ut as Alert,
+  Rt as CarouselContainer,
+  Tt as CarouselContent,
+  Ce as ClientSideRender,
+  pt as Collapse,
+  vt as DropdownContainer,
+  xt as DropdownContent,
+  yt as HeaderHorizontal,
+  mt as HeaderVertical,
+  Ct as Modal,
+  kt as Sidebar,
+  wt as TabContainer,
+  Bt as TabContent,
+  R as default,
+  j as vClickOutside,
+  bt as vCollapse,
+  ht as vToggle,
+  ft as vTooltip
 };