@toife/vue 1.2.4 → 1.2.5

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { createElementBlock as v, openBlock as u, renderSlot as h, defineComponent as $, ref as y, computed as I, reactive as te, watch as A, Fragment as R, withDirectives as Y, createCommentVNode as z, normalizeStyle as w, normalizeClass as x, vShow as H, createElementVNode as k, createVNode as j, onUnmounted as L, createBlock as B, withCtx as E, toDisplayString as V, renderList as U, createTextVNode as O, createApp as F, h as G, unref as P, onMounted as Q, resolveDynamicComponent as ce, markRaw as ie, inject as ue, provide as de } from "vue";
+import { createElementBlock as f, openBlock as l, renderSlot as h, defineComponent as $, ref as y, computed as S, reactive as te, watch as R, Fragment as A, withDirectives as Y, createCommentVNode as I, normalizeStyle as w, normalizeClass as x, vShow as H, createElementVNode as k, createVNode as j, onUnmounted as O, createBlock as B, withCtx as E, toDisplayString as V, renderList as U, createTextVNode as L, createApp as F, h as G, unref as P, onMounted as Q, resolveDynamicComponent as ce, markRaw as ie, inject as ue, provide as de } from "vue";
 import { gesture as N } from "@toife/gesture";
 import { useRouter as oe, useRoute as pe } from "vue-router";
 const q = (o) => o && (o.tagName == "INPUT" || o.tagName == "TEXTAREA" || o.isContentEditable), X = () => {
@@ -8,18 +8,18 @@ const q = (o) => o && (o.tagName == "INPUT" || o.tagName == "TEXTAREA" || o.isCo
   document.addEventListener("contextmenu", (o) => o.preventDefault()), document.addEventListener("selectstart", (o) => o.preventDefault()), document.addEventListener("pointerup", (o) => {
     !q(o.target) && X();
   });
-}, b = (o, s) => {
+}, g = (o, s) => {
   const e = o.__vccOpts || o;
   for (const [t, n] of s)
     e[t] = n;
   return e;
 }, me = {}, ve = { class: "t-app" };
 function _e(o, s) {
-  return u(), v("div", ve, [
+  return l(), f("div", ve, [
     h(o.$slots, "default")
   ]);
 }
-const ye = /* @__PURE__ */ b(me, [["render", _e]]), ge = /* @__PURE__ */ $({
+const ye = /* @__PURE__ */ g(me, [["render", _e]]), ge = /* @__PURE__ */ $({
   __name: "t-present",
   props: {
     keepalive: { type: Boolean, default: !0 },
@@ -29,68 +29,68 @@ const ye = /* @__PURE__ */ b(me, [["render", _e]]), ge = /* @__PURE__ */ $({
   },
   emits: ["dismiss"],
   setup(o, { expose: s, emit: e }) {
-    const t = y(0), n = y(!1), r = y(), i = y(), a = o, d = e, p = I(() => n.value || a.keepalive), f = te({
+    const t = y(0), n = y(!1), r = y(), c = y(), a = o, i = e, v = S(() => n.value || a.keepalive), _ = te({
       "--t-present-backdrop-opacity": "0.4",
       "--t-present-transition": "0.2s",
       "--t-present-content-transform": "0px",
       "--t-present-content-opacity": "1"
-    }), _ = (m) => {
-      a.backdrop ? m?.backdropOpacity && (f["--t-present-backdrop-opacity"] = m.backdropOpacity) : f["--t-present-backdrop-opacity"] = "0", m?.transition && (f["--t-present-transition"] = m.transition, f["--t-present-transition"] = m.transition), m?.contentTransform && (f["--t-present-content-transform"] = m.contentTransform), m?.contentOpacity && (f["--t-present-content-opacity"] = m.contentOpacity);
-    }, c = () => {
-      _({
+    }), m = (p) => {
+      a.backdrop ? p?.backdropOpacity && (_["--t-present-backdrop-opacity"] = p.backdropOpacity) : _["--t-present-backdrop-opacity"] = "0", p?.transition && (_["--t-present-transition"] = p.transition, _["--t-present-transition"] = p.transition), p?.contentTransform && (_["--t-present-content-transform"] = p.contentTransform), p?.contentOpacity && (_["--t-present-content-opacity"] = p.contentOpacity);
+    }, u = () => {
+      m({
         contentTransform: "0px",
         transition: "0.2s",
         backdropOpacity: "0.4",
         contentOpacity: "1"
       });
-    }, l = () => {
-      let m = "0px", S = "1";
-      a.placement == "bottom" || a.placement == "right" ? m = "100%" : a.placement == "top" || a.placement == "left" ? m = "-100%" : a.placement == "center" && (m = "0px", S = "0"), _({
-        contentTransform: m,
+    }, d = () => {
+      let p = "0px", z = "1";
+      a.placement == "bottom" || a.placement == "right" ? p = "100%" : a.placement == "top" || a.placement == "left" ? p = "-100%" : a.placement == "center" && (p = "0px", z = "0"), m({
+        contentTransform: p,
         transition: "0.2s",
-        contentOpacity: S,
+        contentOpacity: z,
         backdropOpacity: "0"
       });
     };
-    A(() => a.visible, () => {
-      a.visible ? (n.value = !0, t.value = Ce.getNewIndex(), setTimeout(() => {
-        c();
-      }, 50)) : (l(), setTimeout(() => {
+    R(() => a.visible, () => {
+      a.visible ? (n.value = !0, t.value = Ee.getNewIndex(), setTimeout(() => {
+        u();
+      }, 50)) : (d(), setTimeout(() => {
         n.value = !1;
       }, 200));
     }), s({
-      render: _,
-      open: c,
-      close: l
+      render: m,
+      open: u,
+      close: d
     });
-    const g = (m) => {
-      m.preventDefault(), d("dismiss", "backdrop");
+    const b = (p) => {
+      p.preventDefault(), i("dismiss", "backdrop");
     };
-    return l(), (m, S) => (u(), v(R, null, [
-      p.value ? Y((u(), v("div", {
+    return d(), (p, z) => (l(), f(A, null, [
+      v.value ? Y((l(), f("div", {
         key: 0,
-        class: x(["t-present", { [m.placement]: !0 }]),
+        class: x(["t-present", { [p.placement]: !0 }]),
         ref_key: "present",
-        ref: i,
-        style: w({ ...f, zIndex: t.value })
+        ref: c,
+        style: w({ ..._, zIndex: t.value })
       }, [
-        h(m.$slots, "default", {}, void 0, !0)
+        h(p.$slots, "default", {}, void 0, !0)
       ], 6)), [
         [H, n.value]
-      ]) : z("", !0),
-      p.value ? Y((u(), v("div", {
+      ]) : I("", !0),
+      v.value ? Y((l(), f("div", {
         key: 1,
         class: "t-present-backdrop",
-        onClick: g,
+        onClick: b,
         ref_key: "backdrop",
         ref: r,
-        style: w({ ...f, zIndex: t.value - 1 })
+        style: w({ ..._, zIndex: t.value - 1 })
       }, null, 4)), [
         [H, n.value]
-      ]) : z("", !0)
+      ]) : I("", !0)
     ], 64));
   }
-}), W = /* @__PURE__ */ b(ge, [["__scopeId", "data-v-3d0c3227"]]), be = /* @__PURE__ */ $({
+}), W = /* @__PURE__ */ g(ge, [["__scopeId", "data-v-3d0c3227"]]), be = /* @__PURE__ */ $({
   __name: "t-loading-icon",
   props: {
     size: {
@@ -103,7 +103,7 @@ const ye = /* @__PURE__ */ b(me, [["render", _e]]), ge = /* @__PURE__ */ $({
     }
   },
   setup(o) {
-    return (s, e) => (u(), v("span", {
+    return (s, e) => (l(), f("span", {
       class: "t-loading-icon",
       style: w({
         width: o.size,
@@ -114,7 +114,7 @@ const ye = /* @__PURE__ */ b(me, [["render", _e]]), ge = /* @__PURE__ */ $({
       "aria-label": "Loading..."
     }, null, 4));
   }
-}), K = /* @__PURE__ */ b(be, [["__scopeId", "data-v-7c463303"]]), he = {
+}), K = /* @__PURE__ */ g(be, [["__scopeId", "data-v-7c463303"]]), he = {
   key: 0,
   class: "loader"
 }, ke = /* @__PURE__ */ $({
@@ -130,7 +130,7 @@ const ye = /* @__PURE__ */ b(me, [["render", _e]]), ge = /* @__PURE__ */ $({
     activeBackground: { type: Boolean, default: !1 }
   },
   setup(o) {
-    const s = o, e = I(() => {
+    const s = o, e = S(() => {
       let t;
       return s.variant == "default" && (s.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(s.color) ? t = {
         "--border": "none",
@@ -170,7 +170,7 @@ const ye = /* @__PURE__ */ b(me, [["render", _e]]), ge = /* @__PURE__ */ $({
         "--background": "transparent"
       }), t;
     });
-    return (t, n) => (u(), v("button", {
+    return (t, n) => (l(), f("button", {
       class: x(["t-button", { "active-background": s.activeBackground, rounded: s.rounded, block: s.block, ["size-" + s.size]: !0 }]),
       style: w(e.value)
     }, [
@@ -179,15 +179,15 @@ const ye = /* @__PURE__ */ b(me, [["render", _e]]), ge = /* @__PURE__ */ $({
       ], 512), [
         [H, !s.loading]
       ]),
-      s.loading ? (u(), v("span", he, [
+      s.loading ? (l(), f("span", he, [
         j(K, {
           color: "var(--color)",
           type: s.loadingType
         }, null, 8, ["type"])
-      ])) : z("", !0)
+      ])) : I("", !0)
     ], 6));
   }
-}), M = /* @__PURE__ */ b(ke, [["__scopeId", "data-v-74d8380d"]]), $e = {
+}), M = /* @__PURE__ */ g(ke, [["__scopeId", "data-v-74d8380d"]]), $e = {
   key: 0,
   class: "t-alert-header"
 }, Te = { class: "t-alert-content" }, we = { class: "t-alert-footer" }, xe = /* @__PURE__ */ $({
@@ -200,55 +200,55 @@ const ye = /* @__PURE__ */ b(me, [["render", _e]]), ge = /* @__PURE__ */ $({
   },
   emits: ["dismiss"],
   setup(o, { expose: s, emit: e }) {
-    const t = o, n = y(!1), r = e, i = y();
+    const t = o, n = y(!1), r = e, c = y();
     let a;
-    const d = y(!1), p = () => {
+    const i = y(!1), v = () => {
       n.value = !0;
-    }, f = (c) => {
-      n.value = !1, c.handler && c.handler(), r("dismiss", "choose", c?.data);
-    }, _ = (c) => {
-      t.dismiss && t.dismiss.includes(c) ? (n.value = !1, r("dismiss", c)) : c == "backdrop" && (d.value = !0, setTimeout(() => {
-        d.value = !1;
+    }, _ = (u) => {
+      n.value = !1, u.handler && u.handler(), r("dismiss", "choose", u?.data);
+    }, m = (u) => {
+      t.dismiss && t.dismiss.includes(u) ? (n.value = !1, r("dismiss", u)) : u == "backdrop" && (i.value = !0, setTimeout(() => {
+        i.value = !1;
       }, 300));
     };
     return s({
-      open: p
-    }), A(() => i.value, (c) => {
-      c && (a = N(i.value, {
-        beforeEvent(l) {
-          return l.stopPropagation(), q(l.target) || (l.preventDefault(), X()), !1;
+      open: v
+    }), R(() => c.value, (u) => {
+      u && (a = N(c.value, {
+        beforeEvent(d) {
+          return d.stopPropagation(), q(d.target) || (d.preventDefault(), X()), !0;
         }
       }));
-    }), L(() => {
+    }), O(() => {
       a && a.destroy();
-    }), (c, l) => (u(), B(W, {
+    }), (u, d) => (l(), B(W, {
       placement: "center",
       backdrop: !0,
       keepalive: !1,
       visible: n.value,
-      onDismiss: _
+      onDismiss: m
     }, {
       default: E(() => [
         k("div", {
-          class: x(["t-alert", { pop: d.value }]),
+          class: x(["t-alert", { pop: i.value }]),
           ref_key: "container",
-          ref: i
+          ref: c
         }, [
-          h(c.$slots, "header", {}, () => [
-            t.title ? (u(), v("div", $e, V(t.title), 1)) : z("", !0)
+          h(u.$slots, "header", {}, () => [
+            t.title ? (l(), f("div", $e, V(t.title), 1)) : I("", !0)
           ], !0),
-          h(c.$slots, "content", {}, () => [
+          h(u.$slots, "content", {}, () => [
             k("div", Te, V(t.message), 1)
           ], !0),
-          h(c.$slots, "footer", {}, () => [
+          h(u.$slots, "footer", {}, () => [
             k("div", we, [
-              (u(!0), v(R, null, U(t.actions, (g) => (u(), B(M, {
-                color: g.color,
-                variant: g.variant,
-                onClick: (m) => f(g)
+              (l(!0), f(A, null, U(t.actions, (b) => (l(), B(M, {
+                color: b.color,
+                variant: b.variant,
+                onClick: (p) => _(b)
               }, {
                 default: E(() => [
-                  O(V(g.text), 1)
+                  L(V(b.text), 1)
                 ]),
                 _: 2
               }, 1032, ["color", "variant", "onClick"]))), 256))
@@ -259,7 +259,7 @@ const ye = /* @__PURE__ */ b(me, [["render", _e]]), ge = /* @__PURE__ */ $({
       _: 3
     }, 8, ["visible"]));
   }
-}), se = /* @__PURE__ */ b(xe, [["__scopeId", "data-v-5cf415ec"]]), Kt = (o = {}) => ({
+}), se = /* @__PURE__ */ g(xe, [["__scopeId", "data-v-8811290a"]]), Mt = (o = {}) => ({
   open() {
     return new Promise((s) => {
       let e = document.body.querySelector(".t-app");
@@ -271,7 +271,7 @@ const ye = /* @__PURE__ */ b(me, [["render", _e]]), ge = /* @__PURE__ */ $({
           return G(se, {
             ...o,
             ref: n,
-            onDismiss: (i, a) => {
+            onDismiss: (c, a) => {
               setTimeout(() => {
                 r.unmount(), t.remove();
               }, 300), s(a);
@@ -284,7 +284,7 @@ const ye = /* @__PURE__ */ b(me, [["render", _e]]), ge = /* @__PURE__ */ $({
       }, 50);
     });
   }
-}), Ie = /* @__PURE__ */ $({
+}), Se = /* @__PURE__ */ $({
   __name: "t-action",
   props: {
     actions: {},
@@ -292,50 +292,50 @@ const ye = /* @__PURE__ */ b(me, [["render", _e]]), ge = /* @__PURE__ */ $({
   },
   emits: ["dismiss"],
   setup(o, { expose: s, emit: e }) {
-    const t = o, n = y(!1), r = e, i = y();
+    const t = o, n = y(!1), r = e, c = y();
     let a;
-    const d = y(!1), p = () => {
+    const i = y(!1), v = () => {
       n.value = !0;
-    }, f = (c) => {
-      n.value = !1, c.handler && c.handler(), r("dismiss", "choose", c?.data);
-    }, _ = (c) => {
-      t.dismiss && t.dismiss.includes(c) ? (n.value = !1, r("dismiss", c)) : c == "backdrop" && (d.value = !0, setTimeout(() => {
-        d.value = !1;
+    }, _ = (u) => {
+      n.value = !1, u.handler && u.handler(), r("dismiss", "choose", u?.data);
+    }, m = (u) => {
+      t.dismiss && t.dismiss.includes(u) ? (n.value = !1, r("dismiss", u)) : u == "backdrop" && (i.value = !0, setTimeout(() => {
+        i.value = !1;
       }, 300));
     };
     return s({
-      open: p
-    }), A(() => i.value, (c) => {
-      c && (a = N(i.value, {
-        beforeEvent(l) {
-          return l.stopPropagation(), q(l.target) || (l.preventDefault(), X()), !1;
+      open: v
+    }), R(() => c.value, (u) => {
+      u && (a = N(c.value, {
+        beforeEvent(d) {
+          return d.stopPropagation(), q(d.target) || (d.preventDefault(), X()), !0;
         }
       }));
-    }), L(() => {
+    }), O(() => {
       a && a.destroy();
-    }), (c, l) => (u(), B(W, {
+    }), (u, d) => (l(), B(W, {
       placement: "bottom",
       backdrop: !0,
       keepalive: !1,
       visible: n.value,
-      onDismiss: _
+      onDismiss: m
     }, {
       default: E(() => [
         k("div", {
-          class: x(["t-action", { pop: d.value }]),
+          class: x(["t-action", { pop: i.value }]),
           ref_key: "container",
-          ref: i
+          ref: c
         }, [
-          (u(!0), v(R, null, U(t.actions, (g) => (u(), v("div", null, [
-            (u(!0), v(R, null, U(g, (m) => (u(), B(M, {
-              color: m.color,
-              size: m.size,
-              variant: m.variant,
-              onClick: (S) => f(m),
+          (l(!0), f(A, null, U(t.actions, (b) => (l(), f("div", null, [
+            (l(!0), f(A, null, U(b, (p) => (l(), B(M, {
+              color: p.color,
+              size: p.size,
+              variant: p.variant,
+              onClick: (z) => _(p),
               block: ""
             }, {
               default: E(() => [
-                O(V(m.text), 1)
+                L(V(p.text), 1)
               ]),
               _: 2
             }, 1032, ["color", "size", "variant", "onClick"]))), 256))
@@ -345,7 +345,7 @@ const ye = /* @__PURE__ */ b(me, [["render", _e]]), ge = /* @__PURE__ */ $({
       _: 1
     }, 8, ["visible"]));
   }
-}), Se = /* @__PURE__ */ b(Ie, [["__scopeId", "data-v-a87baaae"]]), Mt = (o = {}) => ({
+}), ze = /* @__PURE__ */ g(Se, [["__scopeId", "data-v-290cf925"]]), Jt = (o = {}) => ({
   open() {
     return new Promise((s) => {
       let e = document.body.querySelector(".t-app");
@@ -354,10 +354,10 @@ const ye = /* @__PURE__ */ b(me, [["render", _e]]), ge = /* @__PURE__ */ $({
       e.appendChild(t);
       const r = F({
         render() {
-          return G(Se, {
+          return G(ze, {
             ...o,
             ref: n,
-            onDismiss: (i, a) => {
+            onDismiss: (c, a) => {
               setTimeout(() => {
                 r.unmount(), t.remove();
               }, 300), s(a);
@@ -370,15 +370,14 @@ const ye = /* @__PURE__ */ b(me, [["render", _e]]), ge = /* @__PURE__ */ $({
       }, 50);
     });
   }
-}), ze = /* @__PURE__ */ $({
+}), Ie = { class: "t-loading" }, Be = /* @__PURE__ */ $({
   __name: "t-loading",
   props: {
     type: { default: "spinner" }
   },
   emits: ["dismiss"],
   setup(o, { expose: s, emit: e }) {
-    const t = o, n = y(!1), r = y();
-    let i;
+    const t = o, n = y(!1);
     return s({
       open: () => {
         n.value = !0;
@@ -386,37 +385,25 @@ const ye = /* @__PURE__ */ b(me, [["render", _e]]), ge = /* @__PURE__ */ $({
       close: () => {
         n.value = !1;
       }
-    }), A(() => r.value, (p) => {
-      p && (i = N(r.value, {
-        beforeEvent(f) {
-          return f.stopPropagation(), q(f.target) || (f.preventDefault(), X()), !1;
-        }
-      }));
-    }), L(() => {
-      i && i.destroy();
-    }), (p, f) => (u(), B(W, {
+    }), (a, i) => (l(), B(W, {
       placement: "center",
       backdrop: !0,
       keepalive: !1,
       visible: n.value
     }, {
       default: E(() => [
-        k("div", {
-          class: "t-loading",
-          ref_key: "container",
-          ref: r
-        }, [
-          h(p.$slots, "default", {}, () => [
+        k("div", Ie, [
+          h(a.$slots, "default", {}, () => [
             j(K, {
               type: t.type
             }, null, 8, ["type"])
           ], !0)
-        ], 512)
+        ])
       ]),
       _: 3
     }, 8, ["visible"]));
   }
-}), Be = /* @__PURE__ */ b(ze, [["__scopeId", "data-v-d048a41d"]]), Jt = (o = {}) => {
+}), Ce = /* @__PURE__ */ g(Be, [["__scopeId", "data-v-8f84c14e"]]), Qt = (o = {}) => {
   const s = y(), e = document.body.querySelector(".t-app");
   let t = null, n = null;
   return {
@@ -424,7 +411,7 @@ const ye = /* @__PURE__ */ b(me, [["render", _e]]), ge = /* @__PURE__ */ $({
       return new Promise((r) => {
         e && (n = document.createElement("div"), e.appendChild(n), t = F({
           render() {
-            return G(Be, {
+            return G(Ce, {
               ...o,
               ref: s
             });
@@ -442,28 +429,28 @@ const ye = /* @__PURE__ */ b(me, [["render", _e]]), ge = /* @__PURE__ */ $({
       });
     }
   };
-}, Z = y(1e3), Ce = {
+}, Z = y(1e3), Ee = {
   getNewIndex() {
     return Z.value += 2, Z.value;
   }
-}, C = te([]), Ee = (o) => {
+}, C = te([]), Ve = (o) => {
   C.push(o);
-}, Ve = (o) => {
+}, Pe = (o) => {
   o || C.pop();
-}, Pe = () => {
+}, De = () => {
   C.splice(0, C.length);
 }, T = {
   screens: C,
-  addScreen: Ee,
-  removeScreen: Ve,
-  removeAllScreen: Pe,
-  hasPrevious: I(() => C.length > 1),
-  currentScreen: I(() => C[C.length - 1]),
-  lastScreen: I(() => {
+  addScreen: Ve,
+  removeScreen: Pe,
+  removeAllScreen: De,
+  hasPrevious: S(() => C.length > 1),
+  currentScreen: S(() => C[C.length - 1]),
+  lastScreen: S(() => {
     if (!(C.length < 2))
       return C[C.length - 2];
   })
-}, De = /* @__PURE__ */ $({
+}, Ae = /* @__PURE__ */ $({
   __name: "t-toast",
   props: {
     message: {},
@@ -475,65 +462,65 @@ const ye = /* @__PURE__ */ b(me, [["render", _e]]), ge = /* @__PURE__ */ $({
   },
   emits: ["dismiss"],
   setup(o, { expose: s, emit: e }) {
-    const t = o, n = e, r = y(!1), i = y(!1), a = y(!1), d = () => {
-      i.value = !0, a.value = !1, setTimeout(() => {
+    const t = o, n = e, r = y(!1), c = y(!1), a = y(!1), i = () => {
+      c.value = !0, a.value = !1, setTimeout(() => {
         r.value = !0;
       }, 10), setTimeout(() => {
-        p();
+        v();
       }, t.duration + 10);
-    }, p = () => {
+    }, v = () => {
       a.value = !0, setTimeout(() => {
-        i.value = !1, r.value = !1, n("dismiss");
+        c.value = !1, r.value = !1, n("dismiss");
       }, 300);
-    }, f = I(() => {
-      let _;
-      return t.variant == "default" && (t.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(t.color) ? _ = {
+    }, _ = S(() => {
+      let m;
+      return t.variant == "default" && (t.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(t.color) ? m = {
         "--border": "none",
         "--color": "var(--t-color-status-" + t.color + "-text)",
         "--background": "rgba(var(--t-color-status-" + t.color + "-rgb), 0.6)"
-      } : _ = {
+      } : m = {
         "--border": "none",
         "--color": "var(--t-color-text)",
         "--background": t.color
-      } : _ = {
+      } : m = {
         "--border": "none",
         "--color": "var(--t-color-text)",
         "--background": "rgba(var(--t-color-surface-rgb), 0.6)"
-      }), t.variant == "text" && (t.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(t.color) ? _ = {
+      }), t.variant == "text" && (t.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(t.color) ? m = {
         "--border": "none",
         "--color": "var(--t-color-status-" + t.color + ")",
         "--background": "transparent"
-      } : _ = {
+      } : m = {
         "--border": "none",
         "--color": t.color,
         "--background": "transparent"
-      } : _ = {
+      } : m = {
         "--border": "none",
         "--color": "var(--t-color-text)",
         "--background": "transparent"
-      }), t.variant == "outline" && (t.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(t.color) ? _ = {
+      }), t.variant == "outline" && (t.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(t.color) ? m = {
         "--border": "0.55px solid var(--t-color-status-" + t.color + ")",
         "--color": "var(--t-color-status-" + t.color + ")",
         "--background": "transparent"
-      } : _ = {
+      } : m = {
         "--border": "0.55px solid " + t.color,
         "--color": t.color,
         "--background": "transparent"
-      } : _ = {
+      } : m = {
         "--border": "0.55px solid var(--t-color-text)",
         "--color": "var(--t-color-text)",
         "--background": "transparent"
-      }), _;
+      }), m;
     });
     return s({
-      open: d
-    }), (_, c) => i.value ? (u(), v("div", {
+      open: i
+    }), (m, u) => c.value ? (l(), f("div", {
       key: 0,
       class: x(["t-toast", { [t.placement]: !0, open: r.value, closing: a.value }]),
-      style: w({ "--space": t.space, ...f.value })
-    }, V(t.message), 7)) : z("", !0);
+      style: w({ "--space": t.space, ..._.value })
+    }, V(t.message), 7)) : I("", !0);
   }
-}), ne = /* @__PURE__ */ b(De, [["__scopeId", "data-v-61960e03"]]), Qt = (o = {}) => ({
+}), ne = /* @__PURE__ */ g(Ae, [["__scopeId", "data-v-61960e03"]]), Zt = (o = {}) => ({
   open() {
     let s = document.body.querySelector(".t-app");
     if (!s) return;
@@ -556,34 +543,34 @@ const ye = /* @__PURE__ */ b(me, [["render", _e]]), ge = /* @__PURE__ */ $({
       t.value?.open?.();
     }, 50);
   }
-}), Ae = y(0);
-function Re() {
+}), Re = y(0);
+function Le() {
   return {
-    height: Ae
+    height: Re
   };
 }
-const Le = /* @__PURE__ */ $({
+const Oe = /* @__PURE__ */ $({
   __name: "t-cable",
   props: {
     keyboard: { type: Boolean, default: !0 },
     placement: { default: "bottom" }
   },
   setup(o) {
-    const s = o, { height: e } = Re();
-    return (t, n) => (u(), v("div", {
+    const s = o, { height: e } = Le();
+    return (t, n) => (l(), f("div", {
       class: x(["t-cable", { keyboard: s.keyboard && P(e) > 0, [s.placement]: !0 }]),
       style: w({ "--t-keyboard-height": P(e) + "px", "--t-keyboard-transition": P(e) > 0 ? "0.3s" : "0.1s" })
     }, [
       h(t.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), Ne = /* @__PURE__ */ b(Le, [["__scopeId", "data-v-ecb72421"]]), Oe = /* @__PURE__ */ $({
+}), Ne = /* @__PURE__ */ g(Oe, [["__scopeId", "data-v-ecb72421"]]), qe = /* @__PURE__ */ $({
   __name: "t-card",
   props: {
     color: { default: null }
   },
   setup(o) {
-    const s = o, e = I(() => {
+    const s = o, e = S(() => {
       let t;
       return s.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(s.color) ? t = {
         "--background": "var(--t-color-status-" + s.color + ")"
@@ -593,54 +580,54 @@ const Le = /* @__PURE__ */ $({
         "--background": "var(--t-color-surface)"
       }, t;
     });
-    return (t, n) => (u(), v("div", {
+    return (t, n) => (l(), f("div", {
       class: "t-card",
       style: w(e.value)
     }, [
       h(t.$slots, "default")
     ], 4));
   }
-}), qe = {}, Xe = { class: "t-content" };
-function We(o, s) {
-  return u(), v("div", Xe, [
+}), Xe = {}, We = { class: "t-content" };
+function Ye(o, s) {
+  return l(), f("div", We, [
     h(o.$slots, "default", {}, void 0, !0)
   ]);
 }
-const re = /* @__PURE__ */ b(qe, [["render", We], ["__scopeId", "data-v-d58accf4"]]), ee = 80, Ye = /* @__PURE__ */ $({
+const re = /* @__PURE__ */ g(Xe, [["render", Ye], ["__scopeId", "data-v-d58accf4"]]), ee = 80, He = /* @__PURE__ */ $({
   __name: "t-refresher",
   emits: ["refresh"],
   setup(o, { emit: s }) {
     const e = s, t = y(0), n = y(!1), r = y();
-    let i, a = !1;
-    const d = () => {
-      n.value = !1, t.value = 0, i && i.cancel(), setTimeout(() => {
+    let c, a = !1;
+    const i = () => {
+      n.value = !1, t.value = 0, c && c.cancel(), setTimeout(() => {
         a = !1;
       }, 2e3);
-    }, p = () => {
-      a = !0, n.value = !0, t.value = ee, e("refresh", d);
+    }, v = () => {
+      a = !0, n.value = !0, t.value = ee, e("refresh", i);
     };
-    return A(() => r.value, () => {
-      i && i.destroy();
-      let f = r.value.closest(".t-content");
-      f && (i = N(f, {
+    return R(() => r.value, () => {
+      c && c.destroy();
+      let _ = r.value.closest(".t-content");
+      _ && (c = N(_, {
         options: {
           minDist: 60
         },
-        move({ dy: _, e: c }) {
-          n.value || a || _ < 0 || (_ > 5 && f.scrollTop == 0 && (c.preventDefault(), f.classList.add("scroll-hidden")), _ >= 120 ? p() : _ > 10 && (t.value = _));
+        move({ dy: m, e: u }) {
+          n.value || a || m < 0 || (m > 5 && _.scrollTop == 0 && (u.preventDefault(), _.classList.add("scroll-hidden")), m >= 120 ? v() : m > 10 && (t.value = m));
         },
-        up({ dy: _, e: c }) {
-          f.classList.remove("scroll-hidden"), !(n.value || a) && (_ > ee ? p() : t.value = 0);
+        up({ dy: m, e: u }) {
+          _.classList.remove("scroll-hidden"), !(n.value || a) && (m > ee ? v() : t.value = 0);
         },
         cancel() {
-          f.classList.remove("scroll-hidden"), !(n.value || a) && (n.value = !1, t.value = 0);
+          _.classList.remove("scroll-hidden"), !(n.value || a) && (n.value = !1, t.value = 0);
         }
       }, {
         passive: !1
       }));
-    }), L(() => {
-      i && i.destroy();
-    }), (f, _) => Y((u(), v("div", {
+    }), O(() => {
+      c && c.destroy();
+    }), (_, m) => Y((l(), f("div", {
       class: "t-refresher",
       ref_key: "container",
       ref: r,
@@ -656,86 +643,83 @@ const re = /* @__PURE__ */ b(qe, [["render", We], ["__scopeId", "data-v-d58accf4
       [H, t.value > 0]
     ]);
   }
-}), He = /* @__PURE__ */ b(Ye, [["__scopeId", "data-v-ac2b2370"]]), Ue = {}, je = { class: "t-screen" };
-function Fe(o, s) {
-  return u(), v("div", je, [
+}), Ue = /* @__PURE__ */ g(He, [["__scopeId", "data-v-ac2b2370"]]), je = {}, Fe = { class: "t-screen" };
+function Ge(o, s) {
+  return l(), f("div", Fe, [
     h(o.$slots, "default", {}, void 0, !0)
   ]);
 }
-const ae = /* @__PURE__ */ b(Ue, [["render", Fe], ["__scopeId", "data-v-c2a3436c"]]), Ge = /* @__PURE__ */ $({
+const ae = /* @__PURE__ */ g(je, [["render", Ge], ["__scopeId", "data-v-c2a3436c"]]), Ke = /* @__PURE__ */ $({
   __name: "t-swipe-screen",
   emits: ["change"],
   setup(o, { emit: s }) {
     let e = {};
-    const t = oe(), n = pe(), r = t.getRoutes(), i = y(!1), a = s;
-    for (let l of r)
-      e[l.name] = l.components;
-    const d = (l) => {
-      l && T.addScreen({
-        name: l,
+    const t = oe(), n = pe(), r = t.getRoutes(), c = y(!1), a = s;
+    for (let d of r)
+      e[d.name] = d.components;
+    const i = (d) => {
+      d && T.addScreen({
+        name: d,
         target: null,
-        component: ie(e[l] || null)
+        component: ie(e[d] || null)
       });
-    }, p = (l, g) => {
-      !g || T.screens[l].target || (T.screens[l].target = g.$el, l > 0 && (i.value = !0, g.$el.style.transform = "translateX(var(--t-app-width))", g.$el.transitionOrigin = "center", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0"), setTimeout(() => {
-        g.$el.style.transition = "transform 0.35s ease", g.$el.style.transform = "translateX(0px)", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0.35s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0.5"), T.screens.length > 1 && (T.lastScreen.value.target.style.transitionOrigin = "left center", T.lastScreen.value.target.style.transition = "transform 0.35s ease", T.lastScreen.value.target.style.transform = "translateX(calc(var(--t-app-width) / 100 * 30 * -1)) scale(0.5) perspective(var(--t-app-width)) rotateY(30deg)"), setTimeout(() => {
-          a("change"), i.value = !1;
+    }, v = (d, b) => {
+      !b || T.screens[d].target || (T.screens[d].target = b.$el, d > 0 && (c.value = !0, b.$el.style.transform = "translateX(var(--t-app-width))", b.$el.transitionOrigin = "center", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0"), setTimeout(() => {
+        b.$el.style.transition = "transform 0.35s ease", b.$el.style.transform = "translateX(0px)", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0.35s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0.5"), T.screens.length > 1 && (T.lastScreen.value.target.style.transitionOrigin = "left center", T.lastScreen.value.target.style.transition = "transform 0.35s ease", T.lastScreen.value.target.style.transform = "translateX(calc(var(--t-app-width) / 100 * 30 * -1)) scale(0.5) perspective(var(--t-app-width)) rotateY(30deg)"), setTimeout(() => {
+          a("change"), c.value = !1;
         }, 400);
       }, 100)));
-    }, f = () => {
-      T.currentScreen.value.target.style.transition = "transform 0.35s ease", T.currentScreen.value.target.style.transform = "translateX(var(--t-app-width)) scale(1)", T.lastScreen.value.target.style.transition = "transform 0.35s ease", T.lastScreen.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(() => {
-        T.removeScreen(), a("change"), i.value = !1;
+    }, _ = () => {
+      T.currentScreen.value.target.style.transition = "transform 0.35s ease", T.currentScreen.value.target.style.transform = "translateX(var(--t-app-width)) scale(1)", T.lastScreen.value.target.style.transition = "transform 0.35s ease", T.lastScreen.value.target.style.transform = "translateX(0px) scale(1) perspective(var(--t-app-width)) rotateY(0deg)", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0.35s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0"), c.value = !0, setTimeout(() => {
+        T.removeScreen(), a("change"), c.value = !1;
       }, 400);
     };
-    d(n.name), A(() => n.name, (l, g) => {
-      l != T.currentScreen.value.name && (T.lastScreen.value?.name == l ? f() : d(l));
+    i(n.name), R(() => n.name, (d, b) => {
+      d != T.currentScreen.value.name && (T.lastScreen.value?.name == d ? _() : i(d));
     });
-    const _ = () => {
-      i.value = !0;
-      const l = T.currentScreen.value.target, g = T.lastScreen.value.target;
-      l.style.transition = "transform 0.35s ease", l.style.transform = "translateX(0px)", g.style.transition = "transform 0.35s ease", g.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;
+    const m = () => {
+      c.value = !0;
+      const d = T.currentScreen.value.target, b = T.lastScreen.value.target;
+      d.style.transition = "transform 0.35s ease", d.style.transform = "translateX(0px)", b.style.transition = "transform 0.35s ease", b.style.transform = "translateX(calc(var(--t-app-width) / 100 * 30 * -1)) scale(0.5) perspective(var(--t-app-width)) rotateY(30deg)", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0.35s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0.5"), setTimeout(() => {
+        c.value = !1;
       }, 400);
     };
-    let c;
+    let u;
     return Q(() => {
-      c = N(document, {
+      u = N(document, {
         pointerId: null,
-        beforeEvent(l) {
-          return i.value || T.screens.length < 2 ? !1 : (l.type == "pointerdown" && !this.pointerId && (this.pointerId = l.pointerId), this.pointerId == l.pointerId);
+        beforeEvent(d) {
+          return c.value || T.screens.length < 2 ? !1 : (d.stopPropagation(), q(d.target) || (d.preventDefault(), X()), !0);
         },
-        afterEvent(l) {
-          (l.type == "pointerup" || l.type == "pointercancel") && (this.pointerId = null);
+        fast({ d }) {
+          d == "right" && t.back();
         },
-        fast({ d: l }) {
-          l == "right" && t.back();
-        },
-        move({ dx: l }) {
-          const g = window.innerWidth, m = l / g * 100, S = T.currentScreen.value.target, D = T.lastScreen?.value?.target;
-          if (l > 15 && l <= g) {
-            S.style.transition = "transform 0s ease", S.style.transform = `translateX(${l}px)`, D.style.transition = "transform 0s ease", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), D.style.transform = `translateX(calc((var(--t-app-width) / 100 * 30 * -1) + ((var(--t-app-width) / 100 * 30) / 100 * ${m}))) scale(${0.5 + 0.5 / 100 * m}) perspective(var(--t-app-width)) rotateY(${30 - 30 / 100 * m}deg)`, document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", `${0.5 - 0.5 / 100 * m}`);
+        move({ dx: d }) {
+          const b = window.innerWidth, p = d / b * 100, z = T.currentScreen.value.target, D = T.lastScreen?.value?.target;
+          if (d > 15 && d <= b) {
+            z.style.transition = "transform 0s ease", z.style.transform = `translateX(${d}px)`, D.style.transition = "transform 0s ease", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), D.style.transform = `translateX(calc((var(--t-app-width) / 100 * 30 * -1) + ((var(--t-app-width) / 100 * 30) / 100 * ${p}))) scale(${0.5 + 0.5 / 100 * p}) perspective(var(--t-app-width)) rotateY(${30 - 30 / 100 * p}deg)`, document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", `${0.5 - 0.5 / 100 * p}`);
             return;
           }
         },
-        up({ dx: l }) {
-          const g = window.innerWidth;
-          l / g * 100 >= 50 ? t.back() : _();
+        up({ dx: d }) {
+          const b = window.innerWidth;
+          d / b * 100 >= 50 ? t.back() : m();
         },
         cancel() {
-          _();
+          m();
         }
       });
-    }), L(() => {
-      c && c.destroy(), T.removeAllScreen();
-    }), (l, g) => (u(), v(R, null, [
-      (u(!0), v(R, null, U(P(T).screens, (m, S) => (u(), B(ae, {
+    }), O(() => {
+      u && u.destroy(), T.removeAllScreen();
+    }), (d, b) => (l(), f(A, null, [
+      (l(!0), f(A, null, U(P(T).screens, (p, z) => (l(), B(ae, {
         ref_for: !0,
-        ref: (D) => p(S, D),
-        style: w({ zIndex: S + (S == P(T).screens.length - 1 ? 2 : 1) }),
-        key: S
+        ref: (D) => v(z, D),
+        style: w({ zIndex: z + (z == P(T).screens.length - 1 ? 2 : 1) }),
+        key: z
       }, {
         default: E(() => [
-          (u(), B(ce(m.component.default)))
+          (l(), B(ce(p.component.default)))
         ]),
         _: 2
       }, 1032, ["style"]))), 128)),
@@ -745,7 +729,7 @@ const ae = /* @__PURE__ */ b(Ue, [["render", Fe], ["__scopeId", "data-v-c2a3436c
       }, null, 4)
     ], 64));
   }
-}), Ke = /* @__PURE__ */ b(Ge, [["__scopeId", "data-v-ae7abe9c"]]), Me = /* @__PURE__ */ $({
+}), Me = /* @__PURE__ */ g(Ke, [["__scopeId", "data-v-9fe28437"]]), Je = /* @__PURE__ */ $({
   __name: "t-toolbar",
   props: {
     placement: { default: "bottom" },
@@ -754,7 +738,7 @@ const ae = /* @__PURE__ */ b(Ue, [["render", Fe], ["__scopeId", "data-v-c2a3436c
   },
   setup(o) {
     const s = o;
-    return (e, t) => (u(), v("div", {
+    return (e, t) => (l(), f("div", {
       class: x(["t-toolbar", { [s.placement]: !0, safe: s.safe }]),
       style: w({ "--t-size-toolbar": s.size })
     }, [
@@ -763,7 +747,7 @@ const ae = /* @__PURE__ */ b(Ue, [["render", Fe], ["__scopeId", "data-v-c2a3436c
       ])
     ], 6));
   }
-}), Je = /* @__PURE__ */ b(Me, [["__scopeId", "data-v-db1924b1"]]), Qe = /* @__PURE__ */ $({
+}), Qe = /* @__PURE__ */ g(Je, [["__scopeId", "data-v-db1924b1"]]), Ze = /* @__PURE__ */ $({
   __name: "t-back-button",
   props: {
     to: {}
@@ -772,7 +756,7 @@ const ae = /* @__PURE__ */ b(Ue, [["render", Fe], ["__scopeId", "data-v-c2a3436c
     const s = oe(), e = o, t = () => {
       T.hasPrevious.value ? s?.back?.() : e.to && s?.push?.(e.to);
     };
-    return (n, r) => n.to || P(T).hasPrevious ? (u(), v("button", {
+    return (n, r) => n.to || P(T).hasPrevious ? (l(), f("button", {
       key: 0,
       class: "t-back-button",
       onClick: t
@@ -780,40 +764,40 @@ const ae = /* @__PURE__ */ b(Ue, [["render", Fe], ["__scopeId", "data-v-c2a3436c
       h(n.$slots, "default", {}, () => [
         r[0] || (r[0] = k("i", { class: "ri-arrow-left-s-line" }, null, -1))
       ], !0)
-    ])) : z("", !0);
+    ])) : I("", !0);
   }
-}), Ze = /* @__PURE__ */ b(Qe, [["__scopeId", "data-v-ed626a3d"]]), et = /* @__PURE__ */ $({
+}), et = /* @__PURE__ */ g(Ze, [["__scopeId", "data-v-ed626a3d"]]), tt = /* @__PURE__ */ $({
   __name: "t-text",
   props: {
     color: { default: "var(--t-color-text)" },
     size: { default: "standard" }
   },
   setup(o) {
-    const s = o, e = I(() => {
+    const s = o, e = S(() => {
       let t, n = s.color;
       return s.size == "standard" ? t = "var(--t-fs-10)" : s.size == "small" ? t = "var(--t-fs-08)" : s.size == "large" ? t = "var(--t-fs-12)" : t = s.size, ["warning", "info", "danger", "primary", "secondary", "success"].includes(s.color) && (n = `var(--t-color-status-${s.color})`), {
         "--color": n,
         "--font-size": t
       };
     });
-    return (t, n) => (u(), v("span", {
+    return (t, n) => (l(), f("span", {
       class: "t-text",
       style: w(e.value)
     }, [
       h(t.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), J = /* @__PURE__ */ b(et, [["__scopeId", "data-v-f0f94f05"]]), tt = /* @__PURE__ */ $({
+}), J = /* @__PURE__ */ g(tt, [["__scopeId", "data-v-f0f94f05"]]), ot = /* @__PURE__ */ $({
   __name: "t-pull-signal",
   props: {
     placement: { default: "bottom" }
   },
   setup(o) {
-    return (s, e) => (u(), v("div", {
+    return (s, e) => (l(), f("div", {
       class: x(["t-pull-bar", { [s.placement]: !0 }])
     }, null, 2));
   }
-}), le = /* @__PURE__ */ b(tt, [["__scopeId", "data-v-daa38c85"]]), ot = /* @__PURE__ */ $({
+}), le = /* @__PURE__ */ g(ot, [["__scopeId", "data-v-daa38c85"]]), st = /* @__PURE__ */ $({
   __name: "t-sheet",
   props: {
     background: { default: "var(--t-color-surface)" },
@@ -829,94 +813,89 @@ const ae = /* @__PURE__ */ b(Ue, [["render", Fe], ["__scopeId", "data-v-c2a3436c
   },
   emits: ["dismiss"],
   setup(o, { emit: s }) {
-    const e = o, t = s, n = y(), r = y(), i = y(!1);
+    const e = o, t = s, n = y(), r = y(), c = y(!1);
     let a = null;
-    const d = I(() => {
+    const i = S(() => {
       if (e.placement == "bottom") return "down";
       if (e.placement == "top") return "up";
       if (e.placement == "left") return "left";
       if (e.placement == "right") return "right";
-    }), p = (_) => {
-      t("dismiss", _);
-    }, f = () => {
-      i.value = !0, setTimeout(() => {
-        i.value = !1;
+    }), v = (m) => {
+      t("dismiss", m);
+    }, _ = () => {
+      c.value = !0, setTimeout(() => {
+        c.value = !1;
       }, 300);
     };
-    return A(() => n.value, (_) => {
-      _ && (a = N(n.value, {
+    return R(() => n.value, (m) => {
+      m && (a = N(n.value, {
         options: {
           minDist: 30
         },
-        pointerId: null,
-        beforeEvent(c) {
-          let l = !1, g = !1;
-          return i.value || !e.gesture || e.placement == "center" ? l = !0 : this.pointerId ? (l = !0, g = this.pointerId == c.pointerId) : c.type == "pointerdown" && (this.pointerId = c.pointerId, l = !0, g = !0), l && (c.stopPropagation(), q(c.target) || (c.preventDefault(), X())), g;
-        },
-        afterEvent(c) {
-          (c.type == "pointerup" || c.type == "pointercancel") && (this.pointerId = null);
+        beforeEvent(u) {
+          return c.value || !e.gesture || e.placement == "center" ? !1 : (u.stopPropagation(), q(u.target) || (u.preventDefault(), X()), !0);
         },
-        fast({ d: c }) {
-          f(), c == d.value ? t("dismiss", "gesture") : r.value.open();
+        fast({ d: u }) {
+          _(), u == i.value ? t("dismiss", "gesture") : r.value.open();
         },
-        move({ dy: c, dx: l, d: g }) {
-          if (g != d.value) return;
-          let m = 0;
-          e.placement == "bottom" || e.placement == "top" ? m = c : m = l, r.value.render({
-            contentTransform: m + "px",
+        move({ dy: u, dx: d, d: b }) {
+          if (b != i.value) return;
+          let p = 0;
+          e.placement == "bottom" || e.placement == "top" ? p = u : p = d, r.value.render({
+            contentTransform: p + "px",
             transition: "0s"
           });
         },
-        up({ dy: c, dx: l, d: g }) {
-          if (f(), g != d.value) {
+        up({ dy: u, dx: d, d: b }) {
+          if (_(), b != i.value) {
             r.value.open();
             return;
           }
-          let m, S, D;
-          e.placement == "bottom" || e.placement == "top" ? (m = n.value.offsetHeight, D = c) : (m = n.value.offsetWidth, D = l), S = D / m * 100, S > 50 ? t("dismiss", "gesture") : r.value.open();
+          let p, z, D;
+          e.placement == "bottom" || e.placement == "top" ? (p = n.value.offsetHeight, D = u) : (p = n.value.offsetWidth, D = d), z = D / p * 100, z > 50 ? t("dismiss", "gesture") : r.value.open();
         },
         cancel() {
-          f(), r.value.open();
+          _(), r.value.open();
         }
       }));
-    }), L(() => {
+    }), O(() => {
       a && a.destroy();
-    }), (_, c) => (u(), B(W, {
+    }), (m, u) => (l(), B(W, {
       ref_key: "present",
       ref: r,
       placement: e.placement,
-      backdrop: _.backdrop,
+      backdrop: m.backdrop,
       visible: e.visible,
       keepalive: e.keepalive,
-      onDismiss: p
+      onDismiss: v
     }, {
       default: E(() => [
-        e.gesture && e.placement != "center" ? (u(), B(le, {
+        e.gesture && e.placement != "center" ? (l(), B(le, {
           key: 0,
           placement: e.placement
-        }, null, 8, ["placement"])) : z("", !0),
-        e.closeButton && e.placement == "center" ? (u(), v("button", {
+        }, null, 8, ["placement"])) : I("", !0),
+        e.closeButton && e.placement == "center" ? (l(), f("button", {
           key: 1,
           class: "t-sheet-close",
-          onClick: c[0] || (c[0] = (l) => p("close-button"))
+          onClick: u[0] || (u[0] = (d) => v("close-button"))
         }, [
-          h(_.$slots, "close-icon", {}, () => [
-            c[1] || (c[1] = k("i", { class: "ri-close-large-line" }, null, -1))
+          h(m.$slots, "close-icon", {}, () => [
+            u[1] || (u[1] = k("i", { class: "ri-close-large-line" }, null, -1))
           ], !0)
-        ])) : z("", !0),
+        ])) : I("", !0),
         k("div", {
-          class: x(["t-sheet", { fullscreen: e.fullscreen, [e.placement]: !0, rounded: _.rounded, radius: e.radius }]),
+          class: x(["t-sheet", { fullscreen: e.fullscreen, [e.placement]: !0, rounded: m.rounded, radius: e.radius }]),
           style: w({ "--background": e.background }),
           ref_key: "sheet",
           ref: n
         }, [
-          h(_.$slots, "default", {}, void 0, !0)
+          h(m.$slots, "default", {}, void 0, !0)
         ], 6)
       ]),
       _: 3
     }, 8, ["placement", "backdrop", "visible", "keepalive"]));
   }
-}), st = /* @__PURE__ */ b(ot, [["__scopeId", "data-v-e2e8445e"]]), nt = { class: "t-input-label" }, rt = { class: "t-input-content" }, at = ["type", "placeholder", "value"], lt = /* @__PURE__ */ $({
+}), nt = /* @__PURE__ */ g(st, [["__scopeId", "data-v-ac41da28"]]), rt = { class: "t-input-label" }, at = { class: "t-input-content" }, lt = ["type", "placeholder", "value"], ct = /* @__PURE__ */ $({
   __name: "t-input",
   props: {
     size: { default: "standard" },
@@ -934,136 +913,136 @@ const ae = /* @__PURE__ */ b(Ue, [["render", Fe], ["__scopeId", "data-v-c2a3436c
     const e = o, t = s, n = (r) => {
       t("update:modelValue", r.target.value);
     };
-    return (r, i) => (u(), v("div", {
+    return (r, c) => (l(), f("div", {
       class: x(["t-input", { rounded: e.rounded, ["size-" + e.size]: !0, ["variant-" + e.variant]: !0 }])
     }, [
       k("label", null, [
-        k("span", nt, V(r.label), 1),
-        k("div", rt, [
+        k("span", rt, V(r.label), 1),
+        k("div", at, [
           h(r.$slots, "start", {}, void 0, !0),
           k("input", {
             type: r.type,
             placeholder: r.placeholder,
             value: r.modelValue,
             onInput: n
-          }, null, 40, at),
+          }, null, 40, lt),
           h(r.$slots, "end", {}, void 0, !0)
         ])
       ]),
-      e.error ? (u(), B(J, {
+      e.error ? (l(), B(J, {
         key: 0,
         color: "danger"
       }, {
         default: E(() => [
-          O(V(e.error), 1)
+          L(V(e.error), 1)
         ]),
         _: 1
-      })) : e.help ? (u(), B(J, {
+      })) : e.help ? (l(), B(J, {
         key: 1,
         color: "secondary"
       }, {
         default: E(() => [
-          O(V(e.help), 1)
+          L(V(e.help), 1)
         ]),
         _: 1
-      })) : z("", !0)
+      })) : I("", !0)
     ], 2));
   }
-}), ct = /* @__PURE__ */ b(lt, [["__scopeId", "data-v-1a9425cf"]]), it = {};
-function ut(o, s) {
-  return u(), v("textarea");
+}), it = /* @__PURE__ */ g(ct, [["__scopeId", "data-v-1a9425cf"]]), ut = {};
+function dt(o, s) {
+  return l(), f("textarea");
 }
-const dt = /* @__PURE__ */ b(it, [["render", ut]]), pt = {};
-function ft(o, s) {
-  return u(), v("div");
+const pt = /* @__PURE__ */ g(ut, [["render", dt]]), ft = {};
+function mt(o, s) {
+  return l(), f("div");
 }
-const mt = /* @__PURE__ */ b(pt, [["render", ft]]), vt = {}, _t = { class: "t-grid" };
-function yt(o, s) {
-  return u(), v("div", _t);
+const vt = /* @__PURE__ */ g(ft, [["render", mt]]), _t = {}, yt = { class: "t-grid" };
+function gt(o, s) {
+  return l(), f("div", yt);
 }
-const gt = /* @__PURE__ */ b(vt, [["render", yt]]), bt = {}, ht = { class: "t-grid-item" };
-function kt(o, s) {
-  return u(), v("div", ht);
+const bt = /* @__PURE__ */ g(_t, [["render", gt]]), ht = {}, kt = { class: "t-grid-item" };
+function $t(o, s) {
+  return l(), f("div", kt);
 }
-const $t = /* @__PURE__ */ b(bt, [["render", kt]]), Tt = /* @__PURE__ */ $({
+const Tt = /* @__PURE__ */ g(ht, [["render", $t]]), wt = /* @__PURE__ */ $({
   __name: "t-divider",
   props: {
     direction: { default: "horizontal" }
   },
   setup(o) {
     const s = o;
-    return (e, t) => (u(), v("div", {
+    return (e, t) => (l(), f("div", {
       class: x(["t-divider", { [s.direction]: !0 }])
     }, null, 2));
   }
-}), wt = /* @__PURE__ */ b(Tt, [["__scopeId", "data-v-47ee8991"]]), xt = /* @__PURE__ */ $({
+}), xt = /* @__PURE__ */ g(wt, [["__scopeId", "data-v-47ee8991"]]), St = /* @__PURE__ */ $({
   __name: "t-toggle-password",
   props: {
     color: { default: "warning" }
   },
   emits: ["change"],
   setup(o, { emit: s }) {
-    const e = o, t = s, n = y(!1), r = y(), i = I(() => {
-      let p = e.color;
-      return ["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) && (p = `var(--t-color-status-${e.color})`), {
-        "--color": p
+    const e = o, t = s, n = y(!1), r = y(), c = S(() => {
+      let v = e.color;
+      return ["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) && (v = `var(--t-color-status-${e.color})`), {
+        "--color": v
       };
     }), a = () => r.value?.parentElement?.querySelector?.("input");
     Q(() => {
-      let p = a();
-      p && (n.value = p.type != "password", t("change", n.value));
+      let v = a();
+      v && (n.value = v.type != "password", t("change", n.value));
     });
-    const d = () => {
-      let p = a();
-      p && (n.value = !n.value, n.value ? p.type = "text" : p.type = "password", t("change", n.value));
+    const i = () => {
+      let v = a();
+      v && (n.value = !n.value, n.value ? v.type = "text" : v.type = "password", t("change", n.value));
     };
-    return (p, f) => (u(), v("button", {
+    return (v, _) => (l(), f("button", {
       ref_key: "toggle",
       ref: r,
       class: "t-toggle-password",
-      style: w(i.value),
-      onClick: d
+      style: w(c.value),
+      onClick: i
     }, [
-      n.value ? h(p.$slots, "on", { key: 0 }, () => [
-        f[0] || (f[0] = k("i", { class: "ri-eye-line" }, null, -1))
-      ], !0) : z("", !0),
-      n.value ? z("", !0) : h(p.$slots, "off", { key: 1 }, () => [
-        f[1] || (f[1] = k("i", { class: "ri-eye-off-line" }, null, -1))
+      n.value ? h(v.$slots, "on", { key: 0 }, () => [
+        _[0] || (_[0] = k("i", { class: "ri-eye-line" }, null, -1))
+      ], !0) : I("", !0),
+      n.value ? I("", !0) : h(v.$slots, "off", { key: 1 }, () => [
+        _[1] || (_[1] = k("i", { class: "ri-eye-off-line" }, null, -1))
       ], !0)
     ], 4));
   }
-}), It = /* @__PURE__ */ b(xt, [["__scopeId", "data-v-3268e9e3"]]), St = /* @__PURE__ */ $({
+}), zt = /* @__PURE__ */ g(St, [["__scopeId", "data-v-3268e9e3"]]), It = /* @__PURE__ */ $({
   __name: "t-avatar",
   props: {
     square: { type: Boolean, default: !1 },
     size: { default: "standard" }
   },
   setup(o) {
-    const s = o, e = I(() => s.size == "small" ? "24px" : s.size == "standard" ? "40px" : s.size == "large" ? "60px" : s.size);
-    return (t, n) => (u(), v("div", {
+    const s = o, e = S(() => s.size == "small" ? "24px" : s.size == "standard" ? "40px" : s.size == "large" ? "60px" : s.size);
+    return (t, n) => (l(), f("div", {
       class: x(["t-avatar", { square: t.square }]),
       style: w({ "--size": e.value })
     }, [
       h(t.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), zt = /* @__PURE__ */ b(St, [["__scopeId", "data-v-24384c2f"]]), Bt = { class: "t-collapse-title" }, Ct = {
+}), Bt = /* @__PURE__ */ g(It, [["__scopeId", "data-v-24384c2f"]]), Ct = { class: "t-collapse-title" }, Et = {
   key: 0,
   class: "icon"
-}, Et = {
+}, Vt = {
   key: 1,
   class: "icon"
-}, Vt = { class: "t-collapse-content" }, Pt = /* @__PURE__ */ $({
+}, Pt = { class: "t-collapse-content" }, Dt = /* @__PURE__ */ $({
   __name: "t-collapse",
   props: {
     title: {}
   },
   emits: ["change"],
   setup(o, { emit: s }) {
-    const e = o, t = s, n = y(!1), r = y(""), i = y(), a = () => {
-      n.value = !n.value, r.value = `calc(${i.value.offsetHeight}px + 2rem)`, t("change", n.value);
+    const e = o, t = s, n = y(!1), r = y(""), c = y(), a = () => {
+      n.value = !n.value, r.value = `calc(${c.value.offsetHeight}px + 2rem)`, t("change", n.value);
     };
-    return t("change", n.value), (d, p) => (u(), v("div", {
+    return t("change", n.value), (i, v) => (l(), f("div", {
       class: x(["t-collapse", { open: n.value }]),
       style: w({ "--height": r.value })
     }, [
@@ -1071,33 +1050,33 @@ const $t = /* @__PURE__ */ b(bt, [["render", kt]]), Tt = /* @__PURE__ */ $({
         class: "t-collapse-header",
         onClick: a
       }, [
-        h(d.$slots, "icon"),
-        k("div", Bt, [
-          h(d.$slots, "title", {}, () => [
-            O(V(e.title), 1)
+        h(i.$slots, "icon"),
+        k("div", Ct, [
+          h(i.$slots, "title", {}, () => [
+            L(V(e.title), 1)
           ])
         ]),
-        h(d.$slots, "toggle", {}, () => [
-          n.value ? (u(), v("div", Ct, [...p[0] || (p[0] = [
+        h(i.$slots, "toggle", {}, () => [
+          n.value ? (l(), f("div", Et, [...v[0] || (v[0] = [
             k("i", { class: "ri-arrow-up-s-line" }, null, -1)
-          ])])) : (u(), v("div", Et, [...p[1] || (p[1] = [
+          ])])) : (l(), f("div", Vt, [...v[1] || (v[1] = [
             k("i", { class: "ri-arrow-down-s-line" }, null, -1)
           ])]))
         ])
       ]),
-      k("div", Vt, [
+      k("div", Pt, [
         k("div", {
           ref_key: "content",
-          ref: i
+          ref: c
         }, [
-          h(d.$slots, "content", {}, () => [
-            h(d.$slots, "default")
+          h(i.$slots, "content", {}, () => [
+            h(i.$slots, "default")
           ])
         ], 512)
       ])
     ], 6));
   }
-}), Dt = /* @__PURE__ */ $({
+}), At = /* @__PURE__ */ $({
   __name: "t-switch",
   props: {
     modelValue: { type: Boolean },
@@ -1107,17 +1086,17 @@ const $t = /* @__PURE__ */ b(bt, [["render", kt]]), Tt = /* @__PURE__ */ $({
   setup(o, { emit: s }) {
     const e = o, t = s, n = () => {
       t("update:modelValue", !e.modelValue);
-    }, r = I(() => {
-      let i = {
+    }, r = S(() => {
+      let c = {
         "--background": e.color,
         "--color": "#ffffff"
       };
-      return ["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) && (i = {
+      return ["warning", "info", "danger", "primary", "secondary", "success"].includes(e.color) && (c = {
         "--background": `var(--t-color-status-${e.color})`,
         "--color": `var(--t-color-status-${e.color}-text)`
-      }), i;
+      }), c;
     });
-    return (i, a) => (u(), v("div", {
+    return (c, a) => (l(), f("div", {
       class: x(["t-switch", { on: e.modelValue }]),
       style: w(r.value),
       onClick: n
@@ -1125,16 +1104,16 @@ const $t = /* @__PURE__ */ b(bt, [["render", kt]]), Tt = /* @__PURE__ */ $({
       k("div", { class: "t-switch-icon" }, null, -1)
     ])], 6));
   }
-}), At = /* @__PURE__ */ b(Dt, [["__scopeId", "data-v-3616970e"]]), Rt = /* @__PURE__ */ $({
+}), Rt = /* @__PURE__ */ g(At, [["__scopeId", "data-v-3616970e"]]), Lt = /* @__PURE__ */ $({
   __name: "t-tab",
   props: {
     value: {}
   },
   setup(o) {
-    const s = o, e = ue("tabsState"), t = I(() => e.active.value === s.value), n = () => {
+    const s = o, e = ue("tabsState"), t = S(() => e.active.value === s.value), n = () => {
       e.setActive(s.value);
     };
-    return (r, i) => (u(), v("li", {
+    return (r, c) => (l(), f("li", {
       class: x(["t-tab", { active: t.value }])
     }, [
       j(M, {
@@ -1150,7 +1129,7 @@ const $t = /* @__PURE__ */ b(bt, [["render", kt]]), Tt = /* @__PURE__ */ $({
       }, 8, ["size", "color"])
     ], 2));
   }
-}), Lt = /* @__PURE__ */ b(Rt, [["__scopeId", "data-v-36c12a50"]]), Nt = /* @__PURE__ */ $({
+}), Ot = /* @__PURE__ */ g(Lt, [["__scopeId", "data-v-36c12a50"]]), Nt = /* @__PURE__ */ $({
   __name: "t-tabs",
   props: {
     placement: { default: "top-start" },
@@ -1162,59 +1141,59 @@ const $t = /* @__PURE__ */ b(bt, [["render", kt]]), Tt = /* @__PURE__ */ $({
   },
   emits: ["update:modelValue"],
   setup(o, { emit: s }) {
-    const e = o, t = s, n = y("0px"), r = y(), i = I(() => {
-      let d = e.color;
-      return ["warning", "info", "danger", "primary", "secondary", "success"].includes(d) && (d = `var(--t-color-status-${d})`), d;
+    const e = o, t = s, n = y("0px"), r = y(), c = S(() => {
+      let i = e.color;
+      return ["warning", "info", "danger", "primary", "secondary", "success"].includes(i) && (i = `var(--t-color-status-${i})`), i;
     }), a = () => {
       setTimeout(() => {
         if (e.placement.startsWith("top-") || e.placement.startsWith("bottom-")) {
-          let d = r.value.querySelector(".active");
-          if (d) {
-            let p = d.getBoundingClientRect().left - r.value.getBoundingClientRect().left + r.value.scrollLeft, f = d.offsetWidth / 2;
-            n.value = p + f - e.border / 2 + "px";
+          let i = r.value.querySelector(".active");
+          if (i) {
+            let v = i.getBoundingClientRect().left - r.value.getBoundingClientRect().left + r.value.scrollLeft, _ = i.offsetWidth / 2;
+            n.value = v + _ - e.border / 2 + "px";
           }
         } else if (e.placement.startsWith("left-") || e.placement.startsWith("right-")) {
-          let d = r.value.querySelector(".active");
-          if (d) {
-            let p = d.getBoundingClientRect().top - r.value.getBoundingClientRect().top + r.value.scrollTop, f = d.offsetHeight / 2;
-            n.value = p + f - e.border / 2 + "px";
+          let i = r.value.querySelector(".active");
+          if (i) {
+            let v = i.getBoundingClientRect().top - r.value.getBoundingClientRect().top + r.value.scrollTop, _ = i.offsetHeight / 2;
+            n.value = v + _ - e.border / 2 + "px";
           }
         }
       }, 50);
     };
     return de("tabsState", {
-      active: I(() => e.modelValue),
-      color: i.value,
+      active: S(() => e.modelValue),
+      color: c.value,
       size: e.size,
       variant: e.variant,
-      setActive: (d) => {
-        t("update:modelValue", d), a();
+      setActive: (i) => {
+        t("update:modelValue", i), a();
       }
     }), Q(() => {
       a();
-    }), (d, p) => (u(), v("ul", {
+    }), (i, v) => (l(), f("ul", {
       ref_key: "container",
       ref: r,
-      class: x(["t-tabs", { [d.placement]: !0, [d.variant]: !0 }]),
-      style: w({ "--color": i.value, "--transform": n.value, "--border": d.border + "px" })
+      class: x(["t-tabs", { [i.placement]: !0, [i.variant]: !0 }]),
+      style: w({ "--color": c.value, "--transform": n.value, "--border": i.border + "px" })
     }, [
-      h(d.$slots, "default", {}, void 0, !0)
+      h(i.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), Ot = /* @__PURE__ */ b(Nt, [["__scopeId", "data-v-65a2c74c"]]), qt = /* @__PURE__ */ $({
+}), qt = /* @__PURE__ */ g(Nt, [["__scopeId", "data-v-65a2c74c"]]), Xt = /* @__PURE__ */ $({
   __name: "t-loading-app",
   setup(o) {
-    return (s, e) => (u(), B(re, null, {
+    return (s, e) => (l(), B(re, null, {
       default: E(() => [
         j(K, { type: "spinner" })
       ]),
       _: 1
     }));
   }
-}), Xt = /* @__PURE__ */ b(qt, [["__scopeId", "data-v-1436aa9f"]]), Wt = { key: 0 }, Yt = {
+}), Wt = /* @__PURE__ */ g(Xt, [["__scopeId", "data-v-1436aa9f"]]), Yt = { key: 0 }, Ht = {
   key: 0,
   class: "t-checkbox-label"
-}, Ht = /* @__PURE__ */ $({
+}, Ut = /* @__PURE__ */ $({
   __name: "t-checkbox",
   props: {
     label: { default: "" },
@@ -1227,7 +1206,7 @@ const $t = /* @__PURE__ */ b(bt, [["render", kt]]), Tt = /* @__PURE__ */ $({
   },
   emits: ["update:modelValue"],
   setup(o, { emit: s }) {
-    const e = o, t = s, n = I(() => {
+    const e = o, t = s, n = S(() => {
       let a = {
         "--background": e.color,
         "--color": "#ffffff"
@@ -1236,42 +1215,42 @@ const $t = /* @__PURE__ */ b(bt, [["render", kt]]), Tt = /* @__PURE__ */ $({
         "--background": `var(--t-color-status-${e.color})`,
         "--color": `var(--t-color-status-${e.color}-text)`
       }), a;
-    }), r = I(() => e.multiple ? e.modelValue.includes(e.value) : e.value === void 0 ? e.modelValue : e.modelValue == e.value), i = () => {
+    }), r = S(() => e.multiple ? e.modelValue.includes(e.value) : e.value === void 0 ? e.modelValue : e.modelValue == e.value), c = () => {
       if (e.multiple) {
         let a = e.modelValue;
         e.modelValue.includes(e.value) ? a.splice(a.indexOf(e.value), 1) : a.push(e.value), t("update:modelValue", a);
       } else e.value === void 0 ? t("update:modelValue", !e.modelValue) : t("update:modelValue", e.value);
     };
-    return (a, d) => (u(), v("div", {
+    return (a, i) => (l(), f("div", {
       class: x(["t-checkbox", { active: r.value }]),
       style: w(n.value),
-      onClick: i
+      onClick: c
     }, [
       k("div", {
         class: x(`t-checkbox-${a.type}`)
       }, [
-        a.type == "radio" ? (u(), v("div", Wt)) : z("", !0),
+        a.type == "radio" ? (l(), f("div", Yt)) : I("", !0),
         a.type == "check" ? h(a.$slots, "icon", { key: 1 }, () => [
-          d[0] || (d[0] = k("i", { class: "ri-check-line" }, null, -1))
-        ], !0) : z("", !0)
+          i[0] || (i[0] = k("i", { class: "ri-check-line" }, null, -1))
+        ], !0) : I("", !0)
       ], 2),
-      a.label ? (u(), v("span", Yt, V(e.label), 1)) : z("", !0)
+      a.label ? (l(), f("span", Ht, V(e.label), 1)) : I("", !0)
     ], 6));
   }
-}), Ut = /* @__PURE__ */ b(Ht, [["__scopeId", "data-v-d558d0b0"]]), Zt = () => ({
+}), jt = /* @__PURE__ */ g(Ut, [["__scopeId", "data-v-d558d0b0"]]), eo = () => ({
   install: (o) => {
-    fe(), o.component("t-app", ye), o.component("t-screen", ae), o.component("t-swipe-screen", Ke), o.component("t-cable", Ne), o.component("t-toolbar", Je), o.component("t-content", re), o.component("t-card", Oe), o.component("t-refresher", He), o.component("t-button", M), o.component("t-back-button", Ze), o.component("t-present", W), o.component("t-text", J), o.component("t-sheet", st), o.component("t-pull-signal", le), o.component("t-input", ct), o.component("t-textarea", dt), o.component("t-rich-text", mt), o.component("t-grid", gt), o.component("t-grid-item", $t), o.component("t-divider", wt), o.component("t-toggle-password", It), o.component("t-loading-icon", K), o.component("t-alert", se), o.component("t-avatar", zt), o.component("t-collapse", Pt), o.component("t-toast", ne), o.component("t-switch", At), o.component("t-tab", Lt), o.component("t-tabs", Ot), o.component("t-loading-app", Xt), o.component("t-checkbox", Ut);
+    fe(), o.component("t-app", ye), o.component("t-screen", ae), o.component("t-swipe-screen", Me), o.component("t-cable", Ne), o.component("t-toolbar", Qe), o.component("t-content", re), o.component("t-card", qe), o.component("t-refresher", Ue), o.component("t-button", M), o.component("t-back-button", et), o.component("t-present", W), o.component("t-text", J), o.component("t-sheet", nt), o.component("t-pull-signal", le), o.component("t-input", it), o.component("t-textarea", pt), o.component("t-rich-text", vt), o.component("t-grid", bt), o.component("t-grid-item", Tt), o.component("t-divider", xt), o.component("t-toggle-password", zt), o.component("t-loading-icon", K), o.component("t-alert", se), o.component("t-avatar", Bt), o.component("t-collapse", Dt), o.component("t-toast", ne), o.component("t-switch", Rt), o.component("t-tab", Ot), o.component("t-tabs", qt), o.component("t-loading-app", Wt), o.component("t-checkbox", jt);
   }
 });
 export {
   X as blurCurrentActive,
-  Mt as createAction,
-  Kt as createAlert,
-  Jt as createLoading,
-  Qt as createToast,
-  Zt as createToife,
+  Jt as createAction,
+  Mt as createAlert,
+  Qt as createLoading,
+  Zt as createToast,
+  eo as createToife,
   q as isFormElement,
-  Ce as presentController,
+  Ee as presentController,
   T as screenController,
-  Re as useKeyboard
+  Le as useKeyboard
 };