@toife/vue 1.3.3 → 1.3.4

package/dist/index.es.js

@@ -1,25 +1,25 @@
-import { createElementBlock as p, openBlock as u, renderSlot as g, defineComponent as h, ref as m, computed as w, reactive as le, watch as X, onMounted as G, Fragment as N, withDirectives as W, createCommentVNode as E, normalizeStyle as T, normalizeClass as S, vShow as H, createElementVNode as k, createVNode as U, createBlock as C, withCtx as P, toDisplayString as R, renderList as F, createTextVNode as q, createApp as j, h as K, provide as ce, unref as V, onUnmounted as se, resolveDynamicComponent as ge, markRaw as be, inject as ie, useAttrs as he } from "vue";
+import { createElementBlock as p, openBlock as u, renderSlot as g, defineComponent as h, ref as m, computed as w, reactive as ce, watch as X, onMounted as G, Fragment as N, withDirectives as W, createCommentVNode as E, normalizeStyle as T, normalizeClass as S, vShow as H, createElementVNode as k, createVNode as U, createBlock as V, withCtx as P, toDisplayString as A, renderList as F, createTextVNode as q, createApp as j, h as K, provide as ie, unref as C, onUnmounted as se, resolveDynamicComponent as be, markRaw as he, inject as ue, useAttrs as ke, nextTick as ae } from "vue";
 import { gesture as re } from "@toife/gesture";
-import { useRouter as ue, useRoute as ke } from "vue-router";
-const $e = (e) => e && (e.tagName == "INPUT" || e.tagName == "TEXTAREA" || e.isContentEditable), we = () => {
+import { useRouter as de, useRoute as $e } from "vue-router";
+const we = (e) => e && (e.tagName == "INPUT" || e.tagName == "TEXTAREA" || e.isContentEditable), Te = () => {
   const e = document.activeElement;
   e && (e.tagName === "INPUT" || e.tagName === "TEXTAREA" || e.isContentEditable) && e.blur();
-}, Te = () => {
+}, xe = () => {
   document.addEventListener("contextmenu", (e) => e.preventDefault()), document.addEventListener("selectstart", (e) => e.preventDefault()), document.addEventListener("pointerup", (e) => {
-    !$e(e.target) && we();
+    !we(e.target) && Te();
   });
 }, v = (e, t) => {
   const o = e.__vccOpts || e;
   for (const [s, r] of t)
     o[s] = r;
   return o;
-}, xe = {}, Se = { class: "t-app" };
-function ze(e, t) {
-  return u(), p("div", Se, [
+}, Se = {}, ze = { class: "t-app" };
+function Ie(e, t) {
+  return u(), p("div", ze, [
     g(e.$slots, "default")
   ]);
 }
-const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
+const Ee = /* @__PURE__ */ v(Se, [["render", Ie]]), Be = /* @__PURE__ */ h({
   __name: "t-present",
   props: {
     keepalive: { type: Boolean, default: !0 },
@@ -31,14 +31,14 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
   },
   emits: ["dismiss"],
   setup(e, { expose: t, emit: o }) {
-    const s = m(0), r = m(!1), l = m(), d = m(), n = e, c = o, i = w(() => r.value || n.keepalive), _ = le({
+    const s = m(0), r = m(!1), l = m(), d = m(), n = e, c = o, i = w(() => r.value || n.keepalive), y = ce({
       "--t-present-backdrop-opacity": "0.4",
       "--t-present-transition": "0.2s",
       "--t-present-content-transform": "0px",
       "--t-present-content-opacity": "1"
     }), a = (f) => {
-      n.backdrop ? f?.backdropOpacity && (_["--t-present-backdrop-opacity"] = f.backdropOpacity) : _["--t-present-backdrop-opacity"] = "0", f?.transition && (_["--t-present-transition"] = f.transition, _["--t-present-transition"] = f.transition), f?.contentTransform && (_["--t-present-content-transform"] = f.contentTransform), f?.contentOpacity && (_["--t-present-content-opacity"] = f.contentOpacity);
-    }, y = () => {
+      n.backdrop ? f?.backdropOpacity && (y["--t-present-backdrop-opacity"] = f.backdropOpacity) : y["--t-present-backdrop-opacity"] = "0", f?.transition && (y["--t-present-transition"] = f.transition, y["--t-present-transition"] = f.transition), f?.contentTransform && (y["--t-present-content-transform"] = f.contentTransform), f?.contentOpacity && (y["--t-present-content-opacity"] = f.contentOpacity);
+    }, _ = () => {
       a({
         contentTransform: "0px",
         transition: "0.2s",
@@ -55,28 +55,28 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
       });
     };
     X(() => n.visible, () => {
-      n.visible ? (r.value = !0, s.value = We.getNewIndex(), setTimeout(() => {
-        y();
+      n.visible ? (r.value = !0, s.value = He.getNewIndex(), setTimeout(() => {
+        _();
       }, 50)) : (b(), setTimeout(() => {
         r.value = !1;
       }, 200));
     }), t({
       render: a,
-      open: y,
+      open: _,
       close: b
     });
     const $ = (f) => {
       f.preventDefault(), c("dismiss", "backdrop");
     };
     return G(() => {
-      n.visible ? y() : b();
+      n.visible ? _() : b();
     }), (f, O) => (u(), p(N, null, [
       i.value ? W((u(), p("div", {
         key: 0,
         class: S(["t-present", [{ [f.placement]: !0 }, n.class]]),
         ref_key: "present",
         ref: d,
-        style: T([_, { zIndex: s.value }, n.style])
+        style: T([y, { zIndex: s.value }, n.style])
       }, [
         g(f.$slots, "default", {}, void 0, !0)
       ], 6)), [
@@ -88,13 +88,13 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
         onClick: $,
         ref_key: "backdrop",
         ref: l,
-        style: T([_, { zIndex: s.value - 1 }, n.style])
+        style: T([y, { zIndex: s.value - 1 }, n.style])
       }, null, 4)), [
         [H, r.value]
       ]) : E("", !0)
     ], 64));
   }
-}), M = /* @__PURE__ */ v(Ee, [["__scopeId", "data-v-1b25059f"]]), Be = /* @__PURE__ */ h({
+}), M = /* @__PURE__ */ v(Be, [["__scopeId", "data-v-1b25059f"]]), Ve = /* @__PURE__ */ h({
   __name: "t-loading-icon",
   props: {
     size: {
@@ -118,10 +118,10 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
       "aria-label": "Loading..."
     }, null, 4));
   }
-}), J = /* @__PURE__ */ v(Be, [["__scopeId", "data-v-7c463303"]]), Ce = { class: "t-button-content" }, Ve = {
+}), J = /* @__PURE__ */ v(Ve, [["__scopeId", "data-v-7c463303"]]), Ce = { class: "t-button-content" }, Pe = {
   key: 0,
   class: "loader"
-}, Pe = /* @__PURE__ */ h({
+}, Re = /* @__PURE__ */ h({
   __name: "t-button",
   props: {
     color: { default: null },
@@ -183,7 +183,7 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
       ], 512), [
         [H, !t.loading]
       ]),
-      t.loading ? (u(), p("span", Ve, [
+      t.loading ? (u(), p("span", Pe, [
         U(J, {
           color: "var(--color)",
           type: t.loadingType
@@ -191,10 +191,10 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
       ])) : E("", !0)
     ], 6));
   }
-}), Q = /* @__PURE__ */ v(Pe, [["__scopeId", "data-v-185a9e49"]]), Ae = {
+}), Q = /* @__PURE__ */ v(Re, [["__scopeId", "data-v-185a9e49"]]), Ae = {
   key: 0,
   class: "t-alert-header"
-}, Re = { class: "t-alert-content" }, De = { class: "t-alert-footer" }, Xe = /* @__PURE__ */ h({
+}, De = { class: "t-alert-content" }, Xe = { class: "t-alert-footer" }, Oe = /* @__PURE__ */ h({
   __name: "t-alert",
   props: {
     title: {},
@@ -208,19 +208,19 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
       r.value = !0;
     }, i = (a) => {
       r.value = !1, a.handler && a.handler(), l("dismiss", "choose", a?.data);
-    }, _ = (a) => {
+    }, y = (a) => {
       s.dismiss && s.dismiss.includes(a) ? (r.value = !1, l("dismiss", a)) : a == "backdrop" && (n.value = !0, setTimeout(() => {
         n.value = !1;
       }, 300));
     };
     return t({
       open: c
-    }), (a, y) => (u(), C(M, {
+    }), (a, _) => (u(), V(M, {
       placement: "center",
       backdrop: !0,
       keepalive: !1,
       visible: r.value,
-      onDismiss: _
+      onDismiss: y
     }, {
       default: P(() => [
         k("div", {
@@ -229,20 +229,20 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
           ref: d
         }, [
           g(a.$slots, "header", {}, () => [
-            s.title ? (u(), p("div", Ae, R(s.title), 1)) : E("", !0)
+            s.title ? (u(), p("div", Ae, A(s.title), 1)) : E("", !0)
           ], !0),
           g(a.$slots, "content", {}, () => [
-            k("div", Re, R(s.message), 1)
+            k("div", De, A(s.message), 1)
           ], !0),
           g(a.$slots, "footer", {}, () => [
-            k("div", De, [
-              (u(!0), p(N, null, F(s.actions, (b) => (u(), C(Q, {
+            k("div", Xe, [
+              (u(!0), p(N, null, F(s.actions, (b) => (u(), V(Q, {
                 color: b.color,
                 variant: b.variant,
                 onClick: ($) => i(b)
               }, {
                 default: P(() => [
-                  q(R(b.text), 1)
+                  q(A(b.text), 1)
                 ]),
                 _: 2
               }, 1032, ["color", "variant", "onClick"]))), 256))
@@ -253,7 +253,7 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
       _: 3
     }, 8, ["visible"]));
   }
-}), de = /* @__PURE__ */ v(Xe, [["__scopeId", "data-v-05d0c578"]]), ko = (e = {}) => ({
+}), pe = /* @__PURE__ */ v(Oe, [["__scopeId", "data-v-05d0c578"]]), $o = (e = {}) => ({
   open() {
     return new Promise((t) => {
       let o = document.body.querySelector(".t-app");
@@ -262,7 +262,7 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
       o.appendChild(s);
       const l = j({
         render() {
-          return K(de, {
+          return K(pe, {
             ...e,
             ref: r,
             onDismiss: (d, n) => {
@@ -278,7 +278,7 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
       }, 50);
     });
   }
-}), Oe = /* @__PURE__ */ h({
+}), Ne = /* @__PURE__ */ h({
   __name: "t-action",
   props: {
     actions: {},
@@ -291,7 +291,7 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
       r.value = !0;
     }, i = (a) => {
       r.value = !1, a.handler && a.handler(), l("dismiss", "choose", a?.data);
-    }, _ = (a) => {
+    }, y = (a) => {
       s.dismiss && s.dismiss.includes(a) ? (r.value = !1, l("dismiss", a)) : a == "backdrop" && (n.value = !0, setTimeout(() => {
         n.value = !1;
       }, 300));
@@ -301,12 +301,12 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
     }), t({
       open: c,
       close
-    }), (a, y) => (u(), C(M, {
+    }), (a, _) => (u(), V(M, {
       placement: "bottom",
       backdrop: !0,
       keepalive: !1,
       visible: r.value,
-      onDismiss: _
+      onDismiss: y
     }, {
       default: P(() => [
         k("div", {
@@ -315,7 +315,7 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
           ref: d
         }, [
           (u(!0), p(N, null, F(s.actions, (b) => (u(), p("div", null, [
-            (u(!0), p(N, null, F(b, ($) => (u(), C(Q, {
+            (u(!0), p(N, null, F(b, ($) => (u(), V(Q, {
               color: $.color,
               size: $.size,
               variant: $.variant,
@@ -323,7 +323,7 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
               block: ""
             }, {
               default: P(() => [
-                q(R($.text), 1)
+                q(A($.text), 1)
               ]),
               _: 2
             }, 1032, ["color", "size", "variant", "onClick"]))), 256))
@@ -333,7 +333,7 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
       _: 1
     }, 8, ["visible"]));
   }
-}), Ne = /* @__PURE__ */ v(Oe, [["__scopeId", "data-v-844fb240"]]), $o = (e = {}) => ({
+}), qe = /* @__PURE__ */ v(Ne, [["__scopeId", "data-v-844fb240"]]), wo = (e = {}) => ({
   open() {
     return new Promise((t) => {
       let o = document.body.querySelector(".t-app");
@@ -342,7 +342,7 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
       o.appendChild(s);
       const l = j({
         render() {
-          return K(Ne, {
+          return K(qe, {
             ...e,
             ref: r,
             onDismiss: (d, n) => {
@@ -358,7 +358,7 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
       }, 50);
     });
   }
-}), qe = { class: "t-loading" }, Le = /* @__PURE__ */ h({
+}), Le = { class: "t-loading" }, Me = /* @__PURE__ */ h({
   __name: "t-loading",
   props: {
     type: { default: "spinner" }
@@ -373,14 +373,14 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
       close: () => {
         r.value = !1;
       }
-    }), (n, c) => (u(), C(M, {
+    }), (n, c) => (u(), V(M, {
       placement: "center",
       backdrop: !0,
       keepalive: !1,
       visible: r.value
     }, {
       default: P(() => [
-        k("div", qe, [
+        k("div", Le, [
           g(n.$slots, "default", {}, () => [
             U(J, {
               type: s.type
@@ -391,7 +391,7 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
       _: 3
     }, 8, ["visible"]));
   }
-}), Me = /* @__PURE__ */ v(Le, [["__scopeId", "data-v-8f84c14e"]]), wo = (e = {}) => {
+}), We = /* @__PURE__ */ v(Me, [["__scopeId", "data-v-8f84c14e"]]), To = (e = {}) => {
   const t = m(), o = document.body.querySelector(".t-app");
   let s = null, r = null;
   return {
@@ -399,7 +399,7 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
       return new Promise((l) => {
         o && (r = document.createElement("div"), o.appendChild(r), s = j({
           render() {
-            return K(Me, {
+            return K(We, {
               ...e,
               ref: t
             });
@@ -417,11 +417,11 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
       });
     }
   };
-}, ae = m(1e3), We = {
+}, le = m(1e3), He = {
   getNewIndex() {
-    return ae.value += 2, ae.value;
+    return le.value += 2, le.value;
   }
-}, D = le([]), Z = m(!0), I = m(!1), A = m(-1), z = w(() => D[A.value]), L = w(() => D[A.value + 1] || void 0), B = w(() => D[D.length - 2]), pe = w(() => !I.value && Z.value && B.value), Y = {
+}, D = ce([]), Z = m(!0), I = m(!1), R = m(-1), z = w(() => D[R.value]), L = w(() => D[R.value + 1] || void 0), B = w(() => D[D.length - 2]), fe = w(() => !I.value && Z.value && B.value), Y = {
   reset() {
     I.value = !0;
     const e = z.value.target, t = B.value.target;
@@ -430,26 +430,26 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
     }, 400);
   },
   move(e) {
-    if (!pe.value) return;
+    if (!fe.value) return;
     const t = window.innerWidth, o = e / t * 100, s = z.value.target, r = B.value.target;
     e > 15 && e <= t && (e = e > 0 ? e : 0, s.style.transition = "transform 0s ease", s.style.transform = `translateX(${e}px)`, r.style.transition = "transform 0s ease", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), r.style.transform = `translateX(calc((var(--t-app-width) / 100 * 30 * -1) + ((var(--t-app-width) / 100 * 30) / 100 * ${o}))) scale(${0.5 + 0.5 / 100 * o}) perspective(var(--t-app-width)) rotateY(${30 - 30 / 100 * o}deg)`, document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", `${0.5 - 0.5 / 100 * o}`));
   },
   back(e) {
     B.value && (z.value.target.style.transition = "transform 0.35s ease", z.value.target.style.transform = "translateX(var(--t-app-width)) scale(1)", B.value.target.style.transition = "transform 0.35s ease", B.value.target.style.transform = "translateX(0px) scale(1) perspective(var(--t-app-width)) rotateY(0deg)", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0.35s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0"), I.value = !0, setTimeout(() => {
-      ne(), I.value = !1, A.value -= 1, e && e();
+      ne(), I.value = !1, R.value -= 1, e && e();
     }, 400));
   },
   next(e) {
     if (!L.value) return;
-    if (A.value == -1) {
-      A.value += 1, e && e();
+    if (R.value == -1) {
+      R.value += 1, e && e();
       return;
     }
     I.value = !0;
     let t = L.value.target;
     t.style.transform = "translateX(var(--t-app-width))", t.transitionOrigin = "center", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0"), setTimeout(() => {
       t.style.transition = "transform 0.35s ease", t.style.transform = "translateX(0px)", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0.35s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0.5"), z.value && (z.value.target.style.transitionOrigin = "left center", z.value.target.style.transition = "transform 0.35s ease", z.value.target.style.transform = "translateX(calc(var(--t-app-width) / 100 * 30 * -1)) scale(0.5) perspective(var(--t-app-width)) rotateY(30deg)"), setTimeout(() => {
-        I.value = !1, A.value += 1, e && e();
+        I.value = !1, R.value += 1, e && e();
       }, 400);
     }, 100);
   }
@@ -467,62 +467,62 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
   },
   back(e) {
     B.value && (z.value.target.style.transition = "transform 0.35s ease", z.value.target.style.transform = "translateX(var(--t-app-width)) scale(1)", B.value.target.style.transition = "transform 0.35s ease", B.value.target.style.transform = "translateX(0px)", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0.35s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0"), I.value = !0, setTimeout(() => {
-      ne(), I.value = !1, A.value -= 1, e && e();
+      ne(), I.value = !1, R.value -= 1, e && e();
     }, 400));
   },
   next(e) {
     if (!L.value) return;
-    if (A.value == -1) {
-      A.value += 1, e && e();
+    if (R.value == -1) {
+      R.value += 1, e && e();
       return;
     }
     I.value = !0;
     let t = L.value.target;
     t.style.transform = "translateX(var(--t-app-width))", t.transitionOrigin = "center", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0"), setTimeout(() => {
       t.style.transition = "transform 0.35s ease", t.style.transform = "translateX(0px)", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0.35s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0.5"), z.value && (z.value.target.style.transitionOrigin = "left center", z.value.target.style.transition = "transform 0.35s ease", z.value.target.style.transform = "translateX(calc(var(--t-app-width) / 100 * 30 * -1))"), setTimeout(() => {
-        I.value = !1, A.value += 1, e && e();
+        I.value = !1, R.value += 1, e && e();
       }, 400);
     }, 100);
   }
-}, He = (e) => {
+}, Fe = (e) => {
   D.push(e);
-}, Fe = (e, t) => {
+}, Ge = (e, t) => {
   D[e].target = t;
 }, ne = (e) => {
   e || D.pop();
-}, Ge = () => {
-  D.splice(0, D.length);
 }, Ue = () => {
-  Z.value = !1;
+  D.splice(0, D.length);
 }, je = () => {
+  Z.value = !1;
+}, Ke = () => {
   Z.value = !0;
-}, Ke = (e, t) => {
-  e == "scale" && Y.next(t), e == "transform" && ee.next(t);
 }, Je = (e, t) => {
-  e == "scale" && Y.back(t), e == "transform" && ee.back(t);
+  e == "scale" && Y.next(t), e == "transform" && ee.next(t);
 }, Qe = (e, t) => {
+  e == "scale" && Y.back(t), e == "transform" && ee.back(t);
+}, Ze = (e, t) => {
   e == "scale" && Y.move(t), e == "transform" && ee.move(t);
-}, Ze = (e) => {
+}, Ye = (e) => {
   e == "scale" && Y.reset(), e == "transform" && ee.reset();
 }, x = {
   isBusy: I,
-  isSwipeable: pe,
-  reset: Ze,
-  next: Ke,
-  back: Je,
-  move: Qe,
+  isSwipeable: fe,
+  reset: Ye,
+  next: Je,
+  back: Qe,
+  move: Ze,
   screens: D,
-  addScreen: He,
-  addScreenEl: Fe,
+  addScreen: Fe,
+  addScreenEl: Ge,
   removeScreen: ne,
-  removeAllScreen: Ge,
-  lockSwipe: Ue,
-  unlockSwipe: je,
+  removeAllScreen: Ue,
+  lockSwipe: je,
+  unlockSwipe: Ke,
   swipeable: Z,
   currentScreen: z,
   lastScreen: B,
   nextScreen: L
-}, Ye = { class: "t-toast-content" }, et = /* @__PURE__ */ h({
+}, et = { class: "t-toast-content" }, tt = /* @__PURE__ */ h({
   __name: "t-toast",
   props: {
     message: {},
@@ -546,7 +546,7 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
     X(() => s.visible, (a) => {
       a ? c() : i();
     });
-    const _ = w(() => {
+    const y = w(() => {
       let a;
       return s.variant == "default" && (s.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(s.color) ? a = {
         "--border": "none",
@@ -589,17 +589,17 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
     return t({
       open: c,
       close: i
-    }), (a, y) => d.value ? (u(), p("div", {
+    }), (a, _) => d.value ? (u(), p("div", {
       key: 0,
       class: S(["t-toast", { [s.placement]: !0, open: l.value, closing: n.value }]),
-      style: T({ "--space": s.space, ..._.value })
+      style: T({ "--space": s.space, ...y.value })
     }, [
       g(a.$slots, "content", {}, () => [
-        k("div", Ye, R(s.message), 1)
+        k("div", et, A(s.message), 1)
       ], !0)
     ], 6)) : E("", !0);
   }
-}), fe = /* @__PURE__ */ v(et, [["__scopeId", "data-v-2802d43f"]]), To = (e = {}) => ({
+}), me = /* @__PURE__ */ v(tt, [["__scopeId", "data-v-2802d43f"]]), xo = (e = {}) => ({
   open() {
     let t = document.body.querySelector(".t-app");
     if (!t) return;
@@ -607,7 +607,7 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
     t.appendChild(o);
     const r = j({
       render() {
-        return K(fe, {
+        return K(me, {
           ...e,
           ref: s,
           onDismiss: () => {
@@ -624,30 +624,30 @@ const Ie = /* @__PURE__ */ v(xe, [["render", ze]]), Ee = /* @__PURE__ */ h({
       }, e.duration + 10);
     }, 50);
   }
-}), tt = m(0);
-function me() {
+}), ot = m(0);
+function ve() {
   return {
-    height: tt
+    height: ot
   };
 }
-const ot = /* @__PURE__ */ h({
+const st = /* @__PURE__ */ h({
   __name: "t-cable",
   props: {
     keyboard: { type: Boolean, default: !1 },
     placement: { default: "bottom" }
   },
   setup(e) {
-    const t = e, { height: o } = me();
-    return ce("cableState", {
+    const t = e, { height: o } = ve();
+    return ie("cableState", {
       placement: t.placement
     }), (s, r) => (u(), p("div", {
-      class: S(["t-cable", { keyboard: t.keyboard && V(o) > 0, [t.placement]: !0 }]),
-      style: T({ "--t-keyboard-height": V(o) + "px", "--t-keyboard-transition": V(o) > 0 ? "0.3s" : "0.1s" })
+      class: S(["t-cable", { keyboard: t.keyboard && C(o) > 0, [t.placement]: !0 }]),
+      style: T({ "--t-keyboard-height": C(o) + "px", "--t-keyboard-transition": C(o) > 0 ? "0.3s" : "0.1s" })
     }, [
       g(s.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), st = /* @__PURE__ */ v(ot, [["__scopeId", "data-v-6cae224b"]]), rt = /* @__PURE__ */ h({
+}), rt = /* @__PURE__ */ v(st, [["__scopeId", "data-v-6cae224b"]]), nt = /* @__PURE__ */ h({
   __name: "t-card",
   props: {
     color: { default: null }
@@ -670,13 +670,13 @@ const ot = /* @__PURE__ */ h({
       g(s.$slots, "default")
     ], 4));
   }
-}), nt = {}, at = { class: "t-content" };
-function lt(e, t) {
-  return u(), p("div", at, [
+}), at = {}, lt = { class: "t-content" };
+function ct(e, t) {
+  return u(), p("div", lt, [
     g(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const ve = /* @__PURE__ */ v(nt, [["render", lt], ["__scopeId", "data-v-af750e89"]]), ct = /* @__PURE__ */ h({
+const ye = /* @__PURE__ */ v(at, [["render", ct], ["__scopeId", "data-v-af750e89"]]), it = /* @__PURE__ */ h({
   __name: "t-refresher",
   props: {
     threshold: { default: 120 },
@@ -689,15 +689,15 @@ const ve = /* @__PURE__ */ v(nt, [["render", lt], ["__scopeId", "data-v-af750e89
     let n, c = !1;
     const i = () => {
       l.value = !1, r.value = 0, n && n.cancel(), c = !1;
-    }, _ = () => {
+    }, y = () => {
       c = !0, l.value = !0, r.value = s.threshold, o("refresh", i);
     }, a = () => {
       r.value = 0, l.value = !1, c = !1, o("cancel");
     };
     return X(() => d.value, () => {
       n && n.destroy();
-      let y = d.value.closest(".t-content");
-      y && (n = re(y, {
+      let _ = d.value.closest(".t-content");
+      _ && (n = re(_, {
         options: {
           minDist: 60
         },
@@ -707,14 +707,14 @@ const ve = /* @__PURE__ */ v(nt, [["render", lt], ["__scopeId", "data-v-af750e89
         move({ deltaY: b, initialDirection: $ }) {
           if (l.value || c || $ != "down") return;
           if (s.variant == "max" && b >= s.threshold) {
-            _();
+            y();
             return;
           }
           const f = b < 0 ? 0 : b;
           r.value = f, o("move", f);
         },
         up({ deltaY: b, initialDirection: $ }) {
-          l.value || c || $ != "down" || (s.variant == "up" && b >= s.threshold ? _() : a());
+          l.value || c || $ != "down" || (s.variant == "up" && b >= s.threshold ? y() : a());
         },
         cancel() {
           l.value || c || a();
@@ -724,12 +724,12 @@ const ve = /* @__PURE__ */ v(nt, [["render", lt], ["__scopeId", "data-v-af750e89
       }));
     }), se(() => {
       n && n.destroy();
-    }), (y, b) => W((u(), p("div", {
-      class: S(["t-refresher", { safe: y.safe }]),
+    }), (_, b) => W((u(), p("div", {
+      class: S(["t-refresher", { safe: _.safe }]),
       ref_key: "container",
       ref: d
     }, [
-      g(y.$slots, "default", {
+      g(_.$slots, "default", {
         offset: r.value,
         refreshing: l.value
       }, void 0, !0)
@@ -737,13 +737,13 @@ const ve = /* @__PURE__ */ v(nt, [["render", lt], ["__scopeId", "data-v-af750e89
       [H, r.value > 0]
     ]);
   }
-}), it = /* @__PURE__ */ v(ct, [["__scopeId", "data-v-1d52477a"]]), ut = {}, dt = { class: "t-screen" };
-function pt(e, t) {
-  return u(), p("div", dt, [
+}), ut = /* @__PURE__ */ v(it, [["__scopeId", "data-v-1d52477a"]]), dt = {}, pt = { class: "t-screen" };
+function ft(e, t) {
+  return u(), p("div", pt, [
     g(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const _e = /* @__PURE__ */ v(ut, [["render", pt], ["__scopeId", "data-v-c2a3436c"]]), ft = /* @__PURE__ */ h({
+const _e = /* @__PURE__ */ v(dt, [["render", ft], ["__scopeId", "data-v-c2a3436c"]]), mt = /* @__PURE__ */ h({
   __name: "t-swipe-screen",
   props: {
     variant: { default: "scale" },
@@ -755,21 +755,21 @@ const _e = /* @__PURE__ */ v(ut, [["render", pt], ["__scopeId", "data-v-c2a3436c
     let o = {};
     const s = t, r = e;
     let l;
-    const d = r.router || ue(), n = r.route || ke(), c = d.getRoutes();
+    const d = r.router || de(), n = r.route || $e(), c = d.getRoutes();
     for (let a of c)
       o[a.name] = a.component || a.components;
     const i = (a) => {
       a && x.addScreen({
         name: a,
         target: null,
-        component: be(o[a] || null)
+        component: he(o[a] || null)
       });
-    }, _ = (a, y) => {
-      !y || x.screens[a].target || (x.addScreenEl(a, y.$el), x.nextScreen && x.next(r.variant, () => {
+    }, y = (a, _) => {
+      !_ || x.screens[a].target || (x.addScreenEl(a, _.$el), x.nextScreen && x.next(r.variant, () => {
         s("change");
       }));
     };
-    return X(() => n.name, (a, y) => {
+    return X(() => n.name, (a, _) => {
       a != x.currentScreen.value?.name && (x.lastScreen.value?.name == a ? x.back(r.variant, () => {
         s("change");
       }) : i(n.name));
@@ -781,11 +781,11 @@ const _e = /* @__PURE__ */ v(ut, [["render", pt], ["__scopeId", "data-v-c2a3436c
         fast({ initialDirection: a }) {
           x.lastScreen.value && a == "right" && d.back();
         },
-        move({ deltaX: a, initialDirection: y }) {
-          y == "right" && x.move(r.variant, a);
+        move({ deltaX: a, initialDirection: _ }) {
+          _ == "right" && x.move(r.variant, a);
         },
-        up({ deltaX: a, initialDirection: y }) {
-          if (y != "right") {
+        up({ deltaX: a, initialDirection: _ }) {
+          if (_ != "right") {
             x.reset(r.variant);
             return;
           }
@@ -798,25 +798,25 @@ const _e = /* @__PURE__ */ v(ut, [["render", pt], ["__scopeId", "data-v-c2a3436c
       });
     }), se(() => {
       l && l.destroy(), x.removeAllScreen();
-    }), (a, y) => (u(), p(N, null, [
-      (u(!0), p(N, null, F(V(x).screens, (b, $) => (u(), C(_e, {
+    }), (a, _) => (u(), p(N, null, [
+      (u(!0), p(N, null, F(C(x).screens, (b, $) => (u(), V(_e, {
         ref_for: !0,
-        ref: (f) => _($, f),
-        style: T({ zIndex: $ + ($ == V(x).screens.length - 1 ? 2 : 1) }),
+        ref: (f) => y($, f),
+        style: T({ zIndex: $ + ($ == C(x).screens.length - 1 ? 2 : 1) }),
         key: $
       }, {
         default: P(() => [
-          (u(), C(ge(b.component.default)))
+          (u(), V(be(b.component.default)))
         ]),
         _: 2
       }, 1032, ["style"]))), 128)),
       k("div", {
         class: "t-swipe-backdrop",
-        style: T({ zIndex: V(x).screens.length })
+        style: T({ zIndex: C(x).screens.length })
       }, null, 4)
     ], 64));
   }
-}), mt = /* @__PURE__ */ v(ft, [["__scopeId", "data-v-23e0cfda"]]), vt = /* @__PURE__ */ h({
+}), vt = /* @__PURE__ */ v(mt, [["__scopeId", "data-v-23e0cfda"]]), yt = /* @__PURE__ */ h({
   __name: "t-toolbar",
   props: {
     placement: { default: null },
@@ -824,7 +824,7 @@ const _e = /* @__PURE__ */ v(ut, [["render", pt], ["__scopeId", "data-v-c2a3436c
     size: { default: "50px" }
   },
   setup(e) {
-    const t = e, o = ie("cableState"), s = w(() => t?.placement || o?.placement);
+    const t = e, o = ue("cableState"), s = w(() => t?.placement || o?.placement);
     return (r, l) => (u(), p("div", {
       class: S(["t-toolbar", { [s.value]: !0, safe: t.safe }]),
       style: T({ "--t-size-toolbar": t.size })
@@ -834,21 +834,21 @@ const _e = /* @__PURE__ */ v(ut, [["render", pt], ["__scopeId", "data-v-c2a3436c
       ])
     ], 6));
   }
-}), _t = /* @__PURE__ */ v(vt, [["__scopeId", "data-v-1ee9866d"]]), yt = /* @__PURE__ */ h({
+}), _t = /* @__PURE__ */ v(yt, [["__scopeId", "data-v-1ee9866d"]]), gt = /* @__PURE__ */ h({
   __name: "t-back-button",
   props: {
     to: {},
     router: {}
   },
   setup(e) {
-    const t = e, o = he(), s = t.router || ue(), r = (l) => {
+    const t = e, o = ke(), s = t.router || de(), r = (l) => {
       if (o.onBack) {
         o.onBack(l);
         return;
       }
       x.lastScreen.value ? s?.back?.() : t.to && s?.push?.(t.to);
     };
-    return (l, d) => l.to || V(x).lastScreen ? (u(), p("button", {
+    return (l, d) => l.to || C(x).lastScreen ? (u(), p("button", {
       key: 0,
       class: "t-back-button",
       onClick: r
@@ -858,7 +858,7 @@ const _e = /* @__PURE__ */ v(ut, [["render", pt], ["__scopeId", "data-v-c2a3436c
       ], !0)
     ])) : E("", !0);
   }
-}), gt = /* @__PURE__ */ v(yt, [["__scopeId", "data-v-dcf9d363"]]), bt = /* @__PURE__ */ h({
+}), bt = /* @__PURE__ */ v(gt, [["__scopeId", "data-v-dcf9d363"]]), ht = /* @__PURE__ */ h({
   __name: "t-text",
   props: {
     color: { default: "var(--t-color-text)" },
@@ -879,7 +879,7 @@ const _e = /* @__PURE__ */ v(ut, [["render", pt], ["__scopeId", "data-v-c2a3436c
       g(s.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), oe = /* @__PURE__ */ v(bt, [["__scopeId", "data-v-f0f94f05"]]), ht = /* @__PURE__ */ h({
+}), oe = /* @__PURE__ */ v(ht, [["__scopeId", "data-v-f0f94f05"]]), kt = /* @__PURE__ */ h({
   __name: "t-gesture-indicator",
   props: {
     placement: { default: "bottom" }
@@ -889,7 +889,7 @@ const _e = /* @__PURE__ */ v(ut, [["render", pt], ["__scopeId", "data-v-c2a3436c
       class: S(["t-gesture-indicator", { [t.placement]: !0 }])
     }, null, 2));
   }
-}), ye = /* @__PURE__ */ v(ht, [["__scopeId", "data-v-ed8f7308"]]), kt = /* @__PURE__ */ h({
+}), ge = /* @__PURE__ */ v(kt, [["__scopeId", "data-v-ed8f7308"]]), $t = /* @__PURE__ */ h({
   __name: "t-sheet",
   props: {
     background: { default: "var(--t-color-surface)" },
@@ -916,7 +916,7 @@ const _e = /* @__PURE__ */ v(ut, [["render", pt], ["__scopeId", "data-v-c2a3436c
       if (o.placement == "right") return "right";
     }), i = (a) => {
       s("dismiss", a);
-    }, _ = () => {
+    }, y = () => {
       d.value = !0, setTimeout(() => {
         d.value = !1;
       }, 300);
@@ -927,38 +927,38 @@ const _e = /* @__PURE__ */ v(ut, [["render", pt], ["__scopeId", "data-v-c2a3436c
         options: {
           minDist: 30
         },
-        beforeEvent(y) {
+        beforeEvent(_) {
           return !(d.value || !o.gesture || o.placement == "center");
         },
         down() {
           this.isMoving = !1;
         },
-        fast({ initialDirection: y }) {
-          _(), y == c.value ? s("dismiss", "gesture") : l.value.open();
+        fast({ initialDirection: _ }) {
+          y(), _ == c.value ? s("dismiss", "gesture") : l.value.open();
         },
-        move({ deltaY: y, deltaX: b, initialDirection: $ }) {
+        move({ deltaY: _, deltaX: b, initialDirection: $ }) {
           if ($ != c.value) return;
           let f = 0;
-          o.placement == "bottom" || o.placement == "top" ? f = y : f = b, o.placement == "bottom" && (f = y > 0 ? y : 0), o.placement == "top" && (f = y < 0 ? y : 0), o.placement == "left" && (f = b < 0 ? b : 0), o.placement == "right" && (f = b > 0 ? b : 0), (o.placement == "bottom" && (f >= 10 || this.isMoving) || o.placement == "top" && (f <= -10 || this.isMoving) || o.placement == "left" && (f <= -10 || this.isMoving) || o.placement == "right" && (f >= 10 || this.isMoving)) && (this.isMoving = !0, l.value.render({
+          o.placement == "bottom" || o.placement == "top" ? f = _ : f = b, o.placement == "bottom" && (f = _ > 0 ? _ : 0), o.placement == "top" && (f = _ < 0 ? _ : 0), o.placement == "left" && (f = b < 0 ? b : 0), o.placement == "right" && (f = b > 0 ? b : 0), (o.placement == "bottom" && (f >= 10 || this.isMoving) || o.placement == "top" && (f <= -10 || this.isMoving) || o.placement == "left" && (f <= -10 || this.isMoving) || o.placement == "right" && (f >= 10 || this.isMoving)) && (this.isMoving = !0, l.value.render({
             contentTransform: f + "px",
             transition: "0s"
           }));
         },
-        up({ deltaY: y, deltaX: b, initialDirection: $ }) {
-          if (this.isMoving = !1, _(), $ != c.value) {
+        up({ deltaY: _, deltaX: b, initialDirection: $ }) {
+          if (this.isMoving = !1, y(), $ != c.value) {
             l.value.open();
             return;
           }
           let f, O, te;
-          o.placement == "bottom" || o.placement == "top" ? (f = r.value.offsetHeight, te = y) : (f = r.value.offsetWidth, te = b), O = te / f * 100, O > 50 ? s("dismiss", "gesture") : l.value.open();
+          o.placement == "bottom" || o.placement == "top" ? (f = r.value.offsetHeight, te = _) : (f = r.value.offsetWidth, te = b), O = te / f * 100, O > 50 ? s("dismiss", "gesture") : l.value.open();
         },
         cancel() {
-          this.isMoving = !1, _(), l.value.open();
+          this.isMoving = !1, y(), l.value.open();
         }
       }));
     }), se(() => {
       n && n.destroy();
-    }), (a, y) => (u(), C(M, {
+    }), (a, _) => (u(), V(M, {
       ref_key: "present",
       ref: l,
       class: S(o.class),
@@ -970,7 +970,7 @@ const _e = /* @__PURE__ */ v(ut, [["render", pt], ["__scopeId", "data-v-c2a3436c
       style: T(o.style)
     }, {
       default: P(() => [
-        o.gesture && o.indicator && o.placement != "center" ? (u(), C(ye, {
+        o.gesture && o.indicator && o.placement != "center" ? (u(), V(ge, {
           key: 0,
           placement: o.placement
         }, null, 8, ["placement"])) : E("", !0),
@@ -986,7 +986,7 @@ const _e = /* @__PURE__ */ v(ut, [["render", pt], ["__scopeId", "data-v-c2a3436c
       _: 3
     }, 8, ["class", "placement", "backdrop", "visible", "keepalive", "style"]));
   }
-}), $t = /* @__PURE__ */ v(kt, [["__scopeId", "data-v-6f7063f0"]]), wt = { class: "t-input-label" }, Tt = { class: "t-input-content" }, xt = ["type", "placeholder", "value"], St = /* @__PURE__ */ h({
+}), wt = /* @__PURE__ */ v($t, [["__scopeId", "data-v-6f7063f0"]]), Tt = { class: "t-input-label" }, xt = { class: "t-input-content" }, St = ["type", "placeholder", "value"], zt = /* @__PURE__ */ h({
   __name: "t-input",
   props: {
     size: { default: "standard" },
@@ -1008,12 +1008,12 @@ const _e = /* @__PURE__ */ v(ut, [["render", pt], ["__scopeId", "data-v-c2a3436c
     }, c = () => {
       r.value = !1;
     };
-    return (i, _) => (u(), p("div", {
+    return (i, y) => (u(), p("div", {
       class: S(["t-input", { rounded: i.rounded, ["size-" + i.size]: !0, ["variant-" + i.variant]: !0, focus: r.value, "has-value": l.value }])
     }, [
       k("label", null, [
-        k("span", wt, R(i.label), 1),
-        k("div", Tt, [
+        k("span", Tt, A(i.label), 1),
+        k("div", xt, [
           g(i.$slots, "start", {}, void 0, !0),
           k("input", {
             type: i.type,
@@ -1022,46 +1022,46 @@ const _e = /* @__PURE__ */ v(ut, [["render", pt], ["__scopeId", "data-v-c2a3436c
             onInput: d,
             onFocus: n,
             onBlur: c
-          }, null, 40, xt),
+          }, null, 40, St),
           g(i.$slots, "end", {}, void 0, !0)
         ])
       ]),
-      i.error ? (u(), C(oe, {
+      i.error ? (u(), V(oe, {
         key: 0,
         color: "danger"
       }, {
         default: P(() => [
-          q(R(i.error), 1)
+          q(A(i.error), 1)
         ]),
         _: 1
-      })) : i.help ? (u(), C(oe, {
+      })) : i.help ? (u(), V(oe, {
         key: 1,
         color: "secondary"
       }, {
         default: P(() => [
-          q(R(i.help), 1)
+          q(A(i.help), 1)
         ]),
         _: 1
       })) : E("", !0)
     ], 2));
   }
-}), zt = /* @__PURE__ */ v(St, [["__scopeId", "data-v-fd2173ab"]]), It = {};
-function Et(e, t) {
+}), It = /* @__PURE__ */ v(zt, [["__scopeId", "data-v-fd2173ab"]]), Et = {};
+function Bt(e, t) {
   return u(), p("textarea");
 }
-const Bt = /* @__PURE__ */ v(It, [["render", Et]]), Ct = {};
-function Vt(e, t) {
+const Vt = /* @__PURE__ */ v(Et, [["render", Bt]]), Ct = {};
+function Pt(e, t) {
   return u(), p("div");
 }
-const Pt = /* @__PURE__ */ v(Ct, [["render", Vt]]), At = {}, Rt = { class: "t-grid" };
-function Dt(e, t) {
-  return u(), p("div", Rt);
+const Rt = /* @__PURE__ */ v(Ct, [["render", Pt]]), At = {}, Dt = { class: "t-grid" };
+function Xt(e, t) {
+  return u(), p("div", Dt);
 }
-const Xt = /* @__PURE__ */ v(At, [["render", Dt]]), Ot = {}, Nt = { class: "t-grid-item" };
-function qt(e, t) {
-  return u(), p("div", Nt);
+const Ot = /* @__PURE__ */ v(At, [["render", Xt]]), Nt = {}, qt = { class: "t-grid-item" };
+function Lt(e, t) {
+  return u(), p("div", qt);
 }
-const Lt = /* @__PURE__ */ v(Ot, [["render", qt]]), Mt = /* @__PURE__ */ h({
+const Mt = /* @__PURE__ */ v(Nt, [["render", Lt]]), Wt = /* @__PURE__ */ h({
   __name: "t-divider",
   props: {
     direction: { default: "horizontal" }
@@ -1072,7 +1072,7 @@ const Lt = /* @__PURE__ */ v(Ot, [["render", qt]]), Mt = /* @__PURE__ */ h({
       class: S(["t-divider", { [t.direction]: !0 }])
     }, null, 2));
   }
-}), Wt = /* @__PURE__ */ v(Mt, [["__scopeId", "data-v-47ee8991"]]), Ht = /* @__PURE__ */ h({
+}), Ht = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-47ee8991"]]), Ft = /* @__PURE__ */ h({
   __name: "t-toggle-password",
   props: {
     color: { default: "warning" }
@@ -1093,7 +1093,7 @@ const Lt = /* @__PURE__ */ v(Ot, [["render", qt]]), Mt = /* @__PURE__ */ h({
       let i = n();
       i && (r.value = !r.value, r.value ? i.type = "text" : i.type = "password", s("change", r.value));
     };
-    return (i, _) => (u(), p("button", {
+    return (i, y) => (u(), p("button", {
       ref_key: "toggle",
       ref: l,
       class: "t-toggle-password",
@@ -1101,14 +1101,14 @@ const Lt = /* @__PURE__ */ v(Ot, [["render", qt]]), Mt = /* @__PURE__ */ h({
       onClick: c
     }, [
       r.value ? g(i.$slots, "on", { key: 0 }, () => [
-        _[0] || (_[0] = k("i", { class: "ri-eye-line" }, null, -1))
+        y[0] || (y[0] = k("i", { class: "ri-eye-line" }, null, -1))
       ], !0) : E("", !0),
       r.value ? E("", !0) : g(i.$slots, "off", { key: 1 }, () => [
-        _[1] || (_[1] = k("i", { class: "ri-eye-off-line" }, null, -1))
+        y[1] || (y[1] = k("i", { class: "ri-eye-off-line" }, null, -1))
       ], !0)
     ], 4));
   }
-}), Ft = /* @__PURE__ */ v(Ht, [["__scopeId", "data-v-3268e9e3"]]), Gt = /* @__PURE__ */ h({
+}), Gt = /* @__PURE__ */ v(Ft, [["__scopeId", "data-v-3268e9e3"]]), Ut = /* @__PURE__ */ h({
   __name: "t-avatar",
   props: {
     square: { type: Boolean, default: !1 },
@@ -1123,13 +1123,13 @@ const Lt = /* @__PURE__ */ v(Ot, [["render", qt]]), Mt = /* @__PURE__ */ h({
       g(s.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), Ut = /* @__PURE__ */ v(Gt, [["__scopeId", "data-v-24384c2f"]]), jt = { class: "t-collapse-title" }, Kt = {
+}), jt = /* @__PURE__ */ v(Ut, [["__scopeId", "data-v-24384c2f"]]), Kt = { class: "t-collapse-title" }, Jt = {
   key: 0,
   class: "icon"
-}, Jt = {
+}, Qt = {
   key: 1,
   class: "icon"
-}, Qt = { class: "t-collapse-content" }, Zt = /* @__PURE__ */ h({
+}, Zt = { class: "t-collapse-content" }, Yt = /* @__PURE__ */ h({
   __name: "t-collapse",
   props: {
     title: {}
@@ -1148,20 +1148,20 @@ const Lt = /* @__PURE__ */ v(Ot, [["render", qt]]), Mt = /* @__PURE__ */ h({
         onClick: n
       }, [
         g(c.$slots, "icon"),
-        k("div", jt, [
+        k("div", Kt, [
           g(c.$slots, "title", {}, () => [
-            q(R(o.title), 1)
+            q(A(o.title), 1)
           ])
         ]),
         g(c.$slots, "toggle", {}, () => [
-          r.value ? (u(), p("div", Kt, [...i[0] || (i[0] = [
+          r.value ? (u(), p("div", Jt, [...i[0] || (i[0] = [
             k("i", { class: "ri-arrow-up-s-line" }, null, -1)
-          ])])) : (u(), p("div", Jt, [...i[1] || (i[1] = [
+          ])])) : (u(), p("div", Qt, [...i[1] || (i[1] = [
             k("i", { class: "ri-arrow-down-s-line" }, null, -1)
           ])]))
         ])
       ]),
-      k("div", Qt, [
+      k("div", Zt, [
         k("div", {
           ref_key: "content",
           ref: d
@@ -1173,7 +1173,7 @@ const Lt = /* @__PURE__ */ v(Ot, [["render", qt]]), Mt = /* @__PURE__ */ h({
       ])
     ], 6));
   }
-}), Yt = /* @__PURE__ */ h({
+}), eo = /* @__PURE__ */ h({
   __name: "t-switch",
   props: {
     modelValue: { type: Boolean },
@@ -1201,14 +1201,14 @@ const Lt = /* @__PURE__ */ v(Ot, [["render", qt]]), Mt = /* @__PURE__ */ h({
       k("div", { class: "t-switch-icon" }, null, -1)
     ])], 6));
   }
-}), eo = /* @__PURE__ */ v(Yt, [["__scopeId", "data-v-3616970e"]]), to = /* @__PURE__ */ h({
+}), to = /* @__PURE__ */ v(eo, [["__scopeId", "data-v-3616970e"]]), oo = /* @__PURE__ */ h({
   __name: "t-tab",
   props: {
     value: {}
   },
   setup(e) {
-    const t = e, o = ie("tabsState"), s = w(() => o.active.value === t.value), r = () => {
-      o.setActive(t.value);
+    const t = e, o = ue("tabsState"), s = w(() => o.activeValue.value === t.value), r = () => {
+      o.setValue(t.value);
     };
     return (l, d) => (u(), p("li", {
       class: S(["t-tab", { active: s.value }])
@@ -1216,8 +1216,8 @@ const Lt = /* @__PURE__ */ v(Ot, [["render", qt]]), Mt = /* @__PURE__ */ h({
       U(Q, {
         variant: "text",
         onClick: r,
-        size: V(o).size,
-        color: s.value && V(o).variant == "text" ? V(o).color : void 0
+        size: C(o).size,
+        color: s.value && C(o).variant == "text" ? C(o).color : void 0
       }, {
         default: P(() => [
           g(l.$slots, "default", {}, void 0, !0)
@@ -1226,7 +1226,7 @@ const Lt = /* @__PURE__ */ v(Ot, [["render", qt]]), Mt = /* @__PURE__ */ h({
       }, 8, ["size", "color"])
     ], 2));
   }
-}), oo = /* @__PURE__ */ v(to, [["__scopeId", "data-v-f810d905"]]), so = /* @__PURE__ */ h({
+}), so = /* @__PURE__ */ v(oo, [["__scopeId", "data-v-c1a0215f"]]), ro = /* @__PURE__ */ h({
   __name: "t-tabs",
   props: {
     placement: { default: "top-start" },
@@ -1242,34 +1242,32 @@ const Lt = /* @__PURE__ */ v(Ot, [["render", qt]]), Mt = /* @__PURE__ */ h({
       let c = o.color;
       return ["warning", "info", "danger", "primary", "secondary", "success"].includes(c) && (c = `var(--t-color-status-${c})`), c;
     }), n = () => {
-      setTimeout(() => {
-        if (o.placement.startsWith("top-") || o.placement.startsWith("bottom-")) {
-          let c = l.value.querySelector(".active");
-          if (c) {
-            let i = c.getBoundingClientRect().left - l.value.getBoundingClientRect().left + l.value.scrollLeft, _ = c.offsetWidth / 2;
-            r.value = i + _ - o.border / 2 + "px";
-          }
-        } else if (o.placement.startsWith("left-") || o.placement.startsWith("right-")) {
-          let c = l.value.querySelector(".active");
-          if (c) {
-            let i = c.getBoundingClientRect().top - l.value.getBoundingClientRect().top + l.value.scrollTop, _ = c.offsetHeight / 2;
-            r.value = i + _ - o.border / 2 + "px";
-          }
+      if (o.placement.startsWith("top-") || o.placement.startsWith("bottom-")) {
+        let c = l.value.querySelector(".active");
+        if (c) {
+          let i = c.getBoundingClientRect().left - l.value.getBoundingClientRect().left + l.value.scrollLeft, y = c.offsetWidth / 2;
+          r.value = i + y - o.border / 2 + "px";
         }
-      }, 50);
+      } else if (o.placement.startsWith("left-") || o.placement.startsWith("right-")) {
+        let c = l.value.querySelector(".active");
+        if (c) {
+          let i = c.getBoundingClientRect().top - l.value.getBoundingClientRect().top + l.value.scrollTop, y = c.offsetHeight / 2;
+          r.value = i + y - o.border / 2 + "px";
+        }
+      }
     };
-    return ce("tabsState", {
-      active: w(() => o.modelValue),
+    return ie("tabsState", {
+      activeValue: w(() => o.modelValue),
       color: d.value,
       size: o.size,
       variant: o.variant,
-      setActive: (c) => {
+      setValue: (c) => {
         s("update:modelValue", c);
       }
-    }), G(() => {
-      n();
-    }), X(() => o.modelValue, () => {
-      n();
+    }), X(() => o.modelValue, async () => {
+      await ae(), n();
+    }), G(async () => {
+      await ae(), n();
     }), (c, i) => (u(), p("ul", {
       ref_key: "container",
       ref: l,
@@ -1279,20 +1277,20 @@ const Lt = /* @__PURE__ */ v(Ot, [["render", qt]]), Mt = /* @__PURE__ */ h({
       g(c.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), ro = /* @__PURE__ */ v(so, [["__scopeId", "data-v-25ac1f46"]]), no = /* @__PURE__ */ h({
+}), no = /* @__PURE__ */ v(ro, [["__scopeId", "data-v-aa4a542a"]]), ao = /* @__PURE__ */ h({
   __name: "t-loading-app",
   setup(e) {
-    return (t, o) => (u(), C(ve, null, {
+    return (t, o) => (u(), V(ye, null, {
       default: P(() => [
         U(J, { type: "spinner" })
       ]),
       _: 1
     }));
   }
-}), ao = /* @__PURE__ */ v(no, [["__scopeId", "data-v-1436aa9f"]]), lo = { key: 0 }, co = {
+}), lo = /* @__PURE__ */ v(ao, [["__scopeId", "data-v-1436aa9f"]]), co = { key: 0 }, io = {
   key: 0,
   class: "t-checkbox-label"
-}, io = /* @__PURE__ */ h({
+}, uo = /* @__PURE__ */ h({
   __name: "t-checkbox",
   props: {
     label: { default: "" },
@@ -1328,26 +1326,26 @@ const Lt = /* @__PURE__ */ v(Ot, [["render", qt]]), Mt = /* @__PURE__ */ h({
       k("div", {
         class: S(`t-checkbox-${n.type}`)
       }, [
-        n.type == "radio" ? (u(), p("div", lo)) : E("", !0),
+        n.type == "radio" ? (u(), p("div", co)) : E("", !0),
         n.type == "check" ? g(n.$slots, "icon", { key: 1 }, () => [
           c[0] || (c[0] = k("i", { class: "ri-check-line" }, null, -1))
         ], !0) : E("", !0)
       ], 2),
       g(n.$slots, "label", {}, () => [
-        n.label ? (u(), p("span", co, R(o.label), 1)) : E("", !0)
+        n.label ? (u(), p("span", io, A(o.label), 1)) : E("", !0)
       ], !0)
     ], 6));
   }
-}), uo = /* @__PURE__ */ v(io, [["__scopeId", "data-v-0e13abc3"]]), po = /* @__PURE__ */ h({
+}), po = /* @__PURE__ */ v(uo, [["__scopeId", "data-v-0e13abc3"]]), fo = /* @__PURE__ */ h({
   __name: "t-keyboard",
   setup(e) {
-    const { height: t } = me();
+    const { height: t } = ve();
     return (o, s) => (u(), p("div", {
       class: "t-keyboard",
-      style: T({ "--height": V(t) + "px" })
+      style: T({ "--height": C(t) + "px" })
     }, null, 4));
   }
-}), fo = /* @__PURE__ */ v(po, [["__scopeId", "data-v-5d3fa1da"]]), mo = /* @__PURE__ */ h({
+}), mo = /* @__PURE__ */ v(fo, [["__scopeId", "data-v-5d3fa1da"]]), vo = /* @__PURE__ */ h({
   __name: "t-skeleton",
   props: {
     width: { default: "100%" },
@@ -1366,7 +1364,7 @@ const Lt = /* @__PURE__ */ v(Ot, [["render", qt]]), Mt = /* @__PURE__ */ h({
       style: T(o.value)
     }, null, 4));
   }
-}), vo = /* @__PURE__ */ v(mo, [["__scopeId", "data-v-877bbdb5"]]), _o = /* @__PURE__ */ h({
+}), yo = /* @__PURE__ */ v(vo, [["__scopeId", "data-v-877bbdb5"]]), _o = /* @__PURE__ */ h({
   __name: "t-ripple",
   props: {
     color: { default: "primary" }
@@ -1387,20 +1385,20 @@ const Lt = /* @__PURE__ */ v(Ot, [["render", qt]]), Mt = /* @__PURE__ */ h({
       style: T(o.value)
     }, null, 4));
   }
-}), yo = /* @__PURE__ */ v(_o, [["__scopeId", "data-v-42cb3d71"]]), xo = () => ({
+}), go = /* @__PURE__ */ v(_o, [["__scopeId", "data-v-42cb3d71"]]), So = () => ({
   install: (e) => {
-    Te(), e.component("t-app", Ie), e.component("t-screen", _e), e.component("t-swipe-screen", mt), e.component("t-cable", st), e.component("t-toolbar", _t), e.component("t-content", ve), e.component("t-card", rt), e.component("t-refresher", it), e.component("t-button", Q), e.component("t-back-button", gt), e.component("t-present", M), e.component("t-text", oe), e.component("t-sheet", $t), e.component("t-gesture-indicator", ye), e.component("t-input", zt), e.component("t-textarea", Bt), e.component("t-rich-text", Pt), e.component("t-grid", Xt), e.component("t-grid-item", Lt), e.component("t-divider", Wt), e.component("t-toggle-password", Ft), e.component("t-loading-icon", J), e.component("t-alert", de), e.component("t-avatar", Ut), e.component("t-collapse", Zt), e.component("t-toast", fe), e.component("t-switch", eo), e.component("t-tab", oo), e.component("t-tabs", ro), e.component("t-loading-app", ao), e.component("t-checkbox", uo), e.component("t-keyboard", fo), e.component("t-skeleton", vo), e.component("t-ripple", yo);
+    xe(), e.component("t-app", Ee), e.component("t-screen", _e), e.component("t-swipe-screen", vt), e.component("t-cable", rt), e.component("t-toolbar", _t), e.component("t-content", ye), e.component("t-card", nt), e.component("t-refresher", ut), e.component("t-button", Q), e.component("t-back-button", bt), e.component("t-present", M), e.component("t-text", oe), e.component("t-sheet", wt), e.component("t-gesture-indicator", ge), e.component("t-input", It), e.component("t-textarea", Vt), e.component("t-rich-text", Rt), e.component("t-grid", Ot), e.component("t-grid-item", Mt), e.component("t-divider", Ht), e.component("t-toggle-password", Gt), e.component("t-loading-icon", J), e.component("t-alert", pe), e.component("t-avatar", jt), e.component("t-collapse", Yt), e.component("t-toast", me), e.component("t-switch", to), e.component("t-tab", so), e.component("t-tabs", no), e.component("t-loading-app", lo), e.component("t-checkbox", po), e.component("t-keyboard", mo), e.component("t-skeleton", yo), e.component("t-ripple", go);
   }
 });
 export {
-  we as blurCurrentActive,
-  $o as createAction,
-  ko as createAlert,
-  wo as createLoading,
-  To as createToast,
-  xo as createToife,
-  $e as isFormElement,
-  We as presentController,
+  Te as blurCurrentActive,
+  wo as createAction,
+  $o as createAlert,
+  To as createLoading,
+  xo as createToast,
+  So as createToife,
+  we as isFormElement,
+  He as presentController,
   x as screenController,
-  me as useKeyboard
+  ve as useKeyboard
 };