@toife/vue 3.3.6 → 3.3.7

package/dist/index.es.js

@@ -1,13 +1,13 @@
-import { ref as _, defineComponent as x, inject as P, computed as c, unref as u, onMounted as J, mergeDefaults as N, openBlock as m, createElementBlock as S, normalizeProps as w, guardReactiveProps as z, toDisplayString as ie, mergeProps as U, renderSlot as D, Fragment as de, renderList as ue, createBlock as ee, createCommentVNode as te, reactive as Re, nextTick as re, watch as W, Teleport as Rn, withDirectives as _e, vShow as ge, createElementVNode as H, withCtx as ae, createTextVNode as dn, toRefs as ke, provide as ne, createVNode as le, onUnmounted as oe, normalizeStyle as kn, normalizeClass as un, vModelText as On, vModelDynamic as wn, markRaw as Xe, resolveDynamicComponent as Dn, shallowRef as In, withKeys as xn, withModifiers as pn } from "vue";
-import { gesture as pe } from "@toife/gesture";
-import { useRouter as Oe, useRoute as qe } from "vue-router";
-const Ae = _([]), Fn = _(1), Je = () => ({
-  messages: Ae,
+import { ref as _, defineComponent as B, inject as S, computed as c, unref as u, onMounted as J, mergeDefaults as N, openBlock as m, createElementBlock as E, normalizeProps as I, guardReactiveProps as $, toDisplayString as ce, mergeProps as z, renderSlot as F, Fragment as pe, renderList as _e, createBlock as re, createCommentVNode as ne, reactive as ke, nextTick as oe, watch as X, Teleport as Rn, withDirectives as ve, vShow as he, createElementVNode as H, withCtx as le, createTextVNode as dn, toRefs as Oe, provide as ae, createVNode as ie, onUnmounted as se, normalizeStyle as kn, normalizeClass as un, vModelText as On, vModelDynamic as wn, markRaw as Xe, resolveDynamicComponent as Dn, shallowRef as In, withKeys as xn, withModifiers as pn } from "vue";
+import { gesture as fe } from "@toife/gesture";
+import { useRouter as we, useRoute as qe } from "vue-router";
+const ye = _([]), Fn = _(1), Je = () => ({
+  messages: ye,
   open: (n) => {
-    Ae.value.push({ ...n, id: Fn.value++ });
+    ye.value.push({ ...n, id: Fn.value++ });
   },
   close: (n) => {
-    Ae.value = Ae.value.filter((e) => e.id !== n);
+    ye.value = ye.value.filter((e) => e.id !== n);
   }
 }), Cn = (t) => !t || !(t instanceof HTMLElement) ? !1 : t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable, Bn = () => {
   const t = document.activeElement;
@@ -22,7 +22,7 @@ const Vn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
   const r = $n(), n = Vn();
   let e = [];
   return typeof t == "string" ? e = [t] : e = [...t], r && (e = [r, ...e]), e.filter((o) => o != null && o !== "").join(n);
-}, I = (t) => `--${l(t)}`, ms = (t) => `var(${I(t)})`, Qe = {
+}, C = (t) => `--${l(t)}`, ms = (t) => `var(${C(t)})`, Qe = {
   visible: !1,
   shape: void 0,
   role: void 0,
@@ -42,7 +42,7 @@ const Vn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
       shadow: t.shadow
     }
   ]
-}), R = "app-state", et = {
+}), k = "app-state", et = {
   shape: "pill",
   divider: !1,
   role: "mode",
@@ -70,7 +70,7 @@ const Vn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
     { divider: t.divider }
   ],
   style: {
-    [I("width")]: t.size + (typeof t.size == "number" ? "px" : ""),
+    [C("width")]: t.size + (typeof t.size == "number" ? "px" : ""),
     backgroundImage: t.src ? `url(${t.src})` : void 0
   }
 }), ot = {
@@ -94,12 +94,12 @@ const Vn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
   ]
 }), st = () => ({
   class: [l("loader")]
-}), we = "cable-state", lt = {
+}), De = "cable-state", lt = {
   keyboard: !1,
   placement: "bottom"
 }, it = (t) => ({
   class: [l(["layer", "cable"]), l("cable"), t.placement]
-}), ve = "card-state", ct = {
+}), me = "card-state", ct = {
   divider: void 0,
   shape: void 0,
   role: void 0
@@ -160,8 +160,8 @@ const Vn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
 }), At = (t) => ({
   class: [l("collapse-content"), { transition: t.transition }],
   style: {
-    [I("duration")]: t.duration,
-    [I("height")]: t.height
+    [C("duration")]: t.duration,
+    [C("height")]: t.height
   }
 }), yt = () => l("collapse-content-inner"), Tt = () => ({
   class: [l("container")]
@@ -248,8 +248,8 @@ const Vn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
     }
   ],
   style: {
-    [I("line")]: t.line,
-    [I("max-line")]: t.maxLine || t.line
+    [C("line")]: t.line,
+    [C("max-line")]: t.maxLine || t.line
   }
 }), Bt = () => ({ class: [l("field-content")] }), Lt = () => ({ class: [l("field-input")] }), Vt = () => ({ class: [l("field-message")] }), $t = {
   direction: "horizontal"
@@ -276,35 +276,35 @@ const Vn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
 }, Yt = (t) => ({
   class: [l("grid")],
   style: t.map((r) => ({
-    [I(["gap", r?.breakpoint || ""])]: typeof r.gap == "number" ? `${r.gap}px` : r.gap,
-    [I(["columns", r?.breakpoint || ""])]: r.columns,
-    [I(["rows", r?.breakpoint || ""])]: r.rows,
-    [I(["auto-flow", r?.breakpoint || ""])]: r.autoFlow
+    [C(["gap", r?.breakpoint || ""])]: typeof r.gap == "number" ? `${r.gap}px` : r.gap,
+    [C(["columns", r?.breakpoint || ""])]: r.columns,
+    [C(["rows", r?.breakpoint || ""])]: r.rows,
+    [C(["auto-flow", r?.breakpoint || ""])]: r.autoFlow
   }))
 }), Ht = (t) => ({
   class: [l("grid-item")],
   style: t.map((r) => ({
-    [I(["row", r?.breakpoint || ""])]: r.row,
-    [I(["column", r?.breakpoint || ""])]: r.column,
-    [I(["justify", r?.breakpoint || ""])]: r.justify,
-    [I(["align", r?.breakpoint || ""])]: r.align
+    [C(["row", r?.breakpoint || ""])]: r.row,
+    [C(["column", r?.breakpoint || ""])]: r.column,
+    [C(["justify", r?.breakpoint || ""])]: r.justify,
+    [C(["align", r?.breakpoint || ""])]: r.align
   }))
 }), Wt = (t) => ({
   class: [l("flex")],
   style: t.map((r) => ({
-    [I(["gap", r?.breakpoint || ""])]: typeof r.gap == "number" ? `${r.gap}px` : r.gap,
-    [I(["direction", r?.breakpoint || ""])]: r.direction,
-    [I(["wrap", r?.breakpoint || ""])]: r.wrap,
-    [I(["justify", r?.breakpoint || ""])]: r.justify,
-    [I(["align", r?.breakpoint || ""])]: r.align
+    [C(["gap", r?.breakpoint || ""])]: typeof r.gap == "number" ? `${r.gap}px` : r.gap,
+    [C(["direction", r?.breakpoint || ""])]: r.direction,
+    [C(["wrap", r?.breakpoint || ""])]: r.wrap,
+    [C(["justify", r?.breakpoint || ""])]: r.justify,
+    [C(["align", r?.breakpoint || ""])]: r.align
   }))
 }), Xt = (t) => ({
   class: [l("flex-item")],
   style: t.map((r) => ({
-    [I(["grow", r?.breakpoint || ""])]: r.grow,
-    [I(["shrink", r?.breakpoint || ""])]: r.shrink,
-    [I(["basis", r?.breakpoint || ""])]: r.basis,
-    [I(["order", r?.breakpoint || ""])]: r.order
+    [C(["grow", r?.breakpoint || ""])]: r.grow,
+    [C(["shrink", r?.breakpoint || ""])]: r.shrink,
+    [C(["basis", r?.breakpoint || ""])]: r.basis,
+    [C(["order", r?.breakpoint || ""])]: r.order
   }))
 }), qt = ["auto", "scroll", "overlay"], Jt = {
   backdrop: "display",
@@ -345,21 +345,21 @@ const Vn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
   class: [l(["layer", "backdrop"]), l("present-backdrop")],
   style: {
     zIndex: t.zIndex,
-    [I("transition-duration")]: t.backdropTransitionDuration,
-    [I("opacity")]: t.backdropOpacity
+    [C("transition-duration")]: t.backdropTransitionDuration,
+    [C("opacity")]: t.backdropOpacity
   }
 }), nr = (t) => ({
   class: [l("present"), t.className, t.placement],
   style: [
     {
       zIndex: t.zIndex,
-      [I("transition-duration")]: t.presentTransitionDuration,
-      [I("translate")]: t.presentTranslate,
-      [I("opacity")]: t.presentOpacity
+      [C("transition-duration")]: t.presentTransitionDuration,
+      [C("translate")]: t.presentTranslate,
+      [C("opacity")]: t.presentOpacity
     },
     t.style
   ]
-}), De = "radio-group-state", or = {
+}), Ie = "radio-group-state", or = {
   disabled: !1,
   readonly: !1,
   variant: "fill",
@@ -395,7 +395,7 @@ const Vn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
   variant: "none",
   keepalive: !1,
   gesture: !0
-}, Ie = "route-provider-state", ur = {
+}, xe = "route-provider-state", ur = {
   homeRouteName: "home"
 }, zn = (t) => t.variant === "none" ? "0s" : t.transform.duration !== void 0 ? t.transform.duration : t.transform.active > 0 ? "0s" : void 0, pr = (t) => ({
   class: [
@@ -405,11 +405,11 @@ const Vn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
     { moving: t.moving }
   ],
   style: {
-    [I("transform-back")]: t.transform.back + "%",
-    [I("transform-prepare")]: t.transform.prepare + "%",
-    [I("transform-active")]: t.transform.active + "%",
-    [I("transition-duration")]: zn(t),
-    [I("percent")]: t.transform.backdrop
+    [C("transform-back")]: t.transform.back + "%",
+    [C("transform-prepare")]: t.transform.prepare + "%",
+    [C("transform-active")]: t.transform.active + "%",
+    [C("transition-duration")]: zn(t),
+    [C("percent")]: t.transform.backdrop
   }
 }), _r = (t) => ({
   class: [l("route-navigator-component"), t.direction]
@@ -473,8 +473,8 @@ const Vn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
     l("skeleton")
   ],
   style: {
-    [I("width")]: t.width + (typeof t.width == "number" ? "px" : ""),
-    [I("height")]: t.height + (typeof t.height == "number" ? "px" : "")
+    [C("width")]: t.width + (typeof t.width == "number" ? "px" : ""),
+    [C("height")]: t.height + (typeof t.height == "number" ? "px" : "")
   }
 }), Rr = {
   modelValue: "",
@@ -501,17 +501,17 @@ const Vn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
   class: [l("slide-range-track"), "back"]
 }), Ir = (t) => ({
   class: [l("slide-range-track"), "front"],
-  style: { [I("percent")]: `${t.percent}%` }
+  style: { [C("percent")]: `${t.percent}%` }
 }), xr = (t) => ({
   class: [l("slide-range-thumb")],
-  style: { [I("percent")]: `${t.percent}%` }
+  style: { [C("percent")]: `${t.percent}%` }
 }), Fr = () => ({
   class: [l("slide-range-thumb-inner")]
 }), Cr = () => ({
   class: [l("slide-range-tooltip")]
 }), Br = (t) => ({
   class: [l("slide-range-tick"), { active: t.active }],
-  style: { [I("left")]: `${t.percent}%` }
+  style: { [C("left")]: `${t.percent}%` }
 }), Lr = {
   modelValue: !1,
   size: "standard",
@@ -530,7 +530,7 @@ const Vn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
     },
     { transition: t.transition }
   ],
-  style: { [I(["bounce", "ratio"])]: t.bounce }
+  style: { [C(["bounce", "ratio"])]: t.bounce }
 }), $r = (t) => ({
   class: [
     l(["layer", "switch"]),
@@ -541,7 +541,7 @@ const Vn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
   ]
 }), zr = () => ({ class: [l("switch-icon")] }), Ur = {
   disabled: !1
-}, xe = "tabs-state", Mr = {
+}, Fe = "tabs-state", Mr = {
   placement: "top-start",
   variant: "fill",
   margin: () => [0, 0],
@@ -566,12 +566,12 @@ const Vn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
   let r = t.top - t.margin[0], n = t.left - t.margin[1], e = t.width + t.margin[1] * 2, o = t.height + t.margin[0] * 2;
   return t.variant === "underline" && (t.placement.startsWith("top-") && (r = o - t.border[0]), t.placement.startsWith("bottom-") && (r = 0), (t.placement.startsWith("top-") || t.placement.startsWith("bottom-")) && (o = t.border[0] + 0.5, t.border[1] && (n += (e - t.border[1]) / 2, e = t.border[1])), t.placement.startsWith("left-") && (n = e - t.border[0]), t.placement.startsWith("right-") && (n = 0), (t.placement.startsWith("left-") || t.placement.startsWith("right-")) && (e = t.border[0], t.border[1] && (r += (o - t.border[1]) / 2, o = t.border[1]))), { top: r, left: n, width: e, height: o };
 }, Yr = (t) => ({
-  [I("highlight-top")]: typeof t.top == "string" ? t.top : t.top + "px",
-  [I("highlight-left")]: typeof t.left == "string" ? t.left : t.left + "px",
-  [I("highlight-width")]: typeof t.width == "string" ? t.width : t.width + "px",
-  [I("highlight-height")]: typeof t.height == "string" ? t.height : t.height + "px",
-  [I("highlight-space-x")]: (t.marginX > 0 ? t.marginX : 0) + "px",
-  [I("highlight-space-y")]: (t.marginY > 0 ? t.marginY : 0) + "px"
+  [C("highlight-top")]: typeof t.top == "string" ? t.top : t.top + "px",
+  [C("highlight-left")]: typeof t.left == "string" ? t.left : t.left + "px",
+  [C("highlight-width")]: typeof t.width == "string" ? t.width : t.width + "px",
+  [C("highlight-height")]: typeof t.height == "string" ? t.height : t.height + "px",
+  [C("highlight-space-x")]: (t.marginX > 0 ? t.marginX : 0) + "px",
+  [C("highlight-space-y")]: (t.marginY > 0 ? t.marginY : 0) + "px"
 }), Hr = {
   size: "standard",
   variant: "fill"
@@ -628,7 +628,7 @@ const Vn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
   class: [l("tooltip-content"), t.placement]
 }), on = () => ({
   class: [l("tooltip-trigger")]
-}), Un = /* @__PURE__ */ x({
+}), Un = /* @__PURE__ */ B({
   __name: "toast-content",
   props: /* @__PURE__ */ N({
     id: {},
@@ -644,11 +644,11 @@ const Vn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
   emits: ["close"],
   setup(t, { expose: r, emit: n }) {
     r();
-    const e = t, o = n, a = P(R), s = _(!1), i = c(() => {
-      const p = e.role || u(a?.role) || "", f = e.shape || u(a?.shape) || "";
+    const e = t, o = n, a = S(k), s = _(!1), i = c(() => {
+      const p = e.role || u(a?.role) || "", v = e.shape || u(a?.shape) || "";
       return Qr({
         role: p,
-        shape: f,
+        shape: v,
         variant: e.variant,
         closing: s.value
       });
@@ -660,10 +660,10 @@ const Vn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
         }, 500);
       }, e.duration);
     });
-    const d = { props: e, emit: o, appState: a, isClosing: s, contentAttrs: i, unref: u, computed: c, inject: P, onMounted: J, ref: _, get TOAST_CONTENT_DEFAULT_PROPS() {
+    const d = { props: e, emit: o, appState: a, isClosing: s, contentAttrs: i, unref: u, computed: c, inject: S, onMounted: J, ref: _, get TOAST_CONTENT_DEFAULT_PROPS() {
       return Xr;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get getToastContentAttrs() {
       return Qr;
     } };
@@ -671,14 +671,14 @@ const Vn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
   }
 });
 function Mn(t, r, n, e, o, a) {
-  return m(), S("div", w(z(e.contentAttrs)), ie(e.props.message), 17);
+  return m(), E("div", I($(e.contentAttrs)), ce(e.props.message), 17);
 }
-const F = (t, r) => {
+const L = (t, r) => {
   const n = t.__vccOpts || t;
   for (const [e, o] of r)
     n[e] = o;
   return n;
-}, _n = /* @__PURE__ */ F(Un, [["render", Mn], ["__scopeId", "data-v-16b4d1f3"]]), Kn = /* @__PURE__ */ x({
+}, _n = /* @__PURE__ */ L(Un, [["render", Mn], ["__scopeId", "data-v-16b4d1f3"]]), Kn = /* @__PURE__ */ B({
   __name: "toast",
   props: /* @__PURE__ */ N({
     placement: {}
@@ -702,19 +702,19 @@ const F = (t, r) => {
   }
 });
 function Nn(t, r, n, e, o, a) {
-  return e.toastMessages.length > 0 ? (m(), S("div", w(U({ key: 0 }, e.toastAttrs)), [
-    D(t.$slots, "content", {}, () => [
-      (m(!0), S(de, null, ue(e.toastMessages, (s, i) => (m(), ee(e.ToastContent, U({ ref_for: !0 }, s, {
+  return e.toastMessages.length > 0 ? (m(), E("div", I(z({ key: 0 }, e.toastAttrs)), [
+    F(t.$slots, "content", {}, () => [
+      (m(!0), E(pe, null, _e(e.toastMessages, (s, i) => (m(), re(e.ToastContent, z({ ref_for: !0 }, s, {
         onClose: (d) => e.dismiss(s.id)
       }), null, 16, ["onClose"]))), 256))
     ], !0)
-  ], 16)) : te("", !0);
+  ], 16)) : ne("", !0);
 }
-const fn = /* @__PURE__ */ F(Kn, [["render", Nn], ["__scopeId", "data-v-8d15bffb"]]), me = _(1e3), an = () => ({
-  newIndex: () => (me.value += 2, me.value),
-  resetIndex: () => (me.value = 1e3, me.value),
-  index: me
-}), jn = /* @__PURE__ */ x({
+const fn = /* @__PURE__ */ L(Kn, [["render", Nn], ["__scopeId", "data-v-8d15bffb"]]), ge = _(1e3), an = () => ({
+  newIndex: () => (ge.value += 2, ge.value),
+  resetIndex: () => (ge.value = 1e3, ge.value),
+  index: ge
+}), jn = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "present",
   props: /* @__PURE__ */ N({
@@ -732,104 +732,104 @@ const fn = /* @__PURE__ */ F(Kn, [["render", Nn], ["__scopeId", "data-v-8d15bffb
   }),
   emits: ["close"],
   setup(t, { expose: r, emit: n }) {
-    const e = t, o = n, a = an(), s = P(R, null), i = _(!1), d = _(0), p = _(!1), f = _(!1), v = _(!1), b = Re({ ...tr }), k = c(() => e.teleport ? e.teleport : u(s?.rootEl) ? u(s?.rootEl) : ze()), y = () => {
+    const e = t, o = n, a = an(), s = S(k, null), i = _(!1), d = _(0), p = _(!1), v = _(!1), f = _(!1), A = ke({ ...tr }), R = c(() => e.teleport ? e.teleport : u(s?.rootEl) ? u(s?.rootEl) : ze()), h = () => {
       if (e.teleport) {
-        v.value = !!document.querySelector(e.teleport);
+        f.value = !!document.querySelector(e.teleport);
         return;
       }
       if (u(s?.rootEl)) {
-        v.value = !0;
+        f.value = !0;
         return;
       }
-      v.value = !!document.querySelector(ze());
-    }, A = c(
+      f.value = !!document.querySelector(ze());
+    }, g = c(
       () => rr({
         zIndex: d.value - 1,
-        backdropTransitionDuration: b.backdropTransitionDuration,
-        backdropOpacity: e.backdrop === "transparent" ? 0 : b.backdropOpacity
+        backdropTransitionDuration: A.backdropTransitionDuration,
+        backdropOpacity: e.backdrop === "transparent" ? 0 : A.backdropOpacity
       })
-    ), T = c(
+    ), P = c(
       () => nr({
         zIndex: d.value,
-        presentTransitionDuration: b.presentTransitionDuration,
-        presentTranslate: b.presentTranslate,
-        presentOpacity: b.presentOpacity,
+        presentTransitionDuration: A.presentTransitionDuration,
+        presentTranslate: A.presentTranslate,
+        presentOpacity: A.presentOpacity,
         className: e.class,
         placement: e.placement,
         style: e.style
       })
-    ), M = c(() => p.value || e.keepalive), $ = c(() => e.duration / 1e3 + "s"), E = () => {
+    ), M = c(() => p.value || e.keepalive), U = c(() => e.duration / 1e3 + "s"), O = () => {
       (d.value === 0 || !e.keepalive) && (d.value = a.newIndex());
-    }, g = (B) => {
-      B.backdropTransitionDuration !== void 0 && (b.backdropTransitionDuration = B.backdropTransitionDuration), B.presentTransitionDuration !== void 0 && (b.presentTransitionDuration = B.presentTransitionDuration), b.backdropOpacity = B.backdropOpacity, B.presentTranslate !== void 0 && (b.presentTranslate = B.presentTranslate), B.presentOpacity !== void 0 && (b.presentOpacity = B.presentOpacity);
-    }, L = (B) => {
-      B.preventDefault(), f.value && o("close", "backdrop");
-    }, Y = () => {
+    }, b = (j) => {
+      j.backdropTransitionDuration !== void 0 && (A.backdropTransitionDuration = j.backdropTransitionDuration), j.presentTransitionDuration !== void 0 && (A.presentTransitionDuration = j.presentTransitionDuration), A.backdropOpacity = j.backdropOpacity, j.presentTranslate !== void 0 && (A.presentTranslate = j.presentTranslate), j.presentOpacity !== void 0 && (A.presentOpacity = j.presentOpacity);
+    }, V = (j) => {
+      j.preventDefault(), v.value && o("close", "backdrop");
+    }, G = () => {
       if (setTimeout(() => {
-        f.value = !0;
+        v.value = !0;
       }, 300), e.bounce && !i.value) {
         i.value = !0;
-        let B = e.bounce;
-        (e.placement == "bottom" || e.placement == "right") && (B = `calc(${e.bounce} * -1)`), g({
-          backdropTransitionDuration: $.value,
+        let j = e.bounce;
+        (e.placement == "bottom" || e.placement == "right") && (j = `calc(${e.bounce} * -1)`), b({
+          backdropTransitionDuration: U.value,
           backdropOpacity: void 0,
-          presentTranslate: String(B),
-          presentTransitionDuration: $.value,
+          presentTranslate: String(j),
+          presentTransitionDuration: U.value,
           presentOpacity: 1
         }), setTimeout(() => {
-          g({
+          b({
             presentTranslate: "0px"
           });
         }, e.duration);
       } else
-        g({
+        b({
           backdropOpacity: void 0,
-          backdropTransitionDuration: $.value,
+          backdropTransitionDuration: U.value,
           presentTranslate: "0px",
-          presentTransitionDuration: $.value,
+          presentTransitionDuration: U.value,
           presentOpacity: 1
         });
     }, q = () => {
-      f.value = !1, i.value = !1;
-      let B = "0px", G = 1;
-      e.placement == "bottom" || e.placement == "right" ? B = "100%" : e.placement == "top" || e.placement == "left" ? B = "-100%" : e.placement == "center" && (B = "0px", G = 0), g({
+      v.value = !1, i.value = !1;
+      let j = "0px", ee = 1;
+      e.placement == "bottom" || e.placement == "right" ? j = "100%" : e.placement == "top" || e.placement == "left" ? j = "-100%" : e.placement == "center" && (j = "0px", ee = 0), b({
         backdropOpacity: 0,
-        backdropTransitionDuration: $.value,
-        presentTranslate: B,
-        presentTransitionDuration: $.value,
-        presentOpacity: G
+        backdropTransitionDuration: U.value,
+        presentTranslate: j,
+        presentTransitionDuration: U.value,
+        presentOpacity: ee
       });
     };
     J(() => {
-      y(), v.value || re(() => {
-        y(), v.value || requestAnimationFrame(y);
-      }), e.visible ? Y() : q();
-    }), W(
+      h(), f.value || oe(() => {
+        h(), f.value || requestAnimationFrame(h);
+      }), e.visible ? G() : q();
+    }), X(
       () => [e.teleport, u(s?.rootEl)],
-      () => y(),
+      () => h(),
       { immediate: !0 }
-    ), W(
+    ), X(
       () => e.visible,
       () => {
-        e.visible ? (E(), p.value = !0, setTimeout(() => {
-          Y();
+        e.visible ? (O(), p.value = !0, setTimeout(() => {
+          G();
         }, 100)) : (q(), setTimeout(() => {
           p.value = !1;
         }, e.duration));
       }
     ), r({
-      render: g,
-      open: Y,
+      render: b,
+      open: G,
       close: q
     });
-    const V = { props: e, emit: o, presentIndex: a, appState: s, isBounced: i, zIndex: d, isShow: p, isReadyBackdrop: f, isTeleportReady: v, styles: b, teleportTo: k, syncTeleportReady: y, backdropAttrs: A, presentAttrs: T, isRender: M, time: $, createIndex: E, render: g, onClickBackdrop: L, open: Y, close: q, unref: u, computed: c, inject: P, nextTick: re, onMounted: J, reactive: Re, ref: _, watch: W, get usePresent() {
+    const W = { props: e, emit: o, presentIndex: a, appState: s, isBounced: i, zIndex: d, isShow: p, isReadyBackdrop: v, isTeleportReady: f, styles: A, teleportTo: R, syncTeleportReady: h, backdropAttrs: g, presentAttrs: P, isRender: M, time: U, createIndex: O, render: b, onClickBackdrop: V, open: G, close: q, unref: u, computed: c, inject: S, nextTick: oe, onMounted: J, reactive: ke, ref: _, watch: X, get usePresent() {
       return an;
     }, get PRESENT_DEFAULT_PROPS() {
       return er;
     }, get PRESENT_DEFAULT_STYLES() {
       return tr;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get getAppClassSelector() {
       return ze;
     }, get getPresentAttrs() {
@@ -837,25 +837,25 @@ const fn = /* @__PURE__ */ F(Kn, [["render", Nn], ["__scopeId", "data-v-8d15bffb
     }, get getPresentBackdropAttrs() {
       return rr;
     } };
-    return Object.defineProperty(V, "__isScriptSetup", { enumerable: !1, value: !0 }), V;
+    return Object.defineProperty(W, "__isScriptSetup", { enumerable: !1, value: !0 }), W;
   }
 });
 function Gn(t, r, n, e, o, a) {
-  return m(), ee(Rn, {
+  return m(), re(Rn, {
     to: e.teleportTo,
     disabled: !e.isTeleportReady
   }, [
-    e.isRender && n.backdrop !== "none" ? _e((m(), S("div", U({ key: 0 }, e.backdropAttrs, { onClick: e.onClickBackdrop }), null, 16)), [
-      [ge, e.isShow]
-    ]) : te("", !0),
-    e.isRender ? _e((m(), S("div", w(U({ key: 1 }, e.presentAttrs)), [
-      D(t.$slots, "default", {}, void 0, !0)
+    e.isRender && n.backdrop !== "none" ? ve((m(), E("div", z({ key: 0 }, e.backdropAttrs, { onClick: e.onClickBackdrop }), null, 16)), [
+      [he, e.isShow]
+    ]) : ne("", !0),
+    e.isRender ? ve((m(), E("div", I(z({ key: 1 }, e.presentAttrs)), [
+      F(t.$slots, "default", {}, void 0, !0)
     ], 16)), [
-      [ge, e.isShow]
-    ]) : te("", !0)
+      [he, e.isShow]
+    ]) : ne("", !0)
   ], 8, ["to", "disabled"]);
 }
-const Fe = /* @__PURE__ */ F(jn, [["render", Gn], ["__scopeId", "data-v-54f04039"]]), Yn = /* @__PURE__ */ x({
+const Ce = /* @__PURE__ */ L(jn, [["render", Gn], ["__scopeId", "data-v-54f04039"]]), Yn = /* @__PURE__ */ B({
   __name: "button",
   props: /* @__PURE__ */ N({
     role: {},
@@ -870,25 +870,25 @@ const Fe = /* @__PURE__ */ F(jn, [["render", Gn], ["__scopeId", "data-v-54f04039
   }),
   setup(t, { expose: r }) {
     r();
-    const n = t, e = P(R), o = _(!1), a = c(() => {
-      const f = n.shape || u(e?.shape) || "", v = n.role || u(e?.role) || "", b = (n?.shadow !== void 0 ? n.shadow : u(e?.shadow)) ?? !1;
+    const n = t, e = S(k), o = _(!1), a = c(() => {
+      const v = n.shape || u(e?.shape) || "", f = n.role || u(e?.role) || "", A = (n?.shadow !== void 0 ? n.shadow : u(e?.shadow)) ?? !1;
       return at({
-        role: v,
-        shape: f,
+        role: f,
+        shape: v,
         variant: n.variant,
         size: n.size,
         block: n.block,
-        shadow: b,
+        shadow: A,
         focus: o.value
       });
     }), s = st(), p = { props: n, appState: e, isFocused: o, buttonAttrs: a, loaderAttrs: s, onFocus: () => {
       o.value = !0;
     }, onBlur: () => {
       o.value = !1;
-    }, unref: u, computed: c, inject: P, ref: _, get BUTTON_DEFAULT_PROPS() {
+    }, unref: u, computed: c, inject: S, ref: _, get BUTTON_DEFAULT_PROPS() {
       return ot;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get getButtonAttrs() {
       return at;
     }, get getButtonLoaderAttrs() {
@@ -898,21 +898,21 @@ const Fe = /* @__PURE__ */ F(jn, [["render", Gn], ["__scopeId", "data-v-54f04039
   }
 });
 function Hn(t, r, n, e, o, a) {
-  return m(), S("button", U(e.buttonAttrs, {
+  return m(), E("button", z(e.buttonAttrs, {
     onFocus: e.onFocus,
     onBlur: e.onBlur
   }), [
-    _e(H("span", null, [
-      D(t.$slots, "default", {}, void 0, !0)
+    ve(H("span", null, [
+      F(t.$slots, "default", {}, void 0, !0)
     ], 512), [
-      [ge, !e.props.loading]
+      [he, !e.props.loading]
     ]),
-    e.props.loading ? (m(), S("span", w(U({ key: 0 }, e.loaderAttrs)), [
-      D(t.$slots, "loading", {}, void 0, !0)
-    ], 16)) : te("", !0)
+    e.props.loading ? (m(), E("span", I(z({ key: 0 }, e.loaderAttrs)), [
+      F(t.$slots, "loading", {}, void 0, !0)
+    ], 16)) : ne("", !0)
   ], 16);
 }
-const Ne = /* @__PURE__ */ F(Yn, [["render", Hn], ["__scopeId", "data-v-b18cb1e7"]]), Wn = /* @__PURE__ */ x({
+const Ne = /* @__PURE__ */ L(Yn, [["render", Hn], ["__scopeId", "data-v-b18cb1e7"]]), Wn = /* @__PURE__ */ B({
   __name: "form-group",
   props: /* @__PURE__ */ N({
     direction: {}
@@ -930,11 +930,11 @@ const Ne = /* @__PURE__ */ F(Yn, [["render", Hn], ["__scopeId", "data-v-b18cb1e7
   }
 });
 function Xn(t, r, n, e, o, a) {
-  return m(), S("div", w(z(e.formGroupAttrs)), [
-    D(t.$slots, "default", {}, void 0, !0)
+  return m(), E("div", I($(e.formGroupAttrs)), [
+    F(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const vn = /* @__PURE__ */ F(Wn, [["render", Xn], ["__scopeId", "data-v-05ceb34b"]]), qn = /* @__PURE__ */ x({
+const vn = /* @__PURE__ */ L(Wn, [["render", Xn], ["__scopeId", "data-v-05ceb34b"]]), qn = /* @__PURE__ */ B({
   __name: "action",
   props: /* @__PURE__ */ N({
     visible: { type: Boolean },
@@ -951,24 +951,24 @@ const vn = /* @__PURE__ */ F(Wn, [["render", Xn], ["__scopeId", "data-v-05ceb34b
   emits: ["close", "choose"],
   setup(t, { expose: r, emit: n }) {
     r();
-    const e = t, o = n, a = P(R), s = _(!1), i = c(() => {
-      const v = (e?.divider !== void 0 ? e.divider : u(a?.divider)) ?? !1, b = (e?.shadow !== void 0 ? e.shadow : u(a?.shadow)) ?? !1, k = e.shape ?? u(a?.shape) ?? "", y = e.role ?? u(a?.role) ?? "";
+    const e = t, o = n, a = S(k), s = _(!1), i = c(() => {
+      const f = (e?.divider !== void 0 ? e.divider : u(a?.divider)) ?? !1, A = (e?.shadow !== void 0 ? e.shadow : u(a?.shadow)) ?? !1, R = e.shape ?? u(a?.shape) ?? "", h = e.role ?? u(a?.role) ?? "";
       return Ze({
-        role: y,
-        shape: k,
+        role: h,
+        shape: R,
         placement: e.placement,
-        divider: v,
-        shadow: b,
+        divider: f,
+        shadow: A,
         pop: s.value
       });
-    }), f = { props: e, emit: o, appState: a, pop: s, actionAttrs: i, onClose: (v) => {
-      e.dismiss && e.dismiss.includes(v) ? o("close", v) : v === "backdrop" && (s.value = !0, setTimeout(() => {
+    }), v = { props: e, emit: o, appState: a, pop: s, actionAttrs: i, onClose: (f) => {
+      e.dismiss && e.dismiss.includes(f) ? o("close", f) : f === "backdrop" && (s.value = !0, setTimeout(() => {
         s.value = !1;
       }, 300));
-    }, onChoose: (v) => {
-      o("close"), v.handler?.(), o("choose", v);
-    }, unref: u, computed: c, inject: P, ref: _, get Present() {
-      return Fe;
+    }, onChoose: (f) => {
+      o("close"), f.handler?.(), o("choose", f);
+    }, unref: u, computed: c, inject: S, ref: _, get Present() {
+      return Ce;
     }, get CustomButton() {
       return Ne;
     }, get FormGroup() {
@@ -976,40 +976,40 @@ const vn = /* @__PURE__ */ F(Wn, [["render", Xn], ["__scopeId", "data-v-05ceb34b
     }, get ACTION_DEFAULT_PROPS() {
       return Qe;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get getActionAttrs() {
       return Ze;
     } };
-    return Object.defineProperty(f, "__isScriptSetup", { enumerable: !1, value: !0 }), f;
+    return Object.defineProperty(v, "__isScriptSetup", { enumerable: !1, value: !0 }), v;
   }
 });
 function Jn(t, r, n, e, o, a) {
-  return m(), ee(e.Present, {
+  return m(), re(e.Present, {
     placement: n.placement,
     backdrop: "display",
     keepalive: !1,
     visible: n.visible,
     onClose: e.onClose
   }, {
-    default: ae(() => [
-      H("div", w(z(e.actionAttrs)), [
-        D(t.$slots, "body", {}, () => [
-          (m(!0), S(de, null, ue(n.actions, (s, i) => (m(), ee(e.FormGroup, {
+    default: le(() => [
+      H("div", I($(e.actionAttrs)), [
+        F(t.$slots, "body", {}, () => [
+          (m(!0), E(pe, null, _e(n.actions, (s, i) => (m(), re(e.FormGroup, {
             direction: "vertical",
             key: i
           }, {
-            default: ae(() => [
-              (m(!0), S(de, null, ue(s, (d, p) => (m(), ee(e.CustomButton, {
+            default: le(() => [
+              (m(!0), E(pe, null, _e(s, (d, p) => (m(), re(e.CustomButton, {
                 key: `${i}-${p}`,
                 role: d.role,
                 variant: d.variant,
-                onClick: (f) => e.onChoose(d),
+                onClick: (v) => e.onChoose(d),
                 shape: n.shape,
                 shadow: d.shadow !== void 0 ? d.shadow : n.shadow,
                 block: ""
               }, {
-                default: ae(() => [
-                  dn(ie(d.text), 1)
+                default: le(() => [
+                  dn(ce(d.text), 1)
                 ]),
                 _: 2
               }, 1032, ["role", "variant", "onClick", "shape", "shadow"]))), 128))
@@ -1022,21 +1022,21 @@ function Jn(t, r, n, e, o, a) {
     _: 3
   }, 8, ["placement", "visible"]);
 }
-const mn = /* @__PURE__ */ F(qn, [["render", Jn], ["__scopeId", "data-v-bca98f3b"]]), ye = _(null), Te = _(!1), sn = () => ({
+const mn = /* @__PURE__ */ L(qn, [["render", Jn], ["__scopeId", "data-v-bca98f3b"]]), Te = _(null), Pe = _(!1), sn = () => ({
   open: (e) => {
-    ye.value = e, setTimeout(() => {
-      Te.value = !0;
+    Te.value = e, setTimeout(() => {
+      Pe.value = !0;
     }, 50);
   },
   close: (e) => {
-    ye.value?.onClose?.(e), Te.value = !1;
+    Te.value?.onClose?.(e), Pe.value = !1;
   },
   choose: (e) => {
-    ye.value?.onChoose?.(e), Te.value = !1;
+    Te.value?.onChoose?.(e), Pe.value = !1;
   },
-  visible: Te,
-  data: ye
-}), Qn = /* @__PURE__ */ x({
+  visible: Pe,
+  data: Te
+}), Qn = /* @__PURE__ */ B({
   __name: "decision-modal",
   props: /* @__PURE__ */ N({
     visible: { type: Boolean },
@@ -1056,28 +1056,28 @@ const mn = /* @__PURE__ */ F(qn, [["render", Jn], ["__scopeId", "data-v-bca98f3b
   emits: ["close", "choose"],
   setup(t, { expose: r, emit: n }) {
     r();
-    const e = t, o = n, a = P(R), s = _(!1), i = c(() => e.shape || u(a?.shape) || ""), d = c(() => (e.divider !== void 0 ? e.divider : u(a?.divider)) ?? !1), p = c(() => {
-      const T = e.role || u(a?.role) || "";
+    const e = t, o = n, a = S(k), s = _(!1), i = c(() => e.shape || u(a?.shape) || ""), d = c(() => (e.divider !== void 0 ? e.divider : u(a?.divider)) ?? !1), p = c(() => {
+      const P = e.role || u(a?.role) || "";
       return St({
-        role: T,
+        role: P,
         shape: i.value,
         pop: s.value,
         divider: d.value
       });
-    }), f = c(() => Et()), v = c(() => Rt()), b = c(() => kt({ flow: e.flow })), A = { props: e, emit: o, appState: a, pop: s, shape: i, divider: d, decisionModalAttrs: p, decisionModalHeaderAttrs: f, decisionModalBodyAttrs: v, decisionModalFooterAttrs: b, onClose: (T) => {
-      e.dismiss && e.dismiss.includes(T) ? o("close", T) : T === "backdrop" && (s.value = !0, setTimeout(() => {
+    }), v = c(() => Et()), f = c(() => Rt()), A = c(() => kt({ flow: e.flow })), g = { props: e, emit: o, appState: a, pop: s, shape: i, divider: d, decisionModalAttrs: p, decisionModalHeaderAttrs: v, decisionModalBodyAttrs: f, decisionModalFooterAttrs: A, onClose: (P) => {
+      e.dismiss && e.dismiss.includes(P) ? o("close", P) : P === "backdrop" && (s.value = !0, setTimeout(() => {
         s.value = !1;
       }, 300));
-    }, onChoose: (T) => {
-      o("close"), T.handler?.(), o("choose", T);
-    }, unref: u, computed: c, inject: P, ref: _, get Present() {
-      return Fe;
+    }, onChoose: (P) => {
+      o("close"), P.handler?.(), o("choose", P);
+    }, unref: u, computed: c, inject: S, ref: _, get Present() {
+      return Ce;
     }, get CustomButton() {
       return Ne;
     }, get DECISION_MODAL_DEFAULT_PROPS() {
       return Pt;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get getDecisionModalAttrs() {
       return St;
     }, get getDecisionModalBodyAttrs() {
@@ -1087,36 +1087,36 @@ const mn = /* @__PURE__ */ F(qn, [["render", Jn], ["__scopeId", "data-v-bca98f3b
     }, get getDecisionModalHeaderAttrs() {
       return Et;
     } };
-    return Object.defineProperty(A, "__isScriptSetup", { enumerable: !1, value: !0 }), A;
+    return Object.defineProperty(g, "__isScriptSetup", { enumerable: !1, value: !0 }), g;
   }
 });
 function Zn(t, r, n, e, o, a) {
-  return m(), ee(e.Present, {
+  return m(), re(e.Present, {
     placement: n.placement,
     backdrop: "display",
     keepalive: n.keepalive,
     visible: n.visible,
     onClose: e.onClose
   }, {
-    default: ae(() => [
-      H("div", w(z(e.decisionModalAttrs)), [
-        D(t.$slots, "header", {}, () => [
-          n.title ? (m(), S("div", w(U({ key: 0 }, e.decisionModalHeaderAttrs)), ie(n.title), 17)) : te("", !0)
+    default: le(() => [
+      H("div", I($(e.decisionModalAttrs)), [
+        F(t.$slots, "header", {}, () => [
+          n.title ? (m(), E("div", I(z({ key: 0 }, e.decisionModalHeaderAttrs)), ce(n.title), 17)) : ne("", !0)
         ], !0),
-        D(t.$slots, "body", {}, () => [
-          H("div", w(z(e.decisionModalBodyAttrs)), ie(n.message), 17)
+        F(t.$slots, "body", {}, () => [
+          H("div", I($(e.decisionModalBodyAttrs)), ce(n.message), 17)
         ], !0),
-        D(t.$slots, "footer", {}, () => [
-          H("div", w(z(e.decisionModalFooterAttrs)), [
-            (m(!0), S(de, null, ue(n.actions, (s, i) => (m(), ee(e.CustomButton, {
+        F(t.$slots, "footer", {}, () => [
+          H("div", I($(e.decisionModalFooterAttrs)), [
+            (m(!0), E(pe, null, _e(n.actions, (s, i) => (m(), re(e.CustomButton, {
               key: `${i}`,
               role: s.role,
               variant: s.variant,
               onClick: (d) => e.onChoose(s),
               shape: e.shape
             }, {
-              default: ae(() => [
-                dn(ie(s.text), 1)
+              default: le(() => [
+                dn(ce(s.text), 1)
               ]),
               _: 2
             }, 1032, ["role", "variant", "onClick", "shape"]))), 128))
@@ -1127,21 +1127,21 @@ function Zn(t, r, n, e, o, a) {
     _: 3
   }, 8, ["placement", "keepalive", "visible"]);
 }
-const gn = /* @__PURE__ */ F(Qn, [["render", Zn], ["__scopeId", "data-v-0a2f0ac9"]]), Pe = _(null), Se = _(!1), ln = () => ({
+const gn = /* @__PURE__ */ L(Qn, [["render", Zn], ["__scopeId", "data-v-0a2f0ac9"]]), Se = _(null), Ee = _(!1), ln = () => ({
   open: (e) => {
-    Pe.value = e, setTimeout(() => {
-      Se.value = !0;
+    Se.value = e, setTimeout(() => {
+      Ee.value = !0;
     }, 50);
   },
   close: (e) => {
-    Pe.value?.onClose?.(), Se.value = !1;
+    Se.value?.onClose?.(), Ee.value = !1;
   },
   choose: (e) => {
-    Pe.value?.onChoose?.(e), Se.value = !1;
+    Se.value?.onChoose?.(e), Ee.value = !1;
   },
-  visible: Se,
-  data: Pe
-}), eo = /* @__PURE__ */ x({
+  visible: Ee,
+  data: Se
+}), eo = /* @__PURE__ */ B({
   __name: "app",
   props: /* @__PURE__ */ N({
     shape: {},
@@ -1156,18 +1156,18 @@ const gn = /* @__PURE__ */ F(Qn, [["render", Zn], ["__scopeId", "data-v-0a2f0ac9
   }),
   setup(t, { expose: r }) {
     r();
-    const n = t, { shape: e, divider: o, role: a, shadow: s, triple: i, direction: d, data: p } = ke(n), f = ln(), v = sn(), b = _(), k = c(() => tt({ shape: e.value }));
-    ne(R, {
+    const n = t, { shape: e, divider: o, role: a, shadow: s, triple: i, direction: d, data: p } = Oe(n), v = ln(), f = sn(), A = _(), R = c(() => tt({ shape: e.value }));
+    ae(k, {
       shape: e,
       divider: o,
       role: a,
       shadow: s,
       triple: i,
       direction: d,
-      rootEl: b,
+      rootEl: A,
       data: p
     });
-    const y = { props: n, shape: e, divider: o, role: a, shadow: s, triple: i, direction: d, data: p, decisionModal: f, action: v, rootEl: b, appAttrs: k, computed: c, provide: ne, ref: _, toRefs: ke, get Toast() {
+    const h = { props: n, shape: e, divider: o, role: a, shadow: s, triple: i, direction: d, data: p, decisionModal: v, action: f, rootEl: A, appAttrs: R, computed: c, provide: ae, ref: _, toRefs: Oe, get Toast() {
       return fn;
     }, get Action() {
       return mn;
@@ -1180,40 +1180,40 @@ const gn = /* @__PURE__ */ F(Qn, [["render", Zn], ["__scopeId", "data-v-0a2f0ac9
     }, get APP_DEFAULT_PROPS() {
       return et;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get getAppAttrs() {
       return tt;
     } };
-    return Object.defineProperty(y, "__isScriptSetup", { enumerable: !1, value: !0 }), y;
+    return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
   }
 });
 function to(t, r, n, e, o, a) {
-  return m(), S("div", U({ ref: "rootEl" }, e.appAttrs), [
-    D(t.$slots, "default", {}, void 0, !0),
-    D(t.$slots, "global", {}, void 0, !0),
-    le(e.Toast, { placement: "top-start" }),
-    le(e.Toast, { placement: "bottom-start" }),
-    le(e.Toast, { placement: "bottom-center" }),
-    le(e.Toast, { placement: "bottom-end" }),
-    le(e.Toast, { placement: "top-center" }),
-    le(e.Toast, { placement: "top-end" }),
-    e.action.data.value ? (m(), ee(e.Action, U({
+  return m(), E("div", z({ ref: "rootEl" }, e.appAttrs), [
+    F(t.$slots, "default", {}, void 0, !0),
+    F(t.$slots, "global", {}, void 0, !0),
+    ie(e.Toast, { placement: "top-start" }),
+    ie(e.Toast, { placement: "bottom-start" }),
+    ie(e.Toast, { placement: "bottom-center" }),
+    ie(e.Toast, { placement: "bottom-end" }),
+    ie(e.Toast, { placement: "top-center" }),
+    ie(e.Toast, { placement: "top-end" }),
+    e.action.data.value ? (m(), re(e.Action, z({
       key: 0,
       visible: e.action.visible.value
     }, e.action.data.value, {
       onClose: e.action.close,
       onChoose: e.action.choose
-    }), null, 16, ["visible", "onClose", "onChoose"])) : te("", !0),
-    e.decisionModal.data.value ? (m(), ee(e.DecisionModal, U({
+    }), null, 16, ["visible", "onClose", "onChoose"])) : ne("", !0),
+    e.decisionModal.data.value ? (m(), re(e.DecisionModal, z({
       key: 1,
       visible: e.decisionModal.visible.value
     }, e.decisionModal.data.value, {
       onClose: e.decisionModal.close,
       onChoose: e.decisionModal.choose
-    }), null, 16, ["visible", "onClose", "onChoose"])) : te("", !0)
+    }), null, 16, ["visible", "onClose", "onChoose"])) : ne("", !0)
   ], 16);
 }
-const ro = /* @__PURE__ */ F(eo, [["render", to], ["__scopeId", "data-v-d73bbaf1"]]), no = /* @__PURE__ */ x({
+const ro = /* @__PURE__ */ L(eo, [["render", to], ["__scopeId", "data-v-d73bbaf1"]]), no = /* @__PURE__ */ B({
   __name: "gesture-indicator",
   props: /* @__PURE__ */ N({
     placement: {},
@@ -1223,13 +1223,13 @@ const ro = /* @__PURE__ */ F(eo, [["render", to], ["__scopeId", "data-v-d73bbaf1
   }),
   setup(t, { expose: r }) {
     r();
-    const n = t, e = P(R), o = c(() => {
+    const n = t, e = S(k), o = c(() => {
       const s = n.role || u(e?.role) || "";
       return Mt({ role: s, placement: n.placement });
-    }), a = { props: n, appState: e, gestureIndicatorAttrs: o, unref: u, computed: c, inject: P, get GESTURE_INDICATOR_DEFAULT_PROPS() {
+    }), a = { props: n, appState: e, gestureIndicatorAttrs: o, unref: u, computed: c, inject: S, get GESTURE_INDICATOR_DEFAULT_PROPS() {
       return Ut;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get getGestureIndicatorAttrs() {
       return Mt;
     } };
@@ -1237,9 +1237,9 @@ const ro = /* @__PURE__ */ F(eo, [["render", to], ["__scopeId", "data-v-d73bbaf1
   }
 });
 function oo(t, r, n, e, o, a) {
-  return m(), S("div", w(z(e.gestureIndicatorAttrs)), null, 16);
+  return m(), E("div", I($(e.gestureIndicatorAttrs)), null, 16);
 }
-const hn = /* @__PURE__ */ F(no, [["render", oo], ["__scopeId", "data-v-387daa86"]]), ao = /* @__PURE__ */ x({
+const hn = /* @__PURE__ */ L(no, [["render", oo], ["__scopeId", "data-v-387daa86"]]), ao = /* @__PURE__ */ B({
   __name: "modal",
   props: /* @__PURE__ */ N({
     role: {},
@@ -1261,107 +1261,107 @@ const hn = /* @__PURE__ */ F(no, [["render", oo], ["__scopeId", "data-v-387daa86
   emits: ["close"],
   setup(t, { expose: r, emit: n }) {
     r();
-    const e = t, o = n, a = P(R), s = _(), i = _(), d = _(!1), p = _(!1), f = _(null), v = c(() => {
+    const e = t, o = n, a = S(k), s = _(), i = _(), d = _(!1), p = _(!1), v = _(null), f = c(() => {
       if (e.placement == "bottom") return "down";
       if (e.placement == "top") return "up";
       if (e.placement == "left") return "left";
       if (e.placement == "right") return "right";
-    }), b = c(() => {
-      const g = e?.shape || u(a?.shape) || "", L = e.role || u(a?.role) || "";
+    }), A = c(() => {
+      const b = e?.shape || u(a?.shape) || "", V = e.role || u(a?.role) || "";
       return Qt({
-        role: L,
-        shape: g,
+        role: V,
+        shape: b,
         placement: e.placement,
         fullscreen: e.fullscreen,
         className: e.class,
         style: e.style
       });
-    }), k = (g) => {
-      o("close", g);
+    }), R = (b) => {
+      o("close", b);
     };
-    function y(g) {
-      return qt.includes(g);
+    function h(b) {
+      return qt.includes(b);
     }
-    const A = (g, L) => {
-      const Y = getComputedStyle(g);
-      return L == "y" ? g.scrollHeight > g.clientHeight && y(Y.overflowY) : g.scrollWidth > g.clientWidth && y(Y.overflowX);
-    }, T = (g, L) => L == "down" ? g.scrollTop > 0 : L == "up" ? g.scrollTop < g.scrollHeight - g.clientHeight : L == "right" ? g.scrollLeft > 0 : g.scrollLeft < g.scrollWidth - g.clientWidth, M = (g) => {
-      if (!s.value || !v.value) return !0;
-      const L = g.target;
-      if (!(L instanceof Element)) return !0;
-      const Y = v.value == "left" || v.value == "right" ? "x" : "y";
-      let q = L;
+    const g = (b, V) => {
+      const G = getComputedStyle(b);
+      return V == "y" ? b.scrollHeight > b.clientHeight && h(G.overflowY) : b.scrollWidth > b.clientWidth && h(G.overflowX);
+    }, P = (b, V) => V == "down" ? b.scrollTop > 0 : V == "up" ? b.scrollTop < b.scrollHeight - b.clientHeight : V == "right" ? b.scrollLeft > 0 : b.scrollLeft < b.scrollWidth - b.clientWidth, M = (b) => {
+      if (!s.value || !f.value) return !0;
+      const V = b.target;
+      if (!(V instanceof Element)) return !0;
+      const G = f.value == "left" || f.value == "right" ? "x" : "y";
+      let q = V;
       for (; q && q !== s.value; ) {
-        if (q instanceof HTMLElement && A(q, Y) && T(q, v.value))
+        if (q instanceof HTMLElement && g(q, G) && P(q, f.value))
           return !1;
         q = q.parentElement;
       }
       return !0;
-    }, $ = () => {
+    }, U = () => {
       d.value = !0, setTimeout(() => {
         d.value = !1;
       }, 300);
     };
-    W(
+    X(
       () => s.value,
-      (g) => {
-        g && (f.value = pe(s.value, {
+      (b) => {
+        b && (v.value = fe(s.value, {
           options: {
             minDist: 30
           },
-          beforeEvent(L) {
-            return !(d.value || !e.gesture || e.placement == "center" || !M(L));
+          beforeEvent(V) {
+            return !(d.value || !e.gesture || e.placement == "center" || !M(V));
           },
           down() {
             p.value = !1;
           },
-          fast({ initialDirection: L }) {
-            $(), L == v.value ? o("close", "gesture") : i.value.open();
+          fast({ initialDirection: V }) {
+            U(), V == f.value ? o("close", "gesture") : i.value.open();
           },
-          move({ deltaY: L, deltaX: Y, initialDirection: q }) {
-            if (q != v.value) return;
-            let V = 0;
-            e.placement == "bottom" || e.placement == "top" ? V = L : V = Y, e.placement == "bottom" && (V = L > 0 ? L : 0), e.placement == "top" && (V = L < 0 ? L : 0), e.placement == "left" && (V = Y < 0 ? Y : 0), e.placement == "right" && (V = Y > 0 ? Y : 0), (e.placement == "bottom" && (V >= 10 || p.value) || e.placement == "top" && (V <= -10 || p.value) || e.placement == "left" && (V <= -10 || p.value) || e.placement == "right" && (V >= 10 || p.value)) && (p.value = !0, i.value.render({
-              presentTranslate: V + "px",
+          move({ deltaY: V, deltaX: G, initialDirection: q }) {
+            if (q != f.value) return;
+            let W = 0;
+            e.placement == "bottom" || e.placement == "top" ? W = V : W = G, e.placement == "bottom" && (W = V > 0 ? V : 0), e.placement == "top" && (W = V < 0 ? V : 0), e.placement == "left" && (W = G < 0 ? G : 0), e.placement == "right" && (W = G > 0 ? G : 0), (e.placement == "bottom" && (W >= 10 || p.value) || e.placement == "top" && (W <= -10 || p.value) || e.placement == "left" && (W <= -10 || p.value) || e.placement == "right" && (W >= 10 || p.value)) && (p.value = !0, i.value.render({
+              presentTranslate: W + "px",
               presentTransitionDuration: "0s"
             }));
           },
-          up({ deltaY: L, deltaX: Y, initialDirection: q }) {
-            if (p.value = !1, $(), q != v.value) {
+          up({ deltaY: V, deltaX: G, initialDirection: q }) {
+            if (p.value = !1, U(), q != f.value) {
               i.value.open();
               return;
             }
-            let V, B, G;
-            e.placement == "bottom" || e.placement == "top" ? (V = s.value.offsetHeight, G = L) : (V = s.value.offsetWidth, G = Y), B = G / V * 100, B > 50 ? o("close", "gesture") : i.value.open();
+            let W, j, ee;
+            e.placement == "bottom" || e.placement == "top" ? (W = s.value.offsetHeight, ee = V) : (W = s.value.offsetWidth, ee = G), j = ee / W * 100, j > 50 ? o("close", "gesture") : i.value.open();
           },
           cancel() {
-            p.value = !1, $(), i.value.open();
+            p.value = !1, U(), i.value.open();
           }
         }));
       }
-    ), oe(() => {
-      f.value && f.value.destroy();
+    ), se(() => {
+      v.value && v.value.destroy();
     });
-    const E = { props: e, emit: o, appState: a, modal: s, present: i, isBusy: d, isMoving: p, ges: f, gestureDir: v, modalAttrs: b, close: k, hasScrollableOverflow: y, isScrollable: A, hasRemainingScroll: T, canStartGesture: M, busy: $, computed: c, inject: P, onUnmounted: oe, ref: _, unref: u, watch: W, get toifeGesture() {
-      return pe;
+    const O = { props: e, emit: o, appState: a, modal: s, present: i, isBusy: d, isMoving: p, ges: v, gestureDir: f, modalAttrs: A, close: R, hasScrollableOverflow: h, isScrollable: g, hasRemainingScroll: P, canStartGesture: M, busy: U, computed: c, inject: S, onUnmounted: se, ref: _, unref: u, watch: X, get toifeGesture() {
+      return fe;
     }, get Present() {
-      return Fe;
+      return Ce;
     }, get GestureIndicator() {
       return hn;
     }, get MODAL_DEFAULT_PROPS() {
       return Jt;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get SCROLLABLE_OVERFLOW_VALUES() {
       return qt;
     }, get getModalAttrs() {
       return Qt;
     } };
-    return Object.defineProperty(E, "__isScriptSetup", { enumerable: !1, value: !0 }), E;
+    return Object.defineProperty(O, "__isScriptSetup", { enumerable: !1, value: !0 }), O;
   }
 });
 function so(t, r, n, e, o, a) {
-  return m(), ee(e.Present, {
+  return m(), re(e.Present, {
     ref: "present",
     duration: n.duration,
     bounce: n.bounce,
@@ -1373,20 +1373,20 @@ function so(t, r, n, e, o, a) {
     onClose: e.close,
     style: kn(n.style)
   }, {
-    default: ae(() => [
-      D(t.$slots, "extra", {}, void 0, !0),
-      n.gesture && n.indicator && n.placement != "center" ? (m(), ee(e.GestureIndicator, {
+    default: le(() => [
+      F(t.$slots, "extra", {}, void 0, !0),
+      n.gesture && n.indicator && n.placement != "center" ? (m(), re(e.GestureIndicator, {
         key: 0,
         placement: n.placement
-      }, null, 8, ["placement"])) : te("", !0),
-      H("div", U({ ref: "modal" }, e.modalAttrs), [
-        D(t.$slots, "default", {}, void 0, !0)
+      }, null, 8, ["placement"])) : ne("", !0),
+      H("div", z({ ref: "modal" }, e.modalAttrs), [
+        F(t.$slots, "default", {}, void 0, !0)
       ], 16)
     ]),
     _: 3
   }, 8, ["duration", "bounce", "class", "placement", "backdrop", "visible", "keepalive", "style"]);
 }
-const lo = /* @__PURE__ */ F(ao, [["render", so], ["__scopeId", "data-v-272d8ba0"]]), io = /* @__PURE__ */ x({
+const lo = /* @__PURE__ */ L(ao, [["render", so], ["__scopeId", "data-v-272d8ba0"]]), io = /* @__PURE__ */ B({
   __name: "grid",
   props: /* @__PURE__ */ N({
     options: {}
@@ -1404,11 +1404,11 @@ const lo = /* @__PURE__ */ F(ao, [["render", so], ["__scopeId", "data-v-272d8ba0
   }
 });
 function co(t, r, n, e, o, a) {
-  return m(), S("div", w(z(e.gridAttrs)), [
-    D(t.$slots, "default", {}, void 0, !0)
+  return m(), E("div", I($(e.gridAttrs)), [
+    F(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const uo = /* @__PURE__ */ F(io, [["render", co], ["__scopeId", "data-v-241cbb67"]]), po = /* @__PURE__ */ x({
+const uo = /* @__PURE__ */ L(io, [["render", co], ["__scopeId", "data-v-241cbb67"]]), po = /* @__PURE__ */ B({
   __name: "flex",
   props: /* @__PURE__ */ N({
     options: {}
@@ -1426,11 +1426,11 @@ const uo = /* @__PURE__ */ F(io, [["render", co], ["__scopeId", "data-v-241cbb67
   }
 });
 function _o(t, r, n, e, o, a) {
-  return m(), S("div", w(z(e.flexAttrs)), [
-    D(t.$slots, "default", {}, void 0, !0)
+  return m(), E("div", I($(e.flexAttrs)), [
+    F(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const fo = /* @__PURE__ */ F(po, [["render", _o], ["__scopeId", "data-v-b11739c2"]]), vo = /* @__PURE__ */ x({
+const fo = /* @__PURE__ */ L(po, [["render", _o], ["__scopeId", "data-v-b11739c2"]]), vo = /* @__PURE__ */ B({
   __name: "grid-item",
   props: /* @__PURE__ */ N({
     options: {}
@@ -1448,11 +1448,11 @@ const fo = /* @__PURE__ */ F(po, [["render", _o], ["__scopeId", "data-v-b11739c2
   }
 });
 function mo(t, r, n, e, o, a) {
-  return m(), S("div", w(z(e.gridItemAttrs)), [
-    D(t.$slots, "default", {}, void 0, !0)
+  return m(), E("div", I($(e.gridItemAttrs)), [
+    F(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const go = /* @__PURE__ */ F(vo, [["render", mo], ["__scopeId", "data-v-43b6b963"]]), ho = /* @__PURE__ */ x({
+const go = /* @__PURE__ */ L(vo, [["render", mo], ["__scopeId", "data-v-43b6b963"]]), ho = /* @__PURE__ */ B({
   __name: "flex-item",
   props: /* @__PURE__ */ N({
     options: {}
@@ -1470,11 +1470,11 @@ const go = /* @__PURE__ */ F(vo, [["render", mo], ["__scopeId", "data-v-43b6b963
   }
 });
 function bo(t, r, n, e, o, a) {
-  return m(), S("div", w(z(e.flexItemAttrs)), [
-    D(t.$slots, "default", {}, void 0, !0)
+  return m(), E("div", I($(e.flexItemAttrs)), [
+    F(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const Ao = /* @__PURE__ */ F(ho, [["render", bo], ["__scopeId", "data-v-52c0cfee"]]), yo = /* @__PURE__ */ x({
+const Ao = /* @__PURE__ */ L(ho, [["render", bo], ["__scopeId", "data-v-52c0cfee"]]), yo = /* @__PURE__ */ B({
   __name: "cable",
   props: /* @__PURE__ */ N({
     keyboard: { type: Boolean },
@@ -1484,14 +1484,14 @@ const Ao = /* @__PURE__ */ F(ho, [["render", bo], ["__scopeId", "data-v-52c0cfee
   }),
   setup(t, { expose: r }) {
     r();
-    const n = t, { placement: e } = ke(n), o = c(() => it({ placement: e.value }));
-    ne(we, {
+    const n = t, { placement: e } = Oe(n), o = c(() => it({ placement: e.value }));
+    ae(De, {
       placement: e
     });
-    const a = { props: n, placement: e, cableAttrs: o, computed: c, provide: ne, toRefs: ke, get CABLE_DEFAULT_PROPS() {
+    const a = { props: n, placement: e, cableAttrs: o, computed: c, provide: ae, toRefs: Oe, get CABLE_DEFAULT_PROPS() {
       return lt;
     }, get CABLE_PROVIDER_STATE_KEY() {
-      return we;
+      return De;
     }, get getCableAttrs() {
       return it;
     } };
@@ -1499,11 +1499,11 @@ const Ao = /* @__PURE__ */ F(ho, [["render", bo], ["__scopeId", "data-v-52c0cfee
   }
 });
 function To(t, r, n, e, o, a) {
-  return m(), S("div", w(z(e.cableAttrs)), [
-    D(t.$slots, "default", {}, void 0, !0)
+  return m(), E("div", I($(e.cableAttrs)), [
+    F(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const Po = /* @__PURE__ */ F(yo, [["render", To], ["__scopeId", "data-v-01c70127"]]), So = /* @__PURE__ */ x({
+const Po = /* @__PURE__ */ L(yo, [["render", To], ["__scopeId", "data-v-01c70127"]]), So = /* @__PURE__ */ B({
   __name: "toolbar",
   props: /* @__PURE__ */ N({
     placement: {},
@@ -1515,7 +1515,7 @@ const Po = /* @__PURE__ */ F(yo, [["render", To], ["__scopeId", "data-v-01c70127
   }),
   setup(t, { expose: r }) {
     r();
-    const n = t, e = P(we), o = P(R), a = c(() => {
+    const n = t, e = S(De), o = S(k), a = c(() => {
       const i = n.role || u(o?.role) || "", d = n.placement || u(e?.placement) || "", p = (n?.divider !== void 0 ? n.divider : u(o?.divider)) ?? !1;
       return en({
         role: i,
@@ -1523,12 +1523,12 @@ const Po = /* @__PURE__ */ F(yo, [["render", To], ["__scopeId", "data-v-01c70127
         safe: n.safe,
         divider: p
       });
-    }), s = { props: n, cable: e, appState: o, toolbarAttrs: a, unref: u, computed: c, inject: P, get TOOLBAR_DEFAULT_PROPS() {
+    }), s = { props: n, cable: e, appState: o, toolbarAttrs: a, unref: u, computed: c, inject: S, get TOOLBAR_DEFAULT_PROPS() {
       return Zr;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get CABLE_PROVIDER_STATE_KEY() {
-      return we;
+      return De;
     }, get getToolbarAttrs() {
       return en;
     } };
@@ -1536,11 +1536,11 @@ const Po = /* @__PURE__ */ F(yo, [["render", To], ["__scopeId", "data-v-01c70127
   }
 });
 function Eo(t, r, n, e, o, a) {
-  return m(), S("div", w(z(e.toolbarAttrs)), [
-    D(t.$slots, "default", {}, void 0, !0)
+  return m(), E("div", I($(e.toolbarAttrs)), [
+    F(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const Ro = /* @__PURE__ */ F(So, [["render", Eo], ["__scopeId", "data-v-94d685dd"]]), ko = /* @__PURE__ */ x({
+const Ro = /* @__PURE__ */ L(So, [["render", Eo], ["__scopeId", "data-v-94d685dd"]]), ko = /* @__PURE__ */ B({
   __name: "skeleton",
   props: /* @__PURE__ */ N({
     width: {},
@@ -1552,7 +1552,7 @@ const Ro = /* @__PURE__ */ F(So, [["render", Eo], ["__scopeId", "data-v-94d685dd
   }),
   setup(t, { expose: r }) {
     r();
-    const n = t, e = P(R), o = c(() => {
+    const n = t, e = S(k), o = c(() => {
       const s = n.shape || u(e?.shape) || "", i = n.role || u(e?.role) || "";
       return Er({
         role: i,
@@ -1560,10 +1560,10 @@ const Ro = /* @__PURE__ */ F(So, [["render", Eo], ["__scopeId", "data-v-94d685dd
         width: n.width,
         height: n.height
       });
-    }), a = { props: n, appState: e, skeletonAttrs: o, unref: u, computed: c, inject: P, get SKELETON_DEFAULT_PROPS() {
+    }), a = { props: n, appState: e, skeletonAttrs: o, unref: u, computed: c, inject: S, get SKELETON_DEFAULT_PROPS() {
       return Sr;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get getSkeletonAttrs() {
       return Er;
     } };
@@ -1571,9 +1571,9 @@ const Ro = /* @__PURE__ */ F(So, [["render", Eo], ["__scopeId", "data-v-94d685dd
   }
 });
 function Oo(t, r, n, e, o, a) {
-  return m(), S("div", w(z(e.skeletonAttrs)), null, 16);
+  return m(), E("div", I($(e.skeletonAttrs)), null, 16);
 }
-const wo = /* @__PURE__ */ F(ko, [["render", Oo], ["__scopeId", "data-v-6c6eb850"]]), Do = /* @__PURE__ */ x({
+const wo = /* @__PURE__ */ L(ko, [["render", Oo], ["__scopeId", "data-v-6c6eb850"]]), Do = /* @__PURE__ */ B({
   __name: "tabs",
   props: /* @__PURE__ */ N({
     placement: {},
@@ -1591,8 +1591,8 @@ const wo = /* @__PURE__ */ F(ko, [["render", Oo], ["__scopeId", "data-v-6c6eb850
   emits: ["update:modelValue"],
   setup(t, { expose: r, emit: n }) {
     r();
-    const e = t, o = n, a = P(R), s = _(0), i = _(0), d = _(0), p = _(0), f = _(), v = _(!0), b = c(() => e.role || u(a?.role) || ""), k = c(() => e.shape || u(a?.shape) || ""), y = c(() => e.size), A = c(() => e.modelValue || ""), T = c(() => {
-      const g = Gr({
+    const e = t, o = n, a = S(k), s = _(0), i = _(0), d = _(0), p = _(0), v = _(), f = _(!0), A = c(() => e.role || u(a?.role) || ""), R = c(() => e.shape || u(a?.shape) || ""), h = c(() => e.size), g = c(() => e.modelValue || ""), P = c(() => {
+      const b = Gr({
         top: d.value,
         left: p.value,
         width: s.value,
@@ -1604,53 +1604,53 @@ const wo = /* @__PURE__ */ F(ko, [["render", Oo], ["__scopeId", "data-v-6c6eb850
       });
       return {
         ...jr({
-          role: b.value,
-          shape: k.value,
+          role: A.value,
+          shape: R.value,
           placement: e.placement,
           variant: e.variant,
-          transition: v.value ? !1 : e.transition
+          transition: f.value ? !1 : e.transition
         }),
         style: Yr({
-          top: g.top,
-          left: g.left,
-          width: g.width,
-          height: g.height,
+          top: b.top,
+          left: b.left,
+          width: b.width,
+          height: b.height,
           marginX: e.margin[1],
           marginY: e.margin[0]
         })
       };
     }), M = () => {
-      let g = f.value.querySelector(".active");
-      g && (s.value = g.offsetWidth, i.value = g.offsetHeight, p.value = g.getBoundingClientRect().left - f.value.getBoundingClientRect().left + f.value.scrollLeft, d.value = g.getBoundingClientRect().top - f.value.getBoundingClientRect().top + f.value.scrollTop);
-    }, $ = async () => {
-      await re(), M();
+      let b = v.value.querySelector(".active");
+      b && (s.value = b.offsetWidth, i.value = b.offsetHeight, p.value = b.getBoundingClientRect().left - v.value.getBoundingClientRect().left + v.value.scrollLeft, d.value = b.getBoundingClientRect().top - v.value.getBoundingClientRect().top + v.value.scrollTop);
+    }, U = async () => {
+      await oe(), M();
     };
-    W(
+    X(
       () => e.modelValue,
       () => {
-        $();
+        U();
       }
     ), J(() => {
-      $(), window.addEventListener("resize", M), setTimeout(() => {
-        v.value = !1;
+      U(), window.addEventListener("resize", M), setTimeout(() => {
+        f.value = !1;
       }, 500);
-    }), oe(() => {
+    }), se(() => {
       window.removeEventListener("resize", M);
-    }), ne(xe, {
-      activeValue: A,
-      role: b,
-      shape: k,
-      size: y,
-      setValue: (g) => {
-        o("update:modelValue", g);
+    }), ae(Fe, {
+      activeValue: g,
+      role: A,
+      shape: R,
+      size: h,
+      setValue: (b) => {
+        o("update:modelValue", b);
       }
     });
-    const E = { props: e, emit: o, appState: a, width: s, height: i, top: d, left: p, container: f, isFirstRender: v, role: b, shape: k, size: y, activeValue: A, tabsAttrs: T, calcPosition: M, checkRender: $, unref: u, computed: c, inject: P, nextTick: re, onMounted: J, onUnmounted: oe, provide: ne, ref: _, watch: W, get TABS_DEFAULT_PROPS() {
+    const O = { props: e, emit: o, appState: a, width: s, height: i, top: d, left: p, container: v, isFirstRender: f, role: A, shape: R, size: h, activeValue: g, tabsAttrs: P, calcPosition: M, checkRender: U, unref: u, computed: c, inject: S, nextTick: oe, onMounted: J, onUnmounted: se, provide: ae, ref: _, watch: X, get TABS_DEFAULT_PROPS() {
       return Mr;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get TABS_PROVIDER_STATE_KEY() {
-      return xe;
+      return Fe;
     }, get getTabsAttrs() {
       return jr;
     }, get getTabsHighlightPosition() {
@@ -1658,15 +1658,15 @@ const wo = /* @__PURE__ */ F(ko, [["render", Oo], ["__scopeId", "data-v-6c6eb850
     }, get getTabsHighlightStyle() {
       return Yr;
     } };
-    return Object.defineProperty(E, "__isScriptSetup", { enumerable: !1, value: !0 }), E;
+    return Object.defineProperty(O, "__isScriptSetup", { enumerable: !1, value: !0 }), O;
   }
 });
 function Io(t, r, n, e, o, a) {
-  return m(), S("ul", U({ ref: "container" }, e.tabsAttrs), [
-    D(t.$slots, "default", {}, void 0, !0)
+  return m(), E("ul", z({ ref: "container" }, e.tabsAttrs), [
+    F(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const xo = /* @__PURE__ */ F(Do, [["render", Io], ["__scopeId", "data-v-5ceebc82"]]), Fo = /* @__PURE__ */ x({
+const xo = /* @__PURE__ */ L(Do, [["render", Io], ["__scopeId", "data-v-5ceebc82"]]), Fo = /* @__PURE__ */ B({
   __name: "tab",
   props: /* @__PURE__ */ N({
     value: {},
@@ -1676,28 +1676,28 @@ const xo = /* @__PURE__ */ F(Do, [["render", Io], ["__scopeId", "data-v-5ceebc82
   }),
   setup(t, { expose: r }) {
     r();
-    const n = t, e = P(xe), o = c(() => u(e?.shape) || ""), a = c(() => u(e?.size) || "standard"), s = c(() => u(e?.activeValue) === n.value), i = c(() => Kr({ active: s.value })), d = c(() => Nr({ shape: o.value, size: a.value })), f = { props: n, tabsState: e, shape: o, size: a, isActive: s, tabAttrs: i, buttonAttrs: d, handleClick: () => {
+    const n = t, e = S(Fe), o = c(() => u(e?.shape) || ""), a = c(() => u(e?.size) || "standard"), s = c(() => u(e?.activeValue) === n.value), i = c(() => Kr({ active: s.value })), d = c(() => Nr({ shape: o.value, size: a.value })), v = { props: n, tabsState: e, shape: o, size: a, isActive: s, tabAttrs: i, buttonAttrs: d, handleClick: () => {
       n.disabled || e?.setValue(n.value || "");
-    }, computed: c, inject: P, unref: u, get TAB_DEFAULT_PROPS() {
+    }, computed: c, inject: S, unref: u, get TAB_DEFAULT_PROPS() {
       return Ur;
     }, get TABS_PROVIDER_STATE_KEY() {
-      return xe;
+      return Fe;
     }, get getTabAttrs() {
       return Kr;
     }, get getTabButtonAttrs() {
       return Nr;
     } };
-    return Object.defineProperty(f, "__isScriptSetup", { enumerable: !1, value: !0 }), f;
+    return Object.defineProperty(v, "__isScriptSetup", { enumerable: !1, value: !0 }), v;
   }
 });
 function Co(t, r, n, e, o, a) {
-  return m(), S("li", w(z(e.tabAttrs)), [
-    H("button", U(e.buttonAttrs, { onClick: e.handleClick }), [
-      D(t.$slots, "default", {}, void 0, !0)
+  return m(), E("li", I($(e.tabAttrs)), [
+    H("button", z(e.buttonAttrs, { onClick: e.handleClick }), [
+      F(t.$slots, "default", {}, void 0, !0)
     ], 16)
   ], 16);
 }
-const Bo = /* @__PURE__ */ F(Fo, [["render", Co], ["__scopeId", "data-v-e7572056"]]), Lo = /* @__PURE__ */ x({
+const Bo = /* @__PURE__ */ L(Fo, [["render", Co], ["__scopeId", "data-v-e7572056"]]), Lo = /* @__PURE__ */ B({
   __name: "switch",
   props: /* @__PURE__ */ N({
     modelValue: { type: Boolean },
@@ -1714,42 +1714,42 @@ const Bo = /* @__PURE__ */ F(Fo, [["render", Co], ["__scopeId", "data-v-e7572056
   emits: ["update:modelValue"],
   setup(t, { expose: r, emit: n }) {
     r();
-    const e = t, o = n, a = P(R), s = _(!1), i = _(!0), d = c(() => {
-      const T = (e?.shadow !== void 0 ? e.shadow : u(a?.shadow)) ?? !1;
+    const e = t, o = n, a = S(k), s = _(!1), i = _(!0), d = c(() => {
+      const P = (e?.shadow !== void 0 ? e.shadow : u(a?.shadow)) ?? !1;
       return Vr({
         disabled: e.disabled,
         readonly: e.readonly,
-        shadow: T && !e.disabled && s.value,
+        shadow: P && !e.disabled && s.value,
         focus: s.value,
         modelValue: e.modelValue,
         transition: !i.value,
         bounce: e.bounce
       });
     }), p = c(() => {
-      const T = e.shape || u(a?.shape) || "", M = u(a?.role) || "", $ = e.role || M;
+      const P = e.shape || u(a?.shape) || "", M = u(a?.role) || "", U = e.role || M;
       return $r({
-        role: $,
-        shape: T,
+        role: U,
+        shape: P,
         size: e.size
       });
-    }), f = zr(), v = () => {
+    }), v = zr(), f = () => {
       e.disabled || e.readonly || o("update:modelValue", !e.modelValue);
-    }, b = () => {
+    }, A = () => {
       e.disabled || e.readonly || (s.value = !0);
-    }, k = () => {
+    }, R = () => {
       e.disabled || e.readonly || (s.value = !1);
-    }, y = (T) => {
-      T.key !== " " && T.key !== "Enter" || (T.preventDefault(), v());
+    }, h = (P) => {
+      P.key !== " " && P.key !== "Enter" || (P.preventDefault(), f());
     };
     J(() => {
       setTimeout(() => {
         i.value = !1;
       }, 500);
     });
-    const A = { props: e, emit: o, appState: a, isFocused: s, isFirstRender: i, switchWrapperAttrs: d, switchAttrs: p, switchIconAttrs: f, onSwitch: v, onFocus: b, onBlur: k, onKeydown: y, unref: u, computed: c, inject: P, ref: _, onMounted: J, get SWITCH_DEFAULT_PROPS() {
+    const g = { props: e, emit: o, appState: a, isFocused: s, isFirstRender: i, switchWrapperAttrs: d, switchAttrs: p, switchIconAttrs: v, onSwitch: f, onFocus: A, onBlur: R, onKeydown: h, unref: u, computed: c, inject: S, ref: _, onMounted: J, get SWITCH_DEFAULT_PROPS() {
       return Lr;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get getSwitchAttrs() {
       return $r;
     }, get getSwitchIconAttrs() {
@@ -1757,11 +1757,11 @@ const Bo = /* @__PURE__ */ F(Fo, [["render", Co], ["__scopeId", "data-v-e7572056
     }, get getSwitchWrapperAttrs() {
       return Vr;
     } };
-    return Object.defineProperty(A, "__isScriptSetup", { enumerable: !1, value: !0 }), A;
+    return Object.defineProperty(g, "__isScriptSetup", { enumerable: !1, value: !0 }), g;
   }
 }), Vo = ["tabindex", "aria-checked"];
 function $o(t, r, n, e, o, a) {
-  return m(), S("div", U(e.switchWrapperAttrs, {
+  return m(), E("div", z(e.switchWrapperAttrs, {
     tabindex: n.disabled ? -1 : 0,
     "aria-checked": e.props.modelValue,
     onPointerup: e.onSwitch,
@@ -1769,13 +1769,13 @@ function $o(t, r, n, e, o, a) {
     onBlur: e.onBlur,
     onKeydown: e.onKeydown
   }), [
-    H("div", w(z(e.switchAttrs)), [
-      H("div", w(z(e.switchIconAttrs)), null, 16)
+    H("div", I($(e.switchAttrs)), [
+      H("div", I($(e.switchIconAttrs)), null, 16)
     ], 16),
-    D(t.$slots, "default", {}, void 0, !0)
+    F(t.$slots, "default", {}, void 0, !0)
   ], 16, Vo);
 }
-const zo = /* @__PURE__ */ F(Lo, [["render", $o], ["__scopeId", "data-v-12b14d42"]]), Uo = /* @__PURE__ */ x({
+const zo = /* @__PURE__ */ L(Lo, [["render", $o], ["__scopeId", "data-v-12b14d42"]]), Uo = /* @__PURE__ */ B({
   __name: "checkbox",
   props: /* @__PURE__ */ N({
     modelValue: { type: Boolean },
@@ -1792,11 +1792,11 @@ const zo = /* @__PURE__ */ F(Lo, [["render", $o], ["__scopeId", "data-v-12b14d42
   emits: ["update:modelValue", "focus", "blur"],
   setup(t, { expose: r, emit: n }) {
     r();
-    const e = t, o = n, a = P(R), s = _(!1), i = c(() => {
-      const y = u(a?.role) || "", A = e.role || y, T = e.shape || u(a?.shape) || "", M = (e?.shadow !== void 0 ? e.shadow : u(a?.shadow)) ?? !1;
+    const e = t, o = n, a = S(k), s = _(!1), i = c(() => {
+      const h = u(a?.role) || "", g = e.role || h, P = e.shape || u(a?.shape) || "", M = (e?.shadow !== void 0 ? e.shadow : u(a?.shadow)) ?? !1;
       return vt({
-        role: A,
-        shape: T,
+        role: g,
+        shape: P,
         size: e.size,
         variant: e.variant,
         modelValue: e.modelValue,
@@ -1807,26 +1807,26 @@ const zo = /* @__PURE__ */ F(Lo, [["render", $o], ["__scopeId", "data-v-12b14d42
       });
     }), d = mt(), p = () => {
       e.disabled || e.readonly || o("update:modelValue", !e.modelValue);
-    }, k = { props: e, emit: o, appState: a, isFocused: s, checkboxAttrs: i, checkboxIconAttrs: d, onCheckbox: p, onFocus: () => {
+    }, R = { props: e, emit: o, appState: a, isFocused: s, checkboxAttrs: i, checkboxIconAttrs: d, onCheckbox: p, onFocus: () => {
       e.disabled || e.readonly || (s.value = !0, o("focus"));
     }, onBlur: () => {
       e.disabled || e.readonly || (s.value = !1, o("blur"));
-    }, onKeydown: (y) => {
-      y.key !== " " && y.key !== "Enter" || (y.preventDefault(), p());
-    }, unref: u, computed: c, inject: P, ref: _, get CHECKBOX_DEFAULT_PROPS() {
+    }, onKeydown: (h) => {
+      h.key !== " " && h.key !== "Enter" || (h.preventDefault(), p());
+    }, unref: u, computed: c, inject: S, ref: _, get CHECKBOX_DEFAULT_PROPS() {
       return ft;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get getCheckboxAttrs() {
       return vt;
     }, get getCheckboxIconAttrs() {
       return mt;
     } };
-    return Object.defineProperty(k, "__isScriptSetup", { enumerable: !1, value: !0 }), k;
+    return Object.defineProperty(R, "__isScriptSetup", { enumerable: !1, value: !0 }), R;
   }
 }), Mo = ["tabindex", "aria-checked"];
 function Ko(t, r, n, e, o, a) {
-  return m(), S("div", U(e.checkboxAttrs, {
+  return m(), E("div", z(e.checkboxAttrs, {
     tabindex: n.disabled ? -1 : 0,
     "aria-checked": e.props.modelValue,
     onPointerup: e.onCheckbox,
@@ -1834,11 +1834,11 @@ function Ko(t, r, n, e, o, a) {
     onBlur: e.onBlur,
     onKeydown: e.onKeydown
   }), [
-    H("div", w(z(e.checkboxIconAttrs)), null, 16),
-    D(t.$slots, "default", {}, void 0, !0)
+    H("div", I($(e.checkboxIconAttrs)), null, 16),
+    F(t.$slots, "default", {}, void 0, !0)
   ], 16, Mo);
 }
-const No = /* @__PURE__ */ F(Uo, [["render", Ko], ["__scopeId", "data-v-452e6908"]]), jo = /* @__PURE__ */ x({
+const No = /* @__PURE__ */ L(Uo, [["render", Ko], ["__scopeId", "data-v-452e6908"]]), jo = /* @__PURE__ */ B({
   __name: "radio",
   props: /* @__PURE__ */ N({
     value: {},
@@ -1854,57 +1854,57 @@ const No = /* @__PURE__ */ F(Uo, [["render", Ko], ["__scopeId", "data-v-452e6908
   }),
   setup(t, { expose: r }) {
     r();
-    const n = t, e = P(R), o = P(
-      De,
+    const n = t, e = S(k), o = S(
+      Ie,
       null
     ), a = _(!1), s = c(() => n.disabled || (u(o?.disabled) ?? !1)), i = c(() => n.readonly || (u(o?.readonly) ?? !1)), d = c(() => {
-      const A = (n?.shadow !== void 0 ? n.shadow : u(e?.shadow)) ?? !1, T = n.role || u(o?.role) || u(e?.role) || "", M = n.shape || u(o?.shape) || u(e?.shape) || "", $ = n.variant || u(o?.variant) || "", E = u(o?.modelValue) === n.value;
+      const g = (n?.shadow !== void 0 ? n.shadow : u(e?.shadow)) ?? !1, P = n.role || u(o?.role) || u(e?.role) || "", M = n.shape || u(o?.shape) || u(e?.shape) || "", U = n.variant || u(o?.variant) || "", O = u(o?.modelValue) === n.value;
       return sr({
-        role: T,
+        role: P,
         shape: M,
         size: n.size,
-        variant: $,
-        checked: E,
+        variant: U,
+        checked: O,
         disabled: s.value,
         readonly: i.value,
-        shadow: A && !n.disabled && a.value,
+        shadow: g && !n.disabled && a.value,
         focus: a.value
       });
-    }), p = lr(), f = () => {
+    }), p = lr(), v = () => {
       s.value || i.value || !o || o.setValue(n.value);
-    }, y = { props: n, appState: e, radioGroupState: o, isFocused: a, disabled: s, readonly: i, radioAttrs: d, radioIconAttrs: p, onRadio: f, onFocus: () => {
+    }, h = { props: n, appState: e, radioGroupState: o, isFocused: a, disabled: s, readonly: i, radioAttrs: d, radioIconAttrs: p, onRadio: v, onFocus: () => {
       s.value || i.value || (a.value = !0);
     }, onBlur: () => {
       s.value || i.value || (a.value = !1);
-    }, onKeydown: (A) => {
-      A.key !== " " && A.key !== "Enter" || (A.preventDefault(), f());
-    }, unref: u, computed: c, inject: P, ref: _, get RADIO_DEFAULT_PROPS() {
+    }, onKeydown: (g) => {
+      g.key !== " " && g.key !== "Enter" || (g.preventDefault(), v());
+    }, unref: u, computed: c, inject: S, ref: _, get RADIO_DEFAULT_PROPS() {
       return ar;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get RADIO_GROUP_PROVIDER_STATE_KEY() {
-      return De;
+      return Ie;
     }, get getRadioAttrs() {
       return sr;
     }, get getRadioIconAttrs() {
       return lr;
     } };
-    return Object.defineProperty(y, "__isScriptSetup", { enumerable: !1, value: !0 }), y;
+    return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
   }
 }), Go = ["tabindex"];
 function Yo(t, r, n, e, o, a) {
-  return m(), S("div", U(e.radioAttrs, {
+  return m(), E("div", z(e.radioAttrs, {
     onPointerup: e.onRadio,
     tabindex: e.disabled ? -1 : 0,
     onFocus: e.onFocus,
     onBlur: e.onBlur,
     onKeydown: e.onKeydown
   }), [
-    H("div", w(z(e.radioIconAttrs)), null, 16),
-    D(t.$slots, "default", {}, void 0, !0)
+    H("div", I($(e.radioIconAttrs)), null, 16),
+    F(t.$slots, "default", {}, void 0, !0)
   ], 16, Go);
 }
-const Ho = /* @__PURE__ */ F(jo, [["render", Yo], ["__scopeId", "data-v-04588e80"]]), Wo = /* @__PURE__ */ x({
+const Ho = /* @__PURE__ */ L(jo, [["render", Yo], ["__scopeId", "data-v-04588e80"]]), Wo = /* @__PURE__ */ B({
   __name: "radio-group",
   props: /* @__PURE__ */ N({
     modelValue: {},
@@ -1921,37 +1921,37 @@ const Ho = /* @__PURE__ */ F(jo, [["render", Yo], ["__scopeId", "data-v-04588e80
   emits: ["update:modelValue"],
   setup(t, { expose: r, emit: n }) {
     r();
-    const e = t, o = n, a = P(R), s = c(() => e.modelValue), i = c(() => e.role || u(a?.role) || ""), d = c(() => e.shape || u(a?.shape) || ""), p = c(() => e.variant), f = c(() => (e?.shadow !== void 0 ? e.shadow : u(a?.shadow)) ?? !1), v = c(() => e.disabled), b = c(() => e.readonly), k = c(() => ir({ direction: e.direction }));
-    ne(De, {
+    const e = t, o = n, a = S(k), s = c(() => e.modelValue), i = c(() => e.role || u(a?.role) || ""), d = c(() => e.shape || u(a?.shape) || ""), p = c(() => e.variant), v = c(() => (e?.shadow !== void 0 ? e.shadow : u(a?.shadow)) ?? !1), f = c(() => e.disabled), A = c(() => e.readonly), R = c(() => ir({ direction: e.direction }));
+    ae(Ie, {
       modelValue: s,
       role: i,
       shape: d,
       variant: p,
-      disabled: v,
-      readonly: b,
-      shadow: f,
-      setValue: (A) => {
-        o("update:modelValue", A);
+      disabled: f,
+      readonly: A,
+      shadow: v,
+      setValue: (g) => {
+        o("update:modelValue", g);
       }
     });
-    const y = { props: e, emit: o, appState: a, modelValue: s, role: i, shape: d, variant: p, shadow: f, disabled: v, readonly: b, radioGroupAttrs: k, unref: u, computed: c, inject: P, provide: ne, get RADIO_GROUP_DEFAULT_PROPS() {
+    const h = { props: e, emit: o, appState: a, modelValue: s, role: i, shape: d, variant: p, shadow: v, disabled: f, readonly: A, radioGroupAttrs: R, unref: u, computed: c, inject: S, provide: ae, get RADIO_GROUP_DEFAULT_PROPS() {
       return or;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get RADIO_GROUP_PROVIDER_STATE_KEY() {
-      return De;
+      return Ie;
     }, get getRadioGroupAttrs() {
       return ir;
     } };
-    return Object.defineProperty(y, "__isScriptSetup", { enumerable: !1, value: !0 }), y;
+    return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
   }
 });
 function Xo(t, r, n, e, o, a) {
-  return m(), S("div", w(z(e.radioGroupAttrs)), [
-    D(t.$slots, "default", {}, void 0, !0)
+  return m(), E("div", I($(e.radioGroupAttrs)), [
+    F(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const qo = /* @__PURE__ */ F(Wo, [["render", Xo], ["__scopeId", "data-v-69f69d5e"]]), Jo = /* @__PURE__ */ x({
+const qo = /* @__PURE__ */ L(Wo, [["render", Xo], ["__scopeId", "data-v-69f69d5e"]]), Jo = /* @__PURE__ */ B({
   __name: "card",
   props: /* @__PURE__ */ N({
     role: {},
@@ -1962,24 +1962,24 @@ const qo = /* @__PURE__ */ F(Wo, [["render", Xo], ["__scopeId", "data-v-69f69d5e
   }),
   setup(t, { expose: r }) {
     r();
-    const n = t, e = P(R), o = c(() => (n?.divider !== void 0 ? n.divider : u(e?.divider)) ?? !1), a = c(() => n?.shape || u(e?.shape) || ""), s = c(() => n.role || u(e?.role) || ""), i = c(
+    const n = t, e = S(k), o = c(() => (n?.divider !== void 0 ? n.divider : u(e?.divider)) ?? !1), a = c(() => n?.shape || u(e?.shape) || ""), s = c(() => n.role || u(e?.role) || ""), i = c(
       () => dt({
         role: s.value,
         shape: a.value,
         divider: o.value
       })
     );
-    ne(ve, {
+    ae(me, {
       role: s,
       shape: a,
       divider: o
     });
-    const d = { props: n, appState: e, divider: o, shape: a, role: s, cardAttrs: i, unref: u, computed: c, inject: P, provide: ne, get CARD_DEFAULT_PROPS() {
+    const d = { props: n, appState: e, divider: o, shape: a, role: s, cardAttrs: i, unref: u, computed: c, inject: S, provide: ae, get CARD_DEFAULT_PROPS() {
       return ct;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get CARD_PROVIDER_STATE_KEY() {
-      return ve;
+      return me;
     }, get getCardAttrs() {
       return dt;
     } };
@@ -1987,11 +1987,11 @@ const qo = /* @__PURE__ */ F(Wo, [["render", Xo], ["__scopeId", "data-v-69f69d5e
   }
 });
 function Qo(t, r, n, e, o, a) {
-  return m(), S("div", w(z(e.cardAttrs)), [
-    D(t.$slots, "default")
+  return m(), E("div", I($(e.cardAttrs)), [
+    F(t.$slots, "default")
   ], 16);
 }
-const Zo = /* @__PURE__ */ F(Jo, [["render", Qo]]), ea = /* @__PURE__ */ x({
+const Zo = /* @__PURE__ */ L(Jo, [["render", Qo]]), ea = /* @__PURE__ */ B({
   __name: "card-body",
   setup(t, { expose: r }) {
     r();
@@ -2002,19 +2002,19 @@ const Zo = /* @__PURE__ */ F(Jo, [["render", Qo]]), ea = /* @__PURE__ */ x({
   }
 });
 function ta(t, r, n, e, o, a) {
-  return m(), S("div", w(z(e.cardBodyAttrs)), [
-    D(t.$slots, "default")
+  return m(), E("div", I($(e.cardBodyAttrs)), [
+    F(t.$slots, "default")
   ], 16);
 }
-const ra = /* @__PURE__ */ F(ea, [["render", ta]]), na = /* @__PURE__ */ x({
+const ra = /* @__PURE__ */ L(ea, [["render", ta]]), na = /* @__PURE__ */ B({
   __name: "card-header",
   setup(t, { expose: r }) {
     r();
-    const n = P(ve), e = c(() => {
+    const n = S(me), e = c(() => {
       const a = u(n?.divider) ?? !1;
       return ut({ divider: a });
-    }), o = { cardProviderState: n, cardHeaderAttrs: e, computed: c, inject: P, unref: u, get CARD_PROVIDER_STATE_KEY() {
-      return ve;
+    }), o = { cardProviderState: n, cardHeaderAttrs: e, computed: c, inject: S, unref: u, get CARD_PROVIDER_STATE_KEY() {
+      return me;
     }, get getCardHeaderAttrs() {
       return ut;
     } };
@@ -2022,19 +2022,19 @@ const ra = /* @__PURE__ */ F(ea, [["render", ta]]), na = /* @__PURE__ */ x({
   }
 });
 function oa(t, r, n, e, o, a) {
-  return m(), S("div", w(z(e.cardHeaderAttrs)), [
-    D(t.$slots, "default")
+  return m(), E("div", I($(e.cardHeaderAttrs)), [
+    F(t.$slots, "default")
   ], 16);
 }
-const aa = /* @__PURE__ */ F(na, [["render", oa]]), sa = /* @__PURE__ */ x({
+const aa = /* @__PURE__ */ L(na, [["render", oa]]), sa = /* @__PURE__ */ B({
   __name: "card-footer",
   setup(t, { expose: r }) {
     r();
-    const n = P(ve), e = c(() => {
+    const n = S(me), e = c(() => {
       const a = u(n?.divider) ?? !1;
       return pt({ divider: a });
-    }), o = { cardProviderState: n, cardFooterAttrs: e, computed: c, inject: P, unref: u, get CARD_PROVIDER_STATE_KEY() {
-      return ve;
+    }), o = { cardProviderState: n, cardFooterAttrs: e, computed: c, inject: S, unref: u, get CARD_PROVIDER_STATE_KEY() {
+      return me;
     }, get getCardFooterAttrs() {
       return pt;
     } };
@@ -2042,11 +2042,11 @@ const aa = /* @__PURE__ */ F(na, [["render", oa]]), sa = /* @__PURE__ */ x({
   }
 });
 function la(t, r, n, e, o, a) {
-  return m(), S("div", w(z(e.cardFooterAttrs)), [
-    D(t.$slots, "default")
+  return m(), E("div", I($(e.cardFooterAttrs)), [
+    F(t.$slots, "default")
   ], 16);
 }
-const ia = /* @__PURE__ */ F(sa, [["render", la]]), ca = /* @__PURE__ */ x({
+const ia = /* @__PURE__ */ L(sa, [["render", la]]), ca = /* @__PURE__ */ B({
   __name: "avatar",
   props: /* @__PURE__ */ N({
     shape: {},
@@ -2059,7 +2059,7 @@ const ia = /* @__PURE__ */ F(sa, [["render", la]]), ca = /* @__PURE__ */ x({
   }),
   setup(t, { expose: r }) {
     r();
-    const n = t, e = P(R), o = c(() => {
+    const n = t, e = S(k), o = c(() => {
       const s = n?.shape || u(e?.shape) || "", i = n?.role || u(e?.role) || "", d = (n?.divider !== void 0 ? n.divider : u(e?.divider)) ?? !1;
       return nt({
         role: i,
@@ -2068,10 +2068,10 @@ const ia = /* @__PURE__ */ F(sa, [["render", la]]), ca = /* @__PURE__ */ x({
         size: n.size,
         src: n.src
       });
-    }), a = { props: n, appState: e, avatarAttrs: o, unref: u, computed: c, inject: P, get AVATAR_DEFAULT_PROPS() {
+    }), a = { props: n, appState: e, avatarAttrs: o, unref: u, computed: c, inject: S, get AVATAR_DEFAULT_PROPS() {
       return rt;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get getAvatarAttrs() {
       return nt;
     } };
@@ -2079,11 +2079,11 @@ const ia = /* @__PURE__ */ F(sa, [["render", la]]), ca = /* @__PURE__ */ x({
   }
 });
 function da(t, r, n, e, o, a) {
-  return m(), S("div", w(z(e.avatarAttrs)), [
-    D(t.$slots, "default", {}, void 0, !0)
+  return m(), E("div", I($(e.avatarAttrs)), [
+    F(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const ua = /* @__PURE__ */ F(ca, [["render", da], ["__scopeId", "data-v-5b87f47c"]]), pa = /* @__PURE__ */ x({
+const ua = /* @__PURE__ */ L(ca, [["render", da], ["__scopeId", "data-v-5b87f47c"]]), pa = /* @__PURE__ */ B({
   __name: "divider",
   props: /* @__PURE__ */ N({
     direction: {},
@@ -2093,13 +2093,13 @@ const ua = /* @__PURE__ */ F(ca, [["render", da], ["__scopeId", "data-v-5b87f47c
   }),
   setup(t, { expose: r }) {
     r();
-    const n = t, e = P(R), o = c(() => {
+    const n = t, e = S(k), o = c(() => {
       const s = n.role || u(e?.role) || "";
       return wt({ role: s, direction: n.direction });
-    }), a = { props: n, appState: e, dividerAttrs: o, unref: u, computed: c, inject: P, get DIVIDER_DEFAULT_PROPS() {
+    }), a = { props: n, appState: e, dividerAttrs: o, unref: u, computed: c, inject: S, get DIVIDER_DEFAULT_PROPS() {
       return Ot;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get getDividerAttrs() {
       return wt;
     } };
@@ -2107,9 +2107,9 @@ const ua = /* @__PURE__ */ F(ca, [["render", da], ["__scopeId", "data-v-5b87f47c
   }
 });
 function _a(t, r, n, e, o, a) {
-  return m(), S("div", w(z(e.dividerAttrs)), null, 16);
+  return m(), E("div", I($(e.dividerAttrs)), null, 16);
 }
-const fa = /* @__PURE__ */ F(pa, [["render", _a], ["__scopeId", "data-v-31785bf7"]]), va = /* @__PURE__ */ x({
+const fa = /* @__PURE__ */ L(pa, [["render", _a], ["__scopeId", "data-v-31785bf7"]]), va = /* @__PURE__ */ B({
   __name: "image",
   props: {
     defaultSrc: {},
@@ -2117,28 +2117,28 @@ const fa = /* @__PURE__ */ F(pa, [["render", _a], ["__scopeId", "data-v-31785bf7
   },
   setup(t, { expose: r }) {
     r();
-    const n = t, e = P(R), o = _(n.src ?? ""), a = c(() => n.defaultSrc ?? u(e?.data)?.errorImageUrl ?? ""), s = () => {
+    const n = t, e = S(k), o = _(n.src ?? ""), a = c(() => n.defaultSrc ?? u(e?.data)?.errorImageUrl ?? ""), s = () => {
       a.value && (o.value = a.value);
     };
-    W(
+    X(
       () => n.src,
       (d) => {
         o.value = d ?? "";
       }
     );
-    const i = { props: n, appState: e, dataSrc: o, defaultSrc: a, handleError: s, unref: u, ref: _, watch: W, computed: c, inject: P, get APP_PROVIDER_STATE_KEY() {
-      return R;
+    const i = { props: n, appState: e, dataSrc: o, defaultSrc: a, handleError: s, unref: u, ref: _, watch: X, computed: c, inject: S, get APP_PROVIDER_STATE_KEY() {
+      return k;
     } };
     return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
 }), ma = ["src"];
 function ga(t, r, n, e, o, a) {
-  return m(), S("img", {
+  return m(), E("img", {
     onError: e.handleError,
     src: e.dataSrc
   }, null, 40, ma);
 }
-const ha = /* @__PURE__ */ F(va, [["render", ga]]), ba = /* @__PURE__ */ x({
+const ha = /* @__PURE__ */ L(va, [["render", ga]]), ba = /* @__PURE__ */ B({
   __name: "field",
   props: /* @__PURE__ */ N({
     modelValue: {},
@@ -2167,29 +2167,29 @@ const ha = /* @__PURE__ */ F(va, [["render", ga]]), ba = /* @__PURE__ */ x({
   emits: ["update:modelValue", "focus", "blur", "input", "beforeinput"],
   setup(t, { expose: r, emit: n }) {
     r();
-    const e = t, o = n, a = P(R), s = _(!1), i = _(0), d = _(""), p = c(() => {
-      const E = e.role || u(a?.role) || "", g = e.shape || u(a?.shape) || "", L = (e?.shadow !== void 0 ? e.shadow : u(a?.shadow)) ?? !1, Y = e.direction || u(a?.direction) || "left";
+    const e = t, o = n, a = S(k), s = _(!1), i = _(0), d = _(""), p = c(() => {
+      const O = e.role || u(a?.role) || "", b = e.shape || u(a?.shape) || "", V = (e?.shadow !== void 0 ? e.shadow : u(a?.shadow)) ?? !1, G = e.direction || u(a?.direction) || "left";
       return Ct({
-        role: E,
-        shape: g,
+        role: O,
+        shape: b,
         size: e.size,
-        direction: Y,
+        direction: G,
         variant: e.variant,
         type: e.type,
         disabled: e.disabled,
         focus: s.value,
-        shadow: L,
+        shadow: V,
         readonly: e.readonly,
         line: Number(e.line),
         maxLine: e.maxLine !== void 0 ? Number(e.maxLine) : void 0
       });
-    }), f = c(() => {
-      const E = e.modelValue;
-      if (E != null && E !== "")
-        return String(E);
-      const g = e.value;
-      return g != null && g !== "" ? String(g) : "";
-    }), v = c(() => Bt()), b = c(() => ({
+    }), v = c(() => {
+      const O = e.modelValue;
+      if (O != null && O !== "")
+        return String(O);
+      const b = e.value;
+      return b != null && b !== "" ? String(b) : "";
+    }), f = c(() => Bt()), A = c(() => ({
       ...Lt(),
       name: e.name,
       id: e.id,
@@ -2200,31 +2200,31 @@ const ha = /* @__PURE__ */ F(va, [["render", ga]]), ba = /* @__PURE__ */ x({
       disabled: e.disabled,
       maxlength: e.maxLength,
       tabindex: e.tabindex
-    })), k = c(() => Vt()), y = (E) => {
-      e.disabled || (s.value = !0, o("focus", E));
-    }, A = (E) => {
-      e.disabled || (s.value = !1, o("blur", E));
-    }, T = (E) => {
-      o("input", E);
-    }, M = (E) => {
-      o("beforeinput", E);
+    })), R = c(() => Vt()), h = (O) => {
+      e.disabled || (s.value = !0, o("focus", O));
+    }, g = (O) => {
+      e.disabled || (s.value = !1, o("blur", O));
+    }, P = (O) => {
+      o("input", O);
+    }, M = (O) => {
+      o("beforeinput", O);
     };
-    W(
-      () => f.value,
-      (E) => {
-        d.value = E.toString();
+    X(
+      () => v.value,
+      (O) => {
+        d.value = O.toString();
       },
       { immediate: !0 }
-    ), W(
+    ), X(
       () => d.value,
-      (E) => {
-        o("update:modelValue", E.toString());
+      (O) => {
+        o("update:modelValue", O.toString());
       }
     );
-    const $ = { props: e, emit: o, appState: a, isFocus: s, caret: i, content: d, fieldAttrs: p, rawContent: f, fieldContentAttrs: v, fieldInputAttrs: b, fieldMessageAttrs: k, onFocus: y, onBlur: A, onInput: T, onBeforeinput: M, unref: u, computed: c, inject: P, nextTick: re, onMounted: J, ref: _, watch: W, get FIELD_DEFAULT_PROPS() {
+    const U = { props: e, emit: o, appState: a, isFocus: s, caret: i, content: d, fieldAttrs: p, rawContent: v, fieldContentAttrs: f, fieldInputAttrs: A, fieldMessageAttrs: R, onFocus: h, onBlur: g, onInput: P, onBeforeinput: M, unref: u, computed: c, inject: S, nextTick: oe, onMounted: J, ref: _, watch: X, get FIELD_DEFAULT_PROPS() {
       return Ft;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get getFieldAttrs() {
       return Ct;
     }, get getFieldContentAttrs() {
@@ -2234,15 +2234,15 @@ const ha = /* @__PURE__ */ F(va, [["render", ga]]), ba = /* @__PURE__ */ x({
     }, get getFieldMessageAttrs() {
       return Vt;
     } };
-    return Object.defineProperty($, "__isScriptSetup", { enumerable: !1, value: !0 }), $;
+    return Object.defineProperty(U, "__isScriptSetup", { enumerable: !1, value: !0 }), U;
   }
 }), Aa = ["rows"], ya = ["type"];
 function Ta(t, r, n, e, o, a) {
-  return m(), S("div", w(z(e.fieldAttrs)), [
-    H("div", w(z(e.fieldContentAttrs)), [
-      D(t.$slots, "start-input", {}, void 0, !0),
-      D(t.$slots, "input", {}, () => [
-        n.type === "paragraph" ? _e((m(), S("textarea", U({ key: 0 }, e.fieldInputAttrs, {
+  return m(), E("div", I($(e.fieldAttrs)), [
+    H("div", I($(e.fieldContentAttrs)), [
+      F(t.$slots, "start-input", {}, void 0, !0),
+      F(t.$slots, "input", {}, () => [
+        n.type === "paragraph" ? ve((m(), E("textarea", z({ key: 0 }, e.fieldInputAttrs, {
           onInput: e.onInput,
           onFocus: e.onFocus,
           onBlur: e.onBlur,
@@ -2251,7 +2251,7 @@ function Ta(t, r, n, e, o, a) {
           rows: n.line
         }), null, 16, Aa)), [
           [On, e.content]
-        ]) : _e((m(), S("input", U({ key: 1 }, e.fieldInputAttrs, {
+        ]) : ve((m(), E("input", z({ key: 1 }, e.fieldInputAttrs, {
           onInput: e.onInput,
           onFocus: e.onFocus,
           onBlur: e.onBlur,
@@ -2262,13 +2262,13 @@ function Ta(t, r, n, e, o, a) {
           [wn, e.content]
         ])
       ], !0),
-      D(t.$slots, "end-input", {}, void 0, !0)
+      F(t.$slots, "end-input", {}, void 0, !0)
     ], 16),
-    n.message ? (m(), S("div", w(U({ key: 0 }, e.fieldMessageAttrs)), ie(n.message), 17)) : te("", !0),
-    D(t.$slots, "default", {}, void 0, !0)
+    n.message ? (m(), E("div", I(z({ key: 0 }, e.fieldMessageAttrs)), ce(n.message), 17)) : ne("", !0),
+    F(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const je = /* @__PURE__ */ F(ba, [["render", Ta], ["__scopeId", "data-v-d6b35544"]]), Pa = /* @__PURE__ */ x({
+const je = /* @__PURE__ */ L(ba, [["render", Ta], ["__scopeId", "data-v-d6b35544"]]), Pa = /* @__PURE__ */ B({
   __name: "segmented-field",
   props: /* @__PURE__ */ N({
     modelValue: {},
@@ -2291,119 +2291,119 @@ const je = /* @__PURE__ */ F(ba, [["render", Ta], ["__scopeId", "data-v-d6b35544
   emits: ["update:modelValue", "complete", "focus", "blur", "input"],
   setup(t, { expose: r, emit: n }) {
     r();
-    const e = t, o = n, a = P(R), s = _([]), i = _([]), d = c(() => {
-      const O = e.modelValue !== void 0 ? e.modelValue : e.value !== void 0 ? e.value : s.value;
-      return Array.from({ length: e.length }, (C, j) => O?.[j] ?? "");
+    const e = t, o = n, a = S(k), s = _([]), i = _([]), d = c(() => {
+      const w = e.modelValue !== void 0 ? e.modelValue : e.value !== void 0 ? e.value : s.value;
+      return Array.from({ length: e.length }, (x, y) => w?.[y] ?? "");
     }), p = c(() => {
-      const O = d.value.findIndex((C) => !C);
-      return O === -1 ? e.length - 1 : O;
-    }), f = c(() => {
-      const O = e.role || u(a?.role) || "", C = e.shape || u(a?.shape) || "", j = e.direction || u(a?.direction) || "left";
+      const w = d.value.findIndex((x) => !x);
+      return w === -1 ? e.length - 1 : w;
+    }), v = c(() => {
+      const w = e.role || u(a?.role) || "", x = e.shape || u(a?.shape) || "", y = e.direction || u(a?.direction) || "left";
       return mr({
-        role: O,
-        shape: C,
-        direction: j,
+        role: w,
+        shape: x,
+        direction: y,
         variant: e.variant,
         size: e.size,
         disabled: e.disabled
       });
-    }), v = gr(), b = c(() => {
-      const O = e.role || u(a?.role) || "", C = e.shape || u(a?.shape) || "", j = (e.shadow !== void 0 ? e.shadow : u(a?.shadow)) ?? !1;
+    }), f = gr(), A = c(() => {
+      const w = e.role || u(a?.role) || "", x = e.shape || u(a?.shape) || "", y = (e.shadow !== void 0 ? e.shadow : u(a?.shadow)) ?? !1;
       return {
         variant: e.variant,
         size: e.size,
         disabled: e.disabled,
         readonly: e.readonly,
-        shadow: j,
-        shape: C,
-        role: O,
+        shadow: y,
+        shape: x,
+        role: w,
         type: e.type,
         maxLength: 1,
         autocomplete: "off"
       };
-    }), k = hr(), y = (O, C) => {
-      if (!O) return "";
-      let j = O.slice(-1);
-      const X = e.pattern?.[C] ?? e.pattern?.[0];
-      return X && !new RegExp(X).test(j) ? "" : j;
-    }, A = (O) => i.value[O]?.$el?.querySelector("input, textarea"), T = async () => {
-      await re();
-      for (let O = 0; O < e.length; O++) {
-        const C = A(O);
-        C && (C.value = d.value[O] ?? "");
+    }), R = hr(), h = (w, x) => {
+      if (!w) return "";
+      let y = w.slice(-1);
+      const D = e.pattern?.[x] ?? e.pattern?.[0];
+      return D && !new RegExp(D).test(y) ? "" : y;
+    }, g = (w) => i.value[w]?.$el?.querySelector("input, textarea"), P = async () => {
+      await oe();
+      for (let w = 0; w < e.length; w++) {
+        const x = g(w);
+        x && (x.value = d.value[w] ?? "");
       }
-    }, M = async (O) => {
-      const C = Array.from({ length: e.length }, (j, X) => O[X] ?? "");
-      s.value = C, o("update:modelValue", C), o("input", C), C.every((j) => j) && o("complete", C), await T();
-    }, $ = async (O) => {
+    }, M = async (w) => {
+      const x = Array.from({ length: e.length }, (y, D) => w[D] ?? "");
+      s.value = x, o("update:modelValue", x), o("input", x), x.every((y) => y) && o("complete", x), await P();
+    }, U = async (w) => {
       if (e.disabled || e.readonly) return;
-      const C = Math.max(0, Math.min(O, e.length - 1));
-      await re();
-      const j = A(C);
-      j?.focus(), j && "select" in j && j.select();
-    }, E = (O, C) => {
-      const j = [...d.value];
-      j[O] = C, M(j);
-    }, g = (O, C) => {
-      const j = y(C, O);
-      j && (E(O, j), O < e.length - 1 && $(O + 1));
-    }, L = (O, C) => {
-      const j = O.replace(/\s/g, "").split("");
-      if (!j.length) return;
-      const X = [...d.value];
-      let se = C;
-      for (const Ce of j) {
-        if (se >= e.length) break;
-        const fe = y(Ce, se);
-        fe && (X[se] = fe, se += 1);
+      const x = Math.max(0, Math.min(w, e.length - 1));
+      await oe();
+      const y = g(x);
+      y?.focus(), y && "select" in y && y.select();
+    }, O = (w, x) => {
+      const y = [...d.value];
+      y[w] = x, M(y);
+    }, b = (w, x) => {
+      const y = h(x, w);
+      y && (O(w, y), w < e.length - 1 && U(w + 1));
+    }, V = (w, x) => {
+      const y = w.replace(/\s/g, "").split("");
+      if (!y.length) return;
+      const D = [...d.value];
+      let Y = x;
+      for (const de of y) {
+        if (Y >= e.length) break;
+        const Z = h(de, Y);
+        Z && (D[Y] = Z, Y += 1);
       }
-      M(X), $(Math.min(se, e.length - 1));
-    }, G = { props: e, emit: o, appState: a, keepValue: s, fields: i, segments: d, firstEmptyIndex: p, wrapperAttrs: f, contentAttrs: v, fieldAttrs: b, messageAttrs: k, normalizeChar: y, getFieldInput: A, syncFieldInputs: T, updateValue: M, focusInput: $, setCell: E, applyChar: g, handlePaste: L, onFieldClick: () => {
-      $(p.value);
-    }, onSegmentFocus: (O, C) => {
-      o("focus", O), A(C)?.select?.();
-    }, onSegmentBeforeinput: (O, C) => {
+      M(D), U(Math.min(Y, e.length - 1));
+    }, ee = { props: e, emit: o, appState: a, keepValue: s, fields: i, segments: d, firstEmptyIndex: p, wrapperAttrs: v, contentAttrs: f, fieldAttrs: A, messageAttrs: R, normalizeChar: h, getFieldInput: g, syncFieldInputs: P, updateValue: M, focusInput: U, setCell: O, applyChar: b, handlePaste: V, onFieldClick: () => {
+      U(p.value);
+    }, onSegmentFocus: (w, x) => {
+      o("focus", w), g(x)?.select?.();
+    }, onSegmentBeforeinput: (w, x) => {
       if (e.disabled || e.readonly) return;
-      const { inputType: j } = O;
-      if (j === "insertText" && O.data != null) {
-        O.preventDefault(), O.data.length > 1 ? L(O.data, C) : g(C, O.data);
+      const { inputType: y } = w;
+      if (y === "insertText" && w.data != null) {
+        w.preventDefault(), w.data.length > 1 ? V(w.data, x) : b(x, w.data);
         return;
       }
-      if (j === "insertFromPaste" && O.dataTransfer) {
-        O.preventDefault();
-        const X = O.dataTransfer.getData("text");
-        L(X, C);
+      if (y === "insertFromPaste" && w.dataTransfer) {
+        w.preventDefault();
+        const D = w.dataTransfer.getData("text");
+        V(D, x);
         return;
       }
-      if (j === "deleteContentBackward") {
-        O.preventDefault();
-        const X = [...d.value];
-        if (X[C]) {
-          X[C] = "", M(X);
+      if (y === "deleteContentBackward") {
+        w.preventDefault();
+        const D = [...d.value];
+        if (D[x]) {
+          D[x] = "", M(D);
           return;
         }
-        C > 0 && (X[C - 1] = "", M(X), $(C - 1));
+        x > 0 && (D[x - 1] = "", M(D), U(x - 1));
       }
-    }, onSegmentInput: (O, C) => {
+    }, onSegmentInput: (w, x) => {
       if (e.disabled || e.readonly) return;
-      const j = O.target;
-      if (!j) return;
-      const X = j.value, se = d.value[C] ?? "";
-      if (!X) {
-        se || E(C, "");
+      const y = w.target;
+      if (!y) return;
+      const D = y.value, Y = d.value[x] ?? "";
+      if (!D) {
+        Y || O(x, "");
         return;
       }
-      if (X.length > 1) {
-        L(X, C);
+      if (D.length > 1) {
+        V(D, x);
         return;
       }
-      X !== se && g(C, X);
-    }, unref: u, computed: c, inject: P, nextTick: re, ref: _, get Field() {
+      D !== Y && b(x, D);
+    }, unref: u, computed: c, inject: S, nextTick: oe, ref: _, get Field() {
       return je;
     }, get SEGMENTED_FIELD_DEFAULT_PROPS() {
       return vr;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get getSegmentedFieldContentAttrs() {
       return gr;
     }, get getSegmentedFieldMessageAttrs() {
@@ -2411,13 +2411,13 @@ const je = /* @__PURE__ */ F(ba, [["render", Ta], ["__scopeId", "data-v-d6b35544
     }, get getSegmentedFieldWrapperAttrs() {
       return mr;
     } };
-    return Object.defineProperty(G, "__isScriptSetup", { enumerable: !1, value: !0 }), G;
+    return Object.defineProperty(ee, "__isScriptSetup", { enumerable: !1, value: !0 }), ee;
   }
 });
 function Sa(t, r, n, e, o, a) {
-  return m(), S("div", w(z(e.wrapperAttrs)), [
-    H("div", U(e.contentAttrs, { onPointerup: e.onFieldClick }), [
-      (m(!0), S(de, null, ue(e.props.length, (s, i) => (m(), ee(e.Field, U({ key: i }, { ref_for: !0 }, e.fieldAttrs, {
+  return m(), E("div", I($(e.wrapperAttrs)), [
+    H("div", z(e.contentAttrs, { onPointerup: e.onFieldClick }), [
+      (m(!0), E(pe, null, _e(e.props.length, (s, i) => (m(), re(e.Field, z({ key: i }, { ref_for: !0 }, e.fieldAttrs, {
         "model-value": e.segments[i],
         tabindex: i === e.firstEmptyIndex ? 0 : -1,
         onBeforeinput: (d) => e.onSegmentBeforeinput(d, i),
@@ -2427,10 +2427,10 @@ function Sa(t, r, n, e, o, a) {
         ref: "fields"
       }), null, 16, ["model-value", "tabindex", "onBeforeinput", "onInput", "onFocus"]))), 128))
     ], 16),
-    n.message ? (m(), S("div", w(U({ key: 0 }, e.messageAttrs)), ie(n.message), 17)) : te("", !0)
+    n.message ? (m(), E("div", I(z({ key: 0 }, e.messageAttrs)), ce(n.message), 17)) : ne("", !0)
   ], 16);
 }
-const Ea = /* @__PURE__ */ F(Pa, [["render", Sa], ["__scopeId", "data-v-0a10b0ea"]]), Ra = /* @__PURE__ */ x({
+const Ea = /* @__PURE__ */ L(Pa, [["render", Sa], ["__scopeId", "data-v-0a10b0ea"]]), Ra = /* @__PURE__ */ B({
   __name: "container",
   setup(t, { expose: r }) {
     r();
@@ -2441,11 +2441,11 @@ const Ea = /* @__PURE__ */ F(Pa, [["render", Sa], ["__scopeId", "data-v-0a10b0ea
   }
 });
 function ka(t, r, n, e, o, a) {
-  return m(), S("div", w(z(e.containerAttrs)), [
-    D(t.$slots, "default", {}, void 0, !0)
+  return m(), E("div", I($(e.containerAttrs)), [
+    F(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const Oa = /* @__PURE__ */ F(Ra, [["render", ka], ["__scopeId", "data-v-ca3c1b04"]]), wa = /* @__PURE__ */ x({
+const Oa = /* @__PURE__ */ L(Ra, [["render", ka], ["__scopeId", "data-v-ca3c1b04"]]), wa = /* @__PURE__ */ B({
   __name: "refresher",
   emits: ["move", "cancel", "end", "start"],
   setup(t, { expose: r, emit: n }) {
@@ -2454,15 +2454,15 @@ const Oa = /* @__PURE__ */ F(Ra, [["render", ka], ["__scopeId", "data-v-ca3c1b04
     let s, i = !1;
     const d = c(() => cr()), p = () => {
       o.value = !1;
-    }, f = () => (o.value = !0, p), v = () => {
-      e("end", { refresh: f });
-    }, b = () => {
+    }, v = () => (o.value = !0, p), f = () => {
+      e("end", { refresh: v });
+    }, A = () => {
       i = !1, o.value = !1, e("cancel");
     };
-    W(
+    X(
       () => a.value,
       () => {
-        s && s.destroy(), a.value && (s = pe(
+        s && s.destroy(), a.value && (s = fe(
           a.value,
           {
             options: {
@@ -2474,23 +2474,23 @@ const Oa = /* @__PURE__ */ F(Ra, [["render", ka], ["__scopeId", "data-v-ca3c1b04
             down() {
               o.value || (i = (a.value?.scrollTop || 0) <= 0, i && e("start"));
             },
-            move({ deltaY: y, initialDirection: A }) {
-              if (o.value || !i || A != "down") return;
-              const T = y < 0 ? 0 : y;
-              e("move", { refresh: f, offset: T });
+            move({ deltaY: h, initialDirection: g }) {
+              if (o.value || !i || g != "down") return;
+              const P = h < 0 ? 0 : h;
+              e("move", { refresh: v, offset: P });
             },
-            up({ initialDirection: y }) {
-              const A = i;
-              if (i = !1, !(o.value || !A)) {
-                if (y != "down") {
-                  b();
+            up({ initialDirection: h }) {
+              const g = i;
+              if (i = !1, !(o.value || !g)) {
+                if (h != "down") {
+                  A();
                   return;
                 }
-                v();
+                f();
               }
             },
             cancel() {
-              i = !1, !o.value && b();
+              i = !1, !o.value && A();
             }
           },
           {
@@ -2498,31 +2498,31 @@ const Oa = /* @__PURE__ */ F(Ra, [["render", ka], ["__scopeId", "data-v-ca3c1b04
           }
         ));
       }
-    ), oe(() => {
+    ), se(() => {
       s && s.destroy();
     });
-    const k = { emit: e, refreshing: o, container: a, get cleanup() {
+    const R = { emit: e, refreshing: o, container: a, get cleanup() {
       return s;
-    }, set cleanup(y) {
-      s = y;
+    }, set cleanup(h) {
+      s = h;
     }, get isPulling() {
       return i;
-    }, set isPulling(y) {
-      i = y;
-    }, containerAttrs: d, close: p, refresh: f, up: v, cancel: b, ref: _, onUnmounted: oe, watch: W, computed: c, get gesture() {
-      return pe;
+    }, set isPulling(h) {
+      i = h;
+    }, containerAttrs: d, close: p, refresh: v, up: f, cancel: A, ref: _, onUnmounted: se, watch: X, computed: c, get gesture() {
+      return fe;
     }, get getRefresherAttrs() {
       return cr;
     } };
-    return Object.defineProperty(k, "__isScriptSetup", { enumerable: !1, value: !0 }), k;
+    return Object.defineProperty(R, "__isScriptSetup", { enumerable: !1, value: !0 }), R;
   }
 });
 function Da(t, r, n, e, o, a) {
-  return m(), S("div", U(e.containerAttrs, { ref: "container" }), [
-    D(t.$slots, "default", {}, void 0, !0)
+  return m(), E("div", z(e.containerAttrs, { ref: "container" }), [
+    F(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const Ia = /* @__PURE__ */ F(wa, [["render", Da], ["__scopeId", "data-v-54c45068"]]), xa = /* @__PURE__ */ x({
+const Ia = /* @__PURE__ */ L(wa, [["render", Da], ["__scopeId", "data-v-54c45068"]]), xa = /* @__PURE__ */ B({
   __name: "route-provider",
   props: {
     stack: {}
@@ -2530,19 +2530,19 @@ const Ia = /* @__PURE__ */ F(wa, [["render", Da], ["__scopeId", "data-v-54c45068
   setup(t, { expose: r }) {
     r();
     const n = t, e = c(() => n.stack);
-    ne(Ie, {
+    ae(xe, {
       stack: e
     });
-    const o = { props: n, stack: e, provide: ne, computed: c, get ROUTE_PROVIDER_STATE_KEY() {
-      return Ie;
+    const o = { props: n, stack: e, provide: ae, computed: c, get ROUTE_PROVIDER_STATE_KEY() {
+      return xe;
     } };
     return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
   }
 });
 function Fa(t, r, n, e, o, a) {
-  return D(t.$slots, "default");
+  return F(t.$slots, "default");
 }
-const Ge = /* @__PURE__ */ F(xa, [["render", Fa]]), Ca = /* @__PURE__ */ x({
+const Ge = /* @__PURE__ */ L(xa, [["render", Fa]]), Ca = /* @__PURE__ */ B({
   __name: "route-outlet",
   props: {
     component: {}
@@ -2567,12 +2567,12 @@ const Ge = /* @__PURE__ */ F(xa, [["render", Fa]]), Ca = /* @__PURE__ */ x({
   }
 });
 function Ba(t, r, n, e, o, a) {
-  return e.renderComponent ? (m(), ee(Dn(e.renderComponent), { key: 0 })) : te("", !0);
+  return e.renderComponent ? (m(), re(Dn(e.renderComponent), { key: 0 })) : ne("", !0);
 }
-const bn = /* @__PURE__ */ F(Ca, [["render", Ba]]), Me = (t) => t.map((r) => ({
+const bn = /* @__PURE__ */ L(Ca, [["render", Ba]]), Me = (t) => t.map((r) => ({
   ...r,
   stack: Me(r.stack)
-})), Ee = -40, La = /* @__PURE__ */ x({
+})), Re = -40, La = /* @__PURE__ */ B({
   __name: "route-navigator",
   props: /* @__PURE__ */ N({
     direction: {},
@@ -2585,88 +2585,103 @@ const bn = /* @__PURE__ */ F(Ca, [["render", Ba]]), Me = (t) => t.map((r) => ({
   emits: ["transform"],
   setup(t, { expose: r, emit: n }) {
     r();
-    const e = t, o = n, a = P(Ie), s = Oe(), i = _(), d = _(null), p = Re({
-      back: Ee,
+    const e = t, o = n, a = S(xe), s = we(), i = _(), d = _(null), p = ke({
+      back: Re,
       prepare: 100,
       active: 0,
       backdrop: 0,
       duration: void 0
-    }), f = _([]), v = _(0), b = _(0), k = c(
+    }), v = _([]), f = _(0), A = _(0);
+    let R, h, g;
+    const P = () => {
+      R !== void 0 && (clearTimeout(R), R = void 0), h !== void 0 && (clearTimeout(h), h = void 0), g !== void 0 && (clearTimeout(g), g = void 0);
+    }, M = (y) => {
+      v.value = y, f.value = Math.max(0, y.length - 1), A.value = f.value, j(), p.backdrop = y.length > 0 ? 100 : 0, o("transform", p);
+    }, U = c(
       () => pr({
         direction: e.direction,
         variant: e.variant,
         moving: p.active !== 0,
         transform: p
       })
-    ), y = c(
+    ), O = c(
       () => _r({ direction: e.direction })
-    ), A = c(
-      () => fr({ zIndex: b.value * 2 + 99 })
-    ), T = c(() => v.value > 0 ? f.value.at(v.value - 1) ?? null : null), M = c(() => e.variant === "swipe" && e.gesture && T.value), $ = (V) => {
-      const B = Me(V);
-      if (f.value.length === 0) {
-        f.value = B;
+    ), b = c(
+      () => fr({ zIndex: A.value * 2 + 99 })
+    ), V = c(() => f.value > 0 ? v.value.at(f.value - 1) ?? null : null), G = c(() => e.variant === "swipe" && e.gesture && V.value), q = (y) => {
+      const D = Me(y);
+      if (P(), v.value.length === 0) {
+        v.value = D, f.value = Math.max(0, D.length - 1), A.value = f.value;
+        return;
+      }
+      const Y = v.value.length - D.length;
+      if (Y === 0) {
+        const Z = v.value.length - 1;
+        Z >= 0 && D[Z] && (v.value[Z].stack = D[Z].stack), f.value >= D.length && M(D);
         return;
       }
-      if (f.value.length === B.length) {
-        const G = f.value.length - 1;
-        f.value[G].stack = B[G].stack;
-      } else if (f.value.length > B.length) {
-        const G = v.value - 1;
-        g(), v.value = G, p.backdrop = 0, o("transform", p), setTimeout(() => {
-          f.value = f.value.slice(0, -1), b.value = G, p.backdrop = 100, o("transform", p);
+      if (Y > 0) {
+        const Z = Math.max(0, D.length - 1);
+        if (Y > 1 || f.value > Z || D.length === 0) {
+          M(D);
+          return;
+        }
+        j(), f.value = Z, p.backdrop = 0, o("transform", p), R = setTimeout(() => {
+          v.value = D, A.value = Z, p.backdrop = D.length > 0 ? 100 : 0, o("transform", p), R = void 0;
         }, 250);
-      } else
-        f.value.push(B[B.length - 1]), p.duration = "0s", p.backdrop = 0, o("transform", p), setTimeout(
-          () => {
-            b.value = b.value + 1, p.duration = void 0, o("transform", p);
-          },
-          e.variant !== "none" ? 10 : 0
-        ), setTimeout(
-          () => {
-            p.backdrop = 100, v.value = f.value.length - 1, o("transform", p);
-          },
-          e.variant !== "none" ? 100 : 0
-        );
-    }, E = () => {
-      v.value <= 0 || !f.value[v.value - 1] || s.back();
-    }, g = () => {
-      p.back = Ee, p.prepare = 100, p.active = 0, p.duration = void 0, o("transform", p);
-    }, L = (V) => {
-      const B = i.value?.offsetWidth ?? 0;
-      let G = 0;
-      e.direction == "left" || e.direction == "right" ? G = Math.abs(V.deltaX) / B * 100 : G = Math.abs(V.deltaY) / B * 100, p.back = (100 - G) * Ee / 100, p.active = G, p.backdrop = 100 - p.active, p.duration = "0s", o("transform", p);
-    }, Y = (V) => {
-      const B = i.value?.offsetWidth ?? 0;
-      let G = 0;
-      e.direction == "left" || e.direction == "right" ? G = Math.abs(V.deltaX) / B * 100 : G = Math.abs(V.deltaY) / B * 100, G >= 60 ? E() : g();
+        return;
+      }
+      const de = D[D.length - 1];
+      de && (v.value.push(de), p.duration = "0s", p.backdrop = 0, o("transform", p), h = setTimeout(
+        () => {
+          A.value = A.value + 1, p.duration = void 0, o("transform", p), h = void 0;
+        },
+        e.variant !== "none" ? 10 : 0
+      ), g = setTimeout(
+        () => {
+          p.backdrop = 100, f.value = v.value.length - 1, o("transform", p), g = void 0;
+        },
+        e.variant !== "none" ? 100 : 0
+      ));
+    }, W = () => {
+      f.value <= 0 || !v.value[f.value - 1] || s.back();
+    }, j = () => {
+      p.back = Re, p.prepare = 100, p.active = 0, p.duration = void 0, o("transform", p);
+    }, ee = (y) => {
+      const D = i.value?.offsetWidth ?? 0;
+      let Y = 0;
+      e.direction == "left" || e.direction == "right" ? Y = Math.abs(y.deltaX) / D * 100 : Y = Math.abs(y.deltaY) / D * 100, p.back = (100 - Y) * Re / 100, p.active = Y, p.backdrop = 100 - p.active, p.duration = "0s", o("transform", p);
+    }, w = (y) => {
+      const D = i.value?.offsetWidth ?? 0;
+      let Y = 0;
+      e.direction == "left" || e.direction == "right" ? Y = Math.abs(y.deltaX) / D * 100 : Y = Math.abs(y.deltaY) / D * 100, Y >= 60 ? W() : j();
     };
-    W(
+    X(
       () => u(a?.stack),
-      (V) => {
-        $(V);
+      (y) => {
+        q(y);
       }
     ), J(() => {
-      $(u(a?.stack)), d.value = i.value && pe(
+      q(u(a?.stack)), d.value = i.value && fe(
         i.value,
         {
           options: {
             trackOutsideElement: !0
           },
-          beforeEvent(V) {
-            return V.target?.closest("input, textarea, select, button, [contenteditable]") || !M.value ? !1 : (V.stopPropagation(), !0);
+          beforeEvent(y) {
+            return y.target?.closest("input, textarea, select, button, [contenteditable]") || !G.value ? !1 : (y.stopPropagation(), !0);
           },
-          fast({ initialDirection: V }) {
-            !V || V !== e.direction || E();
+          fast({ initialDirection: y }) {
+            !y || y !== e.direction || W();
           },
-          move({ deltaX: V, deltaY: B, initialDirection: G, event: O }) {
-            !G || G !== e.direction || (O.cancelable && O.preventDefault(), L({ deltaX: V, deltaY: B }));
+          move({ deltaX: y, deltaY: D, initialDirection: Y, event: de }) {
+            !Y || Y !== e.direction || (de.cancelable && de.preventDefault(), ee({ deltaX: y, deltaY: D }));
           },
-          up({ deltaX: V, deltaY: B, initialDirection: G }) {
-            !G || G !== e.direction || Y({ deltaX: V, deltaY: B });
+          up({ deltaX: y, deltaY: D, initialDirection: Y }) {
+            !Y || Y !== e.direction || w({ deltaX: y, deltaY: D });
           },
           cancel() {
-            g();
+            j();
           }
         },
         {
@@ -2674,23 +2689,35 @@ const bn = /* @__PURE__ */ F(Ca, [["render", Ba]]), Me = (t) => t.map((r) => ({
           move: { passive: !1 }
         }
       );
-    }), oe(() => {
-      d.value && d.value.destroy();
+    }), se(() => {
+      P(), d.value && d.value.destroy();
     });
-    const q = { BACK_LAYER_PEEK_PCT: Ee, props: e, emit: o, provider: a, router: s, navigatorRef: i, ges: d, transform: p, stack: f, activeIndex: v, backdropIndex: b, navigatorAttrs: k, componentAttrs: y, backdropAttrs: A, prevPage: T, isGestureEnabled: M, changeRoute: $, goBack: E, resetTransform: g, move: L, up: Y, computed: c, inject: P, onMounted: J, onUnmounted: oe, reactive: Re, ref: _, watch: W, unref: u, get gesture() {
-      return pe;
+    const x = { BACK_LAYER_PEEK_PCT: Re, props: e, emit: o, provider: a, router: s, navigatorRef: i, ges: d, transform: p, stack: v, activeIndex: f, backdropIndex: A, get backTimer() {
+      return R;
+    }, set backTimer(y) {
+      R = y;
+    }, get forwardTimer1() {
+      return h;
+    }, set forwardTimer1(y) {
+      h = y;
+    }, get forwardTimer2() {
+      return g;
+    }, set forwardTimer2(y) {
+      g = y;
+    }, clearRouteTimers: P, syncStack: M, navigatorAttrs: U, componentAttrs: O, backdropAttrs: b, prevPage: V, isGestureEnabled: G, changeRoute: q, goBack: W, resetTransform: j, move: ee, up: w, computed: c, inject: S, onMounted: J, onUnmounted: se, reactive: ke, ref: _, watch: X, unref: u, get gesture() {
+      return fe;
     }, get RouteProvider() {
       return Ge;
     }, get RouteOutlet() {
       return bn;
     }, get useRouter() {
-      return Oe;
+      return we;
     }, get clone() {
       return Me;
     }, get ROUTE_NAVIGATOR_DEFAULT_PROPS() {
       return dr;
     }, get ROUTE_PROVIDER_STATE_KEY() {
-      return Ie;
+      return xe;
     }, get getRouteNavigatorAttrs() {
       return pr;
     }, get getRouteNavigatorBackdropAttrs() {
@@ -2698,12 +2725,12 @@ const bn = /* @__PURE__ */ F(Ca, [["render", Ba]]), Me = (t) => t.map((r) => ({
     }, get getRouteNavigatorComponentAttrs() {
       return _r;
     } };
-    return Object.defineProperty(q, "__isScriptSetup", { enumerable: !1, value: !0 }), q;
+    return Object.defineProperty(x, "__isScriptSetup", { enumerable: !1, value: !0 }), x;
   }
 }), Va = ["name"];
 function $a(t, r, n, e, o, a) {
-  return m(), S("div", U(e.navigatorAttrs, { ref: "navigatorRef" }), [
-    (m(!0), S(de, null, ue(e.stack, (s, i) => (m(), S("div", U({
+  return m(), E("div", z(e.navigatorAttrs, { ref: "navigatorRef" }), [
+    (m(!0), E(pe, null, _e(e.stack, (s, i) => (m(), E("div", z({
       key: s.name
     }, { ref_for: !0 }, e.componentAttrs, {
       style: { zIndex: i * 2 + 100 },
@@ -2714,22 +2741,22 @@ function $a(t, r, n, e, o, a) {
         back: i === e.activeIndex - 1
       }
     }), [
-      le(e.RouteProvider, {
+      ie(e.RouteProvider, {
         stack: s.stack
       }, {
-        default: ae(() => [
-          le(e.RouteOutlet, {
+        default: le(() => [
+          ie(e.RouteOutlet, {
             component: s.component
           }, null, 8, ["component"])
         ]),
         _: 2
       }, 1032, ["stack"])
     ], 16, Va))), 128)),
-    H("div", w(z(e.backdropAttrs)), null, 16)
+    H("div", I($(e.backdropAttrs)), null, 16)
   ], 16);
 }
-const za = /* @__PURE__ */ F(La, [["render", $a], ["__scopeId", "data-v-29cc5fe2"]]), Ue = In([]), Ke = (t, r) => {
-  if (t.length === 0) return r;
+const za = /* @__PURE__ */ L(La, [["render", $a], ["__scopeId", "data-v-a1f7643d"]]), Ue = In([]), Ke = (t, r) => {
+  if (t.length === 0) return [];
   if (r.length > 1 && r[r.length - 2]?.name === t[0].name && r.pop(), r.length > 0 && r[r.length - 1] && r[r.length - 1].name === t[0].name)
     t.shift(), r[r.length - 1].stack = Ke(t, r[r.length - 1].stack);
   else {
@@ -2746,7 +2773,7 @@ const za = /* @__PURE__ */ F(La, [["render", $a], ["__scopeId", "data-v-29cc5fe2
   updateRoutes: (r) => {
     Ue.value = Ke([...r], [...Ue.value]);
   }
-}), Ua = /* @__PURE__ */ x({
+}), Ua = /* @__PURE__ */ B({
   __name: "route-wrapper",
   props: /* @__PURE__ */ N({
     homeRouteName: {}
@@ -2755,8 +2782,8 @@ const za = /* @__PURE__ */ F(La, [["render", $a], ["__scopeId", "data-v-29cc5fe2
   }),
   setup(t, { expose: r }) {
     r();
-    const n = t, { updateRoutes: e, stack: o } = cn(), a = qe(), s = Oe();
-    W(
+    const n = t, { updateRoutes: e, stack: o } = cn(), a = qe(), s = we();
+    X(
       () => a.matched,
       () => {
         e(a.matched);
@@ -2772,10 +2799,10 @@ const za = /* @__PURE__ */ F(La, [["render", $a], ["__scopeId", "data-v-29cc5fe2
         }, 50);
       }
     });
-    const i = { props: n, updateRoutes: e, stack: o, route: a, router: s, onMounted: J, watch: W, get useRouteWrapper() {
+    const i = { props: n, updateRoutes: e, stack: o, route: a, router: s, onMounted: J, watch: X, get useRouteWrapper() {
       return cn;
     }, get useRouter() {
-      return Oe;
+      return we;
     }, get useRoute() {
       return qe;
     }, get RouteProvider() {
@@ -2787,14 +2814,14 @@ const za = /* @__PURE__ */ F(La, [["render", $a], ["__scopeId", "data-v-29cc5fe2
   }
 });
 function Ma(t, r, n, e, o, a) {
-  return m(), ee(e.RouteProvider, { stack: e.stack }, {
-    default: ae(() => [
-      D(t.$slots, "default")
+  return m(), re(e.RouteProvider, { stack: e.stack }, {
+    default: le(() => [
+      F(t.$slots, "default")
     ]),
     _: 3
   }, 8, ["stack"]);
 }
-const Ka = /* @__PURE__ */ F(Ua, [["render", Ma]]), Na = /* @__PURE__ */ x({
+const Ka = /* @__PURE__ */ L(Ua, [["render", Ma]]), Na = /* @__PURE__ */ B({
   __name: "page",
   setup(t, { expose: r }) {
     r();
@@ -2805,11 +2832,11 @@ const Ka = /* @__PURE__ */ F(Ua, [["render", Ma]]), Na = /* @__PURE__ */ x({
   }
 });
 function ja(t, r, n, e, o, a) {
-  return m(), S("div", w(z(e.pageAttrs)), [
-    D(t.$slots, "default", {}, void 0, !0)
+  return m(), E("div", I($(e.pageAttrs)), [
+    F(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const Ga = /* @__PURE__ */ F(Na, [["render", ja], ["__scopeId", "data-v-cb125d64"]]), Ya = /* @__PURE__ */ x({
+const Ga = /* @__PURE__ */ L(Na, [["render", ja], ["__scopeId", "data-v-cb125d64"]]), Ya = /* @__PURE__ */ B({
   __name: "collapse",
   props: /* @__PURE__ */ N({
     modelValue: { type: Boolean },
@@ -2822,54 +2849,54 @@ const Ga = /* @__PURE__ */ F(Na, [["render", ja], ["__scopeId", "data-v-cb125d64
   emits: ["update:modelValue"],
   setup(t, { expose: r, emit: n }) {
     r();
-    const e = t, o = n, a = P(R), s = _(null), i = _(0), d = _(!1), p = _(!0), f = c(() => e.role ?? u(a?.role) ?? ""), v = c(
+    const e = t, o = n, a = S(k), s = _(null), i = _(0), d = _(!1), p = _(!0), v = c(() => e.role ?? u(a?.role) ?? ""), f = c(
       () => e.duration !== void 0 ? `${e.duration / 1e3}s` : void 0
-    ), b = c(
+    ), A = c(
       () => ht({
-        role: f.value,
+        role: v.value,
         open: d.value,
         disabled: e.disabled
       })
-    ), k = c(
+    ), R = c(
       () => bt({
         open: d.value,
         disabled: e.disabled
       })
-    ), y = c(
+    ), h = c(
       () => At({
         transition: !p.value,
-        duration: v.value,
+        duration: f.value,
         height: d.value ? `${i.value}px` : "0px"
       })
-    ), A = c(() => yt()), T = () => {
+    ), g = c(() => yt()), P = () => {
       s.value && (i.value = s.value.scrollHeight);
     }, M = () => {
       e.disabled || (d.value = !d.value, o("update:modelValue", d.value));
-    }, $ = () => {
+    }, U = () => {
     };
-    W(
+    X(
       () => e.modelValue,
-      async (g) => {
-        d.value = g, g && (await re(), T(), p.value = !1);
+      async (b) => {
+        d.value = b, b && (await oe(), P(), p.value = !1);
       },
       { immediate: !0 }
-    ), W(
+    ), X(
       () => s.value,
-      (g) => {
-        g && d.value && T();
+      (b) => {
+        b && d.value && P();
       }
-    ), W(
+    ), X(
       () => [s.value?.innerHTML, d.value],
       async () => {
-        d.value && (await re(), T());
+        d.value && (await oe(), P());
       }
     ), J(async () => {
-      await re(), d.value && T();
+      await oe(), d.value && P();
     });
-    const E = { props: e, emit: o, appState: a, contentRef: s, contentHeight: i, isOpen: d, isFirstOpen: p, role: f, durationCss: v, wrapperAttrs: b, triggerAttrs: k, contentAttrs: y, contentInnerClass: A, measureContent: T, toggle: M, onTransitionEnd: $, unref: u, computed: c, inject: P, nextTick: re, onMounted: J, ref: _, watch: W, get COLLAPSE_DEFAULT_PROPS() {
+    const O = { props: e, emit: o, appState: a, contentRef: s, contentHeight: i, isOpen: d, isFirstOpen: p, role: v, durationCss: f, wrapperAttrs: A, triggerAttrs: R, contentAttrs: h, contentInnerClass: g, measureContent: P, toggle: M, onTransitionEnd: U, unref: u, computed: c, inject: S, nextTick: oe, onMounted: J, ref: _, watch: X, get COLLAPSE_DEFAULT_PROPS() {
       return gt;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get getCollapseAttrs() {
       return ht;
     }, get getCollapseContentAttrs() {
@@ -2879,30 +2906,30 @@ const Ga = /* @__PURE__ */ F(Na, [["render", ja], ["__scopeId", "data-v-cb125d64
     }, get getCollapseTriggerAttrs() {
       return bt;
     } };
-    return Object.defineProperty(E, "__isScriptSetup", { enumerable: !1, value: !0 }), E;
+    return Object.defineProperty(O, "__isScriptSetup", { enumerable: !1, value: !0 }), O;
   }
 }), Ha = ["onKeydown"];
 function Wa(t, r, n, e, o, a) {
-  return m(), S("div", w(z(e.wrapperAttrs)), [
-    H("div", U(e.triggerAttrs, {
+  return m(), E("div", I($(e.wrapperAttrs)), [
+    H("div", z(e.triggerAttrs, {
       role: "button",
       tabindex: "0",
       onPointerup: e.toggle,
       onKeydown: xn(pn(e.toggle, ["prevent"]), ["enter", "space"])
     }), [
-      D(t.$slots, "trigger", {}, void 0, !0)
+      F(t.$slots, "trigger", {}, void 0, !0)
     ], 16, Ha),
-    H("div", U(e.contentAttrs, { onTransitionend: e.onTransitionEnd }), [
+    H("div", z(e.contentAttrs, { onTransitionend: e.onTransitionEnd }), [
       H("div", {
         ref: "contentRef",
         class: un(e.contentInnerClass)
       }, [
-        D(t.$slots, "default", {}, void 0, !0)
+        F(t.$slots, "default", {}, void 0, !0)
       ], 2)
     ], 16)
   ], 16);
 }
-const Xa = /* @__PURE__ */ F(Ya, [["render", Wa], ["__scopeId", "data-v-184f2858"]]), qa = /* @__PURE__ */ x({
+const Xa = /* @__PURE__ */ L(Ya, [["render", Wa], ["__scopeId", "data-v-184f2858"]]), qa = /* @__PURE__ */ B({
   __name: "dropdown",
   props: /* @__PURE__ */ N({
     modelValue: { type: Boolean },
@@ -2919,66 +2946,66 @@ const Xa = /* @__PURE__ */ F(Ya, [["render", Wa], ["__scopeId", "data-v-184f2858
   emits: ["update:modelValue", "open", "close"],
   setup(t, { expose: r, emit: n }) {
     r();
-    const e = t, o = n, a = P(R), s = _(null), i = _(!1), d = c(() => {
-      const A = e.role ?? u(a?.role) ?? "", T = e.shadow ?? u(a?.shadow) ?? !1, M = e.shape ?? u(a?.shape) ?? "";
+    const e = t, o = n, a = S(k), s = _(null), i = _(!1), d = c(() => {
+      const g = e.role ?? u(a?.role) ?? "", P = e.shadow ?? u(a?.shadow) ?? !1, M = e.shape ?? u(a?.shape) ?? "";
       return It({
-        role: A,
+        role: g,
         shape: M,
         size: e.size,
         open: i.value,
         disabled: e.disabled,
-        shadow: T
+        shadow: P
       });
-    }), p = c(() => xt({ placement: e.placement })), f = () => {
+    }), p = c(() => xt({ placement: e.placement })), v = () => {
       e.disabled || (i.value = !i.value, o("update:modelValue", i.value));
-    }, v = () => {
+    }, f = () => {
       i.value && (i.value = !1, o("update:modelValue", !1));
-    }, b = (A) => {
+    }, A = (g) => {
       if (!i.value) return;
-      const T = s.value;
-      T && !T.contains(A.target) && v();
-    }, k = (A) => {
-      A.key === "Escape" && i.value && (A.preventDefault(), v());
+      const P = s.value;
+      P && !P.contains(g.target) && f();
+    }, R = (g) => {
+      g.key === "Escape" && i.value && (g.preventDefault(), f());
     };
-    W(
+    X(
       () => e.modelValue,
-      (A) => {
-        i.value = A;
+      (g) => {
+        i.value = g;
       },
       { immediate: !0 }
-    ), W(i, (A, T) => {
-      A && !T && o("open"), !A && T && o("close");
+    ), X(i, (g, P) => {
+      g && !P && o("open"), !g && P && o("close");
     }), J(() => {
-      document.addEventListener("pointerdown", b, !0), document.addEventListener("keydown", k, !0);
-    }), oe(() => {
-      document.removeEventListener("pointerdown", b, !0), document.removeEventListener("keydown", k, !0);
+      document.addEventListener("pointerdown", A, !0), document.addEventListener("keydown", R, !0);
+    }), se(() => {
+      document.removeEventListener("pointerdown", A, !0), document.removeEventListener("keydown", R, !0);
     });
-    const y = { props: e, emit: o, appState: a, rootRef: s, isOpen: i, wrapperAttrs: d, panelAttrs: p, toggle: f, close: v, onDocPointerDown: b, onDocKeydown: k, unref: u, computed: c, inject: P, onMounted: J, onUnmounted: oe, ref: _, watch: W, get DROPDOWN_DEFAULT_PROPS() {
+    const h = { props: e, emit: o, appState: a, rootRef: s, isOpen: i, wrapperAttrs: d, panelAttrs: p, toggle: v, close: f, onDocPointerDown: A, onDocKeydown: R, unref: u, computed: c, inject: S, onMounted: J, onUnmounted: se, ref: _, watch: X, get DROPDOWN_DEFAULT_PROPS() {
       return Dt;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get getDropdownAttrs() {
       return It;
     }, get getDropdownPanelAttrs() {
       return xt;
     } };
-    return Object.defineProperty(y, "__isScriptSetup", { enumerable: !1, value: !0 }), y;
+    return Object.defineProperty(h, "__isScriptSetup", { enumerable: !1, value: !0 }), h;
   }
 });
 function Ja(t, r, n, e, o, a) {
-  return m(), S("div", U({ ref: "rootRef" }, e.wrapperAttrs), [
-    D(t.$slots, "trigger", {
+  return m(), E("div", z({ ref: "rootRef" }, e.wrapperAttrs), [
+    F(t.$slots, "trigger", {
       toggle: e.toggle,
       isOpen: e.isOpen
     }, void 0, !0),
-    _e(H("div", w(z(e.panelAttrs)), [
-      D(t.$slots, "default", {}, void 0, !0)
+    ve(H("div", I($(e.panelAttrs)), [
+      F(t.$slots, "default", {}, void 0, !0)
     ], 16), [
-      [ge, e.isOpen]
+      [he, e.isOpen]
     ])
   ], 16);
 }
-const An = /* @__PURE__ */ F(qa, [["render", Ja], ["__scopeId", "data-v-9a6745e2"]]), Qa = /* @__PURE__ */ x({
+const An = /* @__PURE__ */ L(qa, [["render", Ja], ["__scopeId", "data-v-9a6745e2"]]), Qa = /* @__PURE__ */ B({
   __name: "select",
   props: /* @__PURE__ */ N({
     modelValue: {},
@@ -3005,44 +3032,44 @@ const An = /* @__PURE__ */ F(qa, [["render", Ja], ["__scopeId", "data-v-9a6745e2
   emits: ["update:modelValue", "select"],
   setup(t, { expose: r, emit: n }) {
     r();
-    const e = t, o = P(R), a = n, s = _(!1), i = c(() => e.role || u(o?.role) || ""), d = c(() => e.direction || u(o?.direction) || "left"), p = c(() => e.shadow || u(o?.shadow) || !1), f = c(() => e.shape || u(o?.shape) || ""), v = c(
+    const e = t, o = S(k), a = n, s = _(!1), i = c(() => e.role || u(o?.role) || ""), d = c(() => e.direction || u(o?.direction) || "left"), p = c(() => e.shadow || u(o?.shadow) || !1), v = c(() => e.shape || u(o?.shape) || ""), f = c(
       () => Ar({
         role: i.value,
         direction: d.value,
         size: e.size,
         disabled: e.disabled
       })
-    ), b = c(() => ({
+    ), A = c(() => ({
       role: i.value,
       direction: d.value,
       shadow: p.value,
-      shape: f.value,
+      shape: v.value,
       disabled: e.disabled
-    })), k = c(() => {
-      const E = e.modelValue || e.value;
-      let g = [];
-      return E && (g = typeof E == "string" ? [E] : E), {
-        modelValue: e.options.filter((Y) => (g || []).includes(Y.value)).map((Y) => Y.label ?? Y.value).join(","),
+    })), R = c(() => {
+      const O = e.modelValue || e.value;
+      let b = [];
+      return O && (b = typeof O == "string" ? [O] : O), {
+        modelValue: e.options.filter((G) => (b || []).includes(G.value)).map((G) => G.label ?? G.value).join(","),
         size: e.size,
         variant: e.variant,
         placeholder: e.placeholder,
         direction: d.value,
         role: i.value,
-        shape: f.value,
+        shape: v.value,
         readonly: !0,
         disabled: e.disabled,
         shadow: p.value
       };
-    }), y = c(() => yr()), A = c(() => Tr()), T = c(() => Pr()), $ = { props: e, appState: o, emit: a, visible: s, role: i, direction: d, shadow: p, shape: f, selectAttrs: v, dropdownAttrs: b, fieldAttrs: k, selectIconAttrs: y, selectOptionAttrs: A, selectMessageAttrs: T, pickOption: (E) => {
-      E.disabled || E.value === void 0 || (a("update:modelValue", E.value), a("select", E), s.value = !1);
-    }, unref: u, computed: c, inject: P, ref: _, get Field() {
+    }), h = c(() => yr()), g = c(() => Tr()), P = c(() => Pr()), U = { props: e, appState: o, emit: a, visible: s, role: i, direction: d, shadow: p, shape: v, selectAttrs: f, dropdownAttrs: A, fieldAttrs: R, selectIconAttrs: h, selectOptionAttrs: g, selectMessageAttrs: P, pickOption: (O) => {
+      O.disabled || O.value === void 0 || (a("update:modelValue", O.value), a("select", O), s.value = !1);
+    }, unref: u, computed: c, inject: S, ref: _, get Field() {
       return je;
     }, get Dropdown() {
       return An;
     }, get SELECT_DEFAULT_PROPS() {
       return br;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get getSelectAttrs() {
       return Ar;
     }, get getSelectIconAttrs() {
@@ -3052,46 +3079,46 @@ const An = /* @__PURE__ */ F(qa, [["render", Ja], ["__scopeId", "data-v-9a6745e2
     }, get getSelectOptionAttrs() {
       return Tr;
     } };
-    return Object.defineProperty($, "__isScriptSetup", { enumerable: !1, value: !0 }), $;
+    return Object.defineProperty(U, "__isScriptSetup", { enumerable: !1, value: !0 }), U;
   }
 }), Za = ["disabled", "onPointerup"];
 function es(t, r, n, e, o, a) {
-  return m(), S("div", w(z(e.selectAttrs)), [
-    le(e.Dropdown, U(e.dropdownAttrs, {
+  return m(), E("div", I($(e.selectAttrs)), [
+    ie(e.Dropdown, z(e.dropdownAttrs, {
       modelValue: e.visible,
       "onUpdate:modelValue": r[0] || (r[0] = (s) => e.visible = s)
     }), {
-      trigger: ae(({ toggle: s, isOpen: i }) => [
-        le(e.Field, U({
+      trigger: le(({ toggle: s, isOpen: i }) => [
+        ie(e.Field, z({
           role: e.role,
           variant: "outline",
           onPointerup: s
         }, e.fieldAttrs, {
           class: { focus: i }
         }), {
-          "end-input": ae(() => [
-            H("span", U(e.selectIconAttrs, {
+          "end-input": le(() => [
+            H("span", z(e.selectIconAttrs, {
               class: { open: i }
             }), null, 16)
           ]),
           _: 2
         }, 1040, ["role", "onPointerup", "class"])
       ]),
-      default: ae(() => [
-        (m(!0), S(de, null, ue(n.options, (s) => (m(), S("button", U({
+      default: le(() => [
+        (m(!0), E(pe, null, _e(n.options, (s) => (m(), E("button", z({
           key: s.value,
           type: "button",
           disabled: s.disabled
         }, { ref_for: !0 }, e.selectOptionAttrs, {
           onPointerup: (i) => e.pickOption(s)
-        }), ie(s.label), 17, Za))), 128))
+        }), ce(s.label), 17, Za))), 128))
       ]),
       _: 1
     }, 16, ["modelValue"]),
-    n.message ? (m(), S("div", w(U({ key: 0 }, e.selectMessageAttrs)), ie(n.message), 17)) : te("", !0)
+    n.message ? (m(), E("div", I(z({ key: 0 }, e.selectMessageAttrs)), ce(n.message), 17)) : ne("", !0)
   ], 16);
 }
-const ts = /* @__PURE__ */ F(Qa, [["render", es], ["__scopeId", "data-v-59d019a0"]]), rs = /* @__PURE__ */ x({
+const ts = /* @__PURE__ */ L(Qa, [["render", es], ["__scopeId", "data-v-59d019a0"]]), rs = /* @__PURE__ */ B({
   __name: "slide-range",
   props: /* @__PURE__ */ N({
     modelValue: {},
@@ -3110,138 +3137,138 @@ const ts = /* @__PURE__ */ F(Qa, [["render", es], ["__scopeId", "data-v-59d019a0
   emits: ["update:modelValue", "change"],
   setup(t, { expose: r, emit: n }) {
     r();
-    const e = t, o = n, a = P(R), s = _(null), i = _(null), d = _(!1);
-    let p, f = null, v = 0, b = !1;
-    const k = (h) => {
-      h && h.stopPropagation();
-    }, y = (h) => h === "left" || h === "right", A = (h, K) => {
-      if (typeof h == "number") return h;
-      if (typeof h == "string") {
-        const Q = Number.parseFloat(h);
+    const e = t, o = n, a = S(k), s = _(null), i = _(null), d = _(!1);
+    let p, v = null, f = 0, A = !1;
+    const R = (T) => {
+      T && T.stopPropagation();
+    }, h = (T) => T === "left" || T === "right", g = (T, K) => {
+      if (typeof T == "number") return T;
+      if (typeof T == "string") {
+        const Q = Number.parseFloat(T);
         return Number.isNaN(Q) ? K : Q;
       }
       return K;
-    }, T = c(() => A(e.min, 0)), M = c(() => A(e.max, 100)), $ = c(() => {
-      const h = A(e.step, 1);
-      return h > 0 ? h : 1;
-    }), E = (h) => {
-      const K = T.value, Q = M.value, Z = $.value;
+    }, P = c(() => g(e.min, 0)), M = c(() => g(e.max, 100)), U = c(() => {
+      const T = g(e.step, 1);
+      return T > 0 ? T : 1;
+    }), O = (T) => {
+      const K = P.value, Q = M.value, te = U.value;
       if (Q <= K) return K;
-      const ce = Math.max(K, Math.min(Q, h)), Le = Math.round((ce - K) / Z);
-      return Math.max(K, Math.min(Q, K + Le * Z));
-    }, g = c(() => {
-      const h = A(e.modelValue, T.value);
-      return E(h);
-    }), L = c(() => he(g.value)), Y = c(() => {
+      const ue = Math.max(K, Math.min(Q, T)), Le = Math.round((ue - K) / te);
+      return Math.max(K, Math.min(Q, K + Le * te));
+    }, b = c(() => {
+      const T = g(e.modelValue, P.value);
+      return O(T);
+    }), V = c(() => be(b.value)), G = c(() => {
       if (e.tick === !1) return [];
-      const h = T.value, K = M.value, Q = e.tick === !0 ? 1 : A(e.tick, 0);
-      if (Q <= 0 || K < h) return [h, K];
-      const Z = [];
-      for (let ce = h; ce <= K; ce += Q)
-        Z.push(ce);
-      return Z.at(-1) !== K && Z.push(K), Z;
-    }), q = c(() => `${fe(L.value)}${e.unit || ""}`), V = c(() => {
-      const h = e.role || u(a?.role) || "", K = e.shape || u(a?.shape) || "";
+      const T = P.value, K = M.value, Q = e.tick === !0 ? 1 : g(e.tick, 0);
+      if (Q <= 0 || K < T) return [T, K];
+      const te = [];
+      for (let ue = T; ue <= K; ue += Q)
+        te.push(ue);
+      return te.at(-1) !== K && te.push(K), te;
+    }), q = c(() => `${Z(V.value)}${e.unit || ""}`), W = c(() => {
+      const T = e.role || u(a?.role) || "", K = e.shape || u(a?.shape) || "";
       return kr({
-        role: h,
+        role: T,
         shape: K,
         disabled: e.disabled,
         readonly: e.readonly
       });
-    }), B = Or(), G = wr(), O = Dr(), C = c(() => Ir({ percent: L.value })), j = c(() => xr({ percent: L.value })), X = Fr(), se = Cr(), Ce = (h) => {
-      const K = he(h);
+    }), j = Or(), ee = wr(), w = Dr(), x = c(() => Ir({ percent: V.value })), y = c(() => xr({ percent: V.value })), D = Fr(), Y = Cr(), de = (T) => {
+      const K = be(T);
       return Br({
-        active: L.value > K,
+        active: V.value > K,
         percent: K
       });
-    }, fe = (h) => {
-      const K = T.value, Q = M.value, Z = K + (Q - K) * (h / 100);
-      return E(Z);
-    }, he = (h) => {
-      const K = T.value, Q = M.value;
+    }, Z = (T) => {
+      const K = P.value, Q = M.value, te = K + (Q - K) * (T / 100);
+      return O(te);
+    }, be = (T) => {
+      const K = P.value, Q = M.value;
       if (Q <= K) return 0;
-      const Z = (h - K) / (Q - K) * 100;
-      return Math.max(0, Math.min(100, Z));
+      const te = (T - K) / (Q - K) * 100;
+      return Math.max(0, Math.min(100, te));
     }, Be = () => {
       p && clearTimeout(p), d.value = !0, p = setTimeout(() => {
         d.value = !1;
       }, 300);
-    }, be = (h) => {
+    }, Ae = (T) => {
       if (e.disabled || e.readonly) return;
-      const K = fe(h);
+      const K = Z(T);
       K !== e.modelValue && (o("update:modelValue", K), o("change", K));
-    }, Tn = (h, K) => {
-      k(K);
-      const Q = he(h);
-      be(Q), Be();
-    }, Pn = (h) => {
-      e.disabled || e.readonly || k(h);
-    }, Sn = (h) => {
-      e.disabled || e.readonly || k(h);
-    }, He = (h) => "changedTouches" in h && h.changedTouches.length > 0 ? h.changedTouches[0].clientX : h.clientX, En = (h) => {
+    }, Tn = (T, K) => {
+      R(K);
+      const Q = be(T);
+      Ae(Q), Be();
+    }, Pn = (T) => {
+      e.disabled || e.readonly || R(T);
+    }, Sn = (T) => {
+      e.disabled || e.readonly || R(T);
+    }, He = (T) => "changedTouches" in T && T.changedTouches.length > 0 ? T.changedTouches[0].clientX : T.clientX, En = (T) => {
       if (e.disabled || e.readonly || !i.value) return;
-      k(h);
-      const K = i.value.offsetWidth, Q = i.value.getBoundingClientRect(), ce = (He(h) - Q.left) / K * 100;
-      be(Math.max(0, Math.min(100, ce))), Be();
+      R(T);
+      const K = i.value.offsetWidth, Q = i.value.getBoundingClientRect(), ue = (He(T) - Q.left) / K * 100;
+      Ae(Math.max(0, Math.min(100, ue))), Be();
     };
     J(() => {
-      !s.value || !i.value || (f = pe(
+      !s.value || !i.value || (v = fe(
         s.value,
         {
           options: { trackOutsideElement: !0 },
-          beforeEvent(h) {
+          beforeEvent(T) {
             return !(e.disabled || e.readonly);
           },
-          afterEvent(h) {
-            b && k(h);
+          afterEvent(T) {
+            A && R(T);
           },
-          down({ event: h }) {
-            e.disabled || e.readonly || (v = L.value, b = !1, k(h));
+          down({ event: T }) {
+            e.disabled || e.readonly || (f = V.value, A = !1, R(T));
           },
-          up({ event: h }) {
-            b = !1, d.value = !1, k(h);
+          up({ event: T }) {
+            A = !1, d.value = !1, R(T);
           },
-          cancel(h) {
-            b = !1, d.value = !1, k(h);
+          cancel(T) {
+            A = !1, d.value = !1, R(T);
           },
           move({
-            initialDirection: h,
+            initialDirection: T,
             deltaX: K,
             event: Q
           }) {
-            if (e.disabled || e.readonly || !y(h) || !i.value) return;
-            b = !0, k(Q);
-            const Z = i.value.offsetWidth, ce = K / Z * 100, Le = Math.max(0, Math.min(100, v + ce));
-            be(Le), p && clearTimeout(p), d.value = !0;
+            if (e.disabled || e.readonly || !h(T) || !i.value) return;
+            A = !0, R(Q);
+            const te = i.value.offsetWidth, ue = K / te * 100, Le = Math.max(0, Math.min(100, f + ue));
+            Ae(Le), p && clearTimeout(p), d.value = !0;
           }
         },
         { passive: !1, capture: !0 }
       ));
-    }), oe(() => {
-      p && clearTimeout(p), f?.destroy();
+    }), se(() => {
+      p && clearTimeout(p), v?.destroy();
     });
     const We = { props: e, emit: o, appState: a, point: s, container: i, isShowTooltip: d, get tooltipTimeout() {
       return p;
-    }, set tooltipTimeout(h) {
-      p = h;
+    }, set tooltipTimeout(T) {
+      p = T;
     }, get gestureCleanup() {
-      return f;
-    }, set gestureCleanup(h) {
-      f = h;
-    }, get dragStartPercent() {
       return v;
-    }, set dragStartPercent(h) {
-      v = h;
+    }, set gestureCleanup(T) {
+      v = T;
+    }, get dragStartPercent() {
+      return f;
+    }, set dragStartPercent(T) {
+      f = T;
     }, get isHorizontalDrag() {
-      return b;
-    }, set isHorizontalDrag(h) {
-      b = h;
-    }, suppressPointerEvent: k, isHorizontalDirection: y, parseRangeValue: A, rangeMin: T, rangeMax: M, rangeStep: $, snapToStep: E, normalizedValue: g, percent: L, ticks: Y, displayValue: q, slideRangeAttrs: V, trackContainerAttrs: B, trackBodyAttrs: G, trackBackAttrs: O, trackFrontAttrs: C, thumbAttrs: j, thumbInnerAttrs: X, tooltipAttrs: se, tickAttrs: Ce, getValueFromPercent: fe, getPercentFromValue: he, showTooltipTemporarily: Be, emitValueFromPercent: be, onTickSelect: Tn, onTrackPointerDown: Pn, onThumbPointerDown: Sn, getClientX: He, onClickPath: En, get gesture() {
-      return pe;
-    }, computed: c, inject: P, onMounted: J, onUnmounted: oe, ref: _, unref: u, get SLIDE_RANGE_DEFAULT_PROPS() {
+      return A;
+    }, set isHorizontalDrag(T) {
+      A = T;
+    }, suppressPointerEvent: R, isHorizontalDirection: h, parseRangeValue: g, rangeMin: P, rangeMax: M, rangeStep: U, snapToStep: O, normalizedValue: b, percent: V, ticks: G, displayValue: q, slideRangeAttrs: W, trackContainerAttrs: j, trackBodyAttrs: ee, trackBackAttrs: w, trackFrontAttrs: x, thumbAttrs: y, thumbInnerAttrs: D, tooltipAttrs: Y, tickAttrs: de, getValueFromPercent: Z, getPercentFromValue: be, showTooltipTemporarily: Be, emitValueFromPercent: Ae, onTickSelect: Tn, onTrackPointerDown: Pn, onThumbPointerDown: Sn, getClientX: He, onClickPath: En, get gesture() {
+      return fe;
+    }, computed: c, inject: S, onMounted: J, onUnmounted: se, ref: _, unref: u, get SLIDE_RANGE_DEFAULT_PROPS() {
       return Rr;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get getSlideRangeAttrs() {
       return kr;
     }, get getSlideRangeTickAttrs() {
@@ -3265,30 +3292,30 @@ const ts = /* @__PURE__ */ F(Qa, [["render", es], ["__scopeId", "data-v-59d019a0
   }
 }), ns = ["onPointerup"];
 function os(t, r, n, e, o, a) {
-  return m(), S("div", w(z(e.slideRangeAttrs)), [
-    H("div", U(e.trackContainerAttrs, { ref: "container" }), [
-      H("div", U(e.trackBodyAttrs, {
+  return m(), E("div", I($(e.slideRangeAttrs)), [
+    H("div", z(e.trackContainerAttrs, { ref: "container" }), [
+      H("div", z(e.trackBodyAttrs, {
         onPointerdown: e.onTrackPointerDown,
         onPointerup: e.onClickPath
       }), [
-        H("div", w(z(e.trackBackAttrs)), null, 16),
-        H("div", w(z(e.trackFrontAttrs)), null, 16),
-        (m(!0), S(de, null, ue(e.ticks, (s) => (m(), S("div", U({ key: s }, { ref_for: !0 }, e.tickAttrs(s), {
+        H("div", I($(e.trackBackAttrs)), null, 16),
+        H("div", I($(e.trackFrontAttrs)), null, 16),
+        (m(!0), E(pe, null, _e(e.ticks, (s) => (m(), E("div", z({ key: s }, { ref_for: !0 }, e.tickAttrs(s), {
           onPointerdown: e.onTrackPointerDown,
           onPointerup: (i) => e.onTickSelect(s, i)
         }), null, 16, ns))), 128))
       ], 16),
-      H("div", U(e.thumbAttrs, {
+      H("div", z(e.thumbAttrs, {
         ref: "point",
         onPointerdown: pn(e.onThumbPointerDown, ["stop", "prevent"])
       }), [
-        H("div", w(z(e.thumbInnerAttrs)), null, 16),
-        e.percent > 0 && e.isShowTooltip ? (m(), S("span", w(U({ key: 0 }, e.tooltipAttrs)), ie(e.displayValue), 17)) : te("", !0)
+        H("div", I($(e.thumbInnerAttrs)), null, 16),
+        e.percent > 0 && e.isShowTooltip ? (m(), E("span", I(z({ key: 0 }, e.tooltipAttrs)), ce(e.displayValue), 17)) : ne("", !0)
       ], 16)
     ], 16)
   ], 16);
 }
-const as = /* @__PURE__ */ F(rs, [["render", os], ["__scopeId", "data-v-b821ca85"]]), ss = /* @__PURE__ */ x({
+const as = /* @__PURE__ */ L(rs, [["render", os], ["__scopeId", "data-v-b821ca85"]]), ss = /* @__PURE__ */ B({
   __name: "tag",
   props: /* @__PURE__ */ N({
     role: {},
@@ -3300,7 +3327,7 @@ const as = /* @__PURE__ */ F(rs, [["render", os], ["__scopeId", "data-v-b821ca85
   }),
   setup(t, { expose: r }) {
     r();
-    const n = t, e = P(R), o = c(() => {
+    const n = t, e = S(k), o = c(() => {
       const s = n.shape || u(e?.shape) || "", i = n.role || u(e?.role) || "";
       return Wr({
         role: i,
@@ -3308,10 +3335,10 @@ const as = /* @__PURE__ */ F(rs, [["render", os], ["__scopeId", "data-v-b821ca85
         size: n.size,
         variant: n.variant
       });
-    }), a = { props: n, appState: e, tagAttrs: o, unref: u, computed: c, inject: P, get TAG_DEFAULT_PROPS() {
+    }), a = { props: n, appState: e, tagAttrs: o, unref: u, computed: c, inject: S, get TAG_DEFAULT_PROPS() {
       return Hr;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get getTagAttrs() {
       return Wr;
     } };
@@ -3319,11 +3346,11 @@ const as = /* @__PURE__ */ F(rs, [["render", os], ["__scopeId", "data-v-b821ca85
   }
 });
 function ls(t, r, n, e, o, a) {
-  return m(), S("span", w(z(e.tagAttrs)), [
-    D(t.$slots, "default", {}, void 0, !0)
+  return m(), E("span", I($(e.tagAttrs)), [
+    F(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const is = /* @__PURE__ */ F(ss, [["render", ls], ["__scopeId", "data-v-2af80ef6"]]), cs = /* @__PURE__ */ x({
+const is = /* @__PURE__ */ L(ss, [["render", ls], ["__scopeId", "data-v-2af80ef6"]]), cs = /* @__PURE__ */ B({
   __name: "tooltip",
   props: /* @__PURE__ */ N({
     placement: {},
@@ -3336,25 +3363,25 @@ const is = /* @__PURE__ */ F(ss, [["render", ls], ["__scopeId", "data-v-2af80ef6
   }),
   setup(t, { expose: r }) {
     r();
-    const n = t, e = P(R), o = _(null), a = _(null), s = _(!1), i = c(() => {
-      const y = n.role ?? u(e?.role) ?? "", A = n.shape ?? u(e?.shape) ?? "";
+    const n = t, e = S(k), o = _(null), a = _(null), s = _(!1), i = c(() => {
+      const h = n.role ?? u(e?.role) ?? "", g = n.shape ?? u(e?.shape) ?? "";
       return rn({
-        role: y,
-        shape: A,
+        role: h,
+        shape: g,
         size: n.size,
         disabled: n.disabled
       });
-    }), d = c(() => nn({ placement: n.placement })), p = on(), f = () => {
+    }), d = c(() => nn({ placement: n.placement })), p = on(), v = () => {
       n.disabled || (s.value = !0);
-    }, v = () => {
+    }, f = () => {
       s.value = !1;
-    }, k = { props: n, appState: e, rootRef: o, triggerRef: a, visible: s, wrapperAttrs: i, contentAttrs: d, triggerAttrs: p, show: f, hide: v, onFocusOut: (y) => {
-      const A = o.value, T = y.relatedTarget;
-      A && T && A.contains(T) || v();
-    }, unref: u, computed: c, inject: P, ref: _, get TOOLTIP_DEFAULT_PROPS() {
+    }, R = { props: n, appState: e, rootRef: o, triggerRef: a, visible: s, wrapperAttrs: i, contentAttrs: d, triggerAttrs: p, show: v, hide: f, onFocusOut: (h) => {
+      const g = o.value, P = h.relatedTarget;
+      g && P && g.contains(P) || f();
+    }, unref: u, computed: c, inject: S, ref: _, get TOOLTIP_DEFAULT_PROPS() {
       return tn;
     }, get APP_PROVIDER_STATE_KEY() {
-      return R;
+      return k;
     }, get getTooltipAttrs() {
       return rn;
     }, get getTooltipContentAttrs() {
@@ -3362,27 +3389,27 @@ const is = /* @__PURE__ */ F(ss, [["render", ls], ["__scopeId", "data-v-2af80ef6
     }, get getTooltipTriggerAttrs() {
       return on;
     } };
-    return Object.defineProperty(k, "__isScriptSetup", { enumerable: !1, value: !0 }), k;
+    return Object.defineProperty(R, "__isScriptSetup", { enumerable: !1, value: !0 }), R;
   }
 });
 function ds(t, r, n, e, o, a) {
-  return m(), S("div", U({ ref: "rootRef" }, e.wrapperAttrs), [
-    H("div", U({ ref: "triggerRef" }, e.triggerAttrs, {
+  return m(), E("div", z({ ref: "rootRef" }, e.wrapperAttrs), [
+    H("div", z({ ref: "triggerRef" }, e.triggerAttrs, {
       onPointerenter: e.show,
       onPointerleave: e.hide,
       onFocusin: e.show,
       onFocusout: e.onFocusOut
     }), [
-      D(t.$slots, "default", {}, void 0, !0)
+      F(t.$slots, "default", {}, void 0, !0)
     ], 16),
-    _e(H("div", w(z(e.contentAttrs)), [
-      D(t.$slots, "content", {}, void 0, !0)
+    ve(H("div", I($(e.contentAttrs)), [
+      F(t.$slots, "content", {}, void 0, !0)
     ], 16), [
-      [ge, e.visible]
+      [he, e.visible]
     ])
   ], 16);
 }
-const us = /* @__PURE__ */ F(cs, [["render", ds], ["__scopeId", "data-v-5889b24b"]]), Ye = _({}), yn = "toife";
+const us = /* @__PURE__ */ L(cs, [["render", ds], ["__scopeId", "data-v-5889b24b"]]), Ye = _({}), yn = "toife";
 class ps {
   /**
    * Subscribe options
@@ -3403,7 +3430,7 @@ class ps {
    */
   subscribeAll() {
     const r = this.options.prefix;
-    this.app.component(r + "app", ro), this.app.component(r + "action", mn), this.app.component(r + "avatar", ua), this.app.component(r + "button", Ne), this.app.component(r + "cable", Po), this.app.component(r + "card", Zo), this.app.component(r + "card-body", ra), this.app.component(r + "card-header", aa), this.app.component(r + "card-footer", ia), this.app.component(r + "checkbox", No), this.app.component(r + "radio", Ho), this.app.component(r + "radio-group", qo), this.app.component(r + "collapse", Xa), this.app.component(r + "container", Oa), this.app.component(r + "decision-modal", gn), this.app.component(r + "divider", fa), this.app.component(r + "dropdown", An), this.app.component(r + "field", je), this.app.component(r + "flex", fo), this.app.component(r + "flex-item", Ao), this.app.component(r + "form-group", vn), this.app.component(r + "gesture-indicator", hn), this.app.component(r + "grid", uo), this.app.component(r + "grid-item", go), this.app.component(r + "image", ha), this.app.component(r + "modal", lo), this.app.component(r + "page", Ga), this.app.component(r + "present", Fe), this.app.component(r + "refresher", Ia), this.app.component(r + "route-navigator", za), this.app.component(r + "route-wrapper", Ka), this.app.component(r + "route-provider", Ge), this.app.component(r + "route-outlet", bn), this.app.component(r + "segmented-field", Ea), this.app.component(r + "select", ts), this.app.component(r + "slide-range", as), this.app.component(r + "skeleton", wo), this.app.component(r + "switch", zo), this.app.component(r + "tag", is), this.app.component(r + "tab", Bo), this.app.component(r + "tabs", xo), this.app.component(r + "tooltip", us), this.app.component(r + "toast", fn), this.app.component(r + "toast-content", _n), this.app.component(r + "toolbar", Ro);
+    this.app.component(r + "app", ro), this.app.component(r + "action", mn), this.app.component(r + "avatar", ua), this.app.component(r + "button", Ne), this.app.component(r + "cable", Po), this.app.component(r + "card", Zo), this.app.component(r + "card-body", ra), this.app.component(r + "card-header", aa), this.app.component(r + "card-footer", ia), this.app.component(r + "checkbox", No), this.app.component(r + "radio", Ho), this.app.component(r + "radio-group", qo), this.app.component(r + "collapse", Xa), this.app.component(r + "container", Oa), this.app.component(r + "decision-modal", gn), this.app.component(r + "divider", fa), this.app.component(r + "dropdown", An), this.app.component(r + "field", je), this.app.component(r + "flex", fo), this.app.component(r + "flex-item", Ao), this.app.component(r + "form-group", vn), this.app.component(r + "gesture-indicator", hn), this.app.component(r + "grid", uo), this.app.component(r + "grid-item", go), this.app.component(r + "image", ha), this.app.component(r + "modal", lo), this.app.component(r + "page", Ga), this.app.component(r + "present", Ce), this.app.component(r + "refresher", Ia), this.app.component(r + "route-navigator", za), this.app.component(r + "route-wrapper", Ka), this.app.component(r + "route-provider", Ge), this.app.component(r + "route-outlet", bn), this.app.component(r + "segmented-field", Ea), this.app.component(r + "select", ts), this.app.component(r + "slide-range", as), this.app.component(r + "skeleton", wo), this.app.component(r + "switch", zo), this.app.component(r + "tag", is), this.app.component(r + "tab", Bo), this.app.component(r + "tabs", xo), this.app.component(r + "tooltip", us), this.app.component(r + "toast", fn), this.app.component(r + "toast-content", _n), this.app.component(r + "toolbar", Ro);
   }
   /**
    * Subscribe a component
@@ -3425,7 +3452,7 @@ const gs = (t, r) => {
 export {
   Qe as ACTION_DEFAULT_PROPS,
   et as APP_DEFAULT_PROPS,
-  R as APP_PROVIDER_STATE_KEY,
+  k as APP_PROVIDER_STATE_KEY,
   rt as AVATAR_DEFAULT_PROPS,
   mn as Action,
   ro as App,
@@ -3433,9 +3460,9 @@ export {
   ot as BUTTON_DEFAULT_PROPS,
   Ne as Button,
   lt as CABLE_DEFAULT_PROPS,
-  we as CABLE_PROVIDER_STATE_KEY,
+  De as CABLE_PROVIDER_STATE_KEY,
   ct as CARD_DEFAULT_PROPS,
-  ve as CARD_PROVIDER_STATE_KEY,
+  me as CARD_PROVIDER_STATE_KEY,
   ft as CHECKBOX_DEFAULT_PROPS,
   gt as COLLAPSE_DEFAULT_PROPS,
   Po as Cable,
@@ -3472,12 +3499,12 @@ export {
   er as PRESENT_DEFAULT_PROPS,
   tr as PRESENT_DEFAULT_STYLES,
   Ga as Page,
-  Fe as Present,
+  Ce as Present,
   ar as RADIO_DEFAULT_PROPS,
   or as RADIO_GROUP_DEFAULT_PROPS,
-  De as RADIO_GROUP_PROVIDER_STATE_KEY,
+  Ie as RADIO_GROUP_PROVIDER_STATE_KEY,
   dr as ROUTE_NAVIGATOR_DEFAULT_PROPS,
-  Ie as ROUTE_PROVIDER_STATE_KEY,
+  xe as ROUTE_PROVIDER_STATE_KEY,
   ur as ROUTE_WRAPPER_DEFAULT_PROPS,
   Ho as Radio,
   qo as RadioGroup,
@@ -3498,7 +3525,7 @@ export {
   as as SlideRange,
   zo as Switch,
   Mr as TABS_DEFAULT_PROPS,
-  xe as TABS_PROVIDER_STATE_KEY,
+  Fe as TABS_PROVIDER_STATE_KEY,
   Ur as TAB_DEFAULT_PROPS,
   Hr as TAG_DEFAULT_PROPS,
   Xr as TOAST_CONTENT_DEFAULT_PROPS,
@@ -3516,7 +3543,7 @@ export {
   Me as clone,
   gs as createToife,
   l as cssPrefix,
-  I as cssProperty,
+  C as cssProperty,
   ms as cssVariable,
   Ze as getActionAttrs,
   tt as getAppAttrs,