npm - @bobbykim/manguito-theme - Versions diffs - 1.3.0 → 1.5.0 - Mend

@bobbykim/manguito-theme 1.3.0 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/core.js CHANGED Viewed

@@ -1,202 +1,207 @@
-(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-7c910f65],.collapse-leave-active[data-v-7c910f65]{transition-property:height,opacity;transition-duration:.5s;transition-timing-function:ease}.dropup-bottom[data-v-dd0b7b7b]{bottom:var(--button-height)}.dropdown-content-enter-active[data-v-dd0b7b7b],.dropdown-content-leave-active[data-v-dd0b7b7b]{transition:all .3s}.dropdown-content-enter-from[data-v-dd0b7b7b],.dropdown-content-leave-to[data-v-dd0b7b7b]{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-13a13d88]{transition:height .5s ease-in}.collapse-leave-active[data-v-13a13d88]{transition:height .5s ease-out}.header-desktop[data-v-ebabc502]{width:100%}@media screen and (min-width:1024px){.header-desktop[data-v-ebabc502]{width:var(--header-width)}}.slide-down-enter-active[data-v-ebabc502]{transition:transform .3s ease-in .2s,opacity .5s ease-in}.slide-down-leave-active[data-v-ebabc502]{transition:transform .5s ease-in,opacity .3s ease-in .2s}.slide-down-enter-from[data-v-ebabc502],.slide-down-leave-to[data-v-ebabc502]{opacity:0;transform:translateY(-100%)}.vertical-placement[data-v-c9b9db1b]{top:var(--vertical-placement);left:50%;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}.fade-enter-active[data-v-c9b9db1b],.fade-leave-active[data-v-c9b9db1b]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-c9b9db1b],.fade-leave-to[data-v-c9b9db1b]{opacity:0}.slide-down-enter-active[data-v-c9b9db1b]{animation:slide-down-c9b9db1b .3s ease}.slide-down-leave-active[data-v-c9b9db1b]{animation:slide-down-c9b9db1b reverse .3s ease}@keyframes slide-down-c9b9db1b{0%{opacity:0;transform:translateY(-100%) translate(-50%)}to{opacity:1;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}}.sidebar-body[data-v-80a7a8d2]{width:100%}.sidebar-body-height[data-v-80a7a8d2]{min-height:calc(100vh - var(--header-height) - var(--footer-height))}.fade-enter-active[data-v-80a7a8d2],.fade-leave-active[data-v-80a7a8d2]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-80a7a8d2],.fade-leave-to[data-v-80a7a8d2]{opacity:0}.sidebar-left-enter-active[data-v-80a7a8d2],.sidebar-left-leave-active[data-v-80a7a8d2],.sidebar-right-enter-active[data-v-80a7a8d2],.sidebar-right-leave-active[data-v-80a7a8d2]{transition-property:transform,opacity;transition-duration:.3s;transition-timing-function:linear}.sidebar-left-enter-from[data-v-80a7a8d2],.sidebar-left-leave-to[data-v-80a7a8d2]{transform:translate(-100%)}.sidebar-right-enter-from[data-v-80a7a8d2],.sidebar-right-leave-to[data-v-80a7a8d2]{transform:translate(100%)}@media screen and (min-width:768px){.sidebar-body[data-v-80a7a8d2]{width:var(--sidebar-width)}.sidebar-left-enter-from[data-v-80a7a8d2],.sidebar-left-leave-to[data-v-80a7a8d2]{transform:translate(calc(-1 * var(--sidebar-width)))}.sidebar-right-enter-from[data-v-80a7a8d2],.sidebar-right-leave-to[data-v-80a7a8d2]{transform:translate(var(--sidebar-width))}}.container-hts[data-v-2d9322d9]{max-height:var(--container-hts, none)}.slide-prev-enter-active[data-v-2d9322d9]{transition:all .5s linear}.slide-prev-leave-active[data-v-2d9322d9]{transition:all .5s}.slide-prev-enter-from[data-v-2d9322d9]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-2d9322d9]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-2d9322d9]{transition:all .5s linear}.slide-next-leave-active[data-v-2d9322d9]{transition:all .5s}.slide-next-enter-from[data-v-2d9322d9]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-2d9322d9]{transform:translate(-100%);opacity:0}")),document.head.appendChild(a)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { a as ie, p as ce, b as de, c as ue, d as fe, e as he, f as ve, h as ge, m as me, i as be, j as pe, k as Ce, l as ye, n as we, o as xe, q as ke, r as Ve, s as Be, t as Re, u as Oe, v as $e, w as Te, x as Ie, y as Le, z as De, A as Ae, B as Se, C as Ee, D as Ne, E as He, F as Ge, G as _e, H as ze, I as je, J as We, K as Me, L as Fe, M as Xe, N as Pe, O as Ye, P as Ue, Q as Ke, R as qe, S as Je, T as Qe, U as Ze, V as et, W as tt, X as ot, Y as at, Z as st, _ as rt, $ as lt, a0 as nt, a1 as it, a2 as ct, a3 as dt, a4 as ut, a5 as ft, g as C } from "./index-CDXrm85l.js";
-import { defineComponent as O, openBlock as l, createElementBlock as i, renderSlot as y, ref as w, computed as B, watch as E, normalizeClass as h, createElementVNode as m, createCommentVNode as g, useSlots as z, toDisplayString as j, provide as J, createVNode as D, Transition as A, withCtx as S, inject as Q, withDirectives as _, vShow as Z, useId as ee, toRef as ht, unref as k, onMounted as F, withKeys as vt, createBlock as X, normalizeStyle as W, vModelCheckbox as gt, Teleport as mt } from "vue";
-import { useWindowSize as bt, useWindowScroll as pt, useScrollLock as Ct, useElementSize as yt } from "@vueuse/core";
-import { p as wt, u as xt, o as oe, a as ae } from "./useModalScrollLock-ONrBOk5v.js";
-import { g as kt } from "./getGlassmorphismClass-d_Ji96-u.js";
-import { v as te } from "./index-CzXHE-4G.js";
-import { useFocusTrap as se } from "@vueuse/integrations/useFocusTrap";
-const Co = (e, t) => {
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".slide-prev-enter-active[data-v-db4ab321]{transition:all .5s linear}.slide-prev-leave-active[data-v-db4ab321]{transition:all .5s}.slide-prev-enter-from[data-v-db4ab321]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-db4ab321]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-db4ab321]{transition:all .5s linear}.slide-next-leave-active[data-v-db4ab321]{transition:all .5s}.slide-next-enter-from[data-v-db4ab321]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-db4ab321]{transform:translate(-100%);opacity:0}@media(prefers-reduced-motion:reduce){.slide-prev-enter-active[data-v-db4ab321],.slide-prev-leave-active[data-v-db4ab321],.slide-next-enter-active[data-v-db4ab321],.slide-next-leave-active[data-v-db4ab321]{transition-property:opacity}.slide-prev-enter-from[data-v-db4ab321],.slide-prev-leave-to[data-v-db4ab321],.slide-next-enter-from[data-v-db4ab321],.slide-next-leave-to[data-v-db4ab321]{transform:none}}.collapse-enter-active[data-v-2762b9c9],.collapse-leave-active[data-v-2762b9c9]{transition-property:height,opacity;transition-duration:.5s;transition-timing-function:ease}@media(prefers-reduced-motion:reduce){.collapse-enter-active[data-v-2762b9c9],.collapse-leave-active[data-v-2762b9c9]{transition:none}}.dropup-bottom[data-v-504baea4]{bottom:var(--button-height)}.dropdown-content-enter-active[data-v-504baea4],.dropdown-content-leave-active[data-v-504baea4]{transition:all .3s}.dropdown-content-enter-from[data-v-504baea4],.dropdown-content-leave-to[data-v-504baea4]{opacity:0;transform:translateY(-10px)}@media(prefers-reduced-motion:reduce){.dropdown-content-enter-active[data-v-504baea4],.dropdown-content-leave-active[data-v-504baea4]{transition-property:opacity}.dropdown-content-enter-from[data-v-504baea4],.dropdown-content-leave-to[data-v-504baea4]{transform:none}}.hamburger__icon[data-v-5904b04a]:before,.hamburger__icon[data-v-5904b04a]:after{position:absolute;left:0;transition:all .3s linear}.hamburger__icon[data-v-5904b04a]:before{top:-.5rem}.hamburger__icon[data-v-5904b04a]:after{top:.5rem}.hamburger__button:focus .hamburger__icon[data-v-5904b04a],.hamburger__button:hover .hamburger__icon[data-v-5904b04a]{scale:1.05}.hamburger__checkbox:checked+.hamburger__icon[data-v-5904b04a]{background-color:transparent}.hamburger__checkbox:checked+.hamburger__icon[data-v-5904b04a]:before{top:0;transform:rotate(135deg)}.hamburger__checkbox:checked+.hamburger__icon[data-v-5904b04a]:after{top:0;transform:rotate(-135deg)}.collapse-enter-active[data-v-3b12c474]{transition:height .5s ease-in}.collapse-leave-active[data-v-3b12c474]{transition:height .5s ease-out}@media(prefers-reduced-motion:reduce){.collapse-enter-active[data-v-3b12c474],.collapse-leave-active[data-v-3b12c474]{transition:none}}.header-desktop[data-v-7325b802]{width:100%}@media screen and (min-width:1024px){.header-desktop[data-v-7325b802]{width:var(--header-width)}}.slide-down-enter-active[data-v-7325b802]{transition:transform .3s ease-in .2s,opacity .5s ease-in}.slide-down-leave-active[data-v-7325b802]{transition:transform .5s ease-in,opacity .3s ease-in .2s}.slide-down-enter-from[data-v-7325b802],.slide-down-leave-to[data-v-7325b802]{opacity:0;transform:translateY(-100%)}@media(prefers-reduced-motion:reduce){.slide-down-enter-active[data-v-7325b802],.slide-down-leave-active[data-v-7325b802]{transition:opacity .3s ease-in}.slide-down-enter-from[data-v-7325b802],.slide-down-leave-to[data-v-7325b802]{transform:none}}.vertical-placement[data-v-ea332268]{top:var(--vertical-placement);left:50%;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}.fade-enter-active[data-v-ea332268],.fade-leave-active[data-v-ea332268]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-ea332268],.fade-leave-to[data-v-ea332268]{opacity:0}.slide-down-enter-active[data-v-ea332268]{animation:slide-down-ea332268 .3s ease}.slide-down-leave-active[data-v-ea332268]{animation:slide-down-ea332268 reverse .3s ease}@keyframes slide-down-ea332268{0%{opacity:0;transform:translateY(-100%) translate(-50%)}to{opacity:1;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}}@media(prefers-reduced-motion:reduce){.slide-down-enter-active[data-v-ea332268],.slide-down-leave-active[data-v-ea332268]{animation:none;transition:opacity .3s linear}.slide-down-enter-from[data-v-ea332268],.slide-down-leave-to[data-v-ea332268]{opacity:0}}.sidebar-body[data-v-6f379e4b]{width:100%}.sidebar-body-height[data-v-6f379e4b]{min-height:calc(100vh - var(--header-height) - var(--footer-height))}.fade-enter-active[data-v-6f379e4b],.fade-leave-active[data-v-6f379e4b]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-6f379e4b],.fade-leave-to[data-v-6f379e4b]{opacity:0}.sidebar-left-enter-active[data-v-6f379e4b],.sidebar-left-leave-active[data-v-6f379e4b],.sidebar-right-enter-active[data-v-6f379e4b],.sidebar-right-leave-active[data-v-6f379e4b]{transition-property:transform,opacity;transition-duration:.3s;transition-timing-function:linear}.sidebar-left-enter-from[data-v-6f379e4b],.sidebar-left-leave-to[data-v-6f379e4b]{transform:translate(-100%)}.sidebar-right-enter-from[data-v-6f379e4b],.sidebar-right-leave-to[data-v-6f379e4b]{transform:translate(100%)}@media screen and (min-width:768px){.sidebar-body[data-v-6f379e4b]{width:var(--sidebar-width)}.sidebar-left-enter-from[data-v-6f379e4b],.sidebar-left-leave-to[data-v-6f379e4b]{transform:translate(calc(-1 * var(--sidebar-width)))}.sidebar-right-enter-from[data-v-6f379e4b],.sidebar-right-leave-to[data-v-6f379e4b]{transform:translate(var(--sidebar-width))}}@media(prefers-reduced-motion:reduce){.sidebar-left-enter-active[data-v-6f379e4b],.sidebar-left-leave-active[data-v-6f379e4b],.sidebar-right-enter-active[data-v-6f379e4b],.sidebar-right-leave-active[data-v-6f379e4b]{transition-property:opacity}.sidebar-left-enter-from[data-v-6f379e4b],.sidebar-left-leave-to[data-v-6f379e4b],.sidebar-right-enter-from[data-v-6f379e4b],.sidebar-right-leave-to[data-v-6f379e4b]{transform:none;opacity:0}}.container-hts[data-v-ee1145fc]{max-height:var(--container-hts, none)}.slide-prev-enter-active[data-v-ee1145fc]{transition:all .5s linear}.slide-prev-leave-active[data-v-ee1145fc]{transition:all .5s}.slide-prev-enter-from[data-v-ee1145fc]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-ee1145fc]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-ee1145fc]{transition:all .5s linear}.slide-next-leave-active[data-v-ee1145fc]{transition:all .5s}.slide-next-enter-from[data-v-ee1145fc]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-ee1145fc]{transform:translate(-100%);opacity:0}@media(prefers-reduced-motion:reduce){.slide-prev-enter-active[data-v-ee1145fc],.slide-prev-leave-active[data-v-ee1145fc],.slide-next-enter-active[data-v-ee1145fc],.slide-next-leave-active[data-v-ee1145fc]{transition-property:opacity}.slide-prev-enter-from[data-v-ee1145fc],.slide-prev-leave-to[data-v-ee1145fc],.slide-next-enter-from[data-v-ee1145fc],.slide-next-leave-to[data-v-ee1145fc]{transform:none}}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+import { a as de, p as ue, b as fe, c as he, d as ve, e as ge, f as be, h as me, m as pe, i as ye, j as Ce, k as we, l as xe, n as ke, o as Ve, q as Be, r as Re, s as Oe, t as $e, u as Le, v as Ie, w as Te, x as De, y as Ae, z as Se, A as Ee, B as He, C as Ne, D as Ge, E as ze, F as Me, G as je, H as We, I as _e, J as Fe, K as Pe, L as Xe, M as Ye, N as Ue, O as Ke, P as qe, Q as Je, R as Qe, S as Ze, T as et, U as tt, V as ot, W as at, X as lt, Y as st, Z as rt, _ as nt, $ as it, a0 as ct, a1 as dt, a2 as ut, a3 as ft, a4 as ht, a5 as vt, g as y } from "./index-CDXrm85l.js";
+import { defineComponent as $, openBlock as n, createElementBlock as c, renderSlot as C, ref as w, computed as R, watch as E, normalizeClass as b, createElementVNode as g, createCommentVNode as v, useSlots as M, toDisplayString as j, provide as Q, createVNode as D, Transition as A, withCtx as S, inject as Z, withDirectives as z, vShow as ee, useId as te, toRef as gt, unref as k, onMounted as F, withKeys as bt, createBlock as P, normalizeStyle as W, vModelCheckbox as mt, Teleport as pt, mergeProps as ae } from "vue";
+import { useWindowSize as yt, useWindowScroll as Ct, useScrollLock as wt, useElementSize as xt } from "@vueuse/core";
+import { p as kt, u as Vt, o as le, a as se } from "./useModalScrollLock-ONrBOk5v.js";
+import { g as Bt } from "./getGlassmorphismClass-d_Ji96-u.js";
+import { v as oe } from "./index-CzXHE-4G.js";
+import { useFocusTrap as re } from "@vueuse/integrations/useFocusTrap";
+const xo = (e, t) => {
   switch (e) {
     case "BGCOLOR":
-      return ft({ color: t });
+      return vt({ color: t });
     case "HVBGCOLOR":
-      return ut({ color: t });
+      return ht({ color: t });
     case "FCBGCOLOR":
-      return dt({ color: t });
+      return ft({ color: t });
     case "BEFOREBG":
-      return ct({ color: t });
+      return ut({ color: t });
     case "AFTERBG":
-      return it({ color: t });
+      return dt({ color: t });
     case "ACTIVEBG":
-      return nt({ color: t });
+      return ct({ color: t });
     case "TEXTCOLOR":
-      return lt({ color: t });
+      return it({ color: t });
     case "HVTEXTCOLOR":
-      return rt({ color: t });
+      return nt({ color: t });
     case "FCTEXTCOLOR":
-      return st({ color: t });
+      return rt({ color: t });
     case "DISABLEDTEXTCOLOR":
-      return at({ color: t });
+      return st({ color: t });
     case "SVGFILL":
-      return ot({ color: t });
+      return lt({ color: t });
     case "RINGCOLOR":
-      return tt({ color: t });
+      return at({ color: t });
     case "FOCUSRING":
-      return et({ color: t });
+      return ot({ color: t });
     case "ACTIVERING":
-      return Ze({ color: t });
+      return tt({ color: t });
     case "OFFSETRING":
-      return Qe({ color: t });
+      return et({ color: t });
     case "OUTLINE":
-      return Je({ color: t });
+      return Ze({ color: t });
     case "FOCUSOUTLINE":
-      return qe({ color: t });
+      return Qe({ color: t });
     case "ACTIVEOUTLINE":
-      return Ke({ color: t });
+      return Je({ color: t });
     case "BTNCOLOR":
-      return Ue({ color: t });
+      return qe({ color: t });
     case "LISTCOLOR":
-      return Ye({ color: t });
+      return Ke({ color: t });
     case "BORDER":
-      return Pe({ color: t });
+      return Ue({ color: t });
     case "BORDERX":
-      return Xe({ color: t });
+      return Ye({ color: t });
     case "BORDERY":
-      return Fe({ color: t });
+      return Xe({ color: t });
     case "BORDERT":
-      return Me({ color: t });
+      return Pe({ color: t });
     case "BORDERB":
-      return We({ color: t });
+      return Fe({ color: t });
     case "BORDERL":
-      return je({ color: t });
+      return _e({ color: t });
     case "BORDERR":
-      return ze({ color: t });
+      return We({ color: t });
     case "H1":
-      return _e({ size: t });
+      return je({ size: t });
     case "H2":
-      return Ge({ size: t });
+      return Me({ size: t });
     case "H3":
-      return He({ size: t });
+      return ze({ size: t });
     case "H4":
-      return Ne({ size: t });
+      return Ge({ size: t });
     case "BODYTEXT":
-      return Ee({ size: t });
+      return Ne({ size: t });
     case "FONTWEIGHT":
-      return Se({ weight: t });
+      return He({ weight: t });
     case "TEXTALIGN":
-      return Ae({ align: t });
+      return Ee({ align: t });
     case "BORDERW":
-      return De({ width: t });
+      return Se({ width: t });
     case "BORDERXW":
-      return Le({ width: t });
+      return Ae({ width: t });
     case "BORDERYW":
-      return Ie({ width: t });
+      return De({ width: t });
     case "BORDERTW":
       return Te({ width: t });
     case "BORDERBW":
-      return $e({ width: t });
+      return Ie({ width: t });
     case "BORDERLW":
-      return Oe({ width: t });
+      return Le({ width: t });
     case "BORDERRW":
-      return Re({ width: t });
+      return $e({ width: t });
     case "OPACITY":
-      return Be({ opacity: t });
+      return Oe({ opacity: t });
     case "BGOPACITY":
-      return Ve({ opacity: t });
+      return Re({ opacity: t });
     case "OUTLINEOPACITY":
-      return ke({ opacity: t });
+      return Be({ opacity: t });
     case "MARGIN":
-      return xe({ spacing: t });
+      return Ve({ spacing: t });
     case "MARGINX":
-      return we({ spacing: t });
+      return ke({ spacing: t });
     case "MARGINY":
-      return ye({ spacing: t });
+      return xe({ spacing: t });
     case "MARGINT":
-      return Ce({ spacing: t });
+      return we({ spacing: t });
     case "MARGINB":
-      return pe({ spacing: t });
+      return Ce({ spacing: t });
     case "MARGINL":
-      return be({ spacing: t });
+      return ye({ spacing: t });
     case "MARGINR":
-      return me({ spacing: t });
+      return pe({ spacing: t });
     case "PADDING":
-      return ge({ spacing: t });
+      return me({ spacing: t });
     case "PADDINGX":
-      return ve({ spacing: t });
+      return be({ spacing: t });
     case "PADDINGY":
-      return he({ spacing: t });
+      return ge({ spacing: t });
     case "PADDINGT":
-      return fe({ spacing: t });
+      return ve({ spacing: t });
     case "PADDINGB":
-      return ue({ spacing: t });
+      return he({ spacing: t });
     case "PADDINGL":
-      return de({ spacing: t });
+      return fe({ spacing: t });
     case "PADDINGR":
-      return ce({ spacing: t });
+      return ue({ spacing: t });
     case "GAP":
-      return ie({ spacing: t });
+      return de({ spacing: t });
     default:
       return "";
   }
-}, yo = /* @__PURE__ */ O({
+}, ko = /* @__PURE__ */ $({
   __name: "AccordionGroup",
   setup(e) {
-    return wt(), (t, u) => (l(), i("div", null, [
-      y(t.$slots, "default")
+    return kt(), (t, u) => (n(), c("div", null, [
+      C(t.$slots, "default")
     ]));
   }
-}), Vt = { class: "flex w-full justify-between gap-2xs" }, Bt = { class: "w-full" }, wo = /* @__PURE__ */ O({
+}), Rt = { class: "flex w-full justify-between gap-2xs" }, Ot = { class: "w-full" }, $t = ["aria-label"], Vo = /* @__PURE__ */ $({
   __name: "Alert",
   props: {
     color: { default: "danger" },
     rounded: { type: Boolean, default: !0 },
     shadow: { type: Boolean, default: !0 },
     show: { type: Boolean, default: !1 },
-    dismissible: { type: Boolean, default: !1 }
+    dismissible: { type: Boolean, default: !1 },
+    dismissLabel: { default: "Dismiss" }
   },
   emits: ["close"],
   setup(e, { expose: t, emit: u }) {
-    const d = e, a = u, c = w(d.show), s = B(() => {
-      const { color: r, rounded: f, shadow: p } = d, b = [C.bgColorVariant({ color: r })];
-      return f && b.push("rounded-md"), p && b.push("drop-shadow-md"), b.join(" ");
-    }), n = (r) => {
-      c.value = !1, a("close", r);
-    }, o = () => {
-      c.value = !1;
+    const s = e, o = u, d = w(s.show), l = R(() => {
+      const { color: r, rounded: f, shadow: p } = s, h = [y.bgColorVariant({ color: r })];
+      return f && h.push("rounded-md"), p && h.push("drop-shadow-md"), h.join(" ");
+    }), i = (r) => {
+      d.value = !1, o("close", r);
+    }, a = () => {
+      d.value = !1;
     };
     return E(
-      () => d.show,
+      () => s.show,
       (r) => {
-        c.value = r;
+        d.value = r;
       }
     ), t({
-      close: o
-    }), (r, f) => c.value ? (l(), i("div", {
+      close: a
+    }), (r, f) => d.value ? (n(), c("div", {
       key: 0,
       role: "alert",
       "aria-live": "polite",
       "aria-atomic": "true",
-      class: h(["relative px-[1.25rem] py-[0.75rem]", [s.value]])
+      class: b(["relative px-[1.25rem] py-[0.75rem]", [l.value]])
     }, [
-      m("div", Vt, [
-        m("div", Bt, [
-          y(r.$slots, "default")
+      g("div", Rt, [
+        g("div", Ot, [
+          C(r.$slots, "default")
         ]),
-        e.dismissible ? (l(), i("button", {
+        e.dismissible ? (n(), c("button", {
           key: 0,
-          onClick: n,
+          type: "button",
+          "aria-label": e.dismissLabel,
+          onClick: i,
           class: "flex items-center opacity-60 transition-opacity duration-300 ease-linear hover:opacity-40"
         }, [...f[0] || (f[0] = [
-          m("svg", {
+          g("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             viewBox: "0 0 384 512",
             fill: "currentColor",
+            "aria-hidden": "true",
+            focusable: "false",
             class: "h-xs"
           }, [
-            m("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" })
+            g("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)
+        ])], 8, $t)) : v("", !0)
       ])
-    ], 2)) : g("", !0);
+    ], 2)) : v("", !0);
   }
-}), Rt = ["src", "alt"], Ot = {
+}), Lt = ["src", "alt"], It = {
   key: 2,
   class: "flex-1 px-xs pt-xs pb-2xs"
-}, $t = {
+}, Tt = {
   key: 3,
   class: "flex-1"
-}, xo = /* @__PURE__ */ O({
+}, Bo = /* @__PURE__ */ $({
   __name: "Card",
   props: {
     variant: { default: "light-1" },
@@ -219,80 +224,80 @@ const Co = (e, t) => {
     cardClass: { default: "" }
   },
   setup(e) {
-    const t = e, u = z(), d = B(() => {
+    const t = e, u = M(), s = R(() => {
       const {
-        variant: n,
-        rounded: o,
+        variant: i,
+        rounded: a,
         shadow: r,
         border: f,
         borderVariant: p,
-        glass: b,
-        glassBlur: v,
-        glassOpacity: I
+        glass: h,
+        glassBlur: m,
+        glassOpacity: L
       } = t;
       return [
-        C.bgColorVariant({ color: n }),
-        o ? "rounded-lg" : "rounded-sm",
+        y.bgColorVariant({ color: i }),
+        a ? "rounded-lg" : "rounded-sm",
         r && "drop-shadow-md",
         f && "border",
-        f && C.borderColorVariant({ color: p }),
-        b && kt(n, v, I)
+        f && y.borderColorVariant({ color: p }),
+        h && Bt(i, m, L)
       ].filter(Boolean).join(" ");
-    }), a = B(() => {
-      const { titleVariant: n, titleSize: o } = t;
+    }), o = R(() => {
+      const { titleVariant: i, titleSize: a } = t;
       return [
-        C.textColorVariant({ color: n }),
-        C.h3Variant({ size: o })
+        y.textColorVariant({ color: i }),
+        y.h3Variant({ size: a })
       ].join(" ");
-    }), c = B(() => {
-      const { border: n, borderVariant: o, titleVariant: r } = t;
+    }), d = R(() => {
+      const { border: i, borderVariant: a, titleVariant: r } = t;
       return [
-        C.textColorVariant({ color: r }),
-        n && "border-b",
-        C.borderColorVariant({ color: o })
+        y.textColorVariant({ color: r }),
+        i && "border-b",
+        y.borderColorVariant({ color: a })
       ].filter(Boolean).join(" ");
-    }), s = B(() => {
-      const { border: n, borderVariant: o } = t;
+    }), l = R(() => {
+      const { border: i, borderVariant: a } = t;
       return [
-        n && "border-t",
-        n && C.borderColorVariant({ color: o })
+        i && "border-t",
+        i && y.borderColorVariant({ color: a })
       ].filter(Boolean).join(" ");
     });
-    return (n, o) => (l(), i("div", {
-      class: h(["flex h-full w-full flex-col overflow-hidden", [d.value, e.cardClass]])
+    return (i, a) => (n(), c("div", {
+      class: b(["flex h-full w-full flex-col overflow-hidden", [s.value, e.cardClass]])
     }, [
-      e.header || u.header ? y(n.$slots, "header", { key: 0 }, () => [
-        m("div", {
-          class: h([[c.value], "px-xs py-2xs font-bold"])
+      e.header || u.header ? C(i.$slots, "header", { key: 0 }, () => [
+        g("div", {
+          class: b([[d.value], "px-xs py-2xs font-bold"])
         }, [
-          m("p", null, j(e.header), 1)
+          g("p", null, j(e.header), 1)
         ], 2)
-      ]) : g("", !0),
-      e.imageSrc && !e.noImage ? (l(), i("img", {
+      ]) : v("", !0),
+      e.imageSrc && !e.noImage ? (n(), c("img", {
         key: 1,
         src: e.imageSrc,
         alt: e.imageAlt,
         class: "aspect-video min-w-full object-cover object-top"
-      }, null, 8, Rt)) : g("", !0),
-      e.noBody ? g("", !0) : (l(), i("div", Ot, [
-        m("h3", {
-          class: h([[a.value], "mb-xs"])
+      }, null, 8, Lt)) : v("", !0),
+      e.noBody ? v("", !0) : (n(), c("div", It, [
+        g("h3", {
+          class: b([[o.value], "mb-xs"])
         }, j(e.title), 3),
-        u.body ? y(n.$slots, "body", { key: 0 }) : g("", !0)
+        u.body ? C(i.$slots, "body", { key: 0 }) : v("", !0)
       ])),
-      e.noBody && u.default ? (l(), i("div", $t, [
-        y(n.$slots, "default")
-      ])) : g("", !0),
-      e.footer || u.footer ? y(n.$slots, "footer", { key: 4 }, () => [
-        m("div", {
-          class: h(["px-xs py-2xs", [s.value]])
+      e.noBody && u.default ? (n(), c("div", Tt, [
+        C(i.$slots, "default")
+      ])) : v("", !0),
+      e.footer || u.footer ? C(i.$slots, "footer", { key: 4 }, () => [
+        g("div", {
+          class: b(["px-xs py-2xs", [l.value]])
         }, [
-          m("p", null, j(e.footer), 1)
+          g("p", null, j(e.footer), 1)
         ], 2)
-      ]) : g("", !0)
+      ]) : v("", !0)
     ], 2));
   }
-}), re = /* @__PURE__ */ Symbol(), Tt = /* @__PURE__ */ O({
+}), ne = /* @__PURE__ */ Symbol(), Dt = /* @__PURE__ */ $({
   __name: "CarouselContainer",
   props: {
     bodyClass: { default: "" },
@@ -302,82 +307,82 @@ const Co = (e, t) => {
     loop: { type: Boolean, default: !1 }
   },
   setup(e, { expose: t }) {
-    const u = e, d = z(), a = w(0), c = w([]), s = w(0), n = w("slide-next"), o = (b) => {
-      c.value.push(b), s.value = [...new Set(c.value)].length;
-    }, r = (b) => {
-      a.value = b;
+    const u = e, s = M(), o = w(0), d = w([]), l = w(0), i = w("slide-next"), a = (h) => {
+      d.value.push(h), l.value = [...new Set(d.value)].length;
+    }, r = (h) => {
+      o.value = h;
     };
-    J(re, {
-      activeIdx: a,
-      setSlide: o
+    Q(ne, {
+      activeIdx: o,
+      setSlide: a
     });
     const f = () => {
-      const { loop: b } = u;
-      b && a.value === s.value - 1 ? a.value = 0 : a.value < s.value - 1 && (a.value = a.value + 1);
+      const { loop: h } = u;
+      h && o.value === l.value - 1 ? o.value = 0 : o.value < l.value - 1 && (o.value = o.value + 1);
     }, p = () => {
-      const { loop: b } = u;
-      b && a.value === 0 ? a.value = s.value - 1 : a.value > 0 && (a.value = a.value - 1);
+      const { loop: h } = u;
+      h && o.value === 0 ? o.value = l.value - 1 : o.value > 0 && (o.value = o.value - 1);
     };
     return E(
-      () => a.value,
-      (b, v) => {
-        b > v || b === 0 && v === s.value - 1 ? n.value = "slide-next" : n.value = "slide-prev";
+      () => o.value,
+      (h, m) => {
+        h > m || h === 0 && m === l.value - 1 ? i.value = "slide-next" : i.value = "slide-prev";
       }
     ), t({
-      numberOfSlides: s,
+      numberOfSlides: l,
       prev: p,
       next: f,
       setActive: r
-    }), (b, v) => (l(), i("div", {
-      class: h([e.bodyClass, "relative overflow-x-hidden"])
+    }), (h, m) => (n(), c("div", {
+      class: b([e.bodyClass, "relative overflow-x-hidden"])
     }, [
-      d["controller-top"] ? (l(), i("div", {
+      s["controller-top"] ? (n(), c("div", {
         key: 0,
-        class: h(e.controllerTopClass)
+        class: b(e.controllerTopClass)
       }, [
-        y(b.$slots, "controller-top", {
+        C(h.$slots, "controller-top", {
           next: f,
           prev: p,
           setActive: r,
-          activeSlide: a.value,
-          numberOfSlides: s.value
+          activeSlide: o.value,
+          numberOfSlides: l.value
         }, void 0, !0)
-      ], 2)) : g("", !0),
-      m("div", {
-        class: h(["grid grid-cols-1 grid-rows-1", e.contentContainerClass])
+      ], 2)) : v("", !0),
+      g("div", {
+        class: b(["grid grid-cols-1 grid-rows-1", e.contentContainerClass])
       }, [
-        D(A, { name: n.value }, {
+        D(A, { name: i.value }, {
           default: S(() => [
-            (l(), i("div", {
-              key: a.value,
+            (n(), c("div", {
+              key: o.value,
               class: "col-start-1 col-end-1 row-start-1 row-end-1"
             }, [
-              y(b.$slots, "content", {}, void 0, !0)
+              C(h.$slots, "content", {}, void 0, !0)
             ]))
           ]),
           _: 3
         }, 8, ["name"])
       ], 2),
-      d["controller-bottom"] ? (l(), i("div", {
+      s["controller-bottom"] ? (n(), c("div", {
         key: 1,
-        class: h(e.controllerBottomClass)
+        class: b(e.controllerBottomClass)
       }, [
-        y(b.$slots, "controller-bottom", {
+        C(h.$slots, "controller-bottom", {
           next: f,
           prev: p,
           setActive: r,
-          activeSlide: a.value,
-          numberOfSlides: s.value
+          activeSlide: o.value,
+          numberOfSlides: l.value
         }, void 0, !0)
-      ], 2)) : g("", !0)
+      ], 2)) : v("", !0)
     ], 2));
   }
-}), N = (e, t) => {
+}), H = (e, t) => {
   const u = e.__vccOpts || e;
-  for (const [d, a] of t)
-    u[d] = a;
+  for (const [s, o] of t)
+    u[s] = o;
   return u;
-}, ko = /* @__PURE__ */ N(Tt, [["__scopeId", "data-v-e9caba8a"]]), It = ["id"], Vo = /* @__PURE__ */ O({
+}, Ro = /* @__PURE__ */ H(Dt, [["__scopeId", "data-v-db4ab321"]]), At = ["id"], Oo = /* @__PURE__ */ $({
   __name: "CarouselContent",
   props: {
     slideNumber: {},
@@ -385,27 +390,27 @@ const Co = (e, t) => {
     slideClass: { default: "" }
   },
   setup(e) {
-    const t = e, { activeIdx: u, setSlide: d } = Q(
-      re
+    const t = e, { activeIdx: u, setSlide: s } = Z(
+      ne
     );
-    d(t.slideNumber);
-    const a = B(() => {
-      const { slideNumber: c } = t;
-      return u.value === c;
+    s(t.slideNumber);
+    const o = R(() => {
+      const { slideNumber: d } = t;
+      return u.value === d;
     });
-    return (c, s) => _((l(), i("div", {
+    return (d, l) => z((n(), c("div", {
       ref: "slideRef",
       id: e.id,
-      class: h([e.slideClass, "w-full"]),
+      class: b([e.slideClass, "w-full"]),
       role: "tabpanel",
       tabindex: "-1"
     }, [
-      y(c.$slots, "default")
-    ], 10, It)), [
-      [Z, a.value]
+      C(d.$slots, "default")
+    ], 10, At)), [
+      [ee, o.value]
     ]);
   }
-}), Lt = ["id"], Dt = /* @__PURE__ */ O({
+}), St = ["id"], Et = /* @__PURE__ */ $({
   __name: "Collapse",
   props: {
     id: {},
@@ -414,170 +419,173 @@ const Co = (e, t) => {
   },
   emits: ["open", "close"],
   setup(e, { expose: t, emit: u }) {
-    const d = e, a = u, c = d.id ?? ee(), { isOpen: s, toggle: n, open: o, close: r } = xt(
-      c,
-      ht(d, "visible")
-    ), f = (v) => {
-      v.style.height = "auto", v.style.opacity = "0";
-      const I = getComputedStyle(v).height;
-      v.style.height = "0px", v.offsetHeight, v.style.height = I, v.style.opacity = "1";
-    }, p = (v) => {
-      v.style.height = "auto", v.style.opacity = "1";
-    }, b = (v) => {
-      v.style.height = getComputedStyle(v).height, v.offsetHeight, v.style.height = "0px", v.style.opacity = "0";
+    const s = e, o = u, d = s.id ?? te(), { isOpen: l, toggle: i, open: a, close: r } = Vt(
+      d,
+      gt(s, "visible")
+    ), f = (m) => {
+      m.style.height = "auto", m.style.opacity = "0";
+      const L = getComputedStyle(m).height;
+      m.style.height = "0px", m.offsetHeight, m.style.height = L, m.style.opacity = "1";
+    }, p = (m) => {
+      m.style.height = "auto", m.style.opacity = "1";
+    }, h = (m) => {
+      m.style.height = getComputedStyle(m).height, m.offsetHeight, m.style.height = "0px", m.style.opacity = "0";
     };
-    return E(s, (v) => {
-      v ? a("open", !0) : a("close", !1);
+    return E(l, (m) => {
+      m ? o("open", !0) : o("close", !1);
     }), t({
-      isOpen: s,
-      toggle: n,
-      open: o,
+      isOpen: l,
+      toggle: i,
+      open: a,
       close: r
-    }), (v, I) => (l(), i("div", { id: k(c) }, [
+    }), (m, L) => (n(), c("div", { id: k(d) }, [
       D(A, {
         name: "collapse",
         tag: "div",
         onEnter: f,
         onAfterEnter: p,
-        onLeave: b,
+        onLeave: h,
         class: "overflow-y-clip"
       }, {
         default: S(() => [
-          _(m("div", null, [
-            m("div", {
-              class: h(e.customClass)
+          z(g("div", null, [
+            g("div", {
+              class: b(e.customClass)
             }, [
-              y(v.$slots, "default", {}, void 0, !0)
+              C(m.$slots, "default", {}, void 0, !0)
             ], 2)
           ], 512), [
-            [Z, k(s)]
+            [ee, k(l)]
           ])
         ]),
         _: 3
       })
-    ], 8, Lt));
+    ], 8, St));
   }
-}), Bo = /* @__PURE__ */ N(Dt, [["__scopeId", "data-v-7c910f65"]]), le = /* @__PURE__ */ Symbol(), Ro = /* @__PURE__ */ O({
+}), $o = /* @__PURE__ */ H(Et, [["__scopeId", "data-v-2762b9c9"]]), ie = /* @__PURE__ */ Symbol(), Lo = /* @__PURE__ */ $({
   __name: "DropdownContainer",
   emits: ["click-outside", "toggle"],
   setup(e, { emit: t }) {
-    const u = t, d = w(), a = w(!1), c = w(0);
-    J(le, {
-      active: a,
-      buttonHeight: c,
+    const u = t, s = w(), o = w(!1), d = w(0);
+    Q(ie, {
+      active: o,
+      buttonHeight: d,
       closeDropdown: () => {
-        a.value = !1;
+        o.value = !1;
       }
     });
-    const n = (f) => {
-      a.value = !a.value, u("toggle", f);
-    }, o = (f) => {
-      a.value = !1, u("click-outside", f);
+    const i = (f) => {
+      o.value = !o.value, u("toggle", f);
+    }, a = (f) => {
+      o.value = !1, u("click-outside", f);
     }, r = () => {
-      a.value = !1;
+      o.value = !1;
     };
     return F(() => {
-      c.value = d.value.scrollHeight;
-    }), (f, p) => _((l(), i("div", {
+      d.value = s.value.scrollHeight;
+    }), (f, p) => z((n(), c("div", {
       class: "relative",
       ref_key: "dropdownTarget",
-      ref: d,
-      onKeyup: vt(r, ["esc"])
+      ref: s,
+      onKeyup: bt(r, ["esc"])
     }, [
-      y(f.$slots, "toggler", {
-        toggle: n,
-        dropdownState: a.value
+      C(f.$slots, "toggler", {
+        toggle: i,
+        dropdownState: o.value
       }),
-      y(f.$slots, "default")
+      C(f.$slots, "default")
     ], 32)), [
-      [k(te), o]
+      [k(oe), a]
     ]);
   }
-}), At = /* @__PURE__ */ O({
+}), Ht = /* @__PURE__ */ $({
   __name: "DropdownContent",
   props: {
     customClass: { default: "" }
   },
   setup(e) {
-    const { height: t } = bt(), u = w(), { active: d, buttonHeight: a, closeDropdown: c } = Q(
-      le
-    ), s = B(() => ({ "--button-height": `${a}px` })), n = B(() => {
-      if (!(!d || !u.value) && t.value - u.value.getBoundingClientRect().bottom < 0)
+    const { height: t } = yt(), u = w(), { active: s, buttonHeight: o, closeDropdown: d } = Z(
+      ie
+    ), l = R(() => ({ "--button-height": `${o}px` })), i = R(() => {
+      if (!(!s || !u.value) && t.value - u.value.getBoundingClientRect().bottom < 0)
         return "dropup-bottom";
     });
-    return (o, r) => (l(), X(A, { name: "dropdown-content" }, {
+    return (a, r) => (n(), P(A, { name: "dropdown-content" }, {
       default: S(() => [
-        k(d) ? (l(), i("div", {
+        k(s) ? (n(), c("div", {
           key: 0,
           ref_key: "contentRef",
           ref: u,
-          class: h(["absolute my-2xs w-max max-w-[14rem] overflow-hidden", [n.value, e.customClass]]),
-          style: W(s.value)
+          class: b(["absolute my-2xs w-max max-w-[14rem] overflow-hidden", [i.value, e.customClass]]),
+          style: W(l.value)
         }, [
-          y(o.$slots, "default", { itemClick: k(c) }, void 0, !0)
-        ], 6)) : g("", !0)
+          C(a.$slots, "default", { itemClick: k(d) }, void 0, !0)
+        ], 6)) : v("", !0)
       ]),
       _: 3
     }));
   }
-}), Oo = /* @__PURE__ */ N(At, [["__scopeId", "data-v-dd0b7b7b"]]), St = ["aria-label", "aria-expanded"], Et = /* @__PURE__ */ O({
+}), Io = /* @__PURE__ */ H(Ht, [["__scopeId", "data-v-504baea4"]]), Nt = ["aria-label", "aria-expanded"], Gt = /* @__PURE__ */ $({
   __name: "NavDrawer",
   props: {
     color: { default: "dark-2" },
     showBorder: { type: Boolean, default: !0 },
     toggle: { type: Boolean },
-    bgColor: {}
+    bgColor: {},
+    label: { default: "Menu" }
   },
   emits: ["hbg-click"],
   setup(e, { emit: t }) {
-    const u = e, d = t, a = (o) => {
-      d("hbg-click", o);
-    }, c = B({
+    const u = e, s = t, o = (a) => {
+      s("hbg-click", a);
+    }, d = R({
       get() {
         return u.toggle;
       },
-      set(o) {
-        return o;
+      set(a) {
+        return a;
       }
-    }), s = (o, r, f) => {
+    }), l = (a, r, f) => {
       const p = [
-        C.ringColorVariant({ color: o }),
-        C.ringOffsetColorVariant({ color: f })
+        y.ringColorVariant({ color: a }),
+        y.ringOffsetColorVariant({ color: f })
       ];
-      return r && (p.push(C.borderColorVariant({ color: o })), p.push("border")), p.join(" ");
-    }, n = (o) => [
-      C.bgColorVariant({ color: o }),
-      C.beforeBgColorVariant({ color: o }),
-      C.afterBgColorVariant({ color: o })
+      return r && (p.push(y.borderColorVariant({ color: a })), p.push("border")), p.join(" ");
+    }, i = (a) => [
+      y.bgColorVariant({ color: a }),
+      y.beforeBgColorVariant({ color: a }),
+      y.afterBgColorVariant({ color: a })
     ].join(" ");
-    return (o, r) => (l(), i("button", {
-      class: h(["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", s(e.color, e.showBorder, e.bgColor)]),
-      onClick: a,
-      "aria-label": e.toggle ? "Close" : "Open",
+    return (a, r) => (n(), c("button", {
+      class: b(["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", l(e.color, e.showBorder, e.bgColor)]),
+      onClick: o,
+      "aria-label": e.label,
       "aria-expanded": e.toggle
     }, [
-      _(m("input", {
+      z(g("input", {
         type: "checkbox",
-        "onUpdate:modelValue": r[0] || (r[0] = (f) => c.value = f),
+        "onUpdate:modelValue": r[0] || (r[0] = (f) => d.value = f),
         class: "hamburger__checkbox hidden"
       }, null, 512), [
-        [gt, c.value]
+        [mt, d.value]
       ]),
-      m("div", {
-        class: h(["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", n(e.color)])
+      g("div", {
+        class: b(["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", i(e.color)])
       }, null, 2)
-    ], 10, St));
+    ], 10, Nt));
   }
-}), q = /* @__PURE__ */ N(Et, [["__scopeId", "data-v-b0ec6d90"]]), Nt = { 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]" }, Ht = { class: "min-h-[24px]" }, Gt = { class: "ml-auto" }, _t = {
+}), J = /* @__PURE__ */ H(Gt, [["__scopeId", "data-v-5904b04a"]]), zt = ["aria-label"], Mt = { class: "min-h-[24px]" }, jt = { class: "ml-auto" }, Wt = {
   key: 0,
   class: "hidden lg:block"
-}, zt = { class: "overflow-hidden lg:hidden" }, jt = {
+}, _t = { class: "overflow-hidden lg:hidden" }, Ft = {
   key: 0,
   class: "overflow-hidden"
-}, Wt = { key: 0 }, Mt = /* @__PURE__ */ O({
+}, Pt = { key: 0 }, Xt = /* @__PURE__ */ $({
   __name: "HeaderHorizontal",
   props: {
     bgColor: { default: "light-1" },
+    navLabel: { default: "Main" },
+    menuLabel: { default: "Menu" },
     mobileMenuBgColor: { default: "light-2" },
     drawerBtnColor: { default: "dark-1" },
     showDrawerBorder: { type: Boolean, default: !0 },
@@ -587,176 +595,187 @@ const Co = (e, t) => {
   },
   emits: ["toggle-drawer"],
   setup(e, { expose: t, emit: u }) {
-    const d = e, a = z(), c = w(!1), { y: s } = pt(), n = u, o = () => {
-      c.value = !1;
+    const s = e, o = M(), d = w(!1), { y: l } = Ct(), i = u, a = () => {
+      d.value = !1;
     }, r = (x) => {
-      c.value = !c.value, n("toggle-drawer", x, c.value);
+      d.value = !d.value, i("toggle-drawer", x, d.value);
     }, f = (x) => {
       x.style.height = "auto";
-      const V = getComputedStyle(x).height;
-      x.style.height = "0px", x.offsetHeight, x.style.height = V;
+      const I = getComputedStyle(x).height;
+      x.style.height = "0px", x.offsetHeight, x.style.height = I;
     }, p = (x) => {
       x.style.height = "auto";
-    }, b = (x) => {
+    }, h = (x) => {
       x.style.height = getComputedStyle(x).height, x.offsetHeight, x.style.height = "0px";
-    }, v = B(() => {
-      const { bgColor: x, sticky: V } = d, T = [
-        C.bgColorVariant({ color: x })
+    }, m = R(() => {
+      const { bgColor: x, sticky: I } = s, V = [
+        y.bgColorVariant({ color: x })
       ];
-      return V === "all" ? (T.push("sticky top-0"), T.join(" ")) : V === "tablet" ? (T.push("md:sticky top-0"), T.join(" ")) : (V === "pc" && T.push("lg:sticky top-0"), T.join(" "));
-    }), I = B(() => {
-      const { fadeInOnScroll: x, scrollDistance: V } = d;
-      return x ? s.value >= V ? "lg:shadow-md bg-opacity-70" : "bg-opacity-100" : "";
+      return I === "all" ? (V.push("sticky top-0"), V.join(" ")) : I === "tablet" ? (V.push("md:sticky top-0"), V.join(" ")) : (I === "pc" && V.push("lg:sticky top-0"), V.join(" "));
+    }), L = R(() => {
+      const { fadeInOnScroll: x, scrollDistance: I } = s;
+      return x ? l.value >= I ? "lg:shadow-md bg-opacity-70" : "bg-opacity-100" : "";
     });
     return t({
-      headerClose: o
-    }), (x, V) => (l(), i("header", {
-      class: h(["z-50 w-full items-center transition delay-150 duration-500 ease-in", [I.value, v.value]])
+      headerClose: a
+    }), (x, I) => (n(), c("header", {
+      class: b(["z-50 w-full items-center transition delay-150 duration-500 ease-in", [L.value, m.value]])
     }, [
-      m("nav", Nt, [
-        m("div", Ht, [
-          y(x.$slots, "content", {}, void 0, !0)
+      g("nav", {
+        "aria-label": e.navLabel,
+        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]"
+      }, [
+        g("div", Mt, [
+          C(x.$slots, "content", {}, void 0, !0)
         ]),
-        m("div", Gt, [
-          D(q, {
+        g("div", jt, [
+          D(J, {
+            label: e.menuLabel,
             color: e.drawerBtnColor,
             "show-border": e.showDrawerBorder,
             class: "block lg:hidden",
             onHbgClick: r,
-            toggle: c.value,
+            toggle: d.value,
             "bg-color": e.bgColor
-          }, null, 8, ["color", "show-border", "toggle", "bg-color"]),
-          a["content-right"] ? (l(), i("div", _t, [
-            y(x.$slots, "content-right", {}, void 0, !0)
-          ])) : g("", !0)
+          }, null, 8, ["label", "color", "show-border", "toggle", "bg-color"]),
+          o["content-right"] ? (n(), c("div", Wt, [
+            C(x.$slots, "content-right", {}, void 0, !0)
+          ])) : v("", !0)
         ])
-      ]),
-      m("div", zt, [
+      ], 8, zt),
+      g("div", _t, [
         D(A, {
           name: "collapse",
           onEnter: f,
           onAfterEnter: p,
-          onLeave: b
+          onLeave: h
         }, {
           default: S(() => [
-            c.value ? (l(), i("div", jt, [
-              m("div", {
-                class: h(["mx-xs my-2xs overflow-hidden rounded-md bg-opacity-80", k(C).bgColorVariant({ color: e.mobileMenuBgColor })])
+            d.value ? (n(), c("div", Ft, [
+              g("div", {
+                class: b(["mx-xs my-2xs overflow-hidden rounded-md bg-opacity-80", k(y).bgColorVariant({ color: e.mobileMenuBgColor })])
               }, [
-                a["mobile-content"] ? (l(), i("div", Wt, [
-                  y(x.$slots, "mobile-content", { headerClose: o }, void 0, !0)
-                ])) : g("", !0)
+                o["mobile-content"] ? (n(), c("div", Pt, [
+                  C(x.$slots, "mobile-content", { headerClose: a }, void 0, !0)
+                ])) : v("", !0)
               ], 2)
-            ])) : g("", !0)
+            ])) : v("", !0)
           ]),
           _: 3
         })
       ])
     ], 2));
   }
-}), $o = /* @__PURE__ */ N(Mt, [["__scopeId", "data-v-13a13d88"]]), Ft = { class: "flex h-full flex-col justify-between" }, Xt = { key: 0 }, Pt = {
+}), To = /* @__PURE__ */ H(Xt, [["__scopeId", "data-v-3b12c474"]]), Yt = ["aria-label"], Ut = { class: "flex h-full flex-col justify-between" }, Kt = { key: 0 }, qt = {
   key: 0,
   class: "fixed top-0 right-0 z-50 mt-xs mr-xs block lg:hidden"
-}, Yt = { class: "relative z-40 block lg:hidden" }, Ut = {
+}, Jt = { class: "relative z-40 block lg:hidden" }, Qt = {
   key: 0,
   class: "fixed top-0 right-0 z-50 mt-xs mr-xs block lg:hidden"
-}, Kt = {
+}, Zt = ["aria-label"], eo = {
   key: 0,
   class: "h-full"
-}, qt = /* @__PURE__ */ O({
+}, to = /* @__PURE__ */ $({
   __name: "HeaderVertical",
   props: {
     bgColor: { default: "light-1" },
+    navLabel: { default: "Main" },
+    menuLabel: { default: "Menu" },
     drawerBtnColor: { default: "dark-1" },
     showDrawerBorder: { type: Boolean, default: !0 },
     headerWidth: { default: 160 }
   },
   emits: ["toggle-drawer"],
   setup(e, { expose: t, emit: u }) {
-    const d = e, a = z(), c = u, s = w(!1), n = w(!1), o = (p) => {
-      s.value = !s.value, c("toggle-drawer", p, s.value);
+    const s = e, o = M(), d = u, l = w(!1), i = w(!1), a = (p) => {
+      l.value = !l.value, d("toggle-drawer", p, l.value);
     }, r = () => {
-      s.value = !1;
-    }, f = B(() => ({ "--header-width": `${d.headerWidth}px` }));
+      l.value = !1;
+    }, f = R(() => ({ "--header-width": `${s.headerWidth}px` }));
     return F(() => {
-      n.value = !0;
-      const p = Ct(document);
-      E(s, (b) => {
-        p.value = b;
+      i.value = !0;
+      const p = wt(document);
+      E(l, (h) => {
+        p.value = h;
       });
     }), t({
       headerClose: r
-    }), (p, b) => (l(), i("header", {
+    }), (p, h) => (n(), c("header", {
       class: "relative",
       style: W(f.value)
     }, [
-      m("nav", {
-        class: h(["header-desktop hidden overflow-y-scroll overscroll-contain py-sm lg:sticky lg:top-0 lg:left-0 lg:block lg:h-[100vh]", [k(C).bgColorVariant({ color: e.bgColor })]])
+      g("nav", {
+        "aria-label": e.navLabel,
+        class: b(["header-desktop hidden overflow-y-scroll overscroll-contain py-sm lg:sticky lg:top-0 lg:left-0 lg:block lg:h-[100vh]", [k(y).bgColorVariant({ color: e.bgColor })]])
       }, [
-        m("div", Ft, [
-          m("div", null, [
-            y(p.$slots, "content", {}, void 0, !0)
+        g("div", Ut, [
+          g("div", null, [
+            C(p.$slots, "content", {}, void 0, !0)
           ]),
-          a["content-bottom"] ? (l(), i("div", Xt, [
-            y(p.$slots, "content-bottom", {}, void 0, !0)
-          ])) : g("", !0)
+          o["content-bottom"] ? (n(), c("div", Kt, [
+            C(p.$slots, "content-bottom", {}, void 0, !0)
+          ])) : v("", !0)
         ])
-      ], 2),
-      a["mobile-content"] && !n.value ? (l(), i("div", Pt, [
-        D(q, {
+      ], 10, Yt),
+      o["mobile-content"] && !i.value ? (n(), c("div", qt, [
+        D(J, {
+          label: e.menuLabel,
           color: e.drawerBtnColor,
           "show-border": e.showDrawerBorder,
           class: "relative block lg:hidden",
-          onHbgClick: o,
-          toggle: s.value,
+          onHbgClick: a,
+          toggle: l.value,
           "bg-color": e.bgColor
-        }, null, 8, ["color", "show-border", "toggle", "bg-color"])
-      ])) : g("", !0),
-      n.value ? (l(), X(mt, {
+        }, null, 8, ["label", "color", "show-border", "toggle", "bg-color"])
+      ])) : v("", !0),
+      i.value ? (n(), P(pt, {
         key: 1,
         to: "body"
       }, [
-        m("div", Yt, [
-          a["mobile-content"] ? (l(), i("div", Ut, [
-            D(q, {
+        g("div", Jt, [
+          o["mobile-content"] ? (n(), c("div", Qt, [
+            D(J, {
+              label: e.menuLabel,
               color: e.drawerBtnColor,
               "show-border": e.showDrawerBorder,
               class: "relative block lg:hidden",
-              onHbgClick: o,
-              toggle: s.value,
+              onHbgClick: a,
+              toggle: l.value,
               "bg-color": e.bgColor
-            }, null, 8, ["color", "show-border", "toggle", "bg-color"])
-          ])) : g("", !0),
+            }, null, 8, ["label", "color", "show-border", "toggle", "bg-color"])
+          ])) : v("", !0),
           D(A, {
             name: "slide-down",
             appear: ""
           }, {
             default: S(() => [
-              s.value ? (l(), i("nav", {
+              l.value ? (n(), c("nav", {
                 key: 0,
-                class: h(["fixed inset-0 overflow-y-scroll overscroll-contain px-sm py-lg", k(C).bgColorVariant({ color: e.bgColor })])
+                "aria-label": e.navLabel,
+                class: b(["fixed inset-0 overflow-y-scroll overscroll-contain px-sm py-lg", k(y).bgColorVariant({ color: e.bgColor })])
               }, [
-                a["mobile-content"] ? (l(), i("div", Kt, [
-                  y(p.$slots, "mobile-content", { headerClose: r }, void 0, !0)
-                ])) : g("", !0)
-              ], 2)) : g("", !0)
+                o["mobile-content"] ? (n(), c("div", eo, [
+                  C(p.$slots, "mobile-content", { headerClose: r }, void 0, !0)
+                ])) : v("", !0)
+              ], 10, Zt)) : v("", !0)
             ]),
             _: 3
           })
         ])
-      ])) : g("", !0)
+      ])) : v("", !0)
     ], 4));
   }
-}), To = /* @__PURE__ */ N(qt, [["__scopeId", "data-v-ebabc502"]]), Jt = ["visible"], Qt = ["aria-labelledby"], Zt = {
+}), Do = /* @__PURE__ */ H(to, [["__scopeId", "data-v-7325b802"]]), oo = ["visible"], ao = {
   key: 0,
   class: "sticky top-0"
-}, eo = ["id"], to = {
+}, lo = ["id"], so = {
   key: 1,
   class: "sticky bottom-0"
-}, oo = /* @__PURE__ */ O({
+}, ro = /* @__PURE__ */ $({
   __name: "Modal",
   props: {
     title: {},
+    ariaLabel: {},
     titleColor: { default: "dark-3" },
     customClass: { default: "" },
     visible: { type: Boolean, default: !1 },
@@ -769,155 +788,164 @@ const Co = (e, t) => {
   },
   emits: ["open", "close"],
   setup(e, { expose: t, emit: u }) {
-    const d = e, a = z(), c = u, s = w(), n = w(), o = w(d.visible), r = w(!1), f = ee();
-    let p = null;
-    const { activate: b, deactivate: v } = se(
-      n,
+    const s = e, o = M(), d = u, l = w(), i = w(), a = w(s.visible), r = w(!1), f = te(), p = () => s.showHeader && (o.header ? !s.ariaLabel : !!s.title) ? { "aria-labelledby": f } : { "aria-label": s.ariaLabel };
+    let h = null;
+    const { activate: m, deactivate: L } = re(
+      i,
       // Trap Tab focus only. Without allowOutsideClick the trap cancels every
       // click outside the dialog, including the backdrop's own @click (#104).
-      { immediate: !1, allowOutsideClick: !0 }
-    ), I = () => {
-      o.value = !o.value;
-    }, x = () => {
-      o.value = !0;
+      // Escape closes the dialog; closing releases the trap and restores focus.
+      // Letting the trap handle Escape itself left the dialog open, untrapped (#110).
+      {
+        immediate: !1,
+        allowOutsideClick: !0,
+        escapeDeactivates: () => (V(), !1)
+      }
+    ), x = () => {
+      a.value = !a.value;
+    }, I = () => {
+      a.value = !0;
     }, V = () => {
-      r.value === !0 && (o.value = !1);
+      r.value === !0 && (a.value = !1);
+    }, X = () => {
+      d("open", !0);
     }, T = () => {
-      c("open", !0);
-    }, L = () => {
-      c("close", !1);
-    }, P = B(() => {
-      const R = {
+      d("close", !1);
+    }, Y = R(() => {
+      const B = {
         top: 25,
         center: 50,
         bottom: 75
-      }, { placement: H } = d;
-      return { "--vertical-placement": (R[H] ?? R.center) + "%" };
-    }), Y = B(() => {
-      const { width: R } = d, H = {
+      }, { placement: N } = s;
+      return { "--vertical-placement": (B[N] ?? B.center) + "%" };
+    }), U = R(() => {
+      const { width: B } = s, N = {
         small: "max-w-[28rem]",
         medium: "max-w-[28rem] md:max-w-[36rem]",
         large: "max-w-[28rem] md:max-w-[56rem]"
       };
-      return H[R] ?? H.small;
-    }), M = () => {
-      r.value = !0, n.value && b();
-    }, U = () => {
+      return N[B] ?? N.small;
+    }), _ = () => {
+      r.value = !0, i.value && m();
+    }, K = () => {
       r.value = !1;
     };
     return F(() => {
-      o.value && !r.value && M();
-    }), oe(s, (R = !1) => {
-      o.value = R;
+      a.value && !r.value && _();
+    }), le(l, (B = !1) => {
+      a.value = B;
     }), E(
-      () => d.visible,
-      (R) => {
-        o.value = R;
+      () => s.visible,
+      (B) => {
+        a.value = B;
       }
-    ), E(o, (R) => {
-      R === !0 ? (typeof document < "u" && (p = document.activeElement), T()) : R === !1 && (v(), p?.focus(), p = null, r.value === !0 && L());
-    }), ae(o), t({
-      toggle: I,
+    ), E(a, (B) => {
+      B === !0 ? (typeof document < "u" && (h = document.activeElement), X()) : B === !1 && (L(), h?.focus(), h = null, r.value === !0 && T());
+    }), se(a), t({
+      toggle: x,
       close: V,
-      open: x
-    }), (R, H) => (l(), i("div", {
-      style: W(P.value),
-      visible: o.value,
+      open: I
+    }), (B, N) => (n(), c("div", {
+      style: W(Y.value),
+      visible: a.value,
       ref_key: "modalRef",
-      ref: s
+      ref: l
     }, [
-      e.showBackdrop ? (l(), X(A, {
+      e.showBackdrop ? (n(), P(A, {
         key: 0,
         name: "fade",
         appear: "",
         tag: "div"
       }, {
         default: S(() => [
-          o.value ? (l(), i("section", {
+          a.value ? (n(), c("section", {
             key: 0,
             onClick: V,
             "aria-hidden": "true",
-            class: h(["fixed inset-0 z-[100] overflow-y-auto backdrop-blur bg-opacity-70", k(C).bgColorVariant({ color: e.backdropColor })])
-          }, null, 2)) : g("", !0)
+            class: b(["fixed inset-0 z-[100] overflow-y-auto backdrop-blur bg-opacity-70", k(y).bgColorVariant({ color: e.backdropColor })])
+          }, null, 2)) : v("", !0)
         ]),
         _: 1
-      })) : g("", !0),
+      })) : v("", !0),
       D(A, {
         name: "slide-down",
         tag: "div",
-        onAfterEnter: M,
-        onAfterLeave: U,
+        onAfterEnter: _,
+        onAfterLeave: K,
         appear: ""
       }, {
         default: S(() => [
-          o.value ? (l(), i("div", {
+          a.value ? (n(), c("div", {
             key: 0,
-            class: h(["vertical-placement fixed z-[110] w-full px-xs", Y.value])
+            class: b(["vertical-placement fixed z-[110] w-full px-xs", U.value])
           }, [
-            _((l(), i("div", {
+            z((n(), c("div", ae({
               ref_key: "dialogRef",
-              ref: n,
+              ref: i,
               role: "dialog",
-              "aria-modal": "true",
-              "aria-labelledby": e.title ? k(f) : void 0,
-              class: h([[k(C).bgColorVariant({ color: e.color }), e.customClass], "relative max-h-[80vh] overflow-y-scroll overscroll-contain md:max-h-[60vh]"])
-            }, [
-              e.showHeader ? (l(), i("div", Zt, [
-                y(R.$slots, "header", {
+              "aria-modal": "true"
+            }, p(), {
+              class: [[k(y).bgColorVariant({ color: e.color }), e.customClass], "relative max-h-[80vh] overflow-y-scroll overscroll-contain md:max-h-[60vh]"]
+            }), [
+              e.showHeader ? (n(), c("div", ao, [
+                C(B.$slots, "header", {
                   close: V,
-                  status: o.value
+                  status: a.value,
+                  titleId: k(f)
                 }, () => [
-                  m("div", {
-                    class: h(["flex items-center justify-between border-b-2 border-b-light-4 p-xs", k(C).bgColorVariant({ color: e.color })])
+                  g("div", {
+                    class: b(["flex items-center justify-between border-b-2 border-b-light-4 p-xs", k(y).bgColorVariant({ color: e.color })])
                   }, [
-                    e.title ? (l(), i("h3", {
+                    e.title ? (n(), c("h3", {
                       key: 0,
                       id: k(f),
-                      class: h(["h3-md", k(C).textColorVariant({ color: e.titleColor })])
-                    }, j(e.title), 11, eo)) : g("", !0),
-                    m("button", {
+                      class: b(["h3-md", k(y).textColorVariant({ color: e.titleColor })])
+                    }, j(e.title), 11, lo)) : v("", !0),
+                    g("button", {
                       type: "button",
                       "aria-label": "Close",
                       onClick: V
                     }, [
-                      (l(), i("svg", {
+                      (n(), c("svg", {
+                        focusable: "false",
                         xmlns: "http://www.w3.org/2000/svg",
                         height: "1em",
                         viewBox: "0 0 384 512",
                         "aria-hidden": "true",
-                        class: h(["h-sm transition-opacity duration-300 ease-in hover:opacity-75 focus:opacity-75", [
-                          k(C).svgFillColorVariant({ color: e.titleColor })
+                        class: b(["h-sm transition-opacity duration-300 ease-in hover:opacity-75 focus:opacity-75", [
+                          k(y).svgFillColorVariant({ color: e.titleColor })
                         ]])
-                      }, [...H[0] || (H[0] = [
-                        m("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)
+                      }, [...N[0] || (N[0] = [
+                        g("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)
-              ])) : g("", !0),
-              y(R.$slots, "body", {
+              ])) : v("", !0),
+              C(B.$slots, "body", {
                 close: V,
-                status: o.value
+                status: a.value
               }, void 0, !0),
-              a.footer ? (l(), i("div", to, [
-                y(R.$slots, "footer", {
+              o.footer ? (n(), c("div", so, [
+                C(B.$slots, "footer", {
                   close: V,
-                  status: o.value
+                  status: a.value
                 }, void 0, !0)
-              ])) : g("", !0)
-            ], 10, Qt)), [
-              [k(te), V]
+              ])) : v("", !0)
+            ], 16)), [
+              [k(oe), V]
             ])
-          ], 2)) : g("", !0)
+          ], 2)) : v("", !0)
         ]),
         _: 3
       })
-    ], 12, Jt));
+    ], 12, oo));
   }
-}), Io = /* @__PURE__ */ N(oo, [["__scopeId", "data-v-c9b9db1b"]]), ao = ["visible"], so = ["aria-labelledby"], ro = ["id"], lo = { class: "sidebar-body-height" }, no = /* @__PURE__ */ O({
+}), Ao = /* @__PURE__ */ H(ro, [["__scopeId", "data-v-ea332268"]]), no = ["visible"], io = ["id"], co = { class: "sidebar-body-height" }, uo = /* @__PURE__ */ $({
   __name: "Sidebar",
   props: {
     title: {},
+    ariaLabel: {},
     titleColor: { default: "dark-3" },
     customClass: { default: "" },
     visible: { type: Boolean, default: !1 },
@@ -930,175 +958,184 @@ const Co = (e, t) => {
   },
   emits: ["open", "close"],
   setup(e, { expose: t, emit: u }) {
-    const d = e, a = z(), c = u, s = w(d.visible), n = w(!1), o = w(), r = w(), f = w(), p = w(), b = ee();
-    let v = null;
-    const { activate: I, deactivate: x } = se(
+    const s = e, o = M(), d = u, l = w(s.visible), i = w(!1), a = w(), r = w(), f = w(), p = w(), h = te(), m = () => s.showHeader && (o.header ? !s.ariaLabel : !!s.title) ? { "aria-labelledby": h } : { "aria-label": s.ariaLabel };
+    let L = null;
+    const { activate: x, deactivate: I } = re(
       r,
       // Trap Tab focus only. Without allowOutsideClick the trap cancels every
       // click outside the dialog, including the backdrop's own @click (#104).
-      { immediate: !1, allowOutsideClick: !0 }
+      // Escape closes the dialog; closing releases the trap and restores focus.
+      // Letting the trap handle Escape itself left the dialog open, untrapped (#110).
+      {
+        immediate: !1,
+        allowOutsideClick: !0,
+        escapeDeactivates: () => (T(), !1)
+      }
     ), V = () => {
-      s.value = !s.value;
+      l.value = !l.value;
+    }, X = () => {
+      l.value = !0;
     }, T = () => {
-      s.value = !0;
-    }, L = () => {
-      n.value === !0 && (s.value = !1);
-    }, P = () => {
-      c("open", !0);
+      i.value === !0 && (l.value = !1);
     }, Y = () => {
-      c("close", !1);
-    }, M = B(() => {
-      const $ = (G) => G && s.value ? `${G.scrollHeight}px` : "0px";
+      d("open", !0);
+    }, U = () => {
+      d("close", !1);
+    }, _ = R(() => {
+      const O = (G) => G && l.value ? `${G.scrollHeight}px` : "0px";
       return {
-        "--sidebar-width": `${d.width}px`,
-        "--header-height": $(f.value),
-        "--footer-height": $(p.value)
+        "--sidebar-width": `${s.width}px`,
+        "--header-height": O(f.value),
+        "--footer-height": O(p.value)
       };
-    }), U = B(() => d.placement === "left" ? "sidebar-left" : "sidebar-right"), K = () => {
-      n.value = !0, r.value && I();
-    }, R = () => {
-      n.value = !1;
+    }), K = R(() => s.placement === "left" ? "sidebar-left" : "sidebar-right"), q = () => {
+      i.value = !0, r.value && x();
+    }, B = () => {
+      i.value = !1;
     };
     return F(() => {
-      s.value && !n.value && K();
-    }), oe(o, ($ = !1) => {
-      s.value = $;
+      l.value && !i.value && q();
+    }), le(a, (O = !1) => {
+      l.value = O;
     }), E(
-      () => d.visible,
-      ($) => {
-        s.value = $;
+      () => s.visible,
+      (O) => {
+        l.value = O;
       }
-    ), E(s, ($) => {
-      $ === !0 ? (typeof document < "u" && (v = document.activeElement), P()) : $ === !1 && (x(), v?.focus(), v = null, n.value === !0 && Y());
-    }), ae(s), t({
+    ), E(l, (O) => {
+      O === !0 ? (typeof document < "u" && (L = document.activeElement), Y()) : O === !1 && (I(), L?.focus(), L = null, i.value === !0 && U());
+    }), se(l), t({
       toggle: V,
-      open: T,
-      close: L
-    }), ($, G) => (l(), i("div", {
-      style: W(M.value),
-      visible: s.value,
+      open: X,
+      close: T
+    }), (O, G) => (n(), c("div", {
+      style: W(_.value),
+      visible: l.value,
       ref_key: "sidebarRef",
-      ref: o
+      ref: a
     }, [
-      e.showBackdrop ? (l(), X(A, {
+      e.showBackdrop ? (n(), P(A, {
         key: 0,
         name: "fade",
         appear: "",
         tag: "div"
       }, {
         default: S(() => [
-          s.value ? (l(), i("section", {
+          l.value ? (n(), c("section", {
             key: 0,
-            onClick: L,
+            onClick: T,
             "aria-hidden": "true",
-            class: h(["fixed inset-0 z-[100] overflow-y-auto backdrop-blur bg-opacity-70", k(C).bgColorVariant({ color: e.backdropColor })])
-          }, null, 2)) : g("", !0)
+            class: b(["fixed inset-0 z-[100] overflow-y-auto backdrop-blur bg-opacity-70", k(y).bgColorVariant({ color: e.backdropColor })])
+          }, null, 2)) : v("", !0)
         ]),
         _: 1
-      })) : g("", !0),
+      })) : v("", !0),
       D(A, {
-        name: U.value,
-        onAfterEnter: K,
-        onAfterLeave: R,
+        name: K.value,
+        onAfterEnter: q,
+        onAfterLeave: B,
         appear: ""
       }, {
         default: S(() => [
-          s.value ? _((l(), i("div", {
+          l.value ? z((n(), c("div", ae({
             key: 0,
             ref_key: "dialogRef",
             ref: r,
             role: "dialog",
-            "aria-modal": "true",
-            "aria-labelledby": e.title ? k(b) : void 0,
-            class: h(["sidebar-body fixed inset-y-0 z-[110] h-full overflow-hidden shadow", [e.placement === "left" ? "left-0" : "right-0"]])
-          }, [
-            m("div", {
-              class: h(["relative h-full overflow-y-scroll overscroll-contain", [k(C).bgColorVariant({ color: e.color }), e.customClass]])
+            "aria-modal": "true"
+          }, m(), {
+            class: ["sidebar-body fixed inset-y-0 z-[110] h-full overflow-hidden shadow", [e.placement === "left" ? "left-0" : "right-0"]]
+          }), [
+            g("div", {
+              class: b(["relative h-full overflow-y-scroll overscroll-contain", [k(y).bgColorVariant({ color: e.color }), e.customClass]])
             }, [
-              e.showHeader ? (l(), i("div", {
+              e.showHeader ? (n(), c("div", {
                 key: 0,
                 class: "sticky top-0 z-10",
                 ref_key: "headerRef",
                 ref: f
               }, [
-                y($.$slots, "header", {
-                  close: L,
-                  status: s.value
+                C(O.$slots, "header", {
+                  close: T,
+                  status: l.value,
+                  titleId: k(h)
                 }, () => [
-                  m("div", {
-                    class: h(["flex items-center justify-between p-xs", k(C).bgColorVariant({ color: e.color })])
+                  g("div", {
+                    class: b(["flex items-center justify-between p-xs", k(y).bgColorVariant({ color: e.color })])
                   }, [
-                    e.placement === "right" ? (l(), i("button", {
+                    e.placement === "right" ? (n(), c("button", {
                       key: 0,
                       type: "button",
                       "aria-label": "Close",
-                      onClick: L
+                      onClick: T
                     }, [
-                      (l(), i("svg", {
+                      (n(), c("svg", {
+                        focusable: "false",
                         xmlns: "http://www.w3.org/2000/svg",
                         height: "1em",
                         viewBox: "0 0 384 512",
                         "aria-hidden": "true",
-                        class: h(["h-sm transition-opacity duration-300 ease-in hover:opacity-75 focus:opacity-75", [
-                          k(C).svgFillColorVariant({ color: e.titleColor })
+                        class: b(["h-sm transition-opacity duration-300 ease-in hover:opacity-75 focus:opacity-75", [
+                          k(y).svgFillColorVariant({ color: e.titleColor })
                         ]])
                       }, [...G[0] || (G[0] = [
-                        m("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)
+                        g("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 ? (l(), i("h3", {
+                    ])) : v("", !0),
+                    e.title ? (n(), c("h3", {
                       key: 1,
-                      id: k(b),
-                      class: h(["h3-md", k(C).textColorVariant({ color: e.titleColor })])
-                    }, j(e.title), 11, ro)) : g("", !0),
-                    e.placement === "left" ? (l(), i("button", {
+                      id: k(h),
+                      class: b(["h3-md", k(y).textColorVariant({ color: e.titleColor })])
+                    }, j(e.title), 11, io)) : v("", !0),
+                    e.placement === "left" ? (n(), c("button", {
                       key: 2,
                       type: "button",
                       "aria-label": "Close",
-                      onClick: L
+                      onClick: T
                     }, [
-                      (l(), i("svg", {
+                      (n(), c("svg", {
+                        focusable: "false",
                         xmlns: "http://www.w3.org/2000/svg",
                         height: "1em",
                         viewBox: "0 0 384 512",
                         "aria-hidden": "true",
-                        class: h(["h-sm transition-opacity duration-300 ease-in hover:opacity-75 focus:opacity-75", [
-                          k(C).svgFillColorVariant({ color: e.titleColor })
+                        class: b(["h-sm transition-opacity duration-300 ease-in hover:opacity-75 focus:opacity-75", [
+                          k(y).svgFillColorVariant({ color: e.titleColor })
                         ]])
                       }, [...G[1] || (G[1] = [
-                        m("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)
+                        g("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)
+                    ])) : v("", !0)
                   ], 2)
                 ], !0)
-              ], 512)) : g("", !0),
-              m("div", lo, [
-                y($.$slots, "body", {
-                  close: L,
-                  status: s.value
+              ], 512)) : v("", !0),
+              g("div", co, [
+                C(O.$slots, "body", {
+                  close: T,
+                  status: l.value
                 }, void 0, !0)
               ]),
-              a.footer ? (l(), i("div", {
+              o.footer ? (n(), c("div", {
                 key: 1,
                 class: "sticky bottom-0",
                 ref_key: "footerRef",
                 ref: p
               }, [
-                y($.$slots, "footer", {
-                  close: L,
-                  status: s.value
+                C(O.$slots, "footer", {
+                  close: T,
+                  status: l.value
                 }, void 0, !0)
-              ], 512)) : g("", !0)
+              ], 512)) : v("", !0)
             ], 2)
-          ], 10, so)), [
-            [k(te), L]
-          ]) : g("", !0)
+          ], 16)), [
+            [k(oe), T]
+          ]) : v("", !0)
         ]),
         _: 3
       }, 8, ["name"])
-    ], 12, ao));
+    ], 12, no));
   }
-}), Lo = /* @__PURE__ */ N(no, [["__scopeId", "data-v-80a7a8d2"]]), ne = /* @__PURE__ */ Symbol(), io = { class: "container-hts grid grid-cols-1 grid-rows-1 transition-[max-height] duration-300" }, co = /* @__PURE__ */ O({
+}), So = /* @__PURE__ */ H(uo, [["__scopeId", "data-v-6f379e4b"]]), ce = /* @__PURE__ */ Symbol(), fo = { class: "container-hts grid grid-cols-1 grid-rows-1 transition-[max-height] duration-300" }, ho = /* @__PURE__ */ $({
   __name: "TabContainer",
   props: {
     bodyClass: { default: "" },
@@ -1106,48 +1143,48 @@ const Co = (e, t) => {
     contentContainerClass: { default: "" }
   },
   setup(e, { expose: t }) {
-    const u = w(0), d = w(0), a = w(!1), c = w("slide-next");
-    J(ne, {
+    const u = w(0), s = w(0), o = w(!1), d = w("slide-next");
+    Q(ce, {
       activeTabIdx: u,
-      containerHeight: d,
+      containerHeight: s,
       updateHeight: (r) => {
-        r > 0 && (a.value = !0), d.value = r;
+        r > 0 && (o.value = !0), s.value = r;
       }
     });
-    const n = (r) => {
+    const i = (r) => {
       u.value = r;
-    }, o = B(() => a.value ? { "--container-hts": `${d.value}px` } : void 0);
+    }, a = R(() => o.value ? { "--container-hts": `${s.value}px` } : void 0);
     return t({
-      update: n
+      update: i
     }), E(
       () => u.value,
       (r, f) => {
-        r > f ? c.value = "slide-next" : c.value = "slide-prev";
+        r > f ? d.value = "slide-next" : d.value = "slide-prev";
       }
-    ), (r, f) => (l(), i("div", {
-      class: h(e.bodyClass),
-      style: W(o.value)
+    ), (r, f) => (n(), c("div", {
+      class: b(e.bodyClass),
+      style: W(a.value)
     }, [
-      m("div", {
-        class: h(e.btnContainerClass),
+      g("div", {
+        class: b(e.btnContainerClass),
         role: "tablist"
       }, [
-        y(r.$slots, "tab-button", {
-          update: n,
+        C(r.$slots, "tab-button", {
+          update: i,
           activeTab: u.value
         }, void 0, !0)
       ], 2),
-      m("div", {
-        class: h(e.contentContainerClass)
+      g("div", {
+        class: b(e.contentContainerClass)
       }, [
-        m("div", io, [
-          D(A, { name: c.value }, {
+        g("div", fo, [
+          D(A, { name: d.value }, {
             default: S(() => [
-              (l(), i("div", {
+              (n(), c("div", {
                 key: u.value,
                 class: "relative col-start-1 col-end-1 row-start-1 row-end-1"
               }, [
-                y(r.$slots, "tab-content", {}, void 0, !0)
+                C(r.$slots, "tab-content", {}, void 0, !0)
               ]))
             ]),
             _: 3
@@ -1156,7 +1193,7 @@ const Co = (e, t) => {
       ], 2)
     ], 6));
   }
-}), Do = /* @__PURE__ */ N(co, [["__scopeId", "data-v-2d9322d9"]]), uo = ["id"], Ao = /* @__PURE__ */ O({
+}), Eo = /* @__PURE__ */ H(ho, [["__scopeId", "data-v-ee1145fc"]]), vo = ["id"], Ho = /* @__PURE__ */ $({
   __name: "TabContent",
   props: {
     tabNumber: {},
@@ -1164,38 +1201,38 @@ const Co = (e, t) => {
     tabClass: { default: "" }
   },
   setup(e) {
-    const t = e, { activeTabIdx: u, updateHeight: d } = Q(
-      ne
-    ), a = w(null), { height: c } = yt(a), s = B(() => u.value === t.tabNumber ? (d(c.value), !0) : !1);
-    return (n, o) => _((l(), i("div", {
+    const t = e, { activeTabIdx: u, updateHeight: s } = Z(
+      ce
+    ), o = w(null), { height: d } = xt(o), l = R(() => u.value === t.tabNumber ? (s(d.value), !0) : !1);
+    return (i, a) => z((n(), c("div", {
       ref_key: "slotRef",
-      ref: a,
+      ref: o,
       id: e.id,
-      class: h([e.tabClass, "w-full"]),
+      class: b([e.tabClass, "w-full"]),
       role: "tabpanel",
       tabindex: "-1"
     }, [
-      y(n.$slots, "default")
-    ], 10, uo)), [
-      [Z, s.value]
+      C(i.$slots, "default")
+    ], 10, vo)), [
+      [ee, l.value]
     ]);
   }
 });
 export {
-  yo as AccordionGroup,
-  wo as Alert,
-  xo as Card,
-  ko as CarouselContainer,
-  Vo as CarouselContent,
-  Bo as Collapse,
-  Ro as DropdownContainer,
-  Oo as DropdownContent,
-  $o as HeaderHorizontal,
-  To as HeaderVertical,
-  Io as Modal,
-  Lo as Sidebar,
-  Do as TabContainer,
-  Ao as TabContent,
-  Co as default,
-  C as generateClass
+  ko as AccordionGroup,
+  Vo as Alert,
+  Bo as Card,
+  Ro as CarouselContainer,
+  Oo as CarouselContent,
+  $o as Collapse,
+  Lo as DropdownContainer,
+  Io as DropdownContent,
+  To as HeaderHorizontal,
+  Do as HeaderVertical,
+  Ao as Modal,
+  So as Sidebar,
+  Eo as TabContainer,
+  Ho as TabContent,
+  xo as default,
+  y as generateClass
 };