@toife/vue 2.0.6 → 2.0.8

package/dist/index.es.js

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