@toife/vue 1.2.53 → 1.2.55

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import { createElementBlock as d, openBlock as c, renderSlot as g, defineComponent as b, ref as v, computed as w, reactive as ce, watch as O, Fragment as X, withDirectives as W, createCommentVNode as E, normalizeStyle as $, normalizeClass as T, vShow as H, createElementVNode as k, createVNode as U, createBlock as C, withCtx as P, toDisplayString as R, renderList as G, createTextVNode as N, createApp as j, h as F, provide as ie, unref as V, onUnmounted as oe, onMounted as se, resolveDynamicComponent as be, markRaw as he, inject as ue, useAttrs as ke } from "vue";
+import { createElementBlock as d, openBlock as c, renderSlot as g, defineComponent as b, ref as m, computed as w, reactive as ce, watch as O, Fragment as X, withDirectives as W, createCommentVNode as E, normalizeStyle as k, normalizeClass as T, vShow as H, createElementVNode as h, createVNode as U, createBlock as C, withCtx as P, toDisplayString as R, renderList as G, createTextVNode as N, createApp as j, h as F, provide as ie, unref as V, onUnmounted as oe, onMounted as se, resolveDynamicComponent as be, markRaw as he, inject as ue, useAttrs as ke } from "vue";
 import { gesture as ne } from "@toife/gesture";
-import { useRoute as $e, useRouter as de } from "vue-router";
+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();
@@ -8,7 +8,7 @@ const we = (e) => e && (e.tagName == "INPUT" || e.tagName == "TEXTAREA" || e.isC
   document.addEventListener("contextmenu", (e) => e.preventDefault()), document.addEventListener("selectstart", (e) => e.preventDefault()), document.addEventListener("pointerup", (e) => {
     !we(e.target) && xe();
   });
-}, y = (e, o) => {
+}, v = (e, o) => {
   const t = e.__vccOpts || e;
   for (const [s, n] of o)
     t[s] = n;
@@ -19,7 +19,7 @@ function Ie(e, o) {
     g(e.$slots, "default")
   ]);
 }
-const Ee = /* @__PURE__ */ y(Se, [["render", Ie]]), Be = /* @__PURE__ */ b({
+const Ee = /* @__PURE__ */ v(Se, [["render", Ie]]), Be = /* @__PURE__ */ b({
   __name: "t-present",
   props: {
     keepalive: { type: Boolean, default: !0 },
@@ -31,68 +31,68 @@ const Ee = /* @__PURE__ */ y(Se, [["render", Ie]]), Be = /* @__PURE__ */ b({
   },
   emits: ["dismiss"],
   setup(e, { expose: o, emit: t }) {
-    const s = v(0), n = v(!1), r = v(), u = v(), a = e, i = t, m = w(() => n.value || a.keepalive), _ = ce({
+    const s = m(0), n = m(!1), a = m(), i = m(), l = e, u = t, p = w(() => n.value || l.keepalive), _ = ce({
       "--t-present-backdrop-opacity": "0.4",
       "--t-present-transition": "0.2s",
       "--t-present-content-transform": "0px",
       "--t-present-content-opacity": "1"
-    }), l = (f) => {
-      a.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);
-    }, p = () => {
-      l({
+    }), r = (f) => {
+      l.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 = () => {
+      r({
         contentTransform: "0px",
         transition: "0.2s",
         backdropOpacity: "0.4",
         contentOpacity: "1"
       });
-    }, h = () => {
+    }, $ = () => {
       let f = "0px", D = "1";
-      a.placement == "bottom" || a.placement == "right" ? f = "100%" : a.placement == "top" || a.placement == "left" ? f = "-100%" : a.placement == "center" && (f = "0px", D = "0"), l({
+      l.placement == "bottom" || l.placement == "right" ? f = "100%" : l.placement == "top" || l.placement == "left" ? f = "-100%" : l.placement == "center" && (f = "0px", D = "0"), r({
         contentTransform: f,
         transition: "0.2s",
         contentOpacity: D,
         backdropOpacity: "0"
       });
     };
-    O(() => a.visible, () => {
-      a.visible ? (n.value = !0, s.value = He.getNewIndex(), setTimeout(() => {
-        p();
-      }, 50)) : (h(), setTimeout(() => {
+    O(() => l.visible, () => {
+      l.visible ? (n.value = !0, s.value = He.getNewIndex(), setTimeout(() => {
+        y();
+      }, 50)) : ($(), setTimeout(() => {
         n.value = !1;
       }, 200));
     }), o({
-      render: l,
-      open: p,
-      close: h
+      render: r,
+      open: y,
+      close: $
     });
-    const z = (f) => {
-      f.preventDefault(), i("dismiss", "backdrop");
+    const S = (f) => {
+      f.preventDefault(), u("dismiss", "backdrop");
     };
-    return h(), (f, D) => (c(), d(X, null, [
-      m.value ? W((c(), d("div", {
+    return $(), (f, D) => (c(), d(X, null, [
+      p.value ? W((c(), d("div", {
         key: 0,
-        class: T(["t-present", [{ [f.placement]: !0 }, a.class]]),
+        class: T(["t-present", [{ [f.placement]: !0 }, l.class]]),
         ref_key: "present",
-        ref: u,
-        style: $([_, { zIndex: s.value }, a.style])
+        ref: i,
+        style: k([_, { zIndex: s.value }, l.style])
       }, [
         g(f.$slots, "default", {}, void 0, !0)
       ], 6)), [
         [H, n.value]
       ]) : E("", !0),
-      m.value ? W((c(), d("div", {
+      p.value ? W((c(), d("div", {
         key: 1,
         class: "t-present-backdrop",
-        onClick: z,
+        onClick: S,
         ref_key: "backdrop",
-        ref: r,
-        style: $([_, { zIndex: s.value - 1 }, a.style])
+        ref: a,
+        style: k([_, { zIndex: s.value - 1 }, l.style])
       }, null, 4)), [
         [H, n.value]
       ]) : E("", !0)
     ], 64));
   }
-}), L = /* @__PURE__ */ y(Be, [["__scopeId", "data-v-8eb6e6e4"]]), Ce = /* @__PURE__ */ b({
+}), L = /* @__PURE__ */ v(Be, [["__scopeId", "data-v-8eb6e6e4"]]), Ce = /* @__PURE__ */ b({
   __name: "t-loading-icon",
   props: {
     size: {
@@ -107,7 +107,7 @@ const Ee = /* @__PURE__ */ y(Se, [["render", Ie]]), Be = /* @__PURE__ */ b({
   setup(e) {
     return (o, t) => (c(), d("span", {
       class: "t-loading-icon",
-      style: $({
+      style: k({
         width: e.size,
         height: e.size,
         borderTopColor: e.color
@@ -116,7 +116,7 @@ const Ee = /* @__PURE__ */ y(Se, [["render", Ie]]), Be = /* @__PURE__ */ b({
       "aria-label": "Loading..."
     }, null, 4));
   }
-}), K = /* @__PURE__ */ y(Ce, [["__scopeId", "data-v-7c463303"]]), Ve = { class: "t-button-content" }, Pe = {
+}), K = /* @__PURE__ */ v(Ce, [["__scopeId", "data-v-7c463303"]]), Ve = { class: "t-button-content" }, Pe = {
   key: 0,
   class: "loader"
 }, Ae = /* @__PURE__ */ b({
@@ -174,9 +174,9 @@ const Ee = /* @__PURE__ */ y(Se, [["render", Ie]]), Be = /* @__PURE__ */ b({
     });
     return (s, n) => (c(), d("button", {
       class: T(["t-button", { "active-background": o.activeBackground, rounded: o.rounded, block: o.block, ["size-" + o.size]: !0 }]),
-      style: $(t.value)
+      style: k(t.value)
     }, [
-      W(k("span", Ve, [
+      W(h("span", Ve, [
         g(s.$slots, "default", {}, void 0, !0)
       ], 512), [
         [H, !o.loading]
@@ -189,7 +189,7 @@ const Ee = /* @__PURE__ */ y(Se, [["render", Ie]]), Be = /* @__PURE__ */ b({
       ])) : E("", !0)
     ], 6));
   }
-}), J = /* @__PURE__ */ y(Ae, [["__scopeId", "data-v-185a9e49"]]), Re = {
+}), J = /* @__PURE__ */ v(Ae, [["__scopeId", "data-v-185a9e49"]]), Re = {
   key: 0,
   class: "t-alert-header"
 }, Me = { class: "t-alert-content" }, De = { class: "t-alert-footer" }, Xe = /* @__PURE__ */ b({
@@ -202,18 +202,18 @@ const Ee = /* @__PURE__ */ y(Se, [["render", Ie]]), Be = /* @__PURE__ */ b({
   },
   emits: ["dismiss"],
   setup(e, { expose: o, emit: t }) {
-    const s = e, n = v(!1), r = t, u = v(), a = v(!1), i = () => {
+    const s = e, n = m(!1), a = t, i = m(), l = m(!1), u = () => {
       n.value = !0;
-    }, m = (l) => {
-      n.value = !1, l.handler && l.handler(), r("dismiss", "choose", l?.data);
-    }, _ = (l) => {
-      s.dismiss && s.dismiss.includes(l) ? (n.value = !1, r("dismiss", l)) : l == "backdrop" && (a.value = !0, setTimeout(() => {
-        a.value = !1;
+    }, p = (r) => {
+      n.value = !1, r.handler && r.handler(), a("dismiss", "choose", r?.data);
+    }, _ = (r) => {
+      s.dismiss && s.dismiss.includes(r) ? (n.value = !1, a("dismiss", r)) : r == "backdrop" && (l.value = !0, setTimeout(() => {
+        l.value = !1;
       }, 300));
     };
     return o({
-      open: i
-    }), (l, p) => (c(), C(L, {
+      open: u
+    }), (r, y) => (c(), C(L, {
       placement: "center",
       backdrop: !0,
       keepalive: !1,
@@ -221,26 +221,26 @@ const Ee = /* @__PURE__ */ y(Se, [["render", Ie]]), Be = /* @__PURE__ */ b({
       onDismiss: _
     }, {
       default: P(() => [
-        k("div", {
-          class: T(["t-alert", { pop: a.value }]),
+        h("div", {
+          class: T(["t-alert", { pop: l.value }]),
           ref_key: "container",
-          ref: u
+          ref: i
         }, [
-          g(l.$slots, "header", {}, () => [
+          g(r.$slots, "header", {}, () => [
             s.title ? (c(), d("div", Re, R(s.title), 1)) : E("", !0)
           ], !0),
-          g(l.$slots, "content", {}, () => [
-            k("div", Me, R(s.message), 1)
+          g(r.$slots, "content", {}, () => [
+            h("div", Me, R(s.message), 1)
           ], !0),
-          g(l.$slots, "footer", {}, () => [
-            k("div", De, [
-              (c(!0), d(X, null, G(s.actions, (h) => (c(), C(J, {
-                color: h.color,
-                variant: h.variant,
-                onClick: (z) => m(h)
+          g(r.$slots, "footer", {}, () => [
+            h("div", De, [
+              (c(!0), d(X, null, G(s.actions, ($) => (c(), C(J, {
+                color: $.color,
+                variant: $.variant,
+                onClick: (S) => p($)
               }, {
                 default: P(() => [
-                  N(R(h.text), 1)
+                  N(R($.text), 1)
                 ]),
                 _: 2
               }, 1032, ["color", "variant", "onClick"]))), 256))
@@ -251,27 +251,27 @@ const Ee = /* @__PURE__ */ y(Se, [["render", Ie]]), Be = /* @__PURE__ */ b({
       _: 3
     }, 8, ["visible"]));
   }
-}), pe = /* @__PURE__ */ y(Xe, [["__scopeId", "data-v-05d0c578"]]), $o = (e = {}) => ({
+}), pe = /* @__PURE__ */ v(Xe, [["__scopeId", "data-v-05d0c578"]]), $o = (e = {}) => ({
   open() {
     return new Promise((o) => {
       let t = document.body.querySelector(".t-app");
       if (!t) return;
-      const s = document.createElement("div"), n = v();
+      const s = document.createElement("div"), n = m();
       t.appendChild(s);
-      const r = j({
+      const a = j({
         render() {
           return F(pe, {
             ...e,
             ref: n,
-            onDismiss: (u, a) => {
+            onDismiss: (i, l) => {
               setTimeout(() => {
-                r.unmount(), s.remove();
-              }, 300), o({ type: u, data: a });
+                a.unmount(), s.remove();
+              }, 300), o({ type: i, data: l });
             }
           });
         }
       });
-      r.mount(s), setTimeout(() => {
+      a.mount(s), setTimeout(() => {
         n.value?.open?.();
       }, 50);
     });
@@ -285,21 +285,21 @@ const Ee = /* @__PURE__ */ y(Se, [["render", Ie]]), Be = /* @__PURE__ */ b({
   },
   emits: ["dismiss"],
   setup(e, { expose: o, emit: t }) {
-    const s = e, n = v(!1), r = t, u = v(), a = v(!1), i = () => {
+    const s = e, n = m(!1), a = t, i = m(), l = m(!1), u = () => {
       n.value = !0;
-    }, m = (l) => {
-      n.value = !1, l.handler && l.handler(), r("dismiss", "choose", l?.data);
-    }, _ = (l) => {
-      s.dismiss && s.dismiss.includes(l) ? (n.value = !1, r("dismiss", l)) : l == "backdrop" && (a.value = !0, setTimeout(() => {
-        a.value = !1;
+    }, p = (r) => {
+      n.value = !1, r.handler && r.handler(), a("dismiss", "choose", r?.data);
+    }, _ = (r) => {
+      s.dismiss && s.dismiss.includes(r) ? (n.value = !1, a("dismiss", r)) : r == "backdrop" && (l.value = !0, setTimeout(() => {
+        l.value = !1;
       }, 300));
     };
-    return O(() => s.visible, (l) => {
-      l ? i() : close();
+    return O(() => s.visible, (r) => {
+      r ? u() : close();
     }), o({
-      open: i,
+      open: u,
       close
-    }), (l, p) => (c(), C(L, {
+    }), (r, y) => (c(), C(L, {
       placement: "bottom",
       backdrop: !0,
       keepalive: !1,
@@ -307,21 +307,21 @@ const Ee = /* @__PURE__ */ y(Se, [["render", Ie]]), Be = /* @__PURE__ */ b({
       onDismiss: _
     }, {
       default: P(() => [
-        k("div", {
-          class: T(["t-action", { pop: a.value }]),
+        h("div", {
+          class: T(["t-action", { pop: l.value }]),
           ref_key: "container",
-          ref: u
+          ref: i
         }, [
-          (c(!0), d(X, null, G(s.actions, (h) => (c(), d("div", null, [
-            (c(!0), d(X, null, G(h, (z) => (c(), C(J, {
-              color: z.color,
-              size: z.size,
-              variant: z.variant,
-              onClick: (f) => m(z),
+          (c(!0), d(X, null, G(s.actions, ($) => (c(), d("div", null, [
+            (c(!0), d(X, null, G($, (S) => (c(), C(J, {
+              color: S.color,
+              size: S.size,
+              variant: S.variant,
+              onClick: (f) => p(S),
               block: ""
             }, {
               default: P(() => [
-                N(R(z.text), 1)
+                N(R(S.text), 1)
               ]),
               _: 2
             }, 1032, ["color", "size", "variant", "onClick"]))), 256))
@@ -331,27 +331,27 @@ const Ee = /* @__PURE__ */ y(Se, [["render", Ie]]), Be = /* @__PURE__ */ b({
       _: 1
     }, 8, ["visible"]));
   }
-}), Ne = /* @__PURE__ */ y(Oe, [["__scopeId", "data-v-e693a02a"]]), wo = (e = {}) => ({
+}), Ne = /* @__PURE__ */ v(Oe, [["__scopeId", "data-v-e693a02a"]]), wo = (e = {}) => ({
   open() {
     return new Promise((o) => {
       let t = document.body.querySelector(".t-app");
       if (!t) return;
-      const s = document.createElement("div"), n = v();
+      const s = document.createElement("div"), n = m();
       t.appendChild(s);
-      const r = j({
+      const a = j({
         render() {
           return F(Ne, {
             ...e,
             ref: n,
-            onDismiss: (u, a) => {
+            onDismiss: (i, l) => {
               setTimeout(() => {
-                r.unmount(), s.remove();
-              }, 300), o({ type: u, data: a });
+                a.unmount(), s.remove();
+              }, 300), o({ type: i, data: l });
             }
           });
         }
       });
-      r.mount(s), setTimeout(() => {
+      a.mount(s), setTimeout(() => {
         n.value?.open?.();
       }, 50);
     });
@@ -363,7 +363,7 @@ const Ee = /* @__PURE__ */ y(Se, [["render", Ie]]), Be = /* @__PURE__ */ b({
   },
   emits: ["dismiss"],
   setup(e, { expose: o, emit: t }) {
-    const s = e, n = v(!1);
+    const s = e, n = m(!1);
     return o({
       open: () => {
         n.value = !0;
@@ -371,15 +371,15 @@ const Ee = /* @__PURE__ */ y(Se, [["render", Ie]]), Be = /* @__PURE__ */ b({
       close: () => {
         n.value = !1;
       }
-    }), (a, i) => (c(), C(L, {
+    }), (l, u) => (c(), C(L, {
       placement: "center",
       backdrop: !0,
       keepalive: !1,
       visible: n.value
     }, {
       default: P(() => [
-        k("div", qe, [
-          g(a.$slots, "default", {}, () => [
+        h("div", qe, [
+          g(l.$slots, "default", {}, () => [
             U(K, {
               type: s.type
             }, null, 8, ["type"])
@@ -389,12 +389,12 @@ const Ee = /* @__PURE__ */ y(Se, [["render", Ie]]), Be = /* @__PURE__ */ b({
       _: 3
     }, 8, ["visible"]));
   }
-}), We = /* @__PURE__ */ y(Le, [["__scopeId", "data-v-8f84c14e"]]), xo = (e = {}) => {
-  const o = v(), t = document.body.querySelector(".t-app");
+}), We = /* @__PURE__ */ v(Le, [["__scopeId", "data-v-8f84c14e"]]), xo = (e = {}) => {
+  const o = m(), t = document.body.querySelector(".t-app");
   let s = null, n = null;
   return {
     open() {
-      return new Promise((r) => {
+      return new Promise((a) => {
         t && (n = document.createElement("div"), t.appendChild(n), s = j({
           render() {
             return F(We, {
@@ -403,37 +403,37 @@ const Ee = /* @__PURE__ */ y(Se, [["render", Ie]]), Be = /* @__PURE__ */ b({
             });
           }
         }), s.mount(n), setTimeout(() => {
-          o.value?.open?.(), r(!0);
+          o.value?.open?.(), a(!0);
         }, 50));
       });
     },
     close() {
-      return new Promise((r) => {
+      return new Promise((a) => {
         o.value?.close?.(), setTimeout(() => {
-          s?.unmount?.(), n?.remove?.(), r(!0);
+          s?.unmount?.(), n?.remove?.(), a(!0);
         }, 300);
       });
     }
   };
-}, ae = v(1e3), He = {
+}, ae = m(1e3), He = {
   getNewIndex() {
     return ae.value += 2, ae.value;
   }
-}, M = ce([]), Q = v(!0), I = v(!1), A = v(-1), S = w(() => M[A.value]), q = w(() => M[A.value + 1] || void 0), B = w(() => M[M.length - 2]), fe = w(() => !I.value && Q.value && B.value), Z = {
+}, M = ce([]), Q = m(!0), I = m(!1), A = m(-1), z = w(() => M[A.value]), q = w(() => M[A.value + 1] || void 0), B = w(() => M[M.length - 2]), fe = w(() => !I.value && Q.value && B.value), Z = {
   reset() {
     I.value = !0;
-    const e = S.value.target, o = B.value.target;
+    const e = z.value.target, o = B.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(() => {
       I.value = !1;
     }, 400);
   },
   move(e) {
     if (!fe.value) return;
-    const o = window.innerWidth, t = e / o * 100, s = S.value.target, n = B.value.target;
+    const o = window.innerWidth, t = e / o * 100, s = z.value.target, n = B.value.target;
     e > 15 && e <= o && (e = e > 0 ? e : 0, s.style.transition = "transform 0s ease", s.style.transform = `translateX(${e}px)`, n.style.transition = "transform 0s ease", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), n.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) {
-    B.value && (S.value.target.style.transition = "transform 0.35s ease", S.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(() => {
+    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(() => {
       re(), I.value = !1, A.value -= 1, e && e();
     }, 400));
   },
@@ -446,7 +446,7 @@ const Ee = /* @__PURE__ */ y(Se, [["render", Ie]]), Be = /* @__PURE__ */ b({
     I.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"), S.value && (S.value.target.style.transitionOrigin = "left center", S.value.target.style.transition = "transform 0.35s ease", S.value.target.style.transform = "translateX(calc(var(--t-app-width) / 100 * 30 * -1)) scale(0.5) perspective(var(--t-app-width)) rotateY(30deg)"), 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"), 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();
       }, 400);
     }, 100);
@@ -454,17 +454,17 @@ const Ee = /* @__PURE__ */ y(Se, [["render", Ie]]), Be = /* @__PURE__ */ b({
 }, Y = {
   reset() {
     I.value = !0;
-    const e = S.value.target, o = B.value.target;
+    const e = z.value.target, o = B.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(() => {
       I.value = !1;
     }, 400);
   },
   move(e) {
-    const o = window.innerWidth, t = e / o * 100, s = S.value.target, n = B.value.target;
+    const o = window.innerWidth, t = e / o * 100, s = z.value.target, n = B.value.target;
     e > 15 && e <= o && (e = e > 0 ? e : 0, s.style.transition = "transform 0s ease", s.style.transform = `translateX(${e}px)`, n.style.transition = "transform 0s ease", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), n.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) {
-    B.value && (S.value.target.style.transition = "transform 0.35s ease", S.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(() => {
+    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(() => {
       re(), I.value = !1, A.value -= 1, e && e();
     }, 400));
   },
@@ -477,7 +477,7 @@ const Ee = /* @__PURE__ */ y(Se, [["render", Ie]]), Be = /* @__PURE__ */ b({
     I.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"), S.value && (S.value.target.style.transitionOrigin = "left center", S.value.target.style.transition = "transform 0.35s ease", S.value.target.style.transform = "translateX(calc(var(--t-app-width) / 100 * 30 * -1))"), 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"), 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();
       }, 400);
     }, 100);
@@ -517,7 +517,7 @@ const Ee = /* @__PURE__ */ y(Se, [["render", Ie]]), Be = /* @__PURE__ */ b({
   lockSwipe: Fe,
   unlockSwipe: Ke,
   swipeable: Q,
-  currentScreen: S,
+  currentScreen: z,
   lastScreen: B,
   nextScreen: q
 }, et = { class: "t-toast-content" }, tt = /* @__PURE__ */ b({
@@ -532,76 +532,76 @@ const Ee = /* @__PURE__ */ y(Se, [["render", Ie]]), Be = /* @__PURE__ */ b({
   },
   emits: ["dismiss"],
   setup(e, { expose: o, emit: t }) {
-    const s = e, n = t, r = v(!1), u = v(!1), a = v(!1), i = () => {
-      u.value = !0, a.value = !1, setTimeout(() => {
-        r.value = !0;
+    const s = e, n = t, a = m(!1), i = m(!1), l = m(!1), u = () => {
+      i.value = !0, l.value = !1, setTimeout(() => {
+        a.value = !0;
       }, 10);
-    }, m = () => {
-      a.value = !0, setTimeout(() => {
-        u.value = !1, r.value = !1, n("dismiss");
+    }, p = () => {
+      l.value = !0, setTimeout(() => {
+        i.value = !1, a.value = !1, n("dismiss");
       }, 300);
     };
-    O(() => s.visible, (l) => {
-      l ? i() : m();
+    O(() => s.visible, (r) => {
+      r ? u() : p();
     });
     const _ = w(() => {
-      let l;
-      return s.variant == "default" && (s.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(s.color) ? l = {
+      let r;
+      return s.variant == "default" && (s.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(s.color) ? r = {
         "--border": "none",
         "--color": "var(--t-color-status-" + s.color + "-text)",
         "--background": "rgba(var(--t-color-status-" + s.color + "-rgb), 1)"
-      } : l = {
+      } : r = {
         "--border": "none",
         "--color": "var(--t-color-text)",
         "--background": s.color
-      } : l = {
+      } : r = {
         "--border": "none",
         "--color": "var(--t-color-text)",
         "--background": "rgba(var(--t-color-surface-rgb), 1)"
-      }), s.variant == "text" && (s.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(s.color) ? l = {
+      }), s.variant == "text" && (s.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(s.color) ? r = {
         "--border": "none",
         "--color": "var(--t-color-status-" + s.color + ")",
         "--background": "transparent"
-      } : l = {
+      } : r = {
         "--border": "none",
         "--color": s.color,
         "--background": "transparent"
-      } : l = {
+      } : r = {
         "--border": "none",
         "--color": "var(--t-color-text)",
         "--background": "transparent"
-      }), s.variant == "outline" && (s.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(s.color) ? l = {
+      }), s.variant == "outline" && (s.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(s.color) ? r = {
         "--border": "0.55px solid var(--t-color-status-" + s.color + ")",
         "--color": "var(--t-color-status-" + s.color + ")",
         "--background": "transparent"
-      } : l = {
+      } : r = {
         "--border": "0.55px solid " + s.color,
         "--color": s.color,
         "--background": "transparent"
-      } : l = {
+      } : r = {
         "--border": "0.55px solid var(--t-color-text)",
         "--color": "var(--t-color-text)",
         "--background": "transparent"
-      }), l;
+      }), r;
     });
     return o({
-      open: i,
-      close: m
-    }), (l, p) => u.value ? (c(), d("div", {
+      open: u,
+      close: p
+    }), (r, y) => i.value ? (c(), d("div", {
       key: 0,
-      class: T(["t-toast", { [s.placement]: !0, open: r.value, closing: a.value }]),
-      style: $({ "--space": s.space, ..._.value })
+      class: T(["t-toast", { [s.placement]: !0, open: a.value, closing: l.value }]),
+      style: k({ "--space": s.space, ..._.value })
     }, [
-      g(l.$slots, "content", {}, () => [
-        k("div", et, R(s.message), 1)
+      g(r.$slots, "content", {}, () => [
+        h("div", et, R(s.message), 1)
       ], !0)
     ], 6)) : E("", !0);
   }
-}), me = /* @__PURE__ */ y(tt, [["__scopeId", "data-v-7011351e"]]), To = (e = {}) => ({
+}), me = /* @__PURE__ */ v(tt, [["__scopeId", "data-v-7011351e"]]), To = (e = {}) => ({
   open() {
     let o = document.body.querySelector(".t-app");
     if (!o) return;
-    const t = document.createElement("div"), s = v();
+    const t = document.createElement("div"), s = m();
     o.appendChild(t);
     const n = j({
       render() {
@@ -622,7 +622,7 @@ const Ee = /* @__PURE__ */ y(Se, [["render", Ie]]), Be = /* @__PURE__ */ b({
       }, e.duration + 10);
     }, 50);
   }
-}), ot = v(0);
+}), ot = m(0);
 function ve() {
   return {
     height: ot
@@ -640,12 +640,12 @@ const st = /* @__PURE__ */ b({
       placement: o.placement
     }), (s, n) => (c(), d("div", {
       class: T(["t-cable", { keyboard: o.keyboard && V(t) > 0, [o.placement]: !0 }]),
-      style: $({ "--t-keyboard-height": V(t) + "px", "--t-keyboard-transition": V(t) > 0 ? "0.3s" : "0.1s" })
+      style: k({ "--t-keyboard-height": V(t) + "px", "--t-keyboard-transition": V(t) > 0 ? "0.3s" : "0.1s" })
     }, [
       g(s.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), nt = /* @__PURE__ */ y(st, [["__scopeId", "data-v-6cae224b"]]), rt = /* @__PURE__ */ b({
+}), nt = /* @__PURE__ */ v(st, [["__scopeId", "data-v-6cae224b"]]), rt = /* @__PURE__ */ b({
   __name: "t-card",
   props: {
     color: { default: null }
@@ -663,7 +663,7 @@ const st = /* @__PURE__ */ b({
     });
     return (s, n) => (c(), d("div", {
       class: "t-card",
-      style: $(t.value)
+      style: k(t.value)
     }, [
       g(s.$slots, "default")
     ], 4));
@@ -674,23 +674,23 @@ function ct(e, o) {
     g(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const _e = /* @__PURE__ */ y(at, [["render", ct], ["__scopeId", "data-v-af750e89"]]), le = 80, it = /* @__PURE__ */ b({
+const _e = /* @__PURE__ */ v(at, [["render", ct], ["__scopeId", "data-v-af750e89"]]), le = 80, it = /* @__PURE__ */ b({
   __name: "t-refresher",
   emits: ["refresh", "move", "cancel", "start"],
   setup(e, { emit: o }) {
-    const t = o, s = v(0), n = v(!1), r = v();
-    let u, a = !1;
-    const i = () => {
-      n.value = !1, s.value = 0, u && u.cancel(), setTimeout(() => {
-        a = !1;
+    const t = o, s = m(0), n = m(!1), a = m();
+    let i, l = !1;
+    const u = () => {
+      n.value = !1, s.value = 0, i && i.cancel(), setTimeout(() => {
+        l = !1;
       }, 2e3);
-    }, m = () => {
-      a = !0, n.value = !0, s.value = le, t("refresh", i);
+    }, p = () => {
+      l = !0, n.value = !0, s.value = le, t("refresh", u);
     };
-    return O(() => r.value, () => {
-      u && u.destroy();
-      let _ = r.value.closest(".t-content");
-      _ && (u = ne(_, {
+    return O(() => a.value, () => {
+      i && i.destroy();
+      let _ = a.value.closest(".t-content");
+      _ && (i = ne(_, {
         isMoving: !1,
         options: {
           minDist: 60
@@ -698,27 +698,27 @@ const _e = /* @__PURE__ */ y(at, [["render", ct], ["__scopeId", "data-v-af750e89
         down() {
           this.isMoving = !1, t("start");
         },
-        move({ deltaY: l, initialDirection: p }) {
-          n.value || a || p != "down" || (l >= 120 ? (this.isMoving = !1, m()) : (l > 10 || this.isMoving) && (this.isMoving = !0, s.value = l > 0 ? l : 0, t("move", l)));
+        move({ deltaY: r, initialDirection: y }) {
+          n.value || l || y != "down" || (r >= 120 ? (this.isMoving = !1, p()) : (r > 10 || this.isMoving) && (this.isMoving = !0, s.value = r > 0 ? r : 0, t("move", r)));
         },
-        up({ deltaY: l, initialDirection: p }) {
-          this.isMoving = !1, !(n.value || a) && (l > le && p == "down" ? m() : (s.value = 0, t("cancel")));
+        up({ deltaY: r, initialDirection: y }) {
+          this.isMoving = !1, !(n.value || l) && (r > le && y == "down" ? p() : (s.value = 0, t("cancel")));
         },
         cancel() {
-          this.isMoving = !1, !(n.value || a) && (n.value = !1, s.value = 0, t("cancel"));
+          this.isMoving = !1, !(n.value || l) && (n.value = !1, s.value = 0, t("cancel"));
         }
       }, {
         passive: !1
       }));
     }), oe(() => {
-      u && u.destroy();
-    }), (_, l) => W((c(), d("div", {
+      i && i.destroy();
+    }), (_, r) => W((c(), d("div", {
       class: "t-refresher",
       ref_key: "container",
-      ref: r,
-      style: $({ height: `${s.value}px` })
+      ref: a,
+      style: k({ height: `${s.value}px` })
     }, [
-      k("img", {
+      h("img", {
         class: T({ spiner: n.value }),
         src: "https://static.toikit.com/toikit/home_2.png?v=3",
         alt: "Loading...",
@@ -728,86 +728,86 @@ const _e = /* @__PURE__ */ y(at, [["render", ct], ["__scopeId", "data-v-af750e89
       [H, s.value > 0]
     ]);
   }
-}), ut = /* @__PURE__ */ y(it, [["__scopeId", "data-v-abd4007f"]]), dt = {}, pt = { class: "t-screen" };
+}), ut = /* @__PURE__ */ v(it, [["__scopeId", "data-v-abd4007f"]]), dt = {}, pt = { class: "t-screen" };
 function ft(e, o) {
   return c(), d("div", pt, [
     g(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const ye = /* @__PURE__ */ y(dt, [["render", ft], ["__scopeId", "data-v-c2a3436c"]]), mt = /* @__PURE__ */ b({
+const ye = /* @__PURE__ */ v(dt, [["render", ft], ["__scopeId", "data-v-c2a3436c"]]), mt = /* @__PURE__ */ b({
   __name: "t-swipe-screen",
   props: {
     variant: { default: "scale" },
-    router: { default: de() },
-    route: { default: $e() }
+    router: {},
+    route: {}
   },
   emits: ["change"],
   setup(e, { emit: o }) {
     let t = {};
-    const s = o, n = e, { variant: r, route: u, router: a } = n;
-    let i;
-    const m = a.getRoutes();
-    for (let p of m)
-      t[p.name] = p.components;
-    const _ = (p) => {
-      p && x.addScreen({
-        name: p,
+    const s = o, n = e;
+    let a;
+    const i = n.router || de(), l = n.route || $e(), u = i.getRoutes();
+    for (let r of u)
+      t[r.name] = r.component || r.components;
+    const p = (r) => {
+      r && x.addScreen({
+        name: r,
         target: null,
-        component: he(t[p] || null)
+        component: he(t[r] || null)
       });
-    }, l = (p, h) => {
-      !h || x.screens[p].target || (x.addScreenEl(p, h.$el), x.nextScreen && x.next(r, () => {
+    }, _ = (r, y) => {
+      !y || x.screens[r].target || (x.addScreenEl(r, y.$el), x.nextScreen && x.next(n.variant, () => {
         s("change");
       }));
     };
-    return O(() => u.name, (p, h) => {
-      p != x.currentScreen.value.name && (x.lastScreen.value?.name == p ? x.back(r, () => {
+    return O(() => l.name, (r, y) => {
+      r != x.currentScreen.value?.name && (x.lastScreen.value?.name == r ? x.back(n.variant, () => {
         s("change");
-      }) : _(u.name));
+      }) : p(l.name));
     }), se(() => {
-      i = ne(document.body, {
-        beforeEvent(p) {
+      p(l.name), a = ne(document.body, {
+        beforeEvent(r) {
           return !!x.isSwipeable.value;
         },
-        fast({ initialDirection: p }) {
-          x.lastScreen.value && p == "right" && a.back();
+        fast({ initialDirection: r }) {
+          x.lastScreen.value && r == "right" && i.back();
         },
-        move({ deltaX: p, initialDirection: h }) {
-          h == "right" && x.move(r, p);
+        move({ deltaX: r, initialDirection: y }) {
+          y == "right" && x.move(n.variant, r);
         },
-        up({ deltaX: p, initialDirection: h }) {
-          if (h != "right") {
-            x.reset(r);
+        up({ deltaX: r, initialDirection: y }) {
+          if (y != "right") {
+            x.reset(n.variant);
             return;
           }
-          const z = window.innerWidth;
-          p / z * 100 >= 50 ? a.back() : x.reset(r);
+          const $ = window.innerWidth;
+          r / $ * 100 >= 50 ? i.back() : x.reset(n.variant);
         },
         cancel() {
-          x.reset(r);
+          x.reset(n.variant);
         }
       });
     }), oe(() => {
-      i && i.destroy(), x.removeAllScreen();
-    }), _(u.name), (p, h) => (c(), d(X, null, [
-      (c(!0), d(X, null, G(V(x).screens, (z, f) => (c(), C(ye, {
+      a && a.destroy(), x.removeAllScreen();
+    }), (r, y) => (c(), d(X, null, [
+      (c(!0), d(X, null, G(V(x).screens, ($, S) => (c(), C(ye, {
         ref_for: !0,
-        ref: (D) => l(f, D),
-        style: $({ zIndex: f + (f == V(x).screens.length - 1 ? 2 : 1) }),
-        key: f
+        ref: (f) => _(S, f),
+        style: k({ zIndex: S + (S == V(x).screens.length - 1 ? 2 : 1) }),
+        key: S
       }, {
         default: P(() => [
-          (c(), C(be(z.component.default)))
+          (c(), C(be($.component.default)))
         ]),
         _: 2
       }, 1032, ["style"]))), 128)),
-      k("div", {
+      h("div", {
         class: "t-swipe-backdrop",
-        style: $({ zIndex: V(x).screens.length })
+        style: k({ zIndex: V(x).screens.length })
       }, null, 4)
     ], 64));
   }
-}), vt = /* @__PURE__ */ y(mt, [["__scopeId", "data-v-7ced9f26"]]), _t = /* @__PURE__ */ b({
+}), vt = /* @__PURE__ */ v(mt, [["__scopeId", "data-v-23e0cfda"]]), _t = /* @__PURE__ */ b({
   __name: "t-toolbar",
   props: {
     placement: { default: null },
@@ -816,40 +816,40 @@ const ye = /* @__PURE__ */ y(dt, [["render", ft], ["__scopeId", "data-v-c2a3436c
   },
   setup(e) {
     const o = e, t = ue("cableState"), s = w(() => o?.placement || t?.placement);
-    return (n, r) => (c(), d("div", {
+    return (n, a) => (c(), d("div", {
       class: T(["t-toolbar", { [s.value]: !0, safe: o.safe }]),
-      style: $({ "--t-size-toolbar": o.size })
+      style: k({ "--t-size-toolbar": o.size })
     }, [
-      k("div", null, [
+      h("div", null, [
         g(n.$slots, "default", {}, void 0, !0)
       ])
     ], 6));
   }
-}), yt = /* @__PURE__ */ y(_t, [["__scopeId", "data-v-1ee9866d"]]), gt = /* @__PURE__ */ b({
+}), yt = /* @__PURE__ */ v(_t, [["__scopeId", "data-v-1ee9866d"]]), gt = /* @__PURE__ */ b({
   __name: "t-back-button",
   props: {
     to: {},
     router: {}
   },
   setup(e) {
-    const o = e, t = ke(), s = o.router || de(), n = (r) => {
+    const o = e, t = ke(), s = o.router || de(), n = (a) => {
       if (t.onBack) {
-        t.onBack(r);
+        t.onBack(a);
         return;
       }
       x.lastScreen.value ? s?.back?.() : o.to && s?.push?.(o.to);
     };
-    return (r, u) => r.to || V(x).lastScreen ? (c(), d("button", {
+    return (a, i) => a.to || V(x).lastScreen ? (c(), d("button", {
       key: 0,
       class: "t-back-button",
       onClick: n
     }, [
-      g(r.$slots, "default", {}, () => [
-        u[0] || (u[0] = k("i", { class: "ri-arrow-left-s-line" }, null, -1))
+      g(a.$slots, "default", {}, () => [
+        i[0] || (i[0] = h("i", { class: "ri-arrow-left-s-line" }, null, -1))
       ], !0)
     ])) : E("", !0);
   }
-}), bt = /* @__PURE__ */ y(gt, [["__scopeId", "data-v-dcf9d363"]]), ht = /* @__PURE__ */ b({
+}), bt = /* @__PURE__ */ v(gt, [["__scopeId", "data-v-dcf9d363"]]), ht = /* @__PURE__ */ b({
   __name: "t-text",
   props: {
     color: { default: "var(--t-color-text)" },
@@ -865,12 +865,12 @@ const ye = /* @__PURE__ */ y(dt, [["render", ft], ["__scopeId", "data-v-c2a3436c
     });
     return (s, n) => (c(), d("span", {
       class: "t-text",
-      style: $(t.value)
+      style: k(t.value)
     }, [
       g(s.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), te = /* @__PURE__ */ y(ht, [["__scopeId", "data-v-f0f94f05"]]), kt = /* @__PURE__ */ b({
+}), te = /* @__PURE__ */ v(ht, [["__scopeId", "data-v-f0f94f05"]]), kt = /* @__PURE__ */ b({
   __name: "t-gesture-indicator",
   props: {
     placement: { default: "bottom" }
@@ -880,7 +880,7 @@ const ye = /* @__PURE__ */ y(dt, [["render", ft], ["__scopeId", "data-v-c2a3436c
       class: T(["t-gesture-indicator", { [o.placement]: !0 }])
     }, null, 2));
   }
-}), ge = /* @__PURE__ */ y(kt, [["__scopeId", "data-v-ed8f7308"]]), $t = /* @__PURE__ */ b({
+}), ge = /* @__PURE__ */ v(kt, [["__scopeId", "data-v-ed8f7308"]]), $t = /* @__PURE__ */ b({
   __name: "t-sheet",
   props: {
     background: { default: "var(--t-color-surface)" },
@@ -898,86 +898,86 @@ const ye = /* @__PURE__ */ y(dt, [["render", ft], ["__scopeId", "data-v-c2a3436c
   },
   emits: ["dismiss"],
   setup(e, { emit: o }) {
-    const t = e, s = o, n = v(), r = v(), u = v(!1);
-    let a = null;
-    const i = w(() => {
+    const t = e, s = o, n = m(), a = m(), i = m(!1);
+    let l = null;
+    const u = w(() => {
       if (t.placement == "bottom") return "down";
       if (t.placement == "top") return "up";
       if (t.placement == "left") return "left";
       if (t.placement == "right") return "right";
-    }), m = (l) => {
-      s("dismiss", l);
+    }), p = (r) => {
+      s("dismiss", r);
     }, _ = () => {
-      u.value = !0, setTimeout(() => {
-        u.value = !1;
+      i.value = !0, setTimeout(() => {
+        i.value = !1;
       }, 300);
     };
-    return O(() => n.value, (l) => {
-      l && (a = ne(n.value, {
+    return O(() => n.value, (r) => {
+      r && (l = ne(n.value, {
         isMoving: !1,
         options: {
           minDist: 30
         },
-        beforeEvent(p) {
-          return !(u.value || !t.gesture || t.placement == "center");
+        beforeEvent(y) {
+          return !(i.value || !t.gesture || t.placement == "center");
         },
         down() {
           this.isMoving = !1;
         },
-        fast({ initialDirection: p }) {
-          _(), p == i.value ? s("dismiss", "gesture") : r.value.open();
+        fast({ initialDirection: y }) {
+          _(), y == u.value ? s("dismiss", "gesture") : a.value.open();
         },
-        move({ deltaY: p, deltaX: h, initialDirection: z }) {
-          if (z != i.value) return;
+        move({ deltaY: y, deltaX: $, initialDirection: S }) {
+          if (S != u.value) return;
           let f = 0;
-          t.placement == "bottom" || t.placement == "top" ? f = p : f = h, t.placement == "bottom" && (f = p > 0 ? p : 0), t.placement == "top" && (f = p < 0 ? p : 0), t.placement == "left" && (f = h < 0 ? h : 0), t.placement == "right" && (f = h > 0 ? h : 0), (t.placement == "bottom" && (f >= 10 || this.isMoving) || t.placement == "top" && (f <= -10 || this.isMoving) || t.placement == "left" && (f <= -10 || this.isMoving) || t.placement == "right" && (f >= 10 || this.isMoving)) && (this.isMoving = !0, r.value.render({
+          t.placement == "bottom" || t.placement == "top" ? f = y : f = $, t.placement == "bottom" && (f = y > 0 ? y : 0), t.placement == "top" && (f = y < 0 ? y : 0), t.placement == "left" && (f = $ < 0 ? $ : 0), t.placement == "right" && (f = $ > 0 ? $ : 0), (t.placement == "bottom" && (f >= 10 || this.isMoving) || t.placement == "top" && (f <= -10 || this.isMoving) || t.placement == "left" && (f <= -10 || this.isMoving) || t.placement == "right" && (f >= 10 || this.isMoving)) && (this.isMoving = !0, a.value.render({
             contentTransform: f + "px",
             transition: "0s"
           }));
         },
-        up({ deltaY: p, deltaX: h, initialDirection: z }) {
-          if (this.isMoving = !1, _(), z != i.value) {
-            r.value.open();
+        up({ deltaY: y, deltaX: $, initialDirection: S }) {
+          if (this.isMoving = !1, _(), S != u.value) {
+            a.value.open();
             return;
           }
           let f, D, ee;
-          t.placement == "bottom" || t.placement == "top" ? (f = n.value.offsetHeight, ee = p) : (f = n.value.offsetWidth, ee = h), D = ee / f * 100, D > 50 ? s("dismiss", "gesture") : r.value.open();
+          t.placement == "bottom" || t.placement == "top" ? (f = n.value.offsetHeight, ee = y) : (f = n.value.offsetWidth, ee = $), D = ee / f * 100, D > 50 ? s("dismiss", "gesture") : a.value.open();
         },
         cancel() {
-          this.isMoving = !1, _(), r.value.open();
+          this.isMoving = !1, _(), a.value.open();
         }
       }));
     }), oe(() => {
-      a && a.destroy();
-    }), (l, p) => (c(), C(L, {
+      l && l.destroy();
+    }), (r, y) => (c(), C(L, {
       ref_key: "present",
-      ref: r,
+      ref: a,
       class: T(t.class),
       placement: t.placement,
-      backdrop: l.backdrop,
+      backdrop: r.backdrop,
       visible: t.visible,
       keepalive: t.keepalive,
-      onDismiss: m,
-      style: $(t.style)
+      onDismiss: p,
+      style: k(t.style)
     }, {
       default: P(() => [
         t.gesture && t.indicator && t.placement != "center" ? (c(), C(ge, {
           key: 0,
           placement: t.placement
         }, null, 8, ["placement"])) : E("", !0),
-        k("div", {
-          class: T(["t-sheet", { fullscreen: t.fullscreen, [t.placement]: !0, rounded: l.rounded, radius: t.radius }]),
-          style: $({ "--background": t.background }),
+        h("div", {
+          class: T(["t-sheet", { fullscreen: t.fullscreen, [t.placement]: !0, rounded: r.rounded, radius: t.radius }]),
+          style: k({ "--background": t.background }),
           ref_key: "sheet",
           ref: n
         }, [
-          g(l.$slots, "default", {}, void 0, !0)
+          g(r.$slots, "default", {}, void 0, !0)
         ], 6)
       ]),
       _: 3
     }, 8, ["class", "placement", "backdrop", "visible", "keepalive", "style"]));
   }
-}), wt = /* @__PURE__ */ y($t, [["__scopeId", "data-v-71a5b877"]]), xt = { class: "t-input-label" }, Tt = { class: "t-input-content" }, St = ["type", "placeholder", "value"], zt = /* @__PURE__ */ b({
+}), wt = /* @__PURE__ */ v($t, [["__scopeId", "data-v-71a5b877"]]), xt = { class: "t-input-label" }, Tt = { class: "t-input-content" }, St = ["type", "placeholder", "value"], zt = /* @__PURE__ */ b({
   __name: "t-input",
   props: {
     size: { default: "standard" },
@@ -992,23 +992,23 @@ const ye = /* @__PURE__ */ y(dt, [["render", ft], ["__scopeId", "data-v-c2a3436c
   },
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
-    const t = e, s = o, n = (r) => {
-      s("update:modelValue", r.target.value);
+    const t = e, s = o, n = (a) => {
+      s("update:modelValue", a.target.value);
     };
-    return (r, u) => (c(), d("div", {
+    return (a, i) => (c(), d("div", {
       class: T(["t-input", { rounded: t.rounded, ["size-" + t.size]: !0, ["variant-" + t.variant]: !0 }])
     }, [
-      k("label", null, [
-        k("span", xt, R(r.label), 1),
-        k("div", Tt, [
-          g(r.$slots, "start", {}, void 0, !0),
-          k("input", {
-            type: r.type,
-            placeholder: r.placeholder,
-            value: r.modelValue,
+      h("label", null, [
+        h("span", xt, R(a.label), 1),
+        h("div", Tt, [
+          g(a.$slots, "start", {}, void 0, !0),
+          h("input", {
+            type: a.type,
+            placeholder: a.placeholder,
+            value: a.modelValue,
             onInput: n
           }, null, 40, St),
-          g(r.$slots, "end", {}, void 0, !0)
+          g(a.$slots, "end", {}, void 0, !0)
         ])
       ]),
       t.error ? (c(), C(te, {
@@ -1030,23 +1030,23 @@ const ye = /* @__PURE__ */ y(dt, [["render", ft], ["__scopeId", "data-v-c2a3436c
       })) : E("", !0)
     ], 2));
   }
-}), It = /* @__PURE__ */ y(zt, [["__scopeId", "data-v-1a9425cf"]]), Et = {};
+}), It = /* @__PURE__ */ v(zt, [["__scopeId", "data-v-1a9425cf"]]), Et = {};
 function Bt(e, o) {
   return c(), d("textarea");
 }
-const Ct = /* @__PURE__ */ y(Et, [["render", Bt]]), Vt = {};
+const Ct = /* @__PURE__ */ v(Et, [["render", Bt]]), Vt = {};
 function Pt(e, o) {
   return c(), d("div");
 }
-const At = /* @__PURE__ */ y(Vt, [["render", Pt]]), Rt = {}, Mt = { class: "t-grid" };
+const At = /* @__PURE__ */ v(Vt, [["render", Pt]]), Rt = {}, Mt = { class: "t-grid" };
 function Dt(e, o) {
   return c(), d("div", Mt);
 }
-const Xt = /* @__PURE__ */ y(Rt, [["render", Dt]]), Ot = {}, Nt = { class: "t-grid-item" };
+const Xt = /* @__PURE__ */ v(Rt, [["render", Dt]]), Ot = {}, Nt = { class: "t-grid-item" };
 function qt(e, o) {
   return c(), d("div", Nt);
 }
-const Lt = /* @__PURE__ */ y(Ot, [["render", qt]]), Wt = /* @__PURE__ */ b({
+const Lt = /* @__PURE__ */ v(Ot, [["render", qt]]), Wt = /* @__PURE__ */ b({
   __name: "t-divider",
   props: {
     direction: { default: "horizontal" }
@@ -1057,43 +1057,43 @@ const Lt = /* @__PURE__ */ y(Ot, [["render", qt]]), Wt = /* @__PURE__ */ b({
       class: T(["t-divider", { [o.direction]: !0 }])
     }, null, 2));
   }
-}), Ht = /* @__PURE__ */ y(Wt, [["__scopeId", "data-v-47ee8991"]]), Gt = /* @__PURE__ */ b({
+}), Ht = /* @__PURE__ */ v(Wt, [["__scopeId", "data-v-47ee8991"]]), Gt = /* @__PURE__ */ b({
   __name: "t-toggle-password",
   props: {
     color: { default: "warning" }
   },
   emits: ["change"],
   setup(e, { emit: o }) {
-    const t = e, s = o, n = v(!1), r = v(), u = w(() => {
-      let m = t.color;
-      return ["warning", "info", "danger", "primary", "secondary", "success"].includes(t.color) && (m = `var(--t-color-status-${t.color})`), {
-        "--color": m
+    const t = e, s = o, n = m(!1), a = m(), i = w(() => {
+      let p = t.color;
+      return ["warning", "info", "danger", "primary", "secondary", "success"].includes(t.color) && (p = `var(--t-color-status-${t.color})`), {
+        "--color": p
       };
-    }), a = () => r.value?.parentElement?.querySelector?.("input");
+    }), l = () => a.value?.parentElement?.querySelector?.("input");
     se(() => {
-      let m = a();
-      m && (n.value = m.type != "password", s("change", n.value));
+      let p = l();
+      p && (n.value = p.type != "password", s("change", n.value));
     });
-    const i = () => {
-      let m = a();
-      m && (n.value = !n.value, n.value ? m.type = "text" : m.type = "password", s("change", n.value));
+    const u = () => {
+      let p = l();
+      p && (n.value = !n.value, n.value ? p.type = "text" : p.type = "password", s("change", n.value));
     };
-    return (m, _) => (c(), d("button", {
+    return (p, _) => (c(), d("button", {
       ref_key: "toggle",
-      ref: r,
+      ref: a,
       class: "t-toggle-password",
-      style: $(u.value),
-      onClick: i
+      style: k(i.value),
+      onClick: u
     }, [
-      n.value ? g(m.$slots, "on", { key: 0 }, () => [
-        _[0] || (_[0] = k("i", { class: "ri-eye-line" }, null, -1))
+      n.value ? g(p.$slots, "on", { key: 0 }, () => [
+        _[0] || (_[0] = h("i", { class: "ri-eye-line" }, null, -1))
       ], !0) : E("", !0),
-      n.value ? E("", !0) : g(m.$slots, "off", { key: 1 }, () => [
-        _[1] || (_[1] = k("i", { class: "ri-eye-off-line" }, null, -1))
+      n.value ? E("", !0) : g(p.$slots, "off", { key: 1 }, () => [
+        _[1] || (_[1] = h("i", { class: "ri-eye-off-line" }, null, -1))
       ], !0)
     ], 4));
   }
-}), Ut = /* @__PURE__ */ y(Gt, [["__scopeId", "data-v-3268e9e3"]]), jt = /* @__PURE__ */ b({
+}), Ut = /* @__PURE__ */ v(Gt, [["__scopeId", "data-v-3268e9e3"]]), jt = /* @__PURE__ */ b({
   __name: "t-avatar",
   props: {
     square: { type: Boolean, default: !1 },
@@ -1103,12 +1103,12 @@ const Lt = /* @__PURE__ */ y(Ot, [["render", qt]]), Wt = /* @__PURE__ */ b({
     const o = e, t = w(() => o.size == "small" ? "24px" : o.size == "standard" ? "40px" : o.size == "large" ? "60px" : o.size);
     return (s, n) => (c(), d("div", {
       class: T(["t-avatar", { square: s.square }]),
-      style: $({ "--size": t.value })
+      style: k({ "--size": t.value })
     }, [
       g(s.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), Ft = /* @__PURE__ */ y(jt, [["__scopeId", "data-v-24384c2f"]]), Kt = { class: "t-collapse-title" }, Jt = {
+}), Ft = /* @__PURE__ */ v(jt, [["__scopeId", "data-v-24384c2f"]]), Kt = { class: "t-collapse-title" }, Jt = {
   key: 0,
   class: "icon"
 }, Qt = {
@@ -1121,38 +1121,38 @@ const Lt = /* @__PURE__ */ y(Ot, [["render", qt]]), Wt = /* @__PURE__ */ b({
   },
   emits: ["change"],
   setup(e, { emit: o }) {
-    const t = e, s = o, n = v(!1), r = v(""), u = v(), a = () => {
-      n.value = !n.value, r.value = `calc(${u.value.offsetHeight}px + 2rem)`, s("change", n.value);
+    const t = e, s = o, n = m(!1), a = m(""), i = m(), l = () => {
+      n.value = !n.value, a.value = `calc(${i.value.offsetHeight}px + 2rem)`, s("change", n.value);
     };
-    return s("change", n.value), (i, m) => (c(), d("div", {
+    return s("change", n.value), (u, p) => (c(), d("div", {
       class: T(["t-collapse", { open: n.value }]),
-      style: $({ "--height": r.value })
+      style: k({ "--height": a.value })
     }, [
-      k("div", {
+      h("div", {
         class: "t-collapse-header",
-        onClick: a
+        onClick: l
       }, [
-        g(i.$slots, "icon"),
-        k("div", Kt, [
-          g(i.$slots, "title", {}, () => [
+        g(u.$slots, "icon"),
+        h("div", Kt, [
+          g(u.$slots, "title", {}, () => [
             N(R(t.title), 1)
           ])
         ]),
-        g(i.$slots, "toggle", {}, () => [
-          n.value ? (c(), d("div", Jt, [...m[0] || (m[0] = [
-            k("i", { class: "ri-arrow-up-s-line" }, null, -1)
-          ])])) : (c(), d("div", Qt, [...m[1] || (m[1] = [
-            k("i", { class: "ri-arrow-down-s-line" }, null, -1)
+        g(u.$slots, "toggle", {}, () => [
+          n.value ? (c(), d("div", Jt, [...p[0] || (p[0] = [
+            h("i", { class: "ri-arrow-up-s-line" }, null, -1)
+          ])])) : (c(), d("div", Qt, [...p[1] || (p[1] = [
+            h("i", { class: "ri-arrow-down-s-line" }, null, -1)
           ])]))
         ])
       ]),
-      k("div", Zt, [
-        k("div", {
+      h("div", Zt, [
+        h("div", {
           ref_key: "content",
-          ref: u
+          ref: i
         }, [
-          g(i.$slots, "content", {}, () => [
-            g(i.$slots, "default")
+          g(u.$slots, "content", {}, () => [
+            g(u.$slots, "default")
           ])
         ], 512)
       ])
@@ -1168,25 +1168,25 @@ const Lt = /* @__PURE__ */ y(Ot, [["render", qt]]), Wt = /* @__PURE__ */ b({
   setup(e, { emit: o }) {
     const t = e, s = o, n = () => {
       s("update:modelValue", !t.modelValue);
-    }, r = w(() => {
-      let u = {
+    }, a = w(() => {
+      let i = {
         "--background": t.color,
         "--color": "#ffffff"
       };
-      return ["warning", "info", "danger", "primary", "secondary", "success"].includes(t.color) && (u = {
+      return ["warning", "info", "danger", "primary", "secondary", "success"].includes(t.color) && (i = {
         "--background": `var(--t-color-status-${t.color})`,
         "--color": `var(--t-color-status-${t.color}-text)`
-      }), u;
+      }), i;
     });
-    return (u, a) => (c(), d("div", {
+    return (i, l) => (c(), d("div", {
       class: T(["t-switch", { on: t.modelValue }]),
-      style: $(r.value),
+      style: k(a.value),
       onClick: n
-    }, [...a[0] || (a[0] = [
-      k("div", { class: "t-switch-icon" }, null, -1)
+    }, [...l[0] || (l[0] = [
+      h("div", { class: "t-switch-icon" }, null, -1)
     ])], 6));
   }
-}), to = /* @__PURE__ */ y(eo, [["__scopeId", "data-v-3616970e"]]), oo = /* @__PURE__ */ b({
+}), to = /* @__PURE__ */ v(eo, [["__scopeId", "data-v-3616970e"]]), oo = /* @__PURE__ */ b({
   __name: "t-tab",
   props: {
     value: {}
@@ -1195,7 +1195,7 @@ const Lt = /* @__PURE__ */ y(Ot, [["render", qt]]), Wt = /* @__PURE__ */ b({
     const o = e, t = ue("tabsState"), s = w(() => t.active.value === o.value), n = () => {
       t.setActive(o.value);
     };
-    return (r, u) => (c(), d("li", {
+    return (a, i) => (c(), d("li", {
       class: T(["t-tab", { active: s.value }])
     }, [
       U(J, {
@@ -1205,13 +1205,13 @@ const Lt = /* @__PURE__ */ y(Ot, [["render", qt]]), Wt = /* @__PURE__ */ b({
         color: s.value && V(t).variant == "text" ? V(t).color : void 0
       }, {
         default: P(() => [
-          g(r.$slots, "default", {}, void 0, !0)
+          g(a.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["size", "color"])
     ], 2));
   }
-}), so = /* @__PURE__ */ y(oo, [["__scopeId", "data-v-f810d905"]]), no = /* @__PURE__ */ b({
+}), so = /* @__PURE__ */ v(oo, [["__scopeId", "data-v-f810d905"]]), no = /* @__PURE__ */ b({
   __name: "t-tabs",
   props: {
     placement: { default: "top-start" },
@@ -1223,46 +1223,46 @@ const Lt = /* @__PURE__ */ y(Ot, [["render", qt]]), Wt = /* @__PURE__ */ b({
   },
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
-    const t = e, s = o, n = v("0px"), r = v(), u = w(() => {
-      let i = t.color;
-      return ["warning", "info", "danger", "primary", "secondary", "success"].includes(i) && (i = `var(--t-color-status-${i})`), i;
-    }), a = () => {
+    const t = e, s = o, n = m("0px"), a = m(), i = w(() => {
+      let u = t.color;
+      return ["warning", "info", "danger", "primary", "secondary", "success"].includes(u) && (u = `var(--t-color-status-${u})`), u;
+    }), l = () => {
       setTimeout(() => {
         if (t.placement.startsWith("top-") || t.placement.startsWith("bottom-")) {
-          let i = r.value.querySelector(".active");
-          if (i) {
-            let m = i.getBoundingClientRect().left - r.value.getBoundingClientRect().left + r.value.scrollLeft, _ = i.offsetWidth / 2;
-            n.value = m + _ - t.border / 2 + "px";
+          let u = a.value.querySelector(".active");
+          if (u) {
+            let p = u.getBoundingClientRect().left - a.value.getBoundingClientRect().left + a.value.scrollLeft, _ = u.offsetWidth / 2;
+            n.value = p + _ - t.border / 2 + "px";
           }
         } else if (t.placement.startsWith("left-") || t.placement.startsWith("right-")) {
-          let i = r.value.querySelector(".active");
-          if (i) {
-            let m = i.getBoundingClientRect().top - r.value.getBoundingClientRect().top + r.value.scrollTop, _ = i.offsetHeight / 2;
-            n.value = m + _ - t.border / 2 + "px";
+          let u = a.value.querySelector(".active");
+          if (u) {
+            let p = u.getBoundingClientRect().top - a.value.getBoundingClientRect().top + a.value.scrollTop, _ = u.offsetHeight / 2;
+            n.value = p + _ - t.border / 2 + "px";
           }
         }
       }, 50);
     };
     return ie("tabsState", {
       active: w(() => t.modelValue),
-      color: u.value,
+      color: i.value,
       size: t.size,
       variant: t.variant,
-      setActive: (i) => {
-        s("update:modelValue", i), a();
+      setActive: (u) => {
+        s("update:modelValue", u), l();
       }
     }), se(() => {
-      a();
-    }), (i, m) => (c(), d("ul", {
+      l();
+    }), (u, p) => (c(), d("ul", {
       ref_key: "container",
-      ref: r,
-      class: T(["t-tabs", { [i.placement]: !0, [i.variant]: !0 }]),
-      style: $({ "--color": u.value, "--transform": n.value, "--border": i.border + "px" })
+      ref: a,
+      class: T(["t-tabs", { [u.placement]: !0, [u.variant]: !0 }]),
+      style: k({ "--color": i.value, "--transform": n.value, "--border": u.border + "px" })
     }, [
-      g(i.$slots, "default", {}, void 0, !0)
+      g(u.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), ro = /* @__PURE__ */ y(no, [["__scopeId", "data-v-3a46d2df"]]), ao = /* @__PURE__ */ b({
+}), ro = /* @__PURE__ */ v(no, [["__scopeId", "data-v-3a46d2df"]]), ao = /* @__PURE__ */ b({
   __name: "t-loading-app",
   setup(e) {
     return (o, t) => (c(), C(_e, null, {
@@ -1272,7 +1272,7 @@ const Lt = /* @__PURE__ */ y(Ot, [["render", qt]]), Wt = /* @__PURE__ */ b({
       _: 1
     }));
   }
-}), lo = /* @__PURE__ */ y(ao, [["__scopeId", "data-v-1436aa9f"]]), co = { key: 0 }, io = {
+}), lo = /* @__PURE__ */ v(ao, [["__scopeId", "data-v-1436aa9f"]]), co = { key: 0 }, io = {
   key: 0,
   class: "t-checkbox-label"
 }, uo = /* @__PURE__ */ b({
@@ -1289,46 +1289,46 @@ const Lt = /* @__PURE__ */ y(Ot, [["render", qt]]), Wt = /* @__PURE__ */ b({
   emits: ["update:modelValue"],
   setup(e, { emit: o }) {
     const t = e, s = o, n = w(() => {
-      let a = {
+      let l = {
         "--background": t.color,
         "--color": "#ffffff"
       };
-      return ["warning", "info", "danger", "primary", "secondary", "success"].includes(t.color) && (a = {
+      return ["warning", "info", "danger", "primary", "secondary", "success"].includes(t.color) && (l = {
         "--background": `var(--t-color-status-${t.color})`,
         "--color": `var(--t-color-status-${t.color}-text)`
-      }), a;
-    }), r = w(() => t.multiple ? t.modelValue.includes(t.value) : t.value === void 0 ? t.modelValue : t.modelValue == t.value), u = () => {
+      }), l;
+    }), a = w(() => t.multiple ? t.modelValue.includes(t.value) : t.value === void 0 ? t.modelValue : t.modelValue == t.value), i = () => {
       if (t.multiple) {
-        let a = t.modelValue;
-        t.modelValue.includes(t.value) ? a.splice(a.indexOf(t.value), 1) : a.push(t.value), s("update:modelValue", a);
+        let l = t.modelValue;
+        t.modelValue.includes(t.value) ? l.splice(l.indexOf(t.value), 1) : l.push(t.value), s("update:modelValue", l);
       } else t.value === void 0 ? s("update:modelValue", !t.modelValue) : s("update:modelValue", t.value);
     };
-    return (a, i) => (c(), d("div", {
-      class: T(["t-checkbox", { active: r.value }]),
-      style: $(n.value),
-      onClick: u
+    return (l, u) => (c(), d("div", {
+      class: T(["t-checkbox", { active: a.value }]),
+      style: k(n.value),
+      onClick: i
     }, [
-      k("div", {
-        class: T(`t-checkbox-${a.type}`)
+      h("div", {
+        class: T(`t-checkbox-${l.type}`)
       }, [
-        a.type == "radio" ? (c(), d("div", co)) : E("", !0),
-        a.type == "check" ? g(a.$slots, "icon", { key: 1 }, () => [
-          i[0] || (i[0] = k("i", { class: "ri-check-line" }, null, -1))
+        l.type == "radio" ? (c(), d("div", co)) : E("", !0),
+        l.type == "check" ? g(l.$slots, "icon", { key: 1 }, () => [
+          u[0] || (u[0] = h("i", { class: "ri-check-line" }, null, -1))
         ], !0) : E("", !0)
       ], 2),
-      a.label ? (c(), d("span", io, R(t.label), 1)) : E("", !0)
+      l.label ? (c(), d("span", io, R(t.label), 1)) : E("", !0)
     ], 6));
   }
-}), po = /* @__PURE__ */ y(uo, [["__scopeId", "data-v-d558d0b0"]]), fo = /* @__PURE__ */ b({
+}), po = /* @__PURE__ */ v(uo, [["__scopeId", "data-v-05513114"]]), fo = /* @__PURE__ */ b({
   __name: "t-keyboard",
   setup(e) {
     const { height: o } = ve();
     return (t, s) => (c(), d("div", {
       class: "t-keyboard",
-      style: $({ "--height": V(o) + "px" })
+      style: k({ "--height": V(o) + "px" })
     }, null, 4));
   }
-}), mo = /* @__PURE__ */ y(fo, [["__scopeId", "data-v-5d3fa1da"]]), vo = /* @__PURE__ */ b({
+}), mo = /* @__PURE__ */ v(fo, [["__scopeId", "data-v-5d3fa1da"]]), vo = /* @__PURE__ */ b({
   __name: "t-skeleton",
   props: {
     width: { default: "100%" },
@@ -1344,10 +1344,10 @@ const Lt = /* @__PURE__ */ y(Ot, [["render", qt]]), Wt = /* @__PURE__ */ b({
     }));
     return (s, n) => (c(), d("div", {
       class: "t-skeleton",
-      style: $(t.value)
+      style: k(t.value)
     }, null, 4));
   }
-}), _o = /* @__PURE__ */ y(vo, [["__scopeId", "data-v-877bbdb5"]]), yo = /* @__PURE__ */ b({
+}), _o = /* @__PURE__ */ v(vo, [["__scopeId", "data-v-877bbdb5"]]), yo = /* @__PURE__ */ b({
   __name: "t-ripple",
   props: {
     color: { default: "primary" }
@@ -1365,10 +1365,10 @@ const Lt = /* @__PURE__ */ y(Ot, [["render", qt]]), Wt = /* @__PURE__ */ b({
     });
     return (s, n) => (c(), d("div", {
       class: "t-ripple",
-      style: $(t.value)
+      style: k(t.value)
     }, null, 4));
   }
-}), go = /* @__PURE__ */ y(yo, [["__scopeId", "data-v-42cb3d71"]]), So = () => ({
+}), go = /* @__PURE__ */ v(yo, [["__scopeId", "data-v-42cb3d71"]]), So = () => ({
   install: (e) => {
     Te(), e.component("t-app", Ee), e.component("t-screen", ye), e.component("t-swipe-screen", vt), e.component("t-cable", nt), e.component("t-toolbar", yt), e.component("t-content", _e), e.component("t-card", rt), e.component("t-refresher", ut), e.component("t-button", J), e.component("t-back-button", bt), e.component("t-present", L), e.component("t-text", te), e.component("t-sheet", wt), e.component("t-gesture-indicator", ge), e.component("t-input", It), e.component("t-textarea", Ct), e.component("t-rich-text", At), e.component("t-grid", Xt), e.component("t-grid-item", Lt), e.component("t-divider", Ht), e.component("t-toggle-password", Ut), e.component("t-loading-icon", K), e.component("t-alert", pe), e.component("t-avatar", Ft), e.component("t-collapse", Yt), e.component("t-toast", me), e.component("t-switch", to), e.component("t-tab", so), e.component("t-tabs", ro), e.component("t-loading-app", lo), e.component("t-checkbox", po), e.component("t-keyboard", mo), e.component("t-skeleton", _o), e.component("t-ripple", go);
   }