@toife/vue 2.0.24 → 2.0.26

package/dist/index.es.js

@@ -1,12 +1,12 @@
-import { createElementBlock as p, openBlock as i, renderSlot as g, defineComponent as b, ref as m, computed as x, reactive as ue, watch as N, onMounted as j, Fragment as q, withDirectives as F, createCommentVNode as z, normalizeStyle as T, normalizeClass as B, vShow as K, createElementVNode as $, createVNode as G, createBlock as V, withCtx as P, toDisplayString as A, renderList as U, createTextVNode as M, createApp as J, h as Q, provide as de, unref as O, onUnmounted as re, resolveDynamicComponent as ke, markRaw as $e, inject as pe, useAttrs as we, nextTick as ce } from "vue";
+import { createElementBlock as f, openBlock as i, renderSlot as g, defineComponent as b, ref as v, computed as w, reactive as ue, watch as N, onMounted as j, Fragment as q, withDirectives as F, createCommentVNode as z, normalizeStyle as x, normalizeClass as B, vShow as K, createElementVNode as $, createVNode as G, createBlock as V, withCtx as P, toDisplayString as A, renderList as U, createTextVNode as M, createApp as J, h as Q, provide as de, unref as O, onUnmounted as re, resolveDynamicComponent as ke, markRaw as $e, inject as pe, useAttrs as Te, nextTick as ce } from "vue";
 import { gesture as ae } from "@toife/gesture";
-import { useRouter as fe, useRoute as xe } from "vue-router";
-const Te = (t) => t && (t.tagName == "INPUT" || t.tagName == "TEXTAREA" || t.isContentEditable), Se = () => {
+import { useRouter as fe, useRoute as we } from "vue-router";
+const xe = (t) => t && (t.tagName == "INPUT" || t.tagName == "TEXTAREA" || t.isContentEditable), Se = () => {
   const t = document.activeElement;
   t && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable) && t.blur();
 }, Be = () => {
   document.addEventListener("contextmenu", (t) => t.preventDefault()), document.addEventListener("pointerup", (t) => {
-    !Te(t.target) && Se();
+    !xe(t.target) && Se();
   }), "virtualKeyboard" in navigator && (navigator.virtualKeyboard.overlaysContent = !0);
 }, _ = (t, o) => {
   const e = t.__vccOpts || t;
@@ -15,7 +15,7 @@ const Te = (t) => t && (t.tagName == "INPUT" || t.tagName == "TEXTAREA" || t.isC
   return e;
 }, Ce = {}, Ie = { class: "t-app" };
 function ze(t, o) {
-  return i(), p("div", Ie, [
+  return i(), f("div", Ie, [
     g(t.$slots, "default")
   ]);
 }
@@ -33,79 +33,79 @@ const Ee = /* @__PURE__ */ _(Ce, [["render", ze]]), Ve = /* @__PURE__ */ b({
   },
   emits: ["dismiss"],
   setup(t, { expose: o, emit: e }) {
-    const s = m(0), n = m(!1), l = m(), u = m(), r = t, v = e, y = x(() => n.value || r.keepalive), d = m(!1), a = ue({
+    const s = v(0), n = v(!1), l = v(), u = v(), r = t, d = e, y = w(() => n.value || r.keepalive), p = v(!1), a = ue({
       "--t-present-backdrop-opacity": "0.4",
       "--t-present-transition": "0.2s",
       "--t-present-content-transform": "0px",
       "--t-present-content-opacity": "1"
-    }), c = x(() => r.duration / 1e3 + "s"), f = (w) => {
-      r.backdrop ? w?.backdropOpacity && (a["--t-present-backdrop-opacity"] = w.backdropOpacity) : a["--t-present-backdrop-opacity"] = "0", w.transition && (a["--t-present-transition"] = w.transition), w.contentTransform && (a["--t-present-content-transform"] = w.contentTransform), w.contentOpacity && (a["--t-present-content-opacity"] = w.contentOpacity);
+    }), c = w(() => r.duration / 1e3 + "s"), m = (T) => {
+      r.backdrop ? T?.backdropOpacity && (a["--t-present-backdrop-opacity"] = T.backdropOpacity) : a["--t-present-backdrop-opacity"] = "0", T.transition && (a["--t-present-transition"] = T.transition), T.contentTransform && (a["--t-present-content-transform"] = T.contentTransform), T.contentOpacity && (a["--t-present-content-opacity"] = T.contentOpacity);
     }, k = () => {
-      if (r.bounce !== void 0 && !d.value) {
-        d.value = !0;
-        let w = r.bounce;
-        (r.placement == "bottom" || r.placement == "right") && (w = `calc(${r.bounce} * -1)`), f({
-          contentTransform: w,
+      if (r.bounce !== void 0 && !p.value) {
+        p.value = !0;
+        let T = r.bounce;
+        (r.placement == "bottom" || r.placement == "right") && (T = `calc(${r.bounce} * -1)`), m({
+          contentTransform: T,
           transition: c.value,
           backdropOpacity: "0.4",
           contentOpacity: "1"
         }), setTimeout(() => {
-          f({
+          m({
             contentTransform: "0px"
           });
         }, r.duration);
       } else
-        f({
+        m({
           contentTransform: "0px",
           transition: c.value,
           backdropOpacity: "0.4",
           contentOpacity: "1"
         });
     }, h = () => {
-      let w = "0px", se = "1";
-      r.placement == "bottom" || r.placement == "right" ? w = "100%" : r.placement == "top" || r.placement == "left" ? w = "-100%" : r.placement == "center" && (w = "0px", se = "0"), f({
-        contentTransform: w,
+      let T = "0px", se = "1";
+      r.placement == "bottom" || r.placement == "right" ? T = "100%" : r.placement == "top" || r.placement == "left" ? T = "-100%" : r.placement == "center" && (T = "0px", se = "0"), m({
+        contentTransform: T,
         transition: c.value,
         contentOpacity: se,
         backdropOpacity: "0"
       });
     };
     N(() => r.visible, () => {
-      r.visible ? (d.value = !1, n.value = !0, s.value = Ke.getNewIndex(), setTimeout(() => {
+      r.visible ? (p.value = !1, n.value = !0, s.value = Ke.getNewIndex(), setTimeout(() => {
         k();
       }, 50)) : (h(), setTimeout(() => {
         n.value = !1;
       }, 200));
     }), o({
-      render: f,
+      render: m,
       open: k,
       close: h
     });
-    const W = (w) => {
-      w.preventDefault(), v("dismiss", "backdrop");
+    const W = (T) => {
+      T.preventDefault(), d("dismiss", "backdrop");
     };
     return j(() => {
       r.visible ? k() : h();
-    }), (w, se) => (i(), p(q, null, [
-      y.value ? F((i(), p("div", {
+    }), (T, se) => (i(), f(q, null, [
+      y.value ? F((i(), f("div", {
         key: 0,
-        class: B(["t-present", [{ [w.placement]: !0 }, r.class]]),
+        class: B(["t-present", [{ [T.placement]: !0 }, r.class]]),
         ref_key: "present",
         ref: u,
-        style: T([a, { zIndex: s.value }, r.style])
+        style: x([a, { zIndex: s.value }, r.style])
       }, [
-        g(w.$slots, "default", {}, void 0, !0)
+        g(T.$slots, "default", {}, void 0, !0)
       ], 6)), [
         [K, n.value]
       ]) : z("", !0),
-      y.value ? F((i(), p("div", {
+      y.value ? F((i(), f("div", {
         key: 1,
         class: "t-present-backdrop",
         onClick: W,
         onTouchend: W,
         ref_key: "backdrop",
         ref: l,
-        style: T([a, { zIndex: s.value - 1 }, r.style])
+        style: x([a, { zIndex: s.value - 1 }, r.style])
       }, null, 36)), [
         [K, n.value]
       ]) : z("", !0)
@@ -124,9 +124,9 @@ const Ee = /* @__PURE__ */ _(Ce, [["render", ze]]), Ve = /* @__PURE__ */ b({
     }
   },
   setup(t) {
-    return (o, e) => (i(), p("span", {
+    return (o, e) => (i(), f("span", {
       class: "t-loading-icon",
-      style: T({
+      style: x({
         width: t.size,
         height: t.size,
         borderTopColor: t.color
@@ -151,7 +151,7 @@ const Ee = /* @__PURE__ */ _(Ce, [["render", ze]]), Ve = /* @__PURE__ */ b({
     activeBackground: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const o = t, e = x(() => {
+    const o = t, e = w(() => {
       let s;
       return o.variant == "default" && (o.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) ? s = {
         "--border": "none",
@@ -191,16 +191,16 @@ const Ee = /* @__PURE__ */ _(Ce, [["render", ze]]), Ve = /* @__PURE__ */ b({
         "--background": "transparent"
       }), s;
     });
-    return (s, n) => (i(), p("button", {
+    return (s, n) => (i(), f("button", {
       class: B(["t-button", { "active-background": o.activeBackground, rounded: o.rounded, block: o.block, ["size-" + o.size]: !0 }]),
-      style: T(e.value)
+      style: x(e.value)
     }, [
       F($("span", Re, [
         g(s.$slots, "default", {}, void 0, !0)
       ], 512), [
         [K, !o.loading]
       ]),
-      o.loading ? (i(), p("span", Ae, [
+      o.loading ? (i(), f("span", Ae, [
         G(Z, {
           color: "var(--color)",
           type: o.loadingType
@@ -221,23 +221,23 @@ const Ee = /* @__PURE__ */ _(Ce, [["render", ze]]), Ve = /* @__PURE__ */ b({
   },
   emits: ["dismiss"],
   setup(t, { expose: o, emit: e }) {
-    const s = t, n = e, l = m(!1), u = m(), r = m(!1), v = () => {
+    const s = t, n = e, l = v(!1), u = v(), r = v(!1), d = () => {
       l.value = !0;
     }, y = (a) => {
       l.value = !1, a.handler && a.handler(), n("dismiss", "choose", a?.data);
-    }, d = (a) => {
+    }, p = (a) => {
       s.dismiss && s.dismiss.includes(a) ? (l.value = !1, n("dismiss", a)) : a == "backdrop" && (r.value = !0, setTimeout(() => {
         r.value = !1;
       }, 300));
     };
     return o({
-      open: v
+      open: d
     }), (a, c) => (i(), V(H, {
       placement: "center",
       backdrop: !0,
       keepalive: !1,
       visible: l.value,
-      onDismiss: d
+      onDismiss: p
     }, {
       default: P(() => [
         $("div", {
@@ -246,20 +246,20 @@ const Ee = /* @__PURE__ */ _(Ce, [["render", ze]]), Ve = /* @__PURE__ */ b({
           ref: u
         }, [
           g(a.$slots, "header", {}, () => [
-            s.title ? (i(), p("div", Xe, A(s.title), 1)) : z("", !0)
+            s.title ? (i(), f("div", Xe, A(s.title), 1)) : z("", !0)
           ], !0),
           g(a.$slots, "content", {}, () => [
             $("div", De, A(s.message), 1)
           ], !0),
           g(a.$slots, "footer", {}, () => [
             $("div", We, [
-              (i(!0), p(q, null, U(s.actions, (f) => (i(), V(Y, {
-                color: f.color,
-                variant: f.variant,
-                onClick: (k) => y(f)
+              (i(!0), f(q, null, U(s.actions, (m) => (i(), V(Y, {
+                color: m.color,
+                variant: m.variant,
+                onClick: (k) => y(m)
               }, {
                 default: P(() => [
-                  M(A(f.text), 1)
+                  M(A(m.text), 1)
                 ]),
                 _: 2
               }, 1032, ["color", "variant", "onClick"]))), 256))
@@ -275,7 +275,7 @@ const Ee = /* @__PURE__ */ _(Ce, [["render", ze]]), Ve = /* @__PURE__ */ b({
     return new Promise((o) => {
       let e = document.body.querySelector(".t-app");
       if (!e) return;
-      const s = document.createElement("div"), n = m();
+      const s = document.createElement("div"), n = v();
       e.appendChild(s);
       const l = J({
         render() {
@@ -304,26 +304,26 @@ const Ee = /* @__PURE__ */ _(Ce, [["render", ze]]), Ve = /* @__PURE__ */ b({
   },
   emits: ["dismiss"],
   setup(t, { expose: o, emit: e }) {
-    const s = t, n = e, l = m(!1), u = m(), r = m(!1), v = () => {
+    const s = t, n = e, l = v(!1), u = v(), r = v(!1), d = () => {
       l.value = !0;
     }, y = (a) => {
       l.value = !1, a.handler && a.handler(), n("dismiss", "choose", a?.data);
-    }, d = (a) => {
+    }, p = (a) => {
       s.dismiss && s.dismiss.includes(a) ? (l.value = !1, n("dismiss", a)) : a == "backdrop" && (r.value = !0, setTimeout(() => {
         r.value = !1;
       }, 300));
     };
     return N(() => s.visible, (a) => {
-      a ? v() : close();
+      a ? d() : close();
     }), o({
-      open: v,
+      open: d,
       close
     }), (a, c) => (i(), V(H, {
       placement: "bottom",
       backdrop: !0,
       keepalive: !1,
       visible: l.value,
-      onDismiss: d
+      onDismiss: p
     }, {
       default: P(() => [
         $("div", {
@@ -331,8 +331,8 @@ const Ee = /* @__PURE__ */ _(Ce, [["render", ze]]), Ve = /* @__PURE__ */ b({
           ref_key: "container",
           ref: u
         }, [
-          (i(!0), p(q, null, U(s.actions, (f) => (i(), p("div", null, [
-            (i(!0), p(q, null, U(f, (k) => (i(), V(Y, {
+          (i(!0), f(q, null, U(s.actions, (m) => (i(), f("div", null, [
+            (i(!0), f(q, null, U(m, (k) => (i(), V(Y, {
               color: k.color,
               size: k.size,
               variant: k.variant,
@@ -355,7 +355,7 @@ const Ee = /* @__PURE__ */ _(Ce, [["render", ze]]), Ve = /* @__PURE__ */ b({
     return new Promise((o) => {
       let e = document.body.querySelector(".t-app");
       if (!e) return;
-      const s = document.createElement("div"), n = m();
+      const s = document.createElement("div"), n = v();
       e.appendChild(s);
       const l = J({
         render() {
@@ -382,7 +382,7 @@ const Ee = /* @__PURE__ */ _(Ce, [["render", ze]]), Ve = /* @__PURE__ */ b({
   },
   emits: ["dismiss"],
   setup(t, { expose: o, emit: e }) {
-    const s = t, n = m(!1);
+    const s = t, n = v(!1);
     return o({
       open: () => {
         n.value = !0;
@@ -390,7 +390,7 @@ const Ee = /* @__PURE__ */ _(Ce, [["render", ze]]), Ve = /* @__PURE__ */ b({
       close: () => {
         n.value = !1;
       }
-    }), (r, v) => (i(), V(H, {
+    }), (r, d) => (i(), V(H, {
       placement: "center",
       backdrop: !0,
       keepalive: !1,
@@ -409,7 +409,7 @@ const Ee = /* @__PURE__ */ _(Ce, [["render", ze]]), Ve = /* @__PURE__ */ b({
     }, 8, ["visible"]));
   }
 }), Fe = /* @__PURE__ */ _(He, [["__scopeId", "data-v-8f84c14e"]]), ko = (t = {}) => {
-  const o = m(), e = document.body.querySelector(".t-app");
+  const o = v(), e = document.body.querySelector(".t-app");
   let s = null, n = null;
   return {
     open() {
@@ -434,11 +434,11 @@ const Ee = /* @__PURE__ */ _(Ce, [["render", ze]]), Ve = /* @__PURE__ */ b({
       });
     }
   };
-}, ie = m(1e3), Ke = {
+}, ie = v(1e3), Ke = {
   getNewIndex() {
     return ie.value += 2, ie.value;
   }
-}, X = ue([]), ee = m(!0), I = m(!1), R = m(-1), C = x(() => X[R.value]), L = x(() => X[R.value + 1] || void 0), E = x(() => X[X.length - 2]), ve = x(() => !I.value && ee.value && E.value), D = (t = !0) => {
+}, X = ue([]), ee = v(!0), I = v(!1), R = v(-1), C = w(() => X[R.value]), L = w(() => X[R.value + 1] || void 0), E = w(() => X[X.length - 2]), ve = w(() => !I.value && ee.value && E.value), D = (t = !0) => {
   let e = C.value.target.closest(".t-app").offsetWidth;
   return t ? e + "px" : e;
 }, te = {
@@ -558,7 +558,7 @@ const Ee = /* @__PURE__ */ _(Ce, [["render", ze]]), Ve = /* @__PURE__ */ b({
   },
   emits: ["dismiss"],
   setup(t, { expose: o, emit: e }) {
-    const s = t, n = e, l = m(!1), u = m(!1), r = m(!1), v = () => {
+    const s = t, n = e, l = v(!1), u = v(!1), r = v(!1), d = () => {
       u.value = !0, r.value = !1, setTimeout(() => {
         l.value = !0;
       }, 10);
@@ -568,9 +568,9 @@ const Ee = /* @__PURE__ */ _(Ce, [["render", ze]]), Ve = /* @__PURE__ */ b({
       }, 300);
     };
     N(() => s.visible, (a) => {
-      a ? v() : y();
+      a ? d() : y();
     });
-    const d = x(() => {
+    const p = w(() => {
       let a;
       return s.variant == "default" && (s.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(s.color) ? a = {
         "--border": "none",
@@ -611,12 +611,12 @@ const Ee = /* @__PURE__ */ _(Ce, [["render", ze]]), Ve = /* @__PURE__ */ b({
       }), a;
     });
     return o({
-      open: v,
+      open: d,
       close: y
-    }), (a, c) => u.value ? (i(), p("div", {
+    }), (a, c) => u.value ? (i(), f("div", {
       key: 0,
       class: B(["t-toast", { [s.placement]: !0, open: l.value, closing: r.value }]),
-      style: T({ "--space": s.space, ...d.value })
+      style: x({ "--space": s.space, ...p.value })
     }, [
       g(a.$slots, "content", {}, () => [
         $("div", ot, A(s.message), 1)
@@ -627,7 +627,7 @@ const Ee = /* @__PURE__ */ _(Ce, [["render", ze]]), Ve = /* @__PURE__ */ b({
   open() {
     let o = document.body.querySelector(".t-app");
     if (!o) return;
-    const e = document.createElement("div"), s = m();
+    const e = document.createElement("div"), s = v();
     o.appendChild(e);
     const n = J({
       render() {
@@ -648,7 +648,7 @@ const Ee = /* @__PURE__ */ _(Ce, [["render", ze]]), Ve = /* @__PURE__ */ b({
       }, t.duration + 10);
     }, 50);
   }
-}), nt = m(0);
+}), nt = v(0);
 function _e() {
   return {
     height: nt
@@ -664,9 +664,9 @@ const rt = /* @__PURE__ */ b({
     const o = t, { height: e } = _e();
     return de("cableState", {
       placement: o.placement
-    }), (s, n) => (i(), p("div", {
+    }), (s, n) => (i(), f("div", {
       class: B(["t-cable", { keyboard: o.keyboard && O(e) > 0, [o.placement]: !0 }]),
-      style: T({ "--t-keyboard-height": O(e) + "px", "--t-keyboard-transition": O(e) > 0 ? "0.3s" : "0.1s" })
+      style: x({ "--t-keyboard-height": O(e) + "px", "--t-keyboard-transition": O(e) > 0 ? "0.3s" : "0.1s" })
     }, [
       g(s.$slots, "default", {}, void 0, !0)
     ], 6));
@@ -677,7 +677,7 @@ const rt = /* @__PURE__ */ b({
     color: { default: null }
   },
   setup(t) {
-    const o = t, e = x(() => {
+    const o = t, e = w(() => {
       let s;
       return o.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) ? s = {
         "--background": "var(--t-color-status-" + o.color + ")"
@@ -687,16 +687,16 @@ const rt = /* @__PURE__ */ b({
         "--background": "var(--t-color-surface)"
       }, s;
     });
-    return (s, n) => (i(), p("div", {
+    return (s, n) => (i(), f("div", {
       class: "t-card",
-      style: T(e.value)
+      style: x(e.value)
     }, [
       g(s.$slots, "default")
     ], 4));
   }
 }), ct = {}, it = { class: "t-content" };
 function ut(t, o) {
-  return i(), p("div", it, [
+  return i(), f("div", it, [
     g(t.$slots, "default", {}, void 0, !0)
   ]);
 }
@@ -709,14 +709,14 @@ const ge = /* @__PURE__ */ _(ct, [["render", ut], ["__scopeId", "data-v-ce0031a0
   },
   emits: ["refresh", "move", "cancel", "start"],
   setup(t, { emit: o }) {
-    const e = o, s = t, n = m(0), l = m(!1), u = m();
-    let r, v = !1;
+    const e = o, s = t, n = v(0), l = v(!1), u = v();
+    let r, d = !1;
     const y = () => {
-      l.value = !1, n.value = 0, v = !1;
-    }, d = () => {
-      v = !0, l.value = !0, n.value = s.threshold, e("refresh", y);
+      l.value = !1, n.value = 0, d = !1;
+    }, p = () => {
+      d = !0, l.value = !0, n.value = s.threshold, e("refresh", y);
     }, a = () => {
-      n.value = 0, l.value = !1, v = !1, e("cancel");
+      n.value = 0, l.value = !1, d = !1, e("cancel");
     };
     return N(() => u.value, () => {
       r && r.destroy();
@@ -729,29 +729,29 @@ const ge = /* @__PURE__ */ _(ct, [["render", ut], ["__scopeId", "data-v-ce0031a0
           return !(c.scrollTop > 0);
         },
         down() {
-          l.value || v || e("start");
+          l.value || d || e("start");
         },
-        move({ deltaY: f, initialDirection: k }) {
-          if (l.value || v || k != "down") return;
-          if (s.variant == "max" && f >= s.threshold) {
-            d();
+        move({ deltaY: m, initialDirection: k }) {
+          if (l.value || d || k != "down") return;
+          if (s.variant == "max" && m >= s.threshold) {
+            p();
             return;
           }
-          const h = f < 0 ? 0 : f;
+          const h = m < 0 ? 0 : m;
           n.value = h, e("move", h);
         },
-        up({ deltaY: f, initialDirection: k }) {
-          l.value || v || k != "down" || (s.variant == "up" && f >= s.threshold ? d() : a());
+        up({ deltaY: m, initialDirection: k }) {
+          l.value || d || k != "down" || (s.variant == "up" && m >= s.threshold ? p() : a());
         },
         cancel() {
-          l.value || v || a();
+          l.value || d || a();
         }
       }, {
         passive: !1
       }));
     }), re(() => {
       r && r.destroy();
-    }), (c, f) => F((i(), p("div", {
+    }), (c, m) => F((i(), f("div", {
       class: B(["t-refresher", { safe: c.safe }]),
       ref_key: "container",
       ref: u
@@ -766,7 +766,7 @@ const ge = /* @__PURE__ */ _(ct, [["render", ut], ["__scopeId", "data-v-ce0031a0
   }
 }), pt = /* @__PURE__ */ _(dt, [["__scopeId", "data-v-c77146a5"]]), ft = {}, mt = { class: "t-screen" };
 function vt(t, o) {
-  return i(), p("div", mt, [
+  return i(), f("div", mt, [
     g(t.$slots, "default", {}, void 0, !0)
   ]);
 }
@@ -782,37 +782,37 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
     let e = {};
     const s = o, n = t;
     let l;
-    const u = n.router || fe(), r = n.route || xe(), v = u.getRoutes(), y = m();
-    for (let c of v)
+    const u = n.router || fe(), r = n.route || we(), d = u.getRoutes(), y = v();
+    for (let c of d)
       e[c.name] = c.component || c.components;
-    const d = (c) => {
+    const p = (c) => {
       c && S.addScreen({
         name: c,
         target: null,
         component: $e(e[c] || null)
       });
-    }, a = (c, f) => {
-      !f || S.screens[c].target || (S.addScreenEl(c, f.$el), S.nextScreen && S.next(n.variant, () => {
+    }, a = (c, m) => {
+      !m || S.screens[c].target || (S.addScreenEl(c, m.$el), S.nextScreen && S.next(n.variant, () => {
         s("change");
       }));
     };
-    return N(() => r.name, (c, f) => {
+    return N(() => r.name, (c, m) => {
       c != S.currentScreen.value?.name && (S.lastScreen.value?.name == c ? S.back(n.variant, () => {
         s("change");
-      }) : d(r.name));
+      }) : p(r.name));
     }), j(() => {
-      d(r.name), l = ae(document.body, {
+      p(r.name), l = ae(document.body, {
         beforeEvent(c) {
           return !!S.isSwipeable.value;
         },
         fast({ initialDirection: c }) {
           S.lastScreen.value && c == "right" && u.back();
         },
-        move({ deltaX: c, initialDirection: f }) {
-          f == "right" && S.move(n.variant, c);
+        move({ deltaX: c, initialDirection: m }) {
+          m == "right" && S.move(n.variant, c);
         },
-        up({ deltaX: c, initialDirection: f }) {
-          if (f != "right") {
+        up({ deltaX: c, initialDirection: m }) {
+          if (m != "right") {
             S.reset(n.variant);
             return;
           }
@@ -825,11 +825,11 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
       });
     }), re(() => {
       l && l.destroy(), S.removeAllScreen();
-    }), (c, f) => (i(), p(q, null, [
-      (i(!0), p(q, null, U(O(S).screens, (k, h) => (i(), V(be, {
+    }), (c, m) => (i(), f(q, null, [
+      (i(!0), f(q, null, U(O(S).screens, (k, h) => (i(), V(be, {
         ref_for: !0,
         ref: (W) => a(h, W),
-        style: T({ zIndex: h + (h == O(S).screens.length - 1 ? 2 : 1) }),
+        style: x({ zIndex: h + (h == O(S).screens.length - 1 ? 2 : 1) }),
         key: h
       }, {
         default: P(() => [
@@ -841,7 +841,7 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
         class: "t-swipe-backdrop",
         ref_key: "backdrop",
         ref: y,
-        style: T({ zIndex: O(S).screens.length })
+        style: x({ zIndex: O(S).screens.length })
       }, null, 4)
     ], 64));
   }
@@ -853,10 +853,10 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
     size: { default: "50px" }
   },
   setup(t) {
-    const o = t, e = pe("cableState"), s = x(() => o?.placement || e?.placement);
-    return (n, l) => (i(), p("div", {
+    const o = t, e = pe("cableState"), s = w(() => o?.placement || e?.placement);
+    return (n, l) => (i(), f("div", {
       class: B(["t-toolbar", { [s.value]: !0, safe: o.safe }]),
-      style: T({ "--t-size-toolbar": o.size })
+      style: x({ "--t-size-toolbar": o.size })
     }, [
       $("div", null, [
         g(n.$slots, "default", {}, void 0, !0)
@@ -870,14 +870,14 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
     router: {}
   },
   setup(t) {
-    const o = t, e = we(), s = o.router || fe(), n = (l) => {
+    const o = t, e = Te(), s = o.router || fe(), n = (l) => {
       if (e.onBack) {
         e.onBack(l);
         return;
       }
       S.lastScreen.value ? s?.back?.() : o.to && s?.push?.(o.to);
     };
-    return (l, u) => l.to || O(S).lastScreen ? (i(), p("button", {
+    return (l, u) => l.to || O(S).lastScreen ? (i(), f("button", {
       key: 0,
       class: "t-back-button",
       onClick: n
@@ -894,31 +894,31 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
     size: { default: "standard" }
   },
   setup(t) {
-    const o = t, e = x(() => {
+    const o = t, e = w(() => {
       let s, n = o.color;
       return o.size == "standard" ? s = "var(--t-fs-10)" : o.size == "small" ? s = "var(--t-fs-08)" : o.size == "large" ? s = "var(--t-fs-12)" : s = o.size, ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) && (n = `var(--t-color-status-${o.color})`), {
         "--color": n,
         "--font-size": s
       };
     });
-    return (s, n) => (i(), p("span", {
+    return (s, n) => (i(), f("span", {
       class: "t-text",
-      style: T(e.value)
+      style: x(e.value)
     }, [
       g(s.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), ne = /* @__PURE__ */ _($t, [["__scopeId", "data-v-f0f94f05"]]), wt = /* @__PURE__ */ b({
+}), ne = /* @__PURE__ */ _($t, [["__scopeId", "data-v-f0f94f05"]]), Tt = /* @__PURE__ */ b({
   __name: "t-gesture-indicator",
   props: {
     placement: { default: "bottom" }
   },
   setup(t) {
-    return (o, e) => (i(), p("div", {
+    return (o, e) => (i(), f("div", {
       class: B(["t-gesture-indicator", { [o.placement]: !0 }])
     }, null, 2));
   }
-}), he = /* @__PURE__ */ _(wt, [["__scopeId", "data-v-ed8f7308"]]), xt = /* @__PURE__ */ b({
+}), he = /* @__PURE__ */ _(Tt, [["__scopeId", "data-v-ed8f7308"]]), wt = /* @__PURE__ */ b({
   __name: "t-sheet",
   props: {
     background: { default: "var(--t-color-surface)" },
@@ -929,7 +929,7 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
     placement: { default: "bottom" },
     keepalive: { type: Boolean, default: !0 },
     backdrop: { type: Boolean, default: !0 },
-    rounded: { type: Boolean, default: !0 },
+    rounded: { type: Boolean, default: !1 },
     indicator: { type: Boolean, default: !0 },
     duration: { default: 200 },
     bounce: {},
@@ -937,16 +937,16 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
   },
   emits: ["dismiss"],
   setup(t, { emit: o }) {
-    const e = t, s = o, n = m(), l = m(), u = m(!1);
+    const e = t, s = o, n = v(), l = v(), u = v(!1);
     let r = null;
-    const v = x(() => {
+    const d = w(() => {
       if (e.placement == "bottom") return "down";
       if (e.placement == "top") return "up";
       if (e.placement == "left") return "left";
       if (e.placement == "right") return "right";
     }), y = (a) => {
       s("dismiss", a);
-    }, d = () => {
+    }, p = () => {
       u.value = !0, setTimeout(() => {
         u.value = !1;
       }, 300);
@@ -964,26 +964,26 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
           this.isMoving = !1;
         },
         fast({ initialDirection: c }) {
-          d(), c == v.value ? s("dismiss", "gesture") : l.value.open();
+          p(), c == d.value ? s("dismiss", "gesture") : l.value.open();
         },
-        move({ deltaY: c, deltaX: f, initialDirection: k }) {
-          if (k != v.value) return;
+        move({ deltaY: c, deltaX: m, initialDirection: k }) {
+          if (k != d.value) return;
           let h = 0;
-          e.placement == "bottom" || e.placement == "top" ? h = c : h = f, e.placement == "bottom" && (h = c > 0 ? c : 0), e.placement == "top" && (h = c < 0 ? c : 0), e.placement == "left" && (h = f < 0 ? f : 0), e.placement == "right" && (h = f > 0 ? f : 0), (e.placement == "bottom" && (h >= 10 || this.isMoving) || e.placement == "top" && (h <= -10 || this.isMoving) || e.placement == "left" && (h <= -10 || this.isMoving) || e.placement == "right" && (h >= 10 || this.isMoving)) && (this.isMoving = !0, l.value.render({
+          e.placement == "bottom" || e.placement == "top" ? h = c : h = m, e.placement == "bottom" && (h = c > 0 ? c : 0), e.placement == "top" && (h = c < 0 ? c : 0), e.placement == "left" && (h = m < 0 ? m : 0), e.placement == "right" && (h = m > 0 ? m : 0), (e.placement == "bottom" && (h >= 10 || this.isMoving) || e.placement == "top" && (h <= -10 || this.isMoving) || e.placement == "left" && (h <= -10 || this.isMoving) || e.placement == "right" && (h >= 10 || this.isMoving)) && (this.isMoving = !0, l.value.render({
             contentTransform: h + "px",
             transition: "0s"
           }));
         },
-        up({ deltaY: c, deltaX: f, initialDirection: k }) {
-          if (this.isMoving = !1, d(), k != v.value) {
+        up({ deltaY: c, deltaX: m, initialDirection: k }) {
+          if (this.isMoving = !1, p(), k != d.value) {
             l.value.open();
             return;
           }
-          let h, W, w;
-          e.placement == "bottom" || e.placement == "top" ? (h = n.value.offsetHeight, w = c) : (h = n.value.offsetWidth, w = f), W = w / h * 100, W > 50 ? s("dismiss", "gesture") : l.value.open();
+          let h, W, T;
+          e.placement == "bottom" || e.placement == "top" ? (h = n.value.offsetHeight, T = c) : (h = n.value.offsetWidth, T = m), W = T / h * 100, W > 50 ? s("dismiss", "gesture") : l.value.open();
         },
         cancel() {
-          this.isMoving = !1, d(), l.value.open();
+          this.isMoving = !1, p(), l.value.open();
         }
       }));
     }), re(() => {
@@ -999,7 +999,7 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
       visible: e.visible,
       keepalive: e.keepalive,
       onDismiss: y,
-      style: T(e.style)
+      style: x(e.style)
     }, {
       default: P(() => [
         e.gesture && e.indicator && e.placement != "center" ? (i(), V(he, {
@@ -1008,7 +1008,7 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
         }, null, 8, ["placement"])) : z("", !0),
         $("div", {
           class: B(["t-sheet", { fullscreen: e.fullscreen, [e.placement]: !0, rounded: a.rounded }]),
-          style: T({ "--background": e.background }),
+          style: x({ "--background": e.background }),
           ref_key: "sheet",
           ref: n
         }, [
@@ -1018,7 +1018,7 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
       _: 3
     }, 8, ["duration", "bounce", "class", "placement", "backdrop", "visible", "keepalive", "style"]));
   }
-}), Tt = /* @__PURE__ */ _(xt, [["__scopeId", "data-v-7592e0e6"]]), St = { class: "t-input-label" }, Bt = { class: "t-input-content" }, Ct = ["placeholder", "value", "type", "readonly"], It = /* @__PURE__ */ b({
+}), xt = /* @__PURE__ */ _(wt, [["__scopeId", "data-v-dcfbb6a3"]]), St = { class: "t-input-label" }, Bt = { class: "t-input-content" }, Ct = ["placeholder", "value", "type", "readonly"], It = /* @__PURE__ */ b({
   __name: "t-input",
   props: {
     size: { default: "standard" },
@@ -1034,58 +1034,58 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
   },
   emits: ["update:modelValue"],
   setup(t, { emit: o }) {
-    const e = t, s = o, n = m(!1), l = m(null), u = x(
+    const e = t, s = o, n = v(!1), l = v(null), u = w(
       () => !(e.modelValue === "" || e.modelValue == null)
-    ), r = (d) => {
-      s("update:modelValue", d.target.value);
-    }, v = async (d) => {
+    ), r = (p) => {
+      s("update:modelValue", p.target.value);
+    }, d = async (p) => {
       n.value = !0;
     }, y = () => {
       n.value = !1;
     };
-    return (d, a) => (i(), p("div", {
+    return (p, a) => (i(), f("div", {
       class: B(["t-input", {
-        rounded: d.rounded,
-        ["size-" + d.size]: !0,
-        ["variant-" + d.variant]: !0,
+        rounded: p.rounded,
+        ["size-" + p.size]: !0,
+        ["variant-" + p.variant]: !0,
         focus: n.value,
         "has-value": u.value,
-        readonly: d.readonly
+        readonly: p.readonly
       }])
     }, [
       $("label", null, [
-        $("span", St, A(d.label), 1),
+        $("span", St, A(p.label), 1),
         $("div", Bt, [
-          g(d.$slots, "start", {}, void 0, !0),
+          g(p.$slots, "start", {}, void 0, !0),
           $("input", {
             ref_key: "editable",
             ref: l,
             class: "t-input-editable",
-            placeholder: d.placeholder,
-            value: d.modelValue,
-            type: d.type,
+            placeholder: p.placeholder,
+            value: p.modelValue,
+            type: p.type,
             onInput: r,
-            onFocus: v,
+            onFocus: d,
             onBlur: y,
-            readonly: d.readonly
+            readonly: p.readonly
           }, null, 40, Ct),
-          g(d.$slots, "end", {}, void 0, !0)
+          g(p.$slots, "end", {}, void 0, !0)
         ])
       ]),
-      d.error ? (i(), V(ne, {
+      p.error ? (i(), V(ne, {
         key: 0,
         color: "danger"
       }, {
         default: P(() => [
-          M(A(d.error), 1)
+          M(A(p.error), 1)
         ]),
         _: 1
-      })) : d.help ? (i(), V(ne, {
+      })) : p.help ? (i(), V(ne, {
         key: 1,
         color: "secondary"
       }, {
         default: P(() => [
-          M(A(d.help), 1)
+          M(A(p.help), 1)
         ]),
         _: 1
       })) : z("", !0)
@@ -1093,11 +1093,11 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
   }
 }), zt = /* @__PURE__ */ _(It, [["__scopeId", "data-v-11ddaa71"]]), Et = {};
 function Vt(t, o) {
-  return i(), p("textarea");
+  return i(), f("textarea");
 }
 const Pt = /* @__PURE__ */ _(Et, [["render", Vt]]), Rt = {};
 function At(t, o) {
-  return i(), p("div");
+  return i(), f("div");
 }
 const Ot = /* @__PURE__ */ _(Rt, [["render", At]]), Xt = { class: "t-grid" }, Dt = /* @__PURE__ */ b({
   __name: "t-grid",
@@ -1106,7 +1106,7 @@ const Ot = /* @__PURE__ */ _(Rt, [["render", At]]), Xt = { class: "t-grid" }, Dt
     template: { default: 1 }
   },
   setup(t) {
-    return (o, e) => (i(), p("div", Xt));
+    return (o, e) => (i(), f("div", Xt));
   }
 }), Wt = /* @__PURE__ */ _(Dt, [["__scopeId", "data-v-93ba455c"]]), Nt = /* @__PURE__ */ b({
   __name: "t-divider",
@@ -1115,7 +1115,7 @@ const Ot = /* @__PURE__ */ _(Rt, [["render", At]]), Xt = { class: "t-grid" }, Dt
   },
   setup(t) {
     const o = t;
-    return (e, s) => (i(), p("div", {
+    return (e, s) => (i(), f("div", {
       class: B(["t-divider", { [o.direction]: !0 }])
     }, null, 2));
   }
@@ -1126,7 +1126,7 @@ const Ot = /* @__PURE__ */ _(Rt, [["render", At]]), Xt = { class: "t-grid" }, Dt
   },
   emits: ["change"],
   setup(t, { emit: o }) {
-    const e = t, s = o, n = m(!1), l = m(), u = x(() => {
+    const e = t, s = o, n = v(!1), l = v(), u = w(() => {
       let y = e.color;
       return ["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) && (y = `var(--t-color-status-${e.color})`), {
         "--color": y
@@ -1136,22 +1136,22 @@ const Ot = /* @__PURE__ */ _(Rt, [["render", At]]), Xt = { class: "t-grid" }, Dt
       let y = r();
       y && (n.value = y.type != "password", s("change", n.value));
     });
-    const v = () => {
+    const d = () => {
       let y = r();
       y && (n.value = !n.value, n.value ? y.type = "text" : y.type = "password", s("change", n.value));
     };
-    return (y, d) => (i(), p("button", {
+    return (y, p) => (i(), f("button", {
       ref_key: "toggle",
       ref: l,
       class: "t-toggle-password",
-      style: T(u.value),
-      onClick: v
+      style: x(u.value),
+      onClick: d
     }, [
       n.value ? g(y.$slots, "on", { key: 0 }, () => [
-        d[0] || (d[0] = $("i", { class: "ri-eye-line" }, null, -1))
+        p[0] || (p[0] = $("i", { class: "ri-eye-line" }, null, -1))
       ], !0) : z("", !0),
       n.value ? z("", !0) : g(y.$slots, "off", { key: 1 }, () => [
-        d[1] || (d[1] = $("i", { class: "ri-eye-off-line" }, null, -1))
+        p[1] || (p[1] = $("i", { class: "ri-eye-off-line" }, null, -1))
       ], !0)
     ], 4));
   }
@@ -1162,10 +1162,10 @@ const Ot = /* @__PURE__ */ _(Rt, [["render", At]]), Xt = { class: "t-grid" }, Dt
     size: { default: "standard" }
   },
   setup(t) {
-    const o = t, e = x(() => o.size == "small" ? "24px" : o.size == "standard" ? "40px" : o.size == "large" ? "60px" : o.size);
-    return (s, n) => (i(), p("div", {
+    const o = t, e = w(() => o.size == "small" ? "24px" : o.size == "standard" ? "40px" : o.size == "large" ? "60px" : o.size);
+    return (s, n) => (i(), f("div", {
       class: B(["t-avatar", { square: s.square }]),
-      style: T({ "--size": e.value })
+      style: x({ "--size": e.value })
     }, [
       g(s.$slots, "default", {}, void 0, !0)
     ], 6));
@@ -1183,27 +1183,27 @@ const Ot = /* @__PURE__ */ _(Rt, [["render", At]]), Xt = { class: "t-grid" }, Dt
   },
   emits: ["change"],
   setup(t, { emit: o }) {
-    const e = t, s = o, n = m(!1), l = m(""), u = m(), r = () => {
+    const e = t, s = o, n = v(!1), l = v(""), u = v(), r = () => {
       n.value = !n.value, l.value = `calc(${u.value.offsetHeight}px + 2rem)`, s("change", n.value);
     };
-    return s("change", n.value), (v, y) => (i(), p("div", {
+    return s("change", n.value), (d, y) => (i(), f("div", {
       class: B(["t-collapse", { open: n.value }]),
-      style: T({ "--height": l.value })
+      style: x({ "--height": l.value })
     }, [
       $("div", {
         class: "t-collapse-header",
         onClick: r
       }, [
-        g(v.$slots, "icon"),
+        g(d.$slots, "icon"),
         $("div", Kt, [
-          g(v.$slots, "title", {}, () => [
+          g(d.$slots, "title", {}, () => [
             M(A(e.title), 1)
           ])
         ]),
-        g(v.$slots, "toggle", {}, () => [
-          n.value ? (i(), p("div", Ut, [...y[0] || (y[0] = [
+        g(d.$slots, "toggle", {}, () => [
+          n.value ? (i(), f("div", Ut, [...y[0] || (y[0] = [
             $("i", { class: "ri-arrow-up-s-line" }, null, -1)
-          ])])) : (i(), p("div", jt, [...y[1] || (y[1] = [
+          ])])) : (i(), f("div", jt, [...y[1] || (y[1] = [
             $("i", { class: "ri-arrow-down-s-line" }, null, -1)
           ])]))
         ])
@@ -1213,8 +1213,8 @@ const Ot = /* @__PURE__ */ _(Rt, [["render", At]]), Xt = { class: "t-grid" }, Dt
           ref_key: "content",
           ref: u
         }, [
-          g(v.$slots, "content", {}, () => [
-            g(v.$slots, "default")
+          g(d.$slots, "content", {}, () => [
+            g(d.$slots, "default")
           ])
         ], 512)
       ])
@@ -1230,7 +1230,7 @@ const Ot = /* @__PURE__ */ _(Rt, [["render", At]]), Xt = { class: "t-grid" }, Dt
   setup(t, { emit: o }) {
     const e = t, s = o, n = () => {
       s("update:modelValue", !e.modelValue);
-    }, l = x(() => {
+    }, l = w(() => {
       let u = {
         "--background": e.color,
         "--color": "#ffffff"
@@ -1240,9 +1240,9 @@ const Ot = /* @__PURE__ */ _(Rt, [["render", At]]), Xt = { class: "t-grid" }, Dt
         "--color": `var(--t-color-status-${e.color}-text)`
       }), u;
     });
-    return (u, r) => (i(), p("div", {
+    return (u, r) => (i(), f("div", {
       class: B(["t-switch", { on: e.modelValue }]),
-      style: T(l.value),
+      style: x(l.value),
       onClick: n
     }, [...r[0] || (r[0] = [
       $("div", { class: "t-switch-icon" }, null, -1)
@@ -1255,10 +1255,10 @@ const Ot = /* @__PURE__ */ _(Rt, [["render", At]]), Xt = { class: "t-grid" }, Dt
     disabled: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const o = t, e = pe("tabsState"), s = x(() => e.activeValue.value === o.value), n = () => {
+    const o = t, e = pe("tabsState"), s = w(() => e.activeValue.value === o.value), n = () => {
       o.disabled || e.setValue(o.value);
     };
-    return (l, u) => (i(), p("li", {
+    return (l, u) => (i(), f("li", {
       class: B(["t-tab", { active: s.value }])
     }, [
       G(Y, {
@@ -1288,10 +1288,10 @@ const Ot = /* @__PURE__ */ _(Rt, [["render", At]]), Xt = { class: "t-grid" }, Dt
   },
   emits: ["update:modelValue"],
   setup(t, { emit: o }) {
-    const e = t, s = o, n = m("0px"), l = m(0), u = m(0), r = m(), v = x(() => {
+    const e = t, s = o, n = v("0px"), l = v(0), u = v(0), r = v(), d = w(() => {
       let a = "", c = "";
       return e.variant == "text" && (a = "transparent", ["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) ? c = `var(--t-color-status-${e.color})` : c = e.color), e.variant == "border-under" && (c = "currentColor", ["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) ? a = `var(--t-color-status-${e.color})` : a = e.color), e.variant == "tag" && (["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) ? (a = `var(--t-color-status-${e.color})`, c = `var(--t-color-status-${e.color}-text)`) : (a = e.color, c = "currentColor")), { background: a, text: c };
-    }), y = x(() => e.variant == "border-under" ? {
+    }), y = w(() => e.variant == "border-under" ? {
       "--transform": n.value,
       "--border": e.border + "px"
     } : e.variant == "tag" ? {
@@ -1301,23 +1301,23 @@ const Ot = /* @__PURE__ */ _(Rt, [["render", At]]), Xt = { class: "t-grid" }, Dt
       "--width": l.value - e.margin[1] * 2 + "px",
       "--transform": n.value,
       "--radius": e.radius + "px"
-    } : {}), d = () => {
+    } : {}), p = () => {
       if (e.variant == "border-under") {
         let a = r.value.querySelector(".active");
         if (a) {
           if (e.placement.startsWith("top-") || e.placement.startsWith("bottom-")) {
-            let c = a.getBoundingClientRect().left - r.value.getBoundingClientRect().left + r.value.scrollLeft, f = a.offsetWidth / 2;
-            n.value = c + f - e.border / 2 + "px";
+            let c = a.getBoundingClientRect().left - r.value.getBoundingClientRect().left + r.value.scrollLeft, m = a.offsetWidth / 2;
+            n.value = c + m - e.border / 2 + "px";
           } else if (e.placement.startsWith("left-") || e.placement.startsWith("right-")) {
-            let c = a.getBoundingClientRect().top - r.value.getBoundingClientRect().top + r.value.scrollTop, f = a.offsetHeight / 2;
-            n.value = c + f - e.border / 2 + "px";
+            let c = a.getBoundingClientRect().top - r.value.getBoundingClientRect().top + r.value.scrollTop, m = a.offsetHeight / 2;
+            n.value = c + m - e.border / 2 + "px";
           }
         }
       }
       if (e.variant == "tag") {
         let a = r.value.querySelector(".active");
         if (a) {
-          let c = a.offsetWidth, f = a.offsetHeight;
+          let c = a.offsetWidth, m = a.offsetHeight;
           if (e.placement.startsWith("top-") || e.placement.startsWith("bottom-")) {
             let k = a.getBoundingClientRect().left - r.value.getBoundingClientRect().left + r.value.scrollLeft;
             n.value = k + "px";
@@ -1325,27 +1325,27 @@ const Ot = /* @__PURE__ */ _(Rt, [["render", At]]), Xt = { class: "t-grid" }, Dt
             let k = a.getBoundingClientRect().top - r.value.getBoundingClientRect().top + r.value.scrollTop;
             n.value = k + "px";
           }
-          l.value = c, u.value = f;
+          l.value = c, u.value = m;
         }
       }
     };
     return de("tabsState", {
-      activeValue: x(() => e.modelValue),
-      color: v.value,
+      activeValue: w(() => e.modelValue),
+      color: d.value,
       size: e.size,
       variant: e.variant,
       setValue: (a) => {
         s("update:modelValue", a);
       }
     }), N(() => e.modelValue, async () => {
-      await ce(), d();
+      await ce(), p();
     }), j(async () => {
-      await ce(), d();
-    }), (a, c) => (i(), p("ul", {
+      await ce(), p();
+    }), (a, c) => (i(), f("ul", {
       ref_key: "container",
       ref: r,
       class: B(["t-tabs", { [a.placement]: !0, [`variant-${a.variant}`]: !0 }]),
-      style: T([{ "--background": v.value.background, "--color": v.value.text }, y.value])
+      style: x([{ "--background": d.value.background, "--color": d.value.text }, y.value])
     }, [
       g(a.$slots, "default", {}, void 0, !0)
     ], 6));
@@ -1376,7 +1376,7 @@ const Ot = /* @__PURE__ */ _(Rt, [["render", At]]), Xt = { class: "t-grid" }, Dt
   },
   emits: ["update:modelValue"],
   setup(t, { emit: o }) {
-    const e = t, s = o, n = x(() => {
+    const e = t, s = o, n = w(() => {
       let r = {
         "--background": e.color,
         "--color": "#ffffff"
@@ -1385,37 +1385,38 @@ const Ot = /* @__PURE__ */ _(Rt, [["render", At]]), Xt = { class: "t-grid" }, Dt
         "--background": `var(--t-color-status-${e.color})`,
         "--color": `var(--t-color-status-${e.color}-text)`
       }), r;
-    }), l = x(() => e.multiple ? e.modelValue.includes(e.value) : e.value === void 0 ? e.modelValue : e.modelValue == e.value), u = () => {
-      if (e.multiple) {
-        let r = e.modelValue;
-        e.modelValue.includes(e.value) ? r.splice(r.indexOf(e.value), 1) : r.push(e.value), s("update:modelValue", r);
+    }), l = w(() => e.multiple ? e.modelValue.includes(e.value) : e.value === void 0 ? e.modelValue : e.modelValue == e.value), u = (r) => {
+      if (r.preventDefault(), r.stopPropagation(), e.multiple) {
+        let d = e.modelValue;
+        e.modelValue.includes(e.value) ? d.splice(d.indexOf(e.value), 1) : d.push(e.value), s("update:modelValue", d);
       } else e.value === void 0 ? s("update:modelValue", !e.modelValue) : s("update:modelValue", e.value);
     };
-    return (r, v) => (i(), p("div", {
+    return (r, d) => (i(), f("div", {
       class: B(["t-checkbox", { active: l.value }]),
-      style: T(n.value),
-      onClick: u
+      style: x(n.value),
+      onClick: u,
+      onTouchend: u
     }, [
       $("div", {
         class: B(`t-checkbox-${r.type}`)
       }, [
-        r.type == "radio" ? (i(), p("div", ro)) : z("", !0),
+        r.type == "radio" ? (i(), f("div", ro)) : z("", !0),
         r.type == "check" ? g(r.$slots, "icon", { key: 1 }, () => [
-          v[0] || (v[0] = $("i", { class: "ri-check-line" }, null, -1))
+          d[0] || (d[0] = $("i", { class: "ri-check-line" }, null, -1))
         ], !0) : z("", !0)
       ], 2),
       g(r.$slots, "label", {}, () => [
-        r.label ? (i(), p("span", ao, A(e.label), 1)) : z("", !0)
+        r.label ? (i(), f("span", ao, A(e.label), 1)) : z("", !0)
       ], !0)
-    ], 6));
+    ], 38));
   }
-}), co = /* @__PURE__ */ _(lo, [["__scopeId", "data-v-5cc0c692"]]), io = /* @__PURE__ */ b({
+}), co = /* @__PURE__ */ _(lo, [["__scopeId", "data-v-0f5d6aae"]]), io = /* @__PURE__ */ b({
   __name: "t-keyboard-space",
   setup(t) {
     const { height: o } = _e();
-    return (e, s) => (i(), p("div", {
+    return (e, s) => (i(), f("div", {
       class: "t-keyboard-space",
-      style: T({ "--height": O(o) + "px" })
+      style: x({ "--height": O(o) + "px" })
     }, null, 4));
   }
 }), uo = /* @__PURE__ */ _(io, [["__scopeId", "data-v-4b06018d"]]), po = /* @__PURE__ */ b({
@@ -1427,14 +1428,14 @@ const Ot = /* @__PURE__ */ _(Rt, [["render", At]]), Xt = { class: "t-grid" }, Dt
     color: { default: null }
   },
   setup(t) {
-    const o = t, e = x(() => ({
+    const o = t, e = w(() => ({
       "--width": o.width,
       "--height": o.height,
       "--radius": o.radius
     }));
-    return (s, n) => (i(), p("div", {
+    return (s, n) => (i(), f("div", {
       class: "t-skeleton",
-      style: T(e.value)
+      style: x(e.value)
     }, null, 4));
   }
 }), fo = /* @__PURE__ */ _(po, [["__scopeId", "data-v-877bbdb5"]]), mo = /* @__PURE__ */ b({
@@ -1443,7 +1444,7 @@ const Ot = /* @__PURE__ */ _(Rt, [["render", At]]), Xt = { class: "t-grid" }, Dt
     color: { default: "primary" }
   },
   setup(t) {
-    const o = t, e = x(() => {
+    const o = t, e = w(() => {
       let s = {};
       return o.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) ? s = {
         "--color": "var(--t-color-status-" + o.color + ")"
@@ -1453,14 +1454,14 @@ const Ot = /* @__PURE__ */ _(Rt, [["render", At]]), Xt = { class: "t-grid" }, Dt
         "--color": "var(--t-color-surface)"
       }, s;
     });
-    return (s, n) => (i(), p("div", {
+    return (s, n) => (i(), f("div", {
       class: "t-ripple",
-      style: T(e.value)
+      style: x(e.value)
     }, null, 4));
   }
-}), vo = /* @__PURE__ */ _(mo, [["__scopeId", "data-v-42cb3d71"]]), wo = () => ({
+}), vo = /* @__PURE__ */ _(mo, [["__scopeId", "data-v-42cb3d71"]]), To = () => ({
   install: (t) => {
-    Be(), t.component("t-app", Ee), t.component("t-screen", be), t.component("t-swipe-screen", _t), t.component("t-cable", at), t.component("t-toolbar", bt), t.component("t-content", ge), t.component("t-card", lt), t.component("t-refresher", pt), t.component("t-button", Y), t.component("t-back-button", kt), t.component("t-present", H), t.component("t-text", ne), t.component("t-sheet", Tt), t.component("t-gesture-indicator", he), t.component("t-input", zt), t.component("t-textarea", Pt), t.component("t-rich-text", Ot), t.component("t-grid", Wt), t.component("t-divider", qt), t.component("t-toggle-password", Lt), t.component("t-loading-icon", Z), t.component("t-alert", me), t.component("t-avatar", Ft), t.component("t-collapse", Jt), t.component("t-toast", ye), t.component("t-switch", Zt), t.component("t-tab", eo), t.component("t-tabs", oo), t.component("t-loading-app", no), t.component("t-checkbox", co), t.component("t-keyboard-space", uo), t.component("t-skeleton", fo), t.component("t-ripple", vo);
+    Be(), t.component("t-app", Ee), t.component("t-screen", be), t.component("t-swipe-screen", _t), t.component("t-cable", at), t.component("t-toolbar", bt), t.component("t-content", ge), t.component("t-card", lt), t.component("t-refresher", pt), t.component("t-button", Y), t.component("t-back-button", kt), t.component("t-present", H), t.component("t-text", ne), t.component("t-sheet", xt), t.component("t-gesture-indicator", he), t.component("t-input", zt), t.component("t-textarea", Pt), t.component("t-rich-text", Ot), t.component("t-grid", Wt), t.component("t-divider", qt), t.component("t-toggle-password", Lt), t.component("t-loading-icon", Z), t.component("t-alert", me), t.component("t-avatar", Ft), t.component("t-collapse", Jt), t.component("t-toast", ye), t.component("t-switch", Zt), t.component("t-tab", eo), t.component("t-tabs", oo), t.component("t-loading-app", no), t.component("t-checkbox", co), t.component("t-keyboard-space", uo), t.component("t-skeleton", fo), t.component("t-ripple", vo);
   }
 });
 export {
@@ -1469,8 +1470,8 @@ export {
   bo as createAlert,
   ko as createLoading,
   $o as createToast,
-  wo as createToife,
-  Te as isFormElement,
+  To as createToife,
+  xe as isFormElement,
   Ke as presentController,
   S as screenController,
   _e as useKeyboard