@stlhorizon/vue-ui 3.5.2 → 3.5.3

package/dist/index.esm.js

@@ -188,7 +188,7 @@ try {
 }
 var Wr = ma.navigator || {}, Ia = Wr.userAgent, ja = Ia === void 0 ? "" : Ia, Le = ma, de = hn, Oa = yn, bt = pn;
 Le.document;
-var Fe = !!de.documentElement && !!de.head && typeof de.addEventListener == "function" && typeof de.createElement == "function", xn = ~ja.indexOf("MSIE") || ~ja.indexOf("Trident/"), Et, Yr = /fa(k|kd|s|r|l|t|d|dr|dl|dt|b|slr|slpr|wsb|tl|ns|nds|es|jr|jfr|jdr|cr|ss|sr|sl|st|sds|sdr|sdl|sdt)?[\-\ ]/, Hr = /Font ?Awesome ?([567 ]*)(Solid|Regular|Light|Thin|Duotone|Brands|Free|Pro|Sharp Duotone|Sharp|Kit|Notdog Duo|Notdog|Chisel|Etch|Thumbprint|Jelly Fill|Jelly Duo|Jelly|Slab Press|Slab|Whiteboard)?.*/i, wn = {
+var Fe = !!de.documentElement && !!de.head && typeof de.addEventListener == "function" && typeof de.createElement == "function", xn = ~ja.indexOf("MSIE") || ~ja.indexOf("Trident/"), Et, Hr = /fa(k|kd|s|r|l|t|d|dr|dl|dt|b|slr|slpr|wsb|tl|ns|nds|es|jr|jfr|jdr|cr|ss|sr|sl|st|sds|sdr|sdl|sdt)?[\-\ ]/, Yr = /Font ?Awesome ?([567 ]*)(Solid|Regular|Light|Thin|Duotone|Brands|Free|Pro|Sharp Duotone|Sharp|Kit|Notdog Duo|Notdog|Chisel|Etch|Thumbprint|Jelly Fill|Jelly Duo|Jelly|Slab Press|Slab|Whiteboard)?.*/i, wn = {
   classic: {
     fa: "solid",
     fas: "solid",
@@ -615,8 +615,8 @@ var ps = {
   SWAP_OPACITY: "swap-opacity",
   PRIMARY: "primary",
   SECONDARY: "secondary"
-}, ks = ["fa-classic", "fa-duotone", "fa-sharp", "fa-sharp-duotone", "fa-thumbprint", "fa-whiteboard", "fa-notdog", "fa-notdog-duo", "fa-chisel", "fa-etch", "fa-jelly", "fa-jelly-fill", "fa-jelly-duo", "fa-slab", "fa-slab-press"], $s = "classic", Ss = "duotone", Cs = "sharp", zs = "sharp-duotone", As = "chisel", Bs = "etch", Vs = "jelly", Ps = "jelly-duo", Ts = "jelly-fill", Is = "notdog", js = "notdog-duo", Os = "slab", Fs = "slab-press", Ms = "thumbprint", Ls = "whiteboard", Es = "Classic", Ds = "Duotone", Ns = "Sharp", Rs = "Sharp Duotone", _s = "Chisel", qs = "Etch", Us = "Jelly", Ws = "Jelly Duo", Ys = "Jelly Fill", Hs = "Notdog", Gs = "Notdog Duo", Ks = "Slab", Xs = "Slab Press", Qs = "Thumbprint", Js = "Whiteboard";
-Dt = {}, se(se(se(se(se(se(se(se(se(se(Dt, $s, Es), Ss, Ds), Cs, Ns), zs, Rs), As, _s), Bs, qs), Vs, Us), Ps, Ws), Ts, Ys), Is, Hs), se(se(se(se(se(Dt, js, Gs), Os, Ks), Fs, Xs), Ms, Qs), Ls, Js);
+}, ks = ["fa-classic", "fa-duotone", "fa-sharp", "fa-sharp-duotone", "fa-thumbprint", "fa-whiteboard", "fa-notdog", "fa-notdog-duo", "fa-chisel", "fa-etch", "fa-jelly", "fa-jelly-fill", "fa-jelly-duo", "fa-slab", "fa-slab-press"], $s = "classic", Ss = "duotone", Cs = "sharp", zs = "sharp-duotone", As = "chisel", Bs = "etch", Vs = "jelly", Ps = "jelly-duo", Ts = "jelly-fill", Is = "notdog", js = "notdog-duo", Os = "slab", Fs = "slab-press", Ms = "thumbprint", Ls = "whiteboard", Es = "Classic", Ds = "Duotone", Ns = "Sharp", Rs = "Sharp Duotone", _s = "Chisel", qs = "Etch", Us = "Jelly", Ws = "Jelly Duo", Hs = "Jelly Fill", Ys = "Notdog", Gs = "Notdog Duo", Ks = "Slab", Xs = "Slab Press", Qs = "Thumbprint", Js = "Whiteboard";
+Dt = {}, se(se(se(se(se(se(se(se(se(se(Dt, $s, Es), Ss, Ds), Cs, Ns), zs, Rs), As, _s), Bs, qs), Vs, Us), Ps, Ws), Ts, Hs), Is, Ys), se(se(se(se(se(Dt, js, Gs), Os, Ks), Fs, Xs), Ms, Qs), Ls, Js);
 var Zs = "kit", el = "kit-duotone", tl = "Kit", al = "Kit Duotone";
 se(se({}, Zs, tl), el, al);
 var nl = {
@@ -694,7 +694,7 @@ var nl = {
   "jelly-fill": ["fajfr"],
   "jelly-duo": ["fajdr"],
   chisel: ["facr"]
-}, Yt = {
+}, Ht = {
   classic: {
     fab: "fa-brands",
     fad: "fa-duotone",
@@ -775,7 +775,7 @@ var nl = {
   "Font Awesome 5 Duotone": {
     900: "fad"
   }
-}, je = "___FONT_AWESOME___", Ht = 16, Nn = "fa", Rn = "svg-inline--fa", We = "data-fa-i2svg", Gt = "data-fa-pseudo-element", cl = "data-fa-pseudo-element-pending", ga = "data-prefix", va = "data-icon", La = "fontawesome-i2svg", fl = "async", ml = ["HTML", "HEAD", "STYLE", "SCRIPT"], _n = ["::before", "::after", ":before", ":after"], qn = (function() {
+}, je = "___FONT_AWESOME___", Yt = 16, Nn = "fa", Rn = "svg-inline--fa", We = "data-fa-i2svg", Gt = "data-fa-pseudo-element", cl = "data-fa-pseudo-element-pending", ga = "data-prefix", va = "data-icon", La = "fontawesome-i2svg", fl = "async", ml = ["HTML", "HEAD", "STYLE", "SCRIPT"], _n = ["::before", "::after", ":before", ":after"], qn = (function() {
   try {
     return process.env.NODE_ENV === "production";
   } catch {
@@ -797,12 +797,12 @@ var gl = mt(Un), Kt = L({}, ms);
 Kt[be] = L(L(L(L({}, {
   duotone: "fad"
 }), Kt[be]), Ma.kit), Ma["kit-duotone"]);
-var Ea = mt(Kt), Xt = L({}, Yt);
+var Ea = mt(Kt), Xt = L({}, Ht);
 Xt[be] = L(L({}, Xt[be]), ws.kit);
 var ba = mt(Xt), Qt = L({}, nl);
 Qt[be] = L(L({}, Qt[be]), ps.kit);
 mt(Qt);
-var vl = Yr, Wn = "fa-layers-text", bl = Hr, hl = L({}, ds);
+var vl = Hr, Wn = "fa-layers-text", bl = Yr, hl = L({}, ds);
 mt(hl);
 var yl = ["class", "data-prefix", "data-icon", "data-fa-transform", "data-fa-mask"], Nt = Gr, pl = [].concat(Ae(gs), Ae(ul)), rt = Le.FontAwesomeConfig || {};
 function xl(e) {
@@ -820,7 +820,7 @@ if (de && typeof de.querySelector == "function") {
     r != null && (rt[n] = r);
   });
 }
-var Yn = {
+var Hn = {
   styleDefault: "solid",
   familyDefault: be,
   cssPrefix: Nn,
@@ -837,10 +837,10 @@ var Yn = {
   showMissingIcons: !0
 };
 rt.familyPrefix && (rt.cssPrefix = rt.familyPrefix);
-var Qe = L(L({}, Yn), rt);
+var Qe = L(L({}, Hn), rt);
 Qe.autoReplaceSvg || (Qe.observeMutations = !1);
 var te = {};
-Object.keys(Yn).forEach(function(e) {
+Object.keys(Hn).forEach(function(e) {
   Object.defineProperty(te, e, {
     enumerable: !0,
     set: function(t) {
@@ -871,7 +871,7 @@ function $l(e) {
     st.splice(st.indexOf(e), 1);
   };
 }
-var He = Ht, Pe = {
+var Ye = Yt, Pe = {
   size: 16,
   x: 0,
   y: 0,
@@ -906,12 +906,12 @@ function ha(e) {
     return a;
   });
 }
-function Hn(e) {
+function Yn(e) {
   return "".concat(e).replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/'/g, "&#39;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
 function zl(e) {
   return Object.keys(e || {}).reduce(function(a, t) {
-    return a + "".concat(t, '="').concat(Hn(e[t]), '" ');
+    return a + "".concat(t, '="').concat(Yn(e[t]), '" ');
   }, "").trim();
 }
 function Vt(e) {
@@ -937,8 +937,8 @@ function Al(e) {
   };
 }
 function Bl(e) {
-  var a = e.transform, t = e.width, n = t === void 0 ? Ht : t, r = e.height, l = r === void 0 ? Ht : r, o = "";
-  return xn ? o += "translate(".concat(a.x / He - n / 2, "em, ").concat(a.y / He - l / 2, "em) ") : o += "translate(calc(-50% + ".concat(a.x / He, "em), calc(-50% + ").concat(a.y / He, "em)) "), o += "scale(".concat(a.size / He * (a.flipX ? -1 : 1), ", ").concat(a.size / He * (a.flipY ? -1 : 1), ") "), o += "rotate(".concat(a.rotate, "deg) "), o;
+  var a = e.transform, t = e.width, n = t === void 0 ? Yt : t, r = e.height, l = r === void 0 ? Yt : r, o = "";
+  return xn ? o += "translate(".concat(a.x / Ye - n / 2, "em, ").concat(a.y / Ye - l / 2, "em) ") : o += "translate(calc(-50% + ".concat(a.x / Ye, "em), calc(-50% + ").concat(a.y / Ye, "em)) "), o += "scale(".concat(a.size / Ye * (a.flipX ? -1 : 1), ", ").concat(a.size / Ye * (a.flipY ? -1 : 1), ") "), o += "rotate(".concat(a.rotate, "deg) "), o;
 }
 var Vl = `:root, :host {
   --fa-font-solid: normal 900 1em/1 "Font Awesome 7 Free";
@@ -1535,7 +1535,7 @@ function Tl(e) {
 }
 function gt(e) {
   var a = e.tag, t = e.attributes, n = t === void 0 ? {} : t, r = e.children, l = r === void 0 ? [] : r;
-  return typeof e == "string" ? Hn(e) : "<".concat(a, " ").concat(zl(n), ">").concat(l.map(gt).join(""), "</").concat(a, ">");
+  return typeof e == "string" ? Yn(e) : "<".concat(a, " ").concat(zl(n), ">").concat(l.map(gt).join(""), "</").concat(a, ">");
 }
 function Ra(e, a, t) {
   if (e && e[a] && e[a][t])
@@ -1733,10 +1733,10 @@ function Nl(e, a, t) {
 }
 var Rl = Mn.filter(function(e) {
   return e !== be || e !== ft;
-}), _l = Object.keys(Yt).filter(function(e) {
+}), _l = Object.keys(Ht).filter(function(e) {
   return e !== be;
 }).map(function(e) {
-  return Object.keys(Yt[e]);
+  return Object.keys(Ht[e]);
 }).flat();
 function ql(e) {
   var a = e.values, t = e.family, n = e.canonical, r = e.givenPrefix, l = r === void 0 ? "" : r, o = e.styles, c = o === void 0 ? {} : o, g = e.config, y = g === void 0 ? {} : g, x = t === ft, k = a.includes("fa-duotone") || a.includes("fad"), B = y.familyDefault === "duotone", $ = n.prefix === "fad" || n.prefix === "fa-duotone";
@@ -1787,7 +1787,7 @@ var Ul = /* @__PURE__ */ (function() {
     }
   }]);
 })(), Wa = [], Ge = {}, Ke = {}, Wl = Object.keys(Ke);
-function Yl(e, a) {
+function Hl(e, a) {
   var t = a.mixoutsTo;
   return Wa = e, Ge = {}, Object.keys(Ke).forEach(function(n) {
     Wl.indexOf(n) === -1 && delete Ke[n];
@@ -1814,7 +1814,7 @@ function Zt(e, a) {
     a = o.apply(null, [a].concat(n));
   }), a;
 }
-function Ye(e) {
+function He(e) {
   for (var a = arguments.length, t = new Array(a > 1 ? a - 1 : 0), n = 1; n < a; n++)
     t[n - 1] = arguments[n];
   var r = Ge[e] || [];
@@ -1832,19 +1832,19 @@ function ea(e) {
   if (a)
     return a = qe(t, a) || a, Ra(or.definitions, t, a) || Ra(Ce.styles, t, a);
 }
-var or = new Ul(), Hl = function() {
-  te.autoReplaceSvg = !1, te.observeMutations = !1, Ye("noAuto");
+var or = new Ul(), Yl = function() {
+  te.autoReplaceSvg = !1, te.observeMutations = !1, He("noAuto");
 }, Gl = {
   i2svg: function() {
     var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    return Fe ? (Ye("beforeI2svg", a), De("pseudoElements2svg", a), De("i2svg", a)) : Promise.reject(new Error("Operation requires a DOM of some kind."));
+    return Fe ? (He("beforeI2svg", a), De("pseudoElements2svg", a), De("i2svg", a)) : Promise.reject(new Error("Operation requires a DOM of some kind."));
   },
   watch: function() {
     var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = a.autoReplaceSvgRoot;
     te.autoReplaceSvg === !1 && (te.autoReplaceSvg = !0), te.observeMutations = !0, Tl(function() {
       Xl({
         autoReplaceSvgRoot: t
-      }), Ye("watch", a);
+      }), He("watch", a);
     });
   }
 }, Kl = {
@@ -1881,7 +1881,7 @@ var or = new Ul(), Hl = function() {
     }
   }
 }, ke = {
-  noAuto: Hl,
+  noAuto: Yl,
   config: te,
   dom: Gl,
   parse: Kl,
@@ -1985,7 +1985,7 @@ function wa(e) {
   }, C = d.children, F = d.attributes;
   return m.children = C, m.attributes = F, c ? Jl(m) : Ql(m);
 }
-function Ya(e) {
+function Ha(e) {
   var a = e.content, t = e.width, n = e.height, r = e.transform, l = e.extra, o = e.watchable, c = o === void 0 ? !1 : o, g = L(L({}, l.attributes), {}, {
     class: l.classes.join(" ")
   });
@@ -2077,10 +2077,10 @@ function aa(e, a) {
     }));
   });
 }
-var Ha = function() {
+var Ya = function() {
 }, na = te.measurePerformance && bt && bt.mark && bt.measure ? bt : {
-  mark: Ha,
-  measure: Ha
+  mark: Ya,
+  measure: Ya
 }, nt = 'FA "7.0.1"', no = function(a) {
   return na.mark("".concat(nt, " ").concat(a, " begins")), function() {
     return ir(a);
@@ -2346,7 +2346,7 @@ var xo = function(a) {
     return It(L({
       type: "icon"
     }, a), function() {
-      return Ye("beforeDOMElementCreation", {
+      return He("beforeDOMElementCreation", {
         iconDefinition: a,
         params: t
       }), wa({
@@ -2438,7 +2438,7 @@ var xo = function(a) {
         return It({
           type: "layer"
         }, function() {
-          Ye("beforeDOMElementCreation", {
+          He("beforeDOMElementCreation", {
             assembler: t,
             params: n
           });
@@ -2469,7 +2469,7 @@ var xo = function(a) {
           type: "counter",
           content: t
         }, function() {
-          return Ye("beforeDOMElementCreation", {
+          return He("beforeDOMElementCreation", {
             content: t,
             params: n
           }), eo({
@@ -2493,10 +2493,10 @@ var xo = function(a) {
           type: "text",
           content: t
         }, function() {
-          return Ye("beforeDOMElementCreation", {
+          return He("beforeDOMElementCreation", {
             content: t,
             params: n
-          }), Ya({
+          }), Ha({
             content: t,
             transform: L(L({}, Pe), l),
             extra: {
@@ -2516,7 +2516,7 @@ var xo = function(a) {
         var g = parseInt(getComputedStyle(t).fontSize, 10), y = t.getBoundingClientRect();
         o = y.width / g, c = y.height / g;
       }
-      return Promise.resolve([t, Ya({
+      return Promise.resolve([t, Ha({
         content: t.innerHTML,
         width: o,
         height: c,
@@ -2554,8 +2554,8 @@ function tn(e, a) {
   return new Promise(function(n, r) {
     if (e.getAttribute(t) !== null)
       return n();
-    var l = Je(e.children), o = l.filter(function(H) {
-      return H.getAttribute(Gt) === a;
+    var l = Je(e.children), o = l.filter(function(Y) {
+      return Y.getAttribute(Gt) === a;
     })[0], c = Le.getComputedStyle(e, a), g = c.getPropertyValue("font-family"), y = g.match(bl), x = c.getPropertyValue("font-weight"), k = c.getPropertyValue("content");
     if (o && !y)
       return e.removeChild(o), n();
@@ -2568,10 +2568,10 @@ function tn(e, a) {
       if (m && !f && (!o || o.getAttribute(ga) !== $ || o.getAttribute(va) !== d)) {
         e.setAttribute(t, d), o && e.removeChild(o);
         var F = vo(), I = F.extra;
-        I.attributes[Gt] = a, aa(m, $).then(function(H) {
+        I.attributes[Gt] = a, aa(m, $).then(function(Y) {
           var G = wa(L(L({}, F), {}, {
             icons: {
-              main: H,
+              main: Y,
               mask: lr()
             },
             prefix: $,
@@ -2978,7 +2978,7 @@ var Lo = {
     };
   }
 }, No = [Pl, wo, ko, $o, So, jo, Oo, Fo, Lo, Eo, Do];
-Yl(No, {
+Hl(No, {
   mixoutsTo: ke
 });
 ke.noAuto;
@@ -3036,16 +3036,16 @@ function Se(e) {
   }
   return e;
 }
-function Yo(e, a) {
+function Ho(e, a) {
   if (e == null) return {};
-  var t, n, r = Ho(e, a);
+  var t, n, r = Yo(e, a);
   if (Object.getOwnPropertySymbols) {
     var l = Object.getOwnPropertySymbols(e);
     for (n = 0; n < l.length; n++) t = l[n], a.indexOf(t) === -1 && {}.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
   }
   return r;
 }
-function Ho(e, a) {
+function Yo(e, a) {
   if (e == null) return {};
   var t = {};
   for (var n in e) if ({}.hasOwnProperty.call(e, n)) {
@@ -3114,9 +3114,9 @@ var Jo = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
     var t = function(m, d, C) {
       if (!y(d) || k(d) || B(d) || $(d) || g(d))
         return d;
-      var F, I = 0, H = 0;
+      var F, I = 0, Y = 0;
       if (x(d))
-        for (F = [], H = d.length; I < H; I++)
+        for (F = [], Y = d.length; I < Y; I++)
           F.push(t(m, d[I], C));
       else {
         F = {};
@@ -3218,7 +3218,7 @@ function Sa(e) {
     style: {}
   });
   t.class;
-  var l = t.style, o = l === void 0 ? {} : l, c = Yo(t, ei);
+  var l = t.style, o = l === void 0 ? {} : l, c = Ho(t, ei);
   return cn(e.tag, Se(Se(Se({}, a), {}, {
     class: r.class,
     style: Se(Se({}, r.style), o)
@@ -4995,7 +4995,7 @@ const J = {
 }, Ui = ["id", "name", "value", "disabled", "required"], Wi = {
   key: 1,
   class: "relative"
-}, Yi = ["id", "disabled"], Hi = {
+}, Hi = ["id", "disabled"], Yi = {
   key: 0,
   class: "text-gray-500"
 }, Gi = {
@@ -5116,7 +5116,7 @@ const J = {
         onClick: k,
         onKeydown: S
       }, [
-        g.value ? (s(), u("div", Gi, p(g.value.label), 1)) : (s(), u("div", Hi, p(e.placeholder || "Select an option"), 1)),
+        g.value ? (s(), u("div", Gi, p(g.value.label), 1)) : (s(), u("div", Yi, p(e.placeholder || "Select an option"), 1)),
         m[3] || (m[3] = i("svg", {
           class: "absolute right-2 top-2.5 h-5 w-5 text-gray-400",
           fill: "currentColor",
@@ -5128,7 +5128,7 @@ const J = {
             "clip-rule": "evenodd"
           })
         ], -1))
-      ], 42, Yi),
+      ], 42, Hi),
       r.value ? (s(), u("div", Ki, [
         i("div", Xi, [
           Ue(i("input", {
@@ -6359,7 +6359,7 @@ const J = {
       O(a.$slots, "default")
     ], 2));
   }
-}), Du = { class: "relative w-full" }, Nu = { class: "relative" }, Ru = ["id", "value", "disabled", "placeholder", "required", "aria-describedby"], _u = { class: "flex items-center justify-between mb-4" }, qu = { class: "text-base font-semibold text-slate-900" }, Uu = { class: "grid grid-cols-7 gap-1 mb-2" }, Wu = { class: "grid grid-cols-7 gap-1" }, Yu = ["disabled", "onClick"], Hu = {
+}), Du = { class: "relative w-full" }, Nu = { class: "relative" }, Ru = ["id", "value", "disabled", "placeholder", "required", "aria-describedby"], _u = { class: "flex items-center justify-between mb-4" }, qu = { class: "text-base font-semibold text-slate-900" }, Uu = { class: "grid grid-cols-7 gap-1 mb-2" }, Wu = { class: "grid grid-cols-7 gap-1" }, Hu = ["disabled", "onClick"], Yu = {
   key: 0,
   class: "mt-4 pt-3 border-t border-slate-200"
 }, Aa = {
@@ -6401,23 +6401,23 @@ const J = {
       })
     ), k = b(() => new Date(c.value, o.value + 1, 0).getDate()), B = b(() => new Date(c.value, o.value, 1).getDay()), $ = b(() => {
       const A = new Date(c.value, o.value, 0).getDate(), M = B.value;
-      return Array.from({ length: M }, (Y, oe) => A - M + oe + 1);
+      return Array.from({ length: M }, (H, oe) => A - M + oe + 1);
     }), S = b(() => {
       const A = $.value.length + k.value, M = A % 7 === 0 ? 0 : 7 - A % 7;
-      return Array.from({ length: M }, (Y, oe) => oe + 1);
+      return Array.from({ length: M }, (H, oe) => oe + 1);
     }), w = b(() => g.value ? f(g.value) : "");
     function f(A) {
       if (!A) return "";
-      const M = new Date(A), Y = String(M.getMonth() + 1).padStart(2, "0"), oe = String(M.getDate()).padStart(2, "0"), re = M.getFullYear();
-      return t.format.replace("MM", Y).replace("DD", oe).replace("YYYY", re);
+      const M = new Date(A), H = String(M.getMonth() + 1).padStart(2, "0"), oe = String(M.getDate()).padStart(2, "0"), re = M.getFullYear();
+      return t.format.replace("MM", H).replace("DD", oe).replace("YYYY", re);
     }
     function m(A) {
       if (!A) return null;
       if (A instanceof Date) return A;
       if (typeof A == "string") {
-        const Y = A.split("-");
-        if (Y.length === 3) {
-          const oe = parseInt(Y[0], 10), re = parseInt(Y[1], 10) - 1, $e = parseInt(Y[2], 10);
+        const H = A.split("-");
+        if (H.length === 3) {
+          const oe = parseInt(H[0], 10), re = parseInt(H[1], 10) - 1, $e = parseInt(H[2], 10);
           return new Date(oe, re, $e);
         }
       }
@@ -6435,19 +6435,19 @@ const J = {
     function F(A) {
       const M = new Date(c.value, o.value, A);
       if (t.min) {
-        const Y = m(t.min);
-        if (Y && M < Y) return !0;
+        const H = m(t.min);
+        if (H && M < H) return !0;
       }
       if (t.max) {
-        const Y = m(t.max);
-        if (Y && M > Y) return !0;
+        const H = m(t.max);
+        if (H && M > H) return !0;
       }
       return !1;
     }
     function I() {
       t.disabled || (r.value = !r.value);
     }
-    function H() {
+    function Y() {
       r.value = !1;
     }
     function G() {
@@ -6460,7 +6460,7 @@ const J = {
       if (F(A)) return;
       const M = new Date(c.value, o.value, A);
       g.value = M;
-      const Y = M.getFullYear(), oe = String(M.getMonth() + 1).padStart(2, "0"), re = String(M.getDate()).padStart(2, "0"), $e = `${Y}-${oe}-${re}`;
+      const H = M.getFullYear(), oe = String(M.getMonth() + 1).padStart(2, "0"), re = String(M.getDate()).padStart(2, "0"), $e = `${H}-${oe}-${re}`;
       n("update:modelValue", $e), setTimeout(() => {
         r.value = !1;
       }, 150);
@@ -6479,7 +6479,7 @@ const J = {
         g.value = null;
     }, { immediate: !0 });
     function Q(A) {
-      A.key === "Escape" && r.value && H();
+      A.key === "Escape" && r.value && Y();
     }
     return Te(() => {
       document.addEventListener("keydown", Q);
@@ -6595,34 +6595,34 @@ const J = {
               ])])
             ]),
             i("div", Uu, [
-              (s(), u(K, null, X(y, (Y) => i("div", {
-                key: Y,
+              (s(), u(K, null, X(y, (H) => i("div", {
+                key: H,
                 class: "text-center text-xs font-medium text-slate-600 py-1"
-              }, p(Y), 1)), 64))
+              }, p(H), 1)), 64))
             ]),
             i("div", Wu, [
-              (s(!0), u(K, null, X($.value, (Y, oe) => (s(), u("div", {
+              (s(!0), u(K, null, X($.value, (H, oe) => (s(), u("div", {
                 key: "prev-" + oe,
                 class: "text-center text-sm text-slate-300 py-2"
-              }, p(Y), 1))), 128)),
-              (s(!0), u(K, null, X(k.value, (Y) => (s(), u("button", {
-                key: Y,
+              }, p(H), 1))), 128)),
+              (s(!0), u(K, null, X(k.value, (H) => (s(), u("button", {
+                key: H,
                 type: "button",
-                disabled: F(Y),
+                disabled: F(H),
                 class: v([
                   "w-9 h-9 rounded-lg text-sm font-medium transition-colors",
-                  d(Y) && !C(Y) ? "bg-blue-50 text-blue-600 border border-blue-200" : "",
-                  C(Y) ? "bg-blue-500 text-white hover:bg-blue-600" : "text-slate-700 hover:bg-slate-100",
-                  F(Y) ? "text-slate-300 cursor-not-allowed hover:bg-transparent" : "cursor-pointer"
+                  d(H) && !C(H) ? "bg-blue-50 text-blue-600 border border-blue-200" : "",
+                  C(H) ? "bg-blue-500 text-white hover:bg-blue-600" : "text-slate-700 hover:bg-slate-100",
+                  F(H) ? "text-slate-300 cursor-not-allowed hover:bg-transparent" : "cursor-pointer"
                 ]),
-                onClick: (oe) => ne(Y)
-              }, p(Y), 11, Yu))), 128)),
-              (s(!0), u(K, null, X(S.value, (Y, oe) => (s(), u("div", {
+                onClick: (oe) => ne(H)
+              }, p(H), 11, Hu))), 128)),
+              (s(!0), u(K, null, X(S.value, (H, oe) => (s(), u("div", {
                 key: "next-" + oe,
                 class: "text-center text-sm text-slate-300 py-2"
-              }, p(Y), 1))), 128))
+              }, p(H), 1))), 128))
             ]),
-            e.showToday ? (s(), u("div", Hu, [
+            e.showToday ? (s(), u("div", Yu, [
               i("button", {
                 type: "button",
                 class: "w-full px-3 py-2 text-sm font-medium text-blue-600 hover:bg-blue-50 rounded-lg transition-colors",
@@ -6636,7 +6636,7 @@ const J = {
       r.value ? (s(), u("div", {
         key: 0,
         class: "fixed inset-0 z-[9998]",
-        onClick: H
+        onClick: Y
       })) : h("", !0)
     ]));
   }
@@ -6898,7 +6898,7 @@ const J = {
           ]),
           i("button", {
             class: "text-muted-foreground hover:text-foreground",
-            onClick: (H) => f(I)
+            onClick: (Y) => f(I)
           }, [
             V(J, {
               icon: "x",
@@ -7283,7 +7283,12 @@ const J = {
     size: {
       type: String,
       default: "4xl",
-      validator: (e) => ["sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "full"].includes(e)
+      validator: (e) => ["sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "8xl", "full"].includes(e)
+    },
+    height: {
+      type: String,
+      default: "auto",
+      validator: (e) => ["auto", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "8xl", "full"].includes(e)
     },
     resizable: {
       type: Boolean,
@@ -7297,21 +7302,38 @@ const J = {
       {
         variants: {
           size: {
-            sm: "max-w-sm max-h-[50vh]",
-            md: "max-w-md max-h-[70vh]",
-            lg: "max-w-lg max-h-[80vh]",
-            xl: "max-w-xl max-h-[90vh]",
-            "2xl": "max-w-2xl max-h-[90vh]",
-            "3xl": "max-w-3xl max-h-[90vh]",
-            "4xl": "max-w-4xl max-h-[100vh]",
-            "5xl": "max-w-5xl max-h-[100vh]",
-            "6xl": "max-w-6xl max-h-[100vh]",
-            "7xl": "max-w-7xl max-h-[100vh]",
-            full: "max-w-full max-h-[100vh]"
+            sm: "max-w-sm",
+            md: "max-w-md",
+            lg: "max-w-lg",
+            xl: "max-w-xl",
+            "2xl": "max-w-2xl",
+            "3xl": "max-w-3xl",
+            "4xl": "max-w-4xl",
+            "5xl": "max-w-5xl",
+            "6xl": "max-w-6xl",
+            "7xl": "max-w-7xl",
+            "8xl": "max-w-8xl",
+            full: "max-w-full"
+          },
+          height: {
+            auto: "",
+            sm: "max-h-[50vh]",
+            md: "max-h-[70vh]",
+            lg: "max-h-[80vh]",
+            xl: "max-h-[90vh]",
+            "2xl": "max-h-[90vh]",
+            "3xl": "max-h-[90vh]",
+            "4xl": "max-h-[100vh]",
+            "5xl": "max-h-[100vh]",
+            "6xl": "max-h-[100vh]",
+            "7xl": "max-h-[100vh]",
+            "8xl": "max-h-[100vh]",
+            full: "max-h-[100vh]"
           }
         },
         defaultVariants: {
-          size: "4xl"
+          size: "4xl",
+          height: "auto"
         }
       }
     ), n = e, r = a, l = () => {
@@ -7342,7 +7364,7 @@ const J = {
             onClick: o
           }, [
             i("div", {
-              class: v(N(z)(N(t)({ size: e.size }), e.resizable ? "resize" : "")),
+              class: v(N(z)(N(t)({ size: e.size, height: e.height }), e.resizable ? "resize" : "")),
               style: me(e.resizable ? "min-width: 400px; min-height: 200px;" : "")
             }, [
               e.showClose ? (s(), u("button", {
@@ -7630,10 +7652,10 @@ const Dd = {
 }, Wd = {
   key: 1,
   class: "text-md opacity-90"
-}, Yd = {
+}, Hd = {
   key: 2,
   class: "text-md opacity-90"
-}, Hd = ["onClick"], Gd = ["onClick"], Kd = {
+}, Yd = ["onClick"], Gd = ["onClick"], Kd = {
   __name: "Toast",
   props: {
     position: {
@@ -7745,7 +7767,7 @@ const Dd = {
               i("div", qd, [
                 f.title ? (s(), u("div", Ud, p(f.title), 1)) : h("", !0),
                 f.message ? (s(), u("div", Wd, p(f.message), 1)) : h("", !0),
-                f.description ? (s(), u("div", Yd, p(f.description), 1)) : h("", !0),
+                f.description ? (s(), u("div", Hd, p(f.description), 1)) : h("", !0),
                 f.component ? (s(), _(ye(f.component), Xe({
                   key: 3,
                   ref_for: !0
@@ -7755,7 +7777,7 @@ const Dd = {
                 key: 1,
                 class: "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-xs font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
                 onClick: f.action.onClick
-              }, p(f.action.label), 9, Hd)) : h("", !0),
+              }, p(f.action.label), 9, Yd)) : h("", !0),
               $(f) ? (s(), u("button", {
                 key: 2,
                 class: "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100",
@@ -7893,7 +7915,7 @@ const Dd = {
         }
       },
       defaultVariants: { size: "md" }
-    }), I = b(() => z(C({ size: l.size }))), H = b(() => z(F({ size: l.size }))), G = b(
+    }), I = b(() => z(C({ size: l.size }))), Y = b(() => z(F({ size: l.size }))), G = b(
       () => z("absolute z-50 w-full mt-1 bg-white rounded-lg shadow-lg border border-slate-200 max-h-96 overflow-hidden")
     ), le = (j) => z(
       "flex items-center w-full px-4 py-3 text-left transition-colors duration-150 hover:bg-slate-50 focus:bg-slate-50 focus:outline-none",
@@ -7911,7 +7933,7 @@ const Dd = {
       i("div", Xd, [
         i("div", Qd, [
           V(t, {
-            class: v(H.value)
+            class: v(Y.value)
           }, null, 8, ["class"])
         ]),
         i("input", {
@@ -8267,7 +8289,7 @@ const Dd = {
           class: v(w(I)),
           "aria-expanded": c(I),
           "aria-controls": `panel-${F.id || I}`,
-          onClick: (H) => o(I)
+          onClick: (Y) => o(I)
         }, [
           i("div", Pc, [
             O(d.$slots, `header-${I}`, {
@@ -8452,15 +8474,15 @@ const Dd = {
       })
     ), k = b(() => new Date(c.value, o.value + 1, 0).getDate()), B = b(() => new Date(c.value, o.value, 1).getDay()), $ = b(() => {
       const Q = new Date(c.value, o.value, 0).getDate(), A = B.value;
-      return Array.from({ length: A }, (M, Y) => Q - A + Y + 1);
+      return Array.from({ length: A }, (M, H) => Q - A + H + 1);
     }), S = b(() => {
       const Q = $.value.length + k.value, A = Q % 7 === 0 ? 0 : 7 - Q % 7;
-      return Array.from({ length: A }, (M, Y) => Y + 1);
+      return Array.from({ length: A }, (M, H) => H + 1);
     }), w = b(() => g.value ? f(g.value) : "");
     function f(Q) {
       if (!Q) return "";
-      const A = new Date(Q), M = String(A.getMonth() + 1).padStart(2, "0"), Y = String(A.getDate()).padStart(2, "0"), oe = A.getFullYear();
-      return t.format.replace("MM", M).replace("DD", Y).replace("YYYY", oe);
+      const A = new Date(Q), M = String(A.getMonth() + 1).padStart(2, "0"), H = String(A.getDate()).padStart(2, "0"), oe = A.getFullYear();
+      return t.format.replace("MM", M).replace("DD", H).replace("YYYY", oe);
     }
     function m(Q) {
       if (!Q) return null;
@@ -8491,7 +8513,7 @@ const Dd = {
     function I() {
       r.value = !1;
     }
-    function H() {
+    function Y() {
       o.value === 0 ? (o.value = 11, c.value--) : o.value--;
     }
     function G() {
@@ -8593,7 +8615,7 @@ const Dd = {
                 type: "button",
                 class: "p-1 hover:bg-gray-100 rounded",
                 "aria-label": "Previous Month",
-                onClick: H
+                onClick: Y
               }, [...A[3] || (A[3] = [
                 i("svg", {
                   class: "w-4 h-4",
@@ -8638,8 +8660,8 @@ const Dd = {
               }, p(M), 1)), 64))
             ]),
             i("div", _c, [
-              (s(!0), u(K, null, X($.value, (M, Y) => (s(), u("div", {
-                key: "prev-" + Y,
+              (s(!0), u(K, null, X($.value, (M, H) => (s(), u("div", {
+                key: "prev-" + H,
                 class: "text-center text-sm text-slate-300 py-2"
               }, p(M), 1))), 128)),
               (s(!0), u(K, null, X(k.value, (M) => (s(), u("button", {
@@ -8651,10 +8673,10 @@ const Dd = {
                   d(M) ? "bg-blue-500 text-white" : "hover:bg-gray-100",
                   C(M) ? "text-gray-300 cursor-not-allowed" : ""
                 ]),
-                onClick: (Y) => le(M)
+                onClick: (H) => le(M)
               }, p(M), 11, qc))), 128)),
-              (s(!0), u(K, null, X(S.value, (M, Y) => (s(), u("div", {
-                key: "next-" + Y,
+              (s(!0), u(K, null, X(S.value, (M, H) => (s(), u("div", {
+                key: "next-" + H,
                 class: "text-center text-sm text-slate-300 py-2"
               }, p(M), 1))), 128))
             ]),
@@ -8676,7 +8698,7 @@ const Dd = {
       })) : h("", !0)
     ]));
   }
-}, Yc = { class: "flex items-start justify-between" }, Hc = { class: "flex-1 min-w-0" }, Gc = {
+}, Hc = { class: "flex items-start justify-between" }, Yc = { class: "flex-1 min-w-0" }, Gc = {
   key: 0,
   class: "flex-shrink-0 ml-4"
 }, Kc = "text-lg font-semibold text-slate-900 truncate", Xc = "text-sm text-slate-600 mt-1", Qc = {
@@ -8790,8 +8812,8 @@ const Dd = {
         class: v(N(z)(N(t)({ padding: e.padding })))
       }, [
         O(c.$slots, "header", {}, () => [
-          i("div", Yc, [
-            i("div", Hc, [
+          i("div", Hc, [
+            i("div", Yc, [
               e.title ? (s(), u("h3", {
                 key: 0,
                 class: v(Kc)
@@ -9360,7 +9382,7 @@ const Dd = {
       () => "text-blue-600 hover:text-blue-800 ml-1 hover:bg-blue-100 rounded-full p-0.5 transition-all"
     ), I = (ne) => {
       o.value = ne.target.value, n("update:chartType", ne.target.value);
-    }, H = (ne) => {
+    }, Y = (ne) => {
       c.value = ne.target.value, n("update:dataSource", ne.target.value);
     }, G = () => {
       r.value = "", l.value = "", c.value = "", n("clear-filters");
@@ -9440,7 +9462,7 @@ const Dd = {
               modelValue: c.value,
               "onUpdate:modelValue": j[3] || (j[3] = (Z) => c.value = Z),
               class: v($.value),
-              onChange: H
+              onChange: Y
             }, {
               default: R(() => [
                 j[8] || (j[8] = i("option", { value: "" }, " All Sources ", -1)),
@@ -9826,10 +9848,10 @@ const Dd = {
 }, Uf = { class: "flex items-center justify-between" }, Wf = {
   key: 0,
   class: "text-sm text-slate-600"
-}, Yf = {
+}, Hf = {
   key: 1,
   class: "text-sm text-slate-600"
-}, Hf = {
+}, Yf = {
   key: 2,
   class: "flex items-center gap-4"
 }, Gf = {
@@ -9977,8 +9999,8 @@ const Dd = {
       class: v(y.value)
     }, [
       i("div", Uf, [
-        e.selectable && e.selectedCount > 0 ? (s(), u("div", Wf, p(e.selectedCount) + " of " + p(e.total) + " selected ", 1)) : (s(), u("div", Yf, " Showing " + p(o.value) + " to " + p(c.value) + " of " + p(e.total) + " entries ", 1)),
-        $.$slots.footer ? (s(), u("div", Hf, [
+        e.selectable && e.selectedCount > 0 ? (s(), u("div", Wf, p(e.selectedCount) + " of " + p(e.total) + " selected ", 1)) : (s(), u("div", Hf, " Showing " + p(o.value) + " to " + p(c.value) + " of " + p(e.total) + " entries ", 1)),
+        $.$slots.footer ? (s(), u("div", Yf, [
           O($.$slots, "footer")
         ])) : h("", !0),
         e.showPagination ? (s(), u("div", Gf, [
@@ -10514,7 +10536,7 @@ const Dd = {
       outline: "outline",
       link: "link",
       ghost: "ghost"
-    })[D] || "ghost", H = b(() => $.value.length > 0 && $.value.every((D) => j(D))), G = b(() => {
+    })[D] || "ghost", Y = b(() => $.value.length > 0 && $.value.every((D) => j(D))), G = b(() => {
       const D = $.value.filter((ae) => j(ae)).length;
       return D > 0 && D < $.value.length;
     }), le = (D, ae) => ae.accessor ? ae.accessor(D) : ae.key.split(".").reduce((ue, pe) => ue?.[pe], D), ne = (D, ae) => D[n.rowKey] || ae, j = (D) => n.selectedItems.some(
@@ -10526,13 +10548,13 @@ const Dd = {
       ue > -1 ? ae.splice(ue, 1) : ae.push(D), r("selection-change", ae);
     }, Q = () => {
       if (n.loading || n.dataLoading) return;
-      const D = H.value ? [] : [...$.value];
+      const D = Y.value ? [] : [...$.value];
       r("selection-change", D);
     }, A = async (D) => {
       !D.sortable || n.loading || n.sortLoading || (c.value === D.key ? g.value = g.value === "asc" ? "desc" : "asc" : (c.value = D.key, g.value = "asc"), r("sort-change", { column: D.key, direction: g.value }));
     }, M = (D) => {
       n.loading || r("row-click", D);
-    }, Y = async (D) => {
+    }, H = async (D) => {
       n.paginationLoading || n.loading || (l.value = D, r("page-change", D));
     }, oe = async (D) => {
       n.paginationLoading || n.loading || (o.value = D, l.value = 1, r("page-size-change", D));
@@ -10597,7 +10619,7 @@ const Dd = {
         r("refresh");
       },
       goToPage: (D) => {
-        Y(D);
+        H(D);
       },
       selectAll: () => {
         Q();
@@ -10662,7 +10684,7 @@ const Dd = {
                       color: e.loadingColor
                     }, null, 8, ["color"])) : (s(), _(Ca, {
                       key: 1,
-                      "model-value": H.value,
+                      "model-value": Y.value,
                       indeterminate: G.value,
                       disabled: e.loading || e.dataLoading,
                       "onUpdate:modelValue": Q
@@ -10838,7 +10860,7 @@ const Dd = {
         padding: e.paginationPadding,
         loading: e.paginationLoading,
         disabled: e.loading || e.dataLoading,
-        "onUpdate:currentPage": Y,
+        "onUpdate:currentPage": H,
         "onUpdate:pageSize": oe
       }, {
         footer: R(() => [
@@ -10945,7 +10967,7 @@ const Dd = {
 }, Rm = { class: "relative" }, _m = ["value"], qm = {
   key: 3,
   class: "flex items-center gap-2"
-}, Um = { class: "flex items-center gap-3 ml-auto" }, Wm = { key: 2 }, Ym = { class: "grid grid-cols-1 lg:grid-cols-3 gap-6" }, Hm = { class: "flex items-center justify-between" }, Gm = { class: "flex items-center gap-3" }, Km = { class: "relative flex-1" }, Xm = ["model-value", "placeholder", "onInput"], Qm = { class: "relative flex-1" }, Jm = ["model-value", "placeholder", "onInput"], Zm = ["onClick"], eg = { class: "flex items-center justify-between" }, tg = { class: "flex items-center gap-3" }, ag = { class: "relative flex-1" }, ng = ["model-value", "placeholder", "step", "onInput"], rg = { class: "relative flex-1" }, sg = ["model-value", "placeholder", "step", "onInput"], lg = ["onClick"], og = { class: "flex items-center justify-between" }, ig = { class: "relative" }, ug = { value: "" }, dg = ["value"], cg = {
+}, Um = { class: "flex items-center gap-3 ml-auto" }, Wm = { key: 2 }, Hm = { class: "grid grid-cols-1 lg:grid-cols-3 gap-6" }, Ym = { class: "flex items-center justify-between" }, Gm = { class: "flex items-center gap-3" }, Km = { class: "relative flex-1" }, Xm = ["model-value", "placeholder", "onInput"], Qm = { class: "relative flex-1" }, Jm = ["model-value", "placeholder", "onInput"], Zm = ["onClick"], eg = { class: "flex items-center justify-between" }, tg = { class: "flex items-center gap-3" }, ag = { class: "relative flex-1" }, ng = ["model-value", "placeholder", "step", "onInput"], rg = { class: "relative flex-1" }, sg = ["model-value", "placeholder", "step", "onInput"], lg = ["onClick"], og = { class: "flex items-center justify-between" }, ig = { class: "relative" }, ug = { value: "" }, dg = ["value"], cg = {
   key: 0,
   class: "flex flex-wrap gap-2 mt-2"
 }, fg = ["onClick"], mg = { class: "flex items-center gap-3 flex-wrap" }, gg = ["onClick"], vg = {
@@ -11158,7 +11180,7 @@ const Dd = {
         (ie) => ie.key === U ? { ...ie, [T]: P } : ie
       );
       n("update:numberFilters", W);
-    }, H = (U) => U.selected && U.selected.length > 0, G = (U) => `text-xs px-2 py-1 rounded ${H(U) ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, le = (U, T) => {
+    }, Y = (U) => U.selected && U.selected.length > 0, G = (U) => `text-xs px-2 py-1 rounded ${Y(U) ? "bg-blue-100 text-blue-700" : "bg-gray-100 text-gray-600"}`, le = (U, T) => {
       if (!T) return;
       const P = t.multiSelectFilters.map((W) => {
         if (W.key === U) {
@@ -11188,7 +11210,7 @@ const Dd = {
     }), M = b(() => {
       let U = 0;
       return t.searchQuery && U++, t.selectedStatus && U++, (t.dateFrom || t.dateTo) && U++, U += t.selectFilters.filter((T) => T.value).length, U += t.dateFilters.filter((T) => T.from || T.to).length, U += t.numberFilters.filter((T) => T.min || T.max).length, U += t.multiSelectFilters.filter((T) => T.selected && T.selected.length > 0).length, U;
-    }), Y = b(() => {
+    }), H = b(() => {
       const U = [];
       if (t.searchQuery && t.searchQuery.trim() && U.push({
         key: "search",
@@ -11536,12 +11558,12 @@ const Dd = {
         key: 0,
         class: v(vt.value)
       }, [
-        i("div", Ym, [
+        i("div", Hm, [
           (s(!0), u(K, null, X(e.dateFilters, (P) => (s(), u("div", {
             key: P.key,
             class: "space-y-3"
           }, [
-            i("div", Hm, [
+            i("div", Ym, [
               i("label", {
                 class: v(et.value)
               }, p(P.label), 3),
@@ -11651,7 +11673,7 @@ const Dd = {
               }, p(P.label), 3),
               i("span", {
                 class: v(G(P))
-              }, p(H(P) ? `${P.selected.length} selected` : "None"), 3)
+              }, p(Y(P) ? `${P.selected.length} selected` : "None"), 3)
             ]),
             i("div", ig, [
               V(Me, {
@@ -11693,7 +11715,7 @@ const Dd = {
           ]))), 128))
         ])
       ], 2)) : h("", !0),
-      e.showFilters && Y.value.length > 0 ? (s(), u("div", {
+      e.showFilters && H.value.length > 0 ? (s(), u("div", {
         key: 1,
         class: v(pe.value)
       }, [
@@ -11701,7 +11723,7 @@ const Dd = {
           i("span", {
             class: v(we.value)
           }, "Active filters:", 2),
-          (s(!0), u(K, null, X(Y.value, (P) => (s(), u("div", {
+          (s(!0), u(K, null, X(H.value, (P) => (s(), u("div", {
             key: P.key,
             class: v(ce.value)
           }, [
@@ -11866,28 +11888,28 @@ const Dd = {
       () => "w-4 h-4 rounded border-slate-300 text-blue-600 focus:ring-blue-500 focus:ring-2 focus:ring-offset-1"
     ), I = b(
       () => "text-sm text-slate-700 flex-1 select-none"
-    ), H = (M) => {
+    ), Y = (M) => {
       l.value && o.value && !l.value.contains(M.target) && !o.value.contains(M.target) && (r.value = !1);
     }, G = () => {
       r.value = !r.value;
     }, le = (M) => z(x({ variant: M.variant || "secondary" })), ne = (M) => {
-      let Y = "middle";
-      return M === "compact" ? Y = "first" : M === "comfortable" && (Y = "last"), z(k({
+      let H = "middle";
+      return M === "compact" ? H = "first" : M === "comfortable" && (H = "last"), z(k({
         active: t.density === M,
-        position: Y
+        position: H
       }));
     }, j = () => z(B({
       state: t.isRefreshing ? "refreshing" : "normal"
     })), Z = () => z("w-4 h-4", {
       "animate-spin": t.isRefreshing
-    }), Q = (M) => t.visibleColumns.includes(M), A = (M, Y) => {
-      n("toggle-column", { column: M, visible: Y });
+    }), Q = (M) => t.visibleColumns.includes(M), A = (M, H) => {
+      n("toggle-column", { column: M, visible: H });
     };
     return Te(() => {
-      document.addEventListener("click", H);
+      document.addEventListener("click", Y);
     }), Ne(() => {
-      document.removeEventListener("click", H);
-    }), (M, Y) => {
+      document.removeEventListener("click", Y);
+    }), (M, H) => {
       const oe = fe("font-awesome-icon");
       return s(), u("div", {
         class: v($.value)
@@ -11947,13 +11969,13 @@ const Dd = {
                 icon: "columns",
                 class: "w-4 h-4"
               }),
-              Y[2] || (Y[2] = i("span", null, "Columns", -1))
+              H[2] || (H[2] = i("span", null, "Columns", -1))
             ], 2),
             Ue(i("div", {
               ref_key: "columnMenu",
               ref: o,
               class: v(m.value),
-              onClick: Y[0] || (Y[0] = ze(() => {
+              onClick: H[0] || (H[0] = ze(() => {
               }, ["stop"]))
             }, [
               i("div", Bg, [
@@ -11988,13 +12010,13 @@ const Dd = {
             disabled: e.isRefreshing,
             class: v(j()),
             type: "button",
-            onClick: Y[1] || (Y[1] = (re) => M.$emit("refresh"))
+            onClick: H[1] || (H[1] = (re) => M.$emit("refresh"))
           }, [
             V(oe, {
               icon: "sync",
               class: v(Z())
             }, null, 8, ["class"]),
-            Y[3] || (Y[3] = i("span", null, "Refresh", -1))
+            H[3] || (H[3] = i("span", null, "Refresh", -1))
           ], 10, Ig)) : h("", !0),
           M.$slots.actions ? (s(), u("div", jg, [
             O(M.$slots, "actions")
@@ -12149,7 +12171,7 @@ const Dd = {
       ], 2);
     };
   }
-}, Wg = { class: "flex items-center justify-between h-16 px-4 md:px-6" }, Yg = { class: "flex items-center" }, Hg = {
+}, Wg = { class: "flex items-center justify-between h-16 px-4 md:px-6" }, Hg = { class: "flex items-center" }, Yg = {
   key: 0,
   class: "mr-4 flex-shrink-0 bg-gradient-to-r from-blue-50 to-indigo-50 px-3 py-2 rounded-lg border border-blue-100"
 }, Gg = { class: "text-lg font-bold text-blue-900 truncate max-w-[200px]" }, Kg = {
@@ -12206,7 +12228,7 @@ const Dd = {
     }), Ne(() => {
       document.removeEventListener("click", d), window.removeEventListener("resize", C);
     }), ve(r, (F) => n("search", F)), (F, I) => {
-      const H = fe("router-link");
+      const Y = fe("router-link");
       return s(), u("header", {
         class: v(N(z)(
           "fixed top-0 z-50 bg-white border-b border-gray-200 transition-all duration-300 ease-in-out w-full"
@@ -12214,8 +12236,8 @@ const Dd = {
         style: { left: "0" }
       }, [
         i("div", Wg, [
-          i("div", Yg, [
-            e.currentOrganisation ? (s(), u("div", Hg, [
+          i("div", Hg, [
+            e.currentOrganisation ? (s(), u("div", Yg, [
               i("p", Gg, p(e.currentOrganisation.organisation_name), 1),
               e.currentOrganisation.role ? (s(), u("p", Kg, p(e.currentOrganisation.role), 1)) : h("", !0)
             ])) : h("", !0),
@@ -12408,7 +12430,7 @@ const Dd = {
                       (s(!0), u(K, null, X(e.profileMenuItems, (G) => (s(), u(K, {
                         key: G.name
                       }, [
-                        G.route ? (s(), _(H, {
+                        G.route ? (s(), _(Y, {
                           key: 0,
                           to: G.route,
                           class: v(N(z)(
@@ -12614,7 +12636,7 @@ const Dd = {
 }, U0 = {
   key: 9,
   class: "space-y-2"
-}, W0 = { class: "flex items-center gap-4" }, Y0 = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, H0 = { class: "flex justify-end gap-3 pt-4" }, G0 = {
+}, W0 = { class: "flex items-center gap-4" }, H0 = { class: "text-sm font-medium text-gray-700 min-w-[3rem] text-right" }, Y0 = { class: "flex justify-end gap-3 pt-4" }, G0 = {
   __name: "ReusableFormModal",
   props: {
     modelValue: {
@@ -12690,7 +12712,12 @@ const Dd = {
     modalSize: {
       type: String,
       default: "4xl",
-      validator: (e) => ["sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "full"].includes(e)
+      validator: (e) => ["sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "8xl", "full"].includes(e)
+    },
+    modalHeight: {
+      type: String,
+      default: "auto",
+      validator: (e) => ["auto", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "8xl", "full"].includes(e)
     },
     modalResizable: {
       type: Boolean,
@@ -12811,6 +12838,7 @@ const Dd = {
       "show-close": !0,
       "close-on-backdrop": !0,
       size: e.modalSize,
+      height: e.modalHeight,
       resizable: e.modalResizable,
       onClose: w
     }, {
@@ -12845,7 +12873,7 @@ const Dd = {
                   key: 0,
                   id: C,
                   modelValue: o.value[d.name],
-                  "onUpdate:modelValue": (H) => o.value[d.name] = H,
+                  "onUpdate:modelValue": (Y) => o.value[d.name] = Y,
                   type: d.type,
                   placeholder: d.placeholder,
                   disabled: l.value || d.disabled,
@@ -12856,7 +12884,7 @@ const Dd = {
                   key: 1,
                   id: C,
                   modelValue: o.value[d.name],
-                  "onUpdate:modelValue": (H) => o.value[d.name] = H,
+                  "onUpdate:modelValue": (Y) => o.value[d.name] = Y,
                   placeholder: d.placeholder,
                   disabled: l.value || d.disabled,
                   rows: d.rows || 3,
@@ -12874,7 +12902,7 @@ const Dd = {
                   disabled: l.value || d.disabled,
                   "has-error": F,
                   "aria-describedby": I,
-                  "onUpdate:modelValue": (H) => k(d, H)
+                  "onUpdate:modelValue": (Y) => k(d, Y)
                 }, null, 8, ["id", "model-value", "options", "placeholder", "disabled", "has-error", "aria-describedby", "onUpdate:modelValue"])) : d.type === "multiselect" ? (s(), _(j0, {
                   key: 3,
                   id: C,
@@ -12884,12 +12912,12 @@ const Dd = {
                   placeholder: d.placeholder || "Select options",
                   "has-error": F,
                   "aria-describedby": I,
-                  "onUpdate:modelValue": (H) => o.value[d.name] = H
+                  "onUpdate:modelValue": (Y) => o.value[d.name] = Y
                 }, null, 8, ["id", "model-value", "options", "disabled", "placeholder", "has-error", "aria-describedby", "onUpdate:modelValue"])) : d.type === "checkbox" ? (s(), u("div", E0, [
                   V(Ve, {
                     id: C,
                     modelValue: o.value[d.name],
-                    "onUpdate:modelValue": (H) => o.value[d.name] = H,
+                    "onUpdate:modelValue": (Y) => o.value[d.name] = Y,
                     type: "checkbox",
                     disabled: l.value || d.disabled,
                     class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded",
@@ -12916,7 +12944,7 @@ const Dd = {
                       o.value[d.name] ? "bg-blue-600" : "bg-gray-200",
                       l.value || d.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
                     ]),
-                    onClick: (H) => o.value[d.name] = !o.value[d.name]
+                    onClick: (Y) => o.value[d.name] = !o.value[d.name]
                   }, [
                     i("span", {
                       class: v([
@@ -12935,26 +12963,26 @@ const Dd = {
                     _: 2
                   }, 1032, ["for"])
                 ])) : d.type === "radio" ? (s(), u("div", R0, [
-                  (s(!0), u(K, null, X(d.options, (H) => (s(), u("div", {
-                    key: H.value,
+                  (s(!0), u(K, null, X(d.options, (Y) => (s(), u("div", {
+                    key: Y.value,
                     class: "flex items-center"
                   }, [
                     V(Ve, {
-                      id: `${C}-${H.value}`,
+                      id: `${C}-${Y.value}`,
                       modelValue: o.value[d.name],
                       "onUpdate:modelValue": (G) => o.value[d.name] = G,
                       type: "radio",
-                      value: H.value,
+                      value: Y.value,
                       disabled: l.value || d.disabled,
                       class: "h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300",
                       "aria-describedby": I
                     }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "value", "disabled", "aria-describedby"]),
                     V(ot, {
-                      for: `${C}-${H.value}`,
+                      for: `${C}-${Y.value}`,
                       class: "ml-2 text-sm text-gray-700"
                     }, {
                       default: R(() => [
-                        ee(p(H.label), 1)
+                        ee(p(Y.label), 1)
                       ]),
                       _: 2
                     }, 1032, ["for"])
@@ -12970,7 +12998,7 @@ const Dd = {
                       F ? "border-red-500" : "border-slate-300"
                     ]),
                     "aria-describedby": I,
-                    onChange: (H) => $(d, H)
+                    onChange: (Y) => $(d, Y)
                   }, null, 8, ["id", "accept", "disabled", "class", "aria-describedby", "onChange"]),
                   d.helpText ? (s(), u("p", q0, p(d.helpText), 1)) : h("", !0)
                 ])) : d.type === "slider" ? (s(), _(Sr, {
@@ -12980,13 +13008,13 @@ const Dd = {
                   max: d.max,
                   step: d.step,
                   disabled: l.value || d.disabled,
-                  "onUpdate:modelValue": (H) => B(d, H)
+                  "onUpdate:modelValue": (Y) => B(d, Y)
                 }, null, 8, ["model-value", "min", "max", "step", "disabled", "onUpdate:modelValue"])) : d.type === "range" ? (s(), u("div", U0, [
                   i("div", W0, [
                     V(Ve, {
                       id: C,
                       modelValue: o.value[d.name],
-                      "onUpdate:modelValue": (H) => o.value[d.name] = H,
+                      "onUpdate:modelValue": (Y) => o.value[d.name] = Y,
                       type: "range",
                       min: d.min,
                       max: d.max,
@@ -12995,13 +13023,13 @@ const Dd = {
                       class: "flex-1",
                       "aria-describedby": I
                     }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "min", "max", "step", "disabled", "aria-describedby"]),
-                    i("span", Y0, p(o.value[d.name]), 1)
+                    i("span", H0, p(o.value[d.name]), 1)
                   ])
                 ])) : d.type === "date" ? (s(), _(Aa, {
                   key: 10,
                   id: C,
                   modelValue: o.value[d.name],
-                  "onUpdate:modelValue": (H) => o.value[d.name] = H,
+                  "onUpdate:modelValue": (Y) => o.value[d.name] = Y,
                   disabled: l.value || d.disabled,
                   required: d.required,
                   min: d.min,
@@ -13016,7 +13044,7 @@ const Dd = {
                   key: 11,
                   id: C,
                   modelValue: o.value[d.name],
-                  "onUpdate:modelValue": (H) => o.value[d.name] = H,
+                  "onUpdate:modelValue": (Y) => o.value[d.name] = Y,
                   type: "time",
                   disabled: l.value || d.disabled,
                   class: v(F ? "border-red-500" : "border-slate-300"),
@@ -13025,7 +13053,7 @@ const Dd = {
                   key: 12,
                   id: C,
                   modelValue: o.value[d.name],
-                  "onUpdate:modelValue": (H) => o.value[d.name] = H,
+                  "onUpdate:modelValue": (Y) => o.value[d.name] = Y,
                   type: "datetime-local",
                   disabled: l.value || d.disabled,
                   class: v(F ? "border-red-500" : "border-slate-300"),
@@ -13034,7 +13062,7 @@ const Dd = {
                   key: 13,
                   id: C,
                   modelValue: o.value[d.name],
-                  "onUpdate:modelValue": (H) => o.value[d.name] = H,
+                  "onUpdate:modelValue": (Y) => o.value[d.name] = Y,
                   type: "month",
                   disabled: l.value || d.disabled,
                   class: v(F ? "border-red-500" : "border-slate-300"),
@@ -13043,7 +13071,7 @@ const Dd = {
                   key: 14,
                   id: C,
                   modelValue: o.value[d.name],
-                  "onUpdate:modelValue": (H) => o.value[d.name] = H,
+                  "onUpdate:modelValue": (Y) => o.value[d.name] = Y,
                   type: "week",
                   disabled: l.value || d.disabled,
                   class: v(F ? "border-red-500" : "border-slate-300"),
@@ -13053,7 +13081,7 @@ const Dd = {
               _: 2
             }, 1032, ["id", "label", "required", "error", "error-message"]))
           ]))), 128)),
-          i("div", H0, [
+          i("div", Y0, [
             V(xe, {
               type: "button",
               variant: "outline",
@@ -13080,7 +13108,7 @@ const Dd = {
         ], 32)
       ]),
       _: 1
-    }, 8, ["modelValue", "size", "resizable"]));
+    }, 8, ["modelValue", "size", "height", "resizable"]));
   }
 }, K0 = {
   key: 0,
@@ -13184,7 +13212,7 @@ const Dd = {
       d(), C();
     }, I = (j) => {
       $(j);
-    }, H = (j) => {
+    }, Y = (j) => {
       $(j);
     }, G = (j) => {
       const Z = n.currentPath;
@@ -13502,7 +13530,7 @@ const Dd = {
                           G(A) ? "bg-gradient-to-br from-blue-50 to-blue-100 text-blue-700 shadow-sm border border-blue-200" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900 border border-transparent"
                         )
                       ),
-                      onClick: (M) => H(A)
+                      onClick: (M) => Y(A)
                     }, {
                       default: R(() => [
                         G(A) ? (s(), u("div", bv)) : h("", !0),
@@ -13734,7 +13762,7 @@ const Dd = {
 }, _v = {
   key: 0,
   class: "mt-6 text-center"
-}, qv = { class: "absolute bottom-4 right-4 text-right" }, Uv = { class: "flex items-end justify-end mb-2" }, Wv = { class: "text-right mr-3" }, Yv = { class: "text-red-500 font-bold text-xs" }, Hv = { class: "text-white text-xs" }, Gv = { class: "text-white/70 text-xs" }, Kv = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, Xv = { class: "text-white/70 text-xs" }, Qv = { class: "absolute bottom-4 left-4 flex gap-2" }, Jv = ["href"];
+}, qv = { class: "absolute bottom-4 right-4 text-right" }, Uv = { class: "flex items-end justify-end mb-2" }, Wv = { class: "text-right mr-3" }, Hv = { class: "text-red-500 font-bold text-xs" }, Yv = { class: "text-white text-xs" }, Gv = { class: "text-white/70 text-xs" }, Kv = { class: "w-8 h-8 bg-red-500 rounded flex items-center justify-center text-white font-bold text-xs" }, Xv = { class: "text-white/70 text-xs" }, Qv = { class: "absolute bottom-4 left-4 flex gap-2" }, Jv = ["href"];
 function Zv(e, a, t, n, r, l) {
   const o = fe("router-view"), c = fe("font-awesome-icon");
   return s(), u("div", {
@@ -13800,8 +13828,8 @@ function Zv(e, a, t, n, r, l) {
     i("div", qv, [
       i("div", Uv, [
         i("div", Wv, [
-          i("div", Yv, p(t.companyName), 1),
-          i("div", Hv, p(t.companyType), 1),
+          i("div", Hv, p(t.companyName), 1),
+          i("div", Yv, p(t.companyType), 1),
           i("div", Gv, p(t.companyTagline), 1)
         ]),
         i("div", Kv, p(t.companyInitials), 1)
@@ -14125,7 +14153,7 @@ const eb = /* @__PURE__ */ jt(Cv, [["render", Zv]]), tb = { class: "min-h-screen
       "absolute inset-0 -z-10"
     ]), I = b(() => [
       "w-full max-w-2xl mx-auto text-center"
-    ]), H = b(() => [
+    ]), Y = b(() => [
       "mb-8"
     ]), G = b(() => [
       "space-y-8"
@@ -14143,7 +14171,7 @@ const eb = /* @__PURE__ */ jt(Cv, [["render", Zv]]), tb = { class: "min-h-screen
       "text-lg text-slate-600 max-w-lg mx-auto"
     ]), M = b(() => [
       "mt-8"
-    ]), Y = b(() => [
+    ]), H = b(() => [
       "mt-8"
     ]), oe = b(() => [
       "mt-6"
@@ -14169,7 +14197,7 @@ const eb = /* @__PURE__ */ jt(Cv, [["render", Zv]]), tb = { class: "min-h-screen
       layoutClasses: C,
       backgroundClasses: F,
       contentClasses: I,
-      headerClasses: H,
+      headerClasses: Y,
       errorContentClasses: G,
       illustrationClasses: le,
       iconContainerClasses: ne,
@@ -14178,7 +14206,7 @@ const eb = /* @__PURE__ */ jt(Cv, [["render", Zv]]), tb = { class: "min-h-screen
       titleClasses: Q,
       messageClasses: A,
       actionsClasses: M,
-      additionalInfoClasses: Y,
+      additionalInfoClasses: H,
       helpClasses: oe
     };
   }