@bobbykim/manguito-theme 0.28.3 → 1.0.1

package/dist/core.js

@@ -1,11 +1,141 @@
-(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode(".slide-prev-enter-active[data-v-05e275d0]{transition:all .5s linear}.slide-prev-leave-active[data-v-05e275d0]{transition:all .5s}.slide-prev-enter-from[data-v-05e275d0]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-05e275d0]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-05e275d0]{transition:all .5s linear}.slide-next-leave-active[data-v-05e275d0]{transition:all .5s}.slide-next-enter-from[data-v-05e275d0]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-05e275d0]{transform:translate(-100%);opacity:0}.collapse-enter-active[data-v-5d535dc4],.collapse-leave-active[data-v-5d535dc4]{transition-property:height,opacity;transition-duration:.5s;transition-timing-function:ease}.dropup-bottom[data-v-85c54efe]{bottom:var(--button-height)}.dropdown-content-enter-active[data-v-85c54efe],.dropdown-content-leave-active[data-v-85c54efe]{transition:all .3s}.dropdown-content-enter-from[data-v-85c54efe],.dropdown-content-leave-to[data-v-85c54efe]{opacity:0;transform:translateY(-10px)}.hamburger__icon[data-v-f366929e]:before,.hamburger__icon[data-v-f366929e]:after{position:absolute;left:0;transition:all .3s linear}.hamburger__icon[data-v-f366929e]:before{top:-.5rem}.hamburger__icon[data-v-f366929e]:after{top:.5rem}.hamburger__button:focus .hamburger__icon[data-v-f366929e],.hamburger__button:hover .hamburger__icon[data-v-f366929e]{scale:1.05}.hamburger__checkbox:checked+.hamburger__icon[data-v-f366929e]{background-color:transparent}.hamburger__checkbox:checked+.hamburger__icon[data-v-f366929e]:before{top:0;transform:rotate(135deg)}.hamburger__checkbox:checked+.hamburger__icon[data-v-f366929e]:after{top:0;transform:rotate(-135deg)}.collapse-enter-active[data-v-e0d15366]{transition:height .5s ease-in}.collapse-leave-active[data-v-e0d15366]{transition:height .5s ease-out}.header-desktop[data-v-b9d1f493]{width:100%}@media screen and (min-width:1024px){.header-desktop[data-v-b9d1f493]{width:var(--header-width)}}.slide-down-enter-active[data-v-b9d1f493]{transition:transform .3s ease-in .2s,opacity .5s ease-in}.slide-down-leave-active[data-v-b9d1f493]{transition:transform .5s ease-in,opacity .3s ease-in .2s}.slide-down-enter-from[data-v-b9d1f493],.slide-down-leave-to[data-v-b9d1f493]{opacity:0;transform:translateY(-100%)}.vertical-placement[data-v-84fc20eb]{top:var(--vertical-placement);left:50%;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}.fade-enter-active[data-v-84fc20eb],.fade-leave-active[data-v-84fc20eb]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-84fc20eb],.fade-leave-to[data-v-84fc20eb]{opacity:0}.slide-down-enter-active[data-v-84fc20eb]{animation:slide-down-84fc20eb .3s ease}.slide-down-leave-active[data-v-84fc20eb]{animation:slide-down-84fc20eb reverse .3s ease}@keyframes slide-down-84fc20eb{0%{opacity:0;transform:translateY(-100%) translate(-50%)}to{opacity:1;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}}.sidebar-body[data-v-a7de0a1c]{width:100%}.sidebar-body-height[data-v-a7de0a1c]{min-height:calc(100vh - var(--header-height) - var(--footer-height))}.fade-enter-active[data-v-a7de0a1c],.fade-leave-active[data-v-a7de0a1c]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-a7de0a1c],.fade-leave-to[data-v-a7de0a1c]{opacity:0}.sidebar-left-enter-active[data-v-a7de0a1c],.sidebar-left-leave-active[data-v-a7de0a1c],.sidebar-right-enter-active[data-v-a7de0a1c],.sidebar-right-leave-active[data-v-a7de0a1c]{transition-property:transform,opacity;transition-duration:.3s;transition-timing-function:linear}.sidebar-left-enter-from[data-v-a7de0a1c],.sidebar-left-leave-to[data-v-a7de0a1c]{transform:translate(-100%)}.sidebar-right-enter-from[data-v-a7de0a1c],.sidebar-right-leave-to[data-v-a7de0a1c]{transform:translate(100%)}@media screen and (min-width:768px){.sidebar-body[data-v-a7de0a1c]{width:var(--sidebar-width)}.sidebar-left-enter-from[data-v-a7de0a1c],.sidebar-left-leave-to[data-v-a7de0a1c]{transform:translate(calc(-1 * var(--sidebar-width)))}.sidebar-right-enter-from[data-v-a7de0a1c],.sidebar-right-leave-to[data-v-a7de0a1c]{transform:translate(var(--sidebar-width))}}.container-hts[data-v-1014eb3f]{max-height:var(--container-hts)}.slide-prev-enter-active[data-v-1014eb3f]{transition:all .5s linear}.slide-prev-leave-active[data-v-1014eb3f]{transition:all .5s}.slide-prev-enter-from[data-v-1014eb3f]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-1014eb3f]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-1014eb3f]{transition:all .5s linear}.slide-next-leave-active[data-v-1014eb3f]{transition:all .5s}.slide-next-enter-from[data-v-1014eb3f]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-1014eb3f]{transform:translate(-100%);opacity:0}")),document.head.appendChild(a)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { g as y } from "./index-DoK_iF2I.js";
-import { defineComponent as S, useSlots as E, ref as x, computed as O, watch as H, openBlock as a, createElementBlock as n, normalizeClass as f, createElementVNode as h, renderSlot as C, createCommentVNode as g, toDisplayString as D, provide as F, createVNode as T, Transition as j, withCtx as I, inject as K, withDirectives as z, vShow as X, unref as B, onMounted as M, withKeys as te, createBlock as W, normalizeStyle as _, vModelCheckbox as oe, Teleport as le } from "vue";
-import { g as se, C as ae } from "./getGlassmorphismClass-C-7frTJB.js";
-import { o as P } from "./observeVisible-CnnM-J1f.js";
-import { v as q } from "./index-DHpsV8uC.js";
-import { useWindowSize as ne, useWindowScroll as re, useScrollLock as U, useElementSize as ie } from "@vueuse/core";
-const ce = { class: "gap-2xs flex w-full justify-between" }, de = { class: "w-full" }, Je = /* @__PURE__ */ S({
+(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode(".slide-prev-enter-active[data-v-e9caba8a]{transition:all .5s linear}.slide-prev-leave-active[data-v-e9caba8a]{transition:all .5s}.slide-prev-enter-from[data-v-e9caba8a]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-e9caba8a]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-e9caba8a]{transition:all .5s linear}.slide-next-leave-active[data-v-e9caba8a]{transition:all .5s}.slide-next-enter-from[data-v-e9caba8a]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-e9caba8a]{transform:translate(-100%);opacity:0}.collapse-enter-active[data-v-6576e563],.collapse-leave-active[data-v-6576e563]{transition-property:height,opacity;transition-duration:.5s;transition-timing-function:ease}.dropup-bottom[data-v-0cb1bffb]{bottom:var(--button-height)}.dropdown-content-enter-active[data-v-0cb1bffb],.dropdown-content-leave-active[data-v-0cb1bffb]{transition:all .3s}.dropdown-content-enter-from[data-v-0cb1bffb],.dropdown-content-leave-to[data-v-0cb1bffb]{opacity:0;transform:translateY(-10px)}.hamburger__icon[data-v-b0ec6d90]:before,.hamburger__icon[data-v-b0ec6d90]:after{position:absolute;left:0;transition:all .3s linear}.hamburger__icon[data-v-b0ec6d90]:before{top:-.5rem}.hamburger__icon[data-v-b0ec6d90]:after{top:.5rem}.hamburger__button:focus .hamburger__icon[data-v-b0ec6d90],.hamburger__button:hover .hamburger__icon[data-v-b0ec6d90]{scale:1.05}.hamburger__checkbox:checked+.hamburger__icon[data-v-b0ec6d90]{background-color:transparent}.hamburger__checkbox:checked+.hamburger__icon[data-v-b0ec6d90]:before{top:0;transform:rotate(135deg)}.hamburger__checkbox:checked+.hamburger__icon[data-v-b0ec6d90]:after{top:0;transform:rotate(-135deg)}.collapse-enter-active[data-v-2ba87e4a]{transition:height .5s ease-in}.collapse-leave-active[data-v-2ba87e4a]{transition:height .5s ease-out}.header-desktop[data-v-91814bc1]{width:100%}@media screen and (min-width:1024px){.header-desktop[data-v-91814bc1]{width:var(--header-width)}}.slide-down-enter-active[data-v-91814bc1]{transition:transform .3s ease-in .2s,opacity .5s ease-in}.slide-down-leave-active[data-v-91814bc1]{transition:transform .5s ease-in,opacity .3s ease-in .2s}.slide-down-enter-from[data-v-91814bc1],.slide-down-leave-to[data-v-91814bc1]{opacity:0;transform:translateY(-100%)}.vertical-placement[data-v-c65cb87e]{top:var(--vertical-placement);left:50%;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}.fade-enter-active[data-v-c65cb87e],.fade-leave-active[data-v-c65cb87e]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-c65cb87e],.fade-leave-to[data-v-c65cb87e]{opacity:0}.slide-down-enter-active[data-v-c65cb87e]{animation:slide-down-c65cb87e .3s ease}.slide-down-leave-active[data-v-c65cb87e]{animation:slide-down-c65cb87e reverse .3s ease}@keyframes slide-down-c65cb87e{0%{opacity:0;transform:translateY(-100%) translate(-50%)}to{opacity:1;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}}.sidebar-body[data-v-77b578df]{width:100%}.sidebar-body-height[data-v-77b578df]{min-height:calc(100vh - var(--header-height) - var(--footer-height))}.fade-enter-active[data-v-77b578df],.fade-leave-active[data-v-77b578df]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-77b578df],.fade-leave-to[data-v-77b578df]{opacity:0}.sidebar-left-enter-active[data-v-77b578df],.sidebar-left-leave-active[data-v-77b578df],.sidebar-right-enter-active[data-v-77b578df],.sidebar-right-leave-active[data-v-77b578df]{transition-property:transform,opacity;transition-duration:.3s;transition-timing-function:linear}.sidebar-left-enter-from[data-v-77b578df],.sidebar-left-leave-to[data-v-77b578df]{transform:translate(-100%)}.sidebar-right-enter-from[data-v-77b578df],.sidebar-right-leave-to[data-v-77b578df]{transform:translate(100%)}@media screen and (min-width:768px){.sidebar-body[data-v-77b578df]{width:var(--sidebar-width)}.sidebar-left-enter-from[data-v-77b578df],.sidebar-left-leave-to[data-v-77b578df]{transform:translate(calc(-1 * var(--sidebar-width)))}.sidebar-right-enter-from[data-v-77b578df],.sidebar-right-leave-to[data-v-77b578df]{transform:translate(var(--sidebar-width))}}.container-hts[data-v-553ab4ac]{max-height:var(--container-hts)}.slide-prev-enter-active[data-v-553ab4ac]{transition:all .5s linear}.slide-prev-leave-active[data-v-553ab4ac]{transition:all .5s}.slide-prev-enter-from[data-v-553ab4ac]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-553ab4ac]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-553ab4ac]{transition:all .5s linear}.slide-next-leave-active[data-v-553ab4ac]{transition:all .5s}.slide-next-enter-from[data-v-553ab4ac]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-553ab4ac]{transform:translate(-100%);opacity:0}")),document.head.appendChild(a)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { a as nt, p as it, b as st, c as lt, d as ct, e as ut, f as dt, h as ft, m as vt, i as bt, j as ht, k as pt, l as gt, n as mt, o as yt, q as wt, r as Ct, s as kt, t as Tt, u as St, v as xt, w as Rt, x as Et, y as Nt, z as Ot, A as Bt, B as At, C as Vt, D as It, E as Dt, F as Ft, G as Lt, H as $t, I as Pt, J as jt, K as _t, L as Gt, M as Ht, N as Mt, O as Wt, P as zt, Q as Kt, R as Xt, S as Yt, T as Ut, U as qt, V as Zt, W as Jt, X as Qt, Y as ea, Z as ta, _ as aa, $ as ra, a0 as oa, a1 as na, a2 as ia, a3 as sa, a4 as la, a5 as ca, g as A } from "./index-CaGu958U.js";
+import { defineComponent as Y, openBlock as p, createElementBlock as y, renderSlot as V, useSlots as Z, ref as D, computed as _, watch as Q, normalizeClass as S, createElementVNode as E, createCommentVNode as O, toDisplayString as he, provide as Be, createVNode as ee, Transition as te, withCtx as J, inject as Ae, withDirectives as de, vShow as Ve, useId as Ie, toRef as ua, unref as I, onMounted as We, withKeys as da, createBlock as Se, normalizeStyle as ge, vModelCheckbox as fa, Teleport as va, shallowRef as Fe, toValue as Le } from "vue";
+import { useWindowSize as ba, useWindowScroll as ha, useScrollLock as pa, toArray as ga, unrefElement as ma, tryOnScopeDispose as ya, useElementSize as wa } from "@vueuse/core";
+import { p as Ca, u as ka, o as ze, a as Ke } from "./useModalScrollLock-CPlcveJr.js";
+import { g as Ta, C as Sa } from "./getGlassmorphismClass-MdsD9yII.js";
+import { v as De } from "./index-CYEzkRix.js";
+const Kr = (t, e) => {
+  switch (t) {
+    case "BGCOLOR":
+      return ca({ color: e });
+    case "HVBGCOLOR":
+      return la({ color: e });
+    case "FCBGCOLOR":
+      return sa({ color: e });
+    case "BEFOREBG":
+      return ia({ color: e });
+    case "AFTERBG":
+      return na({ color: e });
+    case "ACTIVEBG":
+      return oa({ color: e });
+    case "TEXTCOLOR":
+      return ra({ color: e });
+    case "HVTEXTCOLOR":
+      return aa({ color: e });
+    case "FCTEXTCOLOR":
+      return ta({ color: e });
+    case "DISABLEDTEXTCOLOR":
+      return ea({ color: e });
+    case "SVGFILL":
+      return Qt({ color: e });
+    case "RINGCOLOR":
+      return Jt({ color: e });
+    case "FOCUSRING":
+      return Zt({ color: e });
+    case "ACTIVERING":
+      return qt({ color: e });
+    case "OFFSETRING":
+      return Ut({ color: e });
+    case "OUTLINE":
+      return Yt({ color: e });
+    case "FOCUSOUTLINE":
+      return Xt({ color: e });
+    case "ACTIVEOUTLINE":
+      return Kt({ color: e });
+    case "BTNCOLOR":
+      return zt({ color: e });
+    case "LISTCOLOR":
+      return Wt({ color: e });
+    case "BORDER":
+      return Mt({ color: e });
+    case "BORDERX":
+      return Ht({ color: e });
+    case "BORDERY":
+      return Gt({ color: e });
+    case "BORDERT":
+      return _t({ color: e });
+    case "BORDERB":
+      return jt({ color: e });
+    case "BORDERL":
+      return Pt({ color: e });
+    case "BORDERR":
+      return $t({ color: e });
+    case "H1":
+      return Lt({ size: e });
+    case "H2":
+      return Ft({ size: e });
+    case "H3":
+      return Dt({ size: e });
+    case "H4":
+      return It({ size: e });
+    case "BODYTEXT":
+      return Vt({ size: e });
+    case "FONTWEIGHT":
+      return At({ weight: e });
+    case "TEXTALIGN":
+      return Bt({ align: e });
+    case "BORDERW":
+      return Ot({ width: e });
+    case "BORDERXW":
+      return Nt({ width: e });
+    case "BORDERYW":
+      return Et({ width: e });
+    case "BORDERTW":
+      return Rt({ width: e });
+    case "BORDERBW":
+      return xt({ width: e });
+    case "BORDERLW":
+      return St({ width: e });
+    case "BORDERRW":
+      return Tt({ width: e });
+    case "OPACITY":
+      return kt({ opacity: e });
+    case "BGOPACITY":
+      return Ct({ opacity: e });
+    case "OUTLINEOPACITY":
+      return wt({ opacity: e });
+    case "MARGIN":
+      return yt({ spacing: e });
+    case "MARGINX":
+      return mt({ spacing: e });
+    case "MARGINY":
+      return gt({ spacing: e });
+    case "MARGINT":
+      return pt({ spacing: e });
+    case "MARGINB":
+      return ht({ spacing: e });
+    case "MARGINL":
+      return bt({ spacing: e });
+    case "MARGINR":
+      return vt({ spacing: e });
+    case "PADDING":
+      return ft({ spacing: e });
+    case "PADDINGX":
+      return dt({ spacing: e });
+    case "PADDINGY":
+      return ut({ spacing: e });
+    case "PADDINGT":
+      return ct({ spacing: e });
+    case "PADDINGB":
+      return lt({ spacing: e });
+    case "PADDINGL":
+      return st({ spacing: e });
+    case "PADDINGR":
+      return it({ spacing: e });
+    case "GAP":
+      return nt({ spacing: e });
+    default:
+      return "";
+  }
+}, Xr = /* @__PURE__ */ Y({
+  __name: "AccordionGroup",
+  setup(t) {
+    return Ca(), (e, a) => (p(), y("div", null, [
+      V(e.$slots, "default")
+    ]));
+  }
+}), xa = { class: "flex w-full justify-between gap-2xs" }, Ra = { class: "w-full" }, Yr = /* @__PURE__ */ Y({
   __name: "Alert",
   props: {
     color: { default: "danger" },
@@ -15,59 +145,59 @@ const ce = { class: "gap-2xs flex w-full justify-between" }, de = { class: "w-fu
     dismissible: { type: Boolean, default: !1 }
   },
   emits: ["close"],
-  setup(e, { expose: m, emit: i }) {
-    const r = e;
-    E();
-    const o = i, c = x(r.show), t = O(() => {
-      const { color: u, rounded: d, shadow: p } = r, b = [y("BGCOLOR", u)];
-      return d && b.push("rounded-md"), p && b.push("drop-shadow-md"), b.join(" ");
-    }), l = (u) => {
-      c.value = !1, o("close", u);
-    }, s = () => {
+  setup(t, { expose: e, emit: a }) {
+    const o = t;
+    Z();
+    const n = a, c = D(o.show), r = _(() => {
+      const { color: d, rounded: v, shadow: b } = o, h = [A.bgColorVariant({ color: d })];
+      return v && h.push("rounded-md"), b && h.push("drop-shadow-md"), h.join(" ");
+    }), u = (d) => {
+      c.value = !1, n("close", d);
+    }, l = () => {
       c.value = !1;
     };
-    return H(
-      () => r.show,
-      (u) => {
-        c.value = u;
+    return Q(
+      () => o.show,
+      (d) => {
+        c.value = d;
       }
-    ), m({
-      close: s
-    }), (u, d) => c.value ? (a(), n("div", {
+    ), e({
+      close: l
+    }), (d, v) => c.value ? (p(), y("div", {
       key: 0,
       role: "alert",
       "aria-live": "polite",
       "aria-atomic": "true",
-      class: f(["relative px-[1.25rem] py-[0.75rem]", [t.value]])
+      class: S(["relative px-[1.25rem] py-[0.75rem]", [r.value]])
     }, [
-      h("div", ce, [
-        h("div", de, [
-          C(u.$slots, "default")
+      E("div", xa, [
+        E("div", Ra, [
+          V(d.$slots, "default")
         ]),
-        e.dismissible ? (a(), n("button", {
+        t.dismissible ? (p(), y("button", {
           key: 0,
-          onClick: l,
+          onClick: u,
           class: "flex items-center opacity-60 transition-opacity duration-300 ease-linear hover:opacity-40"
-        }, [...d[0] || (d[0] = [
-          h("svg", {
+        }, [...v[0] || (v[0] = [
+          E("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             viewBox: "0 0 384 512",
             fill: "currentColor",
             class: "h-xs"
           }, [
-            h("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" })
+            E("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)
-        ])])) : g("", !0)
+        ])])) : O("", !0)
       ])
-    ], 2)) : g("", !0);
+    ], 2)) : O("", !0);
   }
-}), ue = ["src", "alt"], ve = {
+}), Ea = ["src", "alt"], Na = {
   key: 2,
-  class: "px-xs pt-xs pb-2xs flex-1"
-}, fe = {
+  class: "flex-1 px-xs pt-xs pb-2xs"
+}, Oa = {
   key: 3,
   class: "flex-1"
-}, Qe = /* @__PURE__ */ S({
+}, Ur = /* @__PURE__ */ Y({
   __name: "Card",
   props: {
     variant: { default: "light-1" },
@@ -89,81 +219,81 @@ const ce = { class: "gap-2xs flex w-full justify-between" }, de = { class: "w-fu
     titleSize: { default: "md" },
     cardClass: { default: "" }
   },
-  setup(e) {
-    const m = e, i = E(), r = O(() => {
+  setup(t) {
+    const e = t, a = Z(), o = _(() => {
       const {
-        variant: l,
-        rounded: s,
-        shadow: u,
-        border: d,
-        borderVariant: p,
-        glass: b,
-        glassBlur: k,
-        glassOpacity: A
-      } = m;
+        variant: u,
+        rounded: l,
+        shadow: d,
+        border: v,
+        borderVariant: b,
+        glass: h,
+        glassBlur: g,
+        glassOpacity: L
+      } = e;
       return [
-        y("BGCOLOR", l),
-        s ? "rounded-lg" : "rounded-sm",
-        u && "drop-shadow-md",
-        d && "border",
-        d && y("BORDER", p),
-        b && se(l, k, A)
+        A.bgColorVariant({ color: u }),
+        l ? "rounded-lg" : "rounded-sm",
+        d && "drop-shadow-md",
+        v && "border",
+        v && A.borderColorVariant({ color: b }),
+        h && Ta(u, g, L)
       ].filter(Boolean).join(" ");
-    }), o = O(() => {
-      const { titleVariant: l, titleSize: s } = m;
+    }), n = _(() => {
+      const { titleVariant: u, titleSize: l } = e;
       return [
-        y("TEXTCOLOR", l),
-        y("H3", s)
+        A.textColorVariant({ color: u }),
+        A.h3Variant({ size: l })
       ].join(" ");
-    }), c = O(() => {
-      const { border: l, borderVariant: s, titleVariant: u } = m;
+    }), c = _(() => {
+      const { border: u, borderVariant: l, titleVariant: d } = e;
       return [
-        y("TEXTCOLOR", u),
-        l && "border-b",
-        y("BORDER", s)
+        A.textColorVariant({ color: d }),
+        u && "border-b",
+        A.borderColorVariant({ color: l })
       ].filter(Boolean).join(" ");
-    }), t = O(() => {
-      const { border: l, borderVariant: s } = m;
+    }), r = _(() => {
+      const { border: u, borderVariant: l } = e;
       return [
-        l && "border-t",
-        l && y("BORDER", s)
+        u && "border-t",
+        u && A.borderColorVariant({ color: l })
       ].filter(Boolean).join(" ");
     });
-    return (l, s) => (a(), n("div", {
-      class: f(["flex h-full w-full flex-col overflow-hidden", [r.value, e.cardClass]])
+    return (u, l) => (p(), y("div", {
+      class: S(["flex h-full w-full flex-col overflow-hidden", [o.value, t.cardClass]])
     }, [
-      e.header || i.header ? C(l.$slots, "header", { key: 0 }, () => [
-        h("div", {
-          class: f([[c.value], "py-2xs px-xs font-bold"])
+      t.header || a.header ? V(u.$slots, "header", { key: 0 }, () => [
+        E("div", {
+          class: S([[c.value], "px-xs py-2xs font-bold"])
         }, [
-          h("p", null, D(e.header), 1)
+          E("p", null, he(t.header), 1)
         ], 2)
-      ]) : g("", !0),
-      e.imageSrc && !e.noImage ? (a(), n("img", {
+      ]) : O("", !0),
+      t.imageSrc && !t.noImage ? (p(), y("img", {
         key: 1,
-        src: e.imageSrc,
-        alt: e.imageAlt,
+        src: t.imageSrc,
+        alt: t.imageAlt,
         class: "aspect-video min-w-full object-cover object-top"
-      }, null, 8, ue)) : g("", !0),
-      e.noBody ? g("", !0) : (a(), n("div", ve, [
-        h("h3", {
-          class: f([[o.value], "mb-xs"])
-        }, D(e.title), 3),
-        i.body ? C(l.$slots, "body", { key: 0 }) : g("", !0)
+      }, null, 8, Ea)) : O("", !0),
+      t.noBody ? O("", !0) : (p(), y("div", Na, [
+        E("h3", {
+          class: S([[n.value], "mb-xs"])
+        }, he(t.title), 3),
+        a.body ? V(u.$slots, "body", { key: 0 }) : O("", !0)
       ])),
-      e.noBody && i.default ? (a(), n("div", fe, [
-        C(l.$slots, "default")
-      ])) : g("", !0),
-      e.footer || i.footer ? C(l.$slots, "footer", { key: 4 }, () => [
-        h("div", {
-          class: f(["py-2xs px-xs", [t.value]])
+      t.noBody && a.default ? (p(), y("div", Oa, [
+        V(u.$slots, "default")
+      ])) : O("", !0),
+      t.footer || a.footer ? V(u.$slots, "footer", { key: 4 }, () => [
+        E("div", {
+          class: S(["px-xs py-2xs", [r.value]])
         }, [
-          h("p", null, D(e.footer), 1)
+          E("p", null, he(t.footer), 1)
         ], 2)
-      ]) : g("", !0)
+      ]) : O("", !0)
     ], 2));
   }
-}), Q = /* @__PURE__ */ Symbol(), me = /* @__PURE__ */ S({
+}), Xe = /* @__PURE__ */ Symbol(), Ba = /* @__PURE__ */ Y({
   __name: "CarouselContainer",
   props: {
     bodyClass: { default: "" },
@@ -172,179 +302,160 @@ const ce = { class: "gap-2xs flex w-full justify-between" }, de = { class: "w-fu
     controllerBottomClass: { default: "" },
     loop: { type: Boolean, default: !1 }
   },
-  setup(e, { expose: m }) {
-    const i = e, r = E(), o = x(0), c = x([]), t = x(0), l = x("slide-next"), s = (b) => {
-      c.value.push(b), t.value = [...new Set(c.value)].length;
-    }, u = (b) => {
-      o.value = b;
+  setup(t, { expose: e }) {
+    const a = t, o = Z(), n = D(0), c = D([]), r = D(0), u = D("slide-next"), l = (h) => {
+      c.value.push(h), r.value = [...new Set(c.value)].length;
+    }, d = (h) => {
+      n.value = h;
     };
-    F(Q, {
-      activeIdx: o,
-      setSlide: s
+    Be(Xe, {
+      activeIdx: n,
+      setSlide: l
     });
-    const d = () => {
-      const { loop: b } = i;
-      b && o.value === t.value - 1 ? o.value = 0 : o.value < t.value - 1 && (o.value = o.value + 1);
-    }, p = () => {
-      const { loop: b } = i;
-      b && o.value === 0 ? o.value = t.value - 1 : o.value > 0 && (o.value = o.value - 1);
+    const v = () => {
+      const { loop: h } = a;
+      h && n.value === r.value - 1 ? n.value = 0 : n.value < r.value - 1 && (n.value = n.value + 1);
+    }, b = () => {
+      const { loop: h } = a;
+      h && n.value === 0 ? n.value = r.value - 1 : n.value > 0 && (n.value = n.value - 1);
     };
-    return H(
-      () => o.value,
-      (b, k) => {
-        b > k || b === 0 && k === t.value - 1 ? l.value = "slide-next" : l.value = "slide-prev";
+    return Q(
+      () => n.value,
+      (h, g) => {
+        h > g || h === 0 && g === r.value - 1 ? u.value = "slide-next" : u.value = "slide-prev";
       }
-    ), m({
-      numberOfSlides: t,
-      prev: p,
-      next: d,
-      setActive: u
-    }), (b, k) => (a(), n("div", {
-      class: f([e.bodyClass, "relative overflow-x-hidden"])
+    ), e({
+      numberOfSlides: r,
+      prev: b,
+      next: v,
+      setActive: d
+    }), (h, g) => (p(), y("div", {
+      class: S([t.bodyClass, "relative overflow-x-hidden"])
     }, [
-      r["controller-top"] ? (a(), n("div", {
+      o["controller-top"] ? (p(), y("div", {
         key: 0,
-        class: f(e.controllerTopClass)
+        class: S(t.controllerTopClass)
       }, [
-        C(b.$slots, "controller-top", {
-          next: d,
-          prev: p,
-          setActive: u,
-          activeSlide: o.value,
-          numberOfSlides: t.value
+        V(h.$slots, "controller-top", {
+          next: v,
+          prev: b,
+          setActive: d,
+          activeSlide: n.value,
+          numberOfSlides: r.value
         }, void 0, !0)
-      ], 2)) : g("", !0),
-      h("div", {
-        class: f(["grid grid-cols-1 grid-rows-1", e.contentContainerClass])
+      ], 2)) : O("", !0),
+      E("div", {
+        class: S(["grid grid-cols-1 grid-rows-1", t.contentContainerClass])
       }, [
-        T(j, { name: l.value }, {
-          default: I(() => [
-            (a(), n("div", {
-              key: o.value,
+        ee(te, { name: u.value }, {
+          default: J(() => [
+            (p(), y("div", {
+              key: n.value,
               class: "col-start-1 col-end-1 row-start-1 row-end-1"
             }, [
-              C(b.$slots, "content", {}, void 0, !0)
+              V(h.$slots, "content", {}, void 0, !0)
             ]))
           ]),
           _: 3
         }, 8, ["name"])
       ], 2),
-      r["controller-bottom"] ? (a(), n("div", {
+      o["controller-bottom"] ? (p(), y("div", {
         key: 1,
-        class: f(e.controllerBottomClass)
+        class: S(t.controllerBottomClass)
       }, [
-        C(b.$slots, "controller-bottom", {
-          next: d,
-          prev: p,
-          setActive: u,
-          activeSlide: o.value,
-          numberOfSlides: t.value
+        V(h.$slots, "controller-bottom", {
+          next: v,
+          prev: b,
+          setActive: d,
+          activeSlide: n.value,
+          numberOfSlides: r.value
         }, void 0, !0)
-      ], 2)) : g("", !0)
+      ], 2)) : O("", !0)
     ], 2));
   }
-}), V = (e, m) => {
-  const i = e.__vccOpts || e;
-  for (const [r, o] of m)
-    i[r] = o;
-  return i;
-}, Ye = /* @__PURE__ */ V(me, [["__scopeId", "data-v-05e275d0"]]), he = ["id"], Ze = /* @__PURE__ */ S({
+}), re = (t, e) => {
+  const a = t.__vccOpts || t;
+  for (const [o, n] of e)
+    a[o] = n;
+  return a;
+}, qr = /* @__PURE__ */ re(Ba, [["__scopeId", "data-v-e9caba8a"]]), Aa = ["id"], Zr = /* @__PURE__ */ Y({
   __name: "CarouselContent",
   props: {
     slideNumber: {},
     id: {},
     slideClass: { default: "" }
   },
-  setup(e) {
-    const m = e, { activeIdx: i, setSlide: r } = K(
-      Q
-    ), o = x(null);
-    r(m.slideNumber), E();
-    const c = O(() => {
-      const { slideNumber: t } = m;
-      return i.value === t;
+  setup(t) {
+    const e = t, { activeIdx: a, setSlide: o } = Ae(
+      Xe
+    ), n = D(null);
+    o(e.slideNumber), Z();
+    const c = _(() => {
+      const { slideNumber: r } = e;
+      return a.value === r;
     });
-    return (t, l) => z((a(), n("div", {
+    return (r, u) => de((p(), y("div", {
       ref_key: "slideRef",
-      ref: o,
-      id: e.id,
-      class: f([e.slideClass, "w-full"]),
+      ref: n,
+      id: t.id,
+      class: S([t.slideClass, "w-full"]),
       role: "tabpanel",
       tabindex: "-1"
     }, [
-      C(t.$slots, "default")
-    ], 10, he)), [
-      [X, c.value]
+      V(r.$slots, "default")
+    ], 10, Aa)), [
+      [Ve, c.value]
     ]);
   }
-}), ge = ["accordion", "visible"], pe = /* @__PURE__ */ S({
+}), Va = ["id"], Ia = /* @__PURE__ */ Y({
   __name: "Collapse",
   props: {
-    accordion: {},
-    className: { default: "" },
+    id: {},
+    customClass: { default: "" },
     visible: { type: Boolean, default: !1 }
   },
   emits: ["open", "close"],
-  setup(e, { expose: m, emit: i }) {
-    const r = e;
-    E();
-    const o = i, c = x(), t = x(r.visible), l = () => {
-      t.value = !t.value;
-    }, s = () => {
-      t.value = !0;
-    }, u = () => {
-      t.value = !1;
-    }, d = () => {
-      o("open", !0);
-    }, p = () => {
-      o("close", !1);
-    }, b = (v) => {
-      v.style.height = "auto", v.style.opacity = "0";
-      const R = getComputedStyle(v).height;
-      v.style.height = "0px", v.offsetHeight, v.style.height = R, v.style.opacity = "1";
-    }, k = (v) => {
-      v.style.height = "auto", v.style.opacity = "1";
-    }, A = (v) => {
-      v.style.height = getComputedStyle(v).height, v.offsetHeight, v.style.height = "0px", v.style.opacity = "0";
+  setup(t, { expose: e, emit: a }) {
+    const o = t;
+    Z();
+    const n = a, c = o.id ?? Ie(), { isOpen: r, toggle: u, open: l, close: d } = ka(
+      c,
+      ua(o, "visible")
+    ), v = (g) => {
+      g.style.height = "auto", g.style.opacity = "0";
+      const L = getComputedStyle(g).height;
+      g.style.height = "0px", g.offsetHeight, g.style.height = L, g.style.opacity = "1";
+    }, b = (g) => {
+      g.style.height = "auto", g.style.opacity = "1";
+    }, h = (g) => {
+      g.style.height = getComputedStyle(g).height, g.offsetHeight, g.style.height = "0px", g.style.opacity = "0";
     };
-    return P(c, (v = !1) => {
-      t.value = v;
-    }), H(
-      () => r.visible,
-      (v) => {
-        t.value = v;
-      }
-    ), H(t, (v) => {
-      v === !0 ? d() : v === !1 && p();
-    }), m({
-      toggle: l,
-      close: u,
-      open: s
-    }), (v, R) => (a(), n("div", {
-      accordion: e.accordion,
-      visible: t.value,
-      ref_key: "collapseRef",
-      ref: c
-    }, [
-      T(B(ae), null, {
-        default: I(() => [
-          T(j, {
+    return Q(r, (g) => {
+      g ? n("open", !0) : n("close", !1);
+    }), e({
+      toggle: u,
+      open: l,
+      close: d
+    }), (g, L) => (p(), y("div", { id: I(c) }, [
+      ee(I(Sa), null, {
+        default: J(() => [
+          ee(te, {
             name: "collapse",
             tag: "div",
-            onEnter: b,
-            onAfterEnter: k,
-            onLeave: A,
+            onEnter: v,
+            onAfterEnter: b,
+            onLeave: h,
             class: "overflow-y-clip"
           }, {
-            default: I(() => [
-              z(h("div", null, [
-                h("div", {
-                  class: f(e.className)
+            default: J(() => [
+              de(E("div", null, [
+                E("div", {
+                  class: S(t.customClass)
                 }, [
-                  C(v.$slots, "default", {}, void 0, !0)
+                  V(g.$slots, "default", {}, void 0, !0)
                 ], 2)
               ], 512), [
-                [X, t.value]
+                [Ve, I(r)]
               ])
             ]),
             _: 3
@@ -352,271 +463,273 @@ const ce = { class: "gap-2xs flex w-full justify-between" }, de = { class: "w-fu
         ]),
         _: 3
       })
-    ], 8, ge));
+    ], 8, Va));
   }
-}), et = /* @__PURE__ */ V(pe, [["__scopeId", "data-v-5d535dc4"]]), Y = /* @__PURE__ */ Symbol(), tt = /* @__PURE__ */ S({
+}), Jr = /* @__PURE__ */ re(Ia, [["__scopeId", "data-v-6576e563"]]), Ye = /* @__PURE__ */ Symbol(), Qr = /* @__PURE__ */ Y({
   __name: "DropdownContainer",
   emits: ["click-outside", "toggle"],
-  setup(e, { emit: m }) {
-    E();
-    const i = m, r = x(), o = x(!1), c = x(0);
-    F(Y, {
-      active: o,
+  setup(t, { emit: e }) {
+    Z();
+    const a = e, o = D(), n = D(!1), c = D(0);
+    Be(Ye, {
+      active: n,
       buttonHeight: c,
       closeDropdown: () => {
-        o.value = !1;
+        n.value = !1;
       }
     });
-    const l = (d) => {
-      o.value = !o.value, i("toggle", d);
-    }, s = (d) => {
-      o.value = !1, i("click-outside", d);
-    }, u = () => {
-      o.value = !1;
+    const u = (v) => {
+      n.value = !n.value, a("toggle", v);
+    }, l = (v) => {
+      n.value = !1, a("click-outside", v);
+    }, d = () => {
+      n.value = !1;
     };
-    return M(() => {
-      c.value = r.value.scrollHeight;
-    }), (d, p) => z((a(), n("div", {
+    return We(() => {
+      c.value = o.value.scrollHeight;
+    }), (v, b) => de((p(), y("div", {
       class: "relative",
       ref_key: "dropdownTarget",
-      ref: r,
-      onKeyup: te(u, ["esc"])
+      ref: o,
+      onKeyup: da(d, ["esc"])
     }, [
-      C(d.$slots, "toggler", {
-        toggle: l,
-        dropdownState: o.value
+      V(v.$slots, "toggler", {
+        toggle: u,
+        dropdownState: n.value
       }),
-      C(d.$slots, "default")
+      V(v.$slots, "default")
     ], 32)), [
-      [B(q), s]
+      [I(De), l]
     ]);
   }
-}), ye = /* @__PURE__ */ S({
+}), Da = /* @__PURE__ */ Y({
   __name: "DropdownContent",
   props: {
-    className: { default: "" }
+    customClass: { default: "" }
   },
-  setup(e) {
-    const { height: m } = ne();
-    E();
-    const i = x(), { active: r, buttonHeight: o, closeDropdown: c } = K(
-      Y
-    ), t = O(() => ({ "--button-height": `${o}px` })), l = O(() => {
-      if (!(!r || !i.value) && m.value - i.value.getBoundingClientRect().bottom < 0)
+  setup(t) {
+    const { height: e } = ba();
+    Z();
+    const a = D(), { active: o, buttonHeight: n, closeDropdown: c } = Ae(
+      Ye
+    ), r = _(() => ({ "--button-height": `${n}px` })), u = _(() => {
+      if (!(!o || !a.value) && e.value - a.value.getBoundingClientRect().bottom < 0)
         return "dropup-bottom";
     });
-    return (s, u) => (a(), W(j, { name: "dropdown-content" }, {
-      default: I(() => [
-        B(r) ? (a(), n("div", {
+    return (l, d) => (p(), Se(te, { name: "dropdown-content" }, {
+      default: J(() => [
+        I(o) ? (p(), y("div", {
           key: 0,
           ref_key: "contentRef",
-          ref: i,
-          class: f(["absolute my-2xs max-w-[14rem] w-max overflow-hidden", [l.value, e.className]]),
-          style: _(t.value)
+          ref: a,
+          class: S(["absolute my-2xs w-max max-w-[14rem] overflow-hidden", [u.value, t.customClass]]),
+          style: ge(r.value)
         }, [
-          C(s.$slots, "default", { itemClick: B(c) }, void 0, !0)
-        ], 6)) : g("", !0)
+          V(l.$slots, "default", { itemClick: I(c) }, void 0, !0)
+        ], 6)) : O("", !0)
       ]),
       _: 3
     }));
   }
-}), ot = /* @__PURE__ */ V(ye, [["__scopeId", "data-v-85c54efe"]]), be = ["aria-label", "aria-expanded"], Ce = /* @__PURE__ */ S({
+}), eo = /* @__PURE__ */ re(Da, [["__scopeId", "data-v-0cb1bffb"]]), Fa = ["aria-label", "aria-expanded"], La = /* @__PURE__ */ Y({
   __name: "NavDrawer",
   props: {
     color: { default: "dark-2" },
-    displayBorder: { type: Boolean, default: !0 },
+    showBorder: { type: Boolean, default: !0 },
     toggle: { type: Boolean },
-    navColor: {}
+    bgColor: {}
   },
   emits: ["hbg-click"],
-  setup(e, { emit: m }) {
-    const i = e, r = m, o = (s) => {
-      r("hbg-click", s);
-    }, c = O({
+  setup(t, { emit: e }) {
+    const a = t, o = e, n = (l) => {
+      o("hbg-click", l);
+    }, c = _({
       get() {
-        return i.toggle;
+        return a.toggle;
       },
-      set(s) {
-        return s;
+      set(l) {
+        return l;
       }
-    }), t = (s, u, d) => {
-      const p = [
-        y("RINGCOLOR", s),
-        y("OFFSETRING", d)
+    }), r = (l, d, v) => {
+      const b = [
+        A.ringColorVariant({ color: l }),
+        A.ringOffsetColorVariant({ color: v })
       ];
-      return u && (p.push(y("BORDER", s)), p.push("border")), p.join(" ");
-    }, l = (s) => [
-      y("BGCOLOR", s),
-      y("BEFOREBG", s),
-      y("AFTERBG", s)
+      return d && (b.push(A.borderColorVariant({ color: l })), b.push("border")), b.join(" ");
+    }, u = (l) => [
+      A.bgColorVariant({ color: l }),
+      A.beforeBgColorVariant({ color: l }),
+      A.afterBgColorVariant({ color: l })
     ].join(" ");
-    return (s, u) => (a(), n("button", {
-      class: f(["p-3xs hamburger__button aspect-square rounded-md outline-none ring-offset-2 transition-all duration-300 ease-linear hover:opacity-70 focus:opacity-70 focus:ring-4", t(e.color, e.displayBorder, e.navColor)]),
-      onClick: o,
-      "aria-label": e.toggle ? "Close" : "Open",
-      "aria-expanded": e.toggle
+    return (l, d) => (p(), y("button", {
+      class: S(["hamburger__button aspect-square rounded-md p-3xs ring-offset-2 transition-all duration-300 ease-linear outline-none hover:opacity-70 focus:opacity-70 focus:ring-4", r(t.color, t.showBorder, t.bgColor)]),
+      onClick: n,
+      "aria-label": t.toggle ? "Close" : "Open",
+      "aria-expanded": t.toggle
     }, [
-      z(h("input", {
+      de(E("input", {
         type: "checkbox",
-        "onUpdate:modelValue": u[0] || (u[0] = (d) => c.value = d),
+        "onUpdate:modelValue": d[0] || (d[0] = (v) => c.value = v),
         class: "hamburger__checkbox hidden"
       }, null, 512), [
-        [oe, c.value]
+        [fa, c.value]
       ]),
-      h("div", {
-        class: f(["w-sm hamburger__icon before:w-sm after:w-sm relative h-[3px] transition-all duration-300 ease-linear before:h-[3px] after:h-[3px]", l(e.color)])
+      E("div", {
+        class: S(["hamburger__icon relative h-[3px] w-sm transition-all duration-300 ease-linear before:h-[3px] before:w-sm after:h-[3px] after:w-sm", u(t.color)])
       }, null, 2)
-    ], 10, be));
+    ], 10, Fa));
   }
-}), Z = /* @__PURE__ */ V(Ce, [["__scopeId", "data-v-f366929e"]]), we = { class: "py-xs md:py-2xs mx-xs md:mx-sm flex flex-wrap items-center justify-between align-middle sm:max-w-[640px] md:max-w-[768px] lg:max-w-[1024px] xl:max-w-[1280px] 2xl:max-w-[1536px]" }, xe = { class: "min-h-[24px]" }, ke = { class: "ml-auto" }, Be = {
+}), Ue = /* @__PURE__ */ re(La, [["__scopeId", "data-v-b0ec6d90"]]), $a = { class: "mx-xs flex flex-wrap items-center justify-between py-xs align-middle sm:max-w-[640px] md:mx-sm md:max-w-[768px] md:py-2xs lg:max-w-[1024px] xl:max-w-[1280px] 2xl:max-w-[1536px]" }, Pa = { class: "min-h-[24px]" }, ja = { class: "ml-auto" }, _a = {
   key: 0,
   class: "hidden lg:block"
-}, $e = { class: "overflow-hidden lg:hidden" }, Oe = { key: 0 }, Le = /* @__PURE__ */ S({
+}, Ga = { class: "overflow-hidden lg:hidden" }, Ha = { key: 0 }, Ma = /* @__PURE__ */ Y({
   __name: "HeaderHorizontal",
   props: {
     bgColor: { default: "light-1" },
     mobileMenuBgColor: { default: "light-2" },
     drawerBtnColor: { default: "dark-1" },
-    drawerBtnBorder: { type: Boolean, default: !0 },
+    showDrawerBorder: { type: Boolean, default: !0 },
     fadeInOnScroll: { type: Boolean, default: !0 },
     scrollDistance: { default: 50 },
     sticky: { default: "all" }
   },
   emits: ["toggle-drawer"],
-  setup(e, { expose: m, emit: i }) {
-    const r = e, o = E(), c = x(!1), { y: t } = re(), l = i, s = () => {
+  setup(t, { expose: e, emit: a }) {
+    const o = t, n = Z(), c = D(!1), { y: r } = ha(), u = a, l = () => {
       c.value = !1;
-    }, u = (w) => {
-      c.value = !c.value, l("toggle-drawer", w, c.value);
-    }, d = (w) => {
-      w.style.height = "auto";
-      const v = getComputedStyle(w).height;
-      w.style.height = "0px", w.offsetHeight, w.style.height = v;
-    }, p = (w) => {
-      w.style.height = "auto";
-    }, b = (w) => {
-      w.style.height = getComputedStyle(w).height, w.offsetHeight, w.style.height = "0px";
-    }, k = O(() => {
-      const { bgColor: w, sticky: v } = r, R = [y("BGCOLOR", w)];
-      return v === "all" ? (R.push("sticky top-0"), R.join(" ")) : v === "tablet" ? (R.push("md:sticky top-0"), R.join(" ")) : (v === "pc" && R.push("lg:sticky top-0"), R.join(" "));
-    }), A = O(() => {
-      const { fadeInOnScroll: w, scrollDistance: v } = r;
-      return w ? t.value >= v ? "lg:shadow-md bg-opacity-70" : "bg-opacity-100" : "";
+    }, d = (B) => {
+      c.value = !c.value, u("toggle-drawer", B, c.value);
+    }, v = (B) => {
+      B.style.height = "auto";
+      const $ = getComputedStyle(B).height;
+      B.style.height = "0px", B.offsetHeight, B.style.height = $;
+    }, b = (B) => {
+      B.style.height = "auto";
+    }, h = (B) => {
+      B.style.height = getComputedStyle(B).height, B.offsetHeight, B.style.height = "0px";
+    }, g = _(() => {
+      const { bgColor: B, sticky: $ } = o, G = [
+        A.bgColorVariant({ color: B })
+      ];
+      return $ === "all" ? (G.push("sticky top-0"), G.join(" ")) : $ === "tablet" ? (G.push("md:sticky top-0"), G.join(" ")) : ($ === "pc" && G.push("lg:sticky top-0"), G.join(" "));
+    }), L = _(() => {
+      const { fadeInOnScroll: B, scrollDistance: $ } = o;
+      return B ? r.value >= $ ? "lg:shadow-md bg-opacity-70" : "bg-opacity-100" : "";
     });
-    return m({
-      headerClose: s
-    }), (w, v) => (a(), n("header", {
-      class: f(["z-50 w-full items-center transition delay-150 duration-500 ease-in", [A.value, k.value]])
+    return e({
+      headerClose: l
+    }), (B, $) => (p(), y("header", {
+      class: S(["z-50 w-full items-center transition delay-150 duration-500 ease-in", [L.value, g.value]])
     }, [
-      h("nav", we, [
-        h("div", xe, [
-          C(w.$slots, "content", {}, void 0, !0)
+      E("nav", $a, [
+        E("div", Pa, [
+          V(B.$slots, "content", {}, void 0, !0)
         ]),
-        h("div", ke, [
-          T(Z, {
-            color: e.drawerBtnColor,
-            "display-border": e.drawerBtnBorder,
+        E("div", ja, [
+          ee(Ue, {
+            color: t.drawerBtnColor,
+            "show-border": t.showDrawerBorder,
             class: "block lg:hidden",
-            onHbgClick: u,
+            onHbgClick: d,
             toggle: c.value,
-            "nav-color": e.bgColor
-          }, null, 8, ["color", "display-border", "toggle", "nav-color"]),
-          o["content-right"] ? (a(), n("div", Be, [
-            C(w.$slots, "content-right", {}, void 0, !0)
-          ])) : g("", !0)
+            "bg-color": t.bgColor
+          }, null, 8, ["color", "show-border", "toggle", "bg-color"]),
+          n["content-right"] ? (p(), y("div", _a, [
+            V(B.$slots, "content-right", {}, void 0, !0)
+          ])) : O("", !0)
         ])
       ]),
-      h("div", $e, [
-        T(j, {
+      E("div", Ga, [
+        ee(te, {
           name: "collapse",
-          onEnter: d,
-          onAfterEnter: p,
-          onLeave: b
+          onEnter: v,
+          onAfterEnter: b,
+          onLeave: h
         }, {
-          default: I(() => [
-            c.value ? (a(), n("div", {
+          default: J(() => [
+            c.value ? (p(), y("div", {
               key: 0,
-              class: f(["my-2xs mx-xs overflow-hidden rounded-md bg-opacity-80", B(y)("BGCOLOR", e.mobileMenuBgColor)])
+              class: S(["mx-xs my-2xs overflow-hidden rounded-md bg-opacity-80", I(A).bgColorVariant({ color: t.mobileMenuBgColor })])
             }, [
-              o["mobile-content"] ? (a(), n("div", Oe, [
-                C(w.$slots, "mobile-content", { headerClose: s }, void 0, !0)
-              ])) : g("", !0)
-            ], 2)) : g("", !0)
+              n["mobile-content"] ? (p(), y("div", Ha, [
+                V(B.$slots, "mobile-content", { headerClose: l }, void 0, !0)
+              ])) : O("", !0)
+            ], 2)) : O("", !0)
           ]),
           _: 3
         })
       ])
     ], 2));
   }
-}), lt = /* @__PURE__ */ V(Le, [["__scopeId", "data-v-e0d15366"]]), Re = { class: "flex h-full flex-col justify-between" }, Se = { key: 0 }, He = { class: "relative z-40 block lg:hidden" }, Ee = {
+}), to = /* @__PURE__ */ re(Ma, [["__scopeId", "data-v-2ba87e4a"]]), Wa = { class: "flex h-full flex-col justify-between" }, za = { key: 0 }, Ka = { class: "relative z-40 block lg:hidden" }, Xa = {
   key: 0,
-  class: "mr-xs mt-xs fixed right-0 top-0 z-50 block lg:hidden"
-}, Ie = {
+  class: "fixed top-0 right-0 z-50 mt-xs mr-xs block lg:hidden"
+}, Ya = {
   key: 0,
   class: "h-full"
-}, Ne = /* @__PURE__ */ S({
+}, Ua = /* @__PURE__ */ Y({
   __name: "HeaderVertical",
   props: {
     bgColor: { default: "light-1" },
     drawerBtnColor: { default: "dark-1" },
-    drawerBtnBorder: { type: Boolean, default: !0 },
+    showDrawerBorder: { type: Boolean, default: !0 },
     headerWidth: { default: 160 }
   },
   emits: ["toggle-drawer"],
-  setup(e, { expose: m, emit: i }) {
-    const r = e, o = E(), c = i, t = x(!1), l = (d) => {
-      t.value = !t.value, c("toggle-drawer", d, t.value);
-    }, s = () => {
-      t.value = !1;
-    }, u = O(() => ({ "--header-width": `${r.headerWidth}px` }));
-    return M(() => {
-      const d = U(document);
-      H(t, (p) => {
-        d.value = p;
+  setup(t, { expose: e, emit: a }) {
+    const o = t, n = Z(), c = a, r = D(!1), u = (v) => {
+      r.value = !r.value, c("toggle-drawer", v, r.value);
+    }, l = () => {
+      r.value = !1;
+    }, d = _(() => ({ "--header-width": `${o.headerWidth}px` }));
+    return We(() => {
+      const v = pa(document);
+      Q(r, (b) => {
+        v.value = b;
       });
-    }), m({
-      headerClose: s
-    }), (d, p) => (a(), n("header", {
+    }), e({
+      headerClose: l
+    }), (v, b) => (p(), y("header", {
       class: "relative",
-      style: _(u.value)
+      style: ge(d.value)
     }, [
-      h("nav", {
-        class: f(["py-sm header-desktop hidden overflow-y-scroll overscroll-contain lg:sticky lg:left-0 lg:top-0 lg:block lg:h-[100vh]", [B(y)("BGCOLOR", e.bgColor)]])
+      E("nav", {
+        class: S(["header-desktop hidden overflow-y-scroll overscroll-contain py-sm lg:sticky lg:top-0 lg:left-0 lg:block lg:h-[100vh]", [I(A).bgColorVariant({ color: t.bgColor })]])
       }, [
-        h("div", Re, [
-          h("div", null, [
-            C(d.$slots, "content", {}, void 0, !0)
+        E("div", Wa, [
+          E("div", null, [
+            V(v.$slots, "content", {}, void 0, !0)
           ]),
-          o["content-bottom"] ? (a(), n("div", Se, [
-            C(d.$slots, "content-bottom", {}, void 0, !0)
-          ])) : g("", !0)
+          n["content-bottom"] ? (p(), y("div", za, [
+            V(v.$slots, "content-bottom", {}, void 0, !0)
+          ])) : O("", !0)
         ])
       ], 2),
-      (a(), W(le, { to: "body" }, [
-        h("div", He, [
-          o["mobile-content"] ? (a(), n("div", Ee, [
-            T(Z, {
-              color: e.drawerBtnColor,
-              "display-border": e.drawerBtnBorder,
+      (p(), Se(va, { to: "body" }, [
+        E("div", Ka, [
+          n["mobile-content"] ? (p(), y("div", Xa, [
+            ee(Ue, {
+              color: t.drawerBtnColor,
+              "show-border": t.showDrawerBorder,
               class: "relative block lg:hidden",
-              onHbgClick: l,
-              toggle: t.value,
-              "nav-color": e.bgColor
-            }, null, 8, ["color", "display-border", "toggle", "nav-color"])
-          ])) : g("", !0),
-          T(j, {
+              onHbgClick: u,
+              toggle: r.value,
+              "bg-color": t.bgColor
+            }, null, 8, ["color", "show-border", "toggle", "bg-color"])
+          ])) : O("", !0),
+          ee(te, {
             name: "slide-down",
             appear: ""
           }, {
-            default: I(() => [
-              t.value ? (a(), n("nav", {
+            default: J(() => [
+              r.value ? (p(), y("nav", {
                 key: 0,
-                class: f(["py-lg px-sm fixed inset-0 overflow-y-scroll overscroll-contain", B(y)("BGCOLOR", e.bgColor)])
+                class: S(["fixed inset-0 overflow-y-scroll overscroll-contain px-sm py-lg", I(A).bgColorVariant({ color: t.bgColor })])
               }, [
-                o["mobile-content"] ? (a(), n("div", Ie, [
-                  C(d.$slots, "mobile-content", { headerClose: s }, void 0, !0)
-                ])) : g("", !0)
-              ], 2)) : g("", !0)
+                n["mobile-content"] ? (p(), y("div", Ya, [
+                  V(v.$slots, "mobile-content", { headerClose: l }, void 0, !0)
+                ])) : O("", !0)
+              ], 2)) : O("", !0)
             ]),
             _: 3
           })
@@ -624,369 +737,1413 @@ const ce = { class: "gap-2xs flex w-full justify-between" }, de = { class: "w-fu
       ]))
     ], 4));
   }
-}), st = /* @__PURE__ */ V(Ne, [["__scopeId", "data-v-b9d1f493"]]), Te = ["visible"], je = {
+}), ao = /* @__PURE__ */ re(Ua, [["__scopeId", "data-v-91814bc1"]]);
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const qa = (t) => t != null;
+var qe = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert] *)", "textarea:not([inert]):not([inert] *)", "a[href]:not([inert]):not([inert] *)", "button:not([inert]):not([inert] *)", "[tabindex]:not(slot):not([inert]):not([inert] *)", "audio[controls]:not([inert]):not([inert] *)", "video[controls]:not([inert]):not([inert] *)", '[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)', "details>summary:first-of-type:not([inert]):not([inert] *)", "details:not([inert]):not([inert] *)"], ye = /* @__PURE__ */ qe.join(","), Ze = typeof Element > "u", ue = Ze ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, we = !Ze && Element.prototype.getRootNode ? function(t) {
+  var e;
+  return t == null || (e = t.getRootNode) === null || e === void 0 ? void 0 : e.call(t);
+} : function(t) {
+  return t?.ownerDocument;
+}, Ce = function(e, a) {
+  var o;
+  a === void 0 && (a = !0);
+  var n = e == null || (o = e.getAttribute) === null || o === void 0 ? void 0 : o.call(e, "inert"), c = n === "" || n === "true", r = c || a && e && // closest does not exist on shadow roots, so we fall back to a manual
+  // lookup upward, in case it is not defined.
+  (typeof e.closest == "function" ? e.closest("[inert]") : Ce(e.parentNode));
+  return r;
+}, Za = function(e) {
+  var a, o = e == null || (a = e.getAttribute) === null || a === void 0 ? void 0 : a.call(e, "contenteditable");
+  return o === "" || o === "true";
+}, Je = function(e, a, o) {
+  if (Ce(e))
+    return [];
+  var n = Array.prototype.slice.apply(e.querySelectorAll(ye));
+  return a && ue.call(e, ye) && n.unshift(e), n = n.filter(o), n;
+}, ke = function(e, a, o) {
+  for (var n = [], c = Array.from(e); c.length; ) {
+    var r = c.shift();
+    if (!Ce(r, !1))
+      if (r.tagName === "SLOT") {
+        var u = r.assignedElements(), l = u.length ? u : r.children, d = ke(l, !0, o);
+        o.flatten ? n.push.apply(n, d) : n.push({
+          scopeParent: r,
+          candidates: d
+        });
+      } else {
+        var v = ue.call(r, ye);
+        v && o.filter(r) && (a || !e.includes(r)) && n.push(r);
+        var b = r.shadowRoot || // check for an undisclosed shadow
+        typeof o.getShadowRoot == "function" && o.getShadowRoot(r), h = !Ce(b, !1) && (!o.shadowRootFilter || o.shadowRootFilter(r));
+        if (b && h) {
+          var g = ke(b === !0 ? r.children : b.children, !0, o);
+          o.flatten ? n.push.apply(n, g) : n.push({
+            scopeParent: r,
+            candidates: g
+          });
+        } else
+          c.unshift.apply(c, r.children);
+      }
+  }
+  return n;
+}, Qe = function(e) {
+  return !isNaN(parseInt(e.getAttribute("tabindex"), 10));
+}, ce = function(e) {
+  if (!e)
+    throw new Error("No node provided");
+  return e.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName) || Za(e)) && !Qe(e) ? 0 : e.tabIndex;
+}, Ja = function(e, a) {
+  var o = ce(e);
+  return o < 0 && a && !Qe(e) ? 0 : o;
+}, Qa = function(e, a) {
+  return e.tabIndex === a.tabIndex ? e.documentOrder - a.documentOrder : e.tabIndex - a.tabIndex;
+}, et = function(e) {
+  return e.tagName === "INPUT";
+}, er = function(e) {
+  return et(e) && e.type === "hidden";
+}, tr = function(e) {
+  var a = e.tagName === "DETAILS" && Array.prototype.slice.apply(e.children).some(function(o) {
+    return o.tagName === "SUMMARY";
+  });
+  return a;
+}, ar = function(e, a) {
+  for (var o = 0; o < e.length; o++)
+    if (e[o].checked && e[o].form === a)
+      return e[o];
+}, rr = function(e) {
+  if (!e.name)
+    return !0;
+  var a = e.form || we(e), o = function(u) {
+    return a.querySelectorAll('input[type="radio"][name="' + u + '"]');
+  }, n;
+  if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
+    n = o(window.CSS.escape(e.name));
+  else
+    try {
+      n = o(e.name);
+    } catch (r) {
+      return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", r.message), !1;
+    }
+  var c = ar(n, e.form);
+  return !c || c === e;
+}, or = function(e) {
+  return et(e) && e.type === "radio";
+}, nr = function(e) {
+  return or(e) && !rr(e);
+}, ir = function(e) {
+  var a, o = e && we(e), n = (a = o) === null || a === void 0 ? void 0 : a.host, c = !1;
+  if (o && o !== e) {
+    var r, u, l;
+    for (c = !!((r = n) !== null && r !== void 0 && (u = r.ownerDocument) !== null && u !== void 0 && u.contains(n) || e != null && (l = e.ownerDocument) !== null && l !== void 0 && l.contains(e)); !c && n; ) {
+      var d, v, b;
+      o = we(n), n = (d = o) === null || d === void 0 ? void 0 : d.host, c = !!((v = n) !== null && v !== void 0 && (b = v.ownerDocument) !== null && b !== void 0 && b.contains(n));
+    }
+  }
+  return c;
+}, $e = function(e) {
+  var a = e.getBoundingClientRect(), o = a.width, n = a.height;
+  return o === 0 && n === 0;
+}, sr = function(e, a) {
+  var o = a.displayCheck, n = a.getShadowRoot;
+  if (o === "full-native" && "checkVisibility" in e) {
+    var c = e.checkVisibility({
+      // Checking opacity might be desirable for some use cases, but natively,
+      // opacity zero elements _are_ focusable and tabbable.
+      checkOpacity: !1,
+      opacityProperty: !1,
+      contentVisibilityAuto: !0,
+      visibilityProperty: !0,
+      // This is an alias for `visibilityProperty`. Contemporary browsers
+      // support both. However, this alias has wider browser support (Chrome
+      // >= 105 and Firefox >= 106, vs. Chrome >= 121 and Firefox >= 122), so
+      // we include it anyway.
+      checkVisibilityCSS: !0
+    });
+    return !c;
+  }
+  if (getComputedStyle(e).visibility === "hidden")
+    return !0;
+  var r = ue.call(e, "details>summary:first-of-type"), u = r ? e.parentElement : e;
+  if (ue.call(u, "details:not([open]) *"))
+    return !0;
+  if (!o || o === "full" || // full-native can run this branch when it falls through in case
+  // Element#checkVisibility is unsupported
+  o === "full-native" || o === "legacy-full") {
+    if (typeof n == "function") {
+      for (var l = e; e; ) {
+        var d = e.parentElement, v = we(e);
+        if (d && !d.shadowRoot && n(d) === !0)
+          return $e(e);
+        e.assignedSlot ? e = e.assignedSlot : !d && v !== e.ownerDocument ? e = v.host : e = d;
+      }
+      e = l;
+    }
+    if (ir(e))
+      return !e.getClientRects().length;
+    if (o !== "legacy-full")
+      return !0;
+  } else if (o === "non-zero-area")
+    return $e(e);
+  return !1;
+}, lr = function(e) {
+  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))
+    for (var a = e.parentElement; a; ) {
+      if (a.tagName === "FIELDSET" && a.disabled) {
+        for (var o = 0; o < a.children.length; o++) {
+          var n = a.children.item(o);
+          if (n.tagName === "LEGEND")
+            return ue.call(a, "fieldset[disabled] *") ? !0 : !n.contains(e);
+        }
+        return !0;
+      }
+      a = a.parentElement;
+    }
+  return !1;
+}, Te = function(e, a) {
+  return !(a.disabled || er(a) || sr(a, e) || // For a details element with a summary, the summary element gets the focus
+  tr(a) || lr(a));
+}, Ne = function(e, a) {
+  return !(nr(a) || ce(a) < 0 || !Te(e, a));
+}, cr = function(e) {
+  var a = parseInt(e.getAttribute("tabindex"), 10);
+  return !!(isNaN(a) || a >= 0);
+}, tt = function(e) {
+  var a = [], o = [];
+  return e.forEach(function(n, c) {
+    var r = !!n.scopeParent, u = r ? n.scopeParent : n, l = Ja(u, r), d = r ? tt(n.candidates) : u;
+    l === 0 ? r ? a.push.apply(a, d) : a.push(u) : o.push({
+      documentOrder: c,
+      tabIndex: l,
+      item: n,
+      isScope: r,
+      content: d
+    });
+  }), o.sort(Qa).reduce(function(n, c) {
+    return c.isScope ? n.push.apply(n, c.content) : n.push(c.content), n;
+  }, []).concat(a);
+}, ur = function(e, a) {
+  a = a || {};
+  var o;
+  return a.getShadowRoot ? o = ke([e], a.includeContainer, {
+    filter: Ne.bind(null, a),
+    flatten: !1,
+    getShadowRoot: a.getShadowRoot,
+    shadowRootFilter: cr
+  }) : o = Je(e, a.includeContainer, Ne.bind(null, a)), tt(o);
+}, dr = function(e, a) {
+  a = a || {};
+  var o;
+  return a.getShadowRoot ? o = ke([e], a.includeContainer, {
+    filter: Te.bind(null, a),
+    flatten: !0,
+    getShadowRoot: a.getShadowRoot
+  }) : o = Je(e, a.includeContainer, Te.bind(null, a)), o;
+}, fe = function(e, a) {
+  if (a = a || {}, !e)
+    throw new Error("No node provided");
+  return ue.call(e, ye) === !1 ? !1 : Ne(a, e);
+}, fr = /* @__PURE__ */ qe.concat("iframe:not([inert]):not([inert] *)").join(","), Ee = function(e, a) {
+  if (a = a || {}, !e)
+    throw new Error("No node provided");
+  return ue.call(e, fr) === !1 ? !1 : Te(a, e);
+};
+function Oe(t, e) {
+  (e == null || e > t.length) && (e = t.length);
+  for (var a = 0, o = Array(e); a < e; a++) o[a] = t[a];
+  return o;
+}
+function vr(t) {
+  if (Array.isArray(t)) return Oe(t);
+}
+function Pe(t, e, a, o, n, c, r) {
+  try {
+    var u = t[c](r), l = u.value;
+  } catch (d) {
+    return void a(d);
+  }
+  u.done ? e(l) : Promise.resolve(l).then(o, n);
+}
+function je(t) {
+  return function() {
+    var e = this, a = arguments;
+    return new Promise(function(o, n) {
+      var c = t.apply(e, a);
+      function r(l) {
+        Pe(c, o, n, r, u, "next", l);
+      }
+      function u(l) {
+        Pe(c, o, n, r, u, "throw", l);
+      }
+      r(void 0);
+    });
+  };
+}
+function _e(t, e) {
+  var a = typeof Symbol < "u" && t[Symbol.iterator] || t["@@iterator"];
+  if (!a) {
+    if (Array.isArray(t) || (a = at(t)) || e) {
+      a && (t = a);
+      var o = 0, n = function() {
+      };
+      return {
+        s: n,
+        n: function() {
+          return o >= t.length ? {
+            done: !0
+          } : {
+            done: !1,
+            value: t[o++]
+          };
+        },
+        e: function(l) {
+          throw l;
+        },
+        f: n
+      };
+    }
+    throw new TypeError(`Invalid attempt to iterate non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+  }
+  var c, r = !0, u = !1;
+  return {
+    s: function() {
+      a = a.call(t);
+    },
+    n: function() {
+      var l = a.next();
+      return r = l.done, l;
+    },
+    e: function(l) {
+      u = !0, c = l;
+    },
+    f: function() {
+      try {
+        r || a.return == null || a.return();
+      } finally {
+        if (u) throw c;
+      }
+    }
+  };
+}
+function br(t, e, a) {
+  return (e = yr(e)) in t ? Object.defineProperty(t, e, {
+    value: a,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : t[e] = a, t;
+}
+function hr(t) {
+  if (typeof Symbol < "u" && t[Symbol.iterator] != null || t["@@iterator"] != null) return Array.from(t);
+}
+function pr() {
+  throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function Ge(t, e) {
+  var a = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(t);
+    e && (o = o.filter(function(n) {
+      return Object.getOwnPropertyDescriptor(t, n).enumerable;
+    })), a.push.apply(a, o);
+  }
+  return a;
+}
+function He(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var a = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? Ge(Object(a), !0).forEach(function(o) {
+      br(t, o, a[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(a)) : Ge(Object(a)).forEach(function(o) {
+      Object.defineProperty(t, o, Object.getOwnPropertyDescriptor(a, o));
+    });
+  }
+  return t;
+}
+function be() {
+  var t, e, a = typeof Symbol == "function" ? Symbol : {}, o = a.iterator || "@@iterator", n = a.toStringTag || "@@toStringTag";
+  function c(g, L, B, $) {
+    var G = L && L.prototype instanceof u ? L : u, M = Object.create(G.prototype);
+    return q(M, "_invoke", (function(se, oe, ne) {
+      var W, F, R, z = 0, j = ne || [], H = !1, K = {
+        p: 0,
+        n: 0,
+        v: t,
+        a: N,
+        f: N.bind(t, 4),
+        d: function(i, s) {
+          return W = i, F = 0, R = t, K.n = s, r;
+        }
+      };
+      function N(i, s) {
+        for (F = i, R = s, e = 0; !H && z && !f && e < j.length; e++) {
+          var f, m = j[e], C = K.p, k = m[2];
+          i > 3 ? (f = k === s) && (R = m[(F = m[4]) ? 5 : (F = 3, 3)], m[4] = m[5] = t) : m[0] <= C && ((f = i < 2 && C < m[1]) ? (F = 0, K.v = s, K.n = m[1]) : C < k && (f = i < 3 || m[0] > s || s > k) && (m[4] = i, m[5] = s, K.n = k, F = 0));
+        }
+        if (f || i > 1) return r;
+        throw H = !0, s;
+      }
+      return function(i, s, f) {
+        if (z > 1) throw TypeError("Generator is already running");
+        for (H && s === 1 && N(s, f), F = s, R = f; (e = F < 2 ? t : R) || !H; ) {
+          W || (F ? F < 3 ? (F > 1 && (K.n = -1), N(F, R)) : K.n = R : K.v = R);
+          try {
+            if (z = 2, W) {
+              if (F || (i = "next"), e = W[i]) {
+                if (!(e = e.call(W, R))) throw TypeError("iterator result is not an object");
+                if (!e.done) return e;
+                R = e.value, F < 2 && (F = 0);
+              } else F === 1 && (e = W.return) && e.call(W), F < 2 && (R = TypeError("The iterator does not provide a '" + i + "' method"), F = 1);
+              W = t;
+            } else if ((e = (H = K.n < 0) ? R : se.call(oe, K)) !== r) break;
+          } catch (m) {
+            W = t, F = 1, R = m;
+          } finally {
+            z = 1;
+          }
+        }
+        return {
+          value: e,
+          done: H
+        };
+      };
+    })(g, B, $), !0), M;
+  }
+  var r = {};
+  function u() {
+  }
+  function l() {
+  }
+  function d() {
+  }
+  e = Object.getPrototypeOf;
+  var v = [][o] ? e(e([][o]())) : (q(e = {}, o, function() {
+    return this;
+  }), e), b = d.prototype = u.prototype = Object.create(v);
+  function h(g) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(g, d) : (g.__proto__ = d, q(g, n, "GeneratorFunction")), g.prototype = Object.create(b), g;
+  }
+  return l.prototype = d, q(b, "constructor", d), q(d, "constructor", l), l.displayName = "GeneratorFunction", q(d, n, "GeneratorFunction"), q(b), q(b, n, "Generator"), q(b, o, function() {
+    return this;
+  }), q(b, "toString", function() {
+    return "[object Generator]";
+  }), (be = function() {
+    return {
+      w: c,
+      m: h
+    };
+  })();
+}
+function q(t, e, a, o) {
+  var n = Object.defineProperty;
+  try {
+    n({}, "", {});
+  } catch {
+    n = 0;
+  }
+  q = function(c, r, u, l) {
+    function d(v, b) {
+      q(c, v, function(h) {
+        return this._invoke(v, b, h);
+      });
+    }
+    r ? n ? n(c, r, {
+      value: u,
+      enumerable: !l,
+      configurable: !l,
+      writable: !l
+    }) : c[r] = u : (d("next", 0), d("throw", 1), d("return", 2));
+  }, q(t, e, a, o);
+}
+function gr(t) {
+  return vr(t) || hr(t) || at(t) || pr();
+}
+function mr(t, e) {
+  if (typeof t != "object" || !t) return t;
+  var a = t[Symbol.toPrimitive];
+  if (a !== void 0) {
+    var o = a.call(t, e);
+    if (typeof o != "object") return o;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (e === "string" ? String : Number)(t);
+}
+function yr(t) {
+  var e = mr(t, "string");
+  return typeof e == "symbol" ? e : e + "";
+}
+function at(t, e) {
+  if (t) {
+    if (typeof t == "string") return Oe(t, e);
+    var a = {}.toString.call(t).slice(8, -1);
+    return a === "Object" && t.constructor && (a = t.constructor.name), a === "Map" || a === "Set" ? Array.from(t) : a === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a) ? Oe(t, e) : void 0;
+  }
+}
+var ae = {
+  // Returns the trap from the top of the stack.
+  getActiveTrap: function(e) {
+    return e?.length > 0 ? e[e.length - 1] : null;
+  },
+  // Pauses the currently active trap, then adds a new trap to the stack.
+  activateTrap: function(e, a) {
+    var o = ae.getActiveTrap(e);
+    a !== o && ae.pauseTrap(e);
+    var n = e.indexOf(a);
+    n === -1 || e.splice(n, 1), e.push(a);
+  },
+  // Removes the trap from the top of the stack, then unpauses the next trap down.
+  deactivateTrap: function(e, a) {
+    var o = e.indexOf(a);
+    o !== -1 && e.splice(o, 1), ae.unpauseTrap(e);
+  },
+  // Pauses the trap at the top of the stack.
+  pauseTrap: function(e) {
+    var a = ae.getActiveTrap(e);
+    a?._setPausedState(!0);
+  },
+  // Unpauses the trap at the top of the stack.
+  unpauseTrap: function(e) {
+    var a = ae.getActiveTrap(e);
+    a && !a._isManuallyPaused() && a._setPausedState(!1);
+  }
+}, wr = function(e) {
+  return e.tagName && e.tagName.toLowerCase() === "input" && typeof e.select == "function";
+}, Cr = function(e) {
+  return e?.key === "Escape" || e?.key === "Esc" || e?.keyCode === 27;
+}, pe = function(e) {
+  return e?.key === "Tab" || e?.keyCode === 9;
+}, kr = function(e) {
+  return pe(e) && !e.shiftKey;
+}, Tr = function(e) {
+  return pe(e) && e.shiftKey;
+}, Me = function(e) {
+  return setTimeout(e, 0);
+}, ve = function(e) {
+  for (var a = arguments.length, o = new Array(a > 1 ? a - 1 : 0), n = 1; n < a; n++)
+    o[n - 1] = arguments[n];
+  return typeof e == "function" ? e.apply(void 0, o) : e;
+}, me = function(e) {
+  return e.target.shadowRoot && typeof e.composedPath == "function" ? e.composedPath()[0] : e.target;
+}, Sr = [], xr = function(e, a) {
+  var o = a?.document || document, n = a?.trapStack || Sr, c = He({
+    returnFocusOnDeactivate: !0,
+    escapeDeactivates: !0,
+    delayInitialFocus: !0,
+    delayReturnFocus: !0,
+    isolateSubtrees: !1,
+    isKeyForward: kr,
+    isKeyBackward: Tr
+  }, a), r = {
+    // containers given to createFocusTrap()
+    /** @type {Array<HTMLElement>} */
+    containers: [],
+    // list of objects identifying tabbable nodes in `containers` in the trap
+    // NOTE: it's possible that a group has no tabbable nodes if nodes get removed while the trap
+    //  is active, but the trap should never get to a state where there isn't at least one group
+    //  with at least one tabbable node in it (that would lead to an error condition that would
+    //  result in an error being thrown)
+    /** @type {Array<{
+     *    container: HTMLElement,
+     *    tabbableNodes: Array<HTMLElement>, // empty if none
+     *    focusableNodes: Array<HTMLElement>, // empty if none
+     *    posTabIndexesFound: boolean,
+     *    firstTabbableNode: HTMLElement|undefined,
+     *    lastTabbableNode: HTMLElement|undefined,
+     *    firstDomTabbableNode: HTMLElement|undefined,
+     *    lastDomTabbableNode: HTMLElement|undefined,
+     *    nextTabbableNode: (node: HTMLElement, forward: boolean) => HTMLElement|undefined
+     *  }>}
+     */
+    containerGroups: [],
+    // same order/length as `containers` list
+    // references to objects in `containerGroups`, but only those that actually have
+    //  tabbable nodes in them
+    // NOTE: same order as `containers` and `containerGroups`, but __not necessarily__
+    //  the same length
+    tabbableGroups: [],
+    // references to nodes that are siblings to the ancestors of this trap's containers.
+    /** @type {Set<HTMLElement>} */
+    adjacentElements: /* @__PURE__ */ new Set(),
+    // references to nodes that were inert or aria-hidden before the trap was activated.
+    /** @type {Set<HTMLElement>} */
+    alreadySilent: /* @__PURE__ */ new Set(),
+    nodeFocusedBeforeActivation: null,
+    mostRecentlyFocusedNode: null,
+    active: !1,
+    paused: !1,
+    manuallyPaused: !1,
+    // timer ID for when delayInitialFocus is true and initial focus in this trap
+    //  has been delayed during activation
+    delayInitialFocusTimer: void 0,
+    // the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any
+    recentNavEvent: void 0
+  }, u, l = function(i, s, f) {
+    return i && i[s] !== void 0 ? i[s] : c[f || s];
+  }, d = function(i, s) {
+    var f = typeof s?.composedPath == "function" ? s.composedPath() : void 0;
+    return r.containerGroups.findIndex(function(m) {
+      var C = m.container, k = m.tabbableNodes;
+      return C.contains(i) || f?.includes(C) || k.find(function(w) {
+        return w === i;
+      });
+    });
+  }, v = function(i) {
+    var s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, f = s.hasFallback, m = f === void 0 ? !1 : f, C = s.params, k = C === void 0 ? [] : C, w = c[i];
+    if (typeof w == "function" && (w = w.apply(void 0, gr(k))), w === !0 && (w = void 0), !w) {
+      if (w === void 0 || w === !1)
+        return w;
+      throw new Error("`".concat(i, "` was specified but was not a node, or did not return a node"));
+    }
+    var x = w;
+    if (typeof w == "string") {
+      try {
+        x = o.querySelector(w);
+      } catch (T) {
+        throw new Error("`".concat(i, '` appears to be an invalid selector; error="').concat(T.message, '"'));
+      }
+      if (!x && !m)
+        throw new Error("`".concat(i, "` as selector refers to no known node"));
+    }
+    return x;
+  }, b = function() {
+    var i = v("initialFocus", {
+      hasFallback: !0
+    });
+    if (i === !1)
+      return !1;
+    if (i === void 0 || i && !Ee(i, c.tabbableOptions))
+      if (d(o.activeElement) >= 0)
+        i = o.activeElement;
+      else {
+        var s = r.tabbableGroups[0], f = s && s.firstTabbableNode;
+        i = f || v("fallbackFocus");
+      }
+    else i === null && (i = v("fallbackFocus"));
+    if (!i)
+      throw new Error("Your focus-trap needs to have at least one focusable element");
+    return i;
+  }, h = function() {
+    if (r.containerGroups = r.containers.map(function(i) {
+      var s = ur(i, c.tabbableOptions), f = dr(i, c.tabbableOptions), m = s.length > 0 ? s[0] : void 0, C = s.length > 0 ? s[s.length - 1] : void 0, k = f.find(function(T) {
+        return fe(T);
+      }), w = f.slice().reverse().find(function(T) {
+        return fe(T);
+      }), x = !!s.find(function(T) {
+        return ce(T) > 0;
+      });
+      return {
+        container: i,
+        tabbableNodes: s,
+        focusableNodes: f,
+        /** True if at least one node with positive `tabindex` was found in this container. */
+        posTabIndexesFound: x,
+        /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
+        firstTabbableNode: m,
+        /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */
+        lastTabbableNode: C,
+        // NOTE: DOM order is NOT NECESSARILY "document position" order, but figuring that out
+        //  would require more than just https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition
+        //  because that API doesn't work with Shadow DOM as well as it should (@see
+        //  https://github.com/whatwg/dom/issues/320) and since this first/last is only needed, so far,
+        //  to address an edge case related to positive tabindex support, this seems like a much easier,
+        //  "close enough most of the time" alternative for positive tabindexes which should generally
+        //  be avoided anyway...
+        /** First tabbable node in container, __DOM__ order; `undefined` if none. */
+        firstDomTabbableNode: k,
+        /** Last tabbable node in container, __DOM__ order; `undefined` if none. */
+        lastDomTabbableNode: w,
+        /**
+         * Finds the __tabbable__ node that follows the given node in the specified direction,
+         *  in this container, if any.
+         * @param {HTMLElement} node
+         * @param {boolean} [forward] True if going in forward tab order; false if going
+         *  in reverse.
+         * @returns {HTMLElement|undefined} The next tabbable node, if any.
+         */
+        nextTabbableNode: function(P) {
+          var U = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, X = s.indexOf(P);
+          return X < 0 ? U ? f.slice(f.indexOf(P) + 1).find(function(le) {
+            return fe(le);
+          }) : f.slice(0, f.indexOf(P)).reverse().find(function(le) {
+            return fe(le);
+          }) : s[X + (U ? 1 : -1)];
+        }
+      };
+    }), r.tabbableGroups = r.containerGroups.filter(function(i) {
+      return i.tabbableNodes.length > 0;
+    }), r.tabbableGroups.length <= 0 && !v("fallbackFocus"))
+      throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
+    if (r.containerGroups.find(function(i) {
+      return i.posTabIndexesFound;
+    }) && r.containerGroups.length > 1)
+      throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
+  }, g = function(i) {
+    var s = i.activeElement;
+    if (s)
+      return s.shadowRoot && s.shadowRoot.activeElement !== null ? g(s.shadowRoot) : s;
+  }, L = function(i) {
+    if (i !== !1 && i !== g(document)) {
+      if (!i || !i.focus) {
+        L(b());
+        return;
+      }
+      i.focus({
+        preventScroll: !!c.preventScroll
+      }), r.mostRecentlyFocusedNode = i, wr(i) && i.select();
+    }
+  }, B = function(i) {
+    var s = v("setReturnFocus", {
+      params: [i]
+    });
+    return s || (s === !1 ? !1 : i);
+  }, $ = function(i) {
+    var s = i.target, f = i.event, m = i.isBackward, C = m === void 0 ? !1 : m;
+    s = s || me(f), h();
+    var k = null;
+    if (r.tabbableGroups.length > 0) {
+      var w = d(s, f), x = w >= 0 ? r.containerGroups[w] : void 0;
+      if (w < 0)
+        C ? k = r.tabbableGroups[r.tabbableGroups.length - 1].lastTabbableNode : k = r.tabbableGroups[0].firstTabbableNode;
+      else if (C) {
+        var T = r.tabbableGroups.findIndex(function(xe) {
+          var Re = xe.firstTabbableNode;
+          return s === Re;
+        });
+        if (T < 0 && (x.container === s || Ee(s, c.tabbableOptions) && !fe(s, c.tabbableOptions) && !x.nextTabbableNode(s, !1)) && (T = w), T >= 0) {
+          var P = T === 0 ? r.tabbableGroups.length - 1 : T - 1, U = r.tabbableGroups[P];
+          k = ce(s) >= 0 ? U.lastTabbableNode : U.lastDomTabbableNode;
+        } else pe(f) || (k = x.nextTabbableNode(s, !1));
+      } else {
+        var X = r.tabbableGroups.findIndex(function(xe) {
+          var Re = xe.lastTabbableNode;
+          return s === Re;
+        });
+        if (X < 0 && (x.container === s || Ee(s, c.tabbableOptions) && !fe(s, c.tabbableOptions) && !x.nextTabbableNode(s)) && (X = w), X >= 0) {
+          var le = X === r.tabbableGroups.length - 1 ? 0 : X + 1, ie = r.tabbableGroups[le];
+          k = ce(s) >= 0 ? ie.firstTabbableNode : ie.firstDomTabbableNode;
+        } else pe(f) || (k = x.nextTabbableNode(s));
+      }
+    } else
+      k = v("fallbackFocus");
+    return k;
+  }, G = function(i) {
+    var s = me(i);
+    if (!(d(s, i) >= 0)) {
+      if (ve(c.clickOutsideDeactivates, i)) {
+        u.deactivate({
+          // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
+          //  which will result in the outside click setting focus to the node
+          //  that was clicked (and if not focusable, to "nothing"); by setting
+          //  `returnFocus: true`, we'll attempt to re-focus the node originally-focused
+          //  on activation (or the configured `setReturnFocus` node), whether the
+          //  outside click was on a focusable node or not
+          returnFocus: c.returnFocusOnDeactivate
+        });
+        return;
+      }
+      ve(c.allowOutsideClick, i) || i.preventDefault();
+    }
+  }, M = function(i) {
+    var s = me(i), f = d(s, i) >= 0;
+    if (f || s instanceof Document)
+      f && (r.mostRecentlyFocusedNode = s);
+    else {
+      i.stopImmediatePropagation();
+      var m, C = !0;
+      if (r.mostRecentlyFocusedNode)
+        if (ce(r.mostRecentlyFocusedNode) > 0) {
+          var k = d(r.mostRecentlyFocusedNode), w = r.containerGroups[k].tabbableNodes;
+          if (w.length > 0) {
+            var x = w.findIndex(function(T) {
+              return T === r.mostRecentlyFocusedNode;
+            });
+            x >= 0 && (c.isKeyForward(r.recentNavEvent) ? x + 1 < w.length && (m = w[x + 1], C = !1) : x - 1 >= 0 && (m = w[x - 1], C = !1));
+          }
+        } else
+          r.containerGroups.some(function(T) {
+            return T.tabbableNodes.some(function(P) {
+              return ce(P) > 0;
+            });
+          }) || (C = !1);
+      else
+        C = !1;
+      C && (m = $({
+        // move FROM the MRU node, not event-related node (which will be the node that is
+        //  outside the trap causing the focus escape we're trying to fix)
+        target: r.mostRecentlyFocusedNode,
+        isBackward: c.isKeyBackward(r.recentNavEvent)
+      })), L(m || r.mostRecentlyFocusedNode || b());
+    }
+    r.recentNavEvent = void 0;
+  }, se = function(i) {
+    var s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+    r.recentNavEvent = i;
+    var f = $({
+      event: i,
+      isBackward: s
+    });
+    f && (pe(i) && i.preventDefault(), L(f));
+  }, oe = function(i) {
+    (c.isKeyForward(i) || c.isKeyBackward(i)) && se(i, c.isKeyBackward(i));
+  }, ne = function(i) {
+    Cr(i) && ve(c.escapeDeactivates, i) !== !1 && (i.preventDefault(), u.deactivate());
+  }, W = function(i) {
+    var s = me(i);
+    d(s, i) >= 0 || ve(c.clickOutsideDeactivates, i) || ve(c.allowOutsideClick, i) || (i.preventDefault(), i.stopImmediatePropagation());
+  }, F = function() {
+    if (!r.active)
+      return Promise.resolve();
+    ae.activateTrap(n, u);
+    var i;
+    return c.delayInitialFocus ? i = new Promise(function(s) {
+      r.delayInitialFocusTimer = Me(function() {
+        L(b()), s();
+      });
+    }) : (i = Promise.resolve(), L(b())), o.addEventListener("focusin", M, !0), o.addEventListener("mousedown", G, {
+      capture: !0,
+      passive: !1
+    }), o.addEventListener("touchstart", G, {
+      capture: !0,
+      passive: !1
+    }), o.addEventListener("click", W, {
+      capture: !0,
+      passive: !1
+    }), o.addEventListener("keydown", oe, {
+      capture: !0,
+      passive: !1
+    }), o.addEventListener("keydown", ne), i;
+  }, R = function(i) {
+    r.active && !r.paused && u._setSubtreeIsolation(!1), r.adjacentElements.clear(), r.alreadySilent.clear();
+    var s = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Set(), m = _e(i), C;
+    try {
+      for (m.s(); !(C = m.n()).done; ) {
+        var k = C.value;
+        s.add(k);
+        for (var w = typeof ShadowRoot < "u" && k.getRootNode() instanceof ShadowRoot, x = k; x; ) {
+          s.add(x);
+          var T = x.parentElement, P = [];
+          T ? P = T.children : !T && w && (P = x.getRootNode().children, T = x.getRootNode().host, w = typeof ShadowRoot < "u" && T.getRootNode() instanceof ShadowRoot);
+          var U = _e(P), X;
+          try {
+            for (U.s(); !(X = U.n()).done; ) {
+              var le = X.value;
+              f.add(le);
+            }
+          } catch (ie) {
+            U.e(ie);
+          } finally {
+            U.f();
+          }
+          x = T;
+        }
+      }
+    } catch (ie) {
+      m.e(ie);
+    } finally {
+      m.f();
+    }
+    s.forEach(function(ie) {
+      f.delete(ie);
+    }), r.adjacentElements = f;
+  }, z = function() {
+    if (r.active)
+      return o.removeEventListener("focusin", M, !0), o.removeEventListener("mousedown", G, !0), o.removeEventListener("touchstart", G, !0), o.removeEventListener("click", W, !0), o.removeEventListener("keydown", oe, !0), o.removeEventListener("keydown", ne), u;
+  }, j = function(i) {
+    var s = r.mostRecentlyFocusedNode;
+    if (s) {
+      var f = i.some(function(C) {
+        var k = Array.from(C.removedNodes);
+        return k.some(function(w) {
+          return w === s || typeof w.contains == "function" && w.contains(s);
+        });
+      });
+      if (f && r.containers.some(function(C) {
+        return C?.isConnected;
+      })) {
+        h();
+        var m = b();
+        L(m);
+      }
+    }
+  }, H = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(j) : void 0, K = function() {
+    H && (H.disconnect(), r.active && !r.paused && r.containers.map(function(i) {
+      H.observe(i, {
+        subtree: !0,
+        childList: !0
+      });
+    }));
+  };
+  return u = {
+    get active() {
+      return r.active;
+    },
+    get paused() {
+      return r.paused;
+    },
+    activate: function(i) {
+      if (r.active)
+        return this;
+      var s = l(i, "onActivate"), f = l(i, "onPostActivate"), m = l(i, "checkCanFocusTrap"), C = ae.getActiveTrap(n), k = !1;
+      if (C && !C.paused) {
+        var w;
+        (w = C._setSubtreeIsolation) === null || w === void 0 || w.call(C, !1), k = !0;
+      }
+      try {
+        m || h(), r.active = !0, r.paused = !1, r.nodeFocusedBeforeActivation = g(o), s?.({
+          trap: u
+        });
+        var x = /* @__PURE__ */ (function() {
+          var P = je(/* @__PURE__ */ be().m(function U() {
+            return be().w(function(X) {
+              for (; ; ) switch (X.n) {
+                case 0:
+                  return m && h(), X.n = 1, F();
+                case 1:
+                  u._setSubtreeIsolation(!0), K(), f?.({
+                    trap: u
+                  });
+                case 2:
+                  return X.a(2);
+              }
+            }, U);
+          }));
+          return function() {
+            return P.apply(this, arguments);
+          };
+        })();
+        if (m)
+          return m(r.containers.concat()).then(x, x), this;
+        x();
+      } catch (P) {
+        if (C === ae.getActiveTrap(n) && k) {
+          var T;
+          (T = C._setSubtreeIsolation) === null || T === void 0 || T.call(C, !0);
+        }
+        throw P;
+      }
+      return this;
+    },
+    deactivate: function(i) {
+      if (!r.active)
+        return this;
+      var s = He({
+        onDeactivate: c.onDeactivate,
+        onPostDeactivate: c.onPostDeactivate,
+        checkCanReturnFocus: c.checkCanReturnFocus
+      }, i);
+      clearTimeout(r.delayInitialFocusTimer), r.delayInitialFocusTimer = void 0, r.paused || u._setSubtreeIsolation(!1), r.alreadySilent.clear(), z(), r.active = !1, r.paused = !1, K(), ae.deactivateTrap(n, u);
+      var f = l(s, "onDeactivate"), m = l(s, "onPostDeactivate"), C = l(s, "checkCanReturnFocus"), k = l(s, "delayReturnFocus"), w = l(s, "returnFocus", "returnFocusOnDeactivate");
+      f?.({
+        trap: u
+      });
+      var x = function() {
+        w && L(B(r.nodeFocusedBeforeActivation)), m?.({
+          trap: u
+        });
+      }, T = function() {
+        k && w ? Me(x) : x();
+      };
+      return w && C ? (C(B(r.nodeFocusedBeforeActivation)).then(T, T), this) : (T(), this);
+    },
+    pause: function(i) {
+      return r.active ? (r.manuallyPaused = !0, this._setPausedState(!0, i)) : this;
+    },
+    unpause: function(i) {
+      return r.active ? (r.manuallyPaused = !1, n[n.length - 1] !== this ? this : this._setPausedState(!1, i)) : this;
+    },
+    updateContainerElements: function(i) {
+      var s = [].concat(i).filter(Boolean);
+      return r.containers = s.map(function(f) {
+        return typeof f == "string" ? o.querySelector(f) : f;
+      }), c.isolateSubtrees && R(r.containers), r.active && (h(), r.paused || u._setSubtreeIsolation(!0)), K(), this;
+    }
+  }, Object.defineProperties(u, {
+    _isManuallyPaused: {
+      value: function() {
+        return r.manuallyPaused;
+      }
+    },
+    _setPausedState: {
+      value: function(i, s) {
+        if (r.paused === i)
+          return this;
+        if (r.paused = i, i) {
+          var f = l(s, "onPause"), m = l(s, "onPostPause");
+          f?.({
+            trap: u
+          }), z(), u._setSubtreeIsolation(!1), K(), m?.({
+            trap: u
+          });
+        } else {
+          var C = l(s, "onUnpause"), k = l(s, "onPostUnpause");
+          C?.({
+            trap: u
+          });
+          var w = /* @__PURE__ */ (function() {
+            var x = je(/* @__PURE__ */ be().m(function T() {
+              return be().w(function(P) {
+                for (; ; ) switch (P.n) {
+                  case 0:
+                    return h(), P.n = 1, F();
+                  case 1:
+                    u._setSubtreeIsolation(!0), K(), k?.({
+                      trap: u
+                    });
+                  case 2:
+                    return P.a(2);
+                }
+              }, T);
+            }));
+            return function() {
+              return x.apply(this, arguments);
+            };
+          })();
+          w();
+        }
+        return this;
+      }
+    },
+    _setSubtreeIsolation: {
+      value: function(i) {
+        c.isolateSubtrees && r.adjacentElements.forEach(function(s) {
+          var f;
+          i ? c.isolateSubtrees === "aria-hidden" ? ((s.ariaHidden === "true" || ((f = s.getAttribute("aria-hidden")) === null || f === void 0 ? void 0 : f.toLowerCase()) === "true") && r.alreadySilent.add(s), s.setAttribute("aria-hidden", "true")) : ((s.inert || s.hasAttribute("inert")) && r.alreadySilent.add(s), s.setAttribute("inert", !0)) : r.alreadySilent.has(s) || (c.isolateSubtrees === "aria-hidden" ? s.removeAttribute("aria-hidden") : s.removeAttribute("inert"));
+        });
+      }
+    }
+  }), u.updateContainerElements(e), u;
+};
+function rt(t, e = {}) {
+  let a;
+  const { immediate: o, ...n } = e, c = Fe(!1), r = Fe(!1), u = (b) => a && a.activate(b), l = (b) => a && a.deactivate(b), d = () => {
+    a && (a.pause(), r.value = !0);
+  }, v = () => {
+    a && (a.unpause(), r.value = !1);
+  };
+  return Q(_(() => ga(Le(t)).map((b) => {
+    const h = Le(b);
+    return typeof h == "string" ? h : ma(h);
+  }).filter(qa)), (b) => {
+    if (b.length)
+      if (!a)
+        a = xr(b, {
+          ...n,
+          onActivate(h) {
+            c.value = !0, e.onActivate && e.onActivate(h);
+          },
+          onDeactivate(h) {
+            c.value = !1, e.onDeactivate && e.onDeactivate(h);
+          }
+        }), o && u();
+      else {
+        const h = a?.active;
+        a?.updateContainerElements(b), !h && o && u();
+      }
+  }, { flush: "post" }), ya(() => l()), {
+    hasFocus: c,
+    isPaused: r,
+    activate: u,
+    deactivate: l,
+    pause: d,
+    unpause: v
+  };
+}
+const Rr = ["visible"], Er = ["aria-labelledby"], Nr = {
   key: 0,
   class: "sticky top-0"
-}, Ae = {
+}, Or = ["id"], Br = {
   key: 1,
   class: "sticky bottom-0"
-}, Ge = /* @__PURE__ */ S({
+}, Ar = /* @__PURE__ */ Y({
   __name: "Modal",
   props: {
     title: {},
     titleColor: { default: "dark-3" },
-    className: { default: "" },
+    customClass: { default: "" },
     visible: { type: Boolean, default: !1 },
-    noBackdrop: { type: Boolean, default: !1 },
-    noHeader: { type: Boolean, default: !1 },
+    showBackdrop: { type: Boolean, default: !0 },
+    showHeader: { type: Boolean, default: !0 },
     color: { default: "light-1" },
     backdropColor: { default: "dark-4" },
     placement: { default: "center" },
-    modalWidth: { default: "small" }
+    width: { default: "small" }
   },
   emits: ["open", "close"],
-  setup(e, { expose: m, emit: i }) {
-    const r = e, o = E(), c = i, t = x(), l = x(r.visible), s = x(!1), u = () => {
+  setup(t, { expose: e, emit: a }) {
+    const o = t, n = Z(), c = a, r = D(), u = D(), l = D(o.visible), d = D(!1), v = Ie();
+    let b = null;
+    const { activate: h, deactivate: g } = rt(
+      u,
+      { immediate: !1 }
+    ), L = () => {
       l.value = !l.value;
-    }, d = () => {
+    }, B = () => {
       l.value = !0;
-    }, p = () => {
-      s.value === !0 && (l.value = !1);
-    }, b = () => {
+    }, $ = () => {
+      d.value === !0 && (l.value = !1);
+    }, G = () => {
       c("open", !0);
-    }, k = () => {
+    }, M = () => {
       c("close", !1);
-    }, A = O(() => {
-      const $ = {
+    }, se = _(() => {
+      const R = {
         top: 25,
         center: 50,
         bottom: 75
-      }, { placement: N } = r;
-      return { "--vertical-placement": ($[N] ?? $.center) + "%" };
-    }), w = O(() => {
-      const { modalWidth: $ } = r, N = {
+      }, { placement: z } = o;
+      return { "--vertical-placement": (R[z] ?? R.center) + "%" };
+    }), oe = _(() => {
+      const { width: R } = o, z = {
         small: "max-w-[28rem]",
         medium: "max-w-[28rem] md:max-w-[36rem]",
         large: "max-w-[28rem] md:max-w-[56rem]"
       };
-      return N[$] ?? N.small;
-    }), v = () => {
-      s.value = !0;
-    }, R = () => {
-      s.value = !1;
+      return z[R] ?? z.small;
+    }), ne = () => {
+      d.value = !0, u.value && h();
+    }, W = () => {
+      d.value = !1;
     };
-    return P(t, ($ = !1) => {
-      l.value = $;
-    }), H(
-      () => r.visible,
-      ($) => {
-        l.value = $;
+    return ze(r, (R = !1) => {
+      l.value = R;
+    }), Q(
+      () => o.visible,
+      (R) => {
+        l.value = R;
       }
-    ), H(l, ($) => {
-      $ === !0 ? b() : $ === !1 && s.value === !0 && k();
-    }), M(() => {
-      const $ = U(document);
-      H(l, (N) => {
-        $.value = N;
-      });
-    }), m({
-      toggle: u,
-      close: p,
-      open: d
-    }), ($, N) => (a(), n("div", {
-      style: _(A.value),
+    ), Q(l, (R) => {
+      R === !0 ? (typeof document < "u" && (b = document.activeElement), G()) : R === !1 && (g(), b?.focus(), b = null, d.value === !0 && M());
+    }), Ke(l), e({
+      toggle: L,
+      close: $,
+      open: B
+    }), (R, z) => (p(), y("div", {
+      style: ge(se.value),
       visible: l.value,
       ref_key: "modalRef",
-      ref: t
+      ref: r
     }, [
-      e.noBackdrop ? g("", !0) : (a(), W(j, {
+      t.showBackdrop ? (p(), Se(te, {
         key: 0,
         name: "fade",
         appear: "",
         tag: "div"
       }, {
-        default: I(() => [
-          l.value ? (a(), n("section", {
+        default: J(() => [
+          l.value ? (p(), y("section", {
             key: 0,
-            onClick: p,
-            class: f(["fixed inset-0 z-[100] overflow-y-auto bg-opacity-70 backdrop-blur", B(y)("BGCOLOR", e.backdropColor)])
-          }, null, 2)) : g("", !0)
+            onClick: $,
+            "aria-hidden": "true",
+            class: S(["fixed inset-0 z-[100] overflow-y-auto backdrop-blur bg-opacity-70", I(A).bgColorVariant({ color: t.backdropColor })])
+          }, null, 2)) : O("", !0)
         ]),
         _: 1
-      })),
-      T(j, {
+      })) : O("", !0),
+      ee(te, {
         name: "slide-down",
         tag: "div",
-        onAfterEnter: v,
-        onAfterLeave: R,
+        onAfterEnter: ne,
+        onAfterLeave: W,
         appear: ""
       }, {
-        default: I(() => [
-          l.value ? (a(), n("div", {
+        default: J(() => [
+          l.value ? (p(), y("div", {
             key: 0,
-            class: f(["vertical-placement px-xs fixed z-[110] w-full", w.value])
+            class: S(["vertical-placement fixed z-[110] w-full px-xs", oe.value])
           }, [
-            z((a(), n("div", {
-              class: f([[B(y)("BGCOLOR", e.color), e.className], "relative max-h-[80vh] overflow-y-scroll overscroll-contain md:max-h-[60vh]"])
+            de((p(), y("div", {
+              ref_key: "dialogRef",
+              ref: u,
+              role: "dialog",
+              "aria-modal": "true",
+              "aria-labelledby": t.title ? I(v) : void 0,
+              class: S([[I(A).bgColorVariant({ color: t.color }), t.customClass], "relative max-h-[80vh] overflow-y-scroll overscroll-contain md:max-h-[60vh]"])
             }, [
-              e.noHeader ? g("", !0) : (a(), n("div", je, [
-                C($.$slots, "header", {
-                  close: p,
+              t.showHeader ? (p(), y("div", Nr, [
+                V(R.$slots, "header", {
+                  close: $,
                   status: l.value
                 }, () => [
-                  h("div", {
-                    class: f(["p-xs border-b-light-4 flex items-center justify-between border-b-2", B(y)("BGCOLOR", e.color)])
+                  E("div", {
+                    class: S(["flex items-center justify-between border-b-2 border-b-light-4 p-xs", I(A).bgColorVariant({ color: t.color })])
                   }, [
-                    e.title ? (a(), n("h3", {
+                    t.title ? (p(), y("h3", {
                       key: 0,
-                      class: f(["h3-md", B(y)("TEXTCOLOR", e.titleColor)])
-                    }, D(e.title), 3)) : g("", !0),
-                    h("button", { onClick: p }, [
-                      (a(), n("svg", {
+                      id: I(v),
+                      class: S(["h3-md", I(A).textColorVariant({ color: t.titleColor })])
+                    }, he(t.title), 11, Or)) : O("", !0),
+                    E("button", {
+                      type: "button",
+                      "aria-label": "Close",
+                      onClick: $
+                    }, [
+                      (p(), y("svg", {
                         xmlns: "http://www.w3.org/2000/svg",
                         height: "1em",
                         viewBox: "0 0 384 512",
-                        class: f(["h-sm transition-opacity duration-300 ease-in hover:opacity-75 focus:opacity-75", [B(y)("SVGFILL", e.titleColor)]])
-                      }, [...N[0] || (N[0] = [
-                        h("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)
+                        "aria-hidden": "true",
+                        class: S(["h-sm transition-opacity duration-300 ease-in hover:opacity-75 focus:opacity-75", [
+                          I(A).svgFillColorVariant({ color: t.titleColor })
+                        ]])
+                      }, [...z[0] || (z[0] = [
+                        E("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)
                       ])], 2))
                     ])
                   ], 2)
                 ], !0)
-              ])),
-              C($.$slots, "body", {
-                close: p,
+              ])) : O("", !0),
+              V(R.$slots, "body", {
+                close: $,
                 status: l.value
               }, void 0, !0),
-              o.footer ? (a(), n("div", Ae, [
-                C($.$slots, "footer", {
-                  close: p,
+              n.footer ? (p(), y("div", Br, [
+                V(R.$slots, "footer", {
+                  close: $,
                   status: l.value
                 }, void 0, !0)
-              ])) : g("", !0)
-            ], 2)), [
-              [B(q), p]
+              ])) : O("", !0)
+            ], 10, Er)), [
+              [I(De), $]
             ])
-          ], 2)) : g("", !0)
+          ], 2)) : O("", !0)
         ]),
         _: 3
       })
-    ], 12, Te));
+    ], 12, Rr));
   }
-}), at = /* @__PURE__ */ V(Ge, [["__scopeId", "data-v-84fc20eb"]]), Ve = ["visible"], ze = { class: "sidebar-body-height" }, De = /* @__PURE__ */ S({
+}), ro = /* @__PURE__ */ re(Ar, [["__scopeId", "data-v-c65cb87e"]]), Vr = ["visible"], Ir = ["aria-labelledby"], Dr = ["id"], Fr = { class: "sidebar-body-height" }, Lr = /* @__PURE__ */ Y({
   __name: "Sidebar",
   props: {
     title: {},
     titleColor: { default: "dark-3" },
-    className: { default: "" },
+    customClass: { default: "" },
     visible: { type: Boolean, default: !1 },
-    noBackdrop: { type: Boolean, default: !1 },
-    noHeader: { type: Boolean, default: !1 },
+    showBackdrop: { type: Boolean, default: !0 },
+    showHeader: { type: Boolean, default: !0 },
     color: { default: "light-1" },
     backdropColor: { default: "dark-4" },
     placement: { default: "left" },
     width: { default: 300 }
   },
   emits: ["open", "close"],
-  setup(e, { expose: m, emit: i }) {
-    const r = e, o = E(), c = i, t = x(r.visible), l = x(!1), s = x(), u = x(), d = x(), p = () => {
-      t.value = !t.value;
-    }, b = () => {
-      t.value = !0;
-    }, k = () => {
-      l.value === !0 && (t.value = !1);
-    }, A = () => {
+  setup(t, { expose: e, emit: a }) {
+    const o = t, n = Z(), c = a, r = D(o.visible), u = D(!1), l = D(), d = D(), v = D(), b = D(), h = Ie();
+    let g = null;
+    const { activate: L, deactivate: B } = rt(
+      d,
+      { immediate: !1 }
+    ), $ = () => {
+      r.value = !r.value;
+    }, G = () => {
+      r.value = !0;
+    }, M = () => {
+      u.value === !0 && (r.value = !1);
+    }, se = () => {
       c("open", !0);
-    }, w = () => {
+    }, oe = () => {
       c("close", !1);
-    }, v = O(() => {
-      const L = (G) => G && t.value ? `${G.scrollHeight}px` : "0px";
+    }, ne = _(() => {
+      const j = (H) => H && r.value ? `${H.scrollHeight}px` : "0px";
       return {
-        "--sidebar-width": `${r.width}px`,
-        "--header-height": L(u.value),
-        "--footer-height": L(d.value)
+        "--sidebar-width": `${o.width}px`,
+        "--header-height": j(v.value),
+        "--footer-height": j(b.value)
       };
-    }), R = O(() => r.placement === "left" ? "sidebar-left" : "sidebar-right"), J = () => {
-      l.value = !0;
-    }, $ = () => {
-      l.value = !1;
+    }), W = _(() => o.placement === "left" ? "sidebar-left" : "sidebar-right"), F = () => {
+      u.value = !0, d.value && L();
+    }, R = () => {
+      u.value = !1;
     };
-    return P(s, (L = !1) => {
-      t.value = L;
-    }), H(
-      () => r.visible,
-      (L) => {
-        t.value = L;
+    return ze(l, (j = !1) => {
+      r.value = j;
+    }), Q(
+      () => o.visible,
+      (j) => {
+        r.value = j;
       }
-    ), H(t, (L) => {
-      L === !0 ? A() : L === !1 && l.value === !0 && w();
-    }), M(() => {
-      const L = U(document);
-      H(t, (G) => {
-        L.value = G;
-      });
-    }), m({
-      toggle: p,
-      open: b,
-      close: k
-    }), (L, G) => (a(), n("div", {
-      style: _(v.value),
-      visible: t.value,
+    ), Q(r, (j) => {
+      j === !0 ? (typeof document < "u" && (g = document.activeElement), se()) : j === !1 && (B(), g?.focus(), g = null, u.value === !0 && oe());
+    }), Ke(r), e({
+      toggle: $,
+      open: G,
+      close: M
+    }), (j, H) => (p(), y("div", {
+      style: ge(ne.value),
+      visible: r.value,
       ref_key: "sidebarRef",
-      ref: s
+      ref: l
     }, [
-      e.noBackdrop ? g("", !0) : (a(), W(j, {
+      t.showBackdrop ? (p(), Se(te, {
         key: 0,
         name: "fade",
         appear: "",
         tag: "div"
       }, {
-        default: I(() => [
-          t.value ? (a(), n("section", {
+        default: J(() => [
+          r.value ? (p(), y("section", {
             key: 0,
-            onClick: k,
-            class: f(["fixed inset-0 z-[100] overflow-y-auto bg-opacity-70 backdrop-blur", B(y)("BGCOLOR", e.backdropColor)])
-          }, null, 2)) : g("", !0)
+            onClick: M,
+            "aria-hidden": "true",
+            class: S(["fixed inset-0 z-[100] overflow-y-auto backdrop-blur bg-opacity-70", I(A).bgColorVariant({ color: t.backdropColor })])
+          }, null, 2)) : O("", !0)
         ]),
         _: 1
-      })),
-      T(j, {
-        name: R.value,
-        onAfterEnter: J,
-        onAfterLeave: $,
+      })) : O("", !0),
+      ee(te, {
+        name: W.value,
+        onAfterEnter: F,
+        onAfterLeave: R,
         appear: ""
       }, {
-        default: I(() => [
-          t.value ? z((a(), n("div", {
+        default: J(() => [
+          r.value ? de((p(), y("div", {
             key: 0,
-            class: f(["sidebar-body fixed inset-y-0 z-[110] h-full overflow-hidden shadow", [e.placement === "left" ? "left-0" : "right-0"]])
+            ref_key: "dialogRef",
+            ref: d,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": t.title ? I(h) : void 0,
+            class: S(["sidebar-body fixed inset-y-0 z-[110] h-full overflow-hidden shadow", [t.placement === "left" ? "left-0" : "right-0"]])
           }, [
-            h("div", {
-              class: f(["relative h-full overflow-y-scroll overscroll-contain", [B(y)("BGCOLOR", e.color), e.className]])
+            E("div", {
+              class: S(["relative h-full overflow-y-scroll overscroll-contain", [I(A).bgColorVariant({ color: t.color }), t.customClass]])
             }, [
-              e.noHeader ? g("", !0) : (a(), n("div", {
+              t.showHeader ? (p(), y("div", {
                 key: 0,
                 class: "sticky top-0 z-10",
                 ref_key: "headerRef",
-                ref: u
+                ref: v
               }, [
-                C(L.$slots, "header", {
-                  close: k,
-                  status: t.value
+                V(j.$slots, "header", {
+                  close: M,
+                  status: r.value
                 }, () => [
-                  h("div", {
-                    class: f(["p-xs flex items-center justify-between", B(y)("BGCOLOR", e.color)])
+                  E("div", {
+                    class: S(["flex items-center justify-between p-xs", I(A).bgColorVariant({ color: t.color })])
                   }, [
-                    e.placement === "right" ? (a(), n("button", {
+                    t.placement === "right" ? (p(), y("button", {
                       key: 0,
-                      onClick: k
+                      type: "button",
+                      "aria-label": "Close",
+                      onClick: M
                     }, [
-                      (a(), n("svg", {
+                      (p(), y("svg", {
                         xmlns: "http://www.w3.org/2000/svg",
                         height: "1em",
                         viewBox: "0 0 384 512",
-                        class: f(["h-sm transition-opacity duration-300 ease-in hover:opacity-75 focus:opacity-75", [B(y)("SVGFILL", e.titleColor)]])
-                      }, [...G[0] || (G[0] = [
-                        h("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)
+                        "aria-hidden": "true",
+                        class: S(["h-sm transition-opacity duration-300 ease-in hover:opacity-75 focus:opacity-75", [
+                          I(A).svgFillColorVariant({ color: t.titleColor })
+                        ]])
+                      }, [...H[0] || (H[0] = [
+                        E("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)
                       ])], 2))
-                    ])) : g("", !0),
-                    e.title ? (a(), n("h3", {
+                    ])) : O("", !0),
+                    t.title ? (p(), y("h3", {
                       key: 1,
-                      class: f(["h3-md", B(y)("TEXTCOLOR", e.titleColor)])
-                    }, D(e.title), 3)) : g("", !0),
-                    e.placement === "left" ? (a(), n("button", {
+                      id: I(h),
+                      class: S(["h3-md", I(A).textColorVariant({ color: t.titleColor })])
+                    }, he(t.title), 11, Dr)) : O("", !0),
+                    t.placement === "left" ? (p(), y("button", {
                       key: 2,
-                      onClick: k
+                      type: "button",
+                      "aria-label": "Close",
+                      onClick: M
                     }, [
-                      (a(), n("svg", {
+                      (p(), y("svg", {
                         xmlns: "http://www.w3.org/2000/svg",
                         height: "1em",
                         viewBox: "0 0 384 512",
-                        class: f(["h-sm transition-opacity duration-300 ease-in hover:opacity-75 focus:opacity-75", [B(y)("SVGFILL", e.titleColor)]])
-                      }, [...G[1] || (G[1] = [
-                        h("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)
+                        "aria-hidden": "true",
+                        class: S(["h-sm transition-opacity duration-300 ease-in hover:opacity-75 focus:opacity-75", [
+                          I(A).svgFillColorVariant({ color: t.titleColor })
+                        ]])
+                      }, [...H[1] || (H[1] = [
+                        E("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)
                       ])], 2))
-                    ])) : g("", !0)
+                    ])) : O("", !0)
                   ], 2)
                 ], !0)
-              ], 512)),
-              h("div", ze, [
-                C(L.$slots, "body", {
-                  close: k,
-                  status: t.value
+              ], 512)) : O("", !0),
+              E("div", Fr, [
+                V(j.$slots, "body", {
+                  close: M,
+                  status: r.value
                 }, void 0, !0)
               ]),
-              o.footer ? (a(), n("div", {
+              n.footer ? (p(), y("div", {
                 key: 1,
                 class: "sticky bottom-0",
                 ref_key: "footerRef",
-                ref: d
+                ref: b
               }, [
-                C(L.$slots, "footer", {
-                  close: k,
-                  status: t.value
+                V(j.$slots, "footer", {
+                  close: M,
+                  status: r.value
                 }, void 0, !0)
-              ], 512)) : g("", !0)
+              ], 512)) : O("", !0)
             ], 2)
-          ], 2)), [
-            [B(q), k]
-          ]) : g("", !0)
+          ], 10, Ir)), [
+            [I(De), M]
+          ]) : O("", !0)
         ]),
         _: 3
       }, 8, ["name"])
-    ], 12, Ve));
+    ], 12, Vr));
   }
-}), nt = /* @__PURE__ */ V(De, [["__scopeId", "data-v-a7de0a1c"]]), ee = /* @__PURE__ */ Symbol(), _e = { class: "container-hts transition-[max-height] duration-300 grid grid-cols-1 grid-rows-1" }, Me = /* @__PURE__ */ S({
+}), oo = /* @__PURE__ */ re(Lr, [["__scopeId", "data-v-77b578df"]]), ot = /* @__PURE__ */ Symbol(), $r = { class: "container-hts grid grid-cols-1 grid-rows-1 transition-[max-height] duration-300" }, Pr = /* @__PURE__ */ Y({
   __name: "TabContainer",
   props: {
     bodyClass: { default: "" },
     btnContainerClass: { default: "" },
     contentContainerClass: { default: "" }
   },
-  setup(e, { expose: m }) {
-    E();
-    const i = x(0), r = x(0), o = x("slide-next");
-    F(ee, {
-      activeTabIdx: i,
-      containerHeight: r,
-      updateHeight: (s) => {
-        r.value = s;
+  setup(t, { expose: e }) {
+    Z();
+    const a = D(0), o = D(0), n = D("slide-next");
+    Be(ot, {
+      activeTabIdx: a,
+      containerHeight: o,
+      updateHeight: (l) => {
+        o.value = l;
       }
     });
-    const t = (s) => {
-      i.value = s;
-    }, l = O(() => ({ "--container-hts": `${r.value}px` }));
-    return m({
-      update: t
-    }), H(
-      () => i.value,
-      (s, u) => {
-        s > u ? o.value = "slide-next" : o.value = "slide-prev";
+    const r = (l) => {
+      a.value = l;
+    }, u = _(() => ({ "--container-hts": `${o.value}px` }));
+    return e({
+      update: r
+    }), Q(
+      () => a.value,
+      (l, d) => {
+        l > d ? n.value = "slide-next" : n.value = "slide-prev";
       }
-    ), (s, u) => (a(), n("div", {
-      class: f(e.bodyClass),
-      style: _(l.value)
+    ), (l, d) => (p(), y("div", {
+      class: S(t.bodyClass),
+      style: ge(u.value)
     }, [
-      h("div", {
-        class: f(e.btnContainerClass),
+      E("div", {
+        class: S(t.btnContainerClass),
         role: "tablist"
       }, [
-        C(s.$slots, "tab-button", {
-          update: t,
-          activeTab: i.value
+        V(l.$slots, "tab-button", {
+          update: r,
+          activeTab: a.value
         }, void 0, !0)
       ], 2),
-      h("div", {
-        class: f(e.contentContainerClass)
+      E("div", {
+        class: S(t.contentContainerClass)
       }, [
-        h("div", _e, [
-          T(j, { name: o.value }, {
-            default: I(() => [
-              (a(), n("div", {
-                key: i.value,
-                class: "col-start-1 col-end-1 row-start-1 row-end-1 relative"
+        E("div", $r, [
+          ee(te, { name: n.value }, {
+            default: J(() => [
+              (p(), y("div", {
+                key: a.value,
+                class: "relative col-start-1 col-end-1 row-start-1 row-end-1"
               }, [
-                C(s.$slots, "tab-content", {}, void 0, !0)
+                V(l.$slots, "tab-content", {}, void 0, !0)
               ]))
             ]),
             _: 3
@@ -995,44 +2152,46 @@ const ce = { class: "gap-2xs flex w-full justify-between" }, de = { class: "w-fu
       ], 2)
     ], 6));
   }
-}), rt = /* @__PURE__ */ V(Me, [["__scopeId", "data-v-1014eb3f"]]), We = ["id"], it = /* @__PURE__ */ S({
+}), no = /* @__PURE__ */ re(Pr, [["__scopeId", "data-v-553ab4ac"]]), jr = ["id"], io = /* @__PURE__ */ Y({
   __name: "TabContent",
   props: {
     tabNumber: {},
     id: {},
     tabClass: { default: "" }
   },
-  setup(e) {
-    const m = e, { activeTabIdx: i, updateHeight: r } = K(
-      ee
-    ), o = x(null), { height: c } = ie(o), t = O(() => i.value === m.tabNumber ? (r(c.value), !0) : !1);
-    return (l, s) => z((a(), n("div", {
+  setup(t) {
+    const e = t, { activeTabIdx: a, updateHeight: o } = Ae(
+      ot
+    ), n = D(null), { height: c } = wa(n), r = _(() => a.value === e.tabNumber ? (o(c.value), !0) : !1);
+    return (u, l) => de((p(), y("div", {
       ref_key: "slotRef",
-      ref: o,
-      id: e.id,
-      class: f([e.tabClass, "w-full"]),
+      ref: n,
+      id: t.id,
+      class: S([t.tabClass, "w-full"]),
       role: "tabpanel",
       tabindex: "-1"
     }, [
-      C(l.$slots, "default")
-    ], 10, We)), [
-      [X, t.value]
+      V(u.$slots, "default")
+    ], 10, jr)), [
+      [Ve, r.value]
     ]);
   }
 });
 export {
-  Je as Alert,
-  Qe as Card,
-  Ye as CarouselContainer,
-  Ze as CarouselContent,
-  et as Collapse,
-  tt as DropdownContainer,
-  ot as DropdownContent,
-  lt as HeaderHorizontal,
-  st as HeaderVertical,
-  at as Modal,
-  nt as Sidebar,
-  rt as TabContainer,
-  it as TabContent,
-  y as default
+  Xr as AccordionGroup,
+  Yr as Alert,
+  Ur as Card,
+  qr as CarouselContainer,
+  Zr as CarouselContent,
+  Jr as Collapse,
+  Qr as DropdownContainer,
+  eo as DropdownContent,
+  to as HeaderHorizontal,
+  ao as HeaderVertical,
+  ro as Modal,
+  oo as Sidebar,
+  no as TabContainer,
+  io as TabContent,
+  Kr as default,
+  A as generateClass
 };