@toife/vue 1.0.2 → 1.0.4

package/dist/index.es.js

@@ -1,183 +1,25 @@
-import { createElementBlock as f, openBlock as l, renderSlot as g, defineComponent as T, normalizeStyle as I, normalizeClass as S, computed as B, withDirectives as Y, createCommentVNode as E, createElementVNode as $, vShow as U, createVNode as Z, ref as v, watch as D, onUnmounted as A, reactive as ee, Fragment as R, createBlock as z, withCtx as C, toDisplayString as P, renderList as W, createTextVNode as X, createApp as H, h as j, onMounted as te, unref as V, resolveDynamicComponent as ae, markRaw as le } from "vue";
+import { createElementBlock as f, openBlock as c, renderSlot as h, defineComponent as T, ref as v, computed as z, reactive as Z, watch as D, onUnmounted as O, Fragment as A, withDirectives as Y, createCommentVNode as E, normalizeStyle as I, normalizeClass as S, vShow as U, createElementVNode as $, createVNode as ee, createBlock as x, withCtx as P, toDisplayString as C, renderList as W, createTextVNode as q, createApp as F, h as G, unref as R, onMounted as te, resolveDynamicComponent as le, markRaw as ce } from "vue";
 import { gesture as N } from "@toife/gesture";
-import { useRouter as ne, useRoute as ce } from "vue-router";
-const O = (e) => e && (e.tagName == "INPUT" || e.tagName == "TEXTAREA" || e.isContentEditable), L = () => {
+import { useRouter as ne, useRoute as ie } from "vue-router";
+const L = (e) => e && (e.tagName == "INPUT" || e.tagName == "TEXTAREA" || e.isContentEditable), X = () => {
   const e = document.activeElement;
   e && (e.tagName === "INPUT" || e.tagName === "TEXTAREA" || e.isContentEditable) && e.blur();
-}, ie = () => {
+}, ue = () => {
   document.addEventListener("contextmenu", (e) => e.preventDefault()), document.addEventListener("dblclick", (e) => e.preventDefault()), document.addEventListener("selectstart", (e) => e.preventDefault()), document.addEventListener("gesturestart", (e) => e.preventDefault()), document.addEventListener("pointerup", (e) => {
-    !O(e.target) && L();
+    !L(e.target) && X();
   });
-}, b = (e, t) => {
-  const o = e.__vccOpts || e;
-  for (const [s, r] of t)
-    o[s] = r;
-  return o;
-}, ue = {}, de = { class: "t-app" };
-function pe(e, t) {
-  return l(), f("div", de, [
-    g(e.$slots, "default")
+}, b = (e, o) => {
+  const n = e.__vccOpts || e;
+  for (const [t, r] of o)
+    n[t] = r;
+  return n;
+}, de = {}, pe = { class: "t-app" };
+function fe(e, o) {
+  return c(), f("div", pe, [
+    h(e.$slots, "default")
   ]);
 }
-const fe = /* @__PURE__ */ b(ue, [["render", pe]]), me = /* @__PURE__ */ T({
-  __name: "t-cable",
-  props: {
-    keyboard: { default: 0 },
-    placement: { default: "bottom" }
-  },
-  setup(e) {
-    const t = e;
-    return (o, s) => (l(), f("div", {
-      class: S(["t-cable", { keyboard: t.keyboard > 0, [t.placement]: !0 }]),
-      style: I({ "--t-keyboard-height": t.keyboard + "px", "--t-keyboard-transition": t.keyboard > 0 ? "0.3s" : "0.1s" })
-    }, [
-      g(o.$slots, "default", {}, void 0, !0)
-    ], 6));
-  }
-}), ve = /* @__PURE__ */ b(me, [["__scopeId", "data-v-3a6a070c"]]), _e = /* @__PURE__ */ T({
-  __name: "t-loading-icon",
-  props: {
-    size: {
-      type: String,
-      default: "24px"
-    },
-    color: {
-      type: String,
-      default: "var(--t-color-default-10)"
-    }
-  },
-  setup(e) {
-    return (t, o) => (l(), f("span", {
-      class: "t-loading-icon",
-      style: I({
-        width: e.size,
-        height: e.size,
-        borderTopColor: e.color
-      }),
-      role: "status",
-      "aria-label": "Loading..."
-    }, null, 4));
-  }
-}), M = /* @__PURE__ */ b(_e, [["__scopeId", "data-v-82ecd6f5"]]), ye = {
-  key: 0,
-  class: "loader"
-}, he = /* @__PURE__ */ T({
-  __name: "t-button",
-  props: {
-    color: { default: "" },
-    size: { default: "standard" },
-    rounded: { type: Boolean, default: !1 },
-    block: { type: Boolean, default: !1 },
-    loading: { type: Boolean, default: !1 },
-    loadingType: { default: "spinner" },
-    variant: { default: "default" },
-    activeBackground: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    const t = e, o = B(() => {
-      let s;
-      return t.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(t.color) ? s = {
-        "--color": "var(--t-color-default-1)",
-        "--background-color": "var(--t-color-" + t.color + "-6)"
-      } : s = {
-        "--color": "var(--t-color-default-1)",
-        "--background-color": t.color
-      } : s = {
-        "--color": "var(--t-color-default-10)",
-        "--background-color": "transparent"
-      }, s;
-    });
-    return (s, r) => (l(), f("button", {
-      class: S(["t-button", { "active-background": t.activeBackground, rounded: t.rounded, block: t.block, ["size-" + t.size]: !0, ["variant-" + t.variant]: !0 }]),
-      style: I(o.value)
-    }, [
-      Y($("span", null, [
-        g(s.$slots, "default", {}, void 0, !0)
-      ], 512), [
-        [U, !t.loading]
-      ]),
-      t.loading ? (l(), f("span", ye, [
-        Z(M, {
-          color: "var(--color)",
-          type: t.loadingType
-        }, null, 8, ["type"])
-      ])) : E("", !0)
-    ], 6));
-  }
-}), J = /* @__PURE__ */ b(he, [["__scopeId", "data-v-e6b432c9"]]), ge = /* @__PURE__ */ T({
-  __name: "t-card",
-  props: {
-    shadow: { type: Boolean, default: !0 }
-  },
-  setup(e) {
-    const t = e;
-    return (o, s) => (l(), f("div", {
-      class: S(["t-card", { shadow: t.shadow }])
-    }, [
-      g(o.$slots, "default")
-    ], 2));
-  }
-}), be = {}, ke = { class: "t-content" };
-function $e(e, t) {
-  return l(), f("div", ke, [
-    g(e.$slots, "default", {}, void 0, !0)
-  ]);
-}
-const Te = /* @__PURE__ */ b(be, [["render", $e], ["__scopeId", "data-v-ea276571"]]), K = 80, we = /* @__PURE__ */ T({
-  __name: "t-refresher",
-  emits: ["refresh"],
-  setup(e, { emit: t }) {
-    const o = t, s = v(0), r = v(!1), a = v();
-    let c, p = !1;
-    const _ = () => {
-      r.value = !1, s.value = 0, c && c.cancel(), setTimeout(() => {
-        p = !1;
-      }, 2e3);
-    }, d = () => {
-      p = !0, r.value = !0, s.value = K, o("refresh", _);
-    };
-    return D(() => a.value, () => {
-      c && c.destroy();
-      let m = a.value.closest(".t-screen");
-      c = N(m, {
-        options: {
-          minDist: 60
-        },
-        move({ dy: y }) {
-          r.value || p || y < 0 || (y >= 120 ? d() : s.value = y);
-        },
-        up({ dy: y }) {
-          r.value || p || (y > K ? d() : s.value = 0);
-        },
-        cancel() {
-          r.value = !1, s.value = 0;
-        }
-      });
-    }), A(() => {
-      c && c.destroy();
-    }), (m, y) => Y((l(), f("div", {
-      class: "t-refresher",
-      ref_key: "container",
-      ref: a,
-      style: I({ height: `${s.value}px` })
-    }, [
-      $("img", {
-        class: S({ spiner: r.value }),
-        src: "https://static.toikit.com/toikit/home_2.png?v=3",
-        alt: "Loading...",
-        style: { width: "22px", height: "22px" }
-      }, null, 2)
-    ], 4)), [
-      [U, s.value > 0]
-    ]);
-  }
-}), Ie = /* @__PURE__ */ b(we, [["__scopeId", "data-v-7f97bb1a"]]), Se = {}, ze = { class: "t-screen" };
-function Ee(e, t) {
-  return l(), f("div", ze, [
-    g(e.$slots, "default", {}, void 0, !0)
-  ]);
-}
-const oe = /* @__PURE__ */ b(Se, [["render", Ee], ["__scopeId", "data-v-d749ca41"]]), xe = /* @__PURE__ */ T({
+const me = /* @__PURE__ */ b(de, [["render", fe]]), ve = /* @__PURE__ */ T({
   __name: "t-present",
   props: {
     keepalive: { type: Boolean, default: !0 },
@@ -186,15 +28,15 @@ const oe = /* @__PURE__ */ b(Se, [["render", Ee], ["__scopeId", "data-v-d749ca41
     placement: { default: "bottom" }
   },
   emits: ["dismiss"],
-  setup(e, { expose: t, emit: o }) {
-    const s = v(0), r = v(!1), a = v(), c = v(), p = e, _ = o, d = B(() => r.value || p.keepalive), m = ee({
+  setup(e, { expose: o, emit: n }) {
+    const t = v(0), r = v(!1), a = v(), l = v(), d = e, _ = n, p = z(() => r.value || d.keepalive), m = Z({
       "--t-present-backdrop-opacity": "0.4",
       "--t-present-transition": "0.2s",
       "--t-present-content-transform": "0px",
       "--t-present-content-opacity": "1"
     }), y = (i) => {
-      p.backdrop ? i?.backdropOpacity && (m["--t-present-backdrop-opacity"] = i.backdropOpacity) : m["--t-present-backdrop-opacity"] = "0", i?.transition && (m["--t-present-transition"] = i.transition, m["--t-present-transition"] = i.transition), i?.contentTransform && (m["--t-present-content-transform"] = i.contentTransform), i?.contentOpacity && (m["--t-present-content-opacity"] = i.contentOpacity);
-    }, n = () => {
+      d.backdrop ? i?.backdropOpacity && (m["--t-present-backdrop-opacity"] = i.backdropOpacity) : m["--t-present-backdrop-opacity"] = "0", i?.transition && (m["--t-present-transition"] = i.transition, m["--t-present-transition"] = i.transition), i?.contentTransform && (m["--t-present-content-transform"] = i.contentTransform), i?.contentOpacity && (m["--t-present-content-opacity"] = i.contentOpacity);
+    }, s = () => {
       y({
         contentTransform: "0px",
         transition: "0.2s",
@@ -203,63 +45,133 @@ const oe = /* @__PURE__ */ b(Se, [["render", Ee], ["__scopeId", "data-v-d749ca41
       });
     }, u = () => {
       let i = "0px", w = "1";
-      p.placement == "bottom" || p.placement == "right" ? i = "100%" : p.placement == "top" || p.placement == "left" ? i = "-100%" : p.placement == "center" && (i = "0px", w = "0"), y({
+      d.placement == "bottom" || d.placement == "right" ? i = "100%" : d.placement == "top" || d.placement == "left" ? i = "-100%" : d.placement == "center" && (i = "0px", w = "0"), y({
         contentTransform: i,
         transition: "0.2s",
         contentOpacity: w,
         backdropOpacity: "0"
       });
     };
-    D(() => p.visible, () => {
-      p.visible ? (r.value = !0, s.value = Le.getNewIndex(), setTimeout(() => {
-        n();
+    D(() => d.visible, () => {
+      d.visible ? (r.value = !0, t.value = Ee.getNewIndex(), setTimeout(() => {
+        s();
       }, 50)) : (u(), setTimeout(() => {
         r.value = !1;
       }, 200));
-    }), t({
+    }), o({
       render: y,
-      open: n,
+      open: s,
       close: u
     });
-    let h;
+    let g;
     return D(() => a.value, (i) => {
-      i && (h = N(a.value, {
+      i && (g = N(a.value, {
         beforeEvent(w) {
-          return w.stopPropagation(), O(w.target) || (w.preventDefault(), L()), w.type == "pointerup";
+          return w.stopPropagation(), L(w.target) || (w.preventDefault(), X()), w.type == "pointerup";
         },
         up() {
           _("dismiss", "backdrop");
         }
       }));
-    }), A(() => {
-      h && h.destroy();
-    }), u(), (i, w) => (l(), f(R, null, [
-      d.value ? Y((l(), f("div", {
+    }), O(() => {
+      g && g.destroy();
+    }), u(), (i, w) => (c(), f(A, null, [
+      p.value ? Y((c(), f("div", {
         key: 0,
         class: S(["t-present", { [i.placement]: !0 }]),
         ref_key: "present",
-        ref: c,
-        style: I({ ...m, zIndex: s.value })
+        ref: l,
+        style: I({ ...m, zIndex: t.value })
       }, [
-        g(i.$slots, "default", {}, void 0, !0)
+        h(i.$slots, "default", {}, void 0, !0)
       ], 6)), [
         [U, r.value]
       ]) : E("", !0),
-      d.value ? Y((l(), f("div", {
+      p.value ? Y((c(), f("div", {
         key: 1,
         class: "t-present-backdrop",
         ref_key: "backdrop",
         ref: a,
-        style: I({ ...m, zIndex: s.value - 1 })
+        style: I({ ...m, zIndex: t.value - 1 })
       }, null, 4)), [
         [U, r.value]
       ]) : E("", !0)
     ], 64));
   }
-}), q = /* @__PURE__ */ b(xe, [["__scopeId", "data-v-e1a8315e"]]), Be = {
+}), V = /* @__PURE__ */ b(ve, [["__scopeId", "data-v-e1a8315e"]]), _e = /* @__PURE__ */ T({
+  __name: "t-loading-icon",
+  props: {
+    size: {
+      type: String,
+      default: "24px"
+    },
+    color: {
+      type: String,
+      default: "var(--t-color-default-10)"
+    }
+  },
+  setup(e) {
+    return (o, n) => (c(), f("span", {
+      class: "t-loading-icon",
+      style: I({
+        width: e.size,
+        height: e.size,
+        borderTopColor: e.color
+      }),
+      role: "status",
+      "aria-label": "Loading..."
+    }, null, 4));
+  }
+}), K = /* @__PURE__ */ b(_e, [["__scopeId", "data-v-82ecd6f5"]]), ye = {
+  key: 0,
+  class: "loader"
+}, ge = /* @__PURE__ */ T({
+  __name: "t-button",
+  props: {
+    color: { default: "" },
+    size: { default: "standard" },
+    rounded: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    loadingType: { default: "spinner" },
+    variant: { default: "default" },
+    activeBackground: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const o = e, n = z(() => {
+      let t;
+      return o.color ? ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) ? t = {
+        "--color": "var(--t-color-default-1)",
+        "--background-color": "var(--t-color-" + o.color + "-6)"
+      } : t = {
+        "--color": "var(--t-color-default-1)",
+        "--background-color": o.color
+      } : t = {
+        "--color": "var(--t-color-default-10)",
+        "--background-color": "transparent"
+      }, t;
+    });
+    return (t, r) => (c(), f("button", {
+      class: S(["t-button", { "active-background": o.activeBackground, rounded: o.rounded, block: o.block, ["size-" + o.size]: !0, ["variant-" + o.variant]: !0 }]),
+      style: I(n.value)
+    }, [
+      Y($("span", null, [
+        h(t.$slots, "default", {}, void 0, !0)
+      ], 512), [
+        [U, !o.loading]
+      ]),
+      o.loading ? (c(), f("span", ye, [
+        ee(K, {
+          color: "var(--color)",
+          type: o.loadingType
+        }, null, 8, ["type"])
+      ])) : E("", !0)
+    ], 6));
+  }
+}), M = /* @__PURE__ */ b(ge, [["__scopeId", "data-v-e6b432c9"]]), he = {
   key: 0,
   class: "t-alert-header"
-}, Ce = { class: "t-alert-content" }, Pe = { class: "t-alert-footer" }, De = /* @__PURE__ */ T({
+}, be = { class: "t-alert-content" }, ke = { class: "t-alert-footer" }, $e = /* @__PURE__ */ T({
   __name: "t-alert",
   props: {
     title: {},
@@ -267,56 +179,56 @@ const oe = /* @__PURE__ */ b(Se, [["render", Ee], ["__scopeId", "data-v-d749ca41
     actions: {}
   },
   emits: ["close"],
-  setup(e, { expose: t, emit: o }) {
-    const s = e, r = v(!1), a = o, c = v();
-    let p;
-    const _ = v(!1), d = () => {
+  setup(e, { expose: o, emit: n }) {
+    const t = e, r = v(!1), a = n, l = v();
+    let d;
+    const _ = v(!1), p = () => {
       r.value = !0;
-    }, m = (n) => {
-      r.value = !1, n.handler && n.handler(), a("close", n?.data);
-    }, y = (n) => {
-      n == "backdrop" && (_.value = !0, setTimeout(() => {
+    }, m = (s) => {
+      r.value = !1, s.handler && s.handler(), a("close", s?.data);
+    }, y = (s) => {
+      s == "backdrop" && (_.value = !0, setTimeout(() => {
         _.value = !1;
       }, 300));
     };
-    return t({
-      open: d
-    }), D(() => c.value, (n) => {
-      n && (p = N(c.value, {
+    return o({
+      open: p
+    }), D(() => l.value, (s) => {
+      s && (d = N(l.value, {
         beforeEvent(u) {
-          return u.stopPropagation(), O(u.target) || (u.preventDefault(), L()), !1;
+          return u.stopPropagation(), L(u.target) || (u.preventDefault(), X()), !1;
         }
       }));
-    }), A(() => {
-      p && p.destroy();
-    }), (n, u) => (l(), z(q, {
+    }), O(() => {
+      d && d.destroy();
+    }), (s, u) => (c(), x(V, {
       placement: "center",
       backdrop: !0,
       keepalive: !1,
       visible: r.value,
       onDismiss: y
     }, {
-      default: C(() => [
+      default: P(() => [
         $("div", {
           class: S(["t-alert", { pop: _.value }]),
           ref_key: "container",
-          ref: c
+          ref: l
         }, [
-          g(n.$slots, "header", {}, () => [
-            s.title ? (l(), f("div", Be, P(s.title), 1)) : E("", !0)
+          h(s.$slots, "header", {}, () => [
+            t.title ? (c(), f("div", he, C(t.title), 1)) : E("", !0)
           ], !0),
-          g(n.$slots, "content", {}, () => [
-            $("div", Ce, P(s.message), 1)
+          h(s.$slots, "content", {}, () => [
+            $("div", be, C(t.message), 1)
           ], !0),
-          g(n.$slots, "footer", {}, () => [
-            $("div", Pe, [
-              (l(!0), f(R, null, W(s.actions, (h) => (l(), z(J, {
-                color: h.color,
-                variant: h.variant,
-                onClick: (i) => m(h)
+          h(s.$slots, "footer", {}, () => [
+            $("div", ke, [
+              (c(!0), f(A, null, W(t.actions, (g) => (c(), x(M, {
+                color: g.color,
+                variant: g.variant,
+                onClick: (i) => m(g)
               }, {
-                default: C(() => [
-                  X(P(h.text), 1)
+                default: P(() => [
+                  q(C(g.text), 1)
                 ]),
                 _: 2
               }, 1032, ["color", "variant", "onClick"]))), 256))
@@ -327,82 +239,82 @@ const oe = /* @__PURE__ */ b(Se, [["render", Ee], ["__scopeId", "data-v-d749ca41
       _: 3
     }, 8, ["visible"]));
   }
-}), se = /* @__PURE__ */ b(De, [["__scopeId", "data-v-3bd5f2f6"]]), Bt = (e = {}) => ({
+}), oe = /* @__PURE__ */ b($e, [["__scopeId", "data-v-3bd5f2f6"]]), Rt = (e = {}) => ({
   open() {
-    return new Promise((t) => {
-      let o = document.body.querySelector(".t-app");
-      if (!o) return;
-      const s = document.createElement("div"), r = v();
-      o.appendChild(s);
-      const a = H({
+    return new Promise((o) => {
+      let n = document.body.querySelector(".t-app");
+      if (!n) return;
+      const t = document.createElement("div"), r = v();
+      n.appendChild(t);
+      const a = F({
         render() {
-          return j(se, {
+          return G(oe, {
             ...e,
             ref: r,
-            onClose: (c) => {
+            onClose: (l) => {
               setTimeout(() => {
-                a.unmount(), s.remove();
-              }, 300), t(c);
+                a.unmount(), t.remove();
+              }, 300), o(l);
             }
           });
         }
       });
-      a.mount(s), setTimeout(() => {
+      a.mount(t), setTimeout(() => {
         r.value?.open?.();
       }, 50);
     });
   }
-}), Ne = /* @__PURE__ */ T({
+}), Te = /* @__PURE__ */ T({
   __name: "t-action",
   props: {
     actions: {}
   },
   emits: ["close"],
-  setup(e, { expose: t, emit: o }) {
-    const s = e, r = v(!1), a = o, c = v();
-    let p;
-    const _ = v(!1), d = () => {
+  setup(e, { expose: o, emit: n }) {
+    const t = e, r = v(!1), a = n, l = v();
+    let d;
+    const _ = v(!1), p = () => {
       r.value = !0;
-    }, m = (n) => {
-      r.value = !1, n.handler && n.handler(), a("close", n?.data);
-    }, y = (n) => {
-      n == "backdrop" && (_.value = !0, setTimeout(() => {
+    }, m = (s) => {
+      r.value = !1, s.handler && s.handler(), a("close", s?.data);
+    }, y = (s) => {
+      s == "backdrop" && (_.value = !0, setTimeout(() => {
         _.value = !1;
       }, 300));
     };
-    return t({
-      open: d
-    }), D(() => c.value, (n) => {
-      n && (p = N(c.value, {
+    return o({
+      open: p
+    }), D(() => l.value, (s) => {
+      s && (d = N(l.value, {
         beforeEvent(u) {
-          return u.stopPropagation(), O(u.target) || (u.preventDefault(), L()), !1;
+          return u.stopPropagation(), L(u.target) || (u.preventDefault(), X()), !1;
         }
       }));
-    }), A(() => {
-      p && p.destroy();
-    }), (n, u) => (l(), z(q, {
+    }), O(() => {
+      d && d.destroy();
+    }), (s, u) => (c(), x(V, {
       placement: "bottom",
       backdrop: !0,
       keepalive: !1,
       visible: r.value,
       onDismiss: y
     }, {
-      default: C(() => [
+      default: P(() => [
         $("div", {
           class: S(["t-action", { pop: _.value }]),
           ref_key: "container",
-          ref: c
+          ref: l
         }, [
-          (l(!0), f(R, null, W(s.actions, (h) => (l(), f("div", null, [
-            (l(!0), f(R, null, W(h, (i) => (l(), z(J, {
+          (c(!0), f(A, null, W(t.actions, (g) => (c(), f("div", null, [
+            (c(!0), f(A, null, W(g, (i) => (c(), x(M, {
               color: i.color,
               size: i.size,
               variant: i.variant,
               onClick: (w) => m(i),
               block: ""
             }, {
-              default: C(() => [
-                X(P(i.text), 1)
+              default: P(() => [
+                q(C(i.text), 1)
               ]),
               _: 2
             }, 1032, ["color", "size", "variant", "onClick"]))), 256))
@@ -412,70 +324,70 @@ const oe = /* @__PURE__ */ b(Se, [["render", Ee], ["__scopeId", "data-v-d749ca41
       _: 1
     }, 8, ["visible"]));
   }
-}), Re = /* @__PURE__ */ b(Ne, [["__scopeId", "data-v-e0e7ab15"]]), Ct = (e = {}) => ({
+}), we = /* @__PURE__ */ b(Te, [["__scopeId", "data-v-e0e7ab15"]]), Nt = (e = {}) => ({
   open() {
-    return new Promise((t) => {
-      let o = document.body.querySelector(".t-app");
-      if (!o) return;
-      const s = document.createElement("div"), r = v();
-      o.appendChild(s);
-      const a = H({
+    return new Promise((o) => {
+      let n = document.body.querySelector(".t-app");
+      if (!n) return;
+      const t = document.createElement("div"), r = v();
+      n.appendChild(t);
+      const a = F({
         render() {
-          return j(Re, {
+          return G(we, {
             ...e,
             ref: r,
-            onClose: (c) => {
+            onClose: (l) => {
               setTimeout(() => {
-                a.unmount(), s.remove();
-              }, 300), t(c);
+                a.unmount(), t.remove();
+              }, 300), o(l);
             }
           });
         }
       });
-      a.mount(s), setTimeout(() => {
+      a.mount(t), setTimeout(() => {
         r.value?.open?.();
       }, 50);
     });
   }
-}), Ae = /* @__PURE__ */ T({
+}), Ie = /* @__PURE__ */ T({
   __name: "t-loading",
   props: {
     type: { default: "spinner" }
   },
   emits: ["close"],
-  setup(e, { expose: t, emit: o }) {
-    const s = e, r = v(!1), a = v();
-    let c;
-    return t({
+  setup(e, { expose: o, emit: n }) {
+    const t = e, r = v(!1), a = v();
+    let l;
+    return o({
       open: () => {
         r.value = !0;
       },
       close: () => {
         r.value = !1;
       }
-    }), D(() => a.value, (d) => {
-      d && (c = N(a.value, {
+    }), D(() => a.value, (p) => {
+      p && (l = N(a.value, {
         beforeEvent(m) {
-          return m.stopPropagation(), O(m.target) || (m.preventDefault(), L()), !1;
+          return m.stopPropagation(), L(m.target) || (m.preventDefault(), X()), !1;
         }
       }));
-    }), A(() => {
-      c && c.destroy();
-    }), (d, m) => (l(), z(q, {
+    }), O(() => {
+      l && l.destroy();
+    }), (p, m) => (c(), x(V, {
       placement: "center",
       backdrop: !0,
       keepalive: !1,
       visible: r.value
     }, {
-      default: C(() => [
+      default: P(() => [
         $("div", {
           class: "t-loading",
           ref_key: "container",
           ref: a
         }, [
-          g(d.$slots, "default", {}, () => [
-            Z(M, {
-              type: s.type
+          h(p.$slots, "default", {}, () => [
+            ee(K, {
+              type: t.type
             }, null, 8, ["type"])
           ], !0)
         ], 512)
@@ -483,198 +395,346 @@ const oe = /* @__PURE__ */ b(Se, [["render", Ee], ["__scopeId", "data-v-d749ca41
       _: 3
     }, 8, ["visible"]));
   }
-}), Oe = /* @__PURE__ */ b(Ae, [["__scopeId", "data-v-4e03b942"]]), Pt = (e = {}) => {
-  const t = v(), o = document.body.querySelector(".t-app");
-  let s = null, r = null;
+}), Se = /* @__PURE__ */ b(Ie, [["__scopeId", "data-v-4e03b942"]]), At = (e = {}) => {
+  const o = v(), n = document.body.querySelector(".t-app");
+  let t = null, r = null;
   return {
     open() {
       return new Promise((a) => {
-        o && (r = document.createElement("div"), o.appendChild(r), s = H({
+        n && (r = document.createElement("div"), n.appendChild(r), t = F({
           render() {
-            return j(Oe, {
+            return G(Se, {
               ...e,
-              ref: t
+              ref: o
             });
           }
-        }), s.mount(r), setTimeout(() => {
-          t.value?.open?.(), a(!0);
+        }), t.mount(r), setTimeout(() => {
+          o.value?.open?.(), a(!0);
         }, 50));
       });
     },
     close() {
       return new Promise((a) => {
-        t.value?.close?.(), setTimeout(() => {
-          s?.unmount?.(), r?.remove?.(), a(!0);
+        o.value?.close?.(), setTimeout(() => {
+          t?.unmount?.(), r?.remove?.(), a(!0);
         }, 300);
       });
     }
   };
-}, Q = v(1e3), Le = {
+}, J = v(1e3), Ee = {
   getNewIndex() {
-    return Q.value += 2, Q.value;
+    return J.value += 2, J.value;
   }
-}, x = ee([]), Xe = (e) => {
-  x.push(e);
-}, qe = (e) => {
-  e || x.pop();
+}, B = Z([]), xe = (e) => {
+  B.push(e);
+}, ze = (e) => {
+  e || B.pop();
 }, k = {
-  screens: x,
-  addScreen: Xe,
-  removeScreen: qe,
-  hasPrevious: B(() => x.length > 1),
-  currentScreen: B(() => x[x.length - 1]),
-  lastScreen: B(() => {
-    if (!(x.length < 2))
-      return x[x.length - 2];
+  screens: B,
+  addScreen: xe,
+  removeScreen: ze,
+  hasPrevious: z(() => B.length > 1),
+  currentScreen: z(() => B[B.length - 1]),
+  lastScreen: z(() => {
+    if (!(B.length < 2))
+      return B[B.length - 2];
   })
-}, Ve = /* @__PURE__ */ T({
+}, Be = /* @__PURE__ */ T({
+  __name: "t-toast",
+  props: {
+    message: {},
+    space: { default: "0px" },
+    placement: { default: "bottom" },
+    duration: { default: 2e3 },
+    color: { default: "default" },
+    variant: { default: "default" }
+  },
+  emits: ["close"],
+  setup(e, { expose: o, emit: n }) {
+    const t = e, r = n, a = v(!1), l = v(!1), d = v(!1), _ = () => {
+      l.value = !0, d.value = !1, setTimeout(() => {
+        a.value = !0;
+      }, 10), setTimeout(() => {
+        p();
+      }, t.duration + 10);
+    }, p = () => {
+      d.value = !0, setTimeout(() => {
+        l.value = !1, a.value = !1, r("close");
+      }, 300);
+    }, m = z(() => ["warning", "info", "danger", "primary", "secondary", "success", "default"].includes(t.color) ? `var(--t-color-${t.color}-5-rgb)` : t.color);
+    return o({
+      open: _
+    }), (y, s) => l.value ? (c(), f("div", {
+      key: 0,
+      class: S(["t-toast", { [t.placement]: !0, open: a.value, closing: d.value, ["variant-" + t.variant]: !0 }]),
+      style: I({ "--space": t.space, "--color": m.value })
+    }, C(t.message), 7)) : E("", !0);
+  }
+}), se = /* @__PURE__ */ b(Be, [["__scopeId", "data-v-c7ef1874"]]), Ot = (e = {}) => ({
+  open() {
+    let o = document.body.querySelector(".t-app");
+    if (!o) return;
+    const n = document.createElement("div"), t = v();
+    o.appendChild(n);
+    const r = F({
+      render() {
+        return G(se, {
+          ...e,
+          ref: t,
+          onClose: () => {
+            setTimeout(() => {
+              r.unmount(), n.remove();
+            }, 300);
+          }
+        });
+      }
+    });
+    r.mount(n), setTimeout(() => {
+      t.value?.open?.();
+    }, 50);
+  }
+}), Ce = v(0);
+function Pe() {
+  return {
+    height: Ce
+  };
+}
+const De = /* @__PURE__ */ T({
+  __name: "t-cable",
+  props: {
+    keyboard: { type: Boolean, default: !0 },
+    placement: { default: "bottom" }
+  },
+  setup(e) {
+    const o = e, { height: n } = Pe();
+    return (t, r) => (c(), f("div", {
+      class: S(["t-cable", { keyboard: o.keyboard && R(n) > 0, [o.placement]: !0 }]),
+      style: I({ "--t-keyboard-height": R(n) + "px", "--t-keyboard-transition": R(n) > 0 ? "0.3s" : "0.1s" })
+    }, [
+      h(t.$slots, "default", {}, void 0, !0)
+    ], 6));
+  }
+}), Re = /* @__PURE__ */ b(De, [["__scopeId", "data-v-ecb72421"]]), Ne = /* @__PURE__ */ T({
+  __name: "t-card",
+  props: {
+    shadow: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const o = e;
+    return (n, t) => (c(), f("div", {
+      class: S(["t-card", { shadow: o.shadow }])
+    }, [
+      h(n.$slots, "default")
+    ], 2));
+  }
+}), Ae = {}, Oe = { class: "t-content" };
+function Le(e, o) {
+  return c(), f("div", Oe, [
+    h(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const Xe = /* @__PURE__ */ b(Ae, [["render", Le], ["__scopeId", "data-v-ea276571"]]), Q = 80, qe = /* @__PURE__ */ T({
+  __name: "t-refresher",
+  emits: ["refresh"],
+  setup(e, { emit: o }) {
+    const n = o, t = v(0), r = v(!1), a = v();
+    let l, d = !1;
+    const _ = () => {
+      r.value = !1, t.value = 0, l && l.cancel(), setTimeout(() => {
+        d = !1;
+      }, 2e3);
+    }, p = () => {
+      d = !0, r.value = !0, t.value = Q, n("refresh", _);
+    };
+    return D(() => a.value, () => {
+      l && l.destroy();
+      let m = a.value.closest(".t-screen");
+      l = N(m, {
+        options: {
+          minDist: 60
+        },
+        move({ dy: y }) {
+          r.value || d || y < 0 || (y >= 120 ? p() : t.value = y);
+        },
+        up({ dy: y }) {
+          r.value || d || (y > Q ? p() : t.value = 0);
+        },
+        cancel() {
+          r.value = !1, t.value = 0;
+        }
+      });
+    }), O(() => {
+      l && l.destroy();
+    }), (m, y) => Y((c(), f("div", {
+      class: "t-refresher",
+      ref_key: "container",
+      ref: a,
+      style: I({ height: `${t.value}px` })
+    }, [
+      $("img", {
+        class: S({ spiner: r.value }),
+        src: "https://static.toikit.com/toikit/home_2.png?v=3",
+        alt: "Loading...",
+        style: { width: "22px", height: "22px" }
+      }, null, 2)
+    ], 4)), [
+      [U, t.value > 0]
+    ]);
+  }
+}), Ve = /* @__PURE__ */ b(qe, [["__scopeId", "data-v-7f97bb1a"]]), Ye = {}, Ue = { class: "t-screen" };
+function We(e, o) {
+  return c(), f("div", Ue, [
+    h(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const re = /* @__PURE__ */ b(Ye, [["render", We], ["__scopeId", "data-v-d749ca41"]]), Fe = /* @__PURE__ */ T({
   __name: "t-swipe-screen",
   emits: ["change"],
-  setup(e, { emit: t }) {
-    let o = {};
-    const s = ne(), r = ce(), a = s.getRoutes(), c = v(!1), p = t;
-    for (let n of a)
-      o[n.name] = n.components;
-    const _ = (n) => {
-      n && k.addScreen({
-        name: n,
+  setup(e, { emit: o }) {
+    let n = {};
+    const t = ne(), r = ie(), a = t.getRoutes(), l = v(!1), d = o;
+    for (let s of a)
+      n[s.name] = s.components;
+    const _ = (s) => {
+      s && k.addScreen({
+        name: s,
         target: null,
-        component: le(o[n] || null)
+        component: ce(n[s] || null)
       });
-    }, d = (n, u) => {
-      !u || k.screens[n].target || (k.screens[n].target = u.$el, n > 0 && (c.value = !0, u.$el.style.transform = "translateX(100vw)", u.$el.transitionOrigin = "center", document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0"), setTimeout(() => {
+    }, p = (s, u) => {
+      !u || k.screens[s].target || (k.screens[s].target = u.$el, s > 0 && (l.value = !0, u.$el.style.transform = "translateX(100vw)", u.$el.transitionOrigin = "center", document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0"), setTimeout(() => {
         u.$el.style.transition = "transform 0.35s ease", u.$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"), k.screens.length > 1 && (k.lastScreen.value.target.style.transitionOrigin = "left center", k.lastScreen.value.target.style.transition = "transform 0.35s ease", k.lastScreen.value.target.style.transform = "translateX(-30vw) scale(0.5) perspective(100vw) rotateY(30deg)"), setTimeout(() => {
-          p("change"), c.value = !1;
+          d("change"), l.value = !1;
         }, 400);
       }, 100)));
     }, m = () => {
-      k.currentScreen.value.target.style.transition = "transform 0.35s ease", k.currentScreen.value.target.style.transform = "translateX(100vw) scale(1)", k.lastScreen.value.target.style.transition = "transform 0.35s ease", k.lastScreen.value.target.style.transform = "translateX(0px) scale(1) perspective(100vw) 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(() => {
-        k.removeScreen(), p("change"), c.value = !1;
+      k.currentScreen.value.target.style.transition = "transform 0.35s ease", k.currentScreen.value.target.style.transform = "translateX(100vw) scale(1)", k.lastScreen.value.target.style.transition = "transform 0.35s ease", k.lastScreen.value.target.style.transform = "translateX(0px) scale(1) perspective(100vw) rotateY(0deg)", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0.35s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0"), l.value = !0, setTimeout(() => {
+        k.removeScreen(), d("change"), l.value = !1;
       }, 400);
     };
-    _(r.name), D(() => r.name, (n, u) => {
-      n != k.currentScreen.value.name && (k.lastScreen.value?.name == n ? m() : _(n));
+    _(r.name), D(() => r.name, (s, u) => {
+      s != k.currentScreen.value.name && (k.lastScreen.value?.name == s ? m() : _(s));
     });
     const y = () => {
-      c.value = !0;
-      const n = k.currentScreen.value.target, u = k.lastScreen.value.target;
-      n.style.transition = "transform 0.35s ease", n.style.transform = "translateX(0px)", u.style.transition = "transform 0.35s ease", u.style.transform = "translateX(-30vw) scale(0.5) perspective(100vw) 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;
+      l.value = !0;
+      const s = k.currentScreen.value.target, u = k.lastScreen.value.target;
+      s.style.transition = "transform 0.35s ease", s.style.transform = "translateX(0px)", u.style.transition = "transform 0.35s ease", u.style.transform = "translateX(-30vw) scale(0.5) perspective(100vw) rotateY(30deg)", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0.35s"), document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", "0.5"), setTimeout(() => {
+        l.value = !1;
       }, 400);
     };
     return te(() => {
       N(document, {
         pointerId: null,
-        beforeEvent(n) {
-          return c.value || k.screens.length < 2 ? !1 : (n.type == "pointerdown" && !this.pointerId && (this.pointerId = n.pointerId), this.pointerId == n.pointerId);
+        beforeEvent(s) {
+          return l.value || k.screens.length < 2 ? !1 : (s.type == "pointerdown" && !this.pointerId && (this.pointerId = s.pointerId), this.pointerId == s.pointerId);
         },
-        afterEvent(n) {
-          (n.type == "pointerup" || n.type == "pointercancel") && (this.pointerId = null);
+        afterEvent(s) {
+          (s.type == "pointerup" || s.type == "pointercancel") && (this.pointerId = null);
         },
-        fast({ d: n }) {
-          n == "right" && s.back();
+        fast({ d: s }) {
+          s == "right" && t.back();
         },
-        move({ dx: n }) {
-          const u = window.innerWidth, h = n / u * 100, i = k.currentScreen.value.target, w = k.lastScreen?.value?.target;
-          if (n > 0 && n <= u) {
-            i.style.transition = "transform 0s ease", i.style.transform = `translateX(${n}px)`, w.style.transition = "transform 0s ease", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), w.style.transform = `translateX(calc(-30vw + (30vw / 100 * ${h}))) scale(${0.5 + 0.5 / 100 * h}) perspective(100vw) rotateY(${30 - 30 / 100 * h}deg)`, document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", `${0.5 - 0.5 / 100 * h}`);
+        move({ dx: s }) {
+          const u = window.innerWidth, g = s / u * 100, i = k.currentScreen.value.target, w = k.lastScreen?.value?.target;
+          if (s > 0 && s <= u) {
+            i.style.transition = "transform 0s ease", i.style.transform = `translateX(${s}px)`, w.style.transition = "transform 0s ease", document.documentElement.style.setProperty("--t-screen-backdrop-duration", "0s"), w.style.transform = `translateX(calc(-30vw + (30vw / 100 * ${g}))) scale(${0.5 + 0.5 / 100 * g}) perspective(100vw) rotateY(${30 - 30 / 100 * g}deg)`, document.documentElement.style.setProperty("--t-swipe-backdrop-opacity", `${0.5 - 0.5 / 100 * g}`);
             return;
           }
         },
-        up({ dx: n }) {
+        up({ dx: s }) {
           const u = window.innerWidth;
-          n / u * 100 >= 50 ? s.back() : y();
+          s / u * 100 >= 50 ? t.back() : y();
         },
         cancel() {
           y();
         }
       });
-    }), (n, u) => (l(), f(R, null, [
-      (l(!0), f(R, null, W(V(k).screens, (h, i) => (l(), z(oe, {
+    }), (s, u) => (c(), f(A, null, [
+      (c(!0), f(A, null, W(R(k).screens, (g, i) => (c(), x(re, {
         ref_for: !0,
-        ref: (w) => d(i, w),
-        style: I({ zIndex: i + (i == V(k).screens.length - 1 ? 2 : 1) }),
+        ref: (w) => p(i, w),
+        style: I({ zIndex: i + (i == R(k).screens.length - 1 ? 2 : 1) }),
         key: i
       }, {
-        default: C(() => [
-          (l(), z(ae(h.component.default)))
+        default: P(() => [
+          (c(), x(le(g.component.default)))
         ]),
         _: 2
       }, 1032, ["style"]))), 128)),
       $("div", {
         class: "t-swipe-backdrop",
-        style: I({ zIndex: V(k).screens.length })
+        style: I({ zIndex: R(k).screens.length })
       }, null, 4)
     ], 64));
   }
-}), Ye = /* @__PURE__ */ b(Ve, [["__scopeId", "data-v-a1b1d45a"]]), Ue = /* @__PURE__ */ T({
+}), Ge = /* @__PURE__ */ b(Fe, [["__scopeId", "data-v-a1b1d45a"]]), He = /* @__PURE__ */ T({
   __name: "t-toolbar",
   props: {
     placement: { default: "bottom" },
     size: { default: "50px" }
   },
   setup(e) {
-    const t = e;
-    return (o, s) => (l(), f("div", {
-      class: S(["t-toolbar", { [t.placement]: !0 }]),
-      style: I({ "--t-size-toolbar": t.size })
+    const o = e;
+    return (n, t) => (c(), f("div", {
+      class: S(["t-toolbar", { [o.placement]: !0 }]),
+      style: I({ "--t-size-toolbar": o.size })
     }, [
       $("div", null, [
-        g(o.$slots, "default", {}, void 0, !0)
+        h(n.$slots, "default", {}, void 0, !0)
       ])
     ], 6));
   }
-}), We = /* @__PURE__ */ b(Ue, [["__scopeId", "data-v-c4ccb0ee"]]), Fe = /* @__PURE__ */ T({
+}), je = /* @__PURE__ */ b(He, [["__scopeId", "data-v-c4ccb0ee"]]), Ke = /* @__PURE__ */ T({
   __name: "t-back-button",
   props: {
     to: {}
   },
   setup(e) {
-    const t = ne(), o = e, s = () => {
-      k.hasPrevious.value ? t.back() : o.to && t.push(o.to);
+    const o = ne(), n = e, t = () => {
+      k.hasPrevious.value ? o?.back?.() : n.to && o?.push?.(n.to);
     };
-    return (r, a) => r.to || V(k).hasPrevious ? (l(), f("button", {
+    return (r, a) => r.to || R(k).hasPrevious ? (c(), f("button", {
       key: 0,
       class: "t-back-button",
-      onClick: s
+      onClick: t
     }, [
-      g(r.$slots, "default", {}, () => [
+      h(r.$slots, "default", {}, () => [
         a[0] || (a[0] = $("i", { class: "ri-arrow-left-s-line" }, null, -1))
       ], !0)
     ])) : E("", !0);
   }
-}), Ge = /* @__PURE__ */ b(Fe, [["__scopeId", "data-v-45c48e0f"]]), He = /* @__PURE__ */ T({
+}), Me = /* @__PURE__ */ b(Ke, [["__scopeId", "data-v-08e5f71e"]]), Je = /* @__PURE__ */ T({
   __name: "t-text",
   props: {
     color: { default: "default" },
     size: { default: "standard" }
   },
   setup(e) {
-    const t = e, o = B(() => {
-      let s, r = t.color;
-      return t.size == "standard" ? s = "var(--t-fs-10)" : t.size == "small" ? s = "var(--t-fs-08)" : t.size == "large" ? s = "var(--t-fs-12)" : s = t.size, ["warning", "info", "danger", "primary", "secondary", "success"].includes(t.color) && (r = `var(--t-color-${t.color}-8)`), {
+    const o = e, n = z(() => {
+      let t, r = o.color;
+      return o.size == "standard" ? t = "var(--t-fs-10)" : o.size == "small" ? t = "var(--t-fs-08)" : o.size == "large" ? t = "var(--t-fs-12)" : t = o.size, ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) && (r = `var(--t-color-${o.color}-8)`), {
         "--color": r,
-        "--font-size": s
+        "--font-size": t
       };
     });
-    return (s, r) => (l(), f("span", {
+    return (t, r) => (c(), f("span", {
       class: "t-text",
-      style: I(o.value)
+      style: I(n.value)
     }, [
-      g(s.$slots, "default", {}, void 0, !0)
+      h(t.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-}), G = /* @__PURE__ */ b(He, [["__scopeId", "data-v-12c8835a"]]), je = /* @__PURE__ */ T({
+}), j = /* @__PURE__ */ b(Je, [["__scopeId", "data-v-12c8835a"]]), Qe = /* @__PURE__ */ T({
   __name: "t-pull-signal",
   props: {
     placement: { default: "bottom" }
   },
   setup(e) {
-    return (t, o) => (l(), f("div", {
-      class: S(["t-pull-bar", { [t.placement]: !0 }])
+    return (o, n) => (c(), f("div", {
+      class: S(["t-pull-bar", { [o.placement]: !0 }])
     }, null, 2));
   }
-}), re = /* @__PURE__ */ b(je, [["__scopeId", "data-v-b410cb84"]]), Me = /* @__PURE__ */ T({
+}), ae = /* @__PURE__ */ b(Qe, [["__scopeId", "data-v-b410cb84"]]), Ze = /* @__PURE__ */ T({
   __name: "t-sheet",
   props: {
     background: { default: "var(--t-color-default-3)" },
@@ -688,95 +748,95 @@ const oe = /* @__PURE__ */ b(Se, [["render", Ee], ["__scopeId", "data-v-d749ca41
     closeButton: { type: Boolean, default: !0 }
   },
   emits: ["dismiss"],
-  setup(e, { emit: t }) {
-    const o = e, s = t, r = v(), a = v(), c = v(!1);
-    let p = null;
-    const _ = B(() => {
-      if (o.placement == "bottom") return "down";
-      if (o.placement == "top") return "up";
-      if (o.placement == "left") return "left";
-      if (o.placement == "right") return "right";
-    }), d = (y) => {
-      s("dismiss", y);
+  setup(e, { emit: o }) {
+    const n = e, t = o, r = v(), a = v(), l = v(!1);
+    let d = null;
+    const _ = z(() => {
+      if (n.placement == "bottom") return "down";
+      if (n.placement == "top") return "up";
+      if (n.placement == "left") return "left";
+      if (n.placement == "right") return "right";
+    }), p = (y) => {
+      t("dismiss", y);
     }, m = () => {
-      c.value = !0, setTimeout(() => {
-        c.value = !1;
+      l.value = !0, setTimeout(() => {
+        l.value = !1;
       }, 300);
     };
     return D(() => r.value, (y) => {
-      y && (p = N(r.value, {
+      y && (d = N(r.value, {
         options: {
           minDist: 30
         },
         pointerId: null,
-        beforeEvent(n) {
-          let u = !1, h = !1;
-          return c.value || !o.gesture || o.placement == "center" ? u = !0 : this.pointerId ? (u = !0, h = this.pointerId == n.pointerId) : n.type == "pointerdown" && (this.pointerId = n.pointerId, u = !0, h = !0), u && (n.stopPropagation(), O(n.target) || (n.preventDefault(), L())), h;
+        beforeEvent(s) {
+          let u = !1, g = !1;
+          return l.value || !n.gesture || n.placement == "center" ? u = !0 : this.pointerId ? (u = !0, g = this.pointerId == s.pointerId) : s.type == "pointerdown" && (this.pointerId = s.pointerId, u = !0, g = !0), u && (s.stopPropagation(), L(s.target) || (s.preventDefault(), X())), g;
         },
-        afterEvent(n) {
-          (n.type == "pointerup" || n.type == "pointercancel") && (this.pointerId = null);
+        afterEvent(s) {
+          (s.type == "pointerup" || s.type == "pointercancel") && (this.pointerId = null);
         },
-        fast({ d: n }) {
-          m(), n == _.value ? s("dismiss", "gesture") : a.value.open();
+        fast({ d: s }) {
+          m(), s == _.value ? t("dismiss", "gesture") : a.value.open();
         },
-        move({ dy: n, dx: u, d: h }) {
-          if (h != _.value) return;
+        move({ dy: s, dx: u, d: g }) {
+          if (g != _.value) return;
           let i = 0;
-          o.placement == "bottom" || o.placement == "top" ? i = n : i = u, a.value.render({
+          n.placement == "bottom" || n.placement == "top" ? i = s : i = u, a.value.render({
             contentTransform: i + "px",
             transition: "0s"
           });
         },
-        up({ dy: n, dx: u, d: h }) {
-          if (m(), h != _.value) {
+        up({ dy: s, dx: u, d: g }) {
+          if (m(), g != _.value) {
             a.value.open();
             return;
           }
-          let i, w, F;
-          o.placement == "bottom" || o.placement == "top" ? (i = r.value.offsetHeight, F = n) : (i = r.value.offsetWidth, F = u), w = F / i * 100, w > 50 ? s("dismiss", "gesture") : a.value.open();
+          let i, w, H;
+          n.placement == "bottom" || n.placement == "top" ? (i = r.value.offsetHeight, H = s) : (i = r.value.offsetWidth, H = u), w = H / i * 100, w > 50 ? t("dismiss", "gesture") : a.value.open();
         },
         cancel() {
           m(), a.value.open();
         }
       }));
-    }), A(() => {
-      p && p.destroy();
-    }), (y, n) => (l(), z(q, {
+    }), O(() => {
+      d && d.destroy();
+    }), (y, s) => (c(), x(V, {
       ref_key: "present",
       ref: a,
-      placement: o.placement,
+      placement: n.placement,
       backdrop: y.backdrop,
-      visible: o.visible,
-      keepalive: o.keepalive,
-      onDismiss: d
+      visible: n.visible,
+      keepalive: n.keepalive,
+      onDismiss: p
     }, {
-      default: C(() => [
-        o.gesture && o.placement != "center" ? (l(), z(re, {
+      default: P(() => [
+        n.gesture && n.placement != "center" ? (c(), x(ae, {
           key: 0,
-          placement: o.placement
+          placement: n.placement
         }, null, 8, ["placement"])) : E("", !0),
         $("div", {
-          class: S(["t-sheet", { fullscreen: o.fullscreen, [o.placement]: !0, rounded: y.rounded }]),
-          style: I({ "--background": o.background }),
+          class: S(["t-sheet", { fullscreen: n.fullscreen, [n.placement]: !0, rounded: y.rounded }]),
+          style: I({ "--background": n.background }),
           ref_key: "sheet",
           ref: r
         }, [
-          o.closeButton && o.placement == "center" ? (l(), f("button", {
+          n.closeButton && n.placement == "center" ? (c(), f("button", {
             key: 0,
             class: "t-sheet-close",
-            onClick: n[0] || (n[0] = (u) => d("close-button"))
+            onClick: s[0] || (s[0] = (u) => p("close-button"))
           }, [
-            g(y.$slots, "close-icon", {}, () => [
-              n[1] || (n[1] = $("i", { class: "ri-close-large-line" }, null, -1))
+            h(y.$slots, "close-icon", {}, () => [
+              s[1] || (s[1] = $("i", { class: "ri-close-large-line" }, null, -1))
             ], !0)
           ])) : E("", !0),
-          g(y.$slots, "default", {}, void 0, !0)
+          h(y.$slots, "default", {}, void 0, !0)
         ], 6)
       ]),
       _: 3
     }, 8, ["placement", "backdrop", "visible", "keepalive"]));
   }
-}), Je = /* @__PURE__ */ b(Me, [["__scopeId", "data-v-cc940bf9"]]), Ke = { class: "t-input-label" }, Qe = { class: "t-input-content" }, Ze = ["type", "placeholder", "value"], et = /* @__PURE__ */ T({
+}), et = /* @__PURE__ */ b(Ze, [["__scopeId", "data-v-cc940bf9"]]), tt = { class: "t-input-label" }, nt = { class: "t-input-content" }, ot = ["type", "placeholder", "value"], st = /* @__PURE__ */ T({
   __name: "t-input",
   props: {
     size: { default: "standard" },
@@ -790,185 +850,187 @@ const oe = /* @__PURE__ */ b(Se, [["render", Ee], ["__scopeId", "data-v-d749ca41
     variant: { default: "normal" }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const o = e, s = t, r = (a) => {
-      s("update:modelValue", a.target.value);
+  setup(e, { emit: o }) {
+    const n = e, t = o, r = (a) => {
+      t("update:modelValue", a.target.value);
     };
-    return (a, c) => (l(), f("div", {
-      class: S(["t-input", { rounded: o.rounded, ["size-" + o.size]: !0 }])
+    return (a, l) => (c(), f("div", {
+      class: S(["t-input", { rounded: n.rounded, ["size-" + n.size]: !0 }])
     }, [
       $("label", null, [
-        $("span", Ke, P(a.label), 1),
-        $("div", Qe, [
-          g(a.$slots, "start", {}, void 0, !0),
+        $("span", tt, C(a.label), 1),
+        $("div", nt, [
+          h(a.$slots, "start", {}, void 0, !0),
           $("input", {
             type: a.type,
             placeholder: a.placeholder,
             value: a.modelValue,
             onInput: r
-          }, null, 40, Ze),
-          g(a.$slots, "end", {}, void 0, !0)
+          }, null, 40, ot),
+          h(a.$slots, "end", {}, void 0, !0)
         ])
       ]),
-      o.error ? (l(), z(G, {
+      n.error ? (c(), x(j, {
         key: 0,
         color: "danger"
       }, {
-        default: C(() => [
-          X(P(o.error), 1)
+        default: P(() => [
+          q(C(n.error), 1)
         ]),
         _: 1
-      })) : o.help ? (l(), z(G, {
+      })) : n.help ? (c(), x(j, {
         key: 1,
         color: "var(--t-color-default-7)"
       }, {
-        default: C(() => [
-          X(P(o.help), 1)
+        default: P(() => [
+          q(C(n.help), 1)
         ]),
         _: 1
       })) : E("", !0)
     ], 2));
   }
-}), tt = /* @__PURE__ */ b(et, [["__scopeId", "data-v-a7db63ef"]]), nt = {};
-function ot(e, t) {
-  return l(), f("textarea");
+}), rt = /* @__PURE__ */ b(st, [["__scopeId", "data-v-a7db63ef"]]), at = {};
+function lt(e, o) {
+  return c(), f("textarea");
 }
-const st = /* @__PURE__ */ b(nt, [["render", ot]]), rt = {};
-function at(e, t) {
-  return l(), f("div");
+const ct = /* @__PURE__ */ b(at, [["render", lt]]), it = {};
+function ut(e, o) {
+  return c(), f("div");
 }
-const lt = /* @__PURE__ */ b(rt, [["render", at]]), ct = {}, it = { class: "t-grid" };
-function ut(e, t) {
-  return l(), f("div", it);
+const dt = /* @__PURE__ */ b(it, [["render", ut]]), pt = {}, ft = { class: "t-grid" };
+function mt(e, o) {
+  return c(), f("div", ft);
 }
-const dt = /* @__PURE__ */ b(ct, [["render", ut]]), pt = {}, ft = { class: "t-grid-item" };
-function mt(e, t) {
-  return l(), f("div", ft);
+const vt = /* @__PURE__ */ b(pt, [["render", mt]]), _t = {}, yt = { class: "t-grid-item" };
+function gt(e, o) {
+  return c(), f("div", yt);
 }
-const vt = /* @__PURE__ */ b(pt, [["render", mt]]), _t = /* @__PURE__ */ T({
+const ht = /* @__PURE__ */ b(_t, [["render", gt]]), bt = /* @__PURE__ */ T({
   __name: "t-divider",
   props: {
     type: { default: "horizontal" }
   },
   setup(e) {
-    const t = e;
-    return (o, s) => (l(), f("div", {
-      class: S(["t-divider", { [t.type]: !0 }])
+    const o = e;
+    return (n, t) => (c(), f("div", {
+      class: S(["t-divider", { [o.type]: !0 }])
     }, null, 2));
   }
-}), yt = /* @__PURE__ */ b(_t, [["__scopeId", "data-v-0d783bfa"]]), ht = /* @__PURE__ */ T({
+}), kt = /* @__PURE__ */ b(bt, [["__scopeId", "data-v-0d783bfa"]]), $t = /* @__PURE__ */ T({
   __name: "t-toogle-password",
   props: {
     color: { default: "warning" }
   },
   emits: ["change"],
-  setup(e, { emit: t }) {
-    const o = e, s = t, r = v(!1), a = v(), c = B(() => {
-      let d = o.color;
-      return ["warning", "info", "danger", "primary", "secondary", "success"].includes(o.color) && (d = `var(--t-color-${o.color}-6)`), {
-        "--color": d
+  setup(e, { emit: o }) {
+    const n = e, t = o, r = v(!1), a = v(), l = z(() => {
+      let p = n.color;
+      return ["warning", "info", "danger", "primary", "secondary", "success"].includes(n.color) && (p = `var(--t-color-${n.color}-6)`), {
+        "--color": p
       };
-    }), p = () => a.value?.parentElement?.querySelector?.("input");
+    }), d = () => a.value?.parentElement?.querySelector?.("input");
     te(() => {
-      let d = p();
-      d && (r.value = d.type != "password", s("change", r.value));
+      let p = d();
+      p && (r.value = p.type != "password", t("change", r.value));
     });
     const _ = () => {
-      let d = p();
-      d && (r.value = !r.value, r.value ? d.type = "text" : d.type = "password", s("change", r.value));
+      let p = d();
+      p && (r.value = !r.value, r.value ? p.type = "text" : p.type = "password", t("change", r.value));
     };
-    return (d, m) => (l(), f("button", {
+    return (p, m) => (c(), f("button", {
       ref_key: "toogle",
       ref: a,
       class: "t-toogle-password",
-      style: I(c.value),
+      style: I(l.value),
       onClick: _
     }, [
-      r.value ? g(d.$slots, "on", { key: 0 }, () => [
+      r.value ? h(p.$slots, "on", { key: 0 }, () => [
         m[0] || (m[0] = $("i", { class: "ri-eye-line" }, null, -1))
       ], !0) : E("", !0),
-      r.value ? E("", !0) : g(d.$slots, "off", { key: 1 }, () => [
+      r.value ? E("", !0) : h(p.$slots, "off", { key: 1 }, () => [
         m[1] || (m[1] = $("i", { class: "ri-eye-off-line" }, null, -1))
       ], !0)
     ], 4));
   }
-}), gt = /* @__PURE__ */ b(ht, [["__scopeId", "data-v-2b04c3c9"]]), bt = /* @__PURE__ */ T({
+}), Tt = /* @__PURE__ */ b($t, [["__scopeId", "data-v-2b04c3c9"]]), wt = /* @__PURE__ */ T({
   __name: "t-avatar",
   props: {
     square: { type: Boolean, default: !1 },
     size: { default: "standard" }
   },
   setup(e) {
-    const t = e, o = B(() => t.size == "small" ? "24px" : t.size == "standard" ? "40px" : t.size == "large" ? "60px" : t.size);
-    return (s, r) => (l(), f("div", {
-      class: S(["t-avatar", { square: s.square }]),
-      style: I({ "--size": o.value })
+    const o = e, n = z(() => o.size == "small" ? "24px" : o.size == "standard" ? "40px" : o.size == "large" ? "60px" : o.size);
+    return (t, r) => (c(), f("div", {
+      class: S(["t-avatar", { square: t.square }]),
+      style: I({ "--size": n.value })
     }, [
-      g(s.$slots, "default", {}, void 0, !0)
+      h(t.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}), kt = /* @__PURE__ */ b(bt, [["__scopeId", "data-v-24384c2f"]]), $t = { class: "t-collapse-title" }, Tt = {
+}), It = /* @__PURE__ */ b(wt, [["__scopeId", "data-v-24384c2f"]]), St = { class: "t-collapse-title" }, Et = {
   key: 0,
   class: "icon"
-}, wt = {
+}, xt = {
   key: 1,
   class: "icon"
-}, It = { class: "t-collapse-content" }, St = /* @__PURE__ */ T({
+}, zt = { class: "t-collapse-content" }, Bt = /* @__PURE__ */ T({
   __name: "t-collapse",
   props: {
     title: {}
   },
   emits: ["change"],
-  setup(e, { emit: t }) {
-    const o = e, s = t, r = v(!1), a = v(""), c = v(), p = () => {
-      r.value = !r.value, a.value = `calc(${c.value.offsetHeight}px + 2rem)`, s("change", r.value);
+  setup(e, { emit: o }) {
+    const n = e, t = o, r = v(!1), a = v(""), l = v(), d = () => {
+      r.value = !r.value, a.value = `calc(${l.value.offsetHeight}px + 2rem)`, t("change", r.value);
     };
-    return s("change", r.value), (_, d) => (l(), f("div", {
+    return t("change", r.value), (_, p) => (c(), f("div", {
       class: S(["t-collapse", { open: r.value }]),
       style: I({ "--height": a.value })
     }, [
       $("div", {
         class: "t-collapse-header",
-        onClick: p
+        onClick: d
       }, [
-        g(_.$slots, "icon"),
-        $("div", $t, [
-          g(_.$slots, "title", {}, () => [
-            X(P(o.title), 1)
+        h(_.$slots, "icon"),
+        $("div", St, [
+          h(_.$slots, "title", {}, () => [
+            q(C(n.title), 1)
           ])
         ]),
-        g(_.$slots, "toogle", {}, () => [
-          r.value ? (l(), f("div", Tt, [...d[0] || (d[0] = [
+        h(_.$slots, "toogle", {}, () => [
+          r.value ? (c(), f("div", Et, [...p[0] || (p[0] = [
             $("i", { class: "ri-arrow-up-s-line" }, null, -1)
-          ])])) : (l(), f("div", wt, [...d[1] || (d[1] = [
+          ])])) : (c(), f("div", xt, [...p[1] || (p[1] = [
             $("i", { class: "ri-arrow-down-s-line" }, null, -1)
           ])]))
         ])
       ]),
-      $("div", It, [
+      $("div", zt, [
         $("div", {
           ref_key: "content",
-          ref: c
+          ref: l
         }, [
-          g(_.$slots, "content", {}, () => [
-            g(_.$slots, "default")
+          h(_.$slots, "content", {}, () => [
+            h(_.$slots, "default")
           ])
         ], 512)
       ])
     ], 6));
   }
-}), Dt = () => ({
+}), Lt = () => ({
   install: (e) => {
-    ie(), e.component("t-app", fe), e.component("t-screen", oe), e.component("t-swipe-screen", Ye), e.component("t-cable", ve), e.component("t-toolbar", We), e.component("t-content", Te), e.component("t-card", ge), e.component("t-refresher", Ie), e.component("t-button", J), e.component("t-back-button", Ge), e.component("t-present", q), e.component("t-text", G), e.component("t-sheet", Je), e.component("t-pull-signal", re), e.component("t-input", tt), e.component("t-textarea", st), e.component("t-rich-text", lt), e.component("t-grid", dt), e.component("t-grid-item", vt), e.component("t-divider", yt), e.component("t-toogle-password", gt), e.component("t-loading-icon", M), e.component("t-alert", se), e.component("t-avatar", kt), e.component("t-collapse", St);
+    ue(), e.component("t-app", me), e.component("t-screen", re), e.component("t-swipe-screen", Ge), e.component("t-cable", Re), e.component("t-toolbar", je), e.component("t-content", Xe), e.component("t-card", Ne), e.component("t-refresher", Ve), e.component("t-button", M), e.component("t-back-button", Me), e.component("t-present", V), e.component("t-text", j), e.component("t-sheet", et), e.component("t-pull-signal", ae), e.component("t-input", rt), e.component("t-textarea", ct), e.component("t-rich-text", dt), e.component("t-grid", vt), e.component("t-grid-item", ht), e.component("t-divider", kt), e.component("t-toogle-password", Tt), e.component("t-loading-icon", K), e.component("t-alert", oe), e.component("t-avatar", It), e.component("t-collapse", Bt), e.component("t-toast", se);
   }
 });
 export {
-  L as blurCurrentActive,
-  Ct as createAction,
-  Bt as createAlert,
-  Pt as createLoading,
-  Dt as createToife,
-  O as isFormElement,
-  Le as presentController,
-  k as screenController
+  X as blurCurrentActive,
+  Nt as createAction,
+  Rt as createAlert,
+  At as createLoading,
+  Ot as createToast,
+  Lt as createToife,
+  L as isFormElement,
+  Ee as presentController,
+  k as screenController,
+  Pe as useKeyboard
 };