@toife/vue 3.2.4 → 3.2.6

package/dist/index.es.js

@@ -1,28 +1,28 @@
-import { ref as _, defineComponent as B, inject as y, computed as c, unref as u, onMounted as q, mergeDefaults as Y, openBlock as m, createElementBlock as T, normalizeProps as x, guardReactiveProps as U, toDisplayString as ie, mergeProps as N, renderSlot as L, Fragment as de, renderList as ue, createBlock as ee, createCommentVNode as te, reactive as Ee, nextTick as re, watch as H, Teleport as yn, withDirectives as fe, vShow as Re, createElementVNode as W, withCtx as ae, createTextVNode as on, toRefs as ke, provide as ne, createVNode as le, onUnmounted as oe, normalizeStyle as Pn, normalizeClass as an, vModelText as Tn, vModelDynamic as Sn, markRaw as Xe, resolveDynamicComponent as En, shallowRef as Rn, withKeys as kn, withModifiers as sn } from "vue";
+import { ref as _, defineComponent as C, inject as y, computed as c, unref as u, onMounted as q, mergeDefaults as G, openBlock as m, createElementBlock as T, normalizeProps as w, guardReactiveProps as z, toDisplayString as ie, mergeProps as K, renderSlot as B, Fragment as de, renderList as ue, createBlock as ee, createCommentVNode as te, reactive as Ee, nextTick as re, watch as W, Teleport as Pn, withDirectives as fe, vShow as Re, createElementVNode as H, withCtx as ae, createTextVNode as an, toRefs as ke, provide as ne, createVNode as le, onUnmounted as oe, normalizeStyle as Tn, normalizeClass as sn, vModelText as Sn, vModelDynamic as En, markRaw as Xe, resolveDynamicComponent as Rn, shallowRef as kn, withKeys as On, withModifiers as ln } from "vue";
 import { gesture as pe } from "@toife/gesture";
 import { useRouter as Oe, useRoute as qe } from "vue-router";
-const be = _([]), On = _(1), Je = () => ({
+const be = _([]), wn = _(1), Je = () => ({
   messages: be,
   open: (n) => {
-    be.value.push({ ...n, id: On.value++ });
+    be.value.push({ ...n, id: wn.value++ });
   },
   close: (n) => {
     be.value = be.value.filter((e) => e.id !== n);
   }
-}), wn = (t) => !t || !(t instanceof HTMLElement) ? !1 : t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable, Dn = () => {
+}), Dn = (t) => !t || !(t instanceof HTMLElement) ? !1 : t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable, In = () => {
   const t = document.activeElement;
   t instanceof HTMLElement && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable) && t.blur();
-}, In = () => {
+}, xn = () => {
   document.addEventListener("contextmenu", (t) => t.preventDefault()), document.addEventListener("pointerup", (t) => {
-    wn(t.target) || Dn();
+    Dn(t.target) || In();
   }), "virtualKeyboard" in navigator && navigator.virtualKeyboard && (navigator.virtualKeyboard.overlaysContent = !0);
 };
 let Le = null, $e = null;
-const xn = () => ($e || ($e = getComputedStyle(document.documentElement).getPropertyValue("--separator").trim()), $e), Cn = () => (Le || (Le = getComputedStyle(document.documentElement).getPropertyValue("--prefix").trim()), Le), i = (t) => {
-  const r = Cn(), n = xn();
+const Cn = () => ($e || ($e = getComputedStyle(document.documentElement).getPropertyValue("--separator").trim()), $e), Fn = () => (Le || (Le = getComputedStyle(document.documentElement).getPropertyValue("--prefix").trim()), Le), i = (t) => {
+  const r = Fn(), n = Cn();
   let e = [];
   return typeof t == "string" ? e = [t] : e = [...t], r && (e = [r, ...e]), e.filter((o) => o != null && o !== "").join(n);
-}, C = (t) => `--${i(t)}`, ls = (t) => `var(${C(t)})`, Qe = {
+}, I = (t) => `--${i(t)}`, cs = (t) => `var(${I(t)})`, Qe = {
   visible: !1,
   shape: void 0,
   role: void 0,
@@ -70,7 +70,7 @@ const xn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
     { divider: t.divider }
   ],
   style: {
-    [C("width")]: t.size + (typeof t.size == "number" ? "px" : ""),
+    [I("width")]: t.size + (typeof t.size == "number" ? "px" : ""),
     backgroundImage: t.src ? `url(${t.src})` : void 0
   }
 }), ot = {
@@ -82,11 +82,15 @@ const xn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
 }, at = (t) => ({
   class: [
     i(["layer", "button"]),
-    t.role ? i(["role", t.role]) : "",
+    i(["role", t.role + "-" + t.variant]),
     i(["shape", t.shape]),
     i("button"),
     i(["size", t.size]),
-    { block: t.block, shadow: t.shadow, focus: t.focus }
+    {
+      block: t.block,
+      shadow: t.shadow,
+      focus: t.focus
+    }
   ]
 }), st = () => ({
   class: [i("loader")]
@@ -123,11 +127,10 @@ const xn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
 }, vt = (t) => ({
   class: [
     i(["layer", "checkbox"]),
-    i(["role", t.role]),
+    i(["role", t.role + "-" + t.variant]),
     i(["shape", t.shape]),
     i(["size", t.size]),
     i("checkbox"),
-    t.variant,
     {
       on: t.modelValue,
       disabled: t.disabled,
@@ -157,8 +160,8 @@ const xn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
 }), At = (t) => ({
   class: [i("collapse-content"), { transition: t.transition }],
   style: {
-    [C("duration")]: t.duration,
-    [C("height")]: t.height
+    [I("duration")]: t.duration,
+    [I("height")]: t.height
   }
 }), yt = () => i("collapse-content-inner"), Pt = () => ({
   class: [i("container")]
@@ -231,12 +234,11 @@ const xn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
 }, Ft = (t) => ({
   class: [
     i(["layer", "field"]),
-    i(["role", t.role]),
+    i(["role", t.role + "-" + t.variant]),
     i(["shape", t.shape]),
     i("field"),
     i(["size", t.size]),
     i(["direction", t.direction]),
-    t.variant,
     t.type,
     {
       disabled: t.disabled,
@@ -246,8 +248,8 @@ const xn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
     }
   ],
   style: {
-    [C("line")]: t.line,
-    [C("max-line")]: t.maxLine || t.line
+    [I("line")]: t.line,
+    [I("max-line")]: t.maxLine || t.line
   }
 }), Bt = () => ({ class: [i("field-content")] }), Vt = () => ({ class: [i("field-input")] }), Lt = () => ({ class: [i("field-message")] }), $t = {
   direction: "horizontal"
@@ -274,35 +276,35 @@ const xn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
 }, Yt = (t) => ({
   class: [i("grid")],
   style: t.map((r) => ({
-    [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
+    [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
   }))
-}), Wt = (t) => ({
+}), Ht = (t) => ({
   class: [i("grid-item")],
   style: t.map((r) => ({
-    [C(["row", r?.breakpoint || ""])]: r.row,
-    [C(["column", r?.breakpoint || ""])]: r.column,
-    [C(["justify", r?.breakpoint || ""])]: r.justify,
-    [C(["align", r?.breakpoint || ""])]: r.align
+    [I(["row", r?.breakpoint || ""])]: r.row,
+    [I(["column", r?.breakpoint || ""])]: r.column,
+    [I(["justify", r?.breakpoint || ""])]: r.justify,
+    [I(["align", r?.breakpoint || ""])]: r.align
   }))
-}), Ht = (t) => ({
+}), Wt = (t) => ({
   class: [i("flex")],
   style: t.map((r) => ({
-    [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
+    [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
   }))
 }), Xt = (t) => ({
   class: [i("flex-item")],
   style: t.map((r) => ({
-    [C(["grow", r?.breakpoint || ""])]: r.grow,
-    [C(["shrink", r?.breakpoint || ""])]: r.shrink,
-    [C(["basis", r?.breakpoint || ""])]: r.basis,
-    [C(["order", r?.breakpoint || ""])]: r.order
+    [I(["grow", r?.breakpoint || ""])]: r.grow,
+    [I(["shrink", r?.breakpoint || ""])]: r.shrink,
+    [I(["basis", r?.breakpoint || ""])]: r.basis,
+    [I(["order", r?.breakpoint || ""])]: r.order
   }))
 }), qt = ["auto", "scroll", "overlay"], Jt = {
   backdrop: "display",
@@ -343,17 +345,17 @@ const xn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
   class: [i(["layer", "backdrop"]), i("present-backdrop")],
   style: {
     zIndex: t.zIndex,
-    [C("transition-duration")]: t.backdropTransitionDuration,
-    [C("opacity")]: t.backdropOpacity
+    [I("transition-duration")]: t.backdropTransitionDuration,
+    [I("opacity")]: t.backdropOpacity
   }
 }), nr = (t) => ({
   class: [i("present"), t.className, t.placement],
   style: [
     {
       zIndex: t.zIndex,
-      [C("transition-duration")]: t.presentTransitionDuration,
-      [C("translate")]: t.presentTranslate,
-      [C("opacity")]: t.presentOpacity
+      [I("transition-duration")]: t.presentTransitionDuration,
+      [I("translate")]: t.presentTranslate,
+      [I("opacity")]: t.presentOpacity
     },
     t.style
   ]
@@ -370,10 +372,9 @@ const xn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
 }, sr = (t) => ({
   class: [
     i(["layer", "radio"]),
-    i(["role", t.role]),
+    i(["role", t.role + "-" + t.variant]),
     i(["size", t.size]),
     i("radio"),
-    t.variant,
     {
       on: t.checked,
       disabled: t.disabled,
@@ -394,7 +395,7 @@ const xn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
   keepalive: !1
 }, Ie = "route-provider-state", ur = {
   homeRouteName: "home"
-}, pr = (t) => ({
+}, Bn = (t) => t.variant === "none" ? "0s" : t.transform.duration !== void 0 ? t.transform.duration : t.transform.active > 0 ? "0s" : void 0, pr = (t) => ({
   class: [
     i("route-navigator"),
     t.direction,
@@ -402,11 +403,11 @@ const xn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
     { moving: t.moving }
   ],
   style: {
-    [C("transform-back")]: t.transform.back + "%",
-    [C("transform-prepare")]: t.transform.prepare + "%",
-    [C("transform-active")]: t.transform.active + "%",
-    [C("transition-duration")]: t.duration,
-    [C("percent")]: t.transform.backdrop
+    [I("transform-back")]: t.transform.back + "%",
+    [I("transform-prepare")]: t.transform.prepare + "%",
+    [I("transform-active")]: t.transform.active + "%",
+    [I("transition-duration")]: Bn(t),
+    [I("percent")]: t.transform.backdrop
   }
 }), _r = (t) => ({
   class: [i("route-navigator-component"), t.direction]
@@ -430,10 +431,9 @@ const xn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
   class: [
     i("segmented-field-wrapper"),
     i(["layer", "segmented-field"]),
-    i(["role", t.role]),
+    i(["role", t.role + "-" + t.variant]),
     i(["shape", t.shape]),
     i(["direction", t.direction]),
-    t.variant,
     t.size,
     { disabled: t.disabled }
   ]
@@ -443,7 +443,6 @@ const xn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
   class: [i("segmented-field-message")]
 }), br = {
   modelValue: "",
-  type: "text",
   size: "standard",
   disabled: !1,
   message: "",
@@ -472,8 +471,8 @@ const xn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
     i("skeleton")
   ],
   style: {
-    [C("width")]: t.width + (typeof t.width == "number" ? "px" : ""),
-    [C("height")]: t.height + (typeof t.height == "number" ? "px" : "")
+    [I("width")]: t.width + (typeof t.width == "number" ? "px" : ""),
+    [I("height")]: t.height + (typeof t.height == "number" ? "px" : "")
   }
 }), Rr = {
   modelValue: "",
@@ -500,17 +499,17 @@ const xn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
   class: [i("slide-range-track"), "back"]
 }), Ir = (t) => ({
   class: [i("slide-range-track"), "front"],
-  style: { [C("percent")]: `${t.percent}%` }
+  style: { [I("percent")]: `${t.percent}%` }
 }), xr = (t) => ({
   class: [i("slide-range-thumb")],
-  style: { [C("percent")]: `${t.percent}%` }
+  style: { [I("percent")]: `${t.percent}%` }
 }), Cr = () => ({
   class: [i("slide-range-thumb-inner")]
 }), Fr = () => ({
   class: [i("slide-range-tooltip")]
 }), Br = (t) => ({
   class: [i("slide-range-tick"), { active: t.active }],
-  style: { [C("left")]: `${t.percent}%` }
+  style: { [I("left")]: `${t.percent}%` }
 }), Vr = {
   modelValue: !1,
   size: "standard",
@@ -529,7 +528,7 @@ const xn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
     },
     { transition: t.transition }
   ],
-  style: { [C(["bounce", "ratio"])]: t.bounce }
+  style: { [I(["bounce", "ratio"])]: t.bounce }
 }), $r = (t) => ({
   class: [
     i(["layer", "switch"]),
@@ -554,53 +553,55 @@ const xn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
 }), jr = (t) => ({
   class: [
     i(["layer", "tabs"]),
-    t.roleVariant ? i(["role", t.roleVariant]) : "",
+    i(["role", t.role + "-" + t.variant]),
     i(["shape", t.shape]),
     i("tabs"),
     t.placement,
     t.variant,
     { transition: t.transition }
   ]
-}), Gr = (t) => ({
-  [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"
-}), Yr = {
+}), Gr = (t) => {
+  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"
+}), Hr = {
   size: "standard",
   variant: "fill"
 }, Wr = (t) => ({
   class: [
     i(["layer", "tag"]),
-    t.role ? i(["role", t.role]) : "",
+    i(["role", t.role + "-" + t.variant]),
     i(["shape", t.shape]),
     i("tag"),
     i(["size", t.size])
   ]
-}), Hr = {
+}), Xr = {
   message: "",
   duration: 2e3,
   variant: "fill"
-}, Xr = {
+}, qr = {
   placement: "bottom-end"
-}, qr = (t) => ({
+}, Jr = (t) => ({
   class: [i("toast"), t.placement]
-}), Jr = (t) => ({
+}), Qr = (t) => ({
   class: [
     i(["layer", "toast"]),
-    i(["role", t.role]),
+    i(["role", t.role + "-" + t.variant]),
     i(["shape", t.shape]),
     i("toast-content"),
-    t.variant,
     { closing: t.closing }
   ]
-}), Qr = {
+}), Zr = {
   placement: null,
   safe: !0,
   divider: void 0
-}, Zr = (t) => ({
+}, en = (t) => ({
   class: [
     i(["layer", "toolbar"]),
     i(["role", t.role]),
@@ -608,9 +609,9 @@ const xn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
     t.placement,
     { safe: t.safe, divider: t.divider }
   ]
-}), Fn = /* @__PURE__ */ B({
+}), Vn = /* @__PURE__ */ C({
   __name: "toast-content",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     id: {},
     message: {},
     duration: {},
@@ -619,14 +620,14 @@ const xn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
     placement: {},
     shape: {}
   }, {
-    ...Hr
+    ...Xr
   }),
   emits: ["close"],
   setup(t, { expose: r, emit: n }) {
     r();
     const e = t, o = n, a = y(R), s = _(!1), l = c(() => {
       const p = e.role || u(a?.role) || "", f = e.shape || u(a?.shape) || "";
-      return Jr({
+      return Qr({
         role: p,
         shape: f,
         variant: e.variant,
@@ -641,63 +642,63 @@ const xn = () => ($e || ($e = getComputedStyle(document.documentElement).getProp
       }, e.duration);
     });
     const d = { props: e, emit: o, appState: a, isClosing: s, contentAttrs: l, unref: u, computed: c, inject: y, onMounted: q, ref: _, get TOAST_CONTENT_DEFAULT_PROPS() {
-      return Hr;
+      return Xr;
     }, get APP_PROVIDER_STATE_KEY() {
       return R;
     }, get getToastContentAttrs() {
-      return Jr;
+      return Qr;
     } };
     return Object.defineProperty(d, "__isScriptSetup", { enumerable: !1, value: !0 }), d;
   }
 });
-function Bn(t, r, n, e, o, a) {
-  return m(), T("div", x(U(e.contentAttrs)), ie(e.props.message), 17);
+function Ln(t, r, n, e, o, a) {
+  return m(), T("div", w(z(e.contentAttrs)), ie(e.props.message), 17);
 }
-const V = (t, r) => {
+const F = (t, r) => {
   const n = t.__vccOpts || t;
   for (const [e, o] of r)
     n[e] = o;
   return n;
-}, ln = /* @__PURE__ */ V(Fn, [["render", Bn], ["__scopeId", "data-v-ead3b322"]]), Vn = /* @__PURE__ */ B({
+}, cn = /* @__PURE__ */ F(Vn, [["render", Ln], ["__scopeId", "data-v-ead3b322"]]), $n = /* @__PURE__ */ C({
   __name: "toast",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     placement: {}
   }, {
-    ...Xr
+    ...qr
   }),
   setup(t, { expose: r }) {
     r();
-    const n = t, e = Je(), o = c(() => qr({ placement: n.placement })), a = c(() => e.messages.value.filter((d) => d.placement == n.placement)), l = { props: n, toast: e, toastAttrs: o, toastMessages: a, dismiss: (d) => {
+    const n = t, e = Je(), o = c(() => Jr({ placement: n.placement })), a = c(() => e.messages.value.filter((d) => d.placement == n.placement)), l = { props: n, toast: e, toastAttrs: o, toastMessages: a, dismiss: (d) => {
       e.close(d);
     }, computed: c, get useToast() {
       return Je;
     }, get ToastContent() {
-      return ln;
+      return cn;
     }, get TOAST_DEFAULT_PROPS() {
-      return Xr;
-    }, get getToastAttrs() {
       return qr;
+    }, get getToastAttrs() {
+      return Jr;
     } };
     return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
   }
 });
-function Ln(t, r, n, e, o, a) {
-  return e.toastMessages.length > 0 ? (m(), T("div", x(N({ key: 0 }, e.toastAttrs)), [
-    L(t.$slots, "content", {}, () => [
-      (m(!0), T(de, null, ue(e.toastMessages, (s, l) => (m(), ee(e.ToastContent, N({ ref_for: !0 }, s, {
+function zn(t, r, n, e, o, a) {
+  return e.toastMessages.length > 0 ? (m(), T("div", w(K({ key: 0 }, e.toastAttrs)), [
+    B(t.$slots, "content", {}, () => [
+      (m(!0), T(de, null, ue(e.toastMessages, (s, l) => (m(), ee(e.ToastContent, K({ ref_for: !0 }, s, {
         onClose: (d) => e.dismiss(s.id)
       }), null, 16, ["onClose"]))), 256))
     ], !0)
   ], 16)) : te("", !0);
 }
-const cn = /* @__PURE__ */ V(Vn, [["render", Ln], ["__scopeId", "data-v-bc21eb36"]]), me = _(1e3), en = () => ({
+const dn = /* @__PURE__ */ F($n, [["render", zn], ["__scopeId", "data-v-bc21eb36"]]), me = _(1e3), tn = () => ({
   newIndex: () => (me.value += 2, me.value),
   resetIndex: () => (me.value = 1e3, me.value),
   index: me
-}), $n = /* @__PURE__ */ B({
+}), Un = /* @__PURE__ */ C({
   inheritAttrs: !1,
   __name: "present",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     keepalive: { type: Boolean },
     visible: { type: Boolean },
     backdrop: {},
@@ -712,7 +713,7 @@ const cn = /* @__PURE__ */ V(Vn, [["render", Ln], ["__scopeId", "data-v-bc21eb36
   }),
   emits: ["close"],
   setup(t, { expose: r, emit: n }) {
-    const e = t, o = n, a = en(), s = y(R, null), l = _(!1), d = _(0), p = _(!1), f = _(!1), v = _(!1), b = Ee({ ...tr }), k = c(() => e.teleport ? e.teleport : u(s?.rootEl) ? u(s?.rootEl) : ze()), P = () => {
+    const e = t, o = n, a = tn(), s = y(R, null), l = _(!1), d = _(0), p = _(!1), f = _(!1), v = _(!1), b = Ee({ ...tr }), k = c(() => e.teleport ? e.teleport : u(s?.rootEl) ? u(s?.rootEl) : ze()), P = () => {
       if (e.teleport) {
         v.value = !!document.querySelector(e.teleport);
         return;
@@ -738,23 +739,23 @@ const cn = /* @__PURE__ */ V(Vn, [["render", Ln], ["__scopeId", "data-v-bc21eb36
         placement: e.placement,
         style: e.style
       })
-    ), M = c(() => p.value || e.keepalive), z = c(() => e.duration / 1e3 + "s"), E = () => {
+    ), M = c(() => p.value || e.keepalive), L = c(() => e.duration / 1e3 + "s"), E = () => {
       (d.value === 0 || !e.keepalive) && (d.value = a.newIndex());
     }, g = (D) => {
       D.backdropTransitionDuration !== void 0 && (b.backdropTransitionDuration = D.backdropTransitionDuration), D.presentTransitionDuration !== void 0 && (b.presentTransitionDuration = D.presentTransitionDuration), b.backdropOpacity = D.backdropOpacity, D.presentTranslate !== void 0 && (b.presentTranslate = D.presentTranslate), D.presentOpacity !== void 0 && (b.presentOpacity = D.presentOpacity);
-    }, w = (D) => {
+    }, V = (D) => {
       D.preventDefault(), f.value && o("close", "backdrop");
-    }, K = () => {
+    }, Y = () => {
       if (setTimeout(() => {
         f.value = !0;
       }, 300), e.bounce && !l.value) {
         l.value = !0;
         let D = e.bounce;
         (e.placement == "bottom" || e.placement == "right") && (D = `calc(${e.bounce} * -1)`), g({
-          backdropTransitionDuration: z.value,
+          backdropTransitionDuration: L.value,
           backdropOpacity: void 0,
           presentTranslate: String(D),
-          presentTransitionDuration: z.value,
+          presentTransitionDuration: L.value,
           presentOpacity: 1
         }), setTimeout(() => {
           g({
@@ -764,46 +765,46 @@ const cn = /* @__PURE__ */ V(Vn, [["render", Ln], ["__scopeId", "data-v-bc21eb36
       } else
         g({
           backdropOpacity: void 0,
-          backdropTransitionDuration: z.value,
+          backdropTransitionDuration: L.value,
           presentTranslate: "0px",
-          presentTransitionDuration: z.value,
+          presentTransitionDuration: L.value,
           presentOpacity: 1
         });
-    }, O = () => {
+    }, $ = () => {
       f.value = !1, l.value = !1;
       let D = "0px", Q = 1;
       e.placement == "bottom" || e.placement == "right" ? D = "100%" : e.placement == "top" || e.placement == "left" ? D = "-100%" : e.placement == "center" && (D = "0px", Q = 0), g({
         backdropOpacity: 0,
-        backdropTransitionDuration: z.value,
+        backdropTransitionDuration: L.value,
         presentTranslate: D,
-        presentTransitionDuration: z.value,
+        presentTransitionDuration: L.value,
         presentOpacity: Q
       });
     };
     q(() => {
       P(), v.value || re(() => {
         P(), v.value || requestAnimationFrame(P);
-      }), e.visible ? K() : O();
-    }), H(
+      }), e.visible ? Y() : $();
+    }), W(
       () => [e.teleport, u(s?.rootEl)],
       () => P(),
       { immediate: !0 }
-    ), H(
+    ), W(
       () => e.visible,
       () => {
         e.visible ? (E(), p.value = !0, setTimeout(() => {
-          K();
-        }, 100)) : (O(), setTimeout(() => {
+          Y();
+        }, 100)) : ($(), setTimeout(() => {
           p.value = !1;
         }, e.duration));
       }
     ), r({
       render: g,
-      open: K,
-      close: O
+      open: Y,
+      close: $
     });
-    const $ = { props: e, emit: o, presentIndex: a, appState: s, isBounced: l, zIndex: d, isShow: p, isReadyBackdrop: f, isTeleportReady: v, styles: b, teleportTo: k, syncTeleportReady: P, backdropAttrs: S, presentAttrs: A, isRender: M, time: z, createIndex: E, render: g, onClickBackdrop: w, open: K, close: O, unref: u, computed: c, inject: y, nextTick: re, onMounted: q, reactive: Ee, ref: _, watch: H, get usePresent() {
-      return en;
+    const U = { props: e, emit: o, presentIndex: a, appState: s, isBounced: l, zIndex: d, isShow: p, isReadyBackdrop: f, isTeleportReady: v, styles: b, teleportTo: k, syncTeleportReady: P, backdropAttrs: S, presentAttrs: A, isRender: M, time: L, createIndex: E, render: g, onClickBackdrop: V, open: Y, close: $, unref: u, computed: c, inject: y, nextTick: re, onMounted: q, reactive: Ee, ref: _, watch: W, get usePresent() {
+      return tn;
     }, get PRESENT_DEFAULT_PROPS() {
       return er;
     }, get PRESENT_DEFAULT_STYLES() {
@@ -817,27 +818,27 @@ const cn = /* @__PURE__ */ V(Vn, [["render", Ln], ["__scopeId", "data-v-bc21eb36
     }, get getPresentBackdropAttrs() {
       return rr;
     } };
-    return Object.defineProperty($, "__isScriptSetup", { enumerable: !1, value: !0 }), $;
+    return Object.defineProperty(U, "__isScriptSetup", { enumerable: !1, value: !0 }), U;
   }
 });
-function zn(t, r, n, e, o, a) {
-  return m(), ee(yn, {
+function Mn(t, r, n, e, o, a) {
+  return m(), ee(Pn, {
     to: e.teleportTo,
     disabled: !e.isTeleportReady
   }, [
-    e.isRender && n.backdrop !== "none" ? fe((m(), T("div", N({ key: 0 }, e.backdropAttrs, { onClick: e.onClickBackdrop }), null, 16)), [
+    e.isRender && n.backdrop !== "none" ? fe((m(), T("div", K({ key: 0 }, e.backdropAttrs, { onClick: e.onClickBackdrop }), null, 16)), [
       [Re, e.isShow]
     ]) : te("", !0),
-    e.isRender ? fe((m(), T("div", x(N({ key: 1 }, e.presentAttrs)), [
-      L(t.$slots, "default", {}, void 0, !0)
+    e.isRender ? fe((m(), T("div", w(K({ key: 1 }, e.presentAttrs)), [
+      B(t.$slots, "default", {}, void 0, !0)
     ], 16)), [
       [Re, e.isShow]
     ]) : te("", !0)
   ], 8, ["to", "disabled"]);
 }
-const Ce = /* @__PURE__ */ V($n, [["render", zn], ["__scopeId", "data-v-98837759"]]), Un = /* @__PURE__ */ B({
+const Ce = /* @__PURE__ */ F(Un, [["render", Mn], ["__scopeId", "data-v-98837759"]]), Kn = /* @__PURE__ */ C({
   __name: "button",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     role: {},
     size: {},
     shape: {},
@@ -851,13 +852,14 @@ const Ce = /* @__PURE__ */ V($n, [["render", zn], ["__scopeId", "data-v-98837759
   setup(t, { expose: r }) {
     r();
     const n = t, e = y(R), o = _(!1), a = c(() => {
-      const f = n.shape || u(e?.shape) || "", v = n.role || u(e?.role) || "", b = v ? `${v}-${n.variant}` : "", k = (n?.shadow !== void 0 ? n.shadow : u(e?.shadow)) ?? !1;
+      const f = n.shape || u(e?.shape) || "", v = n.role || u(e?.role) || "", b = (n?.shadow !== void 0 ? n.shadow : u(e?.shadow)) ?? !1;
       return at({
-        role: b,
+        role: v,
         shape: f,
+        variant: n.variant,
         size: n.size,
         block: n.block,
-        shadow: k,
+        shadow: b,
         focus: o.value
       });
     }), s = st(), p = { props: n, appState: e, isFocused: o, buttonAttrs: a, loaderAttrs: s, onFocus: () => {
@@ -876,24 +878,24 @@ const Ce = /* @__PURE__ */ V($n, [["render", zn], ["__scopeId", "data-v-98837759
     return Object.defineProperty(p, "__isScriptSetup", { enumerable: !1, value: !0 }), p;
   }
 });
-function Mn(t, r, n, e, o, a) {
-  return m(), T("button", N(e.buttonAttrs, {
+function Nn(t, r, n, e, o, a) {
+  return m(), T("button", K(e.buttonAttrs, {
     onFocus: e.onFocus,
     onBlur: e.onBlur
   }), [
-    fe(W("span", null, [
-      L(t.$slots, "default", {}, void 0, !0)
+    fe(H("span", null, [
+      B(t.$slots, "default", {}, void 0, !0)
     ], 512), [
       [Re, !e.props.loading]
     ]),
-    e.props.loading ? (m(), T("span", x(N({ key: 0 }, e.loaderAttrs)), [
-      L(t.$slots, "loading", {}, void 0, !0)
+    e.props.loading ? (m(), T("span", w(K({ key: 0 }, e.loaderAttrs)), [
+      B(t.$slots, "loading", {}, void 0, !0)
     ], 16)) : te("", !0)
   ], 16);
 }
-const Ne = /* @__PURE__ */ V(Un, [["render", Mn], ["__scopeId", "data-v-1a209af1"]]), Kn = /* @__PURE__ */ B({
+const Ne = /* @__PURE__ */ F(Kn, [["render", Nn], ["__scopeId", "data-v-c79b70d8"]]), jn = /* @__PURE__ */ C({
   __name: "form-group",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     direction: {}
   }, {
     ...$t
@@ -908,14 +910,14 @@ const Ne = /* @__PURE__ */ V(Un, [["render", Mn], ["__scopeId", "data-v-1a209af1
     return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
   }
 });
-function Nn(t, r, n, e, o, a) {
-  return m(), T("div", x(U(e.formGroupAttrs)), [
-    L(t.$slots, "default", {}, void 0, !0)
+function Gn(t, r, n, e, o, a) {
+  return m(), T("div", w(z(e.formGroupAttrs)), [
+    B(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const dn = /* @__PURE__ */ V(Kn, [["render", Nn], ["__scopeId", "data-v-addb28b2"]]), jn = /* @__PURE__ */ B({
+const un = /* @__PURE__ */ F(jn, [["render", Gn], ["__scopeId", "data-v-addb28b2"]]), Yn = /* @__PURE__ */ C({
   __name: "action",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     visible: { type: Boolean },
     dismiss: {},
     actions: {},
@@ -951,7 +953,7 @@ const dn = /* @__PURE__ */ V(Kn, [["render", Nn], ["__scopeId", "data-v-addb28b2
     }, get CustomButton() {
       return Ne;
     }, get FormGroup() {
-      return dn;
+      return un;
     }, get ACTION_DEFAULT_PROPS() {
       return Qe;
     }, get APP_PROVIDER_STATE_KEY() {
@@ -962,7 +964,7 @@ const dn = /* @__PURE__ */ V(Kn, [["render", Nn], ["__scopeId", "data-v-addb28b2
     return Object.defineProperty(f, "__isScriptSetup", { enumerable: !1, value: !0 }), f;
   }
 });
-function Gn(t, r, n, e, o, a) {
+function Hn(t, r, n, e, o, a) {
   return m(), ee(e.Present, {
     placement: n.placement,
     backdrop: "display",
@@ -971,8 +973,8 @@ function Gn(t, r, n, e, o, a) {
     onClose: e.onClose
   }, {
     default: ae(() => [
-      W("div", x(U(e.actionAttrs)), [
-        L(t.$slots, "body", {}, () => [
+      H("div", w(z(e.actionAttrs)), [
+        B(t.$slots, "body", {}, () => [
           (m(!0), T(de, null, ue(n.actions, (s, l) => (m(), ee(e.FormGroup, {
             direction: "vertical",
             key: l
@@ -988,7 +990,7 @@ function Gn(t, r, n, e, o, a) {
                 block: ""
               }, {
                 default: ae(() => [
-                  on(ie(d.text), 1)
+                  an(ie(d.text), 1)
                 ]),
                 _: 2
               }, 1032, ["role", "variant", "onClick", "shape", "shadow"]))), 128))
@@ -1001,7 +1003,7 @@ function Gn(t, r, n, e, o, a) {
     _: 3
   }, 8, ["placement", "visible"]);
 }
-const un = /* @__PURE__ */ V(jn, [["render", Gn], ["__scopeId", "data-v-c7eb029c"]]), Ae = _(null), ye = _(!1), tn = () => ({
+const pn = /* @__PURE__ */ F(Yn, [["render", Hn], ["__scopeId", "data-v-c7eb029c"]]), Ae = _(null), ye = _(!1), rn = () => ({
   open: (e) => {
     Ae.value = e, setTimeout(() => {
       ye.value = !0;
@@ -1015,9 +1017,9 @@ const un = /* @__PURE__ */ V(jn, [["render", Gn], ["__scopeId", "data-v-c7eb029c
   },
   visible: ye,
   data: Ae
-}), Yn = /* @__PURE__ */ B({
+}), Wn = /* @__PURE__ */ C({
   __name: "decision-modal",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     visible: { type: Boolean },
     title: {},
     message: {},
@@ -1068,24 +1070,24 @@ const un = /* @__PURE__ */ V(jn, [["render", Gn], ["__scopeId", "data-v-c7eb029c
     return Object.defineProperty(S, "__isScriptSetup", { enumerable: !1, value: !0 }), S;
   }
 });
-function Wn(t, r, n, e, o, a) {
+function Xn(t, r, n, e, o, a) {
   return m(), ee(e.Present, {
     placement: n.placement,
     backdrop: "display",
-    keepalive: !1,
+    keepalive: t.keepalive,
     visible: n.visible,
     onClose: e.onClose
   }, {
     default: ae(() => [
-      W("div", x(U(e.decisionModalAttrs)), [
-        L(t.$slots, "header", {}, () => [
-          n.title ? (m(), T("div", x(N({ key: 0 }, e.decisionModalHeaderAttrs)), ie(n.title), 17)) : te("", !0)
+      H("div", w(z(e.decisionModalAttrs)), [
+        B(t.$slots, "header", {}, () => [
+          n.title ? (m(), T("div", w(K({ key: 0 }, e.decisionModalHeaderAttrs)), ie(n.title), 17)) : te("", !0)
         ], !0),
-        L(t.$slots, "body", {}, () => [
-          W("div", x(U(e.decisionModalBodyAttrs)), ie(n.message), 17)
+        B(t.$slots, "body", {}, () => [
+          H("div", w(z(e.decisionModalBodyAttrs)), ie(n.message), 17)
         ], !0),
-        L(t.$slots, "footer", {}, () => [
-          W("div", x(U(e.decisionModalFooterAttrs)), [
+        B(t.$slots, "footer", {}, () => [
+          H("div", w(z(e.decisionModalFooterAttrs)), [
             (m(!0), T(de, null, ue(n.actions, (s, l) => (m(), ee(e.CustomButton, {
               key: `${l}`,
               role: s.role,
@@ -1094,7 +1096,7 @@ function Wn(t, r, n, e, o, a) {
               shape: e.shape
             }, {
               default: ae(() => [
-                on(ie(s.text), 1)
+                an(ie(s.text), 1)
               ]),
               _: 2
             }, 1032, ["role", "variant", "onClick", "shape"]))), 128))
@@ -1103,9 +1105,9 @@ function Wn(t, r, n, e, o, a) {
       ], 16)
     ]),
     _: 3
-  }, 8, ["placement", "visible"]);
+  }, 8, ["placement", "keepalive", "visible"]);
 }
-const pn = /* @__PURE__ */ V(Yn, [["render", Wn], ["__scopeId", "data-v-2937fe1a"]]), Pe = _(null), Te = _(!1), rn = () => ({
+const _n = /* @__PURE__ */ F(Wn, [["render", Xn], ["__scopeId", "data-v-2937fe1a"]]), Pe = _(null), Te = _(!1), nn = () => ({
   open: (e) => {
     Pe.value = e, setTimeout(() => {
       Te.value = !0;
@@ -1119,9 +1121,9 @@ const pn = /* @__PURE__ */ V(Yn, [["render", Wn], ["__scopeId", "data-v-2937fe1a
   },
   visible: Te,
   data: Pe
-}), Hn = /* @__PURE__ */ B({
+}), qn = /* @__PURE__ */ C({
   __name: "app",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     shape: {},
     divider: { type: Boolean },
     role: {},
@@ -1134,7 +1136,7 @@ const pn = /* @__PURE__ */ V(Yn, [["render", Wn], ["__scopeId", "data-v-2937fe1a
   }),
   setup(t, { expose: r }) {
     r();
-    const n = t, { shape: e, divider: o, role: a, shadow: s, triple: l, direction: d, data: p } = ke(n), f = rn(), v = tn(), b = _(), k = c(() => tt({ shape: e.value }));
+    const n = t, { shape: e, divider: o, role: a, shadow: s, triple: l, direction: d, data: p } = ke(n), f = nn(), v = rn(), b = _(), k = c(() => tt({ shape: e.value }));
     ne(R, {
       shape: e,
       divider: o,
@@ -1146,15 +1148,15 @@ const pn = /* @__PURE__ */ V(Yn, [["render", Wn], ["__scopeId", "data-v-2937fe1a
       data: p
     });
     const P = { props: n, shape: e, divider: o, role: a, shadow: s, triple: l, direction: d, data: p, decisionModal: f, action: v, rootEl: b, appAttrs: k, computed: c, provide: ne, ref: _, toRefs: ke, get Toast() {
-      return cn;
+      return dn;
     }, get Action() {
-      return un;
+      return pn;
     }, get useAction() {
-      return tn;
+      return rn;
     }, get DecisionModal() {
-      return pn;
+      return _n;
     }, get useDecisionModal() {
-      return rn;
+      return nn;
     }, get APP_DEFAULT_PROPS() {
       return et;
     }, get APP_PROVIDER_STATE_KEY() {
@@ -1165,24 +1167,24 @@ const pn = /* @__PURE__ */ V(Yn, [["render", Wn], ["__scopeId", "data-v-2937fe1a
     return Object.defineProperty(P, "__isScriptSetup", { enumerable: !1, value: !0 }), P;
   }
 });
-function Xn(t, r, n, e, o, a) {
-  return m(), T("div", N({ ref: "rootEl" }, e.appAttrs), [
-    L(t.$slots, "default", {}, void 0, !0),
-    L(t.$slots, "global", {}, void 0, !0),
+function Jn(t, r, n, e, o, a) {
+  return m(), T("div", K({ ref: "rootEl" }, e.appAttrs), [
+    B(t.$slots, "default", {}, void 0, !0),
+    B(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, N({
+    e.action.data.value ? (m(), ee(e.Action, K({
       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, N({
+    e.decisionModal.data.value ? (m(), ee(e.DecisionModal, K({
       key: 1,
       visible: e.decisionModal.visible.value
     }, e.decisionModal.data.value, {
@@ -1191,9 +1193,9 @@ function Xn(t, r, n, e, o, a) {
     }), null, 16, ["visible", "onClose", "onChoose"])) : te("", !0)
   ], 16);
 }
-const qn = /* @__PURE__ */ V(Hn, [["render", Xn], ["__scopeId", "data-v-291d6752"]]), Jn = /* @__PURE__ */ B({
+const Qn = /* @__PURE__ */ F(qn, [["render", Jn], ["__scopeId", "data-v-291d6752"]]), Zn = /* @__PURE__ */ C({
   __name: "gesture-indicator",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     placement: {},
     role: {}
   }, {
@@ -1214,12 +1216,12 @@ const qn = /* @__PURE__ */ V(Hn, [["render", Xn], ["__scopeId", "data-v-291d6752
     return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
   }
 });
-function Qn(t, r, n, e, o, a) {
-  return m(), T("div", x(U(e.gestureIndicatorAttrs)), null, 16);
+function eo(t, r, n, e, o, a) {
+  return m(), T("div", w(z(e.gestureIndicatorAttrs)), null, 16);
 }
-const _n = /* @__PURE__ */ V(Jn, [["render", Qn], ["__scopeId", "data-v-467f711f"]]), Zn = /* @__PURE__ */ B({
+const fn = /* @__PURE__ */ F(Zn, [["render", eo], ["__scopeId", "data-v-467f711f"]]), to = /* @__PURE__ */ C({
   __name: "modal",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     role: {},
     class: {},
     visible: { type: Boolean },
@@ -1245,9 +1247,9 @@ const _n = /* @__PURE__ */ V(Jn, [["render", Qn], ["__scopeId", "data-v-467f711f
       if (e.placement == "left") return "left";
       if (e.placement == "right") return "right";
     }), b = c(() => {
-      const g = e?.shape || u(a?.shape) || "", w = e.role || u(a?.role) || "";
+      const g = e?.shape || u(a?.shape) || "", V = e.role || u(a?.role) || "";
       return Qt({
-        role: w,
+        role: V,
         shape: g,
         placement: e.placement,
         fullscreen: e.fullscreen,
@@ -1260,72 +1262,72 @@ const _n = /* @__PURE__ */ V(Jn, [["render", Qn], ["__scopeId", "data-v-467f711f
     function P(g) {
       return qt.includes(g);
     }
-    const S = (g, w) => {
-      const K = getComputedStyle(g);
-      return w == "y" ? g.scrollHeight > g.clientHeight && P(K.overflowY) : g.scrollWidth > g.clientWidth && P(K.overflowX);
-    }, A = (g, w) => w == "down" ? g.scrollTop > 0 : w == "up" ? g.scrollTop < g.scrollHeight - g.clientHeight : w == "right" ? g.scrollLeft > 0 : g.scrollLeft < g.scrollWidth - g.clientWidth, M = (g) => {
+    const S = (g, V) => {
+      const Y = getComputedStyle(g);
+      return V == "y" ? g.scrollHeight > g.clientHeight && P(Y.overflowY) : g.scrollWidth > g.clientWidth && P(Y.overflowX);
+    }, A = (g, V) => V == "down" ? g.scrollTop > 0 : V == "up" ? g.scrollTop < g.scrollHeight - g.clientHeight : V == "right" ? g.scrollLeft > 0 : g.scrollLeft < g.scrollWidth - g.clientWidth, M = (g) => {
       if (!s.value || !v.value) return !0;
-      const w = g.target;
-      if (!(w instanceof Element)) return !0;
-      const K = v.value == "left" || v.value == "right" ? "x" : "y";
-      let O = w;
-      for (; O && O !== s.value; ) {
-        if (O instanceof HTMLElement && S(O, K) && A(O, v.value))
+      const V = g.target;
+      if (!(V instanceof Element)) return !0;
+      const Y = v.value == "left" || v.value == "right" ? "x" : "y";
+      let $ = V;
+      for (; $ && $ !== s.value; ) {
+        if ($ instanceof HTMLElement && S($, Y) && A($, v.value))
           return !1;
-        O = O.parentElement;
+        $ = $.parentElement;
       }
       return !0;
-    }, z = () => {
+    }, L = () => {
       d.value = !0, setTimeout(() => {
         d.value = !1;
       }, 300);
     };
-    H(
+    W(
       () => s.value,
       (g) => {
         g && (f.value = pe(s.value, {
           options: {
             minDist: 30
           },
-          beforeEvent(w) {
-            return !(d.value || !e.gesture || e.placement == "center" || !M(w));
+          beforeEvent(V) {
+            return !(d.value || !e.gesture || e.placement == "center" || !M(V));
           },
           down() {
             p.value = !1;
           },
-          fast({ initialDirection: w }) {
-            z(), w == v.value ? o("close", "gesture") : l.value.open();
+          fast({ initialDirection: V }) {
+            L(), V == v.value ? o("close", "gesture") : l.value.open();
           },
-          move({ deltaY: w, deltaX: K, initialDirection: O }) {
-            if (O != v.value) return;
-            let $ = 0;
-            e.placement == "bottom" || e.placement == "top" ? $ = w : $ = K, e.placement == "bottom" && ($ = w > 0 ? w : 0), e.placement == "top" && ($ = w < 0 ? w : 0), e.placement == "left" && ($ = K < 0 ? K : 0), e.placement == "right" && ($ = K > 0 ? K : 0), (e.placement == "bottom" && ($ >= 10 || p.value) || e.placement == "top" && ($ <= -10 || p.value) || e.placement == "left" && ($ <= -10 || p.value) || e.placement == "right" && ($ >= 10 || p.value)) && (p.value = !0, l.value.render({
-              presentTranslate: $ + "px",
+          move({ deltaY: V, deltaX: Y, initialDirection: $ }) {
+            if ($ != v.value) return;
+            let U = 0;
+            e.placement == "bottom" || e.placement == "top" ? U = V : U = Y, e.placement == "bottom" && (U = V > 0 ? V : 0), e.placement == "top" && (U = V < 0 ? V : 0), e.placement == "left" && (U = Y < 0 ? Y : 0), e.placement == "right" && (U = Y > 0 ? Y : 0), (e.placement == "bottom" && (U >= 10 || p.value) || e.placement == "top" && (U <= -10 || p.value) || e.placement == "left" && (U <= -10 || p.value) || e.placement == "right" && (U >= 10 || p.value)) && (p.value = !0, l.value.render({
+              presentTranslate: U + "px",
               presentTransitionDuration: "0s"
             }));
           },
-          up({ deltaY: w, deltaX: K, initialDirection: O }) {
-            if (p.value = !1, z(), O != v.value) {
+          up({ deltaY: V, deltaX: Y, initialDirection: $ }) {
+            if (p.value = !1, L(), $ != v.value) {
               l.value.open();
               return;
             }
-            let $, D, Q;
-            e.placement == "bottom" || e.placement == "top" ? ($ = s.value.offsetHeight, Q = w) : ($ = s.value.offsetWidth, Q = K), D = Q / $ * 100, D > 50 ? o("close", "gesture") : l.value.open();
+            let U, D, Q;
+            e.placement == "bottom" || e.placement == "top" ? (U = s.value.offsetHeight, Q = V) : (U = s.value.offsetWidth, Q = Y), D = Q / U * 100, D > 50 ? o("close", "gesture") : l.value.open();
           },
           cancel() {
-            p.value = !1, z(), l.value.open();
+            p.value = !1, L(), l.value.open();
           }
         }));
       }
     ), oe(() => {
       f.value && f.value.destroy();
     });
-    const E = { props: e, emit: o, appState: a, modal: s, present: l, isBusy: d, isMoving: p, ges: f, gestureDir: v, modalAttrs: b, close: k, hasScrollableOverflow: P, isScrollable: S, hasRemainingScroll: A, canStartGesture: M, busy: z, computed: c, inject: y, onUnmounted: oe, ref: _, unref: u, watch: H, get toifeGesture() {
+    const E = { props: e, emit: o, appState: a, modal: s, present: l, isBusy: d, isMoving: p, ges: f, gestureDir: v, modalAttrs: b, close: k, hasScrollableOverflow: P, isScrollable: S, hasRemainingScroll: A, canStartGesture: M, busy: L, computed: c, inject: y, onUnmounted: oe, ref: _, unref: u, watch: W, get toifeGesture() {
       return pe;
     }, get Present() {
       return Ce;
     }, get GestureIndicator() {
-      return _n;
+      return fn;
     }, get MODAL_DEFAULT_PROPS() {
       return Jt;
     }, get APP_PROVIDER_STATE_KEY() {
@@ -1338,34 +1340,34 @@ const _n = /* @__PURE__ */ V(Jn, [["render", Qn], ["__scopeId", "data-v-467f711f
     return Object.defineProperty(E, "__isScriptSetup", { enumerable: !1, value: !0 }), E;
   }
 });
-function eo(t, r, n, e, o, a) {
+function ro(t, r, n, e, o, a) {
   return m(), ee(e.Present, {
     ref: "present",
     duration: n.duration,
     bounce: n.bounce,
-    class: an(n.class),
+    class: sn(n.class),
     placement: n.placement,
     backdrop: n.backdrop,
     visible: n.visible,
     keepalive: n.keepalive,
     onClose: e.close,
-    style: Pn(n.style)
+    style: Tn(n.style)
   }, {
     default: ae(() => [
       n.gesture && n.indicator && n.placement != "center" ? (m(), ee(e.GestureIndicator, {
         key: 0,
         placement: n.placement
       }, null, 8, ["placement"])) : te("", !0),
-      W("div", N({ ref: "modal" }, e.modalAttrs), [
-        L(t.$slots, "default", {}, void 0, !0)
+      H("div", K({ ref: "modal" }, e.modalAttrs), [
+        B(t.$slots, "default", {}, void 0, !0)
       ], 16)
     ]),
     _: 3
   }, 8, ["duration", "bounce", "class", "placement", "backdrop", "visible", "keepalive", "style"]);
 }
-const to = /* @__PURE__ */ V(Zn, [["render", eo], ["__scopeId", "data-v-2b10da3f"]]), ro = /* @__PURE__ */ B({
+const no = /* @__PURE__ */ F(to, [["render", ro], ["__scopeId", "data-v-2b10da3f"]]), oo = /* @__PURE__ */ C({
   __name: "grid",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     options: {}
   }, {
     ...Gt
@@ -1380,58 +1382,58 @@ const to = /* @__PURE__ */ V(Zn, [["render", eo], ["__scopeId", "data-v-2b10da3f
     return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
   }
 });
-function no(t, r, n, e, o, a) {
-  return m(), T("div", x(U(e.gridAttrs)), [
-    L(t.$slots, "default", {}, void 0, !0)
+function ao(t, r, n, e, o, a) {
+  return m(), T("div", w(z(e.gridAttrs)), [
+    B(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const oo = /* @__PURE__ */ V(ro, [["render", no], ["__scopeId", "data-v-7b1bae0b"]]), ao = /* @__PURE__ */ B({
+const so = /* @__PURE__ */ F(oo, [["render", ao], ["__scopeId", "data-v-7b1bae0b"]]), lo = /* @__PURE__ */ C({
   __name: "flex",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     options: {}
   }, {
     ...Nt
   }),
   setup(t, { expose: r }) {
     r();
-    const n = t, e = c(() => Ht(n.options)), o = { props: n, flexAttrs: e, computed: c, get FLEX_DEFAULT_PROPS() {
+    const n = t, e = c(() => Wt(n.options)), o = { props: n, flexAttrs: e, computed: c, get FLEX_DEFAULT_PROPS() {
       return Nt;
     }, get getFlexAttrs() {
-      return Ht;
+      return Wt;
     } };
     return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
   }
 });
-function so(t, r, n, e, o, a) {
-  return m(), T("div", x(U(e.flexAttrs)), [
-    L(t.$slots, "default", {}, void 0, !0)
+function io(t, r, n, e, o, a) {
+  return m(), T("div", w(z(e.flexAttrs)), [
+    B(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const lo = /* @__PURE__ */ V(ao, [["render", so], ["__scopeId", "data-v-551ea3b0"]]), io = /* @__PURE__ */ B({
+const co = /* @__PURE__ */ F(lo, [["render", io], ["__scopeId", "data-v-551ea3b0"]]), uo = /* @__PURE__ */ C({
   __name: "grid-item",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     options: {}
   }, {
     ...jt
   }),
   setup(t, { expose: r }) {
     r();
-    const n = t, e = c(() => Wt(n.options)), o = { props: n, gridItemAttrs: e, computed: c, get GRID_ITEM_DEFAULT_PROPS() {
+    const n = t, e = c(() => Ht(n.options)), o = { props: n, gridItemAttrs: e, computed: c, get GRID_ITEM_DEFAULT_PROPS() {
       return jt;
     }, get getGridItemAttrs() {
-      return Wt;
+      return Ht;
     } };
     return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
   }
 });
-function co(t, r, n, e, o, a) {
-  return m(), T("div", x(U(e.gridItemAttrs)), [
-    L(t.$slots, "default", {}, void 0, !0)
+function po(t, r, n, e, o, a) {
+  return m(), T("div", w(z(e.gridItemAttrs)), [
+    B(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const uo = /* @__PURE__ */ V(io, [["render", co], ["__scopeId", "data-v-3dc106be"]]), po = /* @__PURE__ */ B({
+const _o = /* @__PURE__ */ F(uo, [["render", po], ["__scopeId", "data-v-3dc106be"]]), fo = /* @__PURE__ */ C({
   __name: "flex-item",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     options: {}
   }, {
     ...Kt
@@ -1446,14 +1448,14 @@ const uo = /* @__PURE__ */ V(io, [["render", co], ["__scopeId", "data-v-3dc106be
     return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
   }
 });
-function _o(t, r, n, e, o, a) {
-  return m(), T("div", x(U(e.flexItemAttrs)), [
-    L(t.$slots, "default", {}, void 0, !0)
+function vo(t, r, n, e, o, a) {
+  return m(), T("div", w(z(e.flexItemAttrs)), [
+    B(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const fo = /* @__PURE__ */ V(po, [["render", _o], ["__scopeId", "data-v-9aa28166"]]), vo = /* @__PURE__ */ B({
+const mo = /* @__PURE__ */ F(fo, [["render", vo], ["__scopeId", "data-v-9aa28166"]]), go = /* @__PURE__ */ C({
   __name: "cable",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     keyboard: { type: Boolean },
     placement: {}
   }, {
@@ -1475,51 +1477,51 @@ const fo = /* @__PURE__ */ V(po, [["render", _o], ["__scopeId", "data-v-9aa28166
     return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
   }
 });
-function mo(t, r, n, e, o, a) {
-  return m(), T("div", x(U(e.cableAttrs)), [
-    L(t.$slots, "default", {}, void 0, !0)
+function ho(t, r, n, e, o, a) {
+  return m(), T("div", w(z(e.cableAttrs)), [
+    B(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const go = /* @__PURE__ */ V(vo, [["render", mo], ["__scopeId", "data-v-4fd2ca97"]]), ho = /* @__PURE__ */ B({
+const bo = /* @__PURE__ */ F(go, [["render", ho], ["__scopeId", "data-v-4fd2ca97"]]), Ao = /* @__PURE__ */ C({
   __name: "toolbar",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     placement: {},
     safe: { type: Boolean },
     role: {},
     divider: { type: Boolean }
   }, {
-    ...Qr
+    ...Zr
   }),
   setup(t, { expose: r }) {
     r();
     const n = t, e = y(we), o = y(R), a = c(() => {
       const l = n.role || u(o?.role) || "", d = n.placement || u(e?.placement) || "", p = (n?.divider !== void 0 ? n.divider : u(o?.divider)) ?? !1;
-      return Zr({
+      return en({
         role: l,
         placement: d,
         safe: n.safe,
         divider: p
       });
     }), s = { props: n, cable: e, appState: o, toolbarAttrs: a, unref: u, computed: c, inject: y, get TOOLBAR_DEFAULT_PROPS() {
-      return Qr;
+      return Zr;
     }, get APP_PROVIDER_STATE_KEY() {
       return R;
     }, get CABLE_PROVIDER_STATE_KEY() {
       return we;
     }, get getToolbarAttrs() {
-      return Zr;
+      return en;
     } };
     return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
   }
 });
-function bo(t, r, n, e, o, a) {
-  return m(), T("div", x(U(e.toolbarAttrs)), [
-    L(t.$slots, "default", {}, void 0, !0)
+function yo(t, r, n, e, o, a) {
+  return m(), T("div", w(z(e.toolbarAttrs)), [
+    B(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const Ao = /* @__PURE__ */ V(ho, [["render", bo], ["__scopeId", "data-v-4ae7e08d"]]), yo = /* @__PURE__ */ B({
+const Po = /* @__PURE__ */ F(Ao, [["render", yo], ["__scopeId", "data-v-4ae7e08d"]]), To = /* @__PURE__ */ C({
   __name: "skeleton",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     width: {},
     height: {},
     role: {},
@@ -1547,12 +1549,12 @@ const Ao = /* @__PURE__ */ V(ho, [["render", bo], ["__scopeId", "data-v-4ae7e08d
     return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
   }
 });
-function Po(t, r, n, e, o, a) {
-  return m(), T("div", x(U(e.skeletonAttrs)), null, 16);
+function So(t, r, n, e, o, a) {
+  return m(), T("div", w(z(e.skeletonAttrs)), null, 16);
 }
-const To = /* @__PURE__ */ V(yo, [["render", Po], ["__scopeId", "data-v-d2115b2f"]]), So = /* @__PURE__ */ B({
+const Eo = /* @__PURE__ */ F(To, [["render", So], ["__scopeId", "data-v-d2115b2f"]]), Ro = /* @__PURE__ */ C({
   __name: "tabs",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     placement: {},
     variant: {},
     role: {},
@@ -1569,22 +1571,29 @@ const To = /* @__PURE__ */ V(yo, [["render", Po], ["__scopeId", "data-v-d2115b2f
   setup(t, { expose: r, emit: n }) {
     r();
     const e = t, o = n, a = y(R), s = _(0), l = _(0), d = _(0), p = _(0), f = _(), v = _(!0), b = c(() => e.role || u(a?.role) || ""), k = c(() => e.shape || u(a?.shape) || ""), P = c(() => e.size), S = c(() => e.modelValue || ""), A = c(() => {
-      let g = p.value, w = d.value, K = s.value, O = l.value;
-      w = w - e.margin[0], g = g - e.margin[1], O = O + e.margin[0] * 2, K = K + e.margin[1] * 2, e.variant === "underline" && (e.placement.startsWith("top-") && (w = O - e.border[0]), e.placement.startsWith("bottom-") && (w = 0), (e.placement.startsWith("top-") || e.placement.startsWith("bottom-")) && (O = e.border[0] + 0.5, e.border[1] && (g += (K - e.border[1]) / 2, K = e.border[1])), e.placement.startsWith("left-") && (g = K - e.border[0]), e.placement.startsWith("right-") && (g = 0), (e.placement.startsWith("left-") || e.placement.startsWith("right-")) && (K = e.border[0], e.border[1] && (w += (O - e.border[1]) / 2, O = e.border[1])));
-      const $ = b.value, D = $ ? `${$}-${e.variant}` : "";
+      const g = Gr({
+        top: d.value,
+        left: p.value,
+        width: s.value,
+        height: l.value,
+        margin: e.margin,
+        border: e.border,
+        variant: e.variant,
+        placement: e.placement
+      });
       return {
         ...jr({
-          roleVariant: D,
+          role: b.value,
           shape: k.value,
           placement: e.placement,
           variant: e.variant,
           transition: v.value ? !1 : e.transition
         }),
-        style: Gr({
-          top: w,
-          left: g,
-          width: K,
-          height: O,
+        style: Yr({
+          top: g.top,
+          left: g.left,
+          width: g.width,
+          height: g.height,
           marginX: e.margin[1],
           marginY: e.margin[0]
         })
@@ -1592,16 +1601,16 @@ const To = /* @__PURE__ */ V(yo, [["render", Po], ["__scopeId", "data-v-d2115b2f
     }), M = () => {
       let g = f.value.querySelector(".active");
       g && (s.value = g.offsetWidth, l.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);
-    }, z = async () => {
+    }, L = async () => {
       await re(), M();
     };
-    H(
+    W(
       () => e.modelValue,
       () => {
-        z();
+        L();
       }
     ), q(() => {
-      z(), window.addEventListener("resize", M), setTimeout(() => {
+      L(), window.addEventListener("resize", M), setTimeout(() => {
         v.value = !1;
       }, 500);
     }), oe(() => {
@@ -1615,7 +1624,7 @@ const To = /* @__PURE__ */ V(yo, [["render", Po], ["__scopeId", "data-v-d2115b2f
         o("update:modelValue", g);
       }
     });
-    const E = { props: e, emit: o, appState: a, width: s, height: l, top: d, left: p, container: f, isFirstRender: v, role: b, shape: k, size: P, activeValue: S, tabsAttrs: A, calcPosition: M, checkRender: z, unref: u, computed: c, inject: y, nextTick: re, onMounted: q, onUnmounted: oe, provide: ne, ref: _, watch: H, get TABS_DEFAULT_PROPS() {
+    const E = { props: e, emit: o, appState: a, width: s, height: l, top: d, left: p, container: f, isFirstRender: v, role: b, shape: k, size: P, activeValue: S, tabsAttrs: A, calcPosition: M, checkRender: L, unref: u, computed: c, inject: y, nextTick: re, onMounted: q, onUnmounted: oe, provide: ne, ref: _, watch: W, get TABS_DEFAULT_PROPS() {
       return Mr;
     }, get APP_PROVIDER_STATE_KEY() {
       return R;
@@ -1623,20 +1632,22 @@ const To = /* @__PURE__ */ V(yo, [["render", Po], ["__scopeId", "data-v-d2115b2f
       return xe;
     }, get getTabsAttrs() {
       return jr;
-    }, get getTabsHighlightStyle() {
+    }, get getTabsHighlightPosition() {
       return Gr;
+    }, get getTabsHighlightStyle() {
+      return Yr;
     } };
     return Object.defineProperty(E, "__isScriptSetup", { enumerable: !1, value: !0 }), E;
   }
 });
-function Eo(t, r, n, e, o, a) {
-  return m(), T("ul", N({ ref: "container" }, e.tabsAttrs), [
-    L(t.$slots, "default", {}, void 0, !0)
+function ko(t, r, n, e, o, a) {
+  return m(), T("ul", K({ ref: "container" }, e.tabsAttrs), [
+    B(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const Ro = /* @__PURE__ */ V(So, [["render", Eo], ["__scopeId", "data-v-08d9709d"]]), ko = /* @__PURE__ */ B({
+const Oo = /* @__PURE__ */ F(Ro, [["render", ko], ["__scopeId", "data-v-72a632e5"]]), wo = /* @__PURE__ */ C({
   __name: "tab",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     value: {},
     disabled: { type: Boolean }
   }, {
@@ -1658,16 +1669,16 @@ const Ro = /* @__PURE__ */ V(So, [["render", Eo], ["__scopeId", "data-v-08d9709d
     return Object.defineProperty(f, "__isScriptSetup", { enumerable: !1, value: !0 }), f;
   }
 });
-function Oo(t, r, n, e, o, a) {
-  return m(), T("li", x(U(e.tabAttrs)), [
-    W("button", N(e.buttonAttrs, { onClick: e.handleClick }), [
-      L(t.$slots, "default", {}, void 0, !0)
+function Do(t, r, n, e, o, a) {
+  return m(), T("li", w(z(e.tabAttrs)), [
+    H("button", K(e.buttonAttrs, { onClick: e.handleClick }), [
+      B(t.$slots, "default", {}, void 0, !0)
     ], 16)
   ], 16);
 }
-const wo = /* @__PURE__ */ V(ko, [["render", Oo], ["__scopeId", "data-v-2eddd820"]]), Do = /* @__PURE__ */ B({
+const Io = /* @__PURE__ */ F(wo, [["render", Do], ["__scopeId", "data-v-2eddd820"]]), xo = /* @__PURE__ */ C({
   __name: "switch",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     modelValue: { type: Boolean },
     role: {},
     size: {},
@@ -1694,9 +1705,9 @@ const wo = /* @__PURE__ */ V(ko, [["render", Oo], ["__scopeId", "data-v-2eddd820
         bounce: e.bounce
       });
     }), p = c(() => {
-      const A = e.shape || u(a?.shape) || "", M = u(a?.role) || "", z = e.role || M;
+      const A = e.shape || u(a?.shape) || "", M = u(a?.role) || "", L = e.role || M;
       return $r({
-        role: z,
+        role: L,
         shape: A,
         size: e.size
       });
@@ -1727,9 +1738,9 @@ const wo = /* @__PURE__ */ V(ko, [["render", Oo], ["__scopeId", "data-v-2eddd820
     } };
     return Object.defineProperty(S, "__isScriptSetup", { enumerable: !1, value: !0 }), S;
   }
-}), Io = ["tabindex", "aria-checked"];
-function xo(t, r, n, e, o, a) {
-  return m(), T("div", N(e.switchWrapperAttrs, {
+}), Co = ["tabindex", "aria-checked"];
+function Fo(t, r, n, e, o, a) {
+  return m(), T("div", K(e.switchWrapperAttrs, {
     tabindex: n.disabled ? -1 : 0,
     "aria-checked": e.props.modelValue,
     onPointerup: e.onSwitch,
@@ -1737,15 +1748,15 @@ function xo(t, r, n, e, o, a) {
     onBlur: e.onBlur,
     onKeydown: e.onKeydown
   }), [
-    W("div", x(U(e.switchAttrs)), [
-      W("div", x(U(e.switchIconAttrs)), null, 16)
+    H("div", w(z(e.switchAttrs)), [
+      H("div", w(z(e.switchIconAttrs)), null, 16)
     ], 16),
-    L(t.$slots, "default", {}, void 0, !0)
-  ], 16, Io);
+    B(t.$slots, "default", {}, void 0, !0)
+  ], 16, Co);
 }
-const Co = /* @__PURE__ */ V(Do, [["render", xo], ["__scopeId", "data-v-65bf583f"]]), Fo = /* @__PURE__ */ B({
+const Bo = /* @__PURE__ */ F(xo, [["render", Fo], ["__scopeId", "data-v-65bf583f"]]), Vo = /* @__PURE__ */ C({
   __name: "checkbox",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     modelValue: { type: Boolean },
     role: {},
     size: {},
@@ -1792,9 +1803,9 @@ const Co = /* @__PURE__ */ V(Do, [["render", xo], ["__scopeId", "data-v-65bf583f
     } };
     return Object.defineProperty(k, "__isScriptSetup", { enumerable: !1, value: !0 }), k;
   }
-}), Bo = ["tabindex", "aria-checked"];
-function Vo(t, r, n, e, o, a) {
-  return m(), T("div", N(e.checkboxAttrs, {
+}), Lo = ["tabindex", "aria-checked"];
+function $o(t, r, n, e, o, a) {
+  return m(), T("div", K(e.checkboxAttrs, {
     tabindex: n.disabled ? -1 : 0,
     "aria-checked": e.props.modelValue,
     onPointerup: e.onCheckbox,
@@ -1802,13 +1813,13 @@ function Vo(t, r, n, e, o, a) {
     onBlur: e.onBlur,
     onKeydown: e.onKeydown
   }), [
-    W("div", x(U(e.checkboxIconAttrs)), null, 16),
-    L(t.$slots, "default", {}, void 0, !0)
-  ], 16, Bo);
+    H("div", w(z(e.checkboxIconAttrs)), null, 16),
+    B(t.$slots, "default", {}, void 0, !0)
+  ], 16, Lo);
 }
-const Lo = /* @__PURE__ */ V(Fo, [["render", Vo], ["__scopeId", "data-v-764d39e7"]]), $o = /* @__PURE__ */ B({
+const zo = /* @__PURE__ */ F(Vo, [["render", $o], ["__scopeId", "data-v-764d39e7"]]), Uo = /* @__PURE__ */ C({
   __name: "radio",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     value: {},
     role: {},
     size: {},
@@ -1825,12 +1836,12 @@ const Lo = /* @__PURE__ */ V(Fo, [["render", Vo], ["__scopeId", "data-v-764d39e7
       De,
       null
     ), a = _(!1), s = c(() => n.disabled || (u(o?.disabled) ?? !1)), l = c(() => n.readonly || (u(o?.readonly) ?? !1)), d = c(() => {
-      const S = (n?.shadow !== void 0 ? n.shadow : u(e?.shadow)) ?? !1, A = n.role || u(o?.role) || u(e?.role) || "", M = n.variant || u(o?.variant) || "", z = u(o?.modelValue) === n.value;
+      const S = (n?.shadow !== void 0 ? n.shadow : u(e?.shadow)) ?? !1, A = n.role || u(o?.role) || u(e?.role) || "", M = n.variant || u(o?.variant) || "", L = u(o?.modelValue) === n.value;
       return sr({
         role: A,
         size: n.size,
         variant: M,
-        checked: z,
+        checked: L,
         disabled: s.value,
         readonly: l.value,
         shadow: S && !n.disabled && a.value,
@@ -1857,22 +1868,22 @@ const Lo = /* @__PURE__ */ V(Fo, [["render", Vo], ["__scopeId", "data-v-764d39e7
     } };
     return Object.defineProperty(P, "__isScriptSetup", { enumerable: !1, value: !0 }), P;
   }
-}), zo = ["tabindex"];
-function Uo(t, r, n, e, o, a) {
-  return m(), T("div", N(e.radioAttrs, {
+}), Mo = ["tabindex"];
+function Ko(t, r, n, e, o, a) {
+  return m(), T("div", K(e.radioAttrs, {
     onPointerup: e.onRadio,
     tabindex: e.disabled ? -1 : 0,
     onFocus: e.onFocus,
     onBlur: e.onBlur,
     onKeydown: e.onKeydown
   }), [
-    W("div", x(U(e.radioIconAttrs)), null, 16),
-    L(t.$slots, "default", {}, void 0, !0)
-  ], 16, zo);
+    H("div", w(z(e.radioIconAttrs)), null, 16),
+    B(t.$slots, "default", {}, void 0, !0)
+  ], 16, Mo);
 }
-const Mo = /* @__PURE__ */ V($o, [["render", Uo], ["__scopeId", "data-v-e6db3cdd"]]), Ko = /* @__PURE__ */ B({
+const No = /* @__PURE__ */ F(Uo, [["render", Ko], ["__scopeId", "data-v-e6db3cdd"]]), jo = /* @__PURE__ */ C({
   __name: "radio-group",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     modelValue: {},
     role: {},
     variant: {},
@@ -1910,14 +1921,14 @@ const Mo = /* @__PURE__ */ V($o, [["render", Uo], ["__scopeId", "data-v-e6db3cdd
     return Object.defineProperty(k, "__isScriptSetup", { enumerable: !1, value: !0 }), k;
   }
 });
-function No(t, r, n, e, o, a) {
-  return m(), T("div", x(U(e.radioGroupAttrs)), [
-    L(t.$slots, "default", {}, void 0, !0)
+function Go(t, r, n, e, o, a) {
+  return m(), T("div", w(z(e.radioGroupAttrs)), [
+    B(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const jo = /* @__PURE__ */ V(Ko, [["render", No], ["__scopeId", "data-v-5008937a"]]), Go = /* @__PURE__ */ B({
+const Yo = /* @__PURE__ */ F(jo, [["render", Go], ["__scopeId", "data-v-5008937a"]]), Ho = /* @__PURE__ */ C({
   __name: "card",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     role: {},
     shape: {},
     divider: { type: Boolean }
@@ -1950,12 +1961,12 @@ const jo = /* @__PURE__ */ V(Ko, [["render", No], ["__scopeId", "data-v-5008937a
     return Object.defineProperty(d, "__isScriptSetup", { enumerable: !1, value: !0 }), d;
   }
 });
-function Yo(t, r, n, e, o, a) {
-  return m(), T("div", x(U(e.cardAttrs)), [
-    L(t.$slots, "default")
+function Wo(t, r, n, e, o, a) {
+  return m(), T("div", w(z(e.cardAttrs)), [
+    B(t.$slots, "default")
   ], 16);
 }
-const Wo = /* @__PURE__ */ V(Go, [["render", Yo]]), Ho = /* @__PURE__ */ B({
+const Xo = /* @__PURE__ */ F(Ho, [["render", Wo]]), qo = /* @__PURE__ */ C({
   __name: "card-body",
   setup(t, { expose: r }) {
     r();
@@ -1965,12 +1976,12 @@ const Wo = /* @__PURE__ */ V(Go, [["render", Yo]]), Ho = /* @__PURE__ */ B({
     return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
   }
 });
-function Xo(t, r, n, e, o, a) {
-  return m(), T("div", x(U(e.cardBodyAttrs)), [
-    L(t.$slots, "default")
+function Jo(t, r, n, e, o, a) {
+  return m(), T("div", w(z(e.cardBodyAttrs)), [
+    B(t.$slots, "default")
   ], 16);
 }
-const qo = /* @__PURE__ */ V(Ho, [["render", Xo]]), Jo = /* @__PURE__ */ B({
+const Qo = /* @__PURE__ */ F(qo, [["render", Jo]]), Zo = /* @__PURE__ */ C({
   __name: "card-header",
   setup(t, { expose: r }) {
     r();
@@ -1985,12 +1996,12 @@ const qo = /* @__PURE__ */ V(Ho, [["render", Xo]]), Jo = /* @__PURE__ */ B({
     return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
   }
 });
-function Qo(t, r, n, e, o, a) {
-  return m(), T("div", x(U(e.cardHeaderAttrs)), [
-    L(t.$slots, "default")
+function ea(t, r, n, e, o, a) {
+  return m(), T("div", w(z(e.cardHeaderAttrs)), [
+    B(t.$slots, "default")
   ], 16);
 }
-const Zo = /* @__PURE__ */ V(Jo, [["render", Qo]]), ea = /* @__PURE__ */ B({
+const ta = /* @__PURE__ */ F(Zo, [["render", ea]]), ra = /* @__PURE__ */ C({
   __name: "card-footer",
   setup(t, { expose: r }) {
     r();
@@ -2005,14 +2016,14 @@ const Zo = /* @__PURE__ */ V(Jo, [["render", Qo]]), ea = /* @__PURE__ */ B({
     return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
   }
 });
-function ta(t, r, n, e, o, a) {
-  return m(), T("div", x(U(e.cardFooterAttrs)), [
-    L(t.$slots, "default")
+function na(t, r, n, e, o, a) {
+  return m(), T("div", w(z(e.cardFooterAttrs)), [
+    B(t.$slots, "default")
   ], 16);
 }
-const ra = /* @__PURE__ */ V(ea, [["render", ta]]), na = /* @__PURE__ */ B({
+const oa = /* @__PURE__ */ F(ra, [["render", na]]), aa = /* @__PURE__ */ C({
   __name: "avatar",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     shape: {},
     size: {},
     src: {},
@@ -2042,14 +2053,14 @@ const ra = /* @__PURE__ */ V(ea, [["render", ta]]), na = /* @__PURE__ */ B({
     return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
   }
 });
-function oa(t, r, n, e, o, a) {
-  return m(), T("div", x(U(e.avatarAttrs)), [
-    L(t.$slots, "default", {}, void 0, !0)
+function sa(t, r, n, e, o, a) {
+  return m(), T("div", w(z(e.avatarAttrs)), [
+    B(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const aa = /* @__PURE__ */ V(na, [["render", oa], ["__scopeId", "data-v-f05249c9"]]), sa = /* @__PURE__ */ B({
+const la = /* @__PURE__ */ F(aa, [["render", sa], ["__scopeId", "data-v-f05249c9"]]), ia = /* @__PURE__ */ C({
   __name: "divider",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     direction: {},
     role: {}
   }, {
@@ -2070,10 +2081,10 @@ const aa = /* @__PURE__ */ V(na, [["render", oa], ["__scopeId", "data-v-f05249c9
     return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
   }
 });
-function la(t, r, n, e, o, a) {
-  return m(), T("div", x(U(e.dividerAttrs)), null, 16);
+function ca(t, r, n, e, o, a) {
+  return m(), T("div", w(z(e.dividerAttrs)), null, 16);
 }
-const ia = /* @__PURE__ */ V(sa, [["render", la], ["__scopeId", "data-v-83a5abd7"]]), ca = /* @__PURE__ */ B({
+const da = /* @__PURE__ */ F(ia, [["render", ca], ["__scopeId", "data-v-83a5abd7"]]), ua = /* @__PURE__ */ C({
   __name: "image",
   props: {
     defaultSrc: {},
@@ -2084,27 +2095,27 @@ const ia = /* @__PURE__ */ V(sa, [["render", la], ["__scopeId", "data-v-83a5abd7
     const n = t, e = y(R), o = _(n.src ?? ""), a = c(() => n.defaultSrc ?? u(e?.data)?.errorImageUrl ?? ""), s = () => {
       a.value && (o.value = a.value);
     };
-    H(
+    W(
       () => n.src,
       (d) => {
         o.value = d ?? "";
       }
     );
-    const l = { props: n, appState: e, dataSrc: o, defaultSrc: a, handleError: s, unref: u, ref: _, watch: H, computed: c, inject: y, get APP_PROVIDER_STATE_KEY() {
+    const l = { props: n, appState: e, dataSrc: o, defaultSrc: a, handleError: s, unref: u, ref: _, watch: W, computed: c, inject: y, get APP_PROVIDER_STATE_KEY() {
       return R;
     } };
     return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
   }
-}), da = ["src"];
-function ua(t, r, n, e, o, a) {
+}), pa = ["src"];
+function _a(t, r, n, e, o, a) {
   return m(), T("img", {
     onError: e.handleError,
     src: e.dataSrc
-  }, null, 40, da);
+  }, null, 40, pa);
 }
-const pa = /* @__PURE__ */ V(ca, [["render", ua]]), _a = /* @__PURE__ */ B({
+const fa = /* @__PURE__ */ F(ua, [["render", _a]]), va = /* @__PURE__ */ C({
   __name: "field",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     modelValue: {},
     name: {},
     variant: {},
@@ -2132,17 +2143,17 @@ const pa = /* @__PURE__ */ V(ca, [["render", ua]]), _a = /* @__PURE__ */ B({
   setup(t, { expose: r, emit: n }) {
     r();
     const e = t, o = n, a = y(R), s = _(!1), l = _(0), d = _(""), p = c(() => {
-      const E = e.role || u(a?.role) || "", g = e.shape || u(a?.shape) || "", w = (e?.shadow !== void 0 ? e.shadow : u(a?.shadow)) ?? !1, K = e.direction || u(a?.direction) || "left";
+      const E = e.role || u(a?.role) || "", g = e.shape || u(a?.shape) || "", V = (e?.shadow !== void 0 ? e.shadow : u(a?.shadow)) ?? !1, Y = e.direction || u(a?.direction) || "left";
       return Ft({
         role: E,
         shape: g,
         size: e.size,
-        direction: K,
+        direction: Y,
         variant: e.variant,
         type: e.type,
         disabled: e.disabled,
         focus: s.value,
-        shadow: w,
+        shadow: V,
         readonly: e.readonly,
         line: Number(e.line),
         maxLine: e.maxLine !== void 0 ? Number(e.maxLine) : void 0
@@ -2173,19 +2184,19 @@ const pa = /* @__PURE__ */ V(ca, [["render", ua]]), _a = /* @__PURE__ */ B({
     }, M = (E) => {
       o("beforeinput", E);
     };
-    H(
+    W(
       () => f.value,
       (E) => {
         d.value = E.toString();
       },
       { immediate: !0 }
-    ), H(
+    ), W(
       () => d.value,
       (E) => {
         o("update:modelValue", E.toString());
       }
     );
-    const z = { props: e, emit: o, appState: a, isFocus: s, caret: l, content: d, fieldAttrs: p, rawContent: f, fieldContentAttrs: v, fieldInputAttrs: b, fieldMessageAttrs: k, onFocus: P, onBlur: S, onInput: A, onBeforeinput: M, unref: u, computed: c, inject: y, nextTick: re, onMounted: q, ref: _, watch: H, get FIELD_DEFAULT_PROPS() {
+    const L = { props: e, emit: o, appState: a, isFocus: s, caret: l, content: d, fieldAttrs: p, rawContent: f, fieldContentAttrs: v, fieldInputAttrs: b, fieldMessageAttrs: k, onFocus: P, onBlur: S, onInput: A, onBeforeinput: M, unref: u, computed: c, inject: y, nextTick: re, onMounted: q, ref: _, watch: W, get FIELD_DEFAULT_PROPS() {
       return Ct;
     }, get APP_PROVIDER_STATE_KEY() {
       return R;
@@ -2198,43 +2209,43 @@ const pa = /* @__PURE__ */ V(ca, [["render", ua]]), _a = /* @__PURE__ */ B({
     }, get getFieldMessageAttrs() {
       return Lt;
     } };
-    return Object.defineProperty(z, "__isScriptSetup", { enumerable: !1, value: !0 }), z;
+    return Object.defineProperty(L, "__isScriptSetup", { enumerable: !1, value: !0 }), L;
   }
-}), fa = ["rows"], va = ["type"];
-function ma(t, r, n, e, o, a) {
-  return m(), T("div", x(U(e.fieldAttrs)), [
-    W("div", x(U(e.fieldContentAttrs)), [
-      L(t.$slots, "start-input", {}, void 0, !0),
-      L(t.$slots, "input", {}, () => [
-        n.type === "paragraph" ? fe((m(), T("textarea", N({ key: 0 }, e.fieldInputAttrs, {
+}), ma = ["rows"], ga = ["type"];
+function ha(t, r, n, e, o, a) {
+  return m(), T("div", w(z(e.fieldAttrs)), [
+    H("div", w(z(e.fieldContentAttrs)), [
+      B(t.$slots, "start-input", {}, void 0, !0),
+      B(t.$slots, "input", {}, () => [
+        n.type === "paragraph" ? fe((m(), T("textarea", K({ key: 0 }, e.fieldInputAttrs, {
           onInput: e.onInput,
           onFocus: e.onFocus,
           onBlur: e.onBlur,
           onBeforeinput: e.onBeforeinput,
           "onUpdate:modelValue": r[0] || (r[0] = (s) => e.content = s),
           rows: n.line
-        }), null, 16, fa)), [
-          [Tn, e.content]
-        ]) : fe((m(), T("input", N({ key: 1 }, e.fieldInputAttrs, {
+        }), null, 16, ma)), [
+          [Sn, e.content]
+        ]) : fe((m(), T("input", K({ key: 1 }, e.fieldInputAttrs, {
           onInput: e.onInput,
           onFocus: e.onFocus,
           onBlur: e.onBlur,
           onBeforeinput: e.onBeforeinput,
           "onUpdate:modelValue": r[1] || (r[1] = (s) => e.content = s),
           type: n.type
-        }), null, 16, va)), [
-          [Sn, e.content]
+        }), null, 16, ga)), [
+          [En, e.content]
         ])
       ], !0),
-      L(t.$slots, "end-input", {}, void 0, !0)
+      B(t.$slots, "end-input", {}, void 0, !0)
     ], 16),
-    n.message ? (m(), T("div", x(N({ key: 0 }, e.fieldMessageAttrs)), ie(n.message), 17)) : te("", !0),
-    L(t.$slots, "default", {}, void 0, !0)
+    n.message ? (m(), T("div", w(K({ key: 0 }, e.fieldMessageAttrs)), ie(n.message), 17)) : te("", !0),
+    B(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const je = /* @__PURE__ */ V(_a, [["render", ma], ["__scopeId", "data-v-837bf696"]]), ga = /* @__PURE__ */ B({
+const je = /* @__PURE__ */ F(va, [["render", ha], ["__scopeId", "data-v-837bf696"]]), ba = /* @__PURE__ */ C({
   __name: "segmented-field",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     modelValue: {},
     value: {},
     length: {},
@@ -2256,112 +2267,112 @@ const je = /* @__PURE__ */ V(_a, [["render", ma], ["__scopeId", "data-v-837bf696
   setup(t, { expose: r, emit: n }) {
     r();
     const e = t, o = n, a = y(R), s = _([]), l = _([]), d = c(() => {
-      const I = e.modelValue !== void 0 ? e.modelValue : e.value !== void 0 ? e.value : s.value;
-      return Array.from({ length: e.length }, (F, G) => I?.[G] ?? "");
+      const O = e.modelValue !== void 0 ? e.modelValue : e.value !== void 0 ? e.value : s.value;
+      return Array.from({ length: e.length }, (x, j) => O?.[j] ?? "");
     }), p = c(() => {
-      const I = d.value.findIndex((F) => !F);
-      return I === -1 ? e.length - 1 : I;
+      const O = d.value.findIndex((x) => !x);
+      return O === -1 ? e.length - 1 : O;
     }), f = c(() => {
-      const I = e.role || u(a?.role) || "", F = e.shape || u(a?.shape) || "", G = e.direction || u(a?.direction) || "left";
+      const O = e.role || u(a?.role) || "", x = e.shape || u(a?.shape) || "", j = e.direction || u(a?.direction) || "left";
       return mr({
-        role: I,
-        shape: F,
-        direction: G,
+        role: O,
+        shape: x,
+        direction: j,
         variant: e.variant,
         size: e.size,
         disabled: e.disabled
       });
     }), v = gr(), b = c(() => {
-      const I = e.role || u(a?.role) || "", F = e.shape || u(a?.shape) || "", G = (e.shadow !== void 0 ? e.shadow : u(a?.shadow)) ?? !1;
+      const O = e.role || u(a?.role) || "", x = e.shape || u(a?.shape) || "", j = (e.shadow !== void 0 ? e.shadow : u(a?.shadow)) ?? !1;
       return {
         variant: e.variant,
         size: e.size,
         disabled: e.disabled,
         readonly: e.readonly,
-        shadow: G,
-        shape: F,
-        role: I,
+        shadow: j,
+        shape: x,
+        role: O,
         type: e.type,
         maxLength: 1,
         autocomplete: "off"
       };
-    }), k = hr(), P = (I, F) => {
-      if (!I) return "";
-      let G = I.slice(-1);
-      const X = e.pattern?.[F] ?? e.pattern?.[0];
-      return X && !new RegExp(X).test(G) ? "" : G;
-    }, S = (I) => l.value[I]?.$el?.querySelector("input, textarea"), A = async () => {
+    }), k = hr(), P = (O, x) => {
+      if (!O) return "";
+      let j = O.slice(-1);
+      const X = e.pattern?.[x] ?? e.pattern?.[0];
+      return X && !new RegExp(X).test(j) ? "" : j;
+    }, S = (O) => l.value[O]?.$el?.querySelector("input, textarea"), A = async () => {
       await re();
-      for (let I = 0; I < e.length; I++) {
-        const F = S(I);
-        F && (F.value = d.value[I] ?? "");
+      for (let O = 0; O < e.length; O++) {
+        const x = S(O);
+        x && (x.value = d.value[O] ?? "");
       }
-    }, M = async (I) => {
-      const F = Array.from({ length: e.length }, (G, X) => I[X] ?? "");
-      s.value = F, o("update:modelValue", F), o("input", F), F.every((G) => G) && o("complete", F), await A();
-    }, z = async (I) => {
+    }, M = async (O) => {
+      const x = Array.from({ length: e.length }, (j, X) => O[X] ?? "");
+      s.value = x, o("update:modelValue", x), o("input", x), x.every((j) => j) && o("complete", x), await A();
+    }, L = async (O) => {
       if (e.disabled || e.readonly) return;
-      const F = Math.max(0, Math.min(I, e.length - 1));
+      const x = Math.max(0, Math.min(O, e.length - 1));
       await re();
-      const G = S(F);
-      G?.focus(), G && "select" in G && G.select();
-    }, E = (I, F) => {
-      const G = [...d.value];
-      G[I] = F, M(G);
-    }, g = (I, F) => {
-      const G = P(F, I);
-      G && (E(I, G), I < e.length - 1 && z(I + 1));
-    }, w = (I, F) => {
-      const G = I.replace(/\s/g, "").split("");
-      if (!G.length) return;
+      const j = S(x);
+      j?.focus(), j && "select" in j && j.select();
+    }, E = (O, x) => {
+      const j = [...d.value];
+      j[O] = x, M(j);
+    }, g = (O, x) => {
+      const j = P(x, O);
+      j && (E(O, j), O < e.length - 1 && L(O + 1));
+    }, V = (O, x) => {
+      const j = O.replace(/\s/g, "").split("");
+      if (!j.length) return;
       const X = [...d.value];
-      let se = F;
-      for (const Fe of G) {
+      let se = x;
+      for (const Fe of j) {
         if (se >= e.length) break;
         const _e = P(Fe, se);
         _e && (X[se] = _e, se += 1);
       }
-      M(X), z(Math.min(se, e.length - 1));
-    }, Q = { props: e, emit: o, appState: a, keepValue: s, fields: l, segments: d, firstEmptyIndex: p, wrapperAttrs: f, contentAttrs: v, fieldAttrs: b, messageAttrs: k, normalizeChar: P, getFieldInput: S, syncFieldInputs: A, updateValue: M, focusInput: z, setCell: E, applyChar: g, handlePaste: w, onFieldClick: () => {
-      z(p.value);
-    }, onSegmentFocus: (I, F) => {
-      o("focus", I), S(F)?.select?.();
-    }, onSegmentBeforeinput: (I, F) => {
+      M(X), L(Math.min(se, e.length - 1));
+    }, Q = { props: e, emit: o, appState: a, keepValue: s, fields: l, segments: d, firstEmptyIndex: p, wrapperAttrs: f, contentAttrs: v, fieldAttrs: b, messageAttrs: k, normalizeChar: P, getFieldInput: S, syncFieldInputs: A, updateValue: M, focusInput: L, setCell: E, applyChar: g, handlePaste: V, onFieldClick: () => {
+      L(p.value);
+    }, onSegmentFocus: (O, x) => {
+      o("focus", O), S(x)?.select?.();
+    }, onSegmentBeforeinput: (O, x) => {
       if (e.disabled || e.readonly) return;
-      const { inputType: G } = I;
-      if (G === "insertText" && I.data != null) {
-        I.preventDefault(), I.data.length > 1 ? w(I.data, F) : g(F, I.data);
+      const { inputType: j } = O;
+      if (j === "insertText" && O.data != null) {
+        O.preventDefault(), O.data.length > 1 ? V(O.data, x) : g(x, O.data);
         return;
       }
-      if (G === "insertFromPaste" && I.dataTransfer) {
-        I.preventDefault();
-        const X = I.dataTransfer.getData("text");
-        w(X, F);
+      if (j === "insertFromPaste" && O.dataTransfer) {
+        O.preventDefault();
+        const X = O.dataTransfer.getData("text");
+        V(X, x);
         return;
       }
-      if (G === "deleteContentBackward") {
-        I.preventDefault();
+      if (j === "deleteContentBackward") {
+        O.preventDefault();
         const X = [...d.value];
-        if (X[F]) {
-          X[F] = "", M(X);
+        if (X[x]) {
+          X[x] = "", M(X);
           return;
         }
-        F > 0 && (X[F - 1] = "", M(X), z(F - 1));
+        x > 0 && (X[x - 1] = "", M(X), L(x - 1));
       }
-    }, onSegmentInput: (I, F) => {
+    }, onSegmentInput: (O, x) => {
       if (e.disabled || e.readonly) return;
-      const G = I.target;
-      if (!G) return;
-      const X = G.value, se = d.value[F] ?? "";
+      const j = O.target;
+      if (!j) return;
+      const X = j.value, se = d.value[x] ?? "";
       if (!X) {
-        se || E(F, "");
+        se || E(x, "");
         return;
       }
       if (X.length > 1) {
-        w(X, F);
+        V(X, x);
         return;
       }
-      X !== se && g(F, X);
+      X !== se && g(x, X);
     }, unref: u, computed: c, inject: y, nextTick: re, ref: _, get Field() {
       return je;
     }, get SEGMENTED_FIELD_DEFAULT_PROPS() {
@@ -2378,10 +2389,10 @@ const je = /* @__PURE__ */ V(_a, [["render", ma], ["__scopeId", "data-v-837bf696
     return Object.defineProperty(Q, "__isScriptSetup", { enumerable: !1, value: !0 }), Q;
   }
 });
-function ha(t, r, n, e, o, a) {
-  return m(), T("div", x(U(e.wrapperAttrs)), [
-    W("div", N(e.contentAttrs, { onPointerup: e.onFieldClick }), [
-      (m(!0), T(de, null, ue(e.props.length, (s, l) => (m(), ee(e.Field, N({ key: l }, { ref_for: !0 }, e.fieldAttrs, {
+function Aa(t, r, n, e, o, a) {
+  return m(), T("div", w(z(e.wrapperAttrs)), [
+    H("div", K(e.contentAttrs, { onPointerup: e.onFieldClick }), [
+      (m(!0), T(de, null, ue(e.props.length, (s, l) => (m(), ee(e.Field, K({ key: l }, { ref_for: !0 }, e.fieldAttrs, {
         "model-value": e.segments[l],
         tabindex: l === e.firstEmptyIndex ? 0 : -1,
         onBeforeinput: (d) => e.onSegmentBeforeinput(d, l),
@@ -2391,10 +2402,10 @@ function ha(t, r, n, e, o, a) {
         ref: "fields"
       }), null, 16, ["model-value", "tabindex", "onBeforeinput", "onInput", "onFocus"]))), 128))
     ], 16),
-    n.message ? (m(), T("div", x(N({ key: 0 }, e.messageAttrs)), ie(n.message), 17)) : te("", !0)
+    n.message ? (m(), T("div", w(K({ key: 0 }, e.messageAttrs)), ie(n.message), 17)) : te("", !0)
   ], 16);
 }
-const ba = /* @__PURE__ */ V(ga, [["render", ha], ["__scopeId", "data-v-e1be0bb8"]]), Aa = /* @__PURE__ */ B({
+const ya = /* @__PURE__ */ F(ba, [["render", Aa], ["__scopeId", "data-v-e1be0bb8"]]), Pa = /* @__PURE__ */ C({
   __name: "container",
   setup(t, { expose: r }) {
     r();
@@ -2404,12 +2415,12 @@ const ba = /* @__PURE__ */ V(ga, [["render", ha], ["__scopeId", "data-v-e1be0bb8
     return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
   }
 });
-function ya(t, r, n, e, o, a) {
-  return m(), T("div", x(U(e.containerAttrs)), [
-    L(t.$slots, "default", {}, void 0, !0)
+function Ta(t, r, n, e, o, a) {
+  return m(), T("div", w(z(e.containerAttrs)), [
+    B(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const Pa = /* @__PURE__ */ V(Aa, [["render", ya], ["__scopeId", "data-v-047631ab"]]), Ta = /* @__PURE__ */ B({
+const Sa = /* @__PURE__ */ F(Pa, [["render", Ta], ["__scopeId", "data-v-047631ab"]]), Ea = /* @__PURE__ */ C({
   __name: "refresher",
   emits: ["move", "cancel", "end", "start"],
   setup(t, { expose: r, emit: n }) {
@@ -2423,7 +2434,7 @@ const Pa = /* @__PURE__ */ V(Aa, [["render", ya], ["__scopeId", "data-v-047631ab
     }, b = () => {
       l = !1, o.value = !1, e("cancel");
     };
-    H(
+    W(
       () => a.value,
       () => {
         s && s.destroy(), a.value && (s = pe(
@@ -2473,7 +2484,7 @@ const Pa = /* @__PURE__ */ V(Aa, [["render", ya], ["__scopeId", "data-v-047631ab
       return l;
     }, set isPulling(P) {
       l = P;
-    }, containerAttrs: d, close: p, refresh: f, up: v, cancel: b, ref: _, onUnmounted: oe, watch: H, computed: c, get gesture() {
+    }, containerAttrs: d, close: p, refresh: f, up: v, cancel: b, ref: _, onUnmounted: oe, watch: W, computed: c, get gesture() {
       return pe;
     }, get getRefresherAttrs() {
       return cr;
@@ -2481,12 +2492,12 @@ const Pa = /* @__PURE__ */ V(Aa, [["render", ya], ["__scopeId", "data-v-047631ab
     return Object.defineProperty(k, "__isScriptSetup", { enumerable: !1, value: !0 }), k;
   }
 });
-function Sa(t, r, n, e, o, a) {
-  return m(), T("div", N(e.containerAttrs, { ref: "container" }), [
-    L(t.$slots, "default", {}, void 0, !0)
+function Ra(t, r, n, e, o, a) {
+  return m(), T("div", K(e.containerAttrs, { ref: "container" }), [
+    B(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const Ea = /* @__PURE__ */ V(Ta, [["render", Sa], ["__scopeId", "data-v-bfabe45d"]]), Ra = /* @__PURE__ */ B({
+const ka = /* @__PURE__ */ F(Ea, [["render", Ra], ["__scopeId", "data-v-bfabe45d"]]), Oa = /* @__PURE__ */ C({
   __name: "route-provider",
   props: {
     stack: {}
@@ -2503,10 +2514,10 @@ const Ea = /* @__PURE__ */ V(Ta, [["render", Sa], ["__scopeId", "data-v-bfabe45d
     return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
   }
 });
-function ka(t, r, n, e, o, a) {
-  return L(t.$slots, "default");
+function wa(t, r, n, e, o, a) {
+  return B(t.$slots, "default");
 }
-const Ge = /* @__PURE__ */ V(Ra, [["render", ka]]), Oa = /* @__PURE__ */ B({
+const Ge = /* @__PURE__ */ F(Oa, [["render", wa]]), Da = /* @__PURE__ */ C({
   __name: "route-outlet",
   props: {
     component: {}
@@ -2530,15 +2541,15 @@ const Ge = /* @__PURE__ */ V(Ra, [["render", ka]]), Oa = /* @__PURE__ */ B({
     return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
   }
 });
-function wa(t, r, n, e, o, a) {
-  return e.renderComponent ? (m(), ee(En(e.renderComponent), { key: 0 })) : te("", !0);
+function Ia(t, r, n, e, o, a) {
+  return e.renderComponent ? (m(), ee(Rn(e.renderComponent), { key: 0 })) : te("", !0);
 }
-const fn = /* @__PURE__ */ V(Oa, [["render", wa]]), Me = (t) => t.map((r) => ({
+const vn = /* @__PURE__ */ F(Da, [["render", Ia]]), Me = (t) => t.map((r) => ({
   ...r,
   stack: Me(r.stack)
-})), Se = -40, Da = /* @__PURE__ */ B({
+})), Se = -40, xa = /* @__PURE__ */ C({
   __name: "route-navigator",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     direction: {},
     variant: {},
     keepalive: { type: Boolean }
@@ -2554,35 +2565,33 @@ const fn = /* @__PURE__ */ V(Oa, [["render", wa]]), Me = (t) => t.map((r) => ({
       active: 0,
       backdrop: 0,
       duration: void 0
-    }), f = _([]), v = _(0), b = _(0), k = c(() => {
-      let O = p.duration !== void 0 ? p.duration : p.active > 0 ? "0s" : void 0;
-      return e.variant === "none" && (O = "0s"), pr({
+    }), f = _([]), v = _(0), b = _(0), k = c(
+      () => pr({
         direction: e.direction,
         variant: e.variant,
         moving: p.active !== 0,
-        transform: p,
-        duration: O
-      });
-    }), P = c(
+        transform: p
+      })
+    ), P = c(
       () => _r({ direction: e.direction })
     ), S = c(
       () => fr({ zIndex: b.value * 2 + 99 })
-    ), A = c(() => v.value > 0 ? f.value.at(v.value - 1) ?? null : null), M = (O) => {
-      const $ = Me(O);
+    ), A = c(() => v.value > 0 ? f.value.at(v.value - 1) ?? null : null), M = ($) => {
+      const U = Me($);
       if (f.value.length === 0) {
-        f.value = $;
+        f.value = U;
         return;
       }
-      if (f.value.length === $.length) {
+      if (f.value.length === U.length) {
         const D = f.value.length - 1;
-        f.value[D].stack = $[D].stack;
-      } else if (f.value.length > $.length) {
+        f.value[D].stack = U[D].stack;
+      } else if (f.value.length > U.length) {
         const D = v.value - 1;
         E(), v.value = D, p.backdrop = 0, o("transform", p), setTimeout(() => {
           f.value = f.value.slice(0, -1), b.value = D, p.backdrop = 100, o("transform", p);
         }, 250);
       } else
-        f.value.push($[$.length - 1]), p.duration = "0s", p.backdrop = 0, o("transform", p), setTimeout(
+        f.value.push(U[U.length - 1]), p.duration = "0s", p.backdrop = 0, o("transform", p), setTimeout(
           () => {
             b.value = b.value + 1, p.duration = void 0, o("transform", p);
           },
@@ -2593,23 +2602,23 @@ const fn = /* @__PURE__ */ V(Oa, [["render", wa]]), Me = (t) => t.map((r) => ({
           },
           e.variant === "swipe" ? 100 : 0
         );
-    }, z = () => {
+    }, L = () => {
       v.value <= 0 || !f.value[v.value - 1] || s.back();
     }, E = () => {
       p.back = Se, p.prepare = 100, p.active = 0, p.duration = void 0, o("transform", p);
-    }, g = (O) => {
-      const $ = l.value?.offsetWidth ?? 0;
+    }, g = ($) => {
+      const U = l.value?.offsetWidth ?? 0;
       let D = 0;
-      e.direction == "left" || e.direction == "right" ? D = Math.abs(O.deltaX) / $ * 100 : D = Math.abs(O.deltaY) / $ * 100, p.back = (100 - D) * Se / 100, p.active = D, p.backdrop = 100 - p.active, p.duration = "0s", o("transform", p);
-    }, w = (O) => {
-      const $ = l.value?.offsetWidth ?? 0;
+      e.direction == "left" || e.direction == "right" ? D = Math.abs($.deltaX) / U * 100 : D = Math.abs($.deltaY) / U * 100, p.back = (100 - D) * Se / 100, p.active = D, p.backdrop = 100 - p.active, p.duration = "0s", o("transform", p);
+    }, V = ($) => {
+      const U = l.value?.offsetWidth ?? 0;
       let D = 0;
-      e.direction == "left" || e.direction == "right" ? D = Math.abs(O.deltaX) / $ * 100 : D = Math.abs(O.deltaY) / $ * 100, D >= 60 ? z() : E();
+      e.direction == "left" || e.direction == "right" ? D = Math.abs($.deltaX) / U * 100 : D = Math.abs($.deltaY) / U * 100, D >= 60 ? L() : E();
     };
-    H(
+    W(
       () => u(a?.stack),
-      (O) => {
-        M(O);
+      ($) => {
+        M($);
       }
     ), q(() => {
       M(u(a?.stack)), d.value = l.value && pe(
@@ -2618,17 +2627,17 @@ const fn = /* @__PURE__ */ V(Oa, [["render", wa]]), Me = (t) => t.map((r) => ({
           options: {
             trackOutsideElement: !0
           },
-          beforeEvent(O) {
-            return O.target?.closest("input, textarea, select, button, [contenteditable]") || e.variant === "none" || !A.value ? !1 : (O.stopPropagation(), !0);
+          beforeEvent($) {
+            return $.target?.closest("input, textarea, select, button, [contenteditable]") || e.variant === "none" || !A.value ? !1 : ($.stopPropagation(), !0);
           },
-          fast({ initialDirection: O }) {
-            !O || O !== e.direction || z();
+          fast({ initialDirection: $ }) {
+            !$ || $ !== e.direction || L();
           },
-          move({ deltaX: O, deltaY: $, initialDirection: D, event: Q }) {
-            !D || D !== e.direction || (Q.cancelable && Q.preventDefault(), g({ deltaX: O, deltaY: $ }));
+          move({ deltaX: $, deltaY: U, initialDirection: D, event: Q }) {
+            !D || D !== e.direction || (Q.cancelable && Q.preventDefault(), g({ deltaX: $, deltaY: U }));
           },
-          up({ deltaX: O, deltaY: $, initialDirection: D }) {
-            !D || D !== e.direction || w({ deltaX: O, deltaY: $ });
+          up({ deltaX: $, deltaY: U, initialDirection: D }) {
+            !D || D !== e.direction || V({ deltaX: $, deltaY: U });
           },
           cancel() {
             E();
@@ -2642,12 +2651,12 @@ const fn = /* @__PURE__ */ V(Oa, [["render", wa]]), Me = (t) => t.map((r) => ({
     }), oe(() => {
       d.value && d.value.destroy();
     });
-    const K = { BACK_LAYER_PEEK_PCT: Se, props: e, emit: o, provider: a, router: s, navigatorRef: l, ges: d, transform: p, stack: f, activeIndex: v, backdropIndex: b, navigatorAttrs: k, componentAttrs: P, backdropAttrs: S, prevPage: A, changeRoute: M, goBack: z, resetTransform: E, move: g, up: w, computed: c, inject: y, onMounted: q, onUnmounted: oe, reactive: Ee, ref: _, watch: H, unref: u, get gesture() {
+    const Y = { BACK_LAYER_PEEK_PCT: Se, props: e, emit: o, provider: a, router: s, navigatorRef: l, ges: d, transform: p, stack: f, activeIndex: v, backdropIndex: b, navigatorAttrs: k, componentAttrs: P, backdropAttrs: S, prevPage: A, changeRoute: M, goBack: L, resetTransform: E, move: g, up: V, computed: c, inject: y, onMounted: q, onUnmounted: oe, reactive: Ee, ref: _, watch: W, unref: u, get gesture() {
       return pe;
     }, get RouteProvider() {
       return Ge;
     }, get RouteOutlet() {
-      return fn;
+      return vn;
     }, get useRouter() {
       return Oe;
     }, get clone() {
@@ -2663,12 +2672,12 @@ const fn = /* @__PURE__ */ V(Oa, [["render", wa]]), Me = (t) => t.map((r) => ({
     }, get getRouteNavigatorComponentAttrs() {
       return _r;
     } };
-    return Object.defineProperty(K, "__isScriptSetup", { enumerable: !1, value: !0 }), K;
+    return Object.defineProperty(Y, "__isScriptSetup", { enumerable: !1, value: !0 }), Y;
   }
-}), Ia = ["name"];
-function xa(t, r, n, e, o, a) {
-  return m(), T("div", N(e.navigatorAttrs, { ref: "navigatorRef" }), [
-    (m(!0), T(de, null, ue(e.stack, (s, l) => (m(), T("div", N({
+}), Ca = ["name"];
+function Fa(t, r, n, e, o, a) {
+  return m(), T("div", K(e.navigatorAttrs, { ref: "navigatorRef" }), [
+    (m(!0), T(de, null, ue(e.stack, (s, l) => (m(), T("div", K({
       key: s.name
     }, { ref_for: !0 }, e.componentAttrs, {
       style: { zIndex: l * 2 + 100 },
@@ -2689,11 +2698,11 @@ function xa(t, r, n, e, o, a) {
         ]),
         _: 2
       }, 1032, ["stack"])
-    ], 16, Ia))), 128)),
-    W("div", x(U(e.backdropAttrs)), null, 16)
+    ], 16, Ca))), 128)),
+    H("div", w(z(e.backdropAttrs)), null, 16)
   ], 16);
 }
-const Ca = /* @__PURE__ */ V(Da, [["render", xa], ["__scopeId", "data-v-c799da5a"]]), Ue = Rn([]), Ke = (t, r) => {
+const Ba = /* @__PURE__ */ F(xa, [["render", Fa], ["__scopeId", "data-v-b1866f21"]]), Ue = kn([]), Ke = (t, r) => {
   if (t.length === 0) return r;
   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);
@@ -2706,22 +2715,22 @@ const Ca = /* @__PURE__ */ V(Da, [["render", xa], ["__scopeId", "data-v-c799da5a
     });
   }
   return r;
-}, nn = () => ({
+}, on = () => ({
   stack: Ue,
   updateRoutes: (r) => {
     Ue.value = Ke([...r], [...Ue.value]);
   }
-}), Fa = /* @__PURE__ */ B({
+}), Va = /* @__PURE__ */ C({
   __name: "route-wrapper",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     homeRouteName: {}
   }, {
     ...ur
   }),
   setup(t, { expose: r }) {
     r();
-    const n = t, { updateRoutes: e, stack: o } = nn(), a = qe(), s = Oe();
-    H(
+    const n = t, { updateRoutes: e, stack: o } = on(), a = qe(), s = Oe();
+    W(
       () => a.matched,
       () => {
         e(a.matched);
@@ -2737,8 +2746,8 @@ const Ca = /* @__PURE__ */ V(Da, [["render", xa], ["__scopeId", "data-v-c799da5a
         }, 50);
       }
     });
-    const l = { props: n, updateRoutes: e, stack: o, route: a, router: s, onMounted: q, watch: H, get useRouteWrapper() {
-      return nn;
+    const l = { props: n, updateRoutes: e, stack: o, route: a, router: s, onMounted: q, watch: W, get useRouteWrapper() {
+      return on;
     }, get useRouter() {
       return Oe;
     }, get useRoute() {
@@ -2751,15 +2760,15 @@ const Ca = /* @__PURE__ */ V(Da, [["render", xa], ["__scopeId", "data-v-c799da5a
     return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
   }
 });
-function Ba(t, r, n, e, o, a) {
+function La(t, r, n, e, o, a) {
   return m(), ee(e.RouteProvider, { stack: e.stack }, {
     default: ae(() => [
-      L(t.$slots, "default")
+      B(t.$slots, "default")
     ]),
     _: 3
   }, 8, ["stack"]);
 }
-const Va = /* @__PURE__ */ V(Fa, [["render", Ba]]), La = /* @__PURE__ */ B({
+const $a = /* @__PURE__ */ F(Va, [["render", La]]), za = /* @__PURE__ */ C({
   __name: "page",
   setup(t, { expose: r }) {
     r();
@@ -2769,14 +2778,14 @@ const Va = /* @__PURE__ */ V(Fa, [["render", Ba]]), La = /* @__PURE__ */ B({
     return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
   }
 });
-function $a(t, r, n, e, o, a) {
-  return m(), T("div", x(U(e.pageAttrs)), [
-    L(t.$slots, "default", {}, void 0, !0)
+function Ua(t, r, n, e, o, a) {
+  return m(), T("div", w(z(e.pageAttrs)), [
+    B(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const za = /* @__PURE__ */ V(La, [["render", $a], ["__scopeId", "data-v-454bda2b"]]), Ua = /* @__PURE__ */ B({
+const Ma = /* @__PURE__ */ F(za, [["render", Ua], ["__scopeId", "data-v-454bda2b"]]), Ka = /* @__PURE__ */ C({
   __name: "collapse",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     modelValue: { type: Boolean },
     duration: {},
     role: {},
@@ -2810,20 +2819,20 @@ const za = /* @__PURE__ */ V(La, [["render", $a], ["__scopeId", "data-v-454bda2b
       s.value && (l.value = s.value.scrollHeight);
     }, M = () => {
       e.disabled || (d.value = !d.value, o("update:modelValue", d.value));
-    }, z = () => {
+    }, L = () => {
     };
-    H(
+    W(
       () => e.modelValue,
       async (g) => {
         d.value = g, g && (await re(), A(), p.value = !1);
       },
       { immediate: !0 }
-    ), H(
+    ), W(
       () => s.value,
       (g) => {
         g && d.value && A();
       }
-    ), H(
+    ), W(
       () => [s.value?.innerHTML, d.value],
       async () => {
         d.value && (await re(), A());
@@ -2831,7 +2840,7 @@ const za = /* @__PURE__ */ V(La, [["render", $a], ["__scopeId", "data-v-454bda2b
     ), q(async () => {
       await re(), d.value && A();
     });
-    const E = { props: e, emit: o, appState: a, contentRef: s, contentHeight: l, isOpen: d, isFirstOpen: p, role: f, durationCss: v, wrapperAttrs: b, triggerAttrs: k, contentAttrs: P, contentInnerClass: S, measureContent: A, toggle: M, onTransitionEnd: z, unref: u, computed: c, inject: y, nextTick: re, onMounted: q, ref: _, watch: H, get COLLAPSE_DEFAULT_PROPS() {
+    const E = { props: e, emit: o, appState: a, contentRef: s, contentHeight: l, isOpen: d, isFirstOpen: p, role: f, durationCss: v, wrapperAttrs: b, triggerAttrs: k, contentAttrs: P, contentInnerClass: S, measureContent: A, toggle: M, onTransitionEnd: L, unref: u, computed: c, inject: y, nextTick: re, onMounted: q, ref: _, watch: W, get COLLAPSE_DEFAULT_PROPS() {
       return gt;
     }, get APP_PROVIDER_STATE_KEY() {
       return R;
@@ -2846,30 +2855,30 @@ const za = /* @__PURE__ */ V(La, [["render", $a], ["__scopeId", "data-v-454bda2b
     } };
     return Object.defineProperty(E, "__isScriptSetup", { enumerable: !1, value: !0 }), E;
   }
-}), Ma = ["onKeydown"];
-function Ka(t, r, n, e, o, a) {
-  return m(), T("div", x(U(e.wrapperAttrs)), [
-    W("div", N(e.triggerAttrs, {
+}), Na = ["onKeydown"];
+function ja(t, r, n, e, o, a) {
+  return m(), T("div", w(z(e.wrapperAttrs)), [
+    H("div", K(e.triggerAttrs, {
       role: "button",
       tabindex: "0",
       onPointerup: e.toggle,
-      onKeydown: kn(sn(e.toggle, ["prevent"]), ["enter", "space"])
+      onKeydown: On(ln(e.toggle, ["prevent"]), ["enter", "space"])
     }), [
-      L(t.$slots, "trigger", {}, void 0, !0)
-    ], 16, Ma),
-    W("div", N(e.contentAttrs, { onTransitionend: e.onTransitionEnd }), [
-      W("div", {
+      B(t.$slots, "trigger", {}, void 0, !0)
+    ], 16, Na),
+    H("div", K(e.contentAttrs, { onTransitionend: e.onTransitionEnd }), [
+      H("div", {
         ref: "contentRef",
-        class: an(e.contentInnerClass)
+        class: sn(e.contentInnerClass)
       }, [
-        L(t.$slots, "default", {}, void 0, !0)
+        B(t.$slots, "default", {}, void 0, !0)
       ], 2)
     ], 16)
   ], 16);
 }
-const Na = /* @__PURE__ */ V(Ua, [["render", Ka], ["__scopeId", "data-v-ec3e593e"]]), ja = /* @__PURE__ */ B({
+const Ga = /* @__PURE__ */ F(Ka, [["render", ja], ["__scopeId", "data-v-ec3e593e"]]), Ya = /* @__PURE__ */ C({
   __name: "dropdown",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     modelValue: { type: Boolean },
     disabled: { type: Boolean },
     placement: {},
@@ -2905,20 +2914,20 @@ const Na = /* @__PURE__ */ V(Ua, [["render", Ka], ["__scopeId", "data-v-ec3e593e
     }, k = (S) => {
       S.key === "Escape" && l.value && (S.preventDefault(), v());
     };
-    H(
+    W(
       () => e.modelValue,
       (S) => {
         l.value = S;
       },
       { immediate: !0 }
-    ), H(l, (S, A) => {
+    ), W(l, (S, A) => {
       S && !A && o("open"), !S && A && o("close");
     }), q(() => {
       document.addEventListener("pointerdown", b, !0), document.addEventListener("keydown", k, !0);
     }), oe(() => {
       document.removeEventListener("pointerdown", b, !0), document.removeEventListener("keydown", k, !0);
     });
-    const P = { props: e, emit: o, appState: a, rootRef: s, isOpen: l, wrapperAttrs: d, panelAttrs: p, toggle: f, close: v, onDocPointerDown: b, onDocKeydown: k, unref: u, computed: c, inject: y, onMounted: q, onUnmounted: oe, ref: _, watch: H, get DROPDOWN_DEFAULT_PROPS() {
+    const P = { props: e, emit: o, appState: a, rootRef: s, isOpen: l, wrapperAttrs: d, panelAttrs: p, toggle: f, close: v, onDocPointerDown: b, onDocKeydown: k, unref: u, computed: c, inject: y, onMounted: q, onUnmounted: oe, ref: _, watch: W, get DROPDOWN_DEFAULT_PROPS() {
       return Dt;
     }, get APP_PROVIDER_STATE_KEY() {
       return R;
@@ -2930,22 +2939,22 @@ const Na = /* @__PURE__ */ V(Ua, [["render", Ka], ["__scopeId", "data-v-ec3e593e
     return Object.defineProperty(P, "__isScriptSetup", { enumerable: !1, value: !0 }), P;
   }
 });
-function Ga(t, r, n, e, o, a) {
-  return m(), T("div", N({ ref: "rootRef" }, e.wrapperAttrs), [
-    L(t.$slots, "trigger", {
+function Ha(t, r, n, e, o, a) {
+  return m(), T("div", K({ ref: "rootRef" }, e.wrapperAttrs), [
+    B(t.$slots, "trigger", {
       toggle: e.toggle,
       isOpen: e.isOpen
     }, void 0, !0),
-    fe(W("div", x(U(e.panelAttrs)), [
-      L(t.$slots, "default", {}, void 0, !0)
+    fe(H("div", w(z(e.panelAttrs)), [
+      B(t.$slots, "default", {}, void 0, !0)
     ], 16), [
       [Re, e.isOpen]
     ])
   ], 16);
 }
-const vn = /* @__PURE__ */ V(ja, [["render", Ga], ["__scopeId", "data-v-c632efac"]]), Ya = /* @__PURE__ */ B({
+const mn = /* @__PURE__ */ F(Ya, [["render", Ha], ["__scopeId", "data-v-c632efac"]]), Wa = /* @__PURE__ */ C({
   __name: "select",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     modelValue: {},
     name: {},
     variant: {},
@@ -2987,7 +2996,7 @@ const vn = /* @__PURE__ */ V(ja, [["render", Ga], ["__scopeId", "data-v-c632efac
       const E = e.modelValue || e.value;
       let g = [];
       return E && (g = typeof E == "string" ? [E] : E), {
-        modelValue: e.options.filter((K) => (g || []).includes(K.value)).map((K) => K.label ?? K.value).join(","),
+        modelValue: e.options.filter((Y) => (g || []).includes(Y.value)).map((Y) => Y.label ?? Y.value).join(","),
         size: e.size,
         variant: e.variant,
         placeholder: e.placeholder,
@@ -2998,12 +3007,12 @@ const vn = /* @__PURE__ */ V(ja, [["render", Ga], ["__scopeId", "data-v-c632efac
         disabled: e.disabled,
         shadow: p.value
       };
-    }), P = c(() => yr()), S = c(() => Pr()), A = c(() => Tr()), z = { props: e, appState: o, emit: a, visible: s, role: l, direction: d, shadow: p, shape: f, selectAttrs: v, dropdownAttrs: b, fieldAttrs: k, selectIconAttrs: P, selectOptionAttrs: S, selectMessageAttrs: A, pickOption: (E) => {
+    }), P = c(() => yr()), S = c(() => Pr()), A = c(() => Tr()), L = { props: e, appState: o, emit: a, visible: s, role: l, direction: d, shadow: p, shape: f, selectAttrs: v, dropdownAttrs: b, fieldAttrs: k, selectIconAttrs: P, selectOptionAttrs: S, selectMessageAttrs: A, pickOption: (E) => {
       E.disabled || E.value === void 0 || (a("update:modelValue", E.value), a("select", E), s.value = !1);
     }, unref: u, computed: c, inject: y, ref: _, get Field() {
       return je;
     }, get Dropdown() {
-      return vn;
+      return mn;
     }, get SELECT_DEFAULT_PROPS() {
       return br;
     }, get APP_PROVIDER_STATE_KEY() {
@@ -3017,17 +3026,17 @@ const vn = /* @__PURE__ */ V(ja, [["render", Ga], ["__scopeId", "data-v-c632efac
     }, get getSelectOptionAttrs() {
       return Pr;
     } };
-    return Object.defineProperty(z, "__isScriptSetup", { enumerable: !1, value: !0 }), z;
+    return Object.defineProperty(L, "__isScriptSetup", { enumerable: !1, value: !0 }), L;
   }
-}), Wa = ["disabled", "onPointerup"];
-function Ha(t, r, n, e, o, a) {
-  return m(), T("div", x(U(e.selectAttrs)), [
-    le(e.Dropdown, N(e.dropdownAttrs, {
+}), Xa = ["disabled", "onPointerup"];
+function qa(t, r, n, e, o, a) {
+  return m(), T("div", w(z(e.selectAttrs)), [
+    le(e.Dropdown, K(e.dropdownAttrs, {
       modelValue: e.visible,
       "onUpdate:modelValue": r[0] || (r[0] = (s) => e.visible = s)
     }), {
       trigger: ae(({ toggle: s, isOpen: l }) => [
-        le(e.Field, N({
+        le(e.Field, K({
           role: e.role,
           variant: "outline",
           onPointerup: s
@@ -3035,7 +3044,7 @@ function Ha(t, r, n, e, o, a) {
           class: { focus: l }
         }), {
           "end-input": ae(() => [
-            W("span", N(e.selectIconAttrs, {
+            H("span", K(e.selectIconAttrs, {
               class: { open: l }
             }), null, 16)
           ]),
@@ -3043,22 +3052,22 @@ function Ha(t, r, n, e, o, a) {
         }, 1040, ["role", "onPointerup", "class"])
       ]),
       default: ae(() => [
-        (m(!0), T(de, null, ue(n.options, (s) => (m(), T("button", N({
+        (m(!0), T(de, null, ue(n.options, (s) => (m(), T("button", K({
           key: s.value,
           type: "button",
           disabled: s.disabled
         }, { ref_for: !0 }, e.selectOptionAttrs, {
           onPointerup: (l) => e.pickOption(s)
-        }), ie(s.label), 17, Wa))), 128))
+        }), ie(s.label), 17, Xa))), 128))
       ]),
       _: 1
     }, 16, ["modelValue"]),
-    n.message ? (m(), T("div", x(N({ key: 0 }, e.selectMessageAttrs)), ie(n.message), 17)) : te("", !0)
+    n.message ? (m(), T("div", w(K({ key: 0 }, e.selectMessageAttrs)), ie(n.message), 17)) : te("", !0)
   ], 16);
 }
-const Xa = /* @__PURE__ */ V(Ya, [["render", Ha], ["__scopeId", "data-v-1db077aa"]]), qa = /* @__PURE__ */ B({
+const Ja = /* @__PURE__ */ F(Wa, [["render", qa], ["__scopeId", "data-v-1db077aa"]]), Qa = /* @__PURE__ */ C({
   __name: "slide-range",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     modelValue: {},
     min: {},
     max: {},
@@ -3079,53 +3088,53 @@ const Xa = /* @__PURE__ */ V(Ya, [["render", Ha], ["__scopeId", "data-v-1db077aa
     let p, f = null, v = 0, b = !1;
     const k = (h) => {
       h && h.stopPropagation();
-    }, P = (h) => h === "left" || h === "right", S = (h, j) => {
+    }, P = (h) => h === "left" || h === "right", S = (h, N) => {
       if (typeof h == "number") return h;
       if (typeof h == "string") {
         const J = Number.parseFloat(h);
-        return Number.isNaN(J) ? j : J;
+        return Number.isNaN(J) ? N : J;
       }
-      return j;
-    }, A = c(() => S(e.min, 0)), M = c(() => S(e.max, 100)), z = c(() => {
+      return N;
+    }, A = c(() => S(e.min, 0)), M = c(() => S(e.max, 100)), L = c(() => {
       const h = S(e.step, 1);
       return h > 0 ? h : 1;
     }), E = (h) => {
-      const j = A.value, J = M.value, Z = z.value;
-      if (J <= j) return j;
-      const ce = Math.max(j, Math.min(J, h)), Ve = Math.round((ce - j) / Z);
-      return Math.max(j, Math.min(J, j + Ve * Z));
+      const N = A.value, J = M.value, Z = L.value;
+      if (J <= N) return N;
+      const ce = Math.max(N, Math.min(J, h)), Ve = Math.round((ce - N) / Z);
+      return Math.max(N, Math.min(J, N + Ve * Z));
     }, g = c(() => {
       const h = S(e.modelValue, A.value);
       return E(h);
-    }), w = c(() => ge(g.value)), K = c(() => {
+    }), V = c(() => ge(g.value)), Y = c(() => {
       if (e.tick === !1) return [];
-      const h = A.value, j = M.value, J = e.tick === !0 ? 1 : S(e.tick, 0);
-      if (J <= 0 || j < h) return [h, j];
+      const h = A.value, N = M.value, J = e.tick === !0 ? 1 : S(e.tick, 0);
+      if (J <= 0 || N < h) return [h, N];
       const Z = [];
-      for (let ce = h; ce <= j; ce += J)
+      for (let ce = h; ce <= N; ce += J)
         Z.push(ce);
-      return Z.at(-1) !== j && Z.push(j), Z;
-    }), O = c(() => `${_e(w.value)}${e.unit || ""}`), $ = c(() => {
-      const h = e.role || u(a?.role) || "", j = e.shape || u(a?.shape) || "";
+      return Z.at(-1) !== N && Z.push(N), Z;
+    }), $ = c(() => `${_e(V.value)}${e.unit || ""}`), U = c(() => {
+      const h = e.role || u(a?.role) || "", N = e.shape || u(a?.shape) || "";
       return kr({
         role: h,
-        shape: j,
+        shape: N,
         disabled: e.disabled,
         readonly: e.readonly
       });
-    }), D = Or(), Q = wr(), I = Dr(), F = c(() => Ir({ percent: w.value })), G = c(() => xr({ percent: w.value })), X = Cr(), se = Fr(), Fe = (h) => {
-      const j = ge(h);
+    }), D = Or(), Q = wr(), O = Dr(), x = c(() => Ir({ percent: V.value })), j = c(() => xr({ percent: V.value })), X = Cr(), se = Fr(), Fe = (h) => {
+      const N = ge(h);
       return Br({
-        active: w.value > j,
-        percent: j
+        active: V.value > N,
+        percent: N
       });
     }, _e = (h) => {
-      const j = A.value, J = M.value, Z = j + (J - j) * (h / 100);
+      const N = A.value, J = M.value, Z = N + (J - N) * (h / 100);
       return E(Z);
     }, ge = (h) => {
-      const j = A.value, J = M.value;
-      if (J <= j) return 0;
-      const Z = (h - j) / (J - j) * 100;
+      const N = A.value, J = M.value;
+      if (J <= N) return 0;
+      const Z = (h - N) / (J - N) * 100;
       return Math.max(0, Math.min(100, Z));
     }, Be = () => {
       p && clearTimeout(p), d.value = !0, p = setTimeout(() => {
@@ -3133,20 +3142,20 @@ const Xa = /* @__PURE__ */ V(Ya, [["render", Ha], ["__scopeId", "data-v-1db077aa
       }, 300);
     }, he = (h) => {
       if (e.disabled || e.readonly) return;
-      const j = _e(h);
-      j !== e.modelValue && (o("update:modelValue", j), o("change", j));
-    }, gn = (h, j) => {
-      k(j);
+      const N = _e(h);
+      N !== e.modelValue && (o("update:modelValue", N), o("change", N));
+    }, hn = (h, N) => {
+      k(N);
       const J = ge(h);
       he(J), Be();
-    }, hn = (h) => {
-      e.disabled || e.readonly || k(h);
     }, bn = (h) => {
       e.disabled || e.readonly || k(h);
-    }, We = (h) => "changedTouches" in h && h.changedTouches.length > 0 ? h.changedTouches[0].clientX : h.clientX, An = (h) => {
+    }, An = (h) => {
+      e.disabled || e.readonly || k(h);
+    }, He = (h) => "changedTouches" in h && h.changedTouches.length > 0 ? h.changedTouches[0].clientX : h.clientX, yn = (h) => {
       if (e.disabled || e.readonly || !l.value) return;
       k(h);
-      const j = l.value.offsetWidth, J = l.value.getBoundingClientRect(), ce = (We(h) - J.left) / j * 100;
+      const N = l.value.offsetWidth, J = l.value.getBoundingClientRect(), ce = (He(h) - J.left) / N * 100;
       he(Math.max(0, Math.min(100, ce))), Be();
     };
     q(() => {
@@ -3161,7 +3170,7 @@ const Xa = /* @__PURE__ */ V(Ya, [["render", Ha], ["__scopeId", "data-v-1db077aa
             b && k(h);
           },
           down({ event: h }) {
-            e.disabled || e.readonly || (v = w.value, b = !1, k(h));
+            e.disabled || e.readonly || (v = V.value, b = !1, k(h));
           },
           up({ event: h }) {
             b = !1, d.value = !1, k(h);
@@ -3171,12 +3180,12 @@ const Xa = /* @__PURE__ */ V(Ya, [["render", Ha], ["__scopeId", "data-v-1db077aa
           },
           move({
             initialDirection: h,
-            deltaX: j,
+            deltaX: N,
             event: J
           }) {
             if (e.disabled || e.readonly || !P(h) || !l.value) return;
             b = !0, k(J);
-            const Z = l.value.offsetWidth, ce = j / Z * 100, Ve = Math.max(0, Math.min(100, v + ce));
+            const Z = l.value.offsetWidth, ce = N / Z * 100, Ve = Math.max(0, Math.min(100, v + ce));
             he(Ve), p && clearTimeout(p), d.value = !0;
           }
         },
@@ -3185,7 +3194,7 @@ const Xa = /* @__PURE__ */ V(Ya, [["render", Ha], ["__scopeId", "data-v-1db077aa
     }), oe(() => {
       p && clearTimeout(p), f?.destroy();
     });
-    const He = { props: e, emit: o, appState: a, point: s, container: l, isShowTooltip: d, get tooltipTimeout() {
+    const We = { props: e, emit: o, appState: a, point: s, container: l, isShowTooltip: d, get tooltipTimeout() {
       return p;
     }, set tooltipTimeout(h) {
       p = h;
@@ -3201,7 +3210,7 @@ const Xa = /* @__PURE__ */ V(Ya, [["render", Ha], ["__scopeId", "data-v-1db077aa
       return b;
     }, set isHorizontalDrag(h) {
       b = h;
-    }, suppressPointerEvent: k, isHorizontalDirection: P, parseRangeValue: S, rangeMin: A, rangeMax: M, rangeStep: z, snapToStep: E, normalizedValue: g, percent: w, ticks: K, displayValue: O, slideRangeAttrs: $, trackContainerAttrs: D, trackBodyAttrs: Q, trackBackAttrs: I, trackFrontAttrs: F, thumbAttrs: G, thumbInnerAttrs: X, tooltipAttrs: se, tickAttrs: Fe, getValueFromPercent: _e, getPercentFromValue: ge, showTooltipTemporarily: Be, emitValueFromPercent: he, onTickSelect: gn, onTrackPointerDown: hn, onThumbPointerDown: bn, getClientX: We, onClickPath: An, get gesture() {
+    }, suppressPointerEvent: k, isHorizontalDirection: P, parseRangeValue: S, rangeMin: A, rangeMax: M, rangeStep: L, snapToStep: E, normalizedValue: g, percent: V, ticks: Y, displayValue: $, slideRangeAttrs: U, trackContainerAttrs: D, trackBodyAttrs: Q, trackBackAttrs: O, trackFrontAttrs: x, thumbAttrs: j, thumbInnerAttrs: X, tooltipAttrs: se, tickAttrs: Fe, getValueFromPercent: _e, getPercentFromValue: ge, showTooltipTemporarily: Be, emitValueFromPercent: he, onTickSelect: hn, onTrackPointerDown: bn, onThumbPointerDown: An, getClientX: He, onClickPath: yn, get gesture() {
       return pe;
     }, computed: c, inject: y, onMounted: q, onUnmounted: oe, ref: _, unref: u, get SLIDE_RANGE_DEFAULT_PROPS() {
       return Rr;
@@ -3226,50 +3235,55 @@ const Xa = /* @__PURE__ */ V(Ya, [["render", Ha], ["__scopeId", "data-v-1db077aa
     }, get getSlideRangeTrackFrontAttrs() {
       return Ir;
     } };
-    return Object.defineProperty(He, "__isScriptSetup", { enumerable: !1, value: !0 }), He;
+    return Object.defineProperty(We, "__isScriptSetup", { enumerable: !1, value: !0 }), We;
   }
-}), Ja = ["onPointerup"];
-function Qa(t, r, n, e, o, a) {
-  return m(), T("div", x(U(e.slideRangeAttrs)), [
-    W("div", N(e.trackContainerAttrs, { ref: "container" }), [
-      W("div", N(e.trackBodyAttrs, {
+}), Za = ["onPointerup"];
+function es(t, r, n, e, o, a) {
+  return m(), T("div", w(z(e.slideRangeAttrs)), [
+    H("div", K(e.trackContainerAttrs, { ref: "container" }), [
+      H("div", K(e.trackBodyAttrs, {
         onPointerdown: e.onTrackPointerDown,
         onPointerup: e.onClickPath
       }), [
-        W("div", x(U(e.trackBackAttrs)), null, 16),
-        W("div", x(U(e.trackFrontAttrs)), null, 16),
-        (m(!0), T(de, null, ue(e.ticks, (s) => (m(), T("div", N({ key: s }, { ref_for: !0 }, e.tickAttrs(s), {
+        H("div", w(z(e.trackBackAttrs)), null, 16),
+        H("div", w(z(e.trackFrontAttrs)), null, 16),
+        (m(!0), T(de, null, ue(e.ticks, (s) => (m(), T("div", K({ key: s }, { ref_for: !0 }, e.tickAttrs(s), {
           onPointerdown: e.onTrackPointerDown,
           onPointerup: (l) => e.onTickSelect(s, l)
-        }), null, 16, Ja))), 128))
+        }), null, 16, Za))), 128))
       ], 16),
-      W("div", N(e.thumbAttrs, {
+      H("div", K(e.thumbAttrs, {
         ref: "point",
-        onPointerdown: sn(e.onThumbPointerDown, ["stop", "prevent"])
+        onPointerdown: ln(e.onThumbPointerDown, ["stop", "prevent"])
       }), [
-        W("div", x(U(e.thumbInnerAttrs)), null, 16),
-        e.percent > 0 && e.isShowTooltip ? (m(), T("span", x(N({ key: 0 }, e.tooltipAttrs)), ie(e.displayValue), 17)) : te("", !0)
+        H("div", w(z(e.thumbInnerAttrs)), null, 16),
+        e.percent > 0 && e.isShowTooltip ? (m(), T("span", w(K({ key: 0 }, e.tooltipAttrs)), ie(e.displayValue), 17)) : te("", !0)
       ], 16)
     ], 16)
   ], 16);
 }
-const Za = /* @__PURE__ */ V(qa, [["render", Qa], ["__scopeId", "data-v-128d47b9"]]), es = /* @__PURE__ */ B({
+const ts = /* @__PURE__ */ F(Qa, [["render", es], ["__scopeId", "data-v-128d47b9"]]), rs = /* @__PURE__ */ C({
   __name: "tag",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ G({
     role: {},
     size: {},
     shape: {},
     variant: {}
   }, {
-    ...Yr
+    ...Hr
   }),
   setup(t, { expose: r }) {
     r();
     const n = t, e = y(R), o = c(() => {
-      const s = n.shape || u(e?.shape) || "", l = n.role || u(e?.role) || "", d = l ? `${l}-${n.variant}` : "";
-      return Wr({ role: d, shape: s, size: n.size });
+      const s = n.shape || u(e?.shape) || "", l = n.role || u(e?.role) || "";
+      return Wr({
+        role: l,
+        shape: s,
+        size: n.size,
+        variant: n.variant
+      });
     }), a = { props: n, appState: e, tagAttrs: o, unref: u, computed: c, inject: y, get TAG_DEFAULT_PROPS() {
-      return Yr;
+      return Hr;
     }, get APP_PROVIDER_STATE_KEY() {
       return R;
     }, get getTagAttrs() {
@@ -3278,13 +3292,13 @@ const Za = /* @__PURE__ */ V(qa, [["render", Qa], ["__scopeId", "data-v-128d47b9
     return Object.defineProperty(a, "__isScriptSetup", { enumerable: !1, value: !0 }), a;
   }
 });
-function ts(t, r, n, e, o, a) {
-  return m(), T("span", x(U(e.tagAttrs)), [
-    L(t.$slots, "default", {}, void 0, !0)
+function ns(t, r, n, e, o, a) {
+  return m(), T("span", w(z(e.tagAttrs)), [
+    B(t.$slots, "default", {}, void 0, !0)
   ], 16);
 }
-const rs = /* @__PURE__ */ V(es, [["render", ts], ["__scopeId", "data-v-7c87c581"]]), Ye = _({}), mn = "toife";
-class ns {
+const os = /* @__PURE__ */ F(rs, [["render", ns], ["__scopeId", "data-v-2bc218e5"]]), Ye = _({}), gn = "toife";
+class as {
   /**
    * Subscribe options
    */
@@ -3295,7 +3309,7 @@ class ns {
    */
   constructor(r, n) {
     this.options = {
-      name: n?.name || mn,
+      name: n?.name || gn,
       prefix: n?.prefix || "t-"
     }, this.app = r;
   }
@@ -3304,7 +3318,7 @@ class ns {
    */
   subscribeAll() {
     const r = this.options.prefix;
-    this.app.component(r + "app", qn), this.app.component(r + "action", un), this.app.component(r + "avatar", aa), this.app.component(r + "button", Ne), this.app.component(r + "cable", go), this.app.component(r + "card", Wo), this.app.component(r + "card-body", qo), this.app.component(r + "card-header", Zo), this.app.component(r + "card-footer", ra), this.app.component(r + "checkbox", Lo), this.app.component(r + "radio", Mo), this.app.component(r + "radio-group", jo), this.app.component(r + "collapse", Na), this.app.component(r + "container", Pa), this.app.component(r + "decision-modal", pn), this.app.component(r + "divider", ia), this.app.component(r + "dropdown", vn), this.app.component(r + "field", je), this.app.component(r + "flex", lo), this.app.component(r + "flex-item", fo), this.app.component(r + "form-group", dn), this.app.component(r + "gesture-indicator", _n), this.app.component(r + "grid", oo), this.app.component(r + "grid-item", uo), this.app.component(r + "image", pa), this.app.component(r + "modal", to), this.app.component(r + "page", za), this.app.component(r + "present", Ce), this.app.component(r + "refresher", Ea), this.app.component(r + "route-navigator", Ca), this.app.component(r + "route-wrapper", Va), this.app.component(r + "route-provider", Ge), this.app.component(r + "route-outlet", fn), this.app.component(r + "segmented-field", ba), this.app.component(r + "select", Xa), this.app.component(r + "slide-range", Za), this.app.component(r + "skeleton", To), this.app.component(r + "switch", Co), this.app.component(r + "tag", rs), this.app.component(r + "tab", wo), this.app.component(r + "tabs", Ro), this.app.component(r + "toast", cn), this.app.component(r + "toast-content", ln), this.app.component(r + "toolbar", Ao);
+    this.app.component(r + "app", Qn), this.app.component(r + "action", pn), this.app.component(r + "avatar", la), this.app.component(r + "button", Ne), this.app.component(r + "cable", bo), this.app.component(r + "card", Xo), this.app.component(r + "card-body", Qo), this.app.component(r + "card-header", ta), this.app.component(r + "card-footer", oa), this.app.component(r + "checkbox", zo), this.app.component(r + "radio", No), this.app.component(r + "radio-group", Yo), this.app.component(r + "collapse", Ga), this.app.component(r + "container", Sa), this.app.component(r + "decision-modal", _n), this.app.component(r + "divider", da), this.app.component(r + "dropdown", mn), this.app.component(r + "field", je), this.app.component(r + "flex", co), this.app.component(r + "flex-item", mo), this.app.component(r + "form-group", un), this.app.component(r + "gesture-indicator", fn), this.app.component(r + "grid", so), this.app.component(r + "grid-item", _o), this.app.component(r + "image", fa), this.app.component(r + "modal", no), this.app.component(r + "page", Ma), this.app.component(r + "present", Ce), this.app.component(r + "refresher", ka), this.app.component(r + "route-navigator", Ba), this.app.component(r + "route-wrapper", $a), this.app.component(r + "route-provider", Ge), this.app.component(r + "route-outlet", vn), this.app.component(r + "segmented-field", ya), this.app.component(r + "select", Ja), this.app.component(r + "slide-range", ts), this.app.component(r + "skeleton", Eo), this.app.component(r + "switch", Bo), this.app.component(r + "tag", os), this.app.component(r + "tab", Io), this.app.component(r + "tabs", Oo), this.app.component(r + "toast", dn), this.app.component(r + "toast-content", cn), this.app.component(r + "toolbar", Po);
   }
   /**
    * Subscribe a component
@@ -3316,21 +3330,21 @@ class ns {
    * Prevent default behavior
    */
   preventDefault() {
-    In();
+    xn();
   }
 }
-const is = (t, r) => {
-  const n = new ns(t, r);
+const ds = (t, r) => {
+  const n = new as(t, r);
   return Ye.value[n.options.name] = n, n;
-}, cs = (t = mn) => Ye.value[t] || null, ds = () => Ye.value;
+}, us = (t = gn) => Ye.value[t] || null, ps = () => Ye.value;
 export {
   Qe as ACTION_DEFAULT_PROPS,
   et as APP_DEFAULT_PROPS,
   R as APP_PROVIDER_STATE_KEY,
   rt as AVATAR_DEFAULT_PROPS,
-  un as Action,
-  qn as App,
-  aa as Avatar,
+  pn as Action,
+  Qn as App,
+  la as Avatar,
   ot as BUTTON_DEFAULT_PROPS,
   Ne as Button,
   lt as CABLE_DEFAULT_PROPS,
@@ -3339,40 +3353,40 @@ export {
   ve as CARD_PROVIDER_STATE_KEY,
   ft as CHECKBOX_DEFAULT_PROPS,
   gt as COLLAPSE_DEFAULT_PROPS,
-  go as Cable,
-  Wo as Card,
-  qo as CardBody,
-  ra as CardFooter,
-  Zo as CardHeader,
-  Lo as Checkbox,
-  Na as Collapse,
-  Pa as Container,
+  bo as Cable,
+  Xo as Card,
+  Qo as CardBody,
+  oa as CardFooter,
+  ta as CardHeader,
+  zo as Checkbox,
+  Ga as Collapse,
+  Sa as Container,
   Tt as DECISION_MODAL_DEFAULT_PROPS,
   Ot as DIVIDER_DEFAULT_PROPS,
   Dt as DROPDOWN_DEFAULT_PROPS,
-  pn as DecisionModal,
-  ia as Divider,
-  vn as Dropdown,
+  _n as DecisionModal,
+  da as Divider,
+  mn as Dropdown,
   Ct as FIELD_DEFAULT_PROPS,
   Nt as FLEX_DEFAULT_PROPS,
   Kt as FLEX_ITEM_DEFAULT_PROPS,
   $t as FORM_GROUP_DEFAULT_PROPS,
   je as Field,
-  lo as Flex,
-  fo as FlexItem,
-  dn as FormGroup,
+  co as Flex,
+  mo as FlexItem,
+  un as FormGroup,
   Ut as GESTURE_INDICATOR_DEFAULT_PROPS,
   Gt as GRID_DEFAULT_PROPS,
   jt as GRID_ITEM_DEFAULT_PROPS,
-  _n as GestureIndicator,
-  oo as Grid,
-  uo as GridItem,
-  pa as Image,
+  fn as GestureIndicator,
+  so as Grid,
+  _o as GridItem,
+  fa as Image,
   Jt as MODAL_DEFAULT_PROPS,
-  to as Modal,
+  no as Modal,
   er as PRESENT_DEFAULT_PROPS,
   tr as PRESENT_DEFAULT_STYLES,
-  za as Page,
+  Ma as Page,
   Ce as Present,
   ar as RADIO_DEFAULT_PROPS,
   or as RADIO_GROUP_DEFAULT_PROPS,
@@ -3380,47 +3394,47 @@ export {
   dr as ROUTE_NAVIGATOR_DEFAULT_PROPS,
   Ie as ROUTE_PROVIDER_STATE_KEY,
   ur as ROUTE_WRAPPER_DEFAULT_PROPS,
-  Mo as Radio,
-  jo as RadioGroup,
-  Ea as Refresher,
-  Ca as RouteNavigator,
-  fn as RouteOutlet,
+  No as Radio,
+  Yo as RadioGroup,
+  ka as Refresher,
+  Ba as RouteNavigator,
+  vn as RouteOutlet,
   Ge as RouteProvider,
-  Va as RouteWrapper,
+  $a as RouteWrapper,
   qt as SCROLLABLE_OVERFLOW_VALUES,
   vr as SEGMENTED_FIELD_DEFAULT_PROPS,
   br as SELECT_DEFAULT_PROPS,
   Sr as SKELETON_DEFAULT_PROPS,
   Rr as SLIDE_RANGE_DEFAULT_PROPS,
   Vr as SWITCH_DEFAULT_PROPS,
-  ba as SegmentedField,
-  Xa as Select,
-  To as Skeleton,
-  Za as SlideRange,
-  Co as Switch,
+  ya as SegmentedField,
+  Ja as Select,
+  Eo as Skeleton,
+  ts as SlideRange,
+  Bo as Switch,
   Mr as TABS_DEFAULT_PROPS,
   xe as TABS_PROVIDER_STATE_KEY,
   Ur as TAB_DEFAULT_PROPS,
-  Yr as TAG_DEFAULT_PROPS,
-  Hr as TOAST_CONTENT_DEFAULT_PROPS,
-  Xr as TOAST_DEFAULT_PROPS,
-  Qr as TOOLBAR_DEFAULT_PROPS,
-  wo as Tab,
-  Ro as Tabs,
-  rs as Tag,
-  cn as Toast,
-  ln as ToastContent,
-  Ao as Toolbar,
-  Dn as blurCurrentActive,
+  Hr as TAG_DEFAULT_PROPS,
+  Xr as TOAST_CONTENT_DEFAULT_PROPS,
+  qr as TOAST_DEFAULT_PROPS,
+  Zr as TOOLBAR_DEFAULT_PROPS,
+  Io as Tab,
+  Oo as Tabs,
+  os as Tag,
+  dn as Toast,
+  cn as ToastContent,
+  Po as Toolbar,
+  In as blurCurrentActive,
   Me as clone,
-  is as createToife,
+  ds as createToife,
   i as cssPrefix,
-  C as cssProperty,
-  ls as cssVariable,
+  I as cssProperty,
+  cs as cssVariable,
   Ze as getActionAttrs,
   tt as getAppAttrs,
   ze as getAppClassSelector,
-  ds as getApps,
+  ps as getApps,
   nt as getAvatarAttrs,
   at as getButtonAttrs,
   st as getButtonLoaderAttrs,
@@ -3436,8 +3450,8 @@ export {
   yt as getCollapseContentInnerClass,
   bt as getCollapseTriggerAttrs,
   Pt as getContainerAttrs,
-  Cn as getCssPrefix,
-  xn as getCssSeparator,
+  Fn as getCssPrefix,
+  Cn as getCssSeparator,
   St as getDecisionModalAttrs,
   Rt as getDecisionModalBodyAttrs,
   kt as getDecisionModalFooterAttrs,
@@ -3449,12 +3463,12 @@ export {
   Bt as getFieldContentAttrs,
   Vt as getFieldInputAttrs,
   Lt as getFieldMessageAttrs,
-  Ht as getFlexAttrs,
+  Wt as getFlexAttrs,
   Xt as getFlexItemAttrs,
   zt as getFormGroupAttrs,
   Mt as getGestureIndicatorAttrs,
   Yt as getGridAttrs,
-  Wt as getGridItemAttrs,
+  Ht as getGridItemAttrs,
   Qt as getModalAttrs,
   Zt as getPageAttrs,
   nr as getPresentAttrs,
@@ -3466,6 +3480,7 @@ export {
   pr as getRouteNavigatorAttrs,
   fr as getRouteNavigatorBackdropAttrs,
   _r as getRouteNavigatorComponentAttrs,
+  Bn as getRouteNavigatorTransitionDuration,
   gr as getSegmentedFieldContentAttrs,
   hr as getSegmentedFieldMessageAttrs,
   mr as getSegmentedFieldWrapperAttrs,
@@ -3489,17 +3504,18 @@ export {
   Kr as getTabAttrs,
   Nr as getTabButtonAttrs,
   jr as getTabsAttrs,
-  Gr as getTabsHighlightStyle,
+  Gr as getTabsHighlightPosition,
+  Yr as getTabsHighlightStyle,
   Wr as getTagAttrs,
-  qr as getToastAttrs,
-  Jr as getToastContentAttrs,
-  Zr as getToolbarAttrs,
-  wn as isFormElement,
-  In as preventDefault,
-  tn as useAction,
-  cs as useApp,
-  rn as useDecisionModal,
-  en as usePresent,
-  nn as useRouteWrapper,
+  Jr as getToastAttrs,
+  Qr as getToastContentAttrs,
+  en as getToolbarAttrs,
+  Dn as isFormElement,
+  xn as preventDefault,
+  rn as useAction,
+  us as useApp,
+  nn as useDecisionModal,
+  tn as usePresent,
+  on as useRouteWrapper,
   Je as useToast
 };