vuesp-components 2.2.2 → 2.2.3

package/dist/{VDialog.vue_vue_type_script_setup_true_lang-BLLrcXdW.js → VDialog.vue_vue_type_script_setup_true_lang-ddssvQGq.js}

@@ -1,40 +1,40 @@
-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 = {
+import { openBlock as o, createElementBlock as u, createStaticVNode as _, createElementVNode as r, defineComponent as E, computed as z, createBlock as S, resolveDynamicComponent as j, mergeProps as P, withCtx as w, normalizeClass as x, renderSlot as g, createCommentVNode as k, markRaw as F, shallowRef as W, Teleport as R, createVNode as V, Transition as M, unref as d, withModifiers as B, normalizeStyle as I, ref as q, withDirectives as ee, Fragment as H, renderList as K, createTextVNode as A, toDisplayString as O, withKeys as te, createPropsRestProxy as le, normalizeProps as oe, guardReactiveProps as ae } from "vue";
+import { u as G, a as se, b as J, c as Q } from "./useDialog-ALG4kFE7.js";
+const N = (e, t) => {
+  const a = e.__vccOpts || e;
+  for (const [b, m] of t)
+    a[b] = m;
+  return a;
+}, ne = {}, re = {
   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)
+function ie(e, t) {
+  return o(), u("svg", re, [...t[0] || (t[0] = [
+    _('<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 = {
+const Ye = /* @__PURE__ */ N(ne, [["render", ie]]), ce = {}, de = {
   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" })
+function ue(e, t) {
+  return o(), u("svg", de, [...t[0] || (t[0] = [
+    r("g", { transform: "matrix(0.13287749,0,0,0.13643171,26.823508,13.407673)" }, [
+      r("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 = {
+const Ze = /* @__PURE__ */ N(ce, [["render", ue]]), fe = {}, me = {
   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", {
+function he(e, t) {
+  return o(), u("svg", me, [...t[0] || (t[0] = [
+    r("circle", {
       class: "opacity-25",
       cx: "12",
       cy: "12",
@@ -42,14 +42,14 @@ function ge(e, l) {
       stroke: "currentColor",
       "stroke-width": "2"
     }, null, -1),
-    n("path", {
+    r("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({
+const be = /* @__PURE__ */ N(fe, [["render", he]]), ge = "relative flex justify-center items-center transition not-disabled:cursor-pointer not-disabled:hover:opacity-90 disabled:opacity-40 rounded", U = /* @__PURE__ */ E({
   __name: "VButton",
   props: {
     outline: { type: Boolean, default: !1 },
@@ -61,28 +61,28 @@ const be = /* @__PURE__ */ N(me, [["render", ge]]), ye = "relative flex justify-
     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 = {
+  setup(e, { emit: t }) {
+    const a = t, b = (c) => a("click", c), m = e.outline ? "dark:text-white border border-green-600 text-green-600" : "text-white bg-green-600 dark:bg-green-800", l = e.outline ? "dark:text-white border border-red-600 text-red-600" : "text-white bg-red-600 dark:bg-red-800", s = 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", v = (e.outline, ""), i = { green: m, red: l, gray: s, blue: p, transparent: v }, y = {
       button: "px-3",
       icon: "rounded-full border border-gray-200 dark:border-gray-800"
-    }, E = {
+    }, L = {
       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, {
+    }, C = z(() => [ge, n(e.color), $(e.type), h(e.type, e.size)]), f = z(() => e.href || e.to ? "router-link" : "button"), h = (c, T) => {
+      var D;
+      return ((D = L[c]) == null ? void 0 : D[T]) || "";
+    }, $ = (c) => (y == null ? void 0 : y[c]) || "", n = (c) => i == null ? void 0 : i[c];
+    return (c, T) => (o(), S(j(f.value), P(c.$attrs, {
       href: e.href,
       to: e.to,
       class: C.value,
-      onClick: g
+      onClick: b
     }), {
       default: w(() => [
-        n("span", {
+        r("span", {
           class: x(e.loading ? "opacity-0" : "")
         }, [
-          b(i.$slots, "default")
+          g(c.$slots, "default")
         ], 2),
         e.loading ? (o(), S(be, {
           key: 0,
@@ -97,26 +97,26 @@ const be = /* @__PURE__ */ N(me, [["render", ge]]), ye = "relative flex justify-
   width: "1.2em",
   height: "1.2em"
 };
-function pe(e, l) {
-  return o(), d("svg", ve, [...l[0] || (l[0] = [
-    n("path", {
+function ye(e, t) {
+  return o(), u("svg", ve, [...t[0] || (t[0] = [
+    r("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({
+const X = F({ name: "ri-close-line", render: ye }), pe = { class: "flex items-center absolute right-3 top-5 z-10" }, Y = /* @__PURE__ */ E({
   __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"));
+  setup(e, { emit: t }) {
+    const a = t, { show: b, overlay: m, onClose: l, onOpen: s } = G(a), p = W(null), v = W(null), { opacity: i, transform: y } = se(p, v, l), f = { click: (n) => {
+      a("click", n);
+    }, open: s, set: (n) => {
+      n ? s() : l(new Event("hide"));
     } }, h = z(() => ({
       auto: "max-h-[calc(100dvh-50px)]",
       full: "h-[calc(100dvh-24px)] md:h-[calc(100dvh-100px)]",
@@ -126,8 +126,8 @@ const U = F({ name: "ri-close-line", render: pe }), xe = { class: "flex items-ce
       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 (n, c) => {
+      const T = X, D = U;
       return o(), S(R, { to: "body" }, [
         V(M, {
           "enter-active-class": "duration-300 ease-out",
@@ -138,60 +138,60 @@ const U = F({ name: "ri-close-line", render: pe }), xe = { class: "flex items-ce
           "leave-to-class": "transform opacity-0 translate-y-full xl:-translate-y-2"
         }, {
           default: w(() => [
-            f(g) ? (o(), d("div", {
+            d(b) ? (o(), u("div", {
               key: 0,
               ref_key: "container",
-              ref: y,
+              ref: v,
               class: "fixed bottom-0 left-0 w-full z-15"
             }, [
-              f(m) ? (o(), d("div", {
+              d(m) ? (o(), u("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(() => {
+                style: I({ opacity: d(i) }),
+                onClick: c[0] || (c[0] = //@ts-ignore
+                (...Z) => d(l) && d(l)(...Z)),
+                onWheel: c[1] || (c[1] = B(() => {
                 }, ["prevent"])),
-                onTouchmove: i[2] || (i[2] = B(() => {
+                onTouchmove: c[2] || (c[2] = B(() => {
                 }, ["prevent"]))
               }, null, 36)) : k("", !0),
-              n("div", {
+              r("div", {
                 class: x(["bg-white dark:bg-gray-900 w-full shadow-nav relative", h.value[e.size]]),
-                style: I({ transform: f(v) })
+                style: I({ transform: d(y) })
               }, [
-                n("div", {
+                r("div", {
                   ref_key: "target",
                   ref: p,
                   class: "flex justify-center py-3 md:pb-6",
-                  onWheel: i[3] || (i[3] = B(() => {
+                  onWheel: c[3] || (c[3] = B(() => {
                   }, ["prevent"])),
-                  onTouchmove: i[4] || (i[4] = B(() => {
+                  onTouchmove: c[4] || (c[4] = B(() => {
                   }, ["prevent"]))
-                }, [...i[5] || (i[5] = [
-                  n("div", { class: "self-end h-1 w-12 bg-gray-400" }, null, -1)
+                }, [...c[5] || (c[5] = [
+                  r("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, {
+                r("div", pe, [
+                  g(n.$slots, "button", { close: d(l) }),
+                  V(D, {
                     class: "size-5 md:size-6",
                     color: "transparent",
                     size: "none",
                     icon: "",
                     "aria-label": "Close",
-                    onClick: f(t)
+                    onClick: d(l)
                   }, {
                     default: w(() => [
-                      V(D, { class: "size-5" })
+                      V(T, { class: "size-5" })
                     ]),
                     _: 1
                   }, 8, ["onClick"])
                 ]),
-                n("div", {
+                r("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
+                  g(n.$slots, "default", {
+                    close: d(l),
+                    on: f
                   })
                 ], 2)
               ], 6)
@@ -202,7 +202,16 @@ const U = F({ name: "ri-close-line", render: pe }), xe = { class: "flex items-ce
       ]);
     };
   }
-}), ke = { class: "relative" }, we = { class: "flex items-center cursor-pointer" }, $e = /* @__PURE__ */ L({
+}), xe = {
+  mounted(e, t) {
+    e.clickOutsideEvent = function(a) {
+      e === a.target || e.contains(a.target) || t.value(a, e);
+    }, document.addEventListener("click", e.clickOutsideEvent);
+  },
+  unmounted(e) {
+    document.removeEventListener("click", e.clickOutsideEvent), delete e.clickOutsideEvent;
+  }
+}, ke = { class: "relative" }, we = { class: "flex items-center cursor-pointer" }, $e = /* @__PURE__ */ E({
   __name: "VDropdown",
   props: {
     title: { default: "" },
@@ -216,129 +225,126 @@ const U = F({ name: "ri-close-line", render: pe }), xe = { class: "flex items-ce
     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);
+  setup(e, { emit: t }) {
+    const a = t, m = J(Q).greaterOrEqual("lg"), l = q(!1), s = z(() => ({ top: e.top, left: e.left, right: e.right, bottom: e.bottom, "max-height": e.height })), p = (h) => {
+      m.value && l.value && y(h);
     }, v = (h) => {
-      t.value = !1, r("close", h);
-    }, E = (h) => {
-      h ? c(new Event("show")) : v(new Event("hide"));
+      a("click", l.value), !e.disabled && (l.value ? e.hideOnClick && y(h) : i(h));
+    }, i = (h) => {
+      l.value = !0, a("show", h);
+    }, y = (h) => {
+      l.value = !1, a("close", h);
+    }, L = (h) => {
+      h ? i(new Event("show")) : y(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
+      y(new Event("hide"));
+    }, f = { click: v, open: i, set: L };
+    return (h, $) => ee((o(), u("div", ke, [
+      r("div", we, [
+        g(h.$slots, "activator", {
+          on: f,
+          isShow: l.value
+        })
+      ]),
+      d(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(() => [
+          l.value ? (o(), u("div", {
+            key: 0,
+            class: "z-30 min-w-full absolute",
+            style: I(s.value)
+          }, [
+            g(h.$slots, "default", {
+              on: f,
+              show: i,
+              hide: y,
+              isShow: l.value
+            })
+          ], 4)) : k("", !0)
+        ]),
+        _: 3
+      })) : k("", !0),
+      !d(m) && l.value ? (o(), S(Y, {
+        key: 1,
+        title: e.title,
+        onClose: C
+      }, {
+        default: w(({ on: n }) => [
+          g(h.$slots, "default", {
+            on: n,
+            show: i,
+            hide: y,
+            isShow: l.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]
-      ]);
-    };
+        _: 3
+      }, 8, ["title"])) : k("", !0)
+    ])), [
+      [d(xe), p]
+    ]);
   }
-}), Ce = { class: "bg-white dark:bg-gray-900 ring-1 ring-gray-200 dark:ring-gray-800" }, ze = ["onClick"], Be = /* @__PURE__ */ L({
+}), Ce = { class: "bg-white dark:bg-gray-900 ring-1 ring-gray-200 dark:ring-gray-800" }, ze = ["onClick"], Be = /* @__PURE__ */ E({
   __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,
+  setup(e, { emit: t }) {
+    const a = t, b = (m, l) => a("click", m, l);
+    return (m, l) => (o(), u("ul", Ce, [
+      (o(!0), u(H, null, K(e.items, (s) => (o(), u("li", {
+        key: s.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)
+        onClick: (p) => b(s, p)
       }, [
-        b(m.$slots, "default", { item: a }, () => [
-          A(O(a.name), 1)
+        g(m.$slots, "default", { item: s }, () => [
+          A(O(s.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({
+}), 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" }, _e = /* @__PURE__ */ E({
   __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`),
+    const t = 2 * (e.rssi + 100), a = (b) => b < t;
+    return (b, m) => (o(), u("div", Ve, [
+      (o(), u(H, null, K([10, 15, 25, 40, 70], (l, s) => r("div", {
+        key: l,
+        class: x(["w-1 h-5 rounded-lg", [a(l) ? "bg-gray-900 dark:bg-gray-100" : "bg-gray-300 dark:bg-gray-700"]]),
+        style: I(`height: ${(s + 1) * 5}px`),
         title: `rssi: ${e.rssi} channel: ${e.channel}`
       }, null, 14, Se)), 64)),
-      n("div", Oe, O(e.channel), 1)
+      r("div", Oe, O(e.channel), 1)
     ]));
   }
-}), Le = {
+}), Ee = {
   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", {
+function Le(e, t) {
+  return o(), u("svg", Ee, [...t[0] || (t[0] = [
+    r("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 = {
+const Te = F({ name: "ri-arrow-up-s-line", render: Le }), De = { 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({
+}, 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__ */ E({
   __name: "VTextField",
   props: {
     modelValue: { default: null },
@@ -352,53 +358,53 @@ const De = F({ name: "ri-arrow-up-s-line", render: Ee }), Te = { class: "w-full
     hideMessage: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "click", "on-icon", "enter", "blur", "focus"],
-  setup(e, { emit: l }) {
-    const r = l, g = {
+  setup(e, { emit: t }) {
+    const a = t, b = {
       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(() => [
+    }, m = q(!1), l = 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);
+    ]), s = z(() => b[e.component]), p = (n) => n || n === 0, v = z(() => [Me, m.value || p(e.modelValue) || e.active ? "top-0 left-3 text-xs" : "top-1/2"]), i = z(() => e.component === "input"), y = (n) => {
+      m.value = !1, a("blur", n);
+    }, L = (n) => {
+      m.value = !0, a("focus", n);
+    }, C = ({ target: n }) => a("update:modelValue", n.value), f = (n) => a("enter", n), h = (n) => a("click", n), $ = (n) => {
+      e.disabled || a("on-icon", n);
     };
-    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])
+    return (n, c) => (o(), u("div", De, [
+      r("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", l.value])
       }, [
-        n("span", {
-          class: x(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", y.value])
+        r("span", {
+          class: x(["absolute left-4 transition-all rounded -translate-y-1/2 text-gray-600 dark:text-gray-400", v.value])
         }, O(e.label), 3),
-        (o(), S(j(e.component), P(s.$attrs, {
+        (o(), S(j(e.component), P(n.$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,
+          rows: i.value ? null : "2",
+          wrap: i.value ? null : "soft",
+          class: s.value,
+          onFocus: L,
+          onBlur: y,
           onInput: C,
           onClick: h,
-          onKeypress: le(u, ["enter"])
+          onKeypress: te(f, ["enter"])
         }), null, 16, ["value", "disabled", "type", "readonly", "rows", "wrap", "class"])),
-        s.$slots.icon ? (o(), d("button", {
+        n.$slots.icon ? (o(), u("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")
+          g(n.$slots, "icon")
         ], 10, Ie)) : k("", !0)
       ], 2),
-      e.hideMessage ? k("", !0) : (o(), d("div", Pe, [
-        b(s.$slots, "message", {}, () => [
+      e.hideMessage ? k("", !0) : (o(), u("div", Pe, [
+        g(n.$slots, "message", {}, () => [
           A(O(e.message), 1)
         ])
       ]))
@@ -407,7 +413,7 @@ const De = F({ name: "ri-arrow-up-s-line", render: Ee }), Te = { class: "w-full
 }), 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({
+}, je = { class: "h-full h-hull lg:max-h-44 lg:overflow-auto scrollbar lg:overscroll-contain" }, et = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "VSelect",
   props: {
@@ -425,19 +431,19 @@ const De = F({ name: "ri-arrow-up-s-line", render: Ee }), Te = { class: "w-full
     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);
+  setup(e, { emit: t }) {
+    const a = le(e, ["modelValue", "label", "items", "disabled"]), b = t;
+    function m(l, s) {
+      b("change", l), s == null || s.set(!1);
     }
-    return (t, a) => {
-      const p = De;
-      return o(), S($e, P(r, {
+    return (l, s) => {
+      const p = Te;
+      return o(), S($e, P(a, {
         "hide-on-click": !1,
         class: "relative"
       }), {
-        activator: w(({ on: y, isShow: c }) => [
-          b(t.$slots, "activator", ae(se({ on: y, isShow: c })), () => [
+        activator: w(({ on: v, isShow: i }) => [
+          g(l.$slots, "activator", oe(ae({ on: v, isShow: i })), () => [
             V(Ae, {
               "model-value": e.modelValue,
               disabled: e.disabled,
@@ -445,29 +451,29 @@ const De = F({ name: "ri-arrow-up-s-line", render: Ee }), Te = { class: "w-full
               readonly: "",
               hideMessage: "",
               active: "",
-              onClick: y.click,
-              onOnIcon: y.click
+              onClick: v.click,
+              onOnIcon: v.click
             }, {
               icon: w(() => [
                 V(p, {
-                  class: x(["transition duration-300", c ? "rotate-x-180" : ""])
+                  class: x(["transition duration-300", i ? "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, [
+        default: w(({ on: v }) => [
+          r("div", Ne, [
+            e.label ? (o(), u("h4", We, O(e.label), 1)) : k("", !0),
+            r("div", je, [
               V(Be, {
                 items: e.items,
-                onClick: (c) => m(c, y)
+                onClick: (i) => m(i, v)
               }, {
-                default: w(({ item: c }) => [
-                  b(t.$slots, "item", { item: c }, () => [
-                    A(O(c.name), 1)
+                default: w(({ item: i }) => [
+                  g(l.$slots, "item", { item: i }, () => [
+                    A(O(i.name), 1)
                   ])
                 ]),
                 _: 3
@@ -488,33 +494,38 @@ const De = F({ name: "ri-arrow-up-s-line", render: Ee }), Te = { class: "w-full
 }, 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({
+}, He = { class: "text-lg font-semibold text-gray-800 dark:text-white/90 mb-0" }, Ke = ["inert", "aria-disabled"], tt = /* @__PURE__ */ E({
   __name: "CardMain",
   props: {
     title: {},
-    loading: { type: Boolean }
+    loading: { type: Boolean },
+    disabled: { type: Boolean }
   },
   setup(e) {
-    return (l, r) => (o(), d("div", {
+    return (t, a) => (o(), u("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")
+      e.loading ? (o(), u("div", Fe)) : k("", !0),
+      e.loading ? (o(), u("div", Re)) : k("", !0),
+      e.title ? (o(), u("div", qe, [
+        r("h3", He, O(e.title), 1),
+        r("div", null, [
+          g(t.$slots, "header")
         ])
       ])) : k("", !0),
-      n("div", Ke, [
-        b(l.$slots, "default")
-      ])
+      r("div", {
+        class: "max-w-full",
+        inert: e.disabled,
+        "aria-disabled": e.disabled || void 0
+      }, [
+        g(t.$slots, "default")
+      ], 8, Ke)
     ], 2));
   }
-}), _e = { class: "text-title-md uppercase font-bold flex-auto" }, Ge = { class: "px-4 pb-4 md:px-6" }, Je = {
+}), Ge = { class: "text-title-md uppercase font-bold flex-auto" }, Je = { class: "px-4 pb-4 md:px-6" }, Qe = {
   key: 0,
   class: "text-title-md uppercase font-bold"
-}, lt = /* @__PURE__ */ L({
+}, lt = /* @__PURE__ */ E({
   __name: "VDialog",
   props: {
     title: {},
@@ -527,23 +538,23 @@ const De = F({ name: "ri-arrow-up-s-line", render: Ee }), Te = { class: "w-full
     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 = {
+  setup(e, { expose: t, emit: a }) {
+    const b = a, m = J(Q), { show: l, onClose: s, onOpen: p } = G(b, e.timeout), v = {
       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 = {
+    }, i = {
       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, {
+    }, y = z(() => [v[e.size], i[e.color]]), L = m.greaterOrEqual("lg");
+    return t({
+      show: l,
+      onClose: s
+    }), (C, f) => {
+      const h = X;
+      return e.isOnlyDialog || d(L) ? (o(), S(R, {
         key: 0,
         to: "body"
       }, [
@@ -554,39 +565,39 @@ const De = F({ name: "ri-arrow-up-s-line", render: Ee }), Te = { class: "w-full
           "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)
+          onAfterEnter: d(p)
         }, {
           default: w(() => [
-            f(t) ? (o(), d("div", {
+            d(l) ? (o(), u("div", {
               key: 0,
               class: "z-20 fixed top-0 h-dvh w-full left-0 flex flex-col",
-              onWheel: u[4] || (u[4] = B(() => {
+              onWheel: f[4] || (f[4] = B(() => {
               }, ["stop"]))
             }, [
-              n("div", {
+              r("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)(...$))
+                onClick: f[0] || (f[0] = //@ts-ignore
+                (...$) => d(s) && d(s)(...$))
               }),
-              n("div", {
+              r("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])
+                r("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", y.value])
                 }, [
-                  n("div", {
+                  r("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(() => {
+                    onWheel: f[1] || (f[1] = B(() => {
                     }, ["prevent"])),
-                    onTouchmove: u[2] || (u[2] = B(() => {
+                    onTouchmove: f[2] || (f[2] = B(() => {
                     }, ["prevent"]))
                   }, [
-                    n("h4", _e, O(e.title), 1),
-                    b(C.$slots, "header-btn", { close: f(a) }),
-                    V(Q, {
+                    r("h4", Ge, O(e.title), 1),
+                    g(C.$slots, "header-btn", { close: d(s) }),
+                    V(U, {
                       color: "transparent",
                       size: "md",
-                      onClick: f(a)
+                      onClick: d(s)
                     }, {
                       default: w(() => [
                         V(h)
@@ -594,12 +605,12 @@ const De = F({ name: "ri-arrow-up-s-line", render: Ee }), Te = { class: "w-full
                       _: 1
                     }, 8, ["onClick"])
                   ], 34),
-                  n("div", {
+                  r("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)(...$))
+                    onClose: f[3] || (f[3] = //@ts-ignore
+                    (...$) => d(s) && d(s)(...$))
                   }, [
-                    b(C.$slots, "default", { close: f(a) })
+                    g(C.$slots, "default", { close: d(s) })
                   ], 34)
                 ], 2)
               ], 2)
@@ -607,26 +618,26 @@ const De = F({ name: "ri-arrow-up-s-line", render: Ee }), Te = { class: "w-full
           ]),
           _: 3
         }, 8, ["onAfterEnter"])
-      ])) : (o(), S(X, {
+      ])) : (o(), S(Y, {
         key: 1,
         size: e.popupSize,
-        onClose: f(a)
+        onClose: d(s)
       }, {
         button: w(() => [
-          b(C.$slots, "header-btn", { close: f(a) })
+          g(C.$slots, "header-btn", { close: d(s) })
         ]),
         default: w(({ close: $ }) => [
-          n("div", Ge, [
-            n("div", {
+          r("div", Je, [
+            r("div", {
               class: x(["flex items-center mb-4", e.size === "full" ? "absolute top-0 right-4" : ""]),
-              onWheel: u[5] || (u[5] = B(() => {
+              onWheel: f[5] || (f[5] = B(() => {
               }, ["prevent"])),
-              onTouchmove: u[6] || (u[6] = B(() => {
+              onTouchmove: f[6] || (f[6] = B(() => {
               }, ["prevent"]))
             }, [
-              e.title ? (o(), d("h4", Je, O(e.title), 1)) : k("", !0)
+              e.title ? (o(), u("h4", Qe, O(e.title), 1)) : k("", !0)
             ], 34),
-            b(C.$slots, "default", { close: $ })
+            g(C.$slots, "default", { close: $ })
           ])
         ]),
         _: 3
@@ -635,18 +646,19 @@ const De = F({ name: "ri-arrow-up-s-line", render: Ee }), Te = { class: "w-full
   }
 });
 export {
-  Xe as V,
+  Ye as V,
   lt as _,
-  Ye as a,
+  Ze 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,
+  xe as c,
+  _e as d,
+  et as e,
+  Ae as f,
+  Be as g,
+  $e as h,
+  be as i,
   U as j,
-  N as k,
-  X as l
+  X as k,
+  N as l,
+  Y as m
 };