design-system-next 1.0.24 → 1.0.27

package/dist/design-system-next.js

@@ -1,5 +1,5 @@
-import { computed as P, defineComponent as Z, openBlock as _, createElementBlock as C, renderSlot as D, createElementVNode as y, normalizeClass as A, unref as S, toDisplayString as ue, getCurrentScope as Qt, onScopeDispose as Jt, getCurrentInstance as Kt, ref as ee, watch as Ae, nextTick as kt, mergeProps as Qe, createCommentVNode as G, Fragment as J, withDirectives as Je, isRef as Pt, vModelRadio as en, pushScopeId as tn, popScopeId as nn, createBlock as F, normalizeProps as on, guardReactiveProps as sn, withScopeId as rn, resolveComponent as We, normalizeStyle as Le, withKeys as an, withCtx as K, createVNode as ke, markRaw as Re, renderList as Se, vShow as ln, resolveDynamicComponent as at, vModelCheckbox as dn } from "vue";
-const un = ["danger", "disabled", "information", "brand"], cn = ["small", "big", "tiny"], pn = ["top", "bottom", "default"], fn = {
+import { computed as P, defineComponent as Y, openBlock as m, createElementBlock as $, renderSlot as R, createElementVNode as w, normalizeClass as k, unref as x, toDisplayString as F, getCurrentScope as Zt, onScopeDispose as Qt, getCurrentInstance as Jt, ref as K, watch as Ne, nextTick as Pt, mergeProps as Je, createCommentVNode as H, Fragment as D, withDirectives as Ke, isRef as et, vModelRadio as Kt, pushScopeId as en, popScopeId as tn, createBlock as W, normalizeProps as nn, guardReactiveProps as on, withScopeId as sn, resolveComponent as qe, normalizeStyle as Ve, withKeys as rn, withCtx as q, createVNode as me, markRaw as ke, renderList as de, resolveDynamicComponent as je, vShow as an, vModelCheckbox as ln } from "vue";
+const dn = ["danger", "disabled", "information", "brand"], un = ["small", "big", "tiny"], cn = ["top", "bottom", "default"], pn = {
   /**
    * @description Badge Label
    */
@@ -12,7 +12,7 @@ const un = ["danger", "disabled", "information", "brand"], cn = ["small", "big",
    */
   variant: {
     type: String,
-    validator: (e) => un.includes(e),
+    validator: (e) => dn.includes(e),
     default: "brand"
   },
   /**
@@ -20,7 +20,7 @@ const un = ["danger", "disabled", "information", "brand"], cn = ["small", "big",
    */
   size: {
     type: String,
-    validator: (e) => cn.includes(e),
+    validator: (e) => un.includes(e),
     default: "small"
   },
   /**
@@ -28,22 +28,22 @@ const un = ["danger", "disabled", "information", "brand"], cn = ["small", "big",
    */
   position: {
     type: String,
-    validator: (e) => pn.includes(e),
+    validator: (e) => cn.includes(e),
     default: "default"
   }
 };
-function hn(e) {
+function fn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var je = { exports: {} };
+var Fe = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var lt;
-function wn() {
-  return lt || (lt = 1, function(e) {
+var dt;
+function hn() {
+  return dt || (dt = 1, function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function n() {
@@ -72,22 +72,22 @@ function wn() {
       }
       e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
     })();
-  }(je)), je.exports;
+  }(Fe)), Fe.exports;
 }
-var mn = wn();
-const O = /* @__PURE__ */ hn(mn), gn = (e) => {
+var wn = hn();
+const O = /* @__PURE__ */ fn(wn), mn = (e) => {
   const { position: t, size: n, variant: o } = e, s = P(() => {
     const a = O({
       "tw-background-color-danger-base tw-text-color-inverted-strong": o === "danger",
       "tw-background-color-disabled tw-text-color-on-fill-disabled ": o === "disabled",
       "tw-background-color-information-base tw-text-color-inverted-strong": o === "information",
       "tw-background-color-brand-base tw-text-color-inverted-strong": o === "brand"
-    }), d = O({
+    }), l = O({
       "tw-label-sm-medium tw-h-[20px] tw-min-w-[20px] tw-rounded-[32px]": n === "big",
       "tw-label-xs-medium tw-h-[16px] tw-min-w-[16px] tw-rounded-[32px]": n === "small",
       "tw-h-[10px] tw-min-w-[10px] tw-rounded-full": n === "tiny"
     });
-    return O(a, d);
+    return O(a, l);
   }), i = P(() => O({
     "tw-absolute tw--top-1 tw-right-1": t === "top" && n === "tiny",
     " tw-absolute tw--bottom-1 tw-right-1": t === "bottom" && n === "tiny",
@@ -104,36 +104,36 @@ const O = /* @__PURE__ */ hn(mn), gn = (e) => {
     badgePositionClasses: i,
     badgeElementWrapper: r
   };
-}, yn = { class: "tw-flex tw-gap-2" }, vn = /* @__PURE__ */ Z({
+}, gn = { class: "tw-flex tw-gap-2" }, bn = /* @__PURE__ */ Y({
   __name: "badge",
-  props: fn,
+  props: pn,
   setup(e) {
-    const t = e, { badgeClasses: n, badgePositionClasses: o, badgeElementWrapper: s } = gn(t);
-    return (i, r) => (_(), C("div", yn, [
-      D(i.$slots, "default"),
-      y("div", {
-        class: A([S(s)])
+    const t = e, { badgeClasses: n, badgePositionClasses: o, badgeElementWrapper: s } = mn(t);
+    return (i, r) => (m(), $("div", gn, [
+      R(i.$slots, "default"),
+      w("div", {
+        class: k([x(s)])
       }, [
-        y("section", {
-          class: A([S(o)])
+        w("section", {
+          class: k([x(o)])
         }, [
-          y("div", {
-            class: A([S(n), "tw-flex tw-items-center tw-justify-center"])
-          }, ue(t.size === "tiny" ? "" : i.text), 3)
+          w("div", {
+            class: k([x(n), "tw-flex tw-items-center tw-justify-center"])
+          }, F(t.size === "tiny" ? "" : i.text), 3)
         ], 2)
       ], 2)
     ]));
   }
-}), bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), yn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: vn
-}, Symbol.toStringTag, { value: "Module" })), _n = ["neutral", "success", "danger"], xn = ["small", "medium", "large"], $n = ["button", "submit", "reset"], Sn = ["base", "hover", "pressed", "focus"], Tn = ["primary", "secondary", "tertiary"], Cn = {
+  default: bn
+}, Symbol.toStringTag, { value: "Module" })), vn = ["neutral", "success", "danger"], _n = ["small", "medium", "large"], xn = ["button", "submit", "reset"], $n = ["base", "hover", "pressed", "focus"], Sn = ["primary", "secondary", "tertiary"], Tn = {
   /**
    * @description Button tone
    */
   tone: {
     type: String,
-    validator: (e) => _n.includes(e),
+    validator: (e) => vn.includes(e),
     default: "neutral"
   },
   /**
@@ -141,7 +141,7 @@ const O = /* @__PURE__ */ hn(mn), gn = (e) => {
    */
   size: {
     type: String,
-    validator: (e) => xn.includes(e),
+    validator: (e) => _n.includes(e),
     default: "medium"
   },
   /**
@@ -149,7 +149,7 @@ const O = /* @__PURE__ */ hn(mn), gn = (e) => {
    */
   type: {
     type: String,
-    validator: (e) => $n.includes(e),
+    validator: (e) => xn.includes(e),
     default: "button"
   },
   /**
@@ -157,7 +157,7 @@ const O = /* @__PURE__ */ hn(mn), gn = (e) => {
    */
   state: {
     type: String,
-    validator: (e) => Sn.includes(e),
+    validator: (e) => $n.includes(e),
     default: "base"
   },
   /**
@@ -165,7 +165,7 @@ const O = /* @__PURE__ */ hn(mn), gn = (e) => {
    */
   variant: {
     type: String,
-    validator: (e) => Tn.includes(e),
+    validator: (e) => Sn.includes(e),
     default: "primary"
   },
   disabled: {
@@ -175,74 +175,74 @@ const O = /* @__PURE__ */ hn(mn), gn = (e) => {
 }, kn = {
   click: (e) => e instanceof MouseEvent
 };
-function Pn(e) {
-  return Qt() ? (Jt(e), !0) : !1;
+function Cn(e) {
+  return Zt() ? (Qt(e), !0) : !1;
 }
 function At(e) {
-  return typeof e == "function" ? e() : S(e);
+  return typeof e == "function" ? e() : x(e);
 }
-const An = typeof window < "u" && typeof document < "u";
+const Pn = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const On = (e) => typeof e < "u", Nn = Object.prototype.toString, zn = (e) => Nn.call(e) === "[object Object]", Bn = () => {
-}, Ke = An ? window : void 0;
-function et(e) {
+const An = (e) => typeof e < "u", On = Object.prototype.toString, Nn = (e) => On.call(e) === "[object Object]", zn = () => {
+}, tt = Pn ? window : void 0;
+function nt(e) {
   var t;
   const n = At(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function M(...e) {
+function L(...e) {
   let t, n, o, s;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, s] = e, t = Ke) : [t, n, o, s] = e, !t)
-    return Bn;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, s] = e, t = tt) : [t, n, o, s] = e, !t)
+    return zn;
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
   const i = [], r = () => {
-    i.forEach((c) => c()), i.length = 0;
-  }, a = (c, u, f, p) => (c.addEventListener(u, f, p), () => c.removeEventListener(u, f, p)), d = Ae(
-    () => [et(t), At(s)],
-    ([c, u]) => {
-      if (r(), !c)
+    i.forEach((u) => u()), i.length = 0;
+  }, a = (u, c, f, p) => (u.addEventListener(c, f, p), () => u.removeEventListener(c, f, p)), l = Ne(
+    () => [nt(t), At(s)],
+    ([u, c]) => {
+      if (r(), !u)
         return;
-      const f = zn(u) ? { ...u } : u;
+      const f = Nn(c) ? { ...c } : c;
       i.push(
-        ...n.flatMap((p) => o.map((h) => a(c, p, h, f)))
+        ...n.flatMap((p) => o.map((h) => a(u, p, h, f)))
       );
     },
     { immediate: !0, flush: "post" }
-  ), l = () => {
-    d(), r();
+  ), d = () => {
+    l(), r();
   };
-  return Pn(l), l;
+  return Cn(d), d;
 }
-function Rn(e) {
+function Bn(e) {
   return JSON.parse(JSON.stringify(e));
 }
-function tt(e, t = {}) {
+function ot(e, t = {}) {
   const {
     delayEnter: n = 0,
     delayLeave: o = 0,
-    window: s = Ke
-  } = t, i = ee(!1);
+    window: s = tt
+  } = t, i = K(!1);
   let r;
-  const a = (d) => {
-    const l = d ? n : o;
-    r && (clearTimeout(r), r = void 0), l ? r = setTimeout(() => i.value = d, l) : i.value = d;
+  const a = (l) => {
+    const d = l ? n : o;
+    r && (clearTimeout(r), r = void 0), d ? r = setTimeout(() => i.value = l, d) : i.value = l;
   };
-  return s && (M(e, "mouseenter", () => a(!0), { passive: !0 }), M(e, "mouseleave", () => a(!1), { passive: !0 })), i;
-}
-function En(e, t = {}) {
-  const { initialValue: n = !1, focusVisible: o = !1, preventScroll: s = !1 } = t, i = ee(!1), r = P(() => et(e));
-  M(r, "focus", (d) => {
-    var l, c;
-    (!o || (c = (l = d.target).matches) != null && c.call(l, ":focus-visible")) && (i.value = !0);
-  }), M(r, "blur", () => i.value = !1);
+  return s && (L(e, "mouseenter", () => a(!0), { passive: !0 }), L(e, "mouseleave", () => a(!1), { passive: !0 })), i;
+}
+function Rn(e, t = {}) {
+  const { initialValue: n = !1, focusVisible: o = !1, preventScroll: s = !1 } = t, i = K(!1), r = P(() => nt(e));
+  L(r, "focus", (l) => {
+    var d, u;
+    (!o || (u = (d = l.target).matches) != null && u.call(d, ":focus-visible")) && (i.value = !0);
+  }), L(r, "blur", () => i.value = !1);
   const a = P({
     get: () => i.value,
-    set(d) {
-      var l, c;
-      !d && i.value ? (l = r.value) == null || l.blur() : d && !i.value && ((c = r.value) == null || c.focus({ preventScroll: s }));
+    set(l) {
+      var d, u;
+      !l && i.value ? (d = r.value) == null || d.blur() : l && !i.value && ((u = r.value) == null || u.focus({ preventScroll: s }));
     }
   });
-  return Ae(
+  return Ne(
     r,
     () => {
       a.value = n;
@@ -256,19 +256,19 @@ function Ot(e = {}) {
     drag: n = !0,
     capture: o = !1,
     initialValue: s = !1,
-    window: i = Ke
-  } = e, r = ee(s), a = ee(null);
+    window: i = tt
+  } = e, r = K(s), a = K(null);
   if (!i)
     return {
       pressed: r,
       sourceType: a
     };
-  const d = (u) => () => {
-    r.value = !0, a.value = u;
-  }, l = () => {
+  const l = (c) => () => {
+    r.value = !0, a.value = c;
+  }, d = () => {
     r.value = !1, a.value = null;
-  }, c = P(() => et(e.target) || i);
-  return M(c, "mousedown", d("mouse"), { passive: !0, capture: o }), M(i, "mouseleave", l, { passive: !0, capture: o }), M(i, "mouseup", l, { passive: !0, capture: o }), n && (M(c, "dragstart", d("mouse"), { passive: !0, capture: o }), M(i, "drop", l, { passive: !0, capture: o }), M(i, "dragend", l, { passive: !0, capture: o })), t && (M(c, "touchstart", d("touch"), { passive: !0, capture: o }), M(i, "touchend", l, { passive: !0, capture: o }), M(i, "touchcancel", l, { passive: !0, capture: o })), {
+  }, u = P(() => nt(e.target) || i);
+  return L(u, "mousedown", l("mouse"), { passive: !0, capture: o }), L(i, "mouseleave", d, { passive: !0, capture: o }), L(i, "mouseup", d, { passive: !0, capture: o }), n && (L(u, "dragstart", l("mouse"), { passive: !0, capture: o }), L(i, "drop", d, { passive: !0, capture: o }), L(i, "dragend", d, { passive: !0, capture: o })), t && (L(u, "touchstart", l("touch"), { passive: !0, capture: o }), L(i, "touchend", d, { passive: !0, capture: o }), L(i, "touchcancel", d, { passive: !0, capture: o })), {
     pressed: r,
     sourceType: a
   };
@@ -277,132 +277,230 @@ function Nt(e, t, n, o = {}) {
   var s, i, r;
   const {
     clone: a = !1,
-    passive: d = !1,
-    eventName: l,
-    deep: c = !1,
-    defaultValue: u,
+    passive: l = !1,
+    eventName: d,
+    deep: u = !1,
+    defaultValue: c,
     shouldEmit: f
-  } = o, p = Kt(), h = n || (p == null ? void 0 : p.emit) || ((s = p == null ? void 0 : p.$emit) == null ? void 0 : s.bind(p)) || ((r = (i = p == null ? void 0 : p.proxy) == null ? void 0 : i.$emit) == null ? void 0 : r.bind(p == null ? void 0 : p.proxy));
-  let w = l;
-  w = w || `update:${t.toString()}`;
-  const g = (b) => a ? typeof a == "function" ? a(b) : Rn(b) : b, m = () => On(e[t]) ? g(e[t]) : u, v = (b) => {
-    f ? f(b) && h(w, b) : h(w, b);
+  } = o, p = Jt(), h = n || (p == null ? void 0 : p.emit) || ((s = p == null ? void 0 : p.$emit) == null ? void 0 : s.bind(p)) || ((r = (i = p == null ? void 0 : p.proxy) == null ? void 0 : i.$emit) == null ? void 0 : r.bind(p == null ? void 0 : p.proxy));
+  let g = d;
+  g = g || `update:${t.toString()}`;
+  const b = (_) => a ? typeof a == "function" ? a(_) : Bn(_) : _, y = () => An(e[t]) ? b(e[t]) : c, v = (_) => {
+    f ? f(_) && h(g, _) : h(g, _);
   };
-  if (d) {
-    const b = m(), k = ee(b);
-    let $ = !1;
-    return Ae(
+  if (l) {
+    const _ = y(), A = K(_);
+    let T = !1;
+    return Ne(
       () => e[t],
       (N) => {
-        $ || ($ = !0, k.value = g(N), kt(() => $ = !1));
+        T || (T = !0, A.value = b(N), Pt(() => T = !1));
       }
-    ), Ae(
-      k,
+    ), Ne(
+      A,
       (N) => {
-        !$ && (N !== e[t] || c) && v(N);
+        !T && (N !== e[t] || u) && v(N);
       },
-      { deep: c }
-    ), k;
+      { deep: u }
+    ), A;
   } else
     return P({
       get() {
-        return m();
+        return y();
       },
-      set(b) {
-        v(b);
+      set(_) {
+        v(_);
       }
     });
 }
-const Dn = (e, t) => {
-  const n = ee(null), o = tt(n), { pressed: s } = Ot({ target: n }), { focused: i } = En(n), { state: r, type: a, size: d, tone: l, variant: c, disabled: u } = e, f = P(() => ({
-    ...u && { ariaDisabled: !0 },
-    disabled: u,
+const En = (e, t) => {
+  const n = K(null), o = ot(n), { pressed: s } = Ot({ target: n }), { focused: i } = Rn(n), { state: r, type: a, size: l, tone: d, variant: u, disabled: c } = e, f = P(() => ({
+    ...c && { ariaDisabled: !0 },
+    disabled: c,
     autofocus: r === "focus",
     type: a ?? "button"
   })), p = P(
     () => O({
-      "tw-px-[4px] tw-py-[6px] tw-font-medium tw-font-size-100 tw-leading-100": d === "small",
-      "tw-p-[8px] tw-font-medium tw-font-size-100 tw-leading-100": d === "medium",
-      "tw-px-[8px] tw-py-[12px] tw-font-medium tw-font-size-200 tw-leading-300": d === "large"
+      "tw-px-[4px] tw-py-[6px] tw-font-medium tw-font-size-100 tw-leading-100": l === "small",
+      "tw-p-[8px] tw-font-medium tw-font-size-100 tw-leading-100": l === "medium",
+      "tw-px-[8px] tw-py-[12px] tw-font-medium tw-font-size-200 tw-leading-300": l === "large"
     })
-  ), h = P(() => O(c === "secondary" || c === "tertiary" ? {
-    "tw-text-color-strong": l === "neutral",
-    "tw-text-color-brand-base": l === "success",
-    "tw-text-color-danger-base": l === "danger"
+  ), h = P(() => O(u === "secondary" || u === "tertiary" ? {
+    "tw-text-color-strong": d === "neutral",
+    "tw-text-color-brand-base": d === "success",
+    "tw-text-color-danger-base": d === "danger"
   } : {
-    "tw-text-color-strong": l === "neutral",
-    "tw-text-color-inverted-strong": l === "success" || l === "danger"
-  })), w = P(() => c === "secondary" ? o.value ? "tw-background-color-hover" : "" : c === "tertiary" ? g() : m());
-  function g() {
+    "tw-text-color-strong": d === "neutral",
+    "tw-text-color-inverted-strong": d === "success" || d === "danger"
+  })), g = P(() => u === "secondary" ? o.value ? "tw-background-color-hover" : "" : u === "tertiary" ? b() : y());
+  function b() {
     return s.value ? "tw-background-color-pressed" : o.value ? "tw-background-color-hover" : "";
   }
-  function m() {
-    return s.value ? v() : o.value ? b() : k();
+  function y() {
+    return s.value ? v() : o.value ? _() : A();
   }
   function v() {
     return {
       neutral: "tw-background-color-pressed",
       success: "tw-background-color-brand-pressed",
       danger: "tw-background-color-danger-pressed"
-    }[l] || "";
+    }[d] || "";
   }
-  function b() {
+  function _() {
     return {
       neutral: "tw-background-color-hover",
       success: "tw-background-color-success-pressed",
       danger: "tw-background-color-danger-hover"
-    }[l] || "";
+    }[d] || "";
   }
-  function k() {
+  function A() {
     return {
       neutral: "tw-background-color-base",
       success: "tw-background-color-brand-base",
       danger: "tw-background-color-danger-base"
-    }[l] || "";
+    }[d] || "";
   }
-  const $ = P(() => c === "primary" || c === "tertiary" ? i.value ? "tw-border-solid tw-border tw-border-white-50" : "tw-border-solid tw-border tw-border-transparent" : O({
-    "tw-border-solid tw-border tw-border-color-base": l === "neutral",
-    "tw-border-solid tw-border tw-border-color-brand-base": l === "success",
-    "tw-border-solid tw-border tw-border-color-danger-base": l === "danger"
-  })), N = P(() => O(w.value, h.value, $.value)), z = P(() => s.value ? "tw-shadow-button" : i.value ? "tw-shadow-button-active" : ""), H = P(() => u ? O(p.value, "tw-text-color-disabled") : O(p.value, N.value, z.value));
+  const T = P(() => u === "primary" || u === "tertiary" ? i.value ? "tw-border-solid tw-border tw-border-white-50" : "tw-border-solid tw-border tw-border-transparent" : O({
+    "tw-border-solid tw-border tw-border-color-base": d === "neutral",
+    "tw-border-solid tw-border tw-border-color-brand-base": d === "success",
+    "tw-border-solid tw-border tw-border-color-danger-base": d === "danger"
+  })), N = P(() => O(g.value, h.value, T.value)), z = P(() => s.value ? "tw-shadow-button" : i.value ? "tw-shadow-button-active" : ""), V = P(() => c ? O(p.value, "tw-text-color-disabled") : O(p.value, N.value, z.value));
   return {
     buttonRef: n,
     buttonProps: f,
-    buttonClass: H,
-    handleClick: (T) => {
-      if (u) {
-        T.stopPropagation();
+    buttonClass: V,
+    handleClick: (C) => {
+      if (c) {
+        C.stopPropagation();
         return;
       }
-      t("click", T);
+      t("click", C);
     }
   };
-}, Mn = /* @__PURE__ */ Z({
+}, Mn = /* @__PURE__ */ Y({
   __name: "button",
-  props: Cn,
+  props: Tn,
   emits: kn,
   setup(e, { emit: t }) {
-    const n = e, o = t, { buttonRef: s, buttonProps: i, buttonClass: r, handleClick: a } = Dn(n, o);
-    return (d, l) => (_(), C("button", Qe({
+    const n = e, o = t, { buttonRef: s, buttonProps: i, buttonClass: r, handleClick: a } = En(n, o);
+    return (l, d) => (m(), $("button", Je({
       ref_key: "buttonRef",
       ref: s
-    }, S(i), {
+    }, x(i), {
       class: [
         "tw-inline-flex tw-w-fit tw-min-w-[56px] tw-cursor-pointer tw-items-center tw-justify-center tw-rounded-md tw-outline-none tw-duration-150 tw-ease-in-out",
         "hover:tw-shadow-button-hover",
         "active:tw-scale-95",
-        S(r)
+        x(r)
       ],
-      onClick: l[0] || (l[0] = //@ts-ignore
-      (...c) => S(a) && S(a)(...c))
+      onClick: d[0] || (d[0] = //@ts-ignore
+      (...u) => x(a) && x(a)(...u))
     }), [
-      D(d.$slots, "default")
+      R(l.$slots, "default")
     ], 16));
   }
-}), Hn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Dn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Mn
-}, Symbol.toStringTag, { value: "Module" })), Ln = ["pending", "information", "success", "danger", "neutral", "caution"], jn = {
+}, Symbol.toStringTag, { value: "Module" })), Hn = {
+  modelValue: {
+    type: String,
+    required: !0
+  },
+  label: {
+    type: String,
+    default: ""
+  },
+  type: {
+    type: String,
+    default: "text"
+  },
+  placeholder: {
+    type: String,
+    default: ""
+  },
+  error: {
+    type: String,
+    default: ""
+  },
+  id: {
+    type: String,
+    default: ""
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  }
+}, Ln = (e) => {
+  const { error: t, disabled: n } = e, o = P(() => "tw-mb-4 tw-flex tw-flex-col tw-gap-size-spacing-4xs"), s = P(() => O("tw-body-sm-regular tw-text-color-strong tw-block", {
+    "tw-text-color-on-fill-disabled": n
+  })), i = P(() => O(
+    "tw-block",
+    "tw-w-full",
+    "tw-px-size-spacing-2xs",
+    "tw-py-size-spacing-4xs",
+    "tw-rounded-lg",
+    "placeholder:tw-text-mushroom-300",
+    "tw-text-color-strong",
+    "tw-ring-1",
+    "tw-font-size-200",
+    "tw-ring-mushroom-200",
+    "focus:tw-ring-kangkong-700",
+    "focus:tw-text-color-strong",
+    "focus:tw-ring-[1.5px]",
+    {
+      "tw-ring-tomato-600": t,
+      "focus:tw-ring-tomato-600": t,
+      "tw-ring-white-100": n,
+      "tw-background-color-disabled": n,
+      "tw-cursor-not-allowed": n,
+      "tw-text-color-on-fill-disabled": n
+    }
+  )), r = P(() => O(
+    "tw-absolute tw-right-3 tw-top-1/2 tw-h-5 tw-w-5 tw--translate-y-1/2 tw-transform tw-text-mushroom-300",
+    { "!tw-text-tomato-600": t }
+  ));
+  return {
+    inputClasses: i,
+    wrapperClasses: o,
+    labelClasses: s,
+    iconSlotClasses: r
+  };
+}, Vn = ["for"], jn = { class: "tw-relative" }, Fn = ["id", "type", "value", "placeholder", "disabled"], Wn = /* @__PURE__ */ Y({
+  __name: "input",
+  props: Hn,
+  setup(e) {
+    const t = e, { inputClasses: n, wrapperClasses: o, labelClasses: s, iconSlotClasses: i } = Ln(t);
+    return (r, a) => (m(), $("div", {
+      class: k(x(o))
+    }, [
+      r.label ? (m(), $("label", {
+        key: 0,
+        for: r.id,
+        class: k(x(s))
+      }, F(r.label), 11, Vn)) : H("", !0),
+      w("div", jn, [
+        w("input", {
+          id: r.id,
+          type: r.type,
+          value: r.modelValue,
+          class: k(x(n)),
+          placeholder: r.placeholder,
+          disabled: r.disabled,
+          onInput: a[0] || (a[0] = (l) => r.$emit("update:modelValue", l.target.value))
+        }, null, 42, Fn),
+        w("div", {
+          class: k(x(i))
+        }, [
+          R(r.$slots, "icon")
+        ], 2)
+      ])
+    ], 2));
+  }
+}), In = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Wn
+}, Symbol.toStringTag, { value: "Module" })), qn = ["pending", "information", "success", "danger", "neutral", "caution"], Gn = {
   /**
    * @description Lozenge Label
    */
@@ -415,7 +513,7 @@ const Dn = (e, t) => {
    */
   tone: {
     type: String,
-    validator: (e) => Ln.includes(e),
+    validator: (e) => qn.includes(e),
     default: "plain"
   },
   /**
@@ -446,61 +544,56 @@ const Dn = (e, t) => {
     type: Boolean,
     default: !0
   }
-}, Fn = {
+}, Un = {
   key: 0,
   class: "tw-flex tw-h-3 tw-w-3 tw-items-center tw-overflow-hidden"
-}, In = {
+}, Yn = {
   key: 1,
   class: "tw-flex tw-items-center"
-}, Vn = {
+}, Xn = {
   key: 2,
   class: "tw-h-4 tw-w-4 tw-overflow-hidden"
-}, Wn = ["src"], qn = /* @__PURE__ */ Z({
+}, Zn = ["src"], Qn = /* @__PURE__ */ Y({
   __name: "lozenge",
-  props: jn,
+  props: Gn,
   setup(e) {
-    return (t, n) => t.visible ? (_(), C("div", {
+    return (t, n) => t.visible ? (m(), $("div", {
       key: 0,
-      class: A([t.fill ? "lozenge-fill" : "lozenge"])
+      class: k([t.fill ? "lozenge-fill" : "lozenge"])
     }, [
-      y("div", {
-        class: A([
+      w("div", {
+        class: k([
           "tw-label-xs-medium tw-inline-flex tw-items-center tw-gap-size-spacing-6xs tw-rounded-md tw-border tw-border-solid tw-p-size-spacing-5xs tw-text-xs tw-uppercase",
           t.tone
         ])
       }, [
-        t.$slots.icon ? (_(), C("div", Fn, [
-          D(t.$slots, "icon", {}, void 0, !0)
-        ])) : G("", !0),
-        t.$slots.avatar ? (_(), C("div", In, [
-          D(t.$slots, "avatar", {}, void 0, !0)
-        ])) : G("", !0),
-        t.url && !t.$slots.avatar ? (_(), C("div", Vn, [
-          y("img", {
+        t.$slots.icon ? (m(), $("div", Un, [
+          R(t.$slots, "icon")
+        ])) : H("", !0),
+        t.$slots.avatar ? (m(), $("div", Yn, [
+          R(t.$slots, "avatar")
+        ])) : H("", !0),
+        t.url && !t.$slots.avatar ? (m(), $("div", Xn, [
+          w("img", {
             class: "tw-h-full tw-w-full tw-rounded-full tw-object-cover",
             src: t.url,
             alt: "avatar"
-          }, null, 8, Wn)
-        ])) : G("", !0),
-        y("div", null, ue(t.label), 1)
+          }, null, 8, Zn)
+        ])) : H("", !0),
+        w("div", null, F(t.label), 1)
       ], 2)
-    ], 2)) : G("", !0);
+    ], 2)) : H("", !0);
   }
-}), zt = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [o, s] of t)
-    n[o] = s;
-  return n;
-}, Gn = /* @__PURE__ */ zt(qn, [["__scopeId", "data-v-1688fd0a"]]), Un = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Jn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Gn
-}, Symbol.toStringTag, { value: "Module" })), Yn = ["default", "hover", "disabled"], Xn = {
+  default: Qn
+}, Symbol.toStringTag, { value: "Module" })), Kn = ["default", "hover", "disabled"], eo = {
   /**
    * @description Radio state
    */
   state: {
     type: String,
-    validator: (e) => Yn.includes(e),
+    validator: (e) => Kn.includes(e),
     default: "default"
   },
   disabled: {
@@ -536,8 +629,8 @@ const Dn = (e, t) => {
     type: [String, Number, Boolean],
     required: !0
   }
-}, Zn = ["update:modelValue"], Qn = (e) => {
-  const t = ee(null), n = tt(t), o = P(() => {
+}, to = ["update:modelValue"], no = (e) => {
+  const t = K(null), n = ot(t), o = P(() => {
     const r = "tw-sr-only tw-peer";
     return e.disabled ? O(r, "tw-cursor-default") : r;
   }), s = P(() => {
@@ -560,57 +653,57 @@ const Dn = (e, t) => {
     indicatorClasses: s,
     radioLabelClasses: i
   };
-}, Jn = ["id", "name", "value", "disabled"], Kn = ["for", "disabled"], eo = /* @__PURE__ */ Z({
+}, oo = ["id", "name", "value", "disabled"], so = ["for", "disabled"], io = /* @__PURE__ */ Y({
   __name: "radio",
-  props: Xn,
-  emits: Zn,
+  props: eo,
+  emits: to,
   setup(e, { emit: t }) {
-    const n = e, s = Nt(n, "modelValue", t), { radioRef: i, radioClasses: r, indicatorClasses: a, radioLabelClasses: d } = Qn(n);
-    return (l, c) => (_(), C(J, null, [
-      Je(y("input", {
+    const n = e, s = Nt(n, "modelValue", t), { radioRef: i, radioClasses: r, indicatorClasses: a, radioLabelClasses: l } = no(n);
+    return (d, u) => (m(), $(D, null, [
+      Ke(w("input", {
         id: n.id,
         ref_key: "radioRef",
         ref: i,
-        "onUpdate:modelValue": c[0] || (c[0] = (u) => Pt(s) ? s.value = u : null),
+        "onUpdate:modelValue": u[0] || (u[0] = (c) => et(s) ? s.value = c : null),
         type: "radio",
         name: n.name,
         value: n.value,
         disabled: n.disabled,
-        class: A(S(r))
-      }, null, 10, Jn), [
-        [en, S(s)]
+        class: k(x(r))
+      }, null, 10, oo), [
+        [Kt, x(s)]
       ]),
-      y("label", {
+      w("label", {
         ref_key: "radioRef",
         ref: i,
         for: n.id,
         disabled: n.disabled,
-        class: A([
+        class: k([
           "tw-flex tw-items-center tw-space-x-2",
-          S(d)
+          x(l)
         ])
       }, [
-        y("span", {
-          class: A(S(a))
+        w("span", {
+          class: k(x(a))
         }, null, 2),
-        D(l.$slots, "default")
-      ], 10, Kn)
+        R(d.$slots, "default")
+      ], 10, so)
     ], 64));
   }
-}), to = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: eo
-}, Symbol.toStringTag, { value: "Module" })), no = {
+  default: io
+}, Symbol.toStringTag, { value: "Module" })), ao = {
   /**
-   * @description Sidenav has quick actions
+   * @description Quick actions
    */
-  hasQuickActions: {
-    type: Boolean,
-    validator: (e) => typeof e == "boolean",
-    default: !1
+  quickActions: {
+    type: Array,
+    validator: (e) => Array.isArray(e),
+    default: () => []
   },
   /**
-   * @description Sidenav has search
+   * @description Search
    */
   hasSearch: {
     type: Boolean,
@@ -618,7 +711,7 @@ const Dn = (e, t) => {
     default: !1
   },
   /**
-   * @description Sidenav active navigation
+   * @description Active Navlink
    */
   activeNav: {
     type: Object,
@@ -626,66 +719,67 @@ const Dn = (e, t) => {
     default: () => ({ parentNav: "", menu: "", submenu: "" })
   },
   /**
-   * @description Sidenav navlinks
+   * @description Navlinks
    */
   navLinks: {
     type: Array,
     validator: (e) => Array.isArray(e),
     default: () => []
   }
-}, oo = {
-  "route-push": String
-}, so = (e, t) => ({
-  handleRedirect: (o, s) => {
-    s && (s.openInNewTab ? window.open(s.link, "_blank") : s.isAbsoluteURL ? location.href = s.link : t("route-push", s.link));
+}, lo = {
+  "get-navlink-item": String
+}, uo = (e, t) => ({
+  isQuckActionMenuVisible: K(!1),
+  handleRedirect: (s, i) => {
+    i && i.redirect && (i.redirect.openInNewTab ? window.open(i.redirect.link, "_blank") : i.redirect.isAbsoluteURL ? location.href = i.redirect.link : t("get-navlink-item", i));
   }
-}), io = ["top", "right", "bottom", "left"], dt = ["start", "end"], ut = /* @__PURE__ */ io.reduce((e, t) => e.concat(t, t + "-" + dt[0], t + "-" + dt[1]), []), be = Math.min, de = Math.max, ro = {
+}), co = ["top", "right", "bottom", "left"], ut = ["start", "end"], ct = /* @__PURE__ */ co.reduce((e, t) => e.concat(t, t + "-" + ut[0], t + "-" + ut[1]), []), xe = Math.min, ce = Math.max, po = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, ao = {
+}, fo = {
   start: "end",
   end: "start"
 };
-function qe(e, t, n) {
-  return de(e, be(t, n));
+function Ge(e, t, n) {
+  return ce(e, xe(t, n));
 }
-function fe(e, t) {
+function he(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function X(e) {
+function ee(e) {
   return e.split("-")[0];
 }
-function V(e) {
+function U(e) {
   return e.split("-")[1];
 }
-function Bt(e) {
+function zt(e) {
   return e === "x" ? "y" : "x";
 }
-function nt(e) {
+function st(e) {
   return e === "y" ? "height" : "width";
 }
-function pe(e) {
-  return ["top", "bottom"].includes(X(e)) ? "y" : "x";
+function fe(e) {
+  return ["top", "bottom"].includes(ee(e)) ? "y" : "x";
 }
-function ot(e) {
-  return Bt(pe(e));
+function it(e) {
+  return zt(fe(e));
 }
-function Rt(e, t, n) {
+function Bt(e, t, n) {
   n === void 0 && (n = !1);
-  const o = V(e), s = ot(e), i = nt(s);
+  const o = U(e), s = it(e), i = st(s);
   let r = s === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
-  return t.reference[i] > t.floating[i] && (r = Ne(r)), [r, Ne(r)];
+  return t.reference[i] > t.floating[i] && (r = Be(r)), [r, Be(r)];
 }
-function lo(e) {
-  const t = Ne(e);
-  return [Oe(e), t, Oe(t)];
+function ho(e) {
+  const t = Be(e);
+  return [ze(e), t, ze(t)];
 }
-function Oe(e) {
-  return e.replace(/start|end/g, (t) => ao[t]);
+function ze(e) {
+  return e.replace(/start|end/g, (t) => fo[t]);
 }
-function uo(e, t, n) {
+function wo(e, t, n) {
   const o = ["left", "right"], s = ["right", "left"], i = ["top", "bottom"], r = ["bottom", "top"];
   switch (e) {
     case "top":
@@ -698,15 +792,15 @@ function uo(e, t, n) {
       return [];
   }
 }
-function co(e, t, n, o) {
-  const s = V(e);
-  let i = uo(X(e), n === "start", o);
-  return s && (i = i.map((r) => r + "-" + s), t && (i = i.concat(i.map(Oe)))), i;
+function mo(e, t, n, o) {
+  const s = U(e);
+  let i = wo(ee(e), n === "start", o);
+  return s && (i = i.map((r) => r + "-" + s), t && (i = i.concat(i.map(ze)))), i;
 }
-function Ne(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => ro[t]);
+function Be(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => po[t]);
 }
-function po(e) {
+function go(e) {
   return {
     top: 0,
     right: 0,
@@ -715,15 +809,15 @@ function po(e) {
     ...e
   };
 }
-function Et(e) {
-  return typeof e != "number" ? po(e) : {
+function Rt(e) {
+  return typeof e != "number" ? go(e) : {
     top: e,
     right: e,
     bottom: e,
     left: e
   };
 }
-function me(e) {
+function be(e) {
   const {
     x: t,
     y: n,
@@ -741,36 +835,36 @@ function me(e) {
     y: n
   };
 }
-function ct(e, t, n) {
+function pt(e, t, n) {
   let {
     reference: o,
     floating: s
   } = e;
-  const i = pe(t), r = ot(t), a = nt(r), d = X(t), l = i === "y", c = o.x + o.width / 2 - s.width / 2, u = o.y + o.height / 2 - s.height / 2, f = o[a] / 2 - s[a] / 2;
+  const i = fe(t), r = it(t), a = st(r), l = ee(t), d = i === "y", u = o.x + o.width / 2 - s.width / 2, c = o.y + o.height / 2 - s.height / 2, f = o[a] / 2 - s[a] / 2;
   let p;
-  switch (d) {
+  switch (l) {
     case "top":
       p = {
-        x: c,
+        x: u,
         y: o.y - s.height
       };
       break;
     case "bottom":
       p = {
-        x: c,
+        x: u,
         y: o.y + o.height
       };
       break;
     case "right":
       p = {
         x: o.x + o.width,
-        y: u
+        y: c
       };
       break;
     case "left":
       p = {
         x: o.x - s.width,
-        y: u
+        y: c
       };
       break;
     default:
@@ -779,78 +873,78 @@ function ct(e, t, n) {
         y: o.y
       };
   }
-  switch (V(t)) {
+  switch (U(t)) {
     case "start":
-      p[r] -= f * (n && l ? -1 : 1);
+      p[r] -= f * (n && d ? -1 : 1);
       break;
     case "end":
-      p[r] += f * (n && l ? -1 : 1);
+      p[r] += f * (n && d ? -1 : 1);
       break;
   }
   return p;
 }
-const fo = async (e, t, n) => {
+const bo = async (e, t, n) => {
   const {
     placement: o = "bottom",
     strategy: s = "absolute",
     middleware: i = [],
     platform: r
-  } = n, a = i.filter(Boolean), d = await (r.isRTL == null ? void 0 : r.isRTL(t));
-  let l = await r.getElementRects({
+  } = n, a = i.filter(Boolean), l = await (r.isRTL == null ? void 0 : r.isRTL(t));
+  let d = await r.getElementRects({
     reference: e,
     floating: t,
     strategy: s
   }), {
-    x: c,
-    y: u
-  } = ct(l, o, d), f = o, p = {}, h = 0;
-  for (let w = 0; w < a.length; w++) {
+    x: u,
+    y: c
+  } = pt(d, o, l), f = o, p = {}, h = 0;
+  for (let g = 0; g < a.length; g++) {
     const {
-      name: g,
-      fn: m
-    } = a[w], {
+      name: b,
+      fn: y
+    } = a[g], {
       x: v,
-      y: b,
-      data: k,
-      reset: $
-    } = await m({
-      x: c,
-      y: u,
+      y: _,
+      data: A,
+      reset: T
+    } = await y({
+      x: u,
+      y: c,
       initialPlacement: o,
       placement: f,
       strategy: s,
       middlewareData: p,
-      rects: l,
+      rects: d,
       platform: r,
       elements: {
         reference: e,
         floating: t
       }
     });
-    c = v ?? c, u = b ?? u, p = {
+    u = v ?? u, c = _ ?? c, p = {
       ...p,
-      [g]: {
-        ...p[g],
-        ...k
+      [b]: {
+        ...p[b],
+        ...A
       }
-    }, $ && h <= 50 && (h++, typeof $ == "object" && ($.placement && (f = $.placement), $.rects && (l = $.rects === !0 ? await r.getElementRects({
+    }, T && h <= 50 && (h++, typeof T == "object" && (T.placement && (f = T.placement), T.rects && (d = T.rects === !0 ? await r.getElementRects({
       reference: e,
       floating: t,
       strategy: s
-    }) : $.rects), {
-      x: c,
-      y: u
-    } = ct(l, f, d)), w = -1);
+    }) : T.rects), {
+      x: u,
+      y: c
+    } = pt(d, f, l)), g = -1);
   }
   return {
-    x: c,
-    y: u,
+    x: u,
+    y: c,
     placement: f,
     strategy: s,
     middlewareData: p
   };
 };
-async function Ee(e, t) {
+async function Me(e, t) {
   var n;
   t === void 0 && (t = {});
   const {
@@ -859,43 +953,43 @@ async function Ee(e, t) {
     platform: i,
     rects: r,
     elements: a,
-    strategy: d
+    strategy: l
   } = e, {
-    boundary: l = "clippingAncestors",
-    rootBoundary: c = "viewport",
-    elementContext: u = "floating",
+    boundary: d = "clippingAncestors",
+    rootBoundary: u = "viewport",
+    elementContext: c = "floating",
     altBoundary: f = !1,
     padding: p = 0
-  } = fe(t, e), h = Et(p), g = a[f ? u === "floating" ? "reference" : "floating" : u], m = me(await i.getClippingRect({
-    element: (n = await (i.isElement == null ? void 0 : i.isElement(g))) == null || n ? g : g.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(a.floating)),
-    boundary: l,
-    rootBoundary: c,
-    strategy: d
-  })), v = u === "floating" ? {
+  } = he(t, e), h = Rt(p), b = a[f ? c === "floating" ? "reference" : "floating" : c], y = be(await i.getClippingRect({
+    element: (n = await (i.isElement == null ? void 0 : i.isElement(b))) == null || n ? b : b.contextElement || await (i.getDocumentElement == null ? void 0 : i.getDocumentElement(a.floating)),
+    boundary: d,
+    rootBoundary: u,
+    strategy: l
+  })), v = c === "floating" ? {
     x: o,
     y: s,
     width: r.floating.width,
     height: r.floating.height
-  } : r.reference, b = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(a.floating)), k = await (i.isElement == null ? void 0 : i.isElement(b)) ? await (i.getScale == null ? void 0 : i.getScale(b)) || {
+  } : r.reference, _ = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(a.floating)), A = await (i.isElement == null ? void 0 : i.isElement(_)) ? await (i.getScale == null ? void 0 : i.getScale(_)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, $ = me(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, T = be(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: a,
     rect: v,
-    offsetParent: b,
-    strategy: d
+    offsetParent: _,
+    strategy: l
   }) : v);
   return {
-    top: (m.top - $.top + h.top) / k.y,
-    bottom: ($.bottom - m.bottom + h.bottom) / k.y,
-    left: (m.left - $.left + h.left) / k.x,
-    right: ($.right - m.right + h.right) / k.x
+    top: (y.top - T.top + h.top) / A.y,
+    bottom: (T.bottom - y.bottom + h.bottom) / A.y,
+    left: (y.left - T.left + h.left) / A.x,
+    right: (T.right - y.right + h.right) / A.x
   };
 }
-const ho = (e) => ({
+const yo = (e) => ({
   name: "arrow",
   options: e,
   async fn(t) {
@@ -906,37 +1000,37 @@ const ho = (e) => ({
       rects: i,
       platform: r,
       elements: a,
-      middlewareData: d
+      middlewareData: l
     } = t, {
-      element: l,
-      padding: c = 0
-    } = fe(e, t) || {};
-    if (l == null)
+      element: d,
+      padding: u = 0
+    } = he(e, t) || {};
+    if (d == null)
       return {};
-    const u = Et(c), f = {
+    const c = Rt(u), f = {
       x: n,
       y: o
-    }, p = ot(s), h = nt(p), w = await r.getDimensions(l), g = p === "y", m = g ? "top" : "left", v = g ? "bottom" : "right", b = g ? "clientHeight" : "clientWidth", k = i.reference[h] + i.reference[p] - f[p] - i.floating[h], $ = f[p] - i.reference[p], N = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(l));
-    let z = N ? N[b] : 0;
-    (!z || !await (r.isElement == null ? void 0 : r.isElement(N))) && (z = a.floating[b] || i.floating[h]);
-    const H = k / 2 - $ / 2, R = z / 2 - w[h] / 2 - 1, T = be(u[m], R), E = be(u[v], R), L = T, W = z - w[h] - E, B = z / 2 - w[h] / 2 + H, he = qe(L, B, W), Q = !d.arrow && V(s) != null && B !== he && i.reference[h] / 2 - (B < L ? T : E) - w[h] / 2 < 0, q = Q ? B < L ? B - L : B - W : 0;
+    }, p = it(s), h = st(p), g = await r.getDimensions(d), b = p === "y", y = b ? "top" : "left", v = b ? "bottom" : "right", _ = b ? "clientHeight" : "clientWidth", A = i.reference[h] + i.reference[p] - f[p] - i.floating[h], T = f[p] - i.reference[p], N = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(d));
+    let z = N ? N[_] : 0;
+    (!z || !await (r.isElement == null ? void 0 : r.isElement(N))) && (z = a.floating[_] || i.floating[h]);
+    const V = A / 2 - T / 2, E = z / 2 - g[h] / 2 - 1, C = xe(c[y], E), M = xe(c[v], E), j = C, X = z - g[h] - M, B = z / 2 - g[h] / 2 + V, we = Ge(j, B, X), te = !l.arrow && U(s) != null && B !== we && i.reference[h] / 2 - (B < j ? C : M) - g[h] / 2 < 0, Z = te ? B < j ? B - j : B - X : 0;
     return {
-      [p]: f[p] + q,
+      [p]: f[p] + Z,
       data: {
-        [p]: he,
-        centerOffset: B - he - q,
-        ...Q && {
-          alignmentOffset: q
+        [p]: we,
+        centerOffset: B - we - Z,
+        ...te && {
+          alignmentOffset: Z
         }
       },
-      reset: Q
+      reset: te
     };
   }
 });
-function wo(e, t, n) {
-  return (e ? [...n.filter((s) => V(s) === e), ...n.filter((s) => V(s) !== e)] : n.filter((s) => X(s) === s)).filter((s) => e ? V(s) === e || (t ? Oe(s) !== s : !1) : !0);
+function vo(e, t, n) {
+  return (e ? [...n.filter((s) => U(s) === e), ...n.filter((s) => U(s) !== e)] : n.filter((s) => ee(s) === s)).filter((s) => e ? U(s) === e || (t ? ze(s) !== s : !1) : !0);
 }
-const mo = function(e) {
+const _o = function(e) {
   return e === void 0 && (e = {}), {
     name: "autoPlacement",
     options: e,
@@ -946,65 +1040,65 @@ const mo = function(e) {
         rects: i,
         middlewareData: r,
         placement: a,
-        platform: d,
-        elements: l
+        platform: l,
+        elements: d
       } = t, {
-        crossAxis: c = !1,
-        alignment: u,
-        allowedPlacements: f = ut,
+        crossAxis: u = !1,
+        alignment: c,
+        allowedPlacements: f = ct,
         autoAlignment: p = !0,
         ...h
-      } = fe(e, t), w = u !== void 0 || f === ut ? wo(u || null, p, f) : f, g = await Ee(t, h), m = ((n = r.autoPlacement) == null ? void 0 : n.index) || 0, v = w[m];
+      } = he(e, t), g = c !== void 0 || f === ct ? vo(c || null, p, f) : f, b = await Me(t, h), y = ((n = r.autoPlacement) == null ? void 0 : n.index) || 0, v = g[y];
       if (v == null)
         return {};
-      const b = Rt(v, i, await (d.isRTL == null ? void 0 : d.isRTL(l.floating)));
+      const _ = Bt(v, i, await (l.isRTL == null ? void 0 : l.isRTL(d.floating)));
       if (a !== v)
         return {
           reset: {
-            placement: w[0]
+            placement: g[0]
           }
         };
-      const k = [g[X(v)], g[b[0]], g[b[1]]], $ = [...((o = r.autoPlacement) == null ? void 0 : o.overflows) || [], {
+      const A = [b[ee(v)], b[_[0]], b[_[1]]], T = [...((o = r.autoPlacement) == null ? void 0 : o.overflows) || [], {
         placement: v,
-        overflows: k
-      }], N = w[m + 1];
+        overflows: A
+      }], N = g[y + 1];
       if (N)
         return {
           data: {
-            index: m + 1,
-            overflows: $
+            index: y + 1,
+            overflows: T
           },
           reset: {
             placement: N
           }
         };
-      const z = $.map((T) => {
-        const E = V(T.placement);
-        return [T.placement, E && c ? (
+      const z = T.map((C) => {
+        const M = U(C.placement);
+        return [C.placement, M && u ? (
           // Check along the mainAxis and main crossAxis side.
-          T.overflows.slice(0, 2).reduce((L, W) => L + W, 0)
+          C.overflows.slice(0, 2).reduce((j, X) => j + X, 0)
         ) : (
           // Check only the mainAxis.
-          T.overflows[0]
-        ), T.overflows];
-      }).sort((T, E) => T[1] - E[1]), R = ((s = z.filter((T) => T[2].slice(
+          C.overflows[0]
+        ), C.overflows];
+      }).sort((C, M) => C[1] - M[1]), E = ((s = z.filter((C) => C[2].slice(
         0,
         // Aligned placements should not check their opposite crossAxis
         // side.
-        V(T[0]) ? 2 : 3
-      ).every((E) => E <= 0))[0]) == null ? void 0 : s[0]) || z[0][0];
-      return R !== a ? {
+        U(C[0]) ? 2 : 3
+      ).every((M) => M <= 0))[0]) == null ? void 0 : s[0]) || z[0][0];
+      return E !== a ? {
         data: {
-          index: m + 1,
-          overflows: $
+          index: y + 1,
+          overflows: T
         },
         reset: {
-          placement: R
+          placement: E
         }
       } : {};
     }
   };
-}, go = function(e) {
+}, xo = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -1015,68 +1109,68 @@ const mo = function(e) {
         middlewareData: i,
         rects: r,
         initialPlacement: a,
-        platform: d,
-        elements: l
+        platform: l,
+        elements: d
       } = t, {
-        mainAxis: c = !0,
-        crossAxis: u = !0,
+        mainAxis: u = !0,
+        crossAxis: c = !0,
         fallbackPlacements: f,
         fallbackStrategy: p = "bestFit",
         fallbackAxisSideDirection: h = "none",
-        flipAlignment: w = !0,
-        ...g
-      } = fe(e, t);
+        flipAlignment: g = !0,
+        ...b
+      } = he(e, t);
       if ((n = i.arrow) != null && n.alignmentOffset)
         return {};
-      const m = X(s), v = pe(a), b = X(a) === a, k = await (d.isRTL == null ? void 0 : d.isRTL(l.floating)), $ = f || (b || !w ? [Ne(a)] : lo(a)), N = h !== "none";
-      !f && N && $.push(...co(a, w, h, k));
-      const z = [a, ...$], H = await Ee(t, g), R = [];
-      let T = ((o = i.flip) == null ? void 0 : o.overflows) || [];
-      if (c && R.push(H[m]), u) {
-        const B = Rt(s, r, k);
-        R.push(H[B[0]], H[B[1]]);
+      const y = ee(s), v = fe(a), _ = ee(a) === a, A = await (l.isRTL == null ? void 0 : l.isRTL(d.floating)), T = f || (_ || !g ? [Be(a)] : ho(a)), N = h !== "none";
+      !f && N && T.push(...mo(a, g, h, A));
+      const z = [a, ...T], V = await Me(t, b), E = [];
+      let C = ((o = i.flip) == null ? void 0 : o.overflows) || [];
+      if (u && E.push(V[y]), c) {
+        const B = Bt(s, r, A);
+        E.push(V[B[0]], V[B[1]]);
       }
-      if (T = [...T, {
+      if (C = [...C, {
         placement: s,
-        overflows: R
-      }], !R.every((B) => B <= 0)) {
-        var E, L;
-        const B = (((E = i.flip) == null ? void 0 : E.index) || 0) + 1, he = z[B];
-        if (he)
+        overflows: E
+      }], !E.every((B) => B <= 0)) {
+        var M, j;
+        const B = (((M = i.flip) == null ? void 0 : M.index) || 0) + 1, we = z[B];
+        if (we)
           return {
             data: {
               index: B,
-              overflows: T
+              overflows: C
             },
             reset: {
-              placement: he
+              placement: we
             }
           };
-        let Q = (L = T.filter((q) => q.overflows[0] <= 0).sort((q, te) => q.overflows[1] - te.overflows[1])[0]) == null ? void 0 : L.placement;
-        if (!Q)
+        let te = (j = C.filter((Z) => Z.overflows[0] <= 0).sort((Z, ne) => Z.overflows[1] - ne.overflows[1])[0]) == null ? void 0 : j.placement;
+        if (!te)
           switch (p) {
             case "bestFit": {
-              var W;
-              const q = (W = T.filter((te) => {
+              var X;
+              const Z = (X = C.filter((ne) => {
                 if (N) {
-                  const ne = pe(te.placement);
-                  return ne === v || // Create a bias to the `y` side axis due to horizontal
+                  const oe = fe(ne.placement);
+                  return oe === v || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  ne === "y";
+                  oe === "y";
                 }
                 return !0;
-              }).map((te) => [te.placement, te.overflows.filter((ne) => ne > 0).reduce((ne, Zt) => ne + Zt, 0)]).sort((te, ne) => te[1] - ne[1])[0]) == null ? void 0 : W[0];
-              q && (Q = q);
+              }).map((ne) => [ne.placement, ne.overflows.filter((oe) => oe > 0).reduce((oe, Xt) => oe + Xt, 0)]).sort((ne, oe) => ne[1] - oe[1])[0]) == null ? void 0 : X[0];
+              Z && (te = Z);
               break;
             }
             case "initialPlacement":
-              Q = a;
+              te = a;
               break;
           }
-        if (s !== Q)
+        if (s !== te)
           return {
             reset: {
-              placement: Q
+              placement: te
             }
           };
       }
@@ -1084,34 +1178,34 @@ const mo = function(e) {
     }
   };
 };
-async function yo(e, t) {
+async function $o(e, t) {
   const {
     placement: n,
     platform: o,
     elements: s
-  } = e, i = await (o.isRTL == null ? void 0 : o.isRTL(s.floating)), r = X(n), a = V(n), d = pe(n) === "y", l = ["left", "top"].includes(r) ? -1 : 1, c = i && d ? -1 : 1, u = fe(t, e);
+  } = e, i = await (o.isRTL == null ? void 0 : o.isRTL(s.floating)), r = ee(n), a = U(n), l = fe(n) === "y", d = ["left", "top"].includes(r) ? -1 : 1, u = i && l ? -1 : 1, c = he(t, e);
   let {
     mainAxis: f,
     crossAxis: p,
     alignmentAxis: h
-  } = typeof u == "number" ? {
-    mainAxis: u,
+  } = typeof c == "number" ? {
+    mainAxis: c,
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: u.mainAxis || 0,
-    crossAxis: u.crossAxis || 0,
-    alignmentAxis: u.alignmentAxis
+    mainAxis: c.mainAxis || 0,
+    crossAxis: c.crossAxis || 0,
+    alignmentAxis: c.alignmentAxis
   };
-  return a && typeof h == "number" && (p = a === "end" ? h * -1 : h), d ? {
-    x: p * c,
-    y: f * l
+  return a && typeof h == "number" && (p = a === "end" ? h * -1 : h), l ? {
+    x: p * u,
+    y: f * d
   } : {
-    x: f * l,
-    y: p * c
+    x: f * d,
+    y: p * u
   };
 }
-const vo = function(e) {
+const So = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -1122,18 +1216,18 @@ const vo = function(e) {
         y: i,
         placement: r,
         middlewareData: a
-      } = t, d = await yo(t, e);
+      } = t, l = await $o(t, e);
       return r === ((n = a.offset) == null ? void 0 : n.placement) && (o = a.arrow) != null && o.alignmentOffset ? {} : {
-        x: s + d.x,
-        y: i + d.y,
+        x: s + l.x,
+        y: i + l.y,
         data: {
-          ...d,
+          ...l,
           placement: r
         }
       };
     }
   };
-}, bo = function(e) {
+}, To = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -1146,50 +1240,50 @@ const vo = function(e) {
         mainAxis: i = !0,
         crossAxis: r = !1,
         limiter: a = {
-          fn: (g) => {
+          fn: (b) => {
             let {
-              x: m,
+              x: y,
               y: v
-            } = g;
+            } = b;
             return {
-              x: m,
+              x: y,
               y: v
             };
           }
         },
-        ...d
-      } = fe(e, t), l = {
+        ...l
+      } = he(e, t), d = {
         x: n,
         y: o
-      }, c = await Ee(t, d), u = pe(X(s)), f = Bt(u);
-      let p = l[f], h = l[u];
+      }, u = await Me(t, l), c = fe(ee(s)), f = zt(c);
+      let p = d[f], h = d[c];
       if (i) {
-        const g = f === "y" ? "top" : "left", m = f === "y" ? "bottom" : "right", v = p + c[g], b = p - c[m];
-        p = qe(v, p, b);
+        const b = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", v = p + u[b], _ = p - u[y];
+        p = Ge(v, p, _);
       }
       if (r) {
-        const g = u === "y" ? "top" : "left", m = u === "y" ? "bottom" : "right", v = h + c[g], b = h - c[m];
-        h = qe(v, h, b);
+        const b = c === "y" ? "top" : "left", y = c === "y" ? "bottom" : "right", v = h + u[b], _ = h - u[y];
+        h = Ge(v, h, _);
       }
-      const w = a.fn({
+      const g = a.fn({
         ...t,
         [f]: p,
-        [u]: h
+        [c]: h
       });
       return {
-        ...w,
+        ...g,
         data: {
-          x: w.x - n,
-          y: w.y - o,
+          x: g.x - n,
+          y: g.y - o,
           enabled: {
             [f]: i,
-            [u]: r
+            [c]: r
           }
         }
       };
     }
   };
-}, _o = function(e) {
+}, ko = function(e) {
   return e === void 0 && (e = {}), {
     name: "size",
     options: e,
@@ -1201,28 +1295,28 @@ const vo = function(e) {
         platform: r,
         elements: a
       } = t, {
-        apply: d = () => {
+        apply: l = () => {
         },
-        ...l
-      } = fe(e, t), c = await Ee(t, l), u = X(s), f = V(s), p = pe(s) === "y", {
+        ...d
+      } = he(e, t), u = await Me(t, d), c = ee(s), f = U(s), p = fe(s) === "y", {
         width: h,
-        height: w
+        height: g
       } = i.floating;
-      let g, m;
-      u === "top" || u === "bottom" ? (g = u, m = f === (await (r.isRTL == null ? void 0 : r.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (m = u, g = f === "end" ? "top" : "bottom");
-      const v = w - c.top - c.bottom, b = h - c.left - c.right, k = be(w - c[g], v), $ = be(h - c[m], b), N = !t.middlewareData.shift;
-      let z = k, H = $;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (H = b), (o = t.middlewareData.shift) != null && o.enabled.y && (z = v), N && !f) {
-        const T = de(c.left, 0), E = de(c.right, 0), L = de(c.top, 0), W = de(c.bottom, 0);
-        p ? H = h - 2 * (T !== 0 || E !== 0 ? T + E : de(c.left, c.right)) : z = w - 2 * (L !== 0 || W !== 0 ? L + W : de(c.top, c.bottom));
+      let b, y;
+      c === "top" || c === "bottom" ? (b = c, y = f === (await (r.isRTL == null ? void 0 : r.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (y = c, b = f === "end" ? "top" : "bottom");
+      const v = g - u.top - u.bottom, _ = h - u.left - u.right, A = xe(g - u[b], v), T = xe(h - u[y], _), N = !t.middlewareData.shift;
+      let z = A, V = T;
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (V = _), (o = t.middlewareData.shift) != null && o.enabled.y && (z = v), N && !f) {
+        const C = ce(u.left, 0), M = ce(u.right, 0), j = ce(u.top, 0), X = ce(u.bottom, 0);
+        p ? V = h - 2 * (C !== 0 || M !== 0 ? C + M : ce(u.left, u.right)) : z = g - 2 * (j !== 0 || X !== 0 ? j + X : ce(u.top, u.bottom));
       }
-      await d({
+      await l({
         ...t,
-        availableWidth: H,
+        availableWidth: V,
         availableHeight: z
       });
-      const R = await r.getDimensions(a.floating);
-      return h !== R.width || w !== R.height ? {
+      const E = await r.getDimensions(a.floating);
+      return h !== E.width || g !== E.height ? {
         reset: {
           rects: !0
         }
@@ -1230,199 +1324,199 @@ const vo = function(e) {
     }
   };
 };
-function j(e) {
+function I(e) {
   var t;
   return ((t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function U(e) {
-  return j(e).getComputedStyle(e);
+function Q(e) {
+  return I(e).getComputedStyle(e);
 }
-const pt = Math.min, ge = Math.max, ze = Math.round;
-function Dt(e) {
-  const t = U(e);
+const ft = Math.min, ye = Math.max, Re = Math.round;
+function Et(e) {
+  const t = Q(e);
   let n = parseFloat(t.width), o = parseFloat(t.height);
-  const s = e.offsetWidth, i = e.offsetHeight, r = ze(n) !== s || ze(o) !== i;
+  const s = e.offsetWidth, i = e.offsetHeight, r = Re(n) !== s || Re(o) !== i;
   return r && (n = s, o = i), { width: n, height: o, fallback: r };
 }
-function ae(e) {
-  return Ht(e) ? (e.nodeName || "").toLowerCase() : "";
+function le(e) {
+  return Dt(e) ? (e.nodeName || "").toLowerCase() : "";
 }
-let Te;
+let Ce;
 function Mt() {
-  if (Te) return Te;
+  if (Ce) return Ce;
   const e = navigator.userAgentData;
-  return e && Array.isArray(e.brands) ? (Te = e.brands.map((t) => t.brand + "/" + t.version).join(" "), Te) : navigator.userAgent;
+  return e && Array.isArray(e.brands) ? (Ce = e.brands.map((t) => t.brand + "/" + t.version).join(" "), Ce) : navigator.userAgent;
 }
-function Y(e) {
-  return e instanceof j(e).HTMLElement;
+function J(e) {
+  return e instanceof I(e).HTMLElement;
 }
-function ie(e) {
-  return e instanceof j(e).Element;
+function re(e) {
+  return e instanceof I(e).Element;
 }
-function Ht(e) {
-  return e instanceof j(e).Node;
+function Dt(e) {
+  return e instanceof I(e).Node;
 }
-function ft(e) {
-  return typeof ShadowRoot > "u" ? !1 : e instanceof j(e).ShadowRoot || e instanceof ShadowRoot;
+function ht(e) {
+  return typeof ShadowRoot > "u" ? !1 : e instanceof I(e).ShadowRoot || e instanceof ShadowRoot;
 }
 function De(e) {
-  const { overflow: t, overflowX: n, overflowY: o, display: s } = U(e);
+  const { overflow: t, overflowX: n, overflowY: o, display: s } = Q(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !["inline", "contents"].includes(s);
 }
-function xo(e) {
-  return ["table", "td", "th"].includes(ae(e));
+function Co(e) {
+  return ["table", "td", "th"].includes(le(e));
 }
-function Ge(e) {
-  const t = /firefox/i.test(Mt()), n = U(e), o = n.backdropFilter || n.WebkitBackdropFilter;
+function Ue(e) {
+  const t = /firefox/i.test(Mt()), n = Q(e), o = n.backdropFilter || n.WebkitBackdropFilter;
   return n.transform !== "none" || n.perspective !== "none" || !!o && o !== "none" || t && n.willChange === "filter" || t && !!n.filter && n.filter !== "none" || ["transform", "perspective"].some((s) => n.willChange.includes(s)) || ["paint", "layout", "strict", "content"].some((s) => {
     const i = n.contain;
     return i != null && i.includes(s);
   });
 }
-function Lt() {
+function Ht() {
   return !/^((?!chrome|android).)*safari/i.test(Mt());
 }
-function st(e) {
-  return ["html", "body", "#document"].includes(ae(e));
+function rt(e) {
+  return ["html", "body", "#document"].includes(le(e));
 }
-function jt(e) {
-  return ie(e) ? e : e.contextElement;
-}
-const Ft = { x: 1, y: 1 };
-function we(e) {
-  const t = jt(e);
-  if (!Y(t)) return Ft;
-  const n = t.getBoundingClientRect(), { width: o, height: s, fallback: i } = Dt(t);
-  let r = (i ? ze(n.width) : n.width) / o, a = (i ? ze(n.height) : n.height) / s;
+function Lt(e) {
+  return re(e) ? e : e.contextElement;
+}
+const Vt = { x: 1, y: 1 };
+function ge(e) {
+  const t = Lt(e);
+  if (!J(t)) return Vt;
+  const n = t.getBoundingClientRect(), { width: o, height: s, fallback: i } = Et(t);
+  let r = (i ? Re(n.width) : n.width) / o, a = (i ? Re(n.height) : n.height) / s;
   return r && Number.isFinite(r) || (r = 1), a && Number.isFinite(a) || (a = 1), { x: r, y: a };
 }
-function _e(e, t, n, o) {
+function $e(e, t, n, o) {
   var s, i;
   t === void 0 && (t = !1), n === void 0 && (n = !1);
-  const r = e.getBoundingClientRect(), a = jt(e);
-  let d = Ft;
-  t && (o ? ie(o) && (d = we(o)) : d = we(e));
-  const l = a ? j(a) : window, c = !Lt() && n;
-  let u = (r.left + (c && ((s = l.visualViewport) == null ? void 0 : s.offsetLeft) || 0)) / d.x, f = (r.top + (c && ((i = l.visualViewport) == null ? void 0 : i.offsetTop) || 0)) / d.y, p = r.width / d.x, h = r.height / d.y;
+  const r = e.getBoundingClientRect(), a = Lt(e);
+  let l = Vt;
+  t && (o ? re(o) && (l = ge(o)) : l = ge(e));
+  const d = a ? I(a) : window, u = !Ht() && n;
+  let c = (r.left + (u && ((s = d.visualViewport) == null ? void 0 : s.offsetLeft) || 0)) / l.x, f = (r.top + (u && ((i = d.visualViewport) == null ? void 0 : i.offsetTop) || 0)) / l.y, p = r.width / l.x, h = r.height / l.y;
   if (a) {
-    const w = j(a), g = o && ie(o) ? j(o) : o;
-    let m = w.frameElement;
-    for (; m && o && g !== w; ) {
-      const v = we(m), b = m.getBoundingClientRect(), k = getComputedStyle(m);
-      b.x += (m.clientLeft + parseFloat(k.paddingLeft)) * v.x, b.y += (m.clientTop + parseFloat(k.paddingTop)) * v.y, u *= v.x, f *= v.y, p *= v.x, h *= v.y, u += b.x, f += b.y, m = j(m).frameElement;
+    const g = I(a), b = o && re(o) ? I(o) : o;
+    let y = g.frameElement;
+    for (; y && o && b !== g; ) {
+      const v = ge(y), _ = y.getBoundingClientRect(), A = getComputedStyle(y);
+      _.x += (y.clientLeft + parseFloat(A.paddingLeft)) * v.x, _.y += (y.clientTop + parseFloat(A.paddingTop)) * v.y, c *= v.x, f *= v.y, p *= v.x, h *= v.y, c += _.x, f += _.y, y = I(y).frameElement;
     }
   }
-  return { width: p, height: h, top: f, right: u + p, bottom: f + h, left: u, x: u, y: f };
+  return { width: p, height: h, top: f, right: c + p, bottom: f + h, left: c, x: c, y: f };
 }
-function re(e) {
-  return ((Ht(e) ? e.ownerDocument : e.document) || window.document).documentElement;
+function ae(e) {
+  return ((Dt(e) ? e.ownerDocument : e.document) || window.document).documentElement;
 }
-function Me(e) {
-  return ie(e) ? { scrollLeft: e.scrollLeft, scrollTop: e.scrollTop } : { scrollLeft: e.pageXOffset, scrollTop: e.pageYOffset };
+function He(e) {
+  return re(e) ? { scrollLeft: e.scrollLeft, scrollTop: e.scrollTop } : { scrollLeft: e.pageXOffset, scrollTop: e.pageYOffset };
 }
-function It(e) {
-  return _e(re(e)).left + Me(e).scrollLeft;
+function jt(e) {
+  return $e(ae(e)).left + He(e).scrollLeft;
 }
-function xe(e) {
-  if (ae(e) === "html") return e;
-  const t = e.assignedSlot || e.parentNode || ft(e) && e.host || re(e);
-  return ft(t) ? t.host : t;
+function Se(e) {
+  if (le(e) === "html") return e;
+  const t = e.assignedSlot || e.parentNode || ht(e) && e.host || ae(e);
+  return ht(t) ? t.host : t;
 }
-function Vt(e) {
-  const t = xe(e);
-  return st(t) ? t.ownerDocument.body : Y(t) && De(t) ? t : Vt(t);
+function Ft(e) {
+  const t = Se(e);
+  return rt(t) ? t.ownerDocument.body : J(t) && De(t) ? t : Ft(t);
 }
-function Be(e, t) {
+function Ee(e, t) {
   var n;
   t === void 0 && (t = []);
-  const o = Vt(e), s = o === ((n = e.ownerDocument) == null ? void 0 : n.body), i = j(o);
-  return s ? t.concat(i, i.visualViewport || [], De(o) ? o : []) : t.concat(o, Be(o));
+  const o = Ft(e), s = o === ((n = e.ownerDocument) == null ? void 0 : n.body), i = I(o);
+  return s ? t.concat(i, i.visualViewport || [], De(o) ? o : []) : t.concat(o, Ee(o));
 }
-function ht(e, t, n) {
-  return t === "viewport" ? me(function(o, s) {
-    const i = j(o), r = re(o), a = i.visualViewport;
-    let d = r.clientWidth, l = r.clientHeight, c = 0, u = 0;
+function wt(e, t, n) {
+  return t === "viewport" ? be(function(o, s) {
+    const i = I(o), r = ae(o), a = i.visualViewport;
+    let l = r.clientWidth, d = r.clientHeight, u = 0, c = 0;
     if (a) {
-      d = a.width, l = a.height;
-      const f = Lt();
-      (f || !f && s === "fixed") && (c = a.offsetLeft, u = a.offsetTop);
+      l = a.width, d = a.height;
+      const f = Ht();
+      (f || !f && s === "fixed") && (u = a.offsetLeft, c = a.offsetTop);
     }
-    return { width: d, height: l, x: c, y: u };
-  }(e, n)) : ie(t) ? me(function(o, s) {
-    const i = _e(o, !0, s === "fixed"), r = i.top + o.clientTop, a = i.left + o.clientLeft, d = Y(o) ? we(o) : { x: 1, y: 1 };
-    return { width: o.clientWidth * d.x, height: o.clientHeight * d.y, x: a * d.x, y: r * d.y };
-  }(t, n)) : me(function(o) {
-    const s = re(o), i = Me(o), r = o.ownerDocument.body, a = ge(s.scrollWidth, s.clientWidth, r.scrollWidth, r.clientWidth), d = ge(s.scrollHeight, s.clientHeight, r.scrollHeight, r.clientHeight);
-    let l = -i.scrollLeft + It(o);
-    const c = -i.scrollTop;
-    return U(r).direction === "rtl" && (l += ge(s.clientWidth, r.clientWidth) - a), { width: a, height: d, x: l, y: c };
-  }(re(e)));
-}
-function wt(e) {
-  return Y(e) && U(e).position !== "fixed" ? e.offsetParent : null;
+    return { width: l, height: d, x: u, y: c };
+  }(e, n)) : re(t) ? be(function(o, s) {
+    const i = $e(o, !0, s === "fixed"), r = i.top + o.clientTop, a = i.left + o.clientLeft, l = J(o) ? ge(o) : { x: 1, y: 1 };
+    return { width: o.clientWidth * l.x, height: o.clientHeight * l.y, x: a * l.x, y: r * l.y };
+  }(t, n)) : be(function(o) {
+    const s = ae(o), i = He(o), r = o.ownerDocument.body, a = ye(s.scrollWidth, s.clientWidth, r.scrollWidth, r.clientWidth), l = ye(s.scrollHeight, s.clientHeight, r.scrollHeight, r.clientHeight);
+    let d = -i.scrollLeft + jt(o);
+    const u = -i.scrollTop;
+    return Q(r).direction === "rtl" && (d += ye(s.clientWidth, r.clientWidth) - a), { width: a, height: l, x: d, y: u };
+  }(ae(e)));
 }
 function mt(e) {
-  const t = j(e);
-  let n = wt(e);
-  for (; n && xo(n) && U(n).position === "static"; ) n = wt(n);
-  return n && (ae(n) === "html" || ae(n) === "body" && U(n).position === "static" && !Ge(n)) ? t : n || function(o) {
-    let s = xe(o);
-    for (; Y(s) && !st(s); ) {
-      if (Ge(s)) return s;
-      s = xe(s);
+  return J(e) && Q(e).position !== "fixed" ? e.offsetParent : null;
+}
+function gt(e) {
+  const t = I(e);
+  let n = mt(e);
+  for (; n && Co(n) && Q(n).position === "static"; ) n = mt(n);
+  return n && (le(n) === "html" || le(n) === "body" && Q(n).position === "static" && !Ue(n)) ? t : n || function(o) {
+    let s = Se(o);
+    for (; J(s) && !rt(s); ) {
+      if (Ue(s)) return s;
+      s = Se(s);
     }
     return null;
   }(e) || t;
 }
-function $o(e, t, n) {
-  const o = Y(t), s = re(t), i = _e(e, !0, n === "fixed", t);
+function Po(e, t, n) {
+  const o = J(t), s = ae(t), i = $e(e, !0, n === "fixed", t);
   let r = { scrollLeft: 0, scrollTop: 0 };
   const a = { x: 0, y: 0 };
-  if (o || !o && n !== "fixed") if ((ae(t) !== "body" || De(s)) && (r = Me(t)), Y(t)) {
-    const d = _e(t, !0);
-    a.x = d.x + t.clientLeft, a.y = d.y + t.clientTop;
-  } else s && (a.x = It(s));
+  if (o || !o && n !== "fixed") if ((le(t) !== "body" || De(s)) && (r = He(t)), J(t)) {
+    const l = $e(t, !0);
+    a.x = l.x + t.clientLeft, a.y = l.y + t.clientTop;
+  } else s && (a.x = jt(s));
   return { x: i.left + r.scrollLeft - a.x, y: i.top + r.scrollTop - a.y, width: i.width, height: i.height };
 }
-const So = { getClippingRect: function(e) {
+const Ao = { getClippingRect: function(e) {
   let { element: t, boundary: n, rootBoundary: o, strategy: s } = e;
-  const i = n === "clippingAncestors" ? function(l, c) {
-    const u = c.get(l);
-    if (u) return u;
-    let f = Be(l).filter((g) => ie(g) && ae(g) !== "body"), p = null;
-    const h = U(l).position === "fixed";
-    let w = h ? xe(l) : l;
-    for (; ie(w) && !st(w); ) {
-      const g = U(w), m = Ge(w);
-      (h ? m || p : m || g.position !== "static" || !p || !["absolute", "fixed"].includes(p.position)) ? p = g : f = f.filter((v) => v !== w), w = xe(w);
+  const i = n === "clippingAncestors" ? function(d, u) {
+    const c = u.get(d);
+    if (c) return c;
+    let f = Ee(d).filter((b) => re(b) && le(b) !== "body"), p = null;
+    const h = Q(d).position === "fixed";
+    let g = h ? Se(d) : d;
+    for (; re(g) && !rt(g); ) {
+      const b = Q(g), y = Ue(g);
+      (h ? y || p : y || b.position !== "static" || !p || !["absolute", "fixed"].includes(p.position)) ? p = b : f = f.filter((v) => v !== g), g = Se(g);
     }
-    return c.set(l, f), f;
-  }(t, this._c) : [].concat(n), r = [...i, o], a = r[0], d = r.reduce((l, c) => {
-    const u = ht(t, c, s);
-    return l.top = ge(u.top, l.top), l.right = pt(u.right, l.right), l.bottom = pt(u.bottom, l.bottom), l.left = ge(u.left, l.left), l;
-  }, ht(t, a, s));
-  return { width: d.right - d.left, height: d.bottom - d.top, x: d.left, y: d.top };
+    return u.set(d, f), f;
+  }(t, this._c) : [].concat(n), r = [...i, o], a = r[0], l = r.reduce((d, u) => {
+    const c = wt(t, u, s);
+    return d.top = ye(c.top, d.top), d.right = ft(c.right, d.right), d.bottom = ft(c.bottom, d.bottom), d.left = ye(c.left, d.left), d;
+  }, wt(t, a, s));
+  return { width: l.right - l.left, height: l.bottom - l.top, x: l.left, y: l.top };
 }, convertOffsetParentRelativeRectToViewportRelativeRect: function(e) {
   let { rect: t, offsetParent: n, strategy: o } = e;
-  const s = Y(n), i = re(n);
+  const s = J(n), i = ae(n);
   if (n === i) return t;
   let r = { scrollLeft: 0, scrollTop: 0 }, a = { x: 1, y: 1 };
-  const d = { x: 0, y: 0 };
-  if ((s || !s && o !== "fixed") && ((ae(n) !== "body" || De(i)) && (r = Me(n)), Y(n))) {
-    const l = _e(n);
-    a = we(n), d.x = l.x + n.clientLeft, d.y = l.y + n.clientTop;
+  const l = { x: 0, y: 0 };
+  if ((s || !s && o !== "fixed") && ((le(n) !== "body" || De(i)) && (r = He(n)), J(n))) {
+    const d = $e(n);
+    a = ge(n), l.x = d.x + n.clientLeft, l.y = d.y + n.clientTop;
   }
-  return { width: t.width * a.x, height: t.height * a.y, x: t.x * a.x - r.scrollLeft * a.x + d.x, y: t.y * a.y - r.scrollTop * a.y + d.y };
-}, isElement: ie, getDimensions: function(e) {
-  return Y(e) ? Dt(e) : e.getBoundingClientRect();
-}, getOffsetParent: mt, getDocumentElement: re, getScale: we, async getElementRects(e) {
+  return { width: t.width * a.x, height: t.height * a.y, x: t.x * a.x - r.scrollLeft * a.x + l.x, y: t.y * a.y - r.scrollTop * a.y + l.y };
+}, isElement: re, getDimensions: function(e) {
+  return J(e) ? Et(e) : e.getBoundingClientRect();
+}, getOffsetParent: gt, getDocumentElement: ae, getScale: ge, async getElementRects(e) {
   let { reference: t, floating: n, strategy: o } = e;
-  const s = this.getOffsetParent || mt, i = this.getDimensions;
-  return { reference: $o(t, await s(n), o), floating: { x: 0, y: 0, ...await i(n) } };
-}, getClientRects: (e) => Array.from(e.getClientRects()), isRTL: (e) => U(e).direction === "rtl" }, To = (e, t, n) => {
-  const o = /* @__PURE__ */ new Map(), s = { platform: So, ...n }, i = { ...s.platform, _c: o };
-  return fo(e, t, { ...s, platform: i });
-}, ce = {
+  const s = this.getOffsetParent || gt, i = this.getDimensions;
+  return { reference: Po(t, await s(n), o), floating: { x: 0, y: 0, ...await i(n) } };
+}, getClientRects: (e) => Array.from(e.getClientRects()), isRTL: (e) => Q(e).direction === "rtl" }, Oo = (e, t, n) => {
+  const o = /* @__PURE__ */ new Map(), s = { platform: Ao, ...n }, i = { ...s.platform, _c: o };
+  return bo(e, t, { ...s, platform: i });
+}, pe = {
   // Disable popper components
   disabled: !1,
   // Default position offset along main axis (px)
@@ -1501,36 +1595,36 @@ const So = { getClippingRect: function(e) {
     }
   }
 };
-function Ue(e, t) {
-  let n = ce.themes[e] || {}, o;
+function Ye(e, t) {
+  let n = pe.themes[e] || {}, o;
   do
-    o = n[t], typeof o > "u" ? n.$extend ? n = ce.themes[n.$extend] || {} : (n = null, o = ce[t]) : n = null;
+    o = n[t], typeof o > "u" ? n.$extend ? n = pe.themes[n.$extend] || {} : (n = null, o = pe[t]) : n = null;
   while (n);
   return o;
 }
-function Co(e) {
+function No(e) {
   const t = [e];
-  let n = ce.themes[e] || {};
+  let n = pe.themes[e] || {};
   do
-    n.$extend && !n.$resetCss ? (t.push(n.$extend), n = ce.themes[n.$extend] || {}) : n = null;
+    n.$extend && !n.$resetCss ? (t.push(n.$extend), n = pe.themes[n.$extend] || {}) : n = null;
   while (n);
   return t.map((o) => `v-popper--theme-${o}`);
 }
-function gt(e) {
+function bt(e) {
   const t = [e];
-  let n = ce.themes[e] || {};
+  let n = pe.themes[e] || {};
   do
-    n.$extend ? (t.push(n.$extend), n = ce.themes[n.$extend] || {}) : n = null;
+    n.$extend ? (t.push(n.$extend), n = pe.themes[n.$extend] || {}) : n = null;
   while (n);
   return t;
 }
-let $e = !1;
+let Te = !1;
 if (typeof window < "u") {
-  $e = !1;
+  Te = !1;
   try {
     const e = Object.defineProperty({}, "passive", {
       get() {
-        $e = !0;
+        Te = !0;
       }
     });
     window.addEventListener("test", null, e);
@@ -1539,7 +1633,7 @@ if (typeof window < "u") {
 }
 let Wt = !1;
 typeof window < "u" && typeof navigator < "u" && (Wt = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream);
-const ko = ["auto", "top", "bottom", "left", "right"].reduce((e, t) => e.concat([
+const zo = ["auto", "top", "bottom", "left", "right"].reduce((e, t) => e.concat([
   t,
   `${t}-start`,
   `${t}-end`
@@ -1556,31 +1650,31 @@ const ko = ["auto", "top", "bottom", "left", "right"].reduce((e, t) => e.concat(
   touch: "touchend",
   pointer: "pointerup"
 };
-function bt(e, t) {
+function _t(e, t) {
   const n = e.indexOf(t);
   n !== -1 && e.splice(n, 1);
 }
-function Fe() {
+function We() {
   return new Promise((e) => requestAnimationFrame(() => {
     requestAnimationFrame(e);
   }));
 }
-const I = [];
-let le = null;
-const _t = {};
-function xt(e) {
-  let t = _t[e];
-  return t || (t = _t[e] = []), t;
+const G = [];
+let ue = null;
+const xt = {};
+function $t(e) {
+  let t = xt[e];
+  return t || (t = xt[e] = []), t;
 }
-let Ye = function() {
+let Xe = function() {
 };
-typeof window < "u" && (Ye = window.Element);
-function x(e) {
+typeof window < "u" && (Xe = window.Element);
+function S(e) {
   return function(t) {
-    return Ue(t.theme, e);
+    return Ye(t.theme, e);
   };
 }
-const Ie = "__floating-vue__popper", qt = () => Z({
+const Ie = "__floating-vue__popper", It = () => Y({
   name: "VPopper",
   provide() {
     return {
@@ -1623,147 +1717,147 @@ const Ie = "__floating-vue__popper", qt = () => Z({
     },
     disabled: {
       type: Boolean,
-      default: x("disabled")
+      default: S("disabled")
     },
     positioningDisabled: {
       type: Boolean,
-      default: x("positioningDisabled")
+      default: S("positioningDisabled")
     },
     placement: {
       type: String,
-      default: x("placement"),
-      validator: (e) => ko.includes(e)
+      default: S("placement"),
+      validator: (e) => zo.includes(e)
     },
     delay: {
       type: [String, Number, Object],
-      default: x("delay")
+      default: S("delay")
     },
     distance: {
       type: [Number, String],
-      default: x("distance")
+      default: S("distance")
     },
     skidding: {
       type: [Number, String],
-      default: x("skidding")
+      default: S("skidding")
     },
     triggers: {
       type: Array,
-      default: x("triggers")
+      default: S("triggers")
     },
     showTriggers: {
       type: [Array, Function],
-      default: x("showTriggers")
+      default: S("showTriggers")
     },
     hideTriggers: {
       type: [Array, Function],
-      default: x("hideTriggers")
+      default: S("hideTriggers")
     },
     popperTriggers: {
       type: Array,
-      default: x("popperTriggers")
+      default: S("popperTriggers")
     },
     popperShowTriggers: {
       type: [Array, Function],
-      default: x("popperShowTriggers")
+      default: S("popperShowTriggers")
     },
     popperHideTriggers: {
       type: [Array, Function],
-      default: x("popperHideTriggers")
+      default: S("popperHideTriggers")
     },
     container: {
-      type: [String, Object, Ye, Boolean],
-      default: x("container")
+      type: [String, Object, Xe, Boolean],
+      default: S("container")
     },
     boundary: {
-      type: [String, Ye],
-      default: x("boundary")
+      type: [String, Xe],
+      default: S("boundary")
     },
     strategy: {
       type: String,
       validator: (e) => ["absolute", "fixed"].includes(e),
-      default: x("strategy")
+      default: S("strategy")
     },
     autoHide: {
       type: [Boolean, Function],
-      default: x("autoHide")
+      default: S("autoHide")
     },
     handleResize: {
       type: Boolean,
-      default: x("handleResize")
+      default: S("handleResize")
     },
     instantMove: {
       type: Boolean,
-      default: x("instantMove")
+      default: S("instantMove")
     },
     eagerMount: {
       type: Boolean,
-      default: x("eagerMount")
+      default: S("eagerMount")
     },
     popperClass: {
       type: [String, Array, Object],
-      default: x("popperClass")
+      default: S("popperClass")
     },
     computeTransformOrigin: {
       type: Boolean,
-      default: x("computeTransformOrigin")
+      default: S("computeTransformOrigin")
     },
     /**
      * @deprecated
      */
     autoMinSize: {
       type: Boolean,
-      default: x("autoMinSize")
+      default: S("autoMinSize")
     },
     autoSize: {
       type: [Boolean, String],
-      default: x("autoSize")
+      default: S("autoSize")
     },
     /**
      * @deprecated
      */
     autoMaxSize: {
       type: Boolean,
-      default: x("autoMaxSize")
+      default: S("autoMaxSize")
     },
     autoBoundaryMaxSize: {
       type: Boolean,
-      default: x("autoBoundaryMaxSize")
+      default: S("autoBoundaryMaxSize")
     },
     preventOverflow: {
       type: Boolean,
-      default: x("preventOverflow")
+      default: S("preventOverflow")
     },
     overflowPadding: {
       type: [Number, String],
-      default: x("overflowPadding")
+      default: S("overflowPadding")
     },
     arrowPadding: {
       type: [Number, String],
-      default: x("arrowPadding")
+      default: S("arrowPadding")
     },
     arrowOverflow: {
       type: Boolean,
-      default: x("arrowOverflow")
+      default: S("arrowOverflow")
     },
     flip: {
       type: Boolean,
-      default: x("flip")
+      default: S("flip")
     },
     shift: {
       type: Boolean,
-      default: x("shift")
+      default: S("shift")
     },
     shiftCrossAxis: {
       type: Boolean,
-      default: x("shiftCrossAxis")
+      default: S("shiftCrossAxis")
     },
     noAutoFocus: {
       type: Boolean,
-      default: x("noAutoFocus")
+      default: S("noAutoFocus")
     },
     disposeTimeout: {
       type: Number,
-      default: x("disposeTimeout")
+      default: S("disposeTimeout")
     }
   },
   emits: {
@@ -1926,21 +2020,21 @@ const Ie = "__floating-vue__popper", qt = () => Z({
         strategy: this.strategy,
         middleware: []
       };
-      (this.distance || this.skidding) && e.middleware.push(vo({
+      (this.distance || this.skidding) && e.middleware.push(So({
         mainAxis: this.distance,
         crossAxis: this.skidding
       }));
       const t = this.placement.startsWith("auto");
-      if (t ? e.middleware.push(mo({
+      if (t ? e.middleware.push(_o({
         alignment: this.placement.split("-")[1] ?? ""
-      })) : e.placement = this.placement, this.preventOverflow && (this.shift && e.middleware.push(bo({
+      })) : e.placement = this.placement, this.preventOverflow && (this.shift && e.middleware.push(To({
         padding: this.overflowPadding,
         boundary: this.boundary,
         crossAxis: this.shiftCrossAxis
-      })), !t && this.flip && e.middleware.push(go({
+      })), !t && this.flip && e.middleware.push(xo({
         padding: this.overflowPadding,
         boundary: this.boundary
-      }))), e.middleware.push(ho({
+      }))), e.middleware.push(yo({
         element: this.$_arrowNode,
         padding: this.arrowPadding
       })), this.arrowOverflow && e.middleware.push({
@@ -1962,8 +2056,8 @@ const Ie = "__floating-vue__popper", qt = () => Z({
             var a;
             if ((a = r.autoSize) != null && a.skip)
               return {};
-            let d, l;
-            return i.startsWith("top") || i.startsWith("bottom") ? d = s.reference.width : l = s.reference.height, this.$_innerNode.style[o === "min" ? "minWidth" : o === "max" ? "maxWidth" : "width"] = d != null ? `${d}px` : null, this.$_innerNode.style[o === "min" ? "minHeight" : o === "max" ? "maxHeight" : "height"] = l != null ? `${l}px` : null, {
+            let l, d;
+            return i.startsWith("top") || i.startsWith("bottom") ? l = s.reference.width : d = s.reference.height, this.$_innerNode.style[o === "min" ? "minWidth" : o === "max" ? "maxWidth" : "width"] = l != null ? `${l}px` : null, this.$_innerNode.style[o === "min" ? "minHeight" : o === "max" ? "maxHeight" : "height"] = d != null ? `${d}px` : null, {
               data: {
                 skip: !0
               },
@@ -1974,14 +2068,14 @@ const Ie = "__floating-vue__popper", qt = () => Z({
           }
         });
       }
-      (this.autoMaxSize || this.autoBoundaryMaxSize) && (this.$_innerNode.style.maxWidth = null, this.$_innerNode.style.maxHeight = null, e.middleware.push(_o({
+      (this.autoMaxSize || this.autoBoundaryMaxSize) && (this.$_innerNode.style.maxWidth = null, this.$_innerNode.style.maxHeight = null, e.middleware.push(ko({
         boundary: this.boundary,
         padding: this.overflowPadding,
         apply: ({ availableWidth: o, availableHeight: s }) => {
           this.$_innerNode.style.maxWidth = o != null ? `${o}px` : null, this.$_innerNode.style.maxHeight = s != null ? `${s}px` : null;
         }
       })));
-      const n = await To(this.$_referenceNode, this.$_popperNode, e);
+      const n = await Oo(this.$_referenceNode, this.$_popperNode, e);
       Object.assign(this.result, {
         x: n.x,
         y: n.y,
@@ -1994,8 +2088,8 @@ const Ie = "__floating-vue__popper", qt = () => Z({
       });
     },
     $_scheduleShow(e, t = !1) {
-      if (this.$_updateParentShownChildren(!0), this.$_hideInProgress = !1, clearTimeout(this.$_scheduleTimer), le && this.instantMove && le.instantMove && le !== this.parentPopper) {
-        le.$_applyHide(!0), this.$_applyShow(!0);
+      if (this.$_updateParentShownChildren(!0), this.$_hideInProgress = !1, clearTimeout(this.$_scheduleTimer), ue && this.instantMove && ue.instantMove && ue !== this.parentPopper) {
+        ue.$_applyHide(!0), this.$_applyShow(!0);
         return;
       }
       t ? this.$_applyShow() : this.$_scheduleTimer = setTimeout(this.$_applyShow.bind(this), this.$_computeDelay("show"));
@@ -2005,16 +2099,16 @@ const Ie = "__floating-vue__popper", qt = () => Z({
         this.pendingHide = !0;
         return;
       }
-      this.$_updateParentShownChildren(!1), this.$_hideInProgress = !0, clearTimeout(this.$_scheduleTimer), this.isShown && (le = this), t ? this.$_applyHide() : this.$_scheduleTimer = setTimeout(this.$_applyHide.bind(this), this.$_computeDelay("hide"));
+      this.$_updateParentShownChildren(!1), this.$_hideInProgress = !0, clearTimeout(this.$_scheduleTimer), this.isShown && (ue = this), t ? this.$_applyHide() : this.$_scheduleTimer = setTimeout(this.$_applyHide.bind(this), this.$_computeDelay("hide"));
     },
     $_computeDelay(e) {
       const t = this.delay;
       return parseInt(t && t[e] || t || 0);
     },
     async $_applyShow(e = !1) {
-      clearTimeout(this.$_disposeTimer), clearTimeout(this.$_scheduleTimer), this.skipTransition = e, !this.isShown && (this.$_ensureTeleport(), await Fe(), await this.$_computePosition(), await this.$_applyShowEffect(), this.positioningDisabled || this.$_registerEventListeners([
-        ...Be(this.$_referenceNode),
-        ...Be(this.$_popperNode)
+      clearTimeout(this.$_disposeTimer), clearTimeout(this.$_scheduleTimer), this.skipTransition = e, !this.isShown && (this.$_ensureTeleport(), await We(), await this.$_computePosition(), await this.$_applyShowEffect(), this.positioningDisabled || this.$_registerEventListeners([
+        ...Ee(this.$_referenceNode),
+        ...Ee(this.$_popperNode)
       ], "scroll", () => {
         this.$_computePosition();
       }));
@@ -2033,13 +2127,13 @@ const Ie = "__floating-vue__popper", qt = () => Z({
       const e = this.showGroup;
       if (e) {
         let t;
-        for (let n = 0; n < I.length; n++)
-          t = I[n], t.showGroup !== e && (t.hide(), t.$emit("close-group"));
+        for (let n = 0; n < G.length; n++)
+          t = G[n], t.showGroup !== e && (t.hide(), t.$emit("close-group"));
       }
-      I.push(this), document.body.classList.add("v-popper--some-open");
-      for (const t of gt(this.theme))
-        xt(t).push(this), document.body.classList.add(`v-popper--some-open--${t}`);
-      this.$emit("apply-show"), this.classes.showFrom = !0, this.classes.showTo = !1, this.classes.hideFrom = !1, this.classes.hideTo = !1, await Fe(), this.classes.showFrom = !1, this.classes.showTo = !0, this.noAutoFocus || this.$_popperNode.focus();
+      G.push(this), document.body.classList.add("v-popper--some-open");
+      for (const t of bt(this.theme))
+        $t(t).push(this), document.body.classList.add(`v-popper--some-open--${t}`);
+      this.$emit("apply-show"), this.classes.showFrom = !0, this.classes.showTo = !1, this.classes.hideFrom = !1, this.classes.hideTo = !1, await We(), this.classes.showFrom = !1, this.classes.showTo = !0, this.noAutoFocus || this.$_popperNode.focus();
     },
     async $_applyHide(e = !1) {
       if (this.shownChildren.size > 0) {
@@ -2048,19 +2142,19 @@ const Ie = "__floating-vue__popper", qt = () => Z({
       }
       if (clearTimeout(this.$_scheduleTimer), !this.isShown)
         return;
-      this.skipTransition = e, bt(I, this), I.length === 0 && document.body.classList.remove("v-popper--some-open");
-      for (const n of gt(this.theme)) {
-        const o = xt(n);
-        bt(o, this), o.length === 0 && document.body.classList.remove(`v-popper--some-open--${n}`);
+      this.skipTransition = e, _t(G, this), G.length === 0 && document.body.classList.remove("v-popper--some-open");
+      for (const n of bt(this.theme)) {
+        const o = $t(n);
+        _t(o, this), o.length === 0 && document.body.classList.remove(`v-popper--some-open--${n}`);
       }
-      le === this && (le = null), this.isShown = !1, this.$_applyAttrsToTarget({
+      ue === this && (ue = null), this.isShown = !1, this.$_applyAttrsToTarget({
         "aria-describedby": void 0,
         "data-popper-shown": void 0
       }), clearTimeout(this.$_disposeTimer);
       const t = this.disposeTimeout;
       t !== null && (this.$_disposeTimer = setTimeout(() => {
         this.$_popperNode && (this.$_detachPopperNode(), this.isMounted = !1);
-      }, t)), this.$_removeEventListeners("scroll"), this.$emit("apply-hide"), this.classes.showFrom = !1, this.classes.showTo = !1, this.classes.hideFrom = !0, this.classes.hideTo = !1, await Fe(), this.classes.hideFrom = !1, this.classes.hideTo = !0;
+      }, t)), this.$_removeEventListeners("scroll"), this.$emit("apply-hide"), this.classes.showFrom = !1, this.classes.showTo = !1, this.classes.hideFrom = !0, this.classes.hideTo = !1, await We(), this.classes.hideFrom = !1, this.classes.hideTo = !0;
     },
     $_autoShowHide() {
       this.shown ? this.show() : this.hide();
@@ -2084,7 +2178,7 @@ const Ie = "__floating-vue__popper", qt = () => Z({
       this.$_registerTriggerListeners(this.$_targetNodes, vt, this.triggers, this.hideTriggers, t), this.$_registerTriggerListeners([this.$_popperNode], vt, this.popperTriggers, this.popperHideTriggers, t);
     },
     $_registerEventListeners(e, t, n) {
-      this.$_events.push({ targetNodes: e, eventType: t, handler: n }), e.forEach((o) => o.addEventListener(t, n, $e ? {
+      this.$_events.push({ targetNodes: e, eventType: t, handler: n }), e.forEach((o) => o.addEventListener(t, n, Te ? {
         passive: !0
       } : void 0));
     },
@@ -2133,12 +2227,12 @@ const Ie = "__floating-vue__popper", qt = () => Z({
     },
     $_isAimingPopper() {
       const e = this.$_referenceNode.getBoundingClientRect();
-      if (ye >= e.left && ye <= e.right && ve >= e.top && ve <= e.bottom) {
-        const t = this.$_popperNode.getBoundingClientRect(), n = ye - oe, o = ve - se, s = t.left + t.width / 2 - oe + (t.top + t.height / 2) - se + t.width + t.height, i = oe + n * s, r = se + o * s;
-        return Ce(oe, se, i, r, t.left, t.top, t.left, t.bottom) || // Left edge
-        Ce(oe, se, i, r, t.left, t.top, t.right, t.top) || // Top edge
-        Ce(oe, se, i, r, t.right, t.top, t.right, t.bottom) || // Right edge
-        Ce(oe, se, i, r, t.left, t.bottom, t.right, t.bottom);
+      if (ve >= e.left && ve <= e.right && _e >= e.top && _e <= e.bottom) {
+        const t = this.$_popperNode.getBoundingClientRect(), n = ve - se, o = _e - ie, s = t.left + t.width / 2 - se + (t.top + t.height / 2) - ie + t.width + t.height, i = se + n * s, r = ie + o * s;
+        return Pe(se, ie, i, r, t.left, t.top, t.left, t.bottom) || // Left edge
+        Pe(se, ie, i, r, t.left, t.top, t.right, t.top) || // Top edge
+        Pe(se, ie, i, r, t.right, t.top, t.right, t.bottom) || // Right edge
+        Pe(se, ie, i, r, t.left, t.bottom, t.right, t.bottom);
       }
       return !1;
     }
@@ -2149,35 +2243,35 @@ const Ie = "__floating-vue__popper", qt = () => Z({
 });
 if (typeof document < "u" && typeof window < "u") {
   if (Wt) {
-    const e = $e ? {
+    const e = Te ? {
       passive: !0,
       capture: !0
     } : !0;
-    document.addEventListener("touchstart", (t) => $t(t), e), document.addEventListener("touchend", (t) => St(t, !0), e);
+    document.addEventListener("touchstart", (t) => St(t), e), document.addEventListener("touchend", (t) => Tt(t, !0), e);
   } else
-    window.addEventListener("mousedown", (e) => $t(e), !0), window.addEventListener("click", (e) => St(e, !1), !0);
-  window.addEventListener("resize", Oo);
+    window.addEventListener("mousedown", (e) => St(e), !0), window.addEventListener("click", (e) => Tt(e, !1), !0);
+  window.addEventListener("resize", Eo);
 }
-function $t(e, t) {
-  for (let n = 0; n < I.length; n++) {
-    const o = I[n];
+function St(e, t) {
+  for (let n = 0; n < G.length; n++) {
+    const o = G[n];
     try {
       o.mouseDownContains = o.popperNode().contains(e.target);
     } catch {
     }
   }
 }
-function St(e, t) {
-  Po(e, t);
+function Tt(e, t) {
+  Bo(e, t);
 }
-function Po(e, t) {
+function Bo(e, t) {
   const n = {};
-  for (let o = I.length - 1; o >= 0; o--) {
-    const s = I[o];
+  for (let o = G.length - 1; o >= 0; o--) {
+    const s = G[o];
     try {
       const i = s.containsGlobalTarget = s.mouseDownContains || s.popperNode().contains(e.target);
       s.pendingHide = !1, requestAnimationFrame(() => {
-        if (s.pendingHide = !1, !n[s.randomId] && Tt(s, i, e)) {
+        if (s.pendingHide = !1, !n[s.randomId] && kt(s, i, e)) {
           if (s.$_handleGlobalClose(e, t), !e.closeAllPopover && e.closePopover && i) {
             let a = s.parentPopper;
             for (; a; )
@@ -2185,7 +2279,7 @@ function Po(e, t) {
             return;
           }
           let r = s.parentPopper;
-          for (; r && Tt(r, r.containsGlobalTarget, e); )
+          for (; r && kt(r, r.containsGlobalTarget, e); )
             r.$_handleGlobalClose(e, t), r = r.parentPopper;
         }
       });
@@ -2193,50 +2287,50 @@ function Po(e, t) {
     }
   }
 }
-function Tt(e, t, n) {
-  return n.closeAllPopover || n.closePopover && t || Ao(e, n) && !t;
+function kt(e, t, n) {
+  return n.closeAllPopover || n.closePopover && t || Ro(e, n) && !t;
 }
-function Ao(e, t) {
+function Ro(e, t) {
   if (typeof e.autoHide == "function") {
     const n = e.autoHide(t);
     return e.lastAutoHide = n, n;
   }
   return e.autoHide;
 }
-function Oo() {
-  for (let e = 0; e < I.length; e++)
-    I[e].$_computePosition();
+function Eo() {
+  for (let e = 0; e < G.length; e++)
+    G[e].$_computePosition();
 }
-let oe = 0, se = 0, ye = 0, ve = 0;
+let se = 0, ie = 0, ve = 0, _e = 0;
 typeof window < "u" && window.addEventListener("mousemove", (e) => {
-  oe = ye, se = ve, ye = e.clientX, ve = e.clientY;
-}, $e ? {
+  se = ve, ie = _e, ve = e.clientX, _e = e.clientY;
+}, Te ? {
   passive: !0
 } : void 0);
-function Ce(e, t, n, o, s, i, r, a) {
-  const d = ((r - s) * (t - i) - (a - i) * (e - s)) / ((a - i) * (n - e) - (r - s) * (o - t)), l = ((n - e) * (t - i) - (o - t) * (e - s)) / ((a - i) * (n - e) - (r - s) * (o - t));
-  return d >= 0 && d <= 1 && l >= 0 && l <= 1;
+function Pe(e, t, n, o, s, i, r, a) {
+  const l = ((r - s) * (t - i) - (a - i) * (e - s)) / ((a - i) * (n - e) - (r - s) * (o - t)), d = ((n - e) * (t - i) - (o - t) * (e - s)) / ((a - i) * (n - e) - (r - s) * (o - t));
+  return l >= 0 && l <= 1 && d >= 0 && d <= 1;
 }
-const No = {
-  extends: qt()
-}, it = (e, t) => {
+const Mo = {
+  extends: It()
+}, at = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [o, s] of t)
     n[o] = s;
   return n;
 };
-function zo(e, t, n, o, s, i) {
-  return _(), C("div", {
+function Do(e, t, n, o, s, i) {
+  return m(), $("div", {
     ref: "reference",
-    class: A(["v-popper", {
+    class: k(["v-popper", {
       "v-popper--shown": e.slotData.isShown
     }])
   }, [
-    D(e.$slots, "default", on(sn(e.slotData)))
+    R(e.$slots, "default", nn(on(e.slotData)))
   ], 2);
 }
-const Bo = /* @__PURE__ */ it(No, [["render", zo]]);
-function Ro() {
+const Ho = /* @__PURE__ */ at(Mo, [["render", Do]]);
+function Lo() {
   var e = window.navigator.userAgent, t = e.indexOf("MSIE ");
   if (t > 0)
     return parseInt(e.substring(t + 5, e.indexOf(".", t)), 10);
@@ -2248,11 +2342,11 @@ function Ro() {
   var s = e.indexOf("Edge/");
   return s > 0 ? parseInt(e.substring(s + 5, e.indexOf(".", s)), 10) : -1;
 }
-let Pe;
-function Xe() {
-  Xe.init || (Xe.init = !0, Pe = Ro() !== -1);
+let Oe;
+function Ze() {
+  Ze.init || (Ze.init = !0, Oe = Lo() !== -1);
 }
-var He = {
+var Le = {
   name: "ResizeObserver",
   props: {
     emitOnMount: {
@@ -2272,11 +2366,11 @@ var He = {
     "notify"
   ],
   mounted() {
-    Xe(), kt(() => {
+    Ze(), Pt(() => {
       this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight, this.emitOnMount && this.emitSize();
     });
     const e = document.createElement("object");
-    this._resizeObject = e, e.setAttribute("aria-hidden", "true"), e.setAttribute("tabindex", -1), e.onload = this.addResizeHandlers, e.type = "text/html", Pe && this.$el.appendChild(e), e.data = "about:blank", Pe || this.$el.appendChild(e);
+    this._resizeObject = e, e.setAttribute("aria-hidden", "true"), e.setAttribute("tabindex", -1), e.onload = this.addResizeHandlers, e.type = "text/html", Oe && this.$el.appendChild(e), e.data = "about:blank", Oe || this.$el.appendChild(e);
   },
   beforeUnmount() {
     this.removeResizeHandlers();
@@ -2295,34 +2389,34 @@ var He = {
       this._resizeObject.contentDocument.defaultView.addEventListener("resize", this.compareAndNotify), this.compareAndNotify();
     },
     removeResizeHandlers() {
-      this._resizeObject && this._resizeObject.onload && (!Pe && this._resizeObject.contentDocument && this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify), this.$el.removeChild(this._resizeObject), this._resizeObject.onload = null, this._resizeObject = null);
+      this._resizeObject && this._resizeObject.onload && (!Oe && this._resizeObject.contentDocument && this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify), this.$el.removeChild(this._resizeObject), this._resizeObject.onload = null, this._resizeObject = null);
     }
   }
 };
-const Eo = /* @__PURE__ */ rn("data-v-b329ee4c");
-tn("data-v-b329ee4c");
-const Do = {
+const Vo = /* @__PURE__ */ sn("data-v-b329ee4c");
+en("data-v-b329ee4c");
+const jo = {
   class: "resize-observer",
   tabindex: "-1"
 };
-nn();
-const Mo = /* @__PURE__ */ Eo((e, t, n, o, s, i) => (_(), F("div", Do)));
-He.render = Mo;
-He.__scopeId = "data-v-b329ee4c";
-He.__file = "src/components/ResizeObserver.vue";
-const Gt = (e = "theme") => ({
+tn();
+const Fo = /* @__PURE__ */ Vo((e, t, n, o, s, i) => (m(), W("div", jo)));
+Le.render = Fo;
+Le.__scopeId = "data-v-b329ee4c";
+Le.__file = "src/components/ResizeObserver.vue";
+const qt = (e = "theme") => ({
   computed: {
     themeClass() {
-      return Co(this[e]);
+      return No(this[e]);
     }
   }
-}), Ho = Z({
+}), Wo = Y({
   name: "VPopperContent",
   components: {
-    ResizeObserver: He
+    ResizeObserver: Le
   },
   mixins: [
-    Gt()
+    qt()
   ],
   props: {
     popperId: String,
@@ -2344,19 +2438,19 @@ const Gt = (e = "theme") => ({
       return e != null && !isNaN(e) ? `${e}px` : null;
     }
   }
-}), Lo = ["id", "aria-hidden", "tabindex", "data-popper-placement"], jo = {
+}), Io = ["id", "aria-hidden", "tabindex", "data-popper-placement"], qo = {
   ref: "inner",
   class: "v-popper__inner"
-}, Fo = /* @__PURE__ */ y("div", { class: "v-popper__arrow-outer" }, null, -1), Io = /* @__PURE__ */ y("div", { class: "v-popper__arrow-inner" }, null, -1), Vo = [
-  Fo,
-  Io
+}, Go = /* @__PURE__ */ w("div", { class: "v-popper__arrow-outer" }, null, -1), Uo = /* @__PURE__ */ w("div", { class: "v-popper__arrow-inner" }, null, -1), Yo = [
+  Go,
+  Uo
 ];
-function Wo(e, t, n, o, s, i) {
-  const r = We("ResizeObserver");
-  return _(), C("div", {
+function Xo(e, t, n, o, s, i) {
+  const r = qe("ResizeObserver");
+  return m(), $("div", {
     id: e.popperId,
     ref: "popover",
-    class: A(["v-popper__popper", [
+    class: k(["v-popper__popper", [
       e.themeClass,
       e.classes.popperClass,
       {
@@ -2371,48 +2465,48 @@ function Wo(e, t, n, o, s, i) {
         "v-popper__popper--no-positioning": !e.result
       }
     ]]),
-    style: Le(e.result ? {
+    style: Ve(e.result ? {
       position: e.result.strategy,
       transform: `translate3d(${Math.round(e.result.x)}px,${Math.round(e.result.y)}px,0)`
     } : void 0),
     "aria-hidden": e.shown ? "false" : "true",
     tabindex: e.autoHide ? 0 : void 0,
     "data-popper-placement": e.result ? e.result.placement : void 0,
-    onKeyup: t[2] || (t[2] = an((a) => e.autoHide && e.$emit("hide"), ["esc"]))
+    onKeyup: t[2] || (t[2] = rn((a) => e.autoHide && e.$emit("hide"), ["esc"]))
   }, [
-    y("div", {
+    w("div", {
       class: "v-popper__backdrop",
       onClick: t[0] || (t[0] = (a) => e.autoHide && e.$emit("hide"))
     }),
-    y("div", {
+    w("div", {
       class: "v-popper__wrapper",
-      style: Le(e.result ? {
+      style: Ve(e.result ? {
         transformOrigin: e.result.transformOrigin
       } : void 0)
     }, [
-      y("div", jo, [
-        e.mounted ? (_(), C(J, { key: 0 }, [
-          y("div", null, [
-            D(e.$slots, "default")
+      w("div", qo, [
+        e.mounted ? (m(), $(D, { key: 0 }, [
+          w("div", null, [
+            R(e.$slots, "default")
           ]),
-          e.handleResize ? (_(), F(r, {
+          e.handleResize ? (m(), W(r, {
             key: 0,
             onNotify: t[1] || (t[1] = (a) => e.$emit("resize", a))
-          })) : G("", !0)
-        ], 64)) : G("", !0)
+          })) : H("", !0)
+        ], 64)) : H("", !0)
       ], 512),
-      y("div", {
+      w("div", {
         ref: "arrow",
         class: "v-popper__arrow-container",
-        style: Le(e.result ? {
+        style: Ve(e.result ? {
           left: e.toPx(e.result.arrow.x),
           top: e.toPx(e.result.arrow.y)
         } : void 0)
-      }, Vo, 4)
+      }, Yo, 4)
     ], 4)
-  ], 46, Lo);
+  ], 46, Io);
 }
-const Ut = /* @__PURE__ */ it(Ho, [["render", Wo]]), Yt = {
+const Gt = /* @__PURE__ */ at(Wo, [["render", Xo]]), Ut = {
   methods: {
     show(...e) {
       return this.$refs.popper.show(...e);
@@ -2428,18 +2522,18 @@ const Ut = /* @__PURE__ */ it(Ho, [["render", Wo]]), Yt = {
     }
   }
 };
-let Ze = function() {
+let Qe = function() {
 };
-typeof window < "u" && (Ze = window.Element);
-const qo = Z({
+typeof window < "u" && (Qe = window.Element);
+const Zo = Y({
   name: "VPopperWrapper",
   components: {
-    Popper: Bo,
-    PopperContent: Ut
+    Popper: Ho,
+    PopperContent: Gt
   },
   mixins: [
-    Yt,
-    Gt("finalTheme")
+    Ut,
+    qt("finalTheme")
   ],
   props: {
     theme: {
@@ -2511,11 +2605,11 @@ const qo = Z({
       default: void 0
     },
     container: {
-      type: [String, Object, Ze, Boolean],
+      type: [String, Object, Qe, Boolean],
       default: void 0
     },
     boundary: {
-      type: [String, Ze],
+      type: [String, Qe],
       default: void 0
     },
     strategy: {
@@ -2627,9 +2721,9 @@ const qo = Z({
     }
   }
 });
-function Go(e, t, n, o, s, i) {
-  const r = We("PopperContent"), a = We("Popper");
-  return _(), F(a, Qe({ ref: "popper" }, e.$props, {
+function Qo(e, t, n, o, s, i) {
+  const r = qe("PopperContent"), a = qe("Popper");
+  return m(), W(a, Je({ ref: "popper" }, e.$props, {
     theme: e.finalTheme,
     "target-nodes": e.getTargetNodes,
     "popper-node": () => e.$refs.popperContent.$el,
@@ -2638,7 +2732,7 @@ function Go(e, t, n, o, s, i) {
     ],
     onShow: t[0] || (t[0] = () => e.$emit("show")),
     onHide: t[1] || (t[1] = () => e.$emit("hide")),
-    "onUpdate:shown": t[2] || (t[2] = (d) => e.$emit("update:shown", d)),
+    "onUpdate:shown": t[2] || (t[2] = (l) => e.$emit("update:shown", l)),
     onApplyShow: t[3] || (t[3] = () => e.$emit("apply-show")),
     onApplyHide: t[4] || (t[4] = () => e.$emit("apply-hide")),
     onCloseGroup: t[5] || (t[5] = () => e.$emit("close-group")),
@@ -2646,41 +2740,41 @@ function Go(e, t, n, o, s, i) {
     onAutoHide: t[7] || (t[7] = () => e.$emit("auto-hide")),
     onResize: t[8] || (t[8] = () => e.$emit("resize"))
   }), {
-    default: K(({
-      popperId: d,
-      isShown: l,
-      shouldMountContent: c,
-      skipTransition: u,
+    default: q(({
+      popperId: l,
+      isShown: d,
+      shouldMountContent: u,
+      skipTransition: c,
       autoHide: f,
       show: p,
       hide: h,
-      handleResize: w,
-      onResize: g,
-      classes: m,
+      handleResize: g,
+      onResize: b,
+      classes: y,
       result: v
     }) => [
-      D(e.$slots, "default", {
-        shown: l,
+      R(e.$slots, "default", {
+        shown: d,
         show: p,
         hide: h
       }),
-      ke(r, {
+      me(r, {
         ref: "popperContent",
-        "popper-id": d,
+        "popper-id": l,
         theme: e.finalTheme,
-        shown: l,
-        mounted: c,
-        "skip-transition": u,
+        shown: d,
+        mounted: u,
+        "skip-transition": c,
         "auto-hide": f,
-        "handle-resize": w,
-        classes: m,
+        "handle-resize": g,
+        classes: y,
         result: v,
         onHide: h,
-        onResize: g
+        onResize: b
       }, {
-        default: K(() => [
-          D(e.$slots, "popper", {
-            shown: l,
+        default: q(() => [
+          R(e.$slots, "popper", {
+            shown: d,
             hide: h
           })
         ]),
@@ -2690,27 +2784,27 @@ function Go(e, t, n, o, s, i) {
     _: 3
   }, 16, ["theme", "target-nodes", "popper-node", "class"]);
 }
-const rt = /* @__PURE__ */ it(qo, [["render", Go]]);
+const lt = /* @__PURE__ */ at(Zo, [["render", Qo]]);
 ({
-  ...rt
+  ...lt
 });
-const Uo = {
-  ...rt,
+const Jo = {
+  ...lt,
   name: "VMenu",
   vPopperTheme: "menu"
-}, Yo = {
-  ...rt,
+}, Ko = {
+  ...lt,
   name: "VTooltip",
   vPopperTheme: "tooltip"
 };
-Z({
+Y({
   name: "VTooltipDirective",
   components: {
-    Popper: qt(),
-    PopperContent: Ut
+    Popper: It(),
+    PopperContent: Gt
   },
   mixins: [
-    Yt
+    Ut
   ],
   inheritAttrs: !1,
   props: {
@@ -2720,7 +2814,7 @@ Z({
     },
     html: {
       type: Boolean,
-      default: (e) => Ue(e.theme, "html")
+      default: (e) => Ye(e.theme, "html")
     },
     content: {
       type: [String, Number, Function],
@@ -2728,7 +2822,7 @@ Z({
     },
     loadingContent: {
       type: String,
-      default: (e) => Ue(e.theme, "loadingContent")
+      default: (e) => Ye(e.theme, "loadingContent")
     },
     targetNodes: {
       type: Function,
@@ -2784,120 +2878,194 @@ Z({
     }
   }
 });
-const Ve = Uo, Xo = Yo, Zo = {
+const Ae = Jo, es = Ko, ts = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function Qo(e, t) {
-  return _(), C("svg", Zo, t[0] || (t[0] = [
-    y("path", {
+function ns(e, t) {
+  return m(), $("svg", ts, t[0] || (t[0] = [
+    w("path", {
       fill: "currentColor",
       d: "M128 24a104 104 0 1 0 104 104A104.13 104.13 0 0 0 128 24m40 112h-32v32a8 8 0 0 1-16 0v-32H88a8 8 0 0 1 0-16h32V88a8 8 0 0 1 16 0v32h32a8 8 0 0 1 0 16"
     }, null, -1)
   ]));
 }
-const Jo = Re({ name: "ph-plus-circle-fill", render: Qo }), Ko = {
+const os = ke({ name: "ph-plus-circle-fill", render: ns }), ss = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function es(e, t) {
-  return _(), C("svg", Ko, t[0] || (t[0] = [
-    y("path", {
+function is(e, t) {
+  return m(), $("svg", ss, t[0] || (t[0] = [
+    w("path", {
       fill: "currentColor",
       d: "m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72"
     }, null, -1)
   ]));
 }
-const ts = Re({ name: "ph-magnifying-glass", render: es }), ns = {
+const rs = ke({ name: "ph-magnifying-glass", render: is }), as = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function os(e, t) {
-  return _(), C("svg", ns, t[0] || (t[0] = [
-    y("path", {
+function ls(e, t) {
+  return m(), $("svg", as, t[0] || (t[0] = [
+    w("path", {
       fill: "currentColor",
       d: "M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m-26.37 144h52.74C149 186.34 140 202.87 128 215.89c-12-13.02-21-29.55-26.37-47.89M98 152a145.72 145.72 0 0 1 0-48h60a145.72 145.72 0 0 1 0 48Zm-58-24a87.61 87.61 0 0 1 3.33-24h38.46a161.79 161.79 0 0 0 0 48H43.33A87.61 87.61 0 0 1 40 128m114.37-40h-52.74C107 69.66 116 53.13 128 40.11c12 13.02 21 29.55 26.37 47.89m19.84 16h38.46a88.15 88.15 0 0 1 0 48h-38.46a161.79 161.79 0 0 0 0-48m32.16-16h-35.43a142.39 142.39 0 0 0-20.26-45a88.37 88.37 0 0 1 55.69 45M105.32 43a142.39 142.39 0 0 0-20.26 45H49.63a88.37 88.37 0 0 1 55.69-45M49.63 168h35.43a142.39 142.39 0 0 0 20.26 45a88.37 88.37 0 0 1-55.69-45m101.05 45a142.39 142.39 0 0 0 20.26-45h35.43a88.37 88.37 0 0 1-55.69 45"
     }, null, -1)
   ]));
 }
-const Ct = Re({ name: "ph-globe", render: os }), ss = {
+const Ct = ke({ name: "ph-globe", render: ls }), ds = {
   viewBox: "0 0 256 256",
   width: "1.2em",
   height: "1.2em"
 };
-function is(e, t) {
-  return _(), C("svg", ss, t[0] || (t[0] = [
-    y("path", {
+function us(e, t) {
+  return m(), $("svg", ds, t[0] || (t[0] = [
+    w("path", {
       fill: "currentColor",
       d: "m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32"
     }, null, -1)
   ]));
 }
-const rs = Re({ name: "ph-caret-right", render: is }), as = {
-  class: /* @__PURE__ */ A([
+const cs = ke({ name: "ph-caret-right", render: us }), ps = {
+  viewBox: "0 0 256 256",
+  width: "1.2em",
+  height: "1.2em"
+};
+function fs(e, t) {
+  return m(), $("svg", ps, t[0] || (t[0] = [
+    w("path", {
+      fill: "currentColor",
+      d: "M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z"
+    }, null, -1)
+  ]));
+}
+const hs = ke({ name: "ph-x", render: fs }), ws = {
+  class: /* @__PURE__ */ k([
     "tw-hidden-scrolls tw-fixed tw-bottom-0 tw-left-0 tw-top-0",
     "tw-background-color tw-w-auto tw-overflow-y-auto tw-overflow-x-hidden",
     "tw-border-color-weak tw-border-b-0 tw-border-l-0 tw-border-r tw-border-t-0 tw-border-solid",
     "tw-transition tw-duration-150 tw-ease-in-out"
   ])
-}, ls = { class: "tw-grid tw-h-full tw-grid-rows-[auto_1fr] tw-px-[12px]" }, ds = { class: "tw-hidden-scrolls tw-mt-[16px] tw-overflow-auto" }, us = { class: "tw-grid tw-justify-center tw-gap-[8px] tw-pb-[16px] tw-pt-[16px]" }, cs = {
+}, ms = { class: "tw-grid tw-h-full tw-grid-rows-[auto_1fr] tw-px-[12px]" }, gs = { class: "tw-hidden-scrolls tw-mt-[16px] tw-overflow-auto" }, bs = { class: "tw-grid tw-justify-center tw-gap-[8px] tw-pb-[16px] tw-pt-[16px]" }, ys = { class: "tw-border-color-weak tw-flex tw-justify-between tw-border-x-0 tw-border-b tw-border-t-0 tw-border-solid tw-p-[8px]" }, vs = { class: "tw-max-h-[268px] tw-overflow-auto" }, _s = ["onClick"], xs = { class: "tw-flex tw-w-[calc(100%-48px)] tw-flex-col tw-justify-between" }, $s = { class: "tw-body-sm-regular-medium tw-m-0 tw-truncate" }, Ss = { class: "tw-body-xs-regular tw-text-color-base tw-m-0 tw-truncate" }, Ts = {
   key: 0,
-  class: /* @__PURE__ */ A([
-    "tw-text-color-brand-base tw-mx-auto tw-h-[32px] tw-cursor-pointer tw-text-[28px] tw-transition tw-duration-150 tw-ease-in-out",
-    "hover:tw-text-color-success-hover",
-    "active:tw-text-color-success-pressed active:tw-scale-90"
-  ])
-}, ps = {
-  key: 1,
-  class: /* @__PURE__ */ A([
-    "justify-center tw-flex tw-cursor-pointer tw-items-center tw-rounded-[8px] tw-p-[8px] tw-transition tw-duration-150 tw-ease-in-out",
+  class: /* @__PURE__ */ k([
+    "justify-center tw-flex tw-cursor-pointer tw-items-center tw-rounded-border-radius-md tw-p-[8px] tw-transition tw-duration-150 tw-ease-in-out",
     "hover:tw-background-color-hover",
     "active:tw-background-color-single-active active:tw-scale-90"
   ])
-}, fs = { class: "tw-border-color-weak tw-border-x-0 tw-border-b tw-border-t-0 tw-border-solid tw-p-[8px]" }, hs = { class: "tw-body-sm-regular-medium tw-m-0" }, ws = {
+}, ks = { class: "tw-border-color-weak tw-border-x-0 tw-border-b tw-border-t-0 tw-border-solid tw-p-[8px]" }, Cs = { class: "tw-body-sm-regular-medium tw-m-0" }, Ps = {
+  key: 0,
+  class: "tw-label-xs-medium tw-text-color-supporting tw-m-0 tw-p-[8px]"
+}, As = {
   key: 0,
   class: "tw-background-color-brand-base tw-absolute tw-left-0 tw-top-0 tw-h-full tw-w-[2px]"
-}, ms = ["onClick"], gs = { class: "tw-background-color-brand-base tw-absolute tw-left-0 tw-top-0 tw-h-full tw-w-[2px]" }, ys = ["onClick"], vs = { class: "tw-label-xs-medium" }, bs = ["onClick"], _s = {
+}, Os = {
+  key: 0,
+  class: "tw-label-xs-medium tw-text-color-supporting tw-m-0 tw-p-[8px]"
+}, Ns = ["onClick"], zs = { class: "tw-background-color-brand-base tw-absolute tw-left-0 tw-top-0 tw-h-full tw-w-[2px]" }, Bs = ["onClick"], Rs = { class: "tw-label-xs-medium" }, Es = ["onClick"], Ms = {
   key: 0,
   class: "tw-background-color-hover tw-h-[2px] tw-w-full"
-}, xs = {
-  class: /* @__PURE__ */ A([
+}, Ds = {
+  class: /* @__PURE__ */ k([
     "tw tw-grid tw-items-end tw-justify-center tw-pb-[16px]",
     "[&>img]:tw-mx-auto [&>img]:tw-h-[24px] [&>img]:tw-w-[24px] [&>img]:tw-rounded-full"
   ])
-}, $s = /* @__PURE__ */ Z({
+}, Hs = /* @__PURE__ */ Y({
   __name: "sidenav",
-  props: no,
-  emits: oo,
+  props: ao,
+  emits: lo,
   setup(e, { emit: t }) {
-    const n = e, o = t, { handleRedirect: s } = so(n, o);
-    return (i, r) => (_(), C("div", as, [
-      y("div", ls, [
-        y("div", ds, [
-          y("div", {
-            class: A([
+    const n = e, o = t, { isQuckActionMenuVisible: s, handleRedirect: i } = uo(n, o);
+    return (r, a) => (m(), $("div", ws, [
+      w("div", ms, [
+        w("div", gs, [
+          w("div", {
+            class: k([
               {
                 "tw tw-grid tw-justify-center": !0,
                 "[&>img]:tw-mx-auto [&>img]:tw-h-[24px] [&>img]:tw-w-[24px]": !0,
-                "tw-pb-[16px]": !n.hasQuickActions && !n.hasSearch && !n.navLinks
+                "tw-pb-[16px]": !n.quickActions && !n.hasSearch && !n.navLinks
               }
             ])
           }, [
-            D(i.$slots, "logo-image")
+            R(r.$slots, "logo-image")
           ], 2),
-          y("div", us, [
-            n.hasQuickActions ? (_(), C("div", cs, [
-              ke(S(Jo))
-            ])) : G("", !0),
-            n.hasSearch ? (_(), C("div", ps, [
-              ke(S(ts))
-            ])) : G("", !0),
-            (_(!0), C(J, null, Se(n.navLinks, (a, d) => (_(), C(J, { key: d }, [
-              (_(!0), C(J, null, Se(a.parentLinks, (l, c) => (_(), C(J, { key: c }, [
-                l.menuLinks && l.menuLinks.length > 0 ? (_(), F(S(Ve), {
+          w("div", bs, [
+            me(x(Ae), {
+              modelValue: x(s),
+              "onUpdate:modelValue": a[2] || (a[2] = (l) => et(s) ? s.value = l : null),
+              "aria-id": "quick-action-menu-wrapper",
+              distance: "18",
+              placement: "right-start",
+              triggers: [],
+              "popper-hide-triggers": [],
+              shown: x(s),
+              "instant-move": ""
+            }, {
+              popper: q(() => [
+                w("div", ys, [
+                  a[3] || (a[3] = w("h3", { class: "tw-body-sm-regular-medium tw-m-0" }, "Quick Actions", -1)),
+                  me(x(hs), {
+                    class: "tw-body-sm-regular-medium tw-cursor-pointer tw-transition tw-duration-150 tw-ease-in-out active:tw-scale-90",
+                    onClick: a[1] || (a[1] = (l) => s.value = !x(s))
+                  })
+                ]),
+                w("div", vs, [
+                  (m(!0), $(D, null, de(n.quickActions, (l, d) => (m(), $("div", {
+                    key: d,
+                    class: k([
+                      "tw-flex tw-cursor-pointer tw-gap-[8px] tw-px-[8px] tw-py-[6px] tw-align-middle tw-duration-150 tw-ease-in-out",
+                      "hover:tw-background-color-hover",
+                      "active:tw-background-color-pressed"
+                    ]),
+                    onClick: (u) => x(i)(u, l)
+                  }, [
+                    w("div", {
+                      class: k([
+                        {
+                          "tw-rounded-border-radius-md tw-p-[8px]": !0,
+                          "tw-border tw-border-solid tw-border-kangkong-400 tw-bg-kangkong-50 tw-text-kangkong-400": l.iconBgColor === "green",
+                          "tw-border tw-border-solid tw-border-ubas-400 tw-bg-ubas-50 tw-text-ubas-400": l.iconBgColor === "purple"
+                        }
+                      ])
+                    }, [
+                      l.icon ? (m(), W(je(l.icon), {
+                        key: 0,
+                        class: "tw-h-[1.25em] tw-w-[1.25em]"
+                      })) : H("", !0)
+                    ], 2),
+                    w("div", xs, [
+                      w("h5", $s, F(l.title), 1),
+                      w("p", Ss, F(l.description), 1)
+                    ])
+                  ], 8, _s))), 128))
+                ])
+              ]),
+              default: q(() => [
+                n.quickActions && n.quickActions.length > 0 ? (m(), $("div", {
+                  key: 0,
+                  class: k([
+                    "tw-text-color-brand-base tw-mx-auto tw-h-[32px] tw-cursor-pointer tw-text-[28px] tw-transition tw-duration-150 tw-ease-in-out",
+                    "hover:tw-text-color-success-hover",
+                    "active:tw-text-color-success-pressed active:tw-scale-90"
+                  ]),
+                  onClick: a[0] || (a[0] = (l) => s.value = !x(s))
+                }, [
+                  me(x(os))
+                ])) : H("", !0)
+              ]),
+              _: 1
+            }, 8, ["modelValue", "shown"]),
+            n.hasSearch ? (m(), $("div", Ts, [
+              me(x(rs))
+            ])) : H("", !0),
+            (m(!0), $(D, null, de(n.navLinks, (l, d) => (m(), $(D, { key: d }, [
+              (m(!0), $(D, null, de(l.parentLinks, (u, c) => (m(), $(D, { key: c }, [
+                u.menuLinks && u.menuLinks.length > 0 ? (m(), W(x(Ae), {
                   key: 0,
                   "aria-id": "sidenav-menu-wrapper",
                   distance: "18",
@@ -2905,149 +3073,155 @@ const rs = Re({ name: "ph-caret-right", render: is }), as = {
                   triggers: ["click", "hover"],
                   "instant-move": ""
                 }, {
-                  popper: K(() => [
-                    y("div", fs, [
-                      y("h3", hs, ue(l.title), 1)
+                  popper: q(() => [
+                    w("div", ks, [
+                      w("h3", Cs, F(u.title), 1)
                     ]),
-                    (_(!0), C(J, null, Se(l.menuLinks, (u, f) => (_(), C(J, { key: f }, [
-                      u.submenuLinks && u.submenuLinks.length > 0 ? (_(), F(S(Ve), {
-                        key: 0,
-                        "aria-id": "sidenav-submenu-wrapper",
-                        distance: "4",
-                        placement: "right-start",
-                        triggers: ["click", "hover"],
-                        "instant-move": ""
-                      }, {
-                        popper: K(() => [
-                          (_(!0), C(J, null, Se(u.submenuLinks, (p, h) => (_(), F(S(Ve), {
-                            key: h,
-                            "aria-id": "sidenav-sub-submenu-wrapper",
-                            triggers: ["click", "hover"],
-                            "instant-move": ""
-                          }, {
-                            default: K(() => [
-                              y("div", {
-                                class: A([
-                                  {
-                                    "tw-body-sm-regular tw-relative tw-m-0 tw-flex tw-cursor-pointer tw-justify-between tw-px-[8px] tw-py-[6px] tw-align-middle tw-duration-150 tw-ease-in-out": !0,
-                                    "tw-background-color-single-active": n.activeNav.submenu === p.title,
-                                    "hover:tw-background-color-hover": n.activeNav.submenu !== p.title,
-                                    "active:tw-background-color-pressed": !0
-                                  }
+                    (m(!0), $(D, null, de(u.menuLinks, (f, p) => (m(), $(D, { key: p }, [
+                      f.menuHeading ? (m(), $("h5", Ps, F(f.menuHeading), 1)) : H("", !0),
+                      (m(!0), $(D, null, de(f.items, (h, g) => (m(), $(D, { key: g }, [
+                        h.submenuLinks && h.submenuLinks.length > 0 ? (m(), W(x(Ae), {
+                          key: 0,
+                          "aria-id": "sidenav-submenu-wrapper",
+                          distance: "4",
+                          placement: "right-start",
+                          triggers: ["click", "hover"],
+                          "instant-move": ""
+                        }, {
+                          popper: q(() => [
+                            (m(!0), $(D, null, de(h.submenuLinks, (b, y) => (m(), $(D, { key: y }, [
+                              b.subMenuHeading ? (m(), $("h5", Os, F(b.subMenuHeading), 1)) : H("", !0),
+                              (m(!0), $(D, null, de(b.items, (v, _) => (m(), W(x(Ae), {
+                                key: _,
+                                "aria-id": "sidenav-sub-submenu-wrapper",
+                                triggers: ["click", "hover"],
+                                "instant-move": ""
+                              }, {
+                                default: q(() => [
+                                  w("div", {
+                                    class: k([
+                                      {
+                                        "tw-body-sm-regular tw-relative tw-m-0 tw-flex tw-cursor-pointer tw-justify-between tw-px-[8px] tw-py-[6px] tw-align-middle tw-duration-150 tw-ease-in-out": !0,
+                                        "tw-background-color-single-active": n.activeNav.submenu === v.title,
+                                        "hover:tw-background-color-hover": n.activeNav.submenu !== v.title,
+                                        "active:tw-background-color-pressed": !0
+                                      }
+                                    ]),
+                                    onClick: (A) => x(i)(A, v)
+                                  }, [
+                                    Ke(w("div", zs, null, 512), [
+                                      [an, n.activeNav.submenu === v.title]
+                                    ]),
+                                    w("span", null, F(v.title), 1)
+                                  ], 10, Ns)
                                 ]),
-                                onClick: (w) => S(s)(w, p.redirect)
-                              }, [
-                                Je(y("div", gs, null, 512), [
-                                  [ln, n.activeNav.submenu === p.title]
-                                ]),
-                                y("span", null, ue(p.title), 1)
-                              ], 10, ms)
-                            ]),
-                            _: 2
-                          }, 1024))), 128))
-                        ]),
-                        default: K(() => [
-                          y("div", {
-                            class: A([
-                              {
-                                "tw-body-sm-regular tw-relative tw-m-0 tw-flex tw-cursor-pointer tw-justify-between tw-px-[8px] tw-py-[6px] tw-align-middle tw-duration-150 tw-ease-in-out": !0,
-                                "tw-background-color-single-active": n.activeNav.menu === u.title,
-                                "hover:tw-background-color-hover": n.activeNav.menu !== u.title,
-                                "active:tw-background-color-pressed": !0
-                              }
-                            ])
-                          }, [
-                            n.activeNav.menu === u.title ? (_(), C("div", ws)) : G("", !0),
-                            y("span", null, ue(u.title), 1),
-                            ke(S(rs), {
-                              class: A([
-                                "tw-h-[16px] tw-w-[16px] tw-transform tw-font-normal tw-transition-transform tw-duration-300",
-                                n.activeNav.menu === u.title ? "-tw-rotate-90" : "hover:-tw-rotate-90"
+                                _: 2
+                              }, 1024))), 128))
+                            ], 64))), 128))
+                          ]),
+                          default: q(() => [
+                            w("div", {
+                              class: k([
+                                {
+                                  "tw-body-sm-regular tw-relative tw-m-0 tw-flex tw-cursor-pointer tw-justify-between tw-px-[8px] tw-py-[6px] tw-align-middle tw-duration-150 tw-ease-in-out": !0,
+                                  "tw-background-color-single-active": n.activeNav.menu === h.title,
+                                  "hover:tw-background-color-hover": n.activeNav.menu !== h.title,
+                                  "active:tw-background-color-pressed": !0
+                                }
                               ])
-                            }, null, 8, ["class"])
-                          ], 2)
-                        ]),
-                        _: 2
-                      }, 1024)) : (_(), C("div", {
-                        key: 1,
-                        class: A([
-                          "tw-body-sm-regular tw-m-0 tw-flex tw-cursor-pointer tw-justify-between tw-px-[8px] tw-py-[6px] tw-align-middle tw-duration-300 tw-ease-in-out",
-                          "hover:tw-background-color-hover",
-                          "active:tw-background-color-pressed",
-                          "last:tw-rounded-b-[12px]"
-                        ]),
-                        onClick: (p) => S(s)(p, u.redirect)
-                      }, [
-                        y("span", null, ue(u.title), 1)
-                      ], 8, ys))
+                            }, [
+                              n.activeNav.menu === h.title ? (m(), $("div", As)) : H("", !0),
+                              w("span", null, F(h.title), 1),
+                              me(x(cs), {
+                                class: k([
+                                  "tw-h-[16px] tw-w-[16px] tw-transform tw-font-normal tw-transition-transform tw-duration-300",
+                                  n.activeNav.menu === h.title ? "-tw-rotate-90" : "hover:-tw-rotate-90"
+                                ])
+                              }, null, 8, ["class"])
+                            ], 2)
+                          ]),
+                          _: 2
+                        }, 1024)) : (m(), $("div", {
+                          key: 1,
+                          class: k([
+                            "tw-body-sm-regular tw-m-0 tw-flex tw-cursor-pointer tw-justify-between tw-px-[8px] tw-py-[6px] tw-align-middle tw-duration-300 tw-ease-in-out",
+                            "hover:tw-background-color-hover",
+                            "active:tw-background-color-pressed",
+                            "last:tw-rounded-b-[12px]"
+                          ]),
+                          onClick: (b) => x(i)(b, h)
+                        }, [
+                          w("span", null, F(h.title), 1)
+                        ], 8, Bs))
+                      ], 64))), 128))
                     ], 64))), 128))
                   ]),
-                  default: K(() => [
-                    y("div", {
-                      class: A([
+                  default: q(() => [
+                    w("div", {
+                      class: k([
                         {
-                          "justify-center tw-flex tw-cursor-pointer tw-items-center tw-rounded-[8px] tw-p-[8px] tw-transition tw-duration-150 tw-ease-in-out": !0,
-                          "tw-background-color-single-active tw-border-color-brand-base tw-border-[1.5px] tw-border-solid active:tw-scale-90": n.activeNav.parentNav === l.title,
-                          "hover:tw-background-color-hover": n.activeNav.parentNav != l.title,
+                          "tw-flex tw-cursor-pointer tw-items-center tw-justify-center tw-rounded-border-radius-md tw-p-[8px] tw-transition tw-duration-150 tw-ease-in-out": !0,
+                          "tw-background-color-single-active tw-border-color-brand-base tw-border-[1.5px] tw-border-solid active:tw-scale-90": n.activeNav.parentNav === u.title,
+                          "hover:tw-background-color-hover": n.activeNav.parentNav != u.title,
                           "active:tw-background-color-single-active active:tw-scale-90": !0
                         }
                       ])
                     }, [
-                      l.icon ? (_(), F(at(l.icon), {
+                      u.icon ? (m(), W(je(u.icon), {
                         key: 0,
                         class: "tw-h-[1.25em] tw-w-[1.25em]"
-                      })) : (_(), F(S(Ct), { key: 1 }))
+                      })) : (m(), W(x(Ct), { key: 1 }))
                     ], 2)
                   ]),
                   _: 2
-                }, 1024)) : (_(), F(S(Xo), {
+                }, 1024)) : (m(), W(x(es), {
                   key: 1,
                   "aria-id": "default-tooltip",
                   placement: "right",
                   distance: "18",
-                  triggers: ["click"]
+                  triggers: ["hover"]
                 }, {
-                  popper: K(() => [
-                    y("span", vs, ue(l.title), 1)
+                  popper: q(() => [
+                    w("span", Rs, F(u.title), 1)
                   ]),
-                  default: K(() => [
-                    y("div", {
-                      class: A([
-                        "justify-center tw-flex tw-cursor-pointer tw-items-center tw-rounded-[8px] tw-p-[8px] tw-transition tw-duration-150 tw-ease-in-out",
+                  default: q(() => [
+                    w("div", {
+                      class: k([
+                        "justify-center tw-flex tw-cursor-pointer tw-items-center tw-rounded-border-radius-md tw-p-[8px] tw-transition tw-duration-150 tw-ease-in-out",
                         "hover:tw-background-color-hover",
                         "active:tw-background-color-single-active active:tw-scale-90"
                       ]),
-                      onClick: (u) => S(s)(u, l.redirect)
+                      onClick: (f) => x(i)(f, u)
                     }, [
-                      l.icon ? (_(), F(at(l.icon), {
+                      u.icon ? (m(), W(je(u.icon), {
                         key: 0,
                         class: "tw-h-[1.25em] tw-w-[1.25em]"
-                      })) : (_(), F(S(Ct), { key: 1 }))
-                    ], 8, bs)
+                      })) : (m(), W(x(Ct), { key: 1 }))
+                    ], 8, Es)
                   ]),
                   _: 2
                 }, 1024))
               ], 64))), 128)),
-              i.navLinks.length > 0 && d < i.navLinks.length - 1 ? (_(), C("div", _s)) : G("", !0)
+              r.navLinks.length > 0 && d < r.navLinks.length - 1 ? (m(), $("div", Ms)) : H("", !0)
             ], 64))), 128))
           ])
         ]),
-        y("div", xs, [
-          D(i.$slots, "avatar-image")
+        w("div", Ds, [
+          R(r.$slots, "avatar-image")
         ])
       ])
     ]));
   }
-}), Ss = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Ls = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: $s
-}, Symbol.toStringTag, { value: "Module" })), Ts = ["default", "hover", "pressed", "disabled"], Cs = {
+  default: Hs
+}, Symbol.toStringTag, { value: "Module" })), Vs = ["default", "hover", "pressed", "disabled"], js = {
   /**
    * @description Switch UI state when hovered, pressed, disabled
    */
   state: {
     type: String,
-    validator: (e) => Ts.includes(e),
+    validator: (e) => Vs.includes(e),
     default: "default"
   },
   /**
@@ -3065,17 +3239,17 @@ const rs = Re({ name: "ph-caret-right", render: is }), as = {
     required: !0,
     default: !1
   }
-}, ks = ["update:modelValue"], Ps = (e) => {
-  const t = ee(null), n = ee(null), o = tt(t), { pressed: s } = Ot({ target: n }), { disabled: i, state: r, modelValue: a } = e, d = P(() => ({
+}, Fs = ["update:modelValue"], Ws = (e) => {
+  const t = K(null), n = K(null), o = ot(t), { pressed: s } = Ot({ target: n }), { disabled: i, state: r, modelValue: a } = e, l = P(() => ({
     ...i && { ariaDisabled: !0 },
     disabled: i,
     autofocus: r === "hover",
     modelValue: a
-  })), l = P(() => e.disabled ? p() : s.value ? f() : o.value ? u() : c());
-  function c() {
+  })), d = P(() => e.disabled ? p() : s.value ? f() : o.value ? c() : u());
+  function u() {
     return e.modelValue ? "tw-background-color-success-base" : "tw-switch-background-default";
   }
-  function u() {
+  function c() {
     return e.modelValue ? "tw-background-color-success-hover" : "tw-switch-background-hover";
   }
   function f() {
@@ -3090,96 +3264,102 @@ const rs = Re({ name: "ph-caret-right", render: is }), as = {
       "tw-opacity-60"
     );
   }
-  const h = P(() => e.disabled ? "tw-text-color-disabled" : "tw-text-color-strong"), w = P(() => O(
+  const h = P(() => e.disabled ? "tw-text-color-disabled" : "tw-text-color-strong"), g = P(() => O(
     "tw-transition-colors",
     "before:tw-transition-all",
     "before:tw-duration-150",
     "after:tw-transition-all",
     "after:tw-duration-150"
-  )), g = P(() => O(
-    l.value,
-    w.value
-  )), m = P(() => O({
+  )), b = P(() => O(
+    d.value,
+    g.value
+  )), y = P(() => O({
     "tw-cursor-not-allowed": e.disabled,
     "tw-cursor-pointer": !e.disabled
   }));
   return {
     switchWrapperRef: t,
     switchRef: n,
-    switchProps: d,
-    switchMarkClass: g,
+    switchProps: l,
+    switchMarkClass: b,
     switchTextClass: h,
-    switchInputClass: m
+    switchInputClass: y
   };
-}, As = { class: "switch_text switch_left-text" }, Os = ["disabled"], Ns = { class: "switch_text switch_right-text" }, zs = /* @__PURE__ */ Z({
+}, Is = { class: "switch_text switch_left-text" }, qs = ["disabled"], Gs = { class: "switch_text switch_right-text" }, Us = /* @__PURE__ */ Y({
   __name: "switch",
-  props: Cs,
-  emits: ks,
+  props: js,
+  emits: Fs,
   setup(e, { emit: t }) {
     const n = e, s = Nt(n, "modelValue", t), {
       switchWrapperRef: i,
       switchRef: r,
       switchProps: a,
-      switchMarkClass: d,
-      switchTextClass: l,
-      switchInputClass: c
-    } = Ps(n);
-    return (u, f) => (_(), C("div", Qe(S(a), {
-      class: ["switch", S(l)]
+      switchMarkClass: l,
+      switchTextClass: d,
+      switchInputClass: u
+    } = Ws(n);
+    return (c, f) => (m(), $("div", Je(x(a), {
+      class: ["switch", x(d)]
     }), [
-      y("label", As, [
-        D(u.$slots, "leftText", {}, () => [
-          D(u.$slots, "default", {}, void 0, !0)
+      w("label", Is, [
+        R(c.$slots, "leftText", {}, () => [
+          R(c.$slots, "default", {}, void 0, !0)
         ], !0)
       ]),
-      y("div", {
+      w("div", {
         ref_key: "switchWrapperRef",
         ref: i,
         class: "switch_wrapper"
       }, [
-        Je(y("input", {
+        Ke(w("input", {
           ref_key: "switchRef",
           ref: r,
-          "onUpdate:modelValue": f[0] || (f[0] = (p) => Pt(s) ? s.value = p : null),
+          "onUpdate:modelValue": f[0] || (f[0] = (p) => et(s) ? s.value = p : null),
           type: "checkbox",
           name: "checkbox",
-          class: A(["switch_input", S(c)]),
+          class: k(["switch_input", x(u)]),
           disabled: n.disabled
-        }, null, 10, Os), [
-          [dn, S(s)]
+        }, null, 10, qs), [
+          [ln, x(s)]
         ]),
-        y("span", {
-          class: A(["switch_mark", S(d)])
+        w("span", {
+          class: k(["switch_mark", x(l)])
         }, null, 2)
       ], 512),
-      y("label", Ns, [
-        D(u.$slots, "rightText", {}, void 0, !0)
+      w("label", Gs, [
+        R(c.$slots, "rightText", {}, void 0, !0)
       ])
     ], 16));
   }
-}), Bs = /* @__PURE__ */ zt(zs, [["__scopeId", "data-v-ea8a1df2"]]), Rs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Ys = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [o, s] of t)
+    n[o] = s;
+  return n;
+}, Xs = /* @__PURE__ */ Ys(Us, [["__scopeId", "data-v-ea8a1df2"]]), Zs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Bs
+  default: Xs
 }, Symbol.toStringTag, { value: "Module" }));
-let Xt = "";
-const Es = (e) => {
-  Xt = e || "spr-";
-}, Ds = () => Xt, Ms = (e) => `${Ds()}${e}`, Hs = /* @__PURE__ */ Object.assign({
-  "../src/components/badge/badge.vue": bn,
-  "../src/components/button/button.vue": Hn,
-  "../src/components/lozenge/lozenge.vue": Un,
-  "../src/components/radio/radio.vue": to,
-  "../src/components/sidenav/sidenav.vue": Ss,
-  "../src/components/switch/switch.vue": Rs
-}), Ls = (e, t = {}) => {
-  Es(t.prefix || "spr-"), Object.entries(Hs).forEach(([n, o]) => {
+let Yt = "";
+const Qs = (e) => {
+  Yt = e || "spr-";
+}, Js = () => Yt, Ks = (e) => `${Js()}${e}`, ei = /* @__PURE__ */ Object.assign({
+  "../src/components/badge/badge.vue": yn,
+  "../src/components/button/button.vue": Dn,
+  "../src/components/input/input.vue": In,
+  "../src/components/lozenge/lozenge.vue": Jn,
+  "../src/components/radio/radio.vue": ro,
+  "../src/components/sidenav/sidenav.vue": Ls,
+  "../src/components/switch/switch.vue": Zs
+}), ti = (e, t = {}) => {
+  Qs(t.prefix || "spr-"), Object.entries(ei).forEach(([n, o]) => {
     var r;
-    const s = (r = n.split("/").pop()) == null ? void 0 : r.replace(".vue", ""), i = Ms(s);
+    const s = (r = n.split("/").pop()) == null ? void 0 : r.replace(".vue", ""), i = Ks(s);
     e.component(i, o.default);
   }), console.log("%c🚀⭐ Design System Next Installed ⭐🚀", "color: green; font-weight: bold; font-size: 14px;");
-}, Fs = { install: Ls };
+}, oi = { install: ti };
 export {
-  Fs as default,
-  Ds as getPrefix,
-  Es as setPrefix
+  oi as default,
+  Js as getPrefix,
+  Qs as setPrefix
 };