@toife/vue 2.0.21 → 2.0.22

package/dist/index.es.js

@@ -1,17 +1,17 @@
-import { createElementBlock as p, openBlock as i, renderSlot as g, defineComponent as h, ref as m, computed as w, reactive as ue, watch as W, onMounted as U, Fragment as q, withDirectives as F, createCommentVNode as I, normalizeStyle as T, normalizeClass as S, vShow as K, createElementVNode as $, createVNode as j, createBlock as V, withCtx as P, toDisplayString as A, renderList as G, createTextVNode as M, createApp as J, h as Q, provide as de, unref as O, onUnmounted as ne, resolveDynamicComponent as ke, markRaw as $e, inject as pe, useAttrs as xe, nextTick as ce } from "vue";
+import { createElementBlock as p, openBlock as i, renderSlot as g, defineComponent as h, ref as m, computed as w, reactive as ue, watch as W, onMounted as U, Fragment as q, withDirectives as F, createCommentVNode as I, normalizeStyle as T, normalizeClass as B, vShow as K, createElementVNode as $, createVNode as j, createBlock as V, withCtx as P, toDisplayString as A, renderList as G, 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 xe, nextTick as ce } from "vue";
 import { gesture as ae } from "@toife/gesture";
 import { useRouter as fe, useRoute as we } from "vue-router";
-const Te = (t) => t && (t.tagName == "INPUT" || t.tagName == "TEXTAREA" || t.isContentEditable), Be = () => {
+const Te = (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();
-}, Se = () => {
+}, Be = () => {
   document.addEventListener("contextmenu", (t) => t.preventDefault()), document.addEventListener("pointerup", (t) => {
-    !Te(t.target) && Be();
+    !Te(t.target) && Se();
   }), "virtualKeyboard" in navigator && (navigator.virtualKeyboard.overlaysContent = !0);
 }, _ = (t, o) => {
   const e = t.__vccOpts || t;
-  for (const [s, r] of o)
-    e[s] = r;
+  for (const [s, n] of o)
+    e[s] = n;
   return e;
 }, ze = {}, Ce = { class: "t-app" };
 function Ie(t, o) {
@@ -33,18 +33,18 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
   },
   emits: ["dismiss"],
   setup(t, { expose: o, emit: e }) {
-    const s = m(0), r = m(!1), l = m(), u = m(), n = t, v = e, y = w(() => r.value || n.keepalive), d = m(!1), a = ue({
+    const s = m(0), n = m(!1), l = m(), u = m(), r = t, v = e, y = w(() => n.value || r.keepalive), d = m(!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 = w(() => n.duration / 1e3 + "s"), f = (x) => {
-      n.backdrop ? x?.backdropOpacity && (a["--t-present-backdrop-opacity"] = x.backdropOpacity) : a["--t-present-backdrop-opacity"] = "0", x?.transition && (a["--t-present-transition"] = x.transition), x?.contentTransform && (a["--t-present-content-transform"] = x.contentTransform), x?.contentOpacity && (a["--t-present-content-opacity"] = x.contentOpacity);
+    }), c = w(() => r.duration / 1e3 + "s"), f = (x) => {
+      r.backdrop ? x?.backdropOpacity && (a["--t-present-backdrop-opacity"] = x.backdropOpacity) : a["--t-present-backdrop-opacity"] = "0", x?.transition && (a["--t-present-transition"] = x.transition), x?.contentTransform && (a["--t-present-content-transform"] = x.contentTransform), x?.contentOpacity && (a["--t-present-content-opacity"] = x.contentOpacity);
     }, k = () => {
-      if (n.bounce !== void 0 && !d.value) {
+      if (r.bounce !== void 0 && !d.value) {
         d.value = !0;
-        let x = n.bounce;
-        (n.placement == "bottom" || n.placement == "right") && (x = `calc(${n.bounce} * -1)`), f({
+        let x = r.bounce;
+        (r.placement == "bottom" || r.placement == "right") && (x = `calc(${r.bounce} * -1)`), f({
           contentTransform: x,
           transition: c.value,
           backdropOpacity: "0.4",
@@ -53,7 +53,7 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
           f({
             contentTransform: "0px"
           });
-        }, n.duration);
+        }, r.duration);
       } else
         f({
           contentTransform: "0px",
@@ -63,18 +63,18 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
         });
     }, b = () => {
       let x = "0px", se = "1";
-      n.placement == "bottom" || n.placement == "right" ? x = "100%" : n.placement == "top" || n.placement == "left" ? x = "-100%" : n.placement == "center" && (x = "0px", se = "0"), f({
+      r.placement == "bottom" || r.placement == "right" ? x = "100%" : r.placement == "top" || r.placement == "left" ? x = "-100%" : r.placement == "center" && (x = "0px", se = "0"), f({
         contentTransform: x,
         transition: c.value,
         contentOpacity: se,
         backdropOpacity: "0"
       });
     };
-    W(() => n.visible, () => {
-      n.visible ? (d.value = !1, r.value = !0, s.value = Ke.getNewIndex(), setTimeout(() => {
+    W(() => r.visible, () => {
+      r.visible ? (d.value = !1, n.value = !0, s.value = Ke.getNewIndex(), setTimeout(() => {
         k();
       }, 50)) : (b(), setTimeout(() => {
-        r.value = !1;
+        n.value = !1;
       }, 200));
     }), o({
       render: f,
@@ -85,18 +85,18 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
       x.preventDefault(), v("dismiss", "backdrop");
     };
     return U(() => {
-      n.visible ? k() : b();
+      r.visible ? k() : b();
     }), (x, se) => (i(), p(q, null, [
       y.value ? F((i(), p("div", {
         key: 0,
-        class: S(["t-present", [{ [x.placement]: !0 }, n.class]]),
+        class: B(["t-present", [{ [x.placement]: !0 }, r.class]]),
         ref_key: "present",
         ref: u,
-        style: T([a, { zIndex: s.value }, n.style])
+        style: T([a, { zIndex: s.value }, r.style])
       }, [
         g(x.$slots, "default", {}, void 0, !0)
       ], 6)), [
-        [K, r.value]
+        [K, n.value]
       ]) : I("", !0),
       y.value ? F((i(), p("div", {
         key: 1,
@@ -104,9 +104,9 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
         onClick: N,
         ref_key: "backdrop",
         ref: l,
-        style: T([a, { zIndex: s.value - 1 }, n.style])
+        style: T([a, { zIndex: s.value - 1 }, r.style])
       }, null, 4)), [
-        [K, r.value]
+        [K, n.value]
       ]) : I("", !0)
     ], 64));
   }
@@ -190,8 +190,8 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
         "--background": "transparent"
       }), s;
     });
-    return (s, r) => (i(), p("button", {
-      class: S(["t-button", { "active-background": o.activeBackground, rounded: o.rounded, block: o.block, ["size-" + o.size]: !0 }]),
+    return (s, n) => (i(), p("button", {
+      class: B(["t-button", { "active-background": o.activeBackground, rounded: o.rounded, block: o.block, ["size-" + o.size]: !0 }]),
       style: T(e.value)
     }, [
       F($("span", Re, [
@@ -220,13 +220,13 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
   },
   emits: ["dismiss"],
   setup(t, { expose: o, emit: e }) {
-    const s = t, r = m(!1), l = e, u = m(), n = m(!1), v = () => {
-      r.value = !0;
+    const s = t, n = m(!1), l = e, u = m(), r = m(!1), v = () => {
+      n.value = !0;
     }, y = (a) => {
-      r.value = !1, a.handler && a.handler(), l("dismiss", "choose", a?.data);
+      n.value = !1, a.handler && a.handler(), l("dismiss", "choose", a?.data);
     }, d = (a) => {
-      s.dismiss && s.dismiss.includes(a) ? (r.value = !1, l("dismiss", a)) : a == "backdrop" && (n.value = !0, setTimeout(() => {
-        n.value = !1;
+      s.dismiss && s.dismiss.includes(a) ? (n.value = !1, l("dismiss", a)) : a == "backdrop" && (r.value = !0, setTimeout(() => {
+        r.value = !1;
       }, 300));
     };
     return o({
@@ -235,12 +235,12 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
       placement: "center",
       backdrop: !0,
       keepalive: !1,
-      visible: r.value,
+      visible: n.value,
       onDismiss: d
     }, {
       default: P(() => [
         $("div", {
-          class: S(["t-alert", { pop: n.value }]),
+          class: B(["t-alert", { pop: r.value }]),
           ref_key: "container",
           ref: u
         }, [
@@ -274,23 +274,23 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
     return new Promise((o) => {
       let e = document.body.querySelector(".t-app");
       if (!e) return;
-      const s = document.createElement("div"), r = m();
+      const s = document.createElement("div"), n = m();
       e.appendChild(s);
       const l = J({
         render() {
           return Q(me, {
             ...t,
-            ref: r,
-            onDismiss: (u, n) => {
+            ref: n,
+            onDismiss: (u, r) => {
               setTimeout(() => {
                 l.unmount(), s.remove();
-              }, 300), o({ type: u, data: n });
+              }, 300), o({ type: u, data: r });
             }
           });
         }
       });
       l.mount(s), setTimeout(() => {
-        r.value?.open?.();
+        n.value?.open?.();
       }, 50);
     });
   }
@@ -303,13 +303,13 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
   },
   emits: ["dismiss"],
   setup(t, { expose: o, emit: e }) {
-    const s = t, r = m(!1), l = e, u = m(), n = m(!1), v = () => {
-      r.value = !0;
+    const s = t, n = m(!1), l = e, u = m(), r = m(!1), v = () => {
+      n.value = !0;
     }, y = (a) => {
-      r.value = !1, a.handler && a.handler(), l("dismiss", "choose", a?.data);
+      n.value = !1, a.handler && a.handler(), l("dismiss", "choose", a?.data);
     }, d = (a) => {
-      s.dismiss && s.dismiss.includes(a) ? (r.value = !1, l("dismiss", a)) : a == "backdrop" && (n.value = !0, setTimeout(() => {
-        n.value = !1;
+      s.dismiss && s.dismiss.includes(a) ? (n.value = !1, l("dismiss", a)) : a == "backdrop" && (r.value = !0, setTimeout(() => {
+        r.value = !1;
       }, 300));
     };
     return W(() => s.visible, (a) => {
@@ -321,12 +321,12 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
       placement: "bottom",
       backdrop: !0,
       keepalive: !1,
-      visible: r.value,
+      visible: n.value,
       onDismiss: d
     }, {
       default: P(() => [
         $("div", {
-          class: S(["t-action", { pop: n.value }]),
+          class: B(["t-action", { pop: r.value }]),
           ref_key: "container",
           ref: u
         }, [
@@ -354,23 +354,23 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
     return new Promise((o) => {
       let e = document.body.querySelector(".t-app");
       if (!e) return;
-      const s = document.createElement("div"), r = m();
+      const s = document.createElement("div"), n = m();
       e.appendChild(s);
       const l = J({
         render() {
           return Q(Me, {
             ...t,
-            ref: r,
-            onDismiss: (u, n) => {
+            ref: n,
+            onDismiss: (u, r) => {
               setTimeout(() => {
                 l.unmount(), s.remove();
-              }, 300), o({ type: u, data: n });
+              }, 300), o({ type: u, data: r });
             }
           });
         }
       });
       l.mount(s), setTimeout(() => {
-        r.value?.open?.();
+        n.value?.open?.();
       }, 50);
     });
   }
@@ -381,23 +381,23 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
   },
   emits: ["dismiss"],
   setup(t, { expose: o, emit: e }) {
-    const s = t, r = m(!1);
+    const s = t, n = m(!1);
     return o({
       open: () => {
-        r.value = !0;
+        n.value = !0;
       },
       close: () => {
-        r.value = !1;
+        n.value = !1;
       }
-    }), (n, v) => (i(), V(H, {
+    }), (r, v) => (i(), V(H, {
       placement: "center",
       backdrop: !0,
       keepalive: !1,
-      visible: r.value
+      visible: n.value
     }, {
       default: P(() => [
         $("div", Le, [
-          g(n.$slots, "default", {}, () => [
+          g(r.$slots, "default", {}, () => [
             j(Z, {
               type: s.type
             }, null, 8, ["type"])
@@ -407,20 +407,20 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
       _: 3
     }, 8, ["visible"]));
   }
-}), Fe = /* @__PURE__ */ _(He, [["__scopeId", "data-v-8f84c14e"]]), Bo = (t = {}) => {
+}), Fe = /* @__PURE__ */ _(He, [["__scopeId", "data-v-8f84c14e"]]), So = (t = {}) => {
   const o = m(), e = document.body.querySelector(".t-app");
-  let s = null, r = null;
+  let s = null, n = null;
   return {
     open() {
       return new Promise((l) => {
-        e && (r = document.createElement("div"), e.appendChild(r), s = J({
+        e && (n = document.createElement("div"), e.appendChild(n), s = J({
           render() {
             return Q(Fe, {
               ...t,
               ref: o
             });
           }
-        }), s.mount(r), setTimeout(() => {
+        }), s.mount(n), setTimeout(() => {
           o.value?.open?.(), l(!0);
         }, 50));
       });
@@ -428,7 +428,7 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
     close() {
       return new Promise((l) => {
         o.value?.close?.(), setTimeout(() => {
-          s?.unmount?.(), r?.remove?.(), l(!0);
+          s?.unmount?.(), n?.remove?.(), l(!0);
         }, 300);
       });
     }
@@ -450,8 +450,8 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
   },
   move(t) {
     if (!ve.value) return;
-    const o = D(!1), e = o + "px", s = t / o * 100, r = z.value.target, l = E.value.target;
-    t > 15 && t <= o && (r.style.transition = "transform 0s ease", r.style.transform = `translateX(${t}px)`, l.style.transition = "transform 0s ease", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), l.style.transform = `translateX(calc((${e} / 100 * 30 * -1) + ((${e} / 100 * 30) / 100 * ${s}))) scale(${0.5 + 0.5 / 100 * s}) perspective(${e}) rotateY(${30 - 30 / 100 * s}deg)`, document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", `${0.5 - 0.5 / 100 * s}`));
+    const o = D(!1), e = o + "px", s = t / o * 100, n = z.value.target, l = E.value.target;
+    t > 15 && t <= o && (n.style.transition = "transform 0s ease", n.style.transform = `translateX(${t}px)`, l.style.transition = "transform 0s ease", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), l.style.transform = `translateX(calc((${e} / 100 * 30 * -1) + ((${e} / 100 * 30) / 100 * ${s}))) scale(${0.5 + 0.5 / 100 * s}) perspective(${e}) rotateY(${30 - 30 / 100 * s}deg)`, document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", `${0.5 - 0.5 / 100 * s}`));
   },
   back(t) {
     if (!E.value) return;
@@ -483,8 +483,8 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
     }, 400);
   },
   move(t) {
-    const o = D(!1), e = o + "px", s = t / o * 100, r = z.value.target, l = E.value.target;
-    t > 15 && t <= o && (r.style.transition = "transform 0s ease", r.style.transform = `translateX(${t}px)`, l.style.transition = "transform 0s ease", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), l.style.transform = `translateX(calc((${e} / 100 * 30 * -1) + ((${e} / 100 * 30) / 100 * ${s})))`, document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", `${0.5 - 0.5 / 100 * s}`));
+    const o = D(!1), e = o + "px", s = t / o * 100, n = z.value.target, l = E.value.target;
+    t > 15 && t <= o && (n.style.transition = "transform 0s ease", n.style.transform = `translateX(${t}px)`, l.style.transition = "transform 0s ease", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), l.style.transform = `translateX(calc((${e} / 100 * 30 * -1) + ((${e} / 100 * 30) / 100 * ${s})))`, document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", `${0.5 - 0.5 / 100 * s}`));
   },
   back(t) {
     if (!E.value) return;
@@ -527,7 +527,7 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
   t == "scale" && te.move(o), t == "transform" && oe.move(o);
 }, tt = (t) => {
   t == "scale" && te.reset(), t == "transform" && oe.reset();
-}, B = {
+}, S = {
   isBusy: C,
   isSwipeable: ve,
   reset: tt,
@@ -557,13 +557,13 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
   },
   emits: ["dismiss"],
   setup(t, { expose: o, emit: e }) {
-    const s = t, r = e, l = m(!1), u = m(!1), n = m(!1), v = () => {
-      u.value = !0, n.value = !1, setTimeout(() => {
+    const s = t, n = e, l = m(!1), u = m(!1), r = m(!1), v = () => {
+      u.value = !0, r.value = !1, setTimeout(() => {
         l.value = !0;
       }, 10);
     }, y = () => {
-      n.value = !0, setTimeout(() => {
-        u.value = !1, l.value = !1, r("dismiss");
+      r.value = !0, setTimeout(() => {
+        u.value = !1, l.value = !1, n("dismiss");
       }, 300);
     };
     W(() => s.visible, (a) => {
@@ -614,7 +614,7 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
       close: y
     }), (a, c) => u.value ? (i(), p("div", {
       key: 0,
-      class: S(["t-toast", { [s.placement]: !0, open: l.value, closing: n.value }]),
+      class: B(["t-toast", { [s.placement]: !0, open: l.value, closing: r.value }]),
       style: T({ "--space": s.space, ...d.value })
     }, [
       g(a.$slots, "content", {}, () => [
@@ -622,38 +622,38 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
       ], !0)
     ], 6)) : I("", !0);
   }
-}), ye = /* @__PURE__ */ _(st, [["__scopeId", "data-v-2802d43f"]]), So = (t = {}) => ({
+}), ye = /* @__PURE__ */ _(st, [["__scopeId", "data-v-2802d43f"]]), Bo = (t = {}) => ({
   open() {
     let o = document.body.querySelector(".t-app");
     if (!o) return;
     const e = document.createElement("div"), s = m();
     o.appendChild(e);
-    const r = J({
+    const n = J({
       render() {
         return Q(ye, {
           ...t,
           ref: s,
           onDismiss: () => {
             setTimeout(() => {
-              r.unmount(), e.remove();
+              n.unmount(), e.remove();
             }, 300);
           }
         });
       }
     });
-    r.mount(e), setTimeout(() => {
+    n.mount(e), setTimeout(() => {
       s.value?.open?.(), setTimeout(() => {
         s.value?.close?.();
       }, t.duration + 10);
     }, 50);
   }
-}), rt = m(0);
+}), nt = m(0);
 function _e() {
   return {
-    height: rt
+    height: nt
   };
 }
-const nt = /* @__PURE__ */ h({
+const rt = /* @__PURE__ */ h({
   __name: "t-cable",
   props: {
     keyboard: { type: Boolean, default: !1 },
@@ -663,14 +663,14 @@ const nt = /* @__PURE__ */ h({
     const o = t, { height: e } = _e();
     return de("cableState", {
       placement: o.placement
-    }), (s, r) => (i(), p("div", {
-      class: S(["t-cable", { keyboard: o.keyboard && O(e) > 0, [o.placement]: !0 }]),
+    }), (s, n) => (i(), p("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" })
     }, [
       g(s.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), at = /* @__PURE__ */ _(nt, [["__scopeId", "data-v-6cae224b"]]), lt = /* @__PURE__ */ h({
+}), at = /* @__PURE__ */ _(rt, [["__scopeId", "data-v-6cae224b"]]), lt = /* @__PURE__ */ h({
   __name: "t-card",
   props: {
     color: { default: null }
@@ -686,7 +686,7 @@ const nt = /* @__PURE__ */ h({
         "--background": "var(--t-color-surface)"
       }, s;
     });
-    return (s, r) => (i(), p("div", {
+    return (s, n) => (i(), p("div", {
       class: "t-card",
       style: T(e.value)
     }, [
@@ -708,19 +708,19 @@ const ge = /* @__PURE__ */ _(ct, [["render", ut], ["__scopeId", "data-v-ce0031a0
   },
   emits: ["refresh", "move", "cancel", "start"],
   setup(t, { emit: o }) {
-    const e = o, s = t, r = m(0), l = m(!1), u = m();
-    let n, v = !1;
+    const e = o, s = t, n = m(0), l = m(!1), u = m();
+    let r, v = !1;
     const y = () => {
-      l.value = !1, r.value = 0, v = !1;
+      l.value = !1, n.value = 0, v = !1;
     }, d = () => {
-      v = !0, l.value = !0, r.value = s.threshold, e("refresh", y);
+      v = !0, l.value = !0, n.value = s.threshold, e("refresh", y);
     }, a = () => {
-      r.value = 0, l.value = !1, v = !1, e("cancel");
+      n.value = 0, l.value = !1, v = !1, e("cancel");
     };
     return W(() => u.value, () => {
-      n && n.destroy();
+      r && r.destroy();
       let c = u.value.closest(".t-content");
-      c && (n = ae(c, {
+      c && (r = ae(c, {
         options: {
           minMove: 20
         },
@@ -737,7 +737,7 @@ const ge = /* @__PURE__ */ _(ct, [["render", ut], ["__scopeId", "data-v-ce0031a0
             return;
           }
           const b = f < 0 ? 0 : f;
-          r.value = b, e("move", b);
+          n.value = b, e("move", b);
         },
         up({ deltaY: f, initialDirection: k }) {
           l.value || v || k != "down" || (s.variant == "up" && f >= s.threshold ? d() : a());
@@ -748,19 +748,19 @@ const ge = /* @__PURE__ */ _(ct, [["render", ut], ["__scopeId", "data-v-ce0031a0
       }, {
         passive: !1
       }));
-    }), ne(() => {
-      n && n.destroy();
+    }), re(() => {
+      r && r.destroy();
     }), (c, f) => F((i(), p("div", {
-      class: S(["t-refresher", { safe: c.safe }]),
+      class: B(["t-refresher", { safe: c.safe }]),
       ref_key: "container",
       ref: u
     }, [
       g(c.$slots, "default", {
-        offset: r.value,
+        offset: n.value,
         refreshing: l.value
       }, void 0, !0)
     ], 2)), [
-      [K, r.value > 0]
+      [K, n.value > 0]
     ]);
   }
 }), pt = /* @__PURE__ */ _(dt, [["__scopeId", "data-v-c77146a5"]]), ft = {}, mt = { class: "t-screen" };
@@ -779,56 +779,56 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
   emits: ["change"],
   setup(t, { emit: o }) {
     let e = {};
-    const s = o, r = t;
+    const s = o, n = t;
     let l;
-    const u = r.router || fe(), n = r.route || we(), v = u.getRoutes(), y = m();
+    const u = n.router || fe(), r = n.route || we(), v = u.getRoutes(), y = m();
     for (let c of v)
       e[c.name] = c.component || c.components;
     const d = (c) => {
-      c && B.addScreen({
+      c && S.addScreen({
         name: c,
         target: null,
         component: $e(e[c] || null)
       });
     }, a = (c, f) => {
-      !f || B.screens[c].target || (B.addScreenEl(c, f.$el), B.nextScreen && B.next(r.variant, () => {
+      !f || S.screens[c].target || (S.addScreenEl(c, f.$el), S.nextScreen && S.next(n.variant, () => {
         s("change");
       }));
     };
-    return W(() => n.name, (c, f) => {
-      c != B.currentScreen.value?.name && (B.lastScreen.value?.name == c ? B.back(r.variant, () => {
+    return W(() => r.name, (c, f) => {
+      c != S.currentScreen.value?.name && (S.lastScreen.value?.name == c ? S.back(n.variant, () => {
         s("change");
-      }) : d(n.name));
+      }) : d(r.name));
     }), U(() => {
-      d(n.name), l = ae(document.body, {
+      d(r.name), l = ae(document.body, {
         beforeEvent(c) {
-          return !!B.isSwipeable.value;
+          return !!S.isSwipeable.value;
         },
         fast({ initialDirection: c }) {
-          B.lastScreen.value && c == "right" && u.back();
+          S.lastScreen.value && c == "right" && u.back();
         },
         move({ deltaX: c, initialDirection: f }) {
-          f == "right" && B.move(r.variant, c);
+          f == "right" && S.move(n.variant, c);
         },
         up({ deltaX: c, initialDirection: f }) {
           if (f != "right") {
-            B.reset(r.variant);
+            S.reset(n.variant);
             return;
           }
           const k = y.value.offsetParent.offsetWidth;
-          c / k * 100 >= 50 ? u.back() : B.reset(r.variant);
+          c / k * 100 >= 50 ? u.back() : S.reset(n.variant);
         },
         cancel() {
-          B.reset(r.variant);
+          S.reset(n.variant);
         }
       });
-    }), ne(() => {
-      l && l.destroy(), B.removeAllScreen();
+    }), re(() => {
+      l && l.destroy(), S.removeAllScreen();
     }), (c, f) => (i(), p(q, null, [
-      (i(!0), p(q, null, G(O(B).screens, (k, b) => (i(), V(be, {
+      (i(!0), p(q, null, G(O(S).screens, (k, b) => (i(), V(be, {
         ref_for: !0,
         ref: (N) => a(b, N),
-        style: T({ zIndex: b + (b == O(B).screens.length - 1 ? 2 : 1) }),
+        style: T({ zIndex: b + (b == O(S).screens.length - 1 ? 2 : 1) }),
         key: b
       }, {
         default: P(() => [
@@ -840,7 +840,7 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
         class: "t-swipe-backdrop",
         ref_key: "backdrop",
         ref: y,
-        style: T({ zIndex: O(B).screens.length })
+        style: T({ zIndex: O(S).screens.length })
       }, null, 4)
     ], 64));
   }
@@ -853,12 +853,12 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
   },
   setup(t) {
     const o = t, e = pe("cableState"), s = w(() => o?.placement || e?.placement);
-    return (r, l) => (i(), p("div", {
-      class: S(["t-toolbar", { [s.value]: !0, safe: o.safe }]),
+    return (n, l) => (i(), p("div", {
+      class: B(["t-toolbar", { [s.value]: !0, safe: o.safe }]),
       style: T({ "--t-size-toolbar": o.size })
     }, [
       $("div", null, [
-        g(r.$slots, "default", {}, void 0, !0)
+        g(n.$slots, "default", {}, void 0, !0)
       ])
     ], 6));
   }
@@ -869,17 +869,17 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
     router: {}
   },
   setup(t) {
-    const o = t, e = xe(), s = o.router || fe(), r = (l) => {
+    const o = t, e = xe(), s = o.router || fe(), n = (l) => {
       if (e.onBack) {
         e.onBack(l);
         return;
       }
-      B.lastScreen.value ? s?.back?.() : o.to && s?.push?.(o.to);
+      S.lastScreen.value ? s?.back?.() : o.to && s?.push?.(o.to);
     };
-    return (l, u) => l.to || O(B).lastScreen ? (i(), p("button", {
+    return (l, u) => l.to || O(S).lastScreen ? (i(), p("button", {
       key: 0,
       class: "t-back-button",
-      onClick: r
+      onClick: n
     }, [
       g(l.$slots, "default", {}, () => [
         u[0] || (u[0] = $("i", { class: "ri-arrow-left-s-line" }, null, -1))
@@ -894,27 +894,27 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
   },
   setup(t) {
     const o = t, e = w(() => {
-      let s, r = 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) && (r = `var(--t-color-status-${o.color})`), {
-        "--color": r,
+      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, r) => (i(), p("span", {
+    return (s, n) => (i(), p("span", {
       class: "t-text",
       style: T(e.value)
     }, [
       g(s.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), re = /* @__PURE__ */ _($t, [["__scopeId", "data-v-f0f94f05"]]), xt = /* @__PURE__ */ h({
+}), ne = /* @__PURE__ */ _($t, [["__scopeId", "data-v-f0f94f05"]]), xt = /* @__PURE__ */ h({
   __name: "t-gesture-indicator",
   props: {
     placement: { default: "bottom" }
   },
   setup(t) {
     return (o, e) => (i(), p("div", {
-      class: S(["t-gesture-indicator", { [o.placement]: !0 }])
+      class: B(["t-gesture-indicator", { [o.placement]: !0 }])
     }, null, 2));
   }
 }), he = /* @__PURE__ */ _(xt, [["__scopeId", "data-v-ed8f7308"]]), wt = /* @__PURE__ */ h({
@@ -929,14 +929,13 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
     keepalive: { type: Boolean, default: !0 },
     backdrop: { type: Boolean, default: !0 },
     rounded: { type: Boolean, default: !0 },
-    radius: { type: Boolean, default: !0 },
     indicator: { type: Boolean, default: !0 },
     style: {}
   },
   emits: ["dismiss"],
   setup(t, { emit: o }) {
-    const e = t, s = o, r = m(), l = m(), u = m(!1);
-    let n = null;
+    const e = t, s = o, n = m(), l = m(), u = m(!1);
+    let r = null;
     const v = w(() => {
       if (e.placement == "bottom") return "down";
       if (e.placement == "top") return "up";
@@ -949,8 +948,8 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
         u.value = !1;
       }, 300);
     };
-    return W(() => r.value, (a) => {
-      a && (n = ae(r.value, {
+    return W(() => n.value, (a) => {
+      a && (r = ae(n.value, {
         isMoving: !1,
         options: {
           minDist: 30
@@ -978,18 +977,18 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
             return;
           }
           let b, N, x;
-          e.placement == "bottom" || e.placement == "top" ? (b = r.value.offsetHeight, x = c) : (b = r.value.offsetWidth, x = f), N = x / b * 100, N > 50 ? s("dismiss", "gesture") : l.value.open();
+          e.placement == "bottom" || e.placement == "top" ? (b = n.value.offsetHeight, x = c) : (b = n.value.offsetWidth, x = f), N = x / b * 100, N > 50 ? s("dismiss", "gesture") : l.value.open();
         },
         cancel() {
           this.isMoving = !1, d(), l.value.open();
         }
       }));
-    }), ne(() => {
-      n && n.destroy();
+    }), re(() => {
+      r && r.destroy();
     }), (a, c) => (i(), V(H, {
       ref_key: "present",
       ref: l,
-      class: S(e.class),
+      class: B(e.class),
       placement: e.placement,
       backdrop: a.backdrop,
       visible: e.visible,
@@ -1003,10 +1002,10 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
           placement: e.placement
         }, null, 8, ["placement"])) : I("", !0),
         $("div", {
-          class: S(["t-sheet", { fullscreen: e.fullscreen, [e.placement]: !0, rounded: a.rounded, radius: e.radius }]),
+          class: B(["t-sheet", { fullscreen: e.fullscreen, [e.placement]: !0, rounded: a.rounded }]),
           style: T({ "--background": e.background }),
           ref_key: "sheet",
-          ref: r
+          ref: n
         }, [
           g(a.$slots, "default", {}, void 0, !0)
         ], 6)
@@ -1014,7 +1013,7 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
       _: 3
     }, 8, ["class", "placement", "backdrop", "visible", "keepalive", "style"]));
   }
-}), Tt = /* @__PURE__ */ _(wt, [["__scopeId", "data-v-27e04f6f"]]), Bt = { class: "t-input-label" }, St = { class: "t-input-content" }, zt = ["placeholder", "value", "type", "readonly"], Ct = /* @__PURE__ */ h({
+}), Tt = /* @__PURE__ */ _(wt, [["__scopeId", "data-v-729ed53a"]]), St = { class: "t-input-label" }, Bt = { class: "t-input-content" }, zt = ["placeholder", "value", "type", "readonly"], Ct = /* @__PURE__ */ h({
   __name: "t-input",
   props: {
     size: { default: "standard" },
@@ -1030,28 +1029,28 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
   },
   emits: ["update:modelValue"],
   setup(t, { emit: o }) {
-    const e = t, s = o, r = m(!1), l = m(null), u = w(
+    const e = t, s = o, n = m(!1), l = m(null), u = w(
       () => !(e.modelValue === "" || e.modelValue == null)
-    ), n = (d) => {
+    ), r = (d) => {
       s("update:modelValue", d.target.value);
     }, v = async (d) => {
-      r.value = !0;
+      n.value = !0;
     }, y = () => {
-      r.value = !1;
+      n.value = !1;
     };
     return (d, a) => (i(), p("div", {
-      class: S(["t-input", {
+      class: B(["t-input", {
         rounded: d.rounded,
         ["size-" + d.size]: !0,
         ["variant-" + d.variant]: !0,
-        focus: r.value,
+        focus: n.value,
         "has-value": u.value,
         readonly: d.readonly
       }])
     }, [
       $("label", null, [
-        $("span", Bt, A(d.label), 1),
-        $("div", St, [
+        $("span", St, A(d.label), 1),
+        $("div", Bt, [
           g(d.$slots, "start", {}, void 0, !0),
           $("input", {
             ref_key: "editable",
@@ -1060,7 +1059,7 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
             placeholder: d.placeholder,
             value: d.modelValue,
             type: d.type,
-            onInput: n,
+            onInput: r,
             onFocus: v,
             onBlur: y,
             readonly: d.readonly
@@ -1068,7 +1067,7 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
           g(d.$slots, "end", {}, void 0, !0)
         ])
       ]),
-      d.error ? (i(), V(re, {
+      d.error ? (i(), V(ne, {
         key: 0,
         color: "danger"
       }, {
@@ -1076,7 +1075,7 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
           M(A(d.error), 1)
         ]),
         _: 1
-      })) : d.help ? (i(), V(re, {
+      })) : d.help ? (i(), V(ne, {
         key: 1,
         color: "secondary"
       }, {
@@ -1111,7 +1110,7 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
   setup(t) {
     const o = t;
     return (e, s) => (i(), p("div", {
-      class: S(["t-divider", { [o.direction]: !0 }])
+      class: B(["t-divider", { [o.direction]: !0 }])
     }, null, 2));
   }
 }), Kt = /* @__PURE__ */ _(Ft, [["__scopeId", "data-v-47ee8991"]]), Gt = /* @__PURE__ */ h({
@@ -1121,19 +1120,19 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
   },
   emits: ["change"],
   setup(t, { emit: o }) {
-    const e = t, s = o, r = m(!1), l = m(), u = w(() => {
+    const e = t, s = o, n = m(!1), l = m(), 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
       };
-    }), n = () => l.value?.parentElement?.querySelector?.("input");
+    }), r = () => l.value?.parentElement?.querySelector?.("input");
     U(() => {
-      let y = n();
-      y && (r.value = y.type != "password", s("change", r.value));
+      let y = r();
+      y && (n.value = y.type != "password", s("change", n.value));
     });
     const v = () => {
-      let y = n();
-      y && (r.value = !r.value, r.value ? y.type = "text" : y.type = "password", s("change", r.value));
+      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", {
       ref_key: "toggle",
@@ -1142,10 +1141,10 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
       style: T(u.value),
       onClick: v
     }, [
-      r.value ? g(y.$slots, "on", { key: 0 }, () => [
+      n.value ? g(y.$slots, "on", { key: 0 }, () => [
         d[0] || (d[0] = $("i", { class: "ri-eye-line" }, null, -1))
       ], !0) : I("", !0),
-      r.value ? I("", !0) : g(y.$slots, "off", { key: 1 }, () => [
+      n.value ? I("", !0) : g(y.$slots, "off", { key: 1 }, () => [
         d[1] || (d[1] = $("i", { class: "ri-eye-off-line" }, null, -1))
       ], !0)
     ], 4));
@@ -1158,8 +1157,8 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
   },
   setup(t) {
     const o = t, e = w(() => o.size == "small" ? "24px" : o.size == "standard" ? "40px" : o.size == "large" ? "60px" : o.size);
-    return (s, r) => (i(), p("div", {
-      class: S(["t-avatar", { square: s.square }]),
+    return (s, n) => (i(), p("div", {
+      class: B(["t-avatar", { square: s.square }]),
       style: T({ "--size": e.value })
     }, [
       g(s.$slots, "default", {}, void 0, !0)
@@ -1178,16 +1177,16 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
   },
   emits: ["change"],
   setup(t, { emit: o }) {
-    const e = t, s = o, r = m(!1), l = m(""), u = m(), n = () => {
-      r.value = !r.value, l.value = `calc(${u.value.offsetHeight}px + 2rem)`, s("change", r.value);
+    const e = t, s = o, n = m(!1), l = m(""), u = m(), r = () => {
+      n.value = !n.value, l.value = `calc(${u.value.offsetHeight}px + 2rem)`, s("change", n.value);
     };
-    return s("change", r.value), (v, y) => (i(), p("div", {
-      class: S(["t-collapse", { open: r.value }]),
+    return s("change", n.value), (v, y) => (i(), p("div", {
+      class: B(["t-collapse", { open: n.value }]),
       style: T({ "--height": l.value })
     }, [
       $("div", {
         class: "t-collapse-header",
-        onClick: n
+        onClick: r
       }, [
         g(v.$slots, "icon"),
         $("div", Qt, [
@@ -1196,7 +1195,7 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
           ])
         ]),
         g(v.$slots, "toggle", {}, () => [
-          r.value ? (i(), p("div", Zt, [...y[0] || (y[0] = [
+          n.value ? (i(), p("div", Zt, [...y[0] || (y[0] = [
             $("i", { class: "ri-arrow-up-s-line" }, null, -1)
           ])])) : (i(), p("div", Yt, [...y[1] || (y[1] = [
             $("i", { class: "ri-arrow-down-s-line" }, null, -1)
@@ -1223,7 +1222,7 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(t, { emit: o }) {
-    const e = t, s = o, r = () => {
+    const e = t, s = o, n = () => {
       s("update:modelValue", !e.modelValue);
     }, l = w(() => {
       let u = {
@@ -1235,30 +1234,30 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
         "--color": `var(--t-color-status-${e.color}-text)`
       }), u;
     });
-    return (u, n) => (i(), p("div", {
-      class: S(["t-switch", { on: e.modelValue }]),
+    return (u, r) => (i(), p("div", {
+      class: B(["t-switch", { on: e.modelValue }]),
       style: T(l.value),
-      onClick: r
-    }, [...n[0] || (n[0] = [
+      onClick: n
+    }, [...r[0] || (r[0] = [
       $("div", { class: "t-switch-icon" }, null, -1)
     ])], 6));
   }
-}), so = /* @__PURE__ */ _(oo, [["__scopeId", "data-v-3616970e"]]), ro = /* @__PURE__ */ h({
+}), so = /* @__PURE__ */ _(oo, [["__scopeId", "data-v-3616970e"]]), no = /* @__PURE__ */ h({
   __name: "t-tab",
   props: {
     value: {},
     disabled: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const o = t, e = pe("tabsState"), s = w(() => e.activeValue.value === o.value), r = () => {
+    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", {
-      class: S(["t-tab", { active: s.value }])
+      class: B(["t-tab", { active: s.value }])
     }, [
       j(Y, {
         variant: "text",
-        onClick: r,
+        onClick: n,
         size: O(e).size,
         color: s.value ? O(e).color.text : void 0
       }, {
@@ -1269,7 +1268,7 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
       }, 8, ["size", "color"])
     ], 2));
   }
-}), no = /* @__PURE__ */ _(ro, [["__scopeId", "data-v-4b7f4e98"]]), ao = /* @__PURE__ */ h({
+}), ro = /* @__PURE__ */ _(no, [["__scopeId", "data-v-4b7f4e98"]]), ao = /* @__PURE__ */ h({
   __name: "t-tabs",
   props: {
     placement: { default: "top-start" },
@@ -1283,42 +1282,42 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(t, { emit: o }) {
-    const e = t, s = o, r = m("0px"), l = m(0), u = m(0), n = m(), v = w(() => {
+    const e = t, s = o, n = m("0px"), l = m(0), u = m(0), r = m(), v = 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 = w(() => e.variant == "border-under" ? {
-      "--transform": r.value,
+      "--transform": n.value,
       "--border": e.border + "px"
     } : e.variant == "tag" ? {
       "--top": e.margin[0] + "px",
       "--height": u.value - e.margin[0] * 2 + "px",
       "--left": e.margin[1] + "px",
       "--width": l.value - e.margin[1] * 2 + "px",
-      "--transform": r.value,
+      "--transform": n.value,
       "--radius": e.radius + "px"
     } : {}), d = () => {
       if (e.variant == "border-under") {
-        let a = n.value.querySelector(".active");
+        let a = r.value.querySelector(".active");
         if (a) {
           if (e.placement.startsWith("top-") || e.placement.startsWith("bottom-")) {
-            let c = a.getBoundingClientRect().left - n.value.getBoundingClientRect().left + n.value.scrollLeft, f = a.offsetWidth / 2;
-            r.value = c + f - e.border / 2 + "px";
+            let c = a.getBoundingClientRect().left - r.value.getBoundingClientRect().left + r.value.scrollLeft, f = a.offsetWidth / 2;
+            n.value = c + f - e.border / 2 + "px";
           } else if (e.placement.startsWith("left-") || e.placement.startsWith("right-")) {
-            let c = a.getBoundingClientRect().top - n.value.getBoundingClientRect().top + n.value.scrollTop, f = a.offsetHeight / 2;
-            r.value = c + f - e.border / 2 + "px";
+            let c = a.getBoundingClientRect().top - r.value.getBoundingClientRect().top + r.value.scrollTop, f = a.offsetHeight / 2;
+            n.value = c + f - e.border / 2 + "px";
           }
         }
       }
       if (e.variant == "tag") {
-        let a = n.value.querySelector(".active");
+        let a = r.value.querySelector(".active");
         if (a) {
           let c = a.offsetWidth, f = a.offsetHeight;
           if (e.placement.startsWith("top-") || e.placement.startsWith("bottom-")) {
-            let k = a.getBoundingClientRect().left - n.value.getBoundingClientRect().left + n.value.scrollLeft;
-            r.value = k + "px";
+            let k = a.getBoundingClientRect().left - r.value.getBoundingClientRect().left + r.value.scrollLeft;
+            n.value = k + "px";
           } else if (e.placement.startsWith("left-") || e.placement.startsWith("right-")) {
-            let k = a.getBoundingClientRect().top - n.value.getBoundingClientRect().top + n.value.scrollTop;
-            r.value = k + "px";
+            let k = a.getBoundingClientRect().top - r.value.getBoundingClientRect().top + r.value.scrollTop;
+            n.value = k + "px";
           }
           l.value = c, u.value = f;
         }
@@ -1338,8 +1337,8 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
       await ce(), d();
     }), (a, c) => (i(), p("ul", {
       ref_key: "container",
-      ref: n,
-      class: S(["t-tabs", { [a.placement]: !0, [`variant-${a.variant}`]: !0 }]),
+      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])
     }, [
       g(a.$slots, "default", {}, void 0, !0)
@@ -1371,36 +1370,36 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(t, { emit: o }) {
-    const e = t, s = o, r = w(() => {
-      let n = {
+    const e = t, s = o, n = w(() => {
+      let r = {
         "--background": e.color,
         "--color": "#ffffff"
       };
-      return ["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) && (n = {
+      return ["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) && (r = {
         "--background": `var(--t-color-status-${e.color})`,
         "--color": `var(--t-color-status-${e.color}-text)`
-      }), n;
+      }), r;
     }), l = w(() => e.multiple ? e.modelValue.includes(e.value) : e.value === void 0 ? e.modelValue : e.modelValue == e.value), u = () => {
       if (e.multiple) {
-        let n = e.modelValue;
-        e.modelValue.includes(e.value) ? n.splice(n.indexOf(e.value), 1) : n.push(e.value), s("update:modelValue", n);
+        let r = e.modelValue;
+        e.modelValue.includes(e.value) ? r.splice(r.indexOf(e.value), 1) : r.push(e.value), s("update:modelValue", r);
       } else e.value === void 0 ? s("update:modelValue", !e.modelValue) : s("update:modelValue", e.value);
     };
-    return (n, v) => (i(), p("div", {
-      class: S(["t-checkbox", { active: l.value }]),
-      style: T(r.value),
+    return (r, v) => (i(), p("div", {
+      class: B(["t-checkbox", { active: l.value }]),
+      style: T(n.value),
       onClick: u
     }, [
       $("div", {
-        class: S(`t-checkbox-${n.type}`)
+        class: B(`t-checkbox-${r.type}`)
       }, [
-        n.type == "radio" ? (i(), p("div", uo)) : I("", !0),
-        n.type == "check" ? g(n.$slots, "icon", { key: 1 }, () => [
+        r.type == "radio" ? (i(), p("div", uo)) : I("", !0),
+        r.type == "check" ? g(r.$slots, "icon", { key: 1 }, () => [
           v[0] || (v[0] = $("i", { class: "ri-check-line" }, null, -1))
         ], !0) : I("", !0)
       ], 2),
-      g(n.$slots, "label", {}, () => [
-        n.label ? (i(), p("span", po, A(e.label), 1)) : I("", !0)
+      g(r.$slots, "label", {}, () => [
+        r.label ? (i(), p("span", po, A(e.label), 1)) : I("", !0)
       ], !0)
     ], 6));
   }
@@ -1427,7 +1426,7 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
       "--height": o.height,
       "--radius": o.radius
     }));
-    return (s, r) => (i(), p("div", {
+    return (s, n) => (i(), p("div", {
       class: "t-skeleton",
       style: T(e.value)
     }, null, 4));
@@ -1448,25 +1447,25 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
         "--color": "var(--t-color-surface)"
       }, s;
     });
-    return (s, r) => (i(), p("div", {
+    return (s, n) => (i(), p("div", {
       class: "t-ripple",
       style: T(e.value)
     }, null, 4));
   }
 }), ho = /* @__PURE__ */ _(bo, [["__scopeId", "data-v-42cb3d71"]]), zo = () => ({
   install: (t) => {
-    Se(), 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", re), t.component("t-sheet", Tt), t.component("t-gesture-indicator", he), t.component("t-input", It), t.component("t-textarea", Pt), t.component("t-rich-text", Ot), t.component("t-grid", Nt), t.component("t-grid-item", Ht), t.component("t-divider", Kt), t.component("t-toggle-password", Ut), t.component("t-loading-icon", Z), t.component("t-alert", me), t.component("t-avatar", Jt), t.component("t-collapse", to), t.component("t-toast", ye), t.component("t-switch", so), t.component("t-tab", no), t.component("t-tabs", lo), t.component("t-loading-app", io), t.component("t-checkbox", mo), t.component("t-keyboard-space", yo), t.component("t-skeleton", go), t.component("t-ripple", ho);
+    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", It), t.component("t-textarea", Pt), t.component("t-rich-text", Ot), t.component("t-grid", Nt), t.component("t-grid-item", Ht), t.component("t-divider", Kt), t.component("t-toggle-password", Ut), t.component("t-loading-icon", Z), t.component("t-alert", me), t.component("t-avatar", Jt), t.component("t-collapse", to), t.component("t-toast", ye), t.component("t-switch", so), t.component("t-tab", ro), t.component("t-tabs", lo), t.component("t-loading-app", io), t.component("t-checkbox", mo), t.component("t-keyboard-space", yo), t.component("t-skeleton", go), t.component("t-ripple", ho);
   }
 });
 export {
-  Be as blurCurrentActive,
+  Se as blurCurrentActive,
   To as createAction,
   wo as createAlert,
-  Bo as createLoading,
-  So as createToast,
+  So as createLoading,
+  Bo as createToast,
   zo as createToife,
   Te as isFormElement,
   Ke as presentController,
-  B as screenController,
+  S as screenController,
   _e as useKeyboard
 };