@toife/vue 2.0.21 → 2.0.23

package/dist/index.es.js

@@ -1,25 +1,25 @@
-import { createElementBlock as p, openBlock as i, renderSlot as g, defineComponent as h, ref as m, computed as w, reactive as ue, watch as W, onMounted as U, Fragment as q, withDirectives as F, createCommentVNode as I, normalizeStyle as T, normalizeClass as S, vShow as K, createElementVNode as $, createVNode as j, createBlock as V, withCtx as P, toDisplayString as A, renderList as G, createTextVNode as M, createApp as J, h as Q, provide as de, unref as O, onUnmounted as ne, resolveDynamicComponent as ke, markRaw as $e, inject as pe, useAttrs as xe, nextTick as ce } from "vue";
+import { createElementBlock as p, openBlock as i, renderSlot as g, defineComponent as b, ref as m, computed as x, reactive as ue, watch as W, onMounted as j, Fragment as q, withDirectives as F, createCommentVNode as z, normalizeStyle as T, normalizeClass as B, vShow as K, createElementVNode as $, createVNode as G, createBlock as V, withCtx as P, toDisplayString as A, renderList as U, createTextVNode as M, createApp as J, h as Q, provide as de, unref as O, onUnmounted as re, resolveDynamicComponent as ke, markRaw as $e, inject as pe, useAttrs as we, nextTick as ce } from "vue";
 import { gesture as ae } from "@toife/gesture";
-import { useRouter as fe, useRoute as we } from "vue-router";
-const Te = (t) => t && (t.tagName == "INPUT" || t.tagName == "TEXTAREA" || t.isContentEditable), Be = () => {
+import { useRouter as fe, useRoute as xe } from "vue-router";
+const Te = (t) => t && (t.tagName == "INPUT" || t.tagName == "TEXTAREA" || t.isContentEditable), Se = () => {
   const t = document.activeElement;
   t && (t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable) && t.blur();
-}, Se = () => {
+}, Be = () => {
   document.addEventListener("contextmenu", (t) => t.preventDefault()), document.addEventListener("pointerup", (t) => {
-    !Te(t.target) && Be();
+    !Te(t.target) && Se();
   }), "virtualKeyboard" in navigator && (navigator.virtualKeyboard.overlaysContent = !0);
 }, _ = (t, o) => {
   const e = t.__vccOpts || t;
-  for (const [s, r] of o)
-    e[s] = r;
+  for (const [s, n] of o)
+    e[s] = n;
   return e;
-}, ze = {}, Ce = { class: "t-app" };
-function Ie(t, o) {
-  return i(), p("div", Ce, [
+}, Ce = {}, Ie = { class: "t-app" };
+function ze(t, o) {
+  return i(), p("div", Ie, [
     g(t.$slots, "default")
   ]);
 }
-const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
+const Ee = /* @__PURE__ */ _(Ce, [["render", ze]]), Ve = /* @__PURE__ */ b({
   __name: "t-present",
   props: {
     keepalive: { type: Boolean, default: !0 },
@@ -33,19 +33,19 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
   },
   emits: ["dismiss"],
   setup(t, { expose: o, emit: e }) {
-    const s = m(0), r = m(!1), l = m(), u = m(), n = t, v = e, y = w(() => r.value || n.keepalive), d = m(!1), a = ue({
+    const s = m(0), n = m(!1), l = m(), u = m(), r = t, v = e, y = x(() => n.value || r.keepalive), d = m(!1), a = ue({
       "--t-present-backdrop-opacity": "0.4",
       "--t-present-transition": "0.2s",
       "--t-present-content-transform": "0px",
       "--t-present-content-opacity": "1"
-    }), c = w(() => n.duration / 1e3 + "s"), f = (x) => {
-      n.backdrop ? x?.backdropOpacity && (a["--t-present-backdrop-opacity"] = x.backdropOpacity) : a["--t-present-backdrop-opacity"] = "0", x?.transition && (a["--t-present-transition"] = x.transition), x?.contentTransform && (a["--t-present-content-transform"] = x.contentTransform), x?.contentOpacity && (a["--t-present-content-opacity"] = x.contentOpacity);
+    }), c = x(() => r.duration / 1e3 + "s"), f = (w) => {
+      r.backdrop ? w?.backdropOpacity && (a["--t-present-backdrop-opacity"] = w.backdropOpacity) : a["--t-present-backdrop-opacity"] = "0", w.transition && (a["--t-present-transition"] = w.transition), w.contentTransform && (a["--t-present-content-transform"] = w.contentTransform), w.contentOpacity && (a["--t-present-content-opacity"] = w.contentOpacity);
     }, k = () => {
-      if (n.bounce !== void 0 && !d.value) {
+      if (r.bounce !== void 0 && !d.value) {
         d.value = !0;
-        let x = n.bounce;
-        (n.placement == "bottom" || n.placement == "right") && (x = `calc(${n.bounce} * -1)`), f({
-          contentTransform: x,
+        let w = r.bounce;
+        (r.placement == "bottom" || r.placement == "right") && (w = `calc(${r.bounce} * -1)`), f({
+          contentTransform: w,
           transition: c.value,
           backdropOpacity: "0.4",
           contentOpacity: "1"
@@ -53,7 +53,7 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
           f({
             contentTransform: "0px"
           });
-        }, n.duration);
+        }, r.duration);
       } else
         f({
           contentTransform: "0px",
@@ -61,56 +61,56 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
           backdropOpacity: "0.4",
           contentOpacity: "1"
         });
-    }, b = () => {
-      let x = "0px", se = "1";
-      n.placement == "bottom" || n.placement == "right" ? x = "100%" : n.placement == "top" || n.placement == "left" ? x = "-100%" : n.placement == "center" && (x = "0px", se = "0"), f({
-        contentTransform: x,
+    }, h = () => {
+      let w = "0px", se = "1";
+      r.placement == "bottom" || r.placement == "right" ? w = "100%" : r.placement == "top" || r.placement == "left" ? w = "-100%" : r.placement == "center" && (w = "0px", se = "0"), f({
+        contentTransform: w,
         transition: c.value,
         contentOpacity: se,
         backdropOpacity: "0"
       });
     };
-    W(() => n.visible, () => {
-      n.visible ? (d.value = !1, r.value = !0, s.value = Ke.getNewIndex(), setTimeout(() => {
+    W(() => r.visible, () => {
+      r.visible ? (d.value = !1, n.value = !0, s.value = Ke.getNewIndex(), setTimeout(() => {
         k();
-      }, 50)) : (b(), setTimeout(() => {
-        r.value = !1;
+      }, 50)) : (h(), setTimeout(() => {
+        n.value = !1;
       }, 200));
     }), o({
       render: f,
       open: k,
-      close: b
+      close: h
     });
-    const N = (x) => {
-      x.preventDefault(), v("dismiss", "backdrop");
+    const N = (w) => {
+      w.preventDefault(), v("dismiss", "backdrop");
     };
-    return U(() => {
-      n.visible ? k() : b();
-    }), (x, se) => (i(), p(q, null, [
+    return j(() => {
+      r.visible ? k() : h();
+    }), (w, se) => (i(), p(q, null, [
       y.value ? F((i(), p("div", {
         key: 0,
-        class: S(["t-present", [{ [x.placement]: !0 }, n.class]]),
+        class: B(["t-present", [{ [w.placement]: !0 }, r.class]]),
         ref_key: "present",
         ref: u,
-        style: T([a, { zIndex: s.value }, n.style])
+        style: T([a, { zIndex: s.value }, r.style])
       }, [
-        g(x.$slots, "default", {}, void 0, !0)
+        g(w.$slots, "default", {}, void 0, !0)
       ], 6)), [
-        [K, r.value]
-      ]) : I("", !0),
+        [K, n.value]
+      ]) : z("", !0),
       y.value ? F((i(), p("div", {
         key: 1,
         class: "t-present-backdrop",
         onClick: N,
         ref_key: "backdrop",
         ref: l,
-        style: T([a, { zIndex: s.value - 1 }, n.style])
+        style: T([a, { zIndex: s.value - 1 }, r.style])
       }, null, 4)), [
-        [K, r.value]
-      ]) : I("", !0)
+        [K, n.value]
+      ]) : z("", !0)
     ], 64));
   }
-}), H = /* @__PURE__ */ _(Ve, [["__scopeId", "data-v-51935b1a"]]), Pe = /* @__PURE__ */ h({
+}), H = /* @__PURE__ */ _(Ve, [["__scopeId", "data-v-d0ed0aab"]]), Pe = /* @__PURE__ */ b({
   __name: "t-loading-icon",
   props: {
     size: {
@@ -137,7 +137,7 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
 }), Z = /* @__PURE__ */ _(Pe, [["__scopeId", "data-v-7c463303"]]), Re = { class: "t-button-content" }, Ae = {
   key: 0,
   class: "loader"
-}, Oe = /* @__PURE__ */ h({
+}, Oe = /* @__PURE__ */ b({
   __name: "t-button",
   props: {
     color: { default: null },
@@ -150,7 +150,7 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
     activeBackground: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const o = t, e = w(() => {
+    const o = t, e = x(() => {
       let s;
       return o.variant == "default" && (o.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) ? s = {
         "--border": "none",
@@ -190,8 +190,8 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
         "--background": "transparent"
       }), s;
     });
-    return (s, r) => (i(), p("button", {
-      class: S(["t-button", { "active-background": o.activeBackground, rounded: o.rounded, block: o.block, ["size-" + o.size]: !0 }]),
+    return (s, n) => (i(), p("button", {
+      class: B(["t-button", { "active-background": o.activeBackground, rounded: o.rounded, block: o.block, ["size-" + o.size]: !0 }]),
       style: T(e.value)
     }, [
       F($("span", Re, [
@@ -200,17 +200,17 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
         [K, !o.loading]
       ]),
       o.loading ? (i(), p("span", Ae, [
-        j(Z, {
+        G(Z, {
           color: "var(--color)",
           type: o.loadingType
         }, null, 8, ["type"])
-      ])) : I("", !0)
+      ])) : z("", !0)
     ], 6));
   }
-}), Y = /* @__PURE__ */ _(Oe, [["__scopeId", "data-v-185a9e49"]]), Xe = {
+}), Y = /* @__PURE__ */ _(Oe, [["__scopeId", "data-v-d8c9aca1"]]), Xe = {
   key: 0,
   class: "t-alert-header"
-}, De = { class: "t-alert-content" }, We = { class: "t-alert-footer" }, Ne = /* @__PURE__ */ h({
+}, De = { class: "t-alert-content" }, We = { class: "t-alert-footer" }, Ne = /* @__PURE__ */ b({
   __name: "t-alert",
   props: {
     title: {},
@@ -220,13 +220,13 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
   },
   emits: ["dismiss"],
   setup(t, { expose: o, emit: e }) {
-    const s = t, r = m(!1), l = e, u = m(), n = m(!1), v = () => {
-      r.value = !0;
+    const s = t, n = e, l = m(!1), u = m(), r = m(!1), v = () => {
+      l.value = !0;
     }, y = (a) => {
-      r.value = !1, a.handler && a.handler(), l("dismiss", "choose", a?.data);
+      l.value = !1, a.handler && a.handler(), n("dismiss", "choose", a?.data);
     }, d = (a) => {
-      s.dismiss && s.dismiss.includes(a) ? (r.value = !1, l("dismiss", a)) : a == "backdrop" && (n.value = !0, setTimeout(() => {
-        n.value = !1;
+      s.dismiss && s.dismiss.includes(a) ? (l.value = !1, n("dismiss", a)) : a == "backdrop" && (r.value = !0, setTimeout(() => {
+        r.value = !1;
       }, 300));
     };
     return o({
@@ -235,24 +235,24 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
       placement: "center",
       backdrop: !0,
       keepalive: !1,
-      visible: r.value,
+      visible: l.value,
       onDismiss: d
     }, {
       default: P(() => [
         $("div", {
-          class: S(["t-alert", { pop: n.value }]),
+          class: B(["t-alert", { pop: r.value }]),
           ref_key: "container",
           ref: u
         }, [
           g(a.$slots, "header", {}, () => [
-            s.title ? (i(), p("div", Xe, A(s.title), 1)) : I("", !0)
+            s.title ? (i(), p("div", Xe, A(s.title), 1)) : z("", !0)
           ], !0),
           g(a.$slots, "content", {}, () => [
             $("div", De, A(s.message), 1)
           ], !0),
           g(a.$slots, "footer", {}, () => [
             $("div", We, [
-              (i(!0), p(q, null, G(s.actions, (f) => (i(), V(Y, {
+              (i(!0), p(q, null, U(s.actions, (f) => (i(), V(Y, {
                 color: f.color,
                 variant: f.variant,
                 onClick: (k) => y(f)
@@ -269,32 +269,32 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
       _: 3
     }, 8, ["visible"]));
   }
-}), me = /* @__PURE__ */ _(Ne, [["__scopeId", "data-v-05d0c578"]]), wo = (t = {}) => ({
+}), me = /* @__PURE__ */ _(Ne, [["__scopeId", "data-v-fe19a4e9"]]), bo = (t = {}) => ({
   open() {
     return new Promise((o) => {
       let e = document.body.querySelector(".t-app");
       if (!e) return;
-      const s = document.createElement("div"), r = m();
+      const s = document.createElement("div"), n = m();
       e.appendChild(s);
       const l = J({
         render() {
           return Q(me, {
             ...t,
-            ref: r,
-            onDismiss: (u, n) => {
+            ref: n,
+            onDismiss: (u, r) => {
               setTimeout(() => {
                 l.unmount(), s.remove();
-              }, 300), o({ type: u, data: n });
+              }, 300), o({ type: u, data: r });
             }
           });
         }
       });
       l.mount(s), setTimeout(() => {
-        r.value?.open?.();
+        n.value?.open?.();
       }, 50);
     });
   }
-}), qe = /* @__PURE__ */ h({
+}), qe = /* @__PURE__ */ b({
   __name: "t-action",
   props: {
     actions: {},
@@ -303,13 +303,13 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
   },
   emits: ["dismiss"],
   setup(t, { expose: o, emit: e }) {
-    const s = t, r = m(!1), l = e, u = m(), n = m(!1), v = () => {
-      r.value = !0;
+    const s = t, n = e, l = m(!1), u = m(), r = m(!1), v = () => {
+      l.value = !0;
     }, y = (a) => {
-      r.value = !1, a.handler && a.handler(), l("dismiss", "choose", a?.data);
+      l.value = !1, a.handler && a.handler(), n("dismiss", "choose", a?.data);
     }, d = (a) => {
-      s.dismiss && s.dismiss.includes(a) ? (r.value = !1, l("dismiss", a)) : a == "backdrop" && (n.value = !0, setTimeout(() => {
-        n.value = !1;
+      s.dismiss && s.dismiss.includes(a) ? (l.value = !1, n("dismiss", a)) : a == "backdrop" && (r.value = !0, setTimeout(() => {
+        r.value = !1;
       }, 300));
     };
     return W(() => s.visible, (a) => {
@@ -321,21 +321,21 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
       placement: "bottom",
       backdrop: !0,
       keepalive: !1,
-      visible: r.value,
+      visible: l.value,
       onDismiss: d
     }, {
       default: P(() => [
         $("div", {
-          class: S(["t-action", { pop: n.value }]),
+          class: B(["t-action", { pop: r.value }]),
           ref_key: "container",
           ref: u
         }, [
-          (i(!0), p(q, null, G(s.actions, (f) => (i(), p("div", null, [
-            (i(!0), p(q, null, G(f, (k) => (i(), V(Y, {
+          (i(!0), p(q, null, U(s.actions, (f) => (i(), p("div", null, [
+            (i(!0), p(q, null, U(f, (k) => (i(), V(Y, {
               color: k.color,
               size: k.size,
               variant: k.variant,
-              onClick: (b) => y(k),
+              onClick: (h) => y(k),
               block: ""
             }, {
               default: P(() => [
@@ -349,56 +349,56 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
       _: 1
     }, 8, ["visible"]));
   }
-}), Me = /* @__PURE__ */ _(qe, [["__scopeId", "data-v-9fc077a4"]]), To = (t = {}) => ({
+}), Me = /* @__PURE__ */ _(qe, [["__scopeId", "data-v-7db152ee"]]), ho = (t = {}) => ({
   open() {
     return new Promise((o) => {
       let e = document.body.querySelector(".t-app");
       if (!e) return;
-      const s = document.createElement("div"), r = m();
+      const s = document.createElement("div"), n = m();
       e.appendChild(s);
       const l = J({
         render() {
           return Q(Me, {
             ...t,
-            ref: r,
-            onDismiss: (u, n) => {
+            ref: n,
+            onDismiss: (u, r) => {
               setTimeout(() => {
                 l.unmount(), s.remove();
-              }, 300), o({ type: u, data: n });
+              }, 300), o({ type: u, data: r });
             }
           });
         }
       });
       l.mount(s), setTimeout(() => {
-        r.value?.open?.();
+        n.value?.open?.();
       }, 50);
     });
   }
-}), Le = { class: "t-loading" }, He = /* @__PURE__ */ h({
+}), Le = { class: "t-loading" }, He = /* @__PURE__ */ b({
   __name: "t-loading",
   props: {
     type: { default: "spinner" }
   },
   emits: ["dismiss"],
   setup(t, { expose: o, emit: e }) {
-    const s = t, r = m(!1);
+    const s = t, n = m(!1);
     return o({
       open: () => {
-        r.value = !0;
+        n.value = !0;
       },
       close: () => {
-        r.value = !1;
+        n.value = !1;
       }
-    }), (n, v) => (i(), V(H, {
+    }), (r, v) => (i(), V(H, {
       placement: "center",
       backdrop: !0,
       keepalive: !1,
-      visible: r.value
+      visible: n.value
     }, {
       default: P(() => [
         $("div", Le, [
-          g(n.$slots, "default", {}, () => [
-            j(Z, {
+          g(r.$slots, "default", {}, () => [
+            G(Z, {
               type: s.type
             }, null, 8, ["type"])
           ], !0)
@@ -407,20 +407,20 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
       _: 3
     }, 8, ["visible"]));
   }
-}), Fe = /* @__PURE__ */ _(He, [["__scopeId", "data-v-8f84c14e"]]), Bo = (t = {}) => {
+}), Fe = /* @__PURE__ */ _(He, [["__scopeId", "data-v-8f84c14e"]]), ko = (t = {}) => {
   const o = m(), e = document.body.querySelector(".t-app");
-  let s = null, r = null;
+  let s = null, n = null;
   return {
     open() {
       return new Promise((l) => {
-        e && (r = document.createElement("div"), e.appendChild(r), s = J({
+        e && (n = document.createElement("div"), e.appendChild(n), s = J({
           render() {
             return Q(Fe, {
               ...t,
               ref: o
             });
           }
-        }), s.mount(r), setTimeout(() => {
+        }), s.mount(n), setTimeout(() => {
           o.value?.open?.(), l(!0);
         }, 50));
       });
@@ -428,7 +428,7 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
     close() {
       return new Promise((l) => {
         o.value?.close?.(), setTimeout(() => {
-          s?.unmount?.(), r?.remove?.(), l(!0);
+          s?.unmount?.(), n?.remove?.(), l(!0);
         }, 300);
       });
     }
@@ -437,27 +437,27 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
   getNewIndex() {
     return ie.value += 2, ie.value;
   }
-}, X = ue([]), ee = m(!0), C = m(!1), R = m(-1), z = w(() => X[R.value]), L = w(() => X[R.value + 1] || void 0), E = w(() => X[X.length - 2]), ve = w(() => !C.value && ee.value && E.value), D = (t = !0) => {
-  let e = z.value.target.closest(".t-app").offsetWidth;
+}, X = ue([]), ee = m(!0), I = m(!1), R = m(-1), C = x(() => X[R.value]), L = x(() => X[R.value + 1] || void 0), E = x(() => X[X.length - 2]), ve = x(() => !I.value && ee.value && E.value), D = (t = !0) => {
+  let e = C.value.target.closest(".t-app").offsetWidth;
   return t ? e + "px" : e;
 }, te = {
   reset() {
-    C.value = !0;
-    const t = D(), o = z.value.target, e = E.value.target;
+    I.value = !0;
+    const t = D(), o = C.value.target, e = E.value.target;
     o.style.transition = "transform 0.35s ease", o.style.transform = "translateX(0px)", e.style.transition = "transform 0.35s ease", e.style.transform = `translateX(calc(${t} / 100 * 30 * -1)) scale(0.5) perspective(${t}) 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;
+      I.value = !1;
     }, 400);
   },
   move(t) {
     if (!ve.value) return;
-    const o = D(!1), e = o + "px", s = t / o * 100, r = z.value.target, l = E.value.target;
-    t > 15 && t <= o && (r.style.transition = "transform 0s ease", r.style.transform = `translateX(${t}px)`, l.style.transition = "transform 0s ease", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), l.style.transform = `translateX(calc((${e} / 100 * 30 * -1) + ((${e} / 100 * 30) / 100 * ${s}))) scale(${0.5 + 0.5 / 100 * s}) perspective(${e}) rotateY(${30 - 30 / 100 * s}deg)`, document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", `${0.5 - 0.5 / 100 * s}`));
+    const o = D(!1), e = o + "px", s = t / o * 100, n = C.value.target, l = E.value.target;
+    t > 15 && t <= o && (n.style.transition = "transform 0s ease", n.style.transform = `translateX(${t}px)`, l.style.transition = "transform 0s ease", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), l.style.transform = `translateX(calc((${e} / 100 * 30 * -1) + ((${e} / 100 * 30) / 100 * ${s}))) scale(${0.5 + 0.5 / 100 * s}) perspective(${e}) rotateY(${30 - 30 / 100 * s}deg)`, document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", `${0.5 - 0.5 / 100 * s}`));
   },
   back(t) {
     if (!E.value) return;
     const o = D();
-    z.value.target.style.transition = "transform 0.35s ease", z.value.target.style.transform = `translateX(${o}) scale(1)`, E.value.target.style.transition = "transform 0.35s ease", E.value.target.style.transform = `translateX(0px) scale(1) perspective(${o}) 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(() => {
-      le(), C.value = !1, R.value -= 1, t && t();
+    C.value.target.style.transition = "transform 0.35s ease", C.value.target.style.transform = `translateX(${o}) scale(1)`, E.value.target.style.transition = "transform 0.35s ease", E.value.target.style.transform = `translateX(0px) scale(1) perspective(${o}) 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(() => {
+      le(), I.value = !1, R.value -= 1, t && t();
     }, 400);
   },
   next(t) {
@@ -466,31 +466,31 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
       R.value += 1, t && t();
       return;
     }
-    C.value = !0;
+    I.value = !0;
     const o = L.value.target, e = D();
     o.style.transform = `translateX(${e})`, 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"), 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(${e} / 100 * 30 * -1)) scale(0.5) perspective(${e}) rotateY(30deg)`), setTimeout(() => {
-        C.value = !1, R.value += 1, t && t();
+      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"), C.value && (C.value.target.style.transitionOrigin = "left center", C.value.target.style.transition = "transform 0.35s ease", C.value.target.style.transform = `translateX(calc(${e} / 100 * 30 * -1)) scale(0.5) perspective(${e}) rotateY(30deg)`), setTimeout(() => {
+        I.value = !1, R.value += 1, t && t();
       }, 400);
     }, 100);
   }
 }, oe = {
   reset() {
-    C.value = !0;
-    const t = D(), o = z.value.target, e = E.value.target;
+    I.value = !0;
+    const t = D(), o = C.value.target, e = E.value.target;
     o.style.transition = "transform 0.35s ease", o.style.transform = "translateX(0px)", e.style.transition = "transform 0.35s ease", e.style.transform = `translateX(calc(${t} / 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;
+      I.value = !1;
     }, 400);
   },
   move(t) {
-    const o = D(!1), e = o + "px", s = t / o * 100, r = z.value.target, l = E.value.target;
-    t > 15 && t <= o && (r.style.transition = "transform 0s ease", r.style.transform = `translateX(${t}px)`, l.style.transition = "transform 0s ease", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), l.style.transform = `translateX(calc((${e} / 100 * 30 * -1) + ((${e} / 100 * 30) / 100 * ${s})))`, document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", `${0.5 - 0.5 / 100 * s}`));
+    const o = D(!1), e = o + "px", s = t / o * 100, n = C.value.target, l = E.value.target;
+    t > 15 && t <= o && (n.style.transition = "transform 0s ease", n.style.transform = `translateX(${t}px)`, l.style.transition = "transform 0s ease", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), l.style.transform = `translateX(calc((${e} / 100 * 30 * -1) + ((${e} / 100 * 30) / 100 * ${s})))`, document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", `${0.5 - 0.5 / 100 * s}`));
   },
   back(t) {
     if (!E.value) return;
     const o = D();
-    z.value.target.style.transition = "transform 0.35s ease", z.value.target.style.transform = `translateX(${o}) scale(1)`, E.value.target.style.transition = "transform 0.35s ease", E.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(() => {
-      le(), C.value = !1, R.value -= 1, t && t();
+    C.value.target.style.transition = "transform 0.35s ease", C.value.target.style.transform = `translateX(${o}) scale(1)`, E.value.target.style.transition = "transform 0.35s ease", E.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(() => {
+      le(), I.value = !1, R.value -= 1, t && t();
     }, 400);
   },
   next(t) {
@@ -499,21 +499,21 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
       R.value += 1, t && t();
       return;
     }
-    C.value = !0;
+    I.value = !0;
     const o = L.value.target, e = D();
     o.style.transform = `translateX(${e})`, 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"), 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(${e} / 100 * 30 * -1))`), setTimeout(() => {
-        C.value = !1, R.value += 1, t && t();
+      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"), C.value && (C.value.target.style.transitionOrigin = "left center", C.value.target.style.transition = "transform 0.35s ease", C.value.target.style.transform = `translateX(calc(${e} / 100 * 30 * -1))`), setTimeout(() => {
+        I.value = !1, R.value += 1, t && t();
       }, 400);
     }, 100);
   }
-}, Ge = (t) => {
+}, Ue = (t) => {
   X.push(t);
-}, Ue = (t, o) => {
+}, je = (t, o) => {
   X[t].target = o;
 }, le = (t) => {
   t || X.pop();
-}, je = () => {
+}, Ge = () => {
   X.splice(0, X.length);
 }, Je = () => {
   ee.value = !1;
@@ -527,25 +527,25 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
   t == "scale" && te.move(o), t == "transform" && oe.move(o);
 }, tt = (t) => {
   t == "scale" && te.reset(), t == "transform" && oe.reset();
-}, B = {
-  isBusy: C,
+}, S = {
+  isBusy: I,
   isSwipeable: ve,
   reset: tt,
   next: Ze,
   back: Ye,
   move: et,
   screens: X,
-  addScreen: Ge,
-  addScreenEl: Ue,
+  addScreen: Ue,
+  addScreenEl: je,
   removeScreen: le,
-  removeAllScreen: je,
+  removeAllScreen: Ge,
   lockSwipe: Je,
   unlockSwipe: Qe,
   swipeable: ee,
-  currentScreen: z,
+  currentScreen: C,
   lastScreen: E,
   nextScreen: L
-}, ot = { class: "t-toast-content" }, st = /* @__PURE__ */ h({
+}, ot = { class: "t-toast-content" }, st = /* @__PURE__ */ b({
   __name: "t-toast",
   props: {
     message: {},
@@ -557,19 +557,19 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
   },
   emits: ["dismiss"],
   setup(t, { expose: o, emit: e }) {
-    const s = t, r = e, l = m(!1), u = m(!1), n = m(!1), v = () => {
-      u.value = !0, n.value = !1, setTimeout(() => {
+    const s = t, n = e, l = m(!1), u = m(!1), r = m(!1), v = () => {
+      u.value = !0, r.value = !1, setTimeout(() => {
         l.value = !0;
       }, 10);
     }, y = () => {
-      n.value = !0, setTimeout(() => {
-        u.value = !1, l.value = !1, r("dismiss");
+      r.value = !0, setTimeout(() => {
+        u.value = !1, l.value = !1, n("dismiss");
       }, 300);
     };
     W(() => s.visible, (a) => {
       a ? v() : y();
     });
-    const d = w(() => {
+    const d = x(() => {
       let a;
       return s.variant == "default" && (s.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(s.color) ? a = {
         "--border": "none",
@@ -614,46 +614,46 @@ const Ee = /* @__PURE__ */ _(ze, [["render", Ie]]), Ve = /* @__PURE__ */ h({
       close: y
     }), (a, c) => u.value ? (i(), p("div", {
       key: 0,
-      class: S(["t-toast", { [s.placement]: !0, open: l.value, closing: n.value }]),
+      class: B(["t-toast", { [s.placement]: !0, open: l.value, closing: r.value }]),
       style: T({ "--space": s.space, ...d.value })
     }, [
       g(a.$slots, "content", {}, () => [
         $("div", ot, A(s.message), 1)
       ], !0)
-    ], 6)) : I("", !0);
+    ], 6)) : z("", !0);
   }
-}), ye = /* @__PURE__ */ _(st, [["__scopeId", "data-v-2802d43f"]]), So = (t = {}) => ({
+}), ye = /* @__PURE__ */ _(st, [["__scopeId", "data-v-2802d43f"]]), $o = (t = {}) => ({
   open() {
     let o = document.body.querySelector(".t-app");
     if (!o) return;
     const e = document.createElement("div"), s = m();
     o.appendChild(e);
-    const r = J({
+    const n = J({
       render() {
         return Q(ye, {
           ...t,
           ref: s,
           onDismiss: () => {
             setTimeout(() => {
-              r.unmount(), e.remove();
+              n.unmount(), e.remove();
             }, 300);
           }
         });
       }
     });
-    r.mount(e), setTimeout(() => {
+    n.mount(e), setTimeout(() => {
       s.value?.open?.(), setTimeout(() => {
         s.value?.close?.();
       }, t.duration + 10);
     }, 50);
   }
-}), rt = m(0);
+}), nt = m(0);
 function _e() {
   return {
-    height: rt
+    height: nt
   };
 }
-const nt = /* @__PURE__ */ h({
+const rt = /* @__PURE__ */ b({
   __name: "t-cable",
   props: {
     keyboard: { type: Boolean, default: !1 },
@@ -663,20 +663,20 @@ const nt = /* @__PURE__ */ h({
     const o = t, { height: e } = _e();
     return de("cableState", {
       placement: o.placement
-    }), (s, r) => (i(), p("div", {
-      class: S(["t-cable", { keyboard: o.keyboard && O(e) > 0, [o.placement]: !0 }]),
+    }), (s, n) => (i(), p("div", {
+      class: B(["t-cable", { keyboard: o.keyboard && O(e) > 0, [o.placement]: !0 }]),
       style: T({ "--t-keyboard-height": O(e) + "px", "--t-keyboard-transition": O(e) > 0 ? "0.3s" : "0.1s" })
     }, [
       g(s.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), at = /* @__PURE__ */ _(nt, [["__scopeId", "data-v-6cae224b"]]), lt = /* @__PURE__ */ h({
+}), at = /* @__PURE__ */ _(rt, [["__scopeId", "data-v-27e0d794"]]), lt = /* @__PURE__ */ b({
   __name: "t-card",
   props: {
     color: { default: null }
   },
   setup(t) {
-    const o = t, e = w(() => {
+    const o = t, e = x(() => {
       let s;
       return o.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) ? s = {
         "--background": "var(--t-color-status-" + o.color + ")"
@@ -686,7 +686,7 @@ const nt = /* @__PURE__ */ h({
         "--background": "var(--t-color-surface)"
       }, s;
     });
-    return (s, r) => (i(), p("div", {
+    return (s, n) => (i(), p("div", {
       class: "t-card",
       style: T(e.value)
     }, [
@@ -699,7 +699,7 @@ function ut(t, o) {
     g(t.$slots, "default", {}, void 0, !0)
   ]);
 }
-const ge = /* @__PURE__ */ _(ct, [["render", ut], ["__scopeId", "data-v-ce0031a0"]]), dt = /* @__PURE__ */ h({
+const ge = /* @__PURE__ */ _(ct, [["render", ut], ["__scopeId", "data-v-ce0031a0"]]), dt = /* @__PURE__ */ b({
   __name: "t-refresher",
   props: {
     threshold: { default: 120 },
@@ -708,19 +708,19 @@ const ge = /* @__PURE__ */ _(ct, [["render", ut], ["__scopeId", "data-v-ce0031a0
   },
   emits: ["refresh", "move", "cancel", "start"],
   setup(t, { emit: o }) {
-    const e = o, s = t, r = m(0), l = m(!1), u = m();
-    let n, v = !1;
+    const e = o, s = t, n = m(0), l = m(!1), u = m();
+    let r, v = !1;
     const y = () => {
-      l.value = !1, r.value = 0, v = !1;
+      l.value = !1, n.value = 0, v = !1;
     }, d = () => {
-      v = !0, l.value = !0, r.value = s.threshold, e("refresh", y);
+      v = !0, l.value = !0, n.value = s.threshold, e("refresh", y);
     }, a = () => {
-      r.value = 0, l.value = !1, v = !1, e("cancel");
+      n.value = 0, l.value = !1, v = !1, e("cancel");
     };
     return W(() => u.value, () => {
-      n && n.destroy();
+      r && r.destroy();
       let c = u.value.closest(".t-content");
-      c && (n = ae(c, {
+      c && (r = ae(c, {
         options: {
           minMove: 20
         },
@@ -736,8 +736,8 @@ const ge = /* @__PURE__ */ _(ct, [["render", ut], ["__scopeId", "data-v-ce0031a0
             d();
             return;
           }
-          const b = f < 0 ? 0 : f;
-          r.value = b, e("move", b);
+          const h = f < 0 ? 0 : f;
+          n.value = h, e("move", h);
         },
         up({ deltaY: f, initialDirection: k }) {
           l.value || v || k != "down" || (s.variant == "up" && f >= s.threshold ? d() : a());
@@ -748,19 +748,19 @@ const ge = /* @__PURE__ */ _(ct, [["render", ut], ["__scopeId", "data-v-ce0031a0
       }, {
         passive: !1
       }));
-    }), ne(() => {
-      n && n.destroy();
+    }), re(() => {
+      r && r.destroy();
     }), (c, f) => F((i(), p("div", {
-      class: S(["t-refresher", { safe: c.safe }]),
+      class: B(["t-refresher", { safe: c.safe }]),
       ref_key: "container",
       ref: u
     }, [
       g(c.$slots, "default", {
-        offset: r.value,
+        offset: n.value,
         refreshing: l.value
       }, void 0, !0)
     ], 2)), [
-      [K, r.value > 0]
+      [K, n.value > 0]
     ]);
   }
 }), pt = /* @__PURE__ */ _(dt, [["__scopeId", "data-v-c77146a5"]]), ft = {}, mt = { class: "t-screen" };
@@ -769,7 +769,7 @@ function vt(t, o) {
     g(t.$slots, "default", {}, void 0, !0)
   ]);
 }
-const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c"]]), yt = /* @__PURE__ */ h({
+const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c"]]), yt = /* @__PURE__ */ b({
   __name: "t-swipe-screen",
   props: {
     variant: { default: "scale" },
@@ -779,57 +779,57 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
   emits: ["change"],
   setup(t, { emit: o }) {
     let e = {};
-    const s = o, r = t;
+    const s = o, n = t;
     let l;
-    const u = r.router || fe(), n = r.route || we(), v = u.getRoutes(), y = m();
+    const u = n.router || fe(), r = n.route || xe(), v = u.getRoutes(), y = m();
     for (let c of v)
       e[c.name] = c.component || c.components;
     const d = (c) => {
-      c && B.addScreen({
+      c && S.addScreen({
         name: c,
         target: null,
         component: $e(e[c] || null)
       });
     }, a = (c, f) => {
-      !f || B.screens[c].target || (B.addScreenEl(c, f.$el), B.nextScreen && B.next(r.variant, () => {
+      !f || S.screens[c].target || (S.addScreenEl(c, f.$el), S.nextScreen && S.next(n.variant, () => {
         s("change");
       }));
     };
-    return W(() => n.name, (c, f) => {
-      c != B.currentScreen.value?.name && (B.lastScreen.value?.name == c ? B.back(r.variant, () => {
+    return W(() => r.name, (c, f) => {
+      c != S.currentScreen.value?.name && (S.lastScreen.value?.name == c ? S.back(n.variant, () => {
         s("change");
-      }) : d(n.name));
-    }), U(() => {
-      d(n.name), l = ae(document.body, {
+      }) : d(r.name));
+    }), j(() => {
+      d(r.name), l = ae(document.body, {
         beforeEvent(c) {
-          return !!B.isSwipeable.value;
+          return !!S.isSwipeable.value;
         },
         fast({ initialDirection: c }) {
-          B.lastScreen.value && c == "right" && u.back();
+          S.lastScreen.value && c == "right" && u.back();
         },
         move({ deltaX: c, initialDirection: f }) {
-          f == "right" && B.move(r.variant, c);
+          f == "right" && S.move(n.variant, c);
         },
         up({ deltaX: c, initialDirection: f }) {
           if (f != "right") {
-            B.reset(r.variant);
+            S.reset(n.variant);
             return;
           }
           const k = y.value.offsetParent.offsetWidth;
-          c / k * 100 >= 50 ? u.back() : B.reset(r.variant);
+          c / k * 100 >= 50 ? u.back() : S.reset(n.variant);
         },
         cancel() {
-          B.reset(r.variant);
+          S.reset(n.variant);
         }
       });
-    }), ne(() => {
-      l && l.destroy(), B.removeAllScreen();
+    }), re(() => {
+      l && l.destroy(), S.removeAllScreen();
     }), (c, f) => (i(), p(q, null, [
-      (i(!0), p(q, null, G(O(B).screens, (k, b) => (i(), V(be, {
+      (i(!0), p(q, null, U(O(S).screens, (k, h) => (i(), V(be, {
         ref_for: !0,
-        ref: (N) => a(b, N),
-        style: T({ zIndex: b + (b == O(B).screens.length - 1 ? 2 : 1) }),
-        key: b
+        ref: (N) => a(h, N),
+        style: T({ zIndex: h + (h == O(S).screens.length - 1 ? 2 : 1) }),
+        key: h
       }, {
         default: P(() => [
           (i(), V(ke(k.component.default)))
@@ -840,11 +840,11 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
         class: "t-swipe-backdrop",
         ref_key: "backdrop",
         ref: y,
-        style: T({ zIndex: O(B).screens.length })
+        style: T({ zIndex: O(S).screens.length })
       }, null, 4)
     ], 64));
   }
-}), _t = /* @__PURE__ */ _(yt, [["__scopeId", "data-v-4d584b03"]]), gt = /* @__PURE__ */ h({
+}), _t = /* @__PURE__ */ _(yt, [["__scopeId", "data-v-4d584b03"]]), gt = /* @__PURE__ */ b({
   __name: "t-toolbar",
   props: {
     placement: { default: null },
@@ -852,72 +852,72 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
     size: { default: "50px" }
   },
   setup(t) {
-    const o = t, e = pe("cableState"), s = w(() => o?.placement || e?.placement);
-    return (r, l) => (i(), p("div", {
-      class: S(["t-toolbar", { [s.value]: !0, safe: o.safe }]),
+    const o = t, e = pe("cableState"), s = x(() => o?.placement || e?.placement);
+    return (n, l) => (i(), p("div", {
+      class: B(["t-toolbar", { [s.value]: !0, safe: o.safe }]),
       style: T({ "--t-size-toolbar": o.size })
     }, [
       $("div", null, [
-        g(r.$slots, "default", {}, void 0, !0)
+        g(n.$slots, "default", {}, void 0, !0)
       ])
     ], 6));
   }
-}), bt = /* @__PURE__ */ _(gt, [["__scopeId", "data-v-1ee9866d"]]), ht = /* @__PURE__ */ h({
+}), bt = /* @__PURE__ */ _(gt, [["__scopeId", "data-v-1ee9866d"]]), ht = /* @__PURE__ */ b({
   __name: "t-back-button",
   props: {
     to: {},
     router: {}
   },
   setup(t) {
-    const o = t, e = xe(), s = o.router || fe(), r = (l) => {
+    const o = t, e = we(), s = o.router || fe(), n = (l) => {
       if (e.onBack) {
         e.onBack(l);
         return;
       }
-      B.lastScreen.value ? s?.back?.() : o.to && s?.push?.(o.to);
+      S.lastScreen.value ? s?.back?.() : o.to && s?.push?.(o.to);
     };
-    return (l, u) => l.to || O(B).lastScreen ? (i(), p("button", {
+    return (l, u) => l.to || O(S).lastScreen ? (i(), p("button", {
       key: 0,
       class: "t-back-button",
-      onClick: r
+      onClick: n
     }, [
       g(l.$slots, "default", {}, () => [
         u[0] || (u[0] = $("i", { class: "ri-arrow-left-s-line" }, null, -1))
       ], !0)
-    ])) : I("", !0);
+    ])) : z("", !0);
   }
-}), kt = /* @__PURE__ */ _(ht, [["__scopeId", "data-v-dcf9d363"]]), $t = /* @__PURE__ */ h({
+}), kt = /* @__PURE__ */ _(ht, [["__scopeId", "data-v-437fb635"]]), $t = /* @__PURE__ */ b({
   __name: "t-text",
   props: {
     color: { default: "var(--t-color-text)" },
     size: { default: "standard" }
   },
   setup(t) {
-    const o = t, e = w(() => {
-      let s, r = o.color;
-      return o.size == "standard" ? s = "var(--t-fs-10)" : o.size == "small" ? s = "var(--t-fs-08)" : o.size == "large" ? s = "var(--t-fs-12)" : s = o.size, ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) && (r = `var(--t-color-status-${o.color})`), {
-        "--color": r,
+    const o = t, e = x(() => {
+      let s, n = o.color;
+      return o.size == "standard" ? s = "var(--t-fs-10)" : o.size == "small" ? s = "var(--t-fs-08)" : o.size == "large" ? s = "var(--t-fs-12)" : s = o.size, ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) && (n = `var(--t-color-status-${o.color})`), {
+        "--color": n,
         "--font-size": s
       };
     });
-    return (s, r) => (i(), p("span", {
+    return (s, n) => (i(), p("span", {
       class: "t-text",
       style: T(e.value)
     }, [
       g(s.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), re = /* @__PURE__ */ _($t, [["__scopeId", "data-v-f0f94f05"]]), xt = /* @__PURE__ */ h({
+}), ne = /* @__PURE__ */ _($t, [["__scopeId", "data-v-f0f94f05"]]), wt = /* @__PURE__ */ b({
   __name: "t-gesture-indicator",
   props: {
     placement: { default: "bottom" }
   },
   setup(t) {
     return (o, e) => (i(), p("div", {
-      class: S(["t-gesture-indicator", { [o.placement]: !0 }])
+      class: B(["t-gesture-indicator", { [o.placement]: !0 }])
     }, null, 2));
   }
-}), he = /* @__PURE__ */ _(xt, [["__scopeId", "data-v-ed8f7308"]]), wt = /* @__PURE__ */ h({
+}), he = /* @__PURE__ */ _(wt, [["__scopeId", "data-v-ed8f7308"]]), xt = /* @__PURE__ */ b({
   __name: "t-sheet",
   props: {
     background: { default: "var(--t-color-surface)" },
@@ -929,15 +929,16 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
     keepalive: { type: Boolean, default: !0 },
     backdrop: { type: Boolean, default: !0 },
     rounded: { type: Boolean, default: !0 },
-    radius: { type: Boolean, default: !0 },
     indicator: { type: Boolean, default: !0 },
+    duration: { default: 200 },
+    bounce: {},
     style: {}
   },
   emits: ["dismiss"],
   setup(t, { emit: o }) {
-    const e = t, s = o, r = m(), l = m(), u = m(!1);
-    let n = null;
-    const v = w(() => {
+    const e = t, s = o, n = m(), l = m(), u = m(!1);
+    let r = null;
+    const v = x(() => {
       if (e.placement == "bottom") return "down";
       if (e.placement == "top") return "up";
       if (e.placement == "left") return "left";
@@ -949,8 +950,8 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
         u.value = !1;
       }, 300);
     };
-    return W(() => r.value, (a) => {
-      a && (n = ae(r.value, {
+    return W(() => n.value, (a) => {
+      a && (r = ae(n.value, {
         isMoving: !1,
         options: {
           minDist: 30
@@ -966,9 +967,9 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
         },
         move({ deltaY: c, deltaX: f, initialDirection: k }) {
           if (k != v.value) return;
-          let b = 0;
-          e.placement == "bottom" || e.placement == "top" ? b = c : b = f, e.placement == "bottom" && (b = c > 0 ? c : 0), e.placement == "top" && (b = c < 0 ? c : 0), e.placement == "left" && (b = f < 0 ? f : 0), e.placement == "right" && (b = f > 0 ? f : 0), (e.placement == "bottom" && (b >= 10 || this.isMoving) || e.placement == "top" && (b <= -10 || this.isMoving) || e.placement == "left" && (b <= -10 || this.isMoving) || e.placement == "right" && (b >= 10 || this.isMoving)) && (this.isMoving = !0, l.value.render({
-            contentTransform: b + "px",
+          let h = 0;
+          e.placement == "bottom" || e.placement == "top" ? h = c : h = f, e.placement == "bottom" && (h = c > 0 ? c : 0), e.placement == "top" && (h = c < 0 ? c : 0), e.placement == "left" && (h = f < 0 ? f : 0), e.placement == "right" && (h = f > 0 ? f : 0), (e.placement == "bottom" && (h >= 10 || this.isMoving) || e.placement == "top" && (h <= -10 || this.isMoving) || e.placement == "left" && (h <= -10 || this.isMoving) || e.placement == "right" && (h >= 10 || this.isMoving)) && (this.isMoving = !0, l.value.render({
+            contentTransform: h + "px",
             transition: "0s"
           }));
         },
@@ -977,19 +978,21 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
             l.value.open();
             return;
           }
-          let b, N, x;
-          e.placement == "bottom" || e.placement == "top" ? (b = r.value.offsetHeight, x = c) : (b = r.value.offsetWidth, x = f), N = x / b * 100, N > 50 ? s("dismiss", "gesture") : l.value.open();
+          let h, N, w;
+          e.placement == "bottom" || e.placement == "top" ? (h = n.value.offsetHeight, w = c) : (h = n.value.offsetWidth, w = f), N = w / h * 100, N > 50 ? s("dismiss", "gesture") : l.value.open();
         },
         cancel() {
           this.isMoving = !1, d(), l.value.open();
         }
       }));
-    }), ne(() => {
-      n && n.destroy();
+    }), re(() => {
+      r && r.destroy();
     }), (a, c) => (i(), V(H, {
       ref_key: "present",
       ref: l,
-      class: S(e.class),
+      duration: e.duration,
+      bounce: e.bounce,
+      class: B(e.class),
       placement: e.placement,
       backdrop: a.backdrop,
       visible: e.visible,
@@ -1001,20 +1004,20 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
         e.gesture && e.indicator && e.placement != "center" ? (i(), V(he, {
           key: 0,
           placement: e.placement
-        }, null, 8, ["placement"])) : I("", !0),
+        }, null, 8, ["placement"])) : z("", !0),
         $("div", {
-          class: S(["t-sheet", { fullscreen: e.fullscreen, [e.placement]: !0, rounded: a.rounded, radius: e.radius }]),
+          class: B(["t-sheet", { fullscreen: e.fullscreen, [e.placement]: !0, rounded: a.rounded }]),
           style: T({ "--background": e.background }),
           ref_key: "sheet",
-          ref: r
+          ref: n
         }, [
           g(a.$slots, "default", {}, void 0, !0)
         ], 6)
       ]),
       _: 3
-    }, 8, ["class", "placement", "backdrop", "visible", "keepalive", "style"]));
+    }, 8, ["duration", "bounce", "class", "placement", "backdrop", "visible", "keepalive", "style"]));
   }
-}), Tt = /* @__PURE__ */ _(wt, [["__scopeId", "data-v-27e04f6f"]]), Bt = { class: "t-input-label" }, St = { class: "t-input-content" }, zt = ["placeholder", "value", "type", "readonly"], Ct = /* @__PURE__ */ h({
+}), Tt = /* @__PURE__ */ _(xt, [["__scopeId", "data-v-7592e0e6"]]), St = { class: "t-input-label" }, Bt = { class: "t-input-content" }, Ct = ["placeholder", "value", "type", "readonly"], It = /* @__PURE__ */ b({
   __name: "t-input",
   props: {
     size: { default: "standard" },
@@ -1030,28 +1033,28 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
   },
   emits: ["update:modelValue"],
   setup(t, { emit: o }) {
-    const e = t, s = o, r = m(!1), l = m(null), u = w(
+    const e = t, s = o, n = m(!1), l = m(null), u = x(
       () => !(e.modelValue === "" || e.modelValue == null)
-    ), n = (d) => {
+    ), r = (d) => {
       s("update:modelValue", d.target.value);
     }, v = async (d) => {
-      r.value = !0;
+      n.value = !0;
     }, y = () => {
-      r.value = !1;
+      n.value = !1;
     };
     return (d, a) => (i(), p("div", {
-      class: S(["t-input", {
+      class: B(["t-input", {
         rounded: d.rounded,
         ["size-" + d.size]: !0,
         ["variant-" + d.variant]: !0,
-        focus: r.value,
+        focus: n.value,
         "has-value": u.value,
         readonly: d.readonly
       }])
     }, [
       $("label", null, [
-        $("span", Bt, A(d.label), 1),
-        $("div", St, [
+        $("span", St, A(d.label), 1),
+        $("div", Bt, [
           g(d.$slots, "start", {}, void 0, !0),
           $("input", {
             ref_key: "editable",
@@ -1060,15 +1063,15 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
             placeholder: d.placeholder,
             value: d.modelValue,
             type: d.type,
-            onInput: n,
+            onInput: r,
             onFocus: v,
             onBlur: y,
             readonly: d.readonly
-          }, null, 40, zt),
+          }, null, 40, Ct),
           g(d.$slots, "end", {}, void 0, !0)
         ])
       ]),
-      d.error ? (i(), V(re, {
+      d.error ? (i(), V(ne, {
         key: 0,
         color: "danger"
       }, {
@@ -1076,7 +1079,7 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
           M(A(d.error), 1)
         ]),
         _: 1
-      })) : d.help ? (i(), V(re, {
+      })) : d.help ? (i(), V(ne, {
         key: 1,
         color: "secondary"
       }, {
@@ -1084,10 +1087,10 @@ const be = /* @__PURE__ */ _(ft, [["render", vt], ["__scopeId", "data-v-c2a3436c
           M(A(d.help), 1)
         ]),
         _: 1
-      })) : I("", !0)
+      })) : z("", !0)
     ], 2));
   }
-}), It = /* @__PURE__ */ _(Ct, [["__scopeId", "data-v-11ddaa71"]]), Et = {};
+}), zt = /* @__PURE__ */ _(It, [["__scopeId", "data-v-11ddaa71"]]), Et = {};
 function Vt(t, o) {
   return i(), p("textarea");
 }
@@ -1095,15 +1098,16 @@ const Pt = /* @__PURE__ */ _(Et, [["render", Vt]]), Rt = {};
 function At(t, o) {
   return i(), p("div");
 }
-const Ot = /* @__PURE__ */ _(Rt, [["render", At]]), Xt = {}, Dt = { class: "t-grid" };
-function Wt(t, o) {
-  return i(), p("div", Dt);
-}
-const Nt = /* @__PURE__ */ _(Xt, [["render", Wt]]), qt = {}, Mt = { class: "t-grid-item" };
-function Lt(t, o) {
-  return i(), p("div", Mt);
-}
-const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
+const Ot = /* @__PURE__ */ _(Rt, [["render", At]]), Xt = { class: "t-grid" }, Dt = /* @__PURE__ */ b({
+  __name: "t-grid",
+  props: {
+    gap: { default: 0 },
+    template: { default: 1 }
+  },
+  setup(t) {
+    return (o, e) => (i(), p("div", Xt));
+  }
+}), Wt = /* @__PURE__ */ _(Dt, [["__scopeId", "data-v-93ba455c"]]), Nt = /* @__PURE__ */ b({
   __name: "t-divider",
   props: {
     direction: { default: "horizontal" }
@@ -1111,29 +1115,29 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
   setup(t) {
     const o = t;
     return (e, s) => (i(), p("div", {
-      class: S(["t-divider", { [o.direction]: !0 }])
+      class: B(["t-divider", { [o.direction]: !0 }])
     }, null, 2));
   }
-}), Kt = /* @__PURE__ */ _(Ft, [["__scopeId", "data-v-47ee8991"]]), Gt = /* @__PURE__ */ h({
+}), qt = /* @__PURE__ */ _(Nt, [["__scopeId", "data-v-47ee8991"]]), Mt = /* @__PURE__ */ b({
   __name: "t-toggle-password",
   props: {
     color: { default: "warning" }
   },
   emits: ["change"],
   setup(t, { emit: o }) {
-    const e = t, s = o, r = m(!1), l = m(), u = w(() => {
+    const e = t, s = o, n = m(!1), l = m(), u = x(() => {
       let y = e.color;
       return ["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) && (y = `var(--t-color-status-${e.color})`), {
         "--color": y
       };
-    }), n = () => l.value?.parentElement?.querySelector?.("input");
-    U(() => {
-      let y = n();
-      y && (r.value = y.type != "password", s("change", r.value));
+    }), r = () => l.value?.parentElement?.querySelector?.("input");
+    j(() => {
+      let y = r();
+      y && (n.value = y.type != "password", s("change", n.value));
     });
     const v = () => {
-      let y = n();
-      y && (r.value = !r.value, r.value ? y.type = "text" : y.type = "password", s("change", r.value));
+      let y = r();
+      y && (n.value = !n.value, n.value ? y.type = "text" : y.type = "password", s("change", n.value));
     };
     return (y, d) => (i(), p("button", {
       ref_key: "toggle",
@@ -1142,68 +1146,68 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
       style: T(u.value),
       onClick: v
     }, [
-      r.value ? g(y.$slots, "on", { key: 0 }, () => [
+      n.value ? g(y.$slots, "on", { key: 0 }, () => [
         d[0] || (d[0] = $("i", { class: "ri-eye-line" }, null, -1))
-      ], !0) : I("", !0),
-      r.value ? I("", !0) : g(y.$slots, "off", { key: 1 }, () => [
+      ], !0) : z("", !0),
+      n.value ? z("", !0) : g(y.$slots, "off", { key: 1 }, () => [
         d[1] || (d[1] = $("i", { class: "ri-eye-off-line" }, null, -1))
       ], !0)
     ], 4));
   }
-}), Ut = /* @__PURE__ */ _(Gt, [["__scopeId", "data-v-3268e9e3"]]), jt = /* @__PURE__ */ h({
+}), Lt = /* @__PURE__ */ _(Mt, [["__scopeId", "data-v-3268e9e3"]]), Ht = /* @__PURE__ */ b({
   __name: "t-avatar",
   props: {
     square: { type: Boolean, default: !1 },
     size: { default: "standard" }
   },
   setup(t) {
-    const o = t, e = w(() => o.size == "small" ? "24px" : o.size == "standard" ? "40px" : o.size == "large" ? "60px" : o.size);
-    return (s, r) => (i(), p("div", {
-      class: S(["t-avatar", { square: s.square }]),
+    const o = t, e = x(() => o.size == "small" ? "24px" : o.size == "standard" ? "40px" : o.size == "large" ? "60px" : o.size);
+    return (s, n) => (i(), p("div", {
+      class: B(["t-avatar", { square: s.square }]),
       style: T({ "--size": e.value })
     }, [
       g(s.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), Jt = /* @__PURE__ */ _(jt, [["__scopeId", "data-v-24384c2f"]]), Qt = { class: "t-collapse-title" }, Zt = {
+}), Ft = /* @__PURE__ */ _(Ht, [["__scopeId", "data-v-1d223827"]]), Kt = { class: "t-collapse-title" }, Ut = {
   key: 0,
   class: "icon"
-}, Yt = {
+}, jt = {
   key: 1,
   class: "icon"
-}, eo = { class: "t-collapse-content" }, to = /* @__PURE__ */ h({
+}, Gt = { class: "t-collapse-content" }, Jt = /* @__PURE__ */ b({
   __name: "t-collapse",
   props: {
     title: {}
   },
   emits: ["change"],
   setup(t, { emit: o }) {
-    const e = t, s = o, r = m(!1), l = m(""), u = m(), n = () => {
-      r.value = !r.value, l.value = `calc(${u.value.offsetHeight}px + 2rem)`, s("change", r.value);
+    const e = t, s = o, n = m(!1), l = m(""), u = m(), r = () => {
+      n.value = !n.value, l.value = `calc(${u.value.offsetHeight}px + 2rem)`, s("change", n.value);
     };
-    return s("change", r.value), (v, y) => (i(), p("div", {
-      class: S(["t-collapse", { open: r.value }]),
+    return s("change", n.value), (v, y) => (i(), p("div", {
+      class: B(["t-collapse", { open: n.value }]),
       style: T({ "--height": l.value })
     }, [
       $("div", {
         class: "t-collapse-header",
-        onClick: n
+        onClick: r
       }, [
         g(v.$slots, "icon"),
-        $("div", Qt, [
+        $("div", Kt, [
           g(v.$slots, "title", {}, () => [
             M(A(e.title), 1)
           ])
         ]),
         g(v.$slots, "toggle", {}, () => [
-          r.value ? (i(), p("div", Zt, [...y[0] || (y[0] = [
+          n.value ? (i(), p("div", Ut, [...y[0] || (y[0] = [
             $("i", { class: "ri-arrow-up-s-line" }, null, -1)
-          ])])) : (i(), p("div", Yt, [...y[1] || (y[1] = [
+          ])])) : (i(), p("div", jt, [...y[1] || (y[1] = [
             $("i", { class: "ri-arrow-down-s-line" }, null, -1)
           ])]))
         ])
       ]),
-      $("div", eo, [
+      $("div", Gt, [
         $("div", {
           ref_key: "content",
           ref: u
@@ -1215,7 +1219,7 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
       ])
     ], 6));
   }
-}), oo = /* @__PURE__ */ h({
+}), Qt = /* @__PURE__ */ b({
   __name: "t-switch",
   props: {
     modelValue: { type: Boolean },
@@ -1223,9 +1227,9 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(t, { emit: o }) {
-    const e = t, s = o, r = () => {
+    const e = t, s = o, n = () => {
       s("update:modelValue", !e.modelValue);
-    }, l = w(() => {
+    }, l = x(() => {
       let u = {
         "--background": e.color,
         "--color": "#ffffff"
@@ -1235,30 +1239,30 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
         "--color": `var(--t-color-status-${e.color}-text)`
       }), u;
     });
-    return (u, n) => (i(), p("div", {
-      class: S(["t-switch", { on: e.modelValue }]),
+    return (u, r) => (i(), p("div", {
+      class: B(["t-switch", { on: e.modelValue }]),
       style: T(l.value),
-      onClick: r
-    }, [...n[0] || (n[0] = [
+      onClick: n
+    }, [...r[0] || (r[0] = [
       $("div", { class: "t-switch-icon" }, null, -1)
     ])], 6));
   }
-}), so = /* @__PURE__ */ _(oo, [["__scopeId", "data-v-3616970e"]]), ro = /* @__PURE__ */ h({
+}), Zt = /* @__PURE__ */ _(Qt, [["__scopeId", "data-v-3616970e"]]), Yt = /* @__PURE__ */ b({
   __name: "t-tab",
   props: {
     value: {},
     disabled: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const o = t, e = pe("tabsState"), s = w(() => e.activeValue.value === o.value), r = () => {
+    const o = t, e = pe("tabsState"), s = x(() => e.activeValue.value === o.value), n = () => {
       o.disabled || e.setValue(o.value);
     };
     return (l, u) => (i(), p("li", {
-      class: S(["t-tab", { active: s.value }])
+      class: B(["t-tab", { active: s.value }])
     }, [
-      j(Y, {
+      G(Y, {
         variant: "text",
-        onClick: r,
+        onClick: n,
         size: O(e).size,
         color: s.value ? O(e).color.text : void 0
       }, {
@@ -1269,7 +1273,7 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
       }, 8, ["size", "color"])
     ], 2));
   }
-}), no = /* @__PURE__ */ _(ro, [["__scopeId", "data-v-4b7f4e98"]]), ao = /* @__PURE__ */ h({
+}), eo = /* @__PURE__ */ _(Yt, [["__scopeId", "data-v-4b7f4e98"]]), to = /* @__PURE__ */ b({
   __name: "t-tabs",
   props: {
     placement: { default: "top-start" },
@@ -1283,49 +1287,49 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(t, { emit: o }) {
-    const e = t, s = o, r = m("0px"), l = m(0), u = m(0), n = m(), v = w(() => {
+    const e = t, s = o, n = m("0px"), l = m(0), u = m(0), r = m(), v = x(() => {
       let a = "", c = "";
       return e.variant == "text" && (a = "transparent", ["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) ? c = `var(--t-color-status-${e.color})` : c = e.color), e.variant == "border-under" && (c = "currentColor", ["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) ? a = `var(--t-color-status-${e.color})` : a = e.color), e.variant == "tag" && (["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) ? (a = `var(--t-color-status-${e.color})`, c = `var(--t-color-status-${e.color}-text)`) : (a = e.color, c = "currentColor")), { background: a, text: c };
-    }), y = w(() => e.variant == "border-under" ? {
-      "--transform": r.value,
+    }), y = x(() => e.variant == "border-under" ? {
+      "--transform": n.value,
       "--border": e.border + "px"
     } : e.variant == "tag" ? {
       "--top": e.margin[0] + "px",
       "--height": u.value - e.margin[0] * 2 + "px",
       "--left": e.margin[1] + "px",
       "--width": l.value - e.margin[1] * 2 + "px",
-      "--transform": r.value,
+      "--transform": n.value,
       "--radius": e.radius + "px"
     } : {}), d = () => {
       if (e.variant == "border-under") {
-        let a = n.value.querySelector(".active");
+        let a = r.value.querySelector(".active");
         if (a) {
           if (e.placement.startsWith("top-") || e.placement.startsWith("bottom-")) {
-            let c = a.getBoundingClientRect().left - n.value.getBoundingClientRect().left + n.value.scrollLeft, f = a.offsetWidth / 2;
-            r.value = c + f - e.border / 2 + "px";
+            let c = a.getBoundingClientRect().left - r.value.getBoundingClientRect().left + r.value.scrollLeft, f = a.offsetWidth / 2;
+            n.value = c + f - e.border / 2 + "px";
           } else if (e.placement.startsWith("left-") || e.placement.startsWith("right-")) {
-            let c = a.getBoundingClientRect().top - n.value.getBoundingClientRect().top + n.value.scrollTop, f = a.offsetHeight / 2;
-            r.value = c + f - e.border / 2 + "px";
+            let c = a.getBoundingClientRect().top - r.value.getBoundingClientRect().top + r.value.scrollTop, f = a.offsetHeight / 2;
+            n.value = c + f - e.border / 2 + "px";
           }
         }
       }
       if (e.variant == "tag") {
-        let a = n.value.querySelector(".active");
+        let a = r.value.querySelector(".active");
         if (a) {
           let c = a.offsetWidth, f = a.offsetHeight;
           if (e.placement.startsWith("top-") || e.placement.startsWith("bottom-")) {
-            let k = a.getBoundingClientRect().left - n.value.getBoundingClientRect().left + n.value.scrollLeft;
-            r.value = k + "px";
+            let k = a.getBoundingClientRect().left - r.value.getBoundingClientRect().left + r.value.scrollLeft;
+            n.value = k + "px";
           } else if (e.placement.startsWith("left-") || e.placement.startsWith("right-")) {
-            let k = a.getBoundingClientRect().top - n.value.getBoundingClientRect().top + n.value.scrollTop;
-            r.value = k + "px";
+            let k = a.getBoundingClientRect().top - r.value.getBoundingClientRect().top + r.value.scrollTop;
+            n.value = k + "px";
           }
           l.value = c, u.value = f;
         }
       }
     };
     return de("tabsState", {
-      activeValue: w(() => e.modelValue),
+      activeValue: x(() => e.modelValue),
       color: v.value,
       size: e.size,
       variant: e.variant,
@@ -1334,31 +1338,31 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
       }
     }), W(() => e.modelValue, async () => {
       await ce(), d();
-    }), U(async () => {
+    }), j(async () => {
       await ce(), d();
     }), (a, c) => (i(), p("ul", {
       ref_key: "container",
-      ref: n,
-      class: S(["t-tabs", { [a.placement]: !0, [`variant-${a.variant}`]: !0 }]),
+      ref: r,
+      class: B(["t-tabs", { [a.placement]: !0, [`variant-${a.variant}`]: !0 }]),
       style: T([{ "--background": v.value.background, "--color": v.value.text }, y.value])
     }, [
       g(a.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), lo = /* @__PURE__ */ _(ao, [["__scopeId", "data-v-8d370631"]]), co = /* @__PURE__ */ h({
+}), oo = /* @__PURE__ */ _(to, [["__scopeId", "data-v-8d370631"]]), so = /* @__PURE__ */ b({
   __name: "t-loading-app",
   setup(t) {
     return (o, e) => (i(), V(ge, null, {
       default: P(() => [
-        j(Z, { type: "spinner" })
+        G(Z, { type: "spinner" })
       ]),
       _: 1
     }));
   }
-}), io = /* @__PURE__ */ _(co, [["__scopeId", "data-v-1436aa9f"]]), uo = { key: 0 }, po = {
+}), no = /* @__PURE__ */ _(so, [["__scopeId", "data-v-1436aa9f"]]), ro = { key: 0 }, ao = {
   key: 0,
   class: "t-checkbox-label"
-}, fo = /* @__PURE__ */ h({
+}, lo = /* @__PURE__ */ b({
   __name: "t-checkbox",
   props: {
     label: { default: "" },
@@ -1371,40 +1375,40 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
   },
   emits: ["update:modelValue"],
   setup(t, { emit: o }) {
-    const e = t, s = o, r = w(() => {
-      let n = {
+    const e = t, s = o, n = x(() => {
+      let r = {
         "--background": e.color,
         "--color": "#ffffff"
       };
-      return ["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) && (n = {
+      return ["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) && (r = {
         "--background": `var(--t-color-status-${e.color})`,
         "--color": `var(--t-color-status-${e.color}-text)`
-      }), n;
-    }), l = w(() => e.multiple ? e.modelValue.includes(e.value) : e.value === void 0 ? e.modelValue : e.modelValue == e.value), u = () => {
+      }), r;
+    }), l = x(() => e.multiple ? e.modelValue.includes(e.value) : e.value === void 0 ? e.modelValue : e.modelValue == e.value), u = () => {
       if (e.multiple) {
-        let n = e.modelValue;
-        e.modelValue.includes(e.value) ? n.splice(n.indexOf(e.value), 1) : n.push(e.value), s("update:modelValue", n);
+        let r = e.modelValue;
+        e.modelValue.includes(e.value) ? r.splice(r.indexOf(e.value), 1) : r.push(e.value), s("update:modelValue", r);
       } else e.value === void 0 ? s("update:modelValue", !e.modelValue) : s("update:modelValue", e.value);
     };
-    return (n, v) => (i(), p("div", {
-      class: S(["t-checkbox", { active: l.value }]),
-      style: T(r.value),
+    return (r, v) => (i(), p("div", {
+      class: B(["t-checkbox", { active: l.value }]),
+      style: T(n.value),
       onClick: u
     }, [
       $("div", {
-        class: S(`t-checkbox-${n.type}`)
+        class: B(`t-checkbox-${r.type}`)
       }, [
-        n.type == "radio" ? (i(), p("div", uo)) : I("", !0),
-        n.type == "check" ? g(n.$slots, "icon", { key: 1 }, () => [
+        r.type == "radio" ? (i(), p("div", ro)) : z("", !0),
+        r.type == "check" ? g(r.$slots, "icon", { key: 1 }, () => [
           v[0] || (v[0] = $("i", { class: "ri-check-line" }, null, -1))
-        ], !0) : I("", !0)
+        ], !0) : z("", !0)
       ], 2),
-      g(n.$slots, "label", {}, () => [
-        n.label ? (i(), p("span", po, A(e.label), 1)) : I("", !0)
+      g(r.$slots, "label", {}, () => [
+        r.label ? (i(), p("span", ao, A(e.label), 1)) : z("", !0)
       ], !0)
     ], 6));
   }
-}), mo = /* @__PURE__ */ _(fo, [["__scopeId", "data-v-0e13abc3"]]), vo = /* @__PURE__ */ h({
+}), co = /* @__PURE__ */ _(lo, [["__scopeId", "data-v-5cc0c692"]]), io = /* @__PURE__ */ b({
   __name: "t-keyboard-space",
   setup(t) {
     const { height: o } = _e();
@@ -1413,7 +1417,7 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
       style: T({ "--height": O(o) + "px" })
     }, null, 4));
   }
-}), yo = /* @__PURE__ */ _(vo, [["__scopeId", "data-v-4b06018d"]]), _o = /* @__PURE__ */ h({
+}), uo = /* @__PURE__ */ _(io, [["__scopeId", "data-v-4b06018d"]]), po = /* @__PURE__ */ b({
   __name: "t-skeleton",
   props: {
     width: { default: "100%" },
@@ -1422,23 +1426,23 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
     color: { default: null }
   },
   setup(t) {
-    const o = t, e = w(() => ({
+    const o = t, e = x(() => ({
       "--width": o.width,
       "--height": o.height,
       "--radius": o.radius
     }));
-    return (s, r) => (i(), p("div", {
+    return (s, n) => (i(), p("div", {
       class: "t-skeleton",
       style: T(e.value)
     }, null, 4));
   }
-}), go = /* @__PURE__ */ _(_o, [["__scopeId", "data-v-877bbdb5"]]), bo = /* @__PURE__ */ h({
+}), fo = /* @__PURE__ */ _(po, [["__scopeId", "data-v-877bbdb5"]]), mo = /* @__PURE__ */ b({
   __name: "t-ripple",
   props: {
     color: { default: "primary" }
   },
   setup(t) {
-    const o = t, e = w(() => {
+    const o = t, e = x(() => {
       let s = {};
       return o.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) ? s = {
         "--color": "var(--t-color-status-" + o.color + ")"
@@ -1448,25 +1452,25 @@ const Ht = /* @__PURE__ */ _(qt, [["render", Lt]]), Ft = /* @__PURE__ */ h({
         "--color": "var(--t-color-surface)"
       }, s;
     });
-    return (s, r) => (i(), p("div", {
+    return (s, n) => (i(), p("div", {
       class: "t-ripple",
       style: T(e.value)
     }, null, 4));
   }
-}), ho = /* @__PURE__ */ _(bo, [["__scopeId", "data-v-42cb3d71"]]), zo = () => ({
+}), vo = /* @__PURE__ */ _(mo, [["__scopeId", "data-v-42cb3d71"]]), wo = () => ({
   install: (t) => {
-    Se(), t.component("t-app", Ee), t.component("t-screen", be), t.component("t-swipe-screen", _t), t.component("t-cable", at), t.component("t-toolbar", bt), t.component("t-content", ge), t.component("t-card", lt), t.component("t-refresher", pt), t.component("t-button", Y), t.component("t-back-button", kt), t.component("t-present", H), t.component("t-text", re), t.component("t-sheet", Tt), t.component("t-gesture-indicator", he), t.component("t-input", It), t.component("t-textarea", Pt), t.component("t-rich-text", Ot), t.component("t-grid", Nt), t.component("t-grid-item", Ht), t.component("t-divider", Kt), t.component("t-toggle-password", Ut), t.component("t-loading-icon", Z), t.component("t-alert", me), t.component("t-avatar", Jt), t.component("t-collapse", to), t.component("t-toast", ye), t.component("t-switch", so), t.component("t-tab", no), t.component("t-tabs", lo), t.component("t-loading-app", io), t.component("t-checkbox", mo), t.component("t-keyboard-space", yo), t.component("t-skeleton", go), t.component("t-ripple", ho);
+    Be(), t.component("t-app", Ee), t.component("t-screen", be), t.component("t-swipe-screen", _t), t.component("t-cable", at), t.component("t-toolbar", bt), t.component("t-content", ge), t.component("t-card", lt), t.component("t-refresher", pt), t.component("t-button", Y), t.component("t-back-button", kt), t.component("t-present", H), t.component("t-text", ne), t.component("t-sheet", Tt), t.component("t-gesture-indicator", he), t.component("t-input", zt), t.component("t-textarea", Pt), t.component("t-rich-text", Ot), t.component("t-grid", Wt), t.component("t-divider", qt), t.component("t-toggle-password", Lt), t.component("t-loading-icon", Z), t.component("t-alert", me), t.component("t-avatar", Ft), t.component("t-collapse", Jt), t.component("t-toast", ye), t.component("t-switch", Zt), t.component("t-tab", eo), t.component("t-tabs", oo), t.component("t-loading-app", no), t.component("t-checkbox", co), t.component("t-keyboard-space", uo), t.component("t-skeleton", fo), t.component("t-ripple", vo);
   }
 });
 export {
-  Be as blurCurrentActive,
-  To as createAction,
-  wo as createAlert,
-  Bo as createLoading,
-  So as createToast,
-  zo as createToife,
+  Se as blurCurrentActive,
+  ho as createAction,
+  bo as createAlert,
+  ko as createLoading,
+  $o as createToast,
+  wo as createToife,
   Te as isFormElement,
   Ke as presentController,
-  B as screenController,
+  S as screenController,
   _e as useKeyboard
 };