vuesp-components 2.2.0 → 2.2.2

package/dist/VDialog.vue_vue_type_script_setup_true_lang-BLLrcXdW.js

@@ -0,0 +1,652 @@
+import { openBlock as o, createElementBlock as d, createStaticVNode as Z, createElementVNode as n, defineComponent as L, computed as z, createBlock as S, resolveDynamicComponent as j, mergeProps as P, withCtx as w, normalizeClass as x, renderSlot as b, createCommentVNode as k, markRaw as F, shallowRef as W, Teleport as R, createVNode as V, Transition as M, unref as f, withModifiers as B, normalizeStyle as I, ref as q, resolveDirective as ee, withDirectives as te, Fragment as H, renderList as K, createTextVNode as A, toDisplayString as O, withKeys as le, createPropsRestProxy as oe, normalizeProps as ae, guardReactiveProps as se } from "vue";
+import { u as _, a as ne, b as G, c as J } from "./useDialog-ALG4kFE7.js";
+const N = (e, l) => {
+  const r = e.__vccOpts || e;
+  for (const [g, m] of l)
+    r[g] = m;
+  return r;
+}, re = {}, ie = {
+  viewBox: "0 0 179 40",
+  fill: "currentColor"
+};
+function ce(e, l) {
+  return o(), d("svg", ie, [...l[0] || (l[0] = [
+    Z('<g transform="matrix(0.13287749,0,0,0.13643171,26.823508,13.407673)"><path d="m -19.25933,-16.057909 c 0,39.1906 -14.287,86.055995 -38.669,116.999999 -7.898,10.024 -30.4718,32.819 -43.7731,17.695 -9.4823,-10.781 -3.53183,-36.917714 -0.86893,-48.907714 9.1618,-41.251693 19.72123,-78.8733849 30.31103,-119.787285 -27.50968,14.537655 -68.26323,-24.154322 -70.36602,-2.214449 -12.32038,69.23655 -28.82323,204.245118 16.36602,215.925448 81.802,10.63 120.333,-82.698004 129.4249996,-148.710999 2.182,-15.84009991 4.123,-31.9832 2.401,-48 -2.342,-21.78506 -24.7959996,-32.68227 -43.7859996,-21.58643 -11.424,6.67523 -12.148,29.93713 -1.935,38.01393 5.462,4.3199 14.927,3.091 20.895,0.5725 z"></path><path d="m 104.76548,-63.374174 0.008,91.15236 -26.35225,25.003926 26.35676,25.415735 4.8e-4,91.161403 4.03033,0.0237 c 0,0 0.0729,-90.913243 -0.0476,-91.163063 l 26.24012,-24.776315 -26.23835,-25.66073 0.007,-91.147024 z"></path><path d="m 803.85444,82.816565 c -5.5092,-1.69169 -15.7197,-2.12913 -19.9329,1.03114 -5.56,4.548 -0.63,22.670005 -0.76,28.973005 0.3943,19.76599 20.7146,30.35978 36.02,33 0,0 45.06,4.77 68,-5.439 35.89996,-15.975 40.75996,-63.180005 13.91,-89.457 -15.2385,-18.333755 -72.7584,-32.66908 -78.91,-50.10399958 -6.54,-7.52040002 -2.52,-22.38120042 5.1,-27.89120042 10.47,-7.5605 25.91,-7.3647 37.9,-5.017 13.11,2.5659 14.15,13.6285 18,24.9082004 1.48,4.3522 2.88,12.3564 8.1,13.6674 2.25,0.5623 4.67,-0.1094 6.9,-0.3827 16.42996,-2.011 11.28456,-11.418391 12.09456,-24.2037914 0.38,-6.0219 2.2254,-16.238609 -1.1246,-21.752209 -5.98996,-9.87979 -17.48276,-9.960049 -30.96996,-15.3287 -11.9944,-2.919504 -32.57,-5.50288 -50,-1.25772 -13.92,3.39017 -28.5,10.49772 -37.24,22.25772 -16.31,21.9622 -9.6,57.1861 10.26,74.6998 22.17,19.5582 58.4,21.7732 76.41,46.304195 16.9,23.013005 -18.71,37.732005 -37.1,36.158005 -39.9169,-0.34531 -23.6297,-30.723925 -36.6571,-40.166145 z"></path><path d="m 321.18154,-32.17929 21,9 -46,120.999995 c -13.02939,-49.349215 -25.65589,-93.5184936 -37,-121.999995 5.741,-1.2008 17.946,-4.1139 20.397,-10.1049 2.328,-5.6934 -1.142,-13.0456 -1.397,-18.8951 -9.12189,0.745226 -79.43846,-2.275099 -82.411,2.3179 -1.02172,5.2378 -3.84926,12.95938 -1.985,17.2878 4.036,8.5605 18.82154,3.517306 23.75154,13.866906 25.90475,54.255645 38.51776,106.713979 60.87446,156.527394 37.33703,54.02331 63.06896,-92.52485 72.275,-119 4.089,-11.8192996 7.212,-30.0265 15.194,-39.7724 15.1599,-17.433642 28.97616,-5.381825 21.868,-28.07945 -5.23694,-5.944366 -63.1086,-2.739072 -64.389,-1.54476 -3.452,4.31661 -7.5289,7.804293 -2.178,19.39661 z"></path><path d="m 401.18154,-53.17929 c -0.998,4.83681 -4.908,16.1206 -1.357,20.3511 4.914,5.8555 20.341,3.7676 21.463,12.689 3.596,28.5694004 -0.4,58.2962 0.855,86.9599 0.882,20.149995 3.491,41.865 17.134,57.961 36.351,42.885 114.137,25.661 128.322,-27.961005 9.142,-34.561995 3.01191,-80.803507 3.08491,-116.292007 0.033,-15.7886 15.53509,-3.553988 22.46909,-13.356888 3.337,-4.7169 -1.212,-15.187 -1.971,-20.3511 -20.45735,-0.261837 -40.85188,-0.262234 -61.258,1.02779 l -3.742,11.97221 c 0.84877,13.898543 11.37685,10.038234 23.90801,11.758642 0.32053,9.189207 0.091,48.923358 0.092,71.241358 10e-4,19.4 0.471,40.338995 -8.89,58 -15.56,29.358 -61.659,29.409 -74.878,-2.000005 -10.636,-25.273 -6.147,-56.234995 -6.233,-82.999995 -0.035,-10.9870996 -2.501,-25.3419996 0.319,-35.9568 2.549,-9.5978 16.626,-6.4297 22.064,-12.6921 3.287,-3.7858 -0.52,-15.71299 -1.382,-20.3511 z"></path><path d="m 760.05964,143.05268 c -5.1123,-31.58627 4.9497,-52.437285 -1.4781,-59.628975 -3.17,-3.163 -17.48,-3.877 -20.39,-0.285 -7.636,9.412 -6.012,27.571005 -14.737,36.079005 -3.136,3.058 -10.272,1.461 -14.273,1.689 -13.102,0.746 -25.895,-0.086 -39,-0.086 l -1,-68 c 7.223,0.913 21.685,-1.996 27.722,1.269 6.665,3.604 3.577,17.035995 10.556,20.532995 5.15472,-0.0642 13.05488,0.47604 17.494,-1.405 5.21328,-7.758815 3.74312,-60.612259 -0.015,-62.640795 -5.5141,-0.237113 -13.29293,-2.8563906 -17.543,-1.1527996 -6.595,2.8734996 -5.002,15.2292996 -10.608,19.7931996 -5.233,4.2609 -21.417,2.0768 -27.606,0.6034 l 0.018,-19.9999996 0.982,-42.0000004 h 36 c 4.195,0 11.017,-1.271 14.725,1.0278 9.479,5.8759 5.235,25.2669004 13.705,30.94060042 4.66,3.12049998 14.21,-2.03520002 19.57,-1.96840002 -1.7258,-10.0332024 5.1749,-44.7657364 -0.6,-49.9722104 -8.573,-0.17431 -123.95249,0.09746 -142.26,0.5756 -2.813,3.26479 -4.226,15.59871 -1.533,19.00621 4.834,6.1168 16.163,4.3646 20.481,9.9544 4.51586,28.5714044 7.89004,96.377815 0.594,132.328 -2.185,7.787 -16.181,5.969 -20.654,11.832 -1.59611,5.22999 -0.7409,13.33851 1.536,18.048 5.16025,7.51372 110.02916,3.17366 148.3141,3.45997 z"></path><path d="m 964.1815,-23.17929 c 0,43.4127 3.83,88.767 -0.06,131.985 -0.8,8.923 -14.88,7.544 -20.62,12.09 -4.2,3.326 -1.95,14.442 -0.17,18.777 15.7137,4.67091 86.3037,9.27518 89.39,-4.852 0.57,-3.057 2.36,-9.582 0.42,-12.297 -5.77,-8.041 -28.93,-2.391 -30.81,-13.747 -0.063,-55.41713 -0.3488,-55.25935 -0.15,-140.956 16.19,0 34.24,-2.9842 46.98,9.0934 18.26,17.2977004 11.94,53.4098 -8.98,65.6236 -7.67,4.477 -18.44,3.283 -27,3.283 v 23 c 23.19,0 50.85,-0.216 69,-17.093 28.42,-26.4403 19.73,-83.9314 -16,-99.7334 -4.6952,-8.320027 -96.8662,-17.196078 -120.68,-4.43208 -2.7,1.3721 -3.6701,5.98455 -3.17,8.34798 -3.3313,17.201533 8.54,18.6194 21.85,20.9105 z"></path></g>', 1)
+  ])]);
+}
+const Xe = /* @__PURE__ */ N(re, [["render", ce]]), de = {}, ue = {
+  width: "40",
+  height: "40",
+  viewBox: "0 0 40 40",
+  fill: "currentColor"
+};
+function fe(e, l) {
+  return o(), d("svg", ue, [...l[0] || (l[0] = [
+    n("g", { transform: "matrix(0.13287749,0,0,0.13643171,26.823508,13.407673)" }, [
+      n("path", { d: "m -19.25933,-16.057909 c 0,39.1906 -14.287,86.055995 -38.669,116.999999 -7.898,10.024 -30.4718,32.819 -43.7731,17.695 -9.4823,-10.781 -3.53183,-36.917714 -0.86893,-48.907714 9.1618,-41.251693 19.72123,-78.8733849 30.31103,-119.787285 -27.50968,14.537655 -68.26323,-24.154322 -70.36602,-2.214449 -12.32038,69.23655 -28.82323,204.245118 16.36602,215.925448 81.802,10.63 120.333,-82.698004 129.4249996,-148.710999 2.182,-15.84009991 4.123,-31.9832 2.401,-48 -2.342,-21.78506 -24.7959996,-32.68227 -43.7859996,-21.58643 -11.424,6.67523 -12.148,29.93713 -1.935,38.01393 5.462,4.3199 14.927,3.091 20.895,0.5725 z" })
+    ], -1)
+  ])]);
+}
+const Ye = /* @__PURE__ */ N(de, [["render", fe]]), me = {}, he = {
+  class: "animate-spin h-6 w-6",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+function ge(e, l) {
+  return o(), d("svg", he, [...l[0] || (l[0] = [
+    n("circle", {
+      class: "opacity-25",
+      cx: "12",
+      cy: "12",
+      r: "10",
+      stroke: "currentColor",
+      "stroke-width": "2"
+    }, null, -1),
+    n("path", {
+      class: "opacity-75",
+      fill: "currentColor",
+      d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+    }, null, -1)
+  ])]);
+}
+const be = /* @__PURE__ */ N(me, [["render", ge]]), ye = "relative flex justify-center items-center transition not-disabled:cursor-pointer not-disabled:hover:opacity-90 disabled:opacity-40 rounded", Q = /* @__PURE__ */ L({
+  __name: "VButton",
+  props: {
+    outline: { type: Boolean, default: !1 },
+    color: { default: "transparent" },
+    size: { default: "md" },
+    type: { default: "button" },
+    href: { default: "" },
+    to: { default: "" },
+    loading: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(e, { emit: l }) {
+    const r = l, g = (i) => r("click", i), m = e.outline ? "dark:text-white border border-green-600 text-green-600" : "text-white bg-green-600 dark:bg-green-800", t = e.outline ? "dark:text-white border border-red-600 text-red-600" : "text-white bg-red-600 dark:bg-red-800", a = e.outline ? "dark:text-white border border-gray-600 text-gray-600" : "bg-gray-100 dark:bg-gray-800", p = e.outline ? "dark:text-white border border-blue-600 text-blue-600" : "text-white bg-blue-700 dark:bg-blue-800", y = (e.outline, ""), c = { green: m, red: t, gray: a, blue: p, transparent: y }, v = {
+      button: "px-3",
+      icon: "rounded-full border border-gray-200 dark:border-gray-800"
+    }, E = {
+      button: { sm: "h-8", md: "h-10", lg: "h-12", xl: "h-14" },
+      icon: { sm: "size-8", md: "size-10", lg: "size-12", xl: "size-14" }
+    }, C = z(() => [ye, s(e.color), $(e.type), h(e.type, e.size)]), u = z(() => e.href || e.to ? "router-link" : "button"), h = (i, D) => {
+      var T;
+      return ((T = E[i]) == null ? void 0 : T[D]) || "";
+    }, $ = (i) => (v == null ? void 0 : v[i]) || "", s = (i) => c == null ? void 0 : c[i];
+    return (i, D) => (o(), S(j(u.value), P(i.$attrs, {
+      href: e.href,
+      to: e.to,
+      class: C.value,
+      onClick: g
+    }), {
+      default: w(() => [
+        n("span", {
+          class: x(e.loading ? "opacity-0" : "")
+        }, [
+          b(i.$slots, "default")
+        ], 2),
+        e.loading ? (o(), S(be, {
+          key: 0,
+          class: "absolute left-1/2 -translate-x-1/2"
+        })) : k("", !0)
+      ]),
+      _: 3
+    }, 16, ["href", "to", "class"]));
+  }
+}), ve = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function pe(e, l) {
+  return o(), d("svg", ve, [...l[0] || (l[0] = [
+    n("path", {
+      fill: "currentColor",
+      d: "m12 10.587l4.95-4.95l1.414 1.414l-4.95 4.95l4.95 4.95l-1.415 1.414l-4.95-4.95l-4.949 4.95l-1.414-1.415l4.95-4.95l-4.95-4.95L7.05 5.638z"
+    }, null, -1)
+  ])]);
+}
+const U = F({ name: "ri-close-line", render: pe }), xe = { class: "flex items-center absolute right-3 top-5 z-10" }, X = /* @__PURE__ */ L({
+  __name: "VPopup",
+  props: {
+    hiddenCloser: { type: Boolean },
+    size: { default: "auto" }
+  },
+  emits: ["close", "click", "open"],
+  setup(e, { emit: l }) {
+    const r = l, { show: g, overlay: m, onClose: t, onOpen: a } = _(r), p = W(null), y = W(null), { opacity: c, transform: v } = ne(p, y, t), u = { click: (s) => {
+      r("click", s);
+    }, open: a, set: (s) => {
+      s ? a() : t(new Event("hide"));
+    } }, h = z(() => ({
+      auto: "max-h-[calc(100dvh-50px)]",
+      full: "h-[calc(100dvh-24px)] md:h-[calc(100dvh-100px)]",
+      screen: "h-dvh"
+    })), $ = z(() => ({
+      auto: "max-h-[calc(100dvh-50px-16px)]",
+      full: "h-[calc(100dvh-24px-16px)] md:h-[calc(100dvh-100px-16px)]",
+      screen: "h-[calc(100dvh-16px)]"
+    }));
+    return (s, i) => {
+      const D = U, T = Q;
+      return o(), S(R, { to: "body" }, [
+        V(M, {
+          "enter-active-class": "duration-300 ease-out",
+          "enter-from-class": "transform opacity-0 translate-y-full xl:-translate-y-2",
+          "enter-to-class": "opacity-100 translate-y-0",
+          "leave-active-class": "duration-200 ease-in",
+          "leave-from-class": "opacity-100 translate-y-0",
+          "leave-to-class": "transform opacity-0 translate-y-full xl:-translate-y-2"
+        }, {
+          default: w(() => [
+            f(g) ? (o(), d("div", {
+              key: 0,
+              ref_key: "container",
+              ref: y,
+              class: "fixed bottom-0 left-0 w-full z-15"
+            }, [
+              f(m) ? (o(), d("div", {
+                key: 0,
+                class: "fixed h-full w-full top-0 left-0 bg-black/40 bg-blur xl:hidden animate-opacity overscroll-contain",
+                style: I({ opacity: f(c) }),
+                onClick: i[0] || (i[0] = //@ts-ignore
+                (...Y) => f(t) && f(t)(...Y)),
+                onWheel: i[1] || (i[1] = B(() => {
+                }, ["prevent"])),
+                onTouchmove: i[2] || (i[2] = B(() => {
+                }, ["prevent"]))
+              }, null, 36)) : k("", !0),
+              n("div", {
+                class: x(["bg-white dark:bg-gray-900 w-full shadow-nav relative", h.value[e.size]]),
+                style: I({ transform: f(v) })
+              }, [
+                n("div", {
+                  ref_key: "target",
+                  ref: p,
+                  class: "flex justify-center py-3 md:pb-6",
+                  onWheel: i[3] || (i[3] = B(() => {
+                  }, ["prevent"])),
+                  onTouchmove: i[4] || (i[4] = B(() => {
+                  }, ["prevent"]))
+                }, [...i[5] || (i[5] = [
+                  n("div", { class: "self-end h-1 w-12 bg-gray-400" }, null, -1)
+                ])], 544),
+                n("div", xe, [
+                  b(s.$slots, "button", { close: f(t) }),
+                  V(T, {
+                    class: "size-5 md:size-6",
+                    color: "transparent",
+                    size: "none",
+                    icon: "",
+                    "aria-label": "Close",
+                    onClick: f(t)
+                  }, {
+                    default: w(() => [
+                      V(D, { class: "size-5" })
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]),
+                n("div", {
+                  class: x(["overflow-y-auto max-h-[calc(100dvh-24px-16px)] overscroll-contain scrollbar", $.value[e.size]])
+                }, [
+                  b(s.$slots, "default", {
+                    close: f(t),
+                    on: u
+                  })
+                ], 2)
+              ], 6)
+            ], 512)) : k("", !0)
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+}), ke = { class: "relative" }, we = { class: "flex items-center cursor-pointer" }, $e = /* @__PURE__ */ L({
+  __name: "VDropdown",
+  props: {
+    title: { default: "" },
+    top: { default: "calc(100% + 8px)" },
+    left: { default: "" },
+    right: { default: "0" },
+    bottom: { default: "" },
+    height: { default: "200px" },
+    hideOnClick: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    isPopup: { type: Boolean }
+  },
+  emits: ["click", "show", "close"],
+  setup(e, { emit: l }) {
+    const r = l, m = G(J).greaterOrEqual("lg"), t = q(!1), a = z(() => ({ top: e.top, left: e.left, right: e.right, bottom: e.bottom, "max-height": e.height })), p = (h) => {
+      m.value && t.value && v(h);
+    }, y = (h) => {
+      r("click", t.value), !e.disabled && (t.value ? e.hideOnClick && v(h) : c(h));
+    }, c = (h) => {
+      t.value = !0, r("show", h);
+    }, v = (h) => {
+      t.value = !1, r("close", h);
+    }, E = (h) => {
+      h ? c(new Event("show")) : v(new Event("hide"));
+    }, C = () => {
+      v(new Event("hide"));
+    }, u = { click: y, open: c, set: E };
+    return (h, $) => {
+      const s = ee("outside");
+      return te((o(), d("div", ke, [
+        n("div", we, [
+          b(h.$slots, "activator", {
+            on: u,
+            isShow: t.value
+          })
+        ]),
+        f(m) ? (o(), S(M, {
+          key: 0,
+          "enter-active-class": "duration-300 ease-out",
+          "enter-from-class": "transform opacity-0 -translate-y-2",
+          "enter-to-class": "opacity-100 translate-y-0",
+          "leave-active-class": "duration-200 ease-in",
+          "leave-from-class": "opacity-100 translate-y-0",
+          "leave-to-class": "transform opacity-0 -translate-y-2"
+        }, {
+          default: w(() => [
+            t.value ? (o(), d("div", {
+              key: 0,
+              class: "z-30 min-w-full absolute",
+              style: I(a.value)
+            }, [
+              b(h.$slots, "default", {
+                on: u,
+                show: c,
+                hide: v,
+                isShow: t.value
+              })
+            ], 4)) : k("", !0)
+          ]),
+          _: 3
+        })) : k("", !0),
+        !f(m) && t.value ? (o(), S(X, {
+          key: 1,
+          title: e.title,
+          onClose: C
+        }, {
+          default: w(({ on: i }) => [
+            b(h.$slots, "default", {
+              on: i,
+              show: c,
+              hide: v,
+              isShow: t.value
+            })
+          ]),
+          _: 3
+        }, 8, ["title"])) : k("", !0)
+      ])), [
+        [s, p]
+      ]);
+    };
+  }
+}), Ce = { class: "bg-white dark:bg-gray-900 ring-1 ring-gray-200 dark:ring-gray-800" }, ze = ["onClick"], Be = /* @__PURE__ */ L({
+  __name: "VList",
+  props: {
+    items: {}
+  },
+  emits: ["click"],
+  setup(e, { emit: l }) {
+    const r = l, g = (m, t) => r("click", m, t);
+    return (m, t) => (o(), d("ul", Ce, [
+      (o(!0), d(H, null, K(e.items, (a) => (o(), d("li", {
+        key: a.name,
+        class: "whitespace-nowrap cursor-pointer flex items-center min-h-[40px] border-b last:border-b-0 dark:border-gray-700 border-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700/30 w-full px-4",
+        onClick: (p) => g(a, p)
+      }, [
+        b(m.$slots, "default", { item: a }, () => [
+          A(O(a.name), 1)
+        ])
+      ], 8, ze))), 128))
+    ]));
+  }
+}), Ve = { class: "relative flex items-end gap-0.5 w-10" }, Se = ["title"], Oe = { class: "absolute -top-1 -left-1 text-xs text-gray-600 dark:text-gray-300" }, Ze = /* @__PURE__ */ L({
+  __name: "VWifiIcon",
+  props: {
+    rssi: { default: 0 },
+    channel: { default: 0 }
+  },
+  setup(e) {
+    const l = 2 * (e.rssi + 100), r = (g) => g < l;
+    return (g, m) => (o(), d("div", Ve, [
+      (o(), d(H, null, K([10, 15, 25, 40, 70], (t, a) => n("div", {
+        key: t,
+        class: x(["w-1 h-5 rounded-lg", [r(t) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
+        style: I(`height: ${(a + 1) * 5}px`),
+        title: `rssi: ${e.rssi} channel: ${e.channel}`
+      }, null, 14, Se)), 64)),
+      n("div", Oe, O(e.channel), 1)
+    ]));
+  }
+}), Le = {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em"
+};
+function Ee(e, l) {
+  return o(), d("svg", Le, [...l[0] || (l[0] = [
+    n("path", {
+      fill: "currentColor",
+      d: "m12 10.828l-4.95 4.95l-1.414-1.414L12 8l6.364 6.364l-1.414 1.414z"
+    }, null, -1)
+  ])]);
+}
+const De = F({ name: "ri-arrow-up-s-line", render: Ee }), Te = { class: "w-full relative" }, Ie = ["disabled"], Pe = {
+  key: 0,
+  class: "text-red-400 h-[24px] px-2 text-xs"
+}, Me = "after:absolute after:h-1 after:w-full after:left-0 after:translate-y-[6px] after:-z-10 dark:after:bg-gray-800 after:bg-white after:transition-all", Ae = /* @__PURE__ */ L({
+  __name: "VTextField",
+  props: {
+    modelValue: { default: null },
+    label: { default: "" },
+    component: { default: "input" },
+    type: { default: "text" },
+    message: { default: "" },
+    readonly: { type: Boolean },
+    disabled: { type: [Boolean, Number], default: !1 },
+    active: { type: Boolean, default: !1 },
+    hideMessage: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "click", "on-icon", "enter", "blur", "focus"],
+  setup(e, { emit: l }) {
+    const r = l, g = {
+      input: "w-full h-full px-4 outline-none overflow-ellipsis flex-auto overflow-hidden w-[calc(100% - 20px)] bg-transparent",
+      textarea: "h-full w-full px-4 py-2 outline-none flex-auto bg-transparent"
+    }, m = q(!1), t = z(() => [
+      e.component === "input" ? "h-[40px]" : "min-h-[40px]",
+      e.message ? "border-red-500 hover:border-red-400" : "",
+      e.disabled ? "border-gray-400 opacity-40" : "border-gray-300 hover:border-gray-400 dark:border-gray-700/50 hover:dark:border-gray-600/50"
+    ]), a = z(() => g[e.component]), p = (s) => s || s === 0, y = z(() => [Me, m.value || p(e.modelValue) || e.active ? "top-0 left-3 text-xs" : "top-1/2"]), c = z(() => e.component === "input"), v = (s) => {
+      m.value = !1, r("blur", s);
+    }, E = (s) => {
+      m.value = !0, r("focus", s);
+    }, C = ({ target: s }) => r("update:modelValue", s.value), u = (s) => r("enter", s), h = (s) => r("click", s), $ = (s) => {
+      e.disabled || r("on-icon", s);
+    };
+    return (s, i) => (o(), d("div", Te, [
+      n("label", {
+        class: x(["relative w-full border border-gray-300 dark:border-gray-700 flex items-center rounded transition bg-white dark:bg-gray-800", t.value])
+      }, [
+        n("span", {
+          class: x(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", y.value])
+        }, O(e.label), 3),
+        (o(), S(j(e.component), P(s.$attrs, {
+          value: e.modelValue,
+          disabled: !!e.disabled,
+          type: e.type,
+          readonly: e.readonly,
+          rows: c.value ? null : "2",
+          wrap: c.value ? null : "soft",
+          class: a.value,
+          onFocus: E,
+          onBlur: v,
+          onInput: C,
+          onClick: h,
+          onKeypress: le(u, ["enter"])
+        }), null, 16, ["value", "disabled", "type", "readonly", "rows", "wrap", "class"])),
+        s.$slots.icon ? (o(), d("button", {
+          key: 0,
+          disabled: !!e.disabled,
+          class: x([{ "cursor-pointer": !e.disabled }, "flex-[0_0_50px] h-full flex items-center justify-center text-gray-400 border-l border-gray-300 dark:border-gray-700/50"]),
+          onClick: $
+        }, [
+          b(s.$slots, "icon")
+        ], 10, Ie)) : k("", !0)
+      ], 2),
+      e.hideMessage ? k("", !0) : (o(), d("div", Pe, [
+        b(s.$slots, "message", {}, () => [
+          A(O(e.message), 1)
+        ])
+      ]))
+    ]));
+  }
+}), Ne = { class: "bg-white dark:bg-gray-900 rounded min-w-50 shadow-nav transition-all duration-400 dark:shadow-lg dark:shadow-primary/20 pb-6 lg:pb-0" }, We = {
+  key: 0,
+  class: "lg:hidden text-title-md font-bold mb-4 uppercase px-4 sticky top-0"
+}, je = { class: "h-full h-hull lg:max-h-44 lg:overflow-auto scrollbar lg:overscroll-contain" }, et = /* @__PURE__ */ L({
+  inheritAttrs: !1,
+  __name: "VSelect",
+  props: {
+    modelValue: {},
+    label: {},
+    disabled: { type: Boolean },
+    items: {},
+    title: {},
+    top: {},
+    left: {},
+    right: {},
+    bottom: {},
+    height: {},
+    hideOnClick: { type: Boolean },
+    isPopup: { type: Boolean }
+  },
+  emits: ["change"],
+  setup(e, { emit: l }) {
+    const r = oe(e, ["modelValue", "label", "items", "disabled"]), g = l;
+    function m(t, a) {
+      g("change", t), a == null || a.set(!1);
+    }
+    return (t, a) => {
+      const p = De;
+      return o(), S($e, P(r, {
+        "hide-on-click": !1,
+        class: "relative"
+      }), {
+        activator: w(({ on: y, isShow: c }) => [
+          b(t.$slots, "activator", ae(se({ on: y, isShow: c })), () => [
+            V(Ae, {
+              "model-value": e.modelValue,
+              disabled: e.disabled,
+              label: e.label,
+              readonly: "",
+              hideMessage: "",
+              active: "",
+              onClick: y.click,
+              onOnIcon: y.click
+            }, {
+              icon: w(() => [
+                V(p, {
+                  class: x(["transition duration-300", c ? "rotate-x-180" : ""])
+                }, null, 8, ["class"])
+              ]),
+              _: 2
+            }, 1032, ["model-value", "disabled", "label", "onClick", "onOnIcon"])
+          ])
+        ]),
+        default: w(({ on: y }) => [
+          n("div", Ne, [
+            e.label ? (o(), d("h4", We, O(e.label), 1)) : k("", !0),
+            n("div", je, [
+              V(Be, {
+                items: e.items,
+                onClick: (c) => m(c, y)
+              }, {
+                default: w(({ item: c }) => [
+                  b(t.$slots, "item", { item: c }, () => [
+                    A(O(c.name), 1)
+                  ])
+                ]),
+                _: 3
+              }, 8, ["items", "onClick"])
+            ])
+          ])
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+}), Fe = {
+  key: 0,
+  class: "loader-line w-full absolute top-0 left-0 h-[3px] bg-gray-100 dark:bg-gray-800 before:bg-blue-600 dark:before:bg-blue-800 before:h-1 rounded-xl z-20 before:absolute before:w-[40%] before:-left-1/2 before:content-[''] before:animate-[lineAnim_1s_linear_infinite]"
+}, Re = {
+  key: 1,
+  class: "absolute top-0 left-0 w-full h-full bg-gray-50 dark:bg-gray-900 z-10 opacity-50"
+}, qe = {
+  key: 2,
+  class: "mb-4 flex items-center justify-between"
+}, He = { class: "text-lg font-semibold text-gray-800 dark:text-white/90 mb-0" }, Ke = { class: "max-w-full" }, tt = /* @__PURE__ */ L({
+  __name: "CardMain",
+  props: {
+    title: {},
+    loading: { type: Boolean }
+  },
+  setup(e) {
+    return (l, r) => (o(), d("div", {
+      class: x(["relative rounded-md border border-gray-200 dark:border-gray-800 bg-white dark:bg-white/[0.03] p-5 sm:p-6 hover-effect", { "overflow-hidden": e.loading }])
+    }, [
+      e.loading ? (o(), d("div", Fe)) : k("", !0),
+      e.loading ? (o(), d("div", Re)) : k("", !0),
+      e.title ? (o(), d("div", qe, [
+        n("h3", He, O(e.title), 1),
+        n("div", null, [
+          b(l.$slots, "header")
+        ])
+      ])) : k("", !0),
+      n("div", Ke, [
+        b(l.$slots, "default")
+      ])
+    ], 2));
+  }
+}), _e = { class: "text-title-md uppercase font-bold flex-auto" }, Ge = { class: "px-4 pb-4 md:px-6" }, Je = {
+  key: 0,
+  class: "text-title-md uppercase font-bold"
+}, lt = /* @__PURE__ */ L({
+  __name: "VDialog",
+  props: {
+    title: {},
+    size: { default: "md" },
+    popupSize: { default: "auto" },
+    color: { default: "white" },
+    type: {},
+    hiddenCloser: { type: Boolean },
+    isOnlyDialog: { type: Boolean },
+    timeout: {}
+  },
+  emits: ["close", "click", "open"],
+  setup(e, { expose: l, emit: r }) {
+    const g = r, m = G(J), { show: t, onClose: a, onOpen: p } = _(g, e.timeout), y = {
+      sm: "max-w-full md:max-w-[330px] h-full md:h-[unset]",
+      md: "max-w-full md:max-w-[672px] h-full md:h-[unset]",
+      lg: "max-w-full md:max-w-[960px] h-full md:h-[unset]",
+      full: "relative max-w-full w-full h-3/4 "
+    }, c = {
+      none: "",
+      white: "bg-white dark:bg-gray-900",
+      gray: ""
+    }, v = z(() => [y[e.size], c[e.color]]), E = m.greaterOrEqual("lg");
+    return l({
+      show: t,
+      onClose: a
+    }), (C, u) => {
+      const h = U;
+      return e.isOnlyDialog || f(E) ? (o(), S(R, {
+        key: 0,
+        to: "body"
+      }, [
+        V(M, {
+          "enter-active-class": "duration-300 ease-out",
+          "enter-from-class": "transform opacity-0 -translate-y-2",
+          "enter-to-class": "opacity-100 translate-y-0",
+          "leave-active-class": "duration-200 ease-in",
+          "leave-from-class": "opacity-100 translate-y-0",
+          "leave-to-class": "transform opacity-0 -translate-y-2",
+          onAfterEnter: f(p)
+        }, {
+          default: w(() => [
+            f(t) ? (o(), d("div", {
+              key: 0,
+              class: "z-20 fixed top-0 h-dvh w-full left-0 flex flex-col",
+              onWheel: u[4] || (u[4] = B(() => {
+              }, ["stop"]))
+            }, [
+              n("div", {
+                class: "absolute h-full w-full top-0 left-0 bg-black/40 bg-blur",
+                onClick: u[0] || (u[0] = //@ts-ignore
+                (...$) => f(a) && f(a)(...$))
+              }),
+              n("div", {
+                class: x(["flex-auto flex align-center overflow-y-auto overscroll-contain", (e.size === "full", "")])
+              }, [
+                n("div", {
+                  class: x(["m-auto w-full flex flex-col z-20 overflow-auto h-full scrollbar overscroll-contain bg-gray-50 dark:bg-gray-900 shadow-lg rounded-sm", v.value])
+                }, [
+                  n("div", {
+                    class: x(["flex items-center min-h-14 ps-6 pe-3", e.size === "full" ? "absolute top-0 right-4" : ""]),
+                    onWheel: u[1] || (u[1] = B(() => {
+                    }, ["prevent"])),
+                    onTouchmove: u[2] || (u[2] = B(() => {
+                    }, ["prevent"]))
+                  }, [
+                    n("h4", _e, O(e.title), 1),
+                    b(C.$slots, "header-btn", { close: f(a) }),
+                    V(Q, {
+                      color: "transparent",
+                      size: "md",
+                      onClick: f(a)
+                    }, {
+                      default: w(() => [
+                        V(h)
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])
+                  ], 34),
+                  n("div", {
+                    class: x(["relative overflow-auto h-full md:h-auto max-h-dvh scrollbar overflow-y-auto overscroll-contain", e.size === "full" ? "flex-auto" : "md:max-h-147.5 px-6 pb-6"]),
+                    onClose: u[3] || (u[3] = //@ts-ignore
+                    (...$) => f(a) && f(a)(...$))
+                  }, [
+                    b(C.$slots, "default", { close: f(a) })
+                  ], 34)
+                ], 2)
+              ], 2)
+            ], 32)) : k("", !0)
+          ]),
+          _: 3
+        }, 8, ["onAfterEnter"])
+      ])) : (o(), S(X, {
+        key: 1,
+        size: e.popupSize,
+        onClose: f(a)
+      }, {
+        button: w(() => [
+          b(C.$slots, "header-btn", { close: f(a) })
+        ]),
+        default: w(({ close: $ }) => [
+          n("div", Ge, [
+            n("div", {
+              class: x(["flex items-center mb-4", e.size === "full" ? "absolute top-0 right-4" : ""]),
+              onWheel: u[5] || (u[5] = B(() => {
+              }, ["prevent"])),
+              onTouchmove: u[6] || (u[6] = B(() => {
+              }, ["prevent"]))
+            }, [
+              e.title ? (o(), d("h4", Je, O(e.title), 1)) : k("", !0)
+            ], 34),
+            b(C.$slots, "default", { close: $ })
+          ])
+        ]),
+        _: 3
+      }, 8, ["size", "onClose"]));
+    };
+  }
+});
+export {
+  Xe as V,
+  lt as _,
+  Ye as a,
+  tt as b,
+  Ze as c,
+  et as d,
+  Ae as e,
+  Be as f,
+  $e as g,
+  be as h,
+  Q as i,
+  U as j,
+  N as k,
+  X as l
+};