@stlhorizon/vue-ui 2.7.3 → 2.7.4

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent as Wt, computed as v, watch as me, h as Wa, createBlock as R, openBlock as o, unref as N, normalizeClass as m, ref as U, createElementBlock as d, toDisplayString as x, createCommentVNode as h, renderSlot as B, resolveDynamicComponent as ve, createVNode as P, mergeProps as Le, createElementVNode as i, useId as Ht, createTextVNode as G, withCtx as E, normalizeStyle as de, nextTick as fa, Transition as ue, Fragment as K, renderList as J, onMounted as ke, onBeforeUnmount as Ha, withModifiers as Ve, onUnmounted as je, resolveComponent as ie, Teleport as Ga, markRaw as Ka, TransitionGroup as ur, provide as dr, inject as Xa, withDirectives as Gt, vShow as Ja, createSlots as cr, vModelText as fr, getCurrentInstance as mr } from "vue";
+import { defineComponent as Wt, computed as v, watch as me, h as Wa, createBlock as R, openBlock as o, unref as E, normalizeClass as m, ref as U, createElementBlock as d, toDisplayString as x, createCommentVNode as h, renderSlot as B, resolveDynamicComponent as ve, createVNode as P, mergeProps as Le, createElementVNode as i, useId as Ht, createTextVNode as G, withCtx as N, normalizeStyle as de, nextTick as fa, Transition as ue, Fragment as K, renderList as J, onMounted as ke, onBeforeUnmount as Ha, withModifiers as Ve, onUnmounted as je, resolveComponent as ie, Teleport as Ga, markRaw as Ka, TransitionGroup as ur, provide as dr, inject as Xa, withDirectives as Gt, vShow as Ja, createSlots as cr, vModelText as fr, getCurrentInstance as mr } from "vue";
 import { cva as M } from "class-variance-authority";
 import { clsx as gr } from "clsx";
 function S(...e) {
@@ -284,8 +284,8 @@ var Ae = !!le.documentElement && !!le.head && typeof le.addEventListener == "fun
   GROUP: "duotone-group",
   PRIMARY: "primary",
   SECONDARY: "secondary"
-}, rn = ["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"], ce = "classic", Je = "duotone", sn = "sharp", ln = "sharp-duotone", on = "chisel", un = "etch", dn = "jelly", cn = "jelly-duo", fn = "jelly-fill", mn = "notdog", gn = "notdog-duo", vn = "slab", bn = "slab-press", hn = "thumbprint", yn = "whiteboard", Pr = "Classic", Tr = "Duotone", jr = "Sharp", Br = "Sharp Duotone", Or = "Chisel", Vr = "Etch", Dr = "Jelly", Mr = "Jelly Duo", Fr = "Jelly Fill", Nr = "Notdog", Er = "Notdog Duo", Lr = "Slab", _r = "Slab Press", Rr = "Thumbprint", qr = "Whiteboard", pn = [ce, Je, sn, ln, on, un, dn, cn, fn, mn, gn, vn, bn, hn, yn];
-pt = {}, te(te(te(te(te(te(te(te(te(te(pt, ce, Pr), Je, Tr), sn, jr), ln, Br), on, Or), un, Vr), dn, Dr), cn, Mr), fn, Fr), mn, Nr), te(te(te(te(te(pt, gn, Er), vn, Lr), bn, _r), hn, Rr), yn, qr);
+}, rn = ["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"], ce = "classic", Je = "duotone", sn = "sharp", ln = "sharp-duotone", on = "chisel", un = "etch", dn = "jelly", cn = "jelly-duo", fn = "jelly-fill", mn = "notdog", gn = "notdog-duo", vn = "slab", bn = "slab-press", hn = "thumbprint", yn = "whiteboard", Pr = "Classic", Tr = "Duotone", jr = "Sharp", Br = "Sharp Duotone", Or = "Chisel", Vr = "Etch", Dr = "Jelly", Mr = "Jelly Duo", Fr = "Jelly Fill", Er = "Notdog", Nr = "Notdog Duo", Lr = "Slab", _r = "Slab Press", Rr = "Thumbprint", qr = "Whiteboard", pn = [ce, Je, sn, ln, on, un, dn, cn, fn, mn, gn, vn, bn, hn, yn];
+pt = {}, te(te(te(te(te(te(te(te(te(te(pt, ce, Pr), Je, Tr), sn, jr), ln, Br), on, Or), un, Vr), dn, Dr), cn, Mr), fn, Fr), mn, Er), te(te(te(te(te(pt, gn, Nr), vn, Lr), bn, _r), hn, Rr), yn, qr);
 var Yr = {
   classic: {
     900: "fas",
@@ -678,7 +678,7 @@ var Fs = {
   chisel: {
     "fa-regular": "facr"
   }
-}, Ns = {
+}, Es = {
   classic: ["fas", "far", "fal", "fat", "fad"],
   duotone: ["fadr", "fadl", "fadt"],
   sharp: ["fass", "fasr", "fasl", "fast"],
@@ -753,7 +753,7 @@ var Fs = {
   chisel: {
     facr: "fa-regular"
   }
-}, Es = ["fa-solid", "fa-regular", "fa-light", "fa-thin", "fa-duotone", "fa-brands", "fa-semibold"], wn = ["fa", "fas", "far", "fal", "fat", "fad", "fadr", "fadl", "fadt", "fab", "fass", "fasr", "fasl", "fast", "fasds", "fasdr", "fasdl", "fasdt", "faslr", "faslpr", "fawsb", "fatl", "fans", "fands", "faes", "fajr", "fajfr", "fajdr", "facr"].concat(as, Es), Ls = ["solid", "regular", "light", "thin", "duotone", "brands", "semibold"], kn = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10], _s = kn.concat([11, 12, 13, 14, 15, 16, 17, 18, 19, 20]), Rs = ["aw", "fw", "pull-left", "pull-right"], qs = [].concat(xe(Object.keys(Ns)), Ls, Rs, ["2xs", "xs", "sm", "lg", "xl", "2xl", "beat", "border", "fade", "beat-fade", "bounce", "flip-both", "flip-horizontal", "flip-vertical", "flip", "inverse", "layers", "layers-bottom-left", "layers-bottom-right", "layers-counter", "layers-text", "layers-top-left", "layers-top-right", "li", "pull-end", "pull-start", "pulse", "rotate-180", "rotate-270", "rotate-90", "rotate-by", "shake", "spin-pulse", "spin-reverse", "spin", "stack-1x", "stack-2x", "stack", "ul", "width-auto", "width-fixed", nt.GROUP, nt.SWAP_OPACITY, nt.PRIMARY, nt.SECONDARY]).concat(kn.map(function(e) {
+}, Ns = ["fa-solid", "fa-regular", "fa-light", "fa-thin", "fa-duotone", "fa-brands", "fa-semibold"], wn = ["fa", "fas", "far", "fal", "fat", "fad", "fadr", "fadl", "fadt", "fab", "fass", "fasr", "fasl", "fast", "fasds", "fasdr", "fasdl", "fasdt", "faslr", "faslpr", "fawsb", "fatl", "fans", "fands", "faes", "fajr", "fajfr", "fajdr", "facr"].concat(as, Ns), Ls = ["solid", "regular", "light", "thin", "duotone", "brands", "semibold"], kn = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10], _s = kn.concat([11, 12, 13, 14, 15, 16, 17, 18, 19, 20]), Rs = ["aw", "fw", "pull-left", "pull-right"], qs = [].concat(xe(Object.keys(Es)), Ls, Rs, ["2xs", "xs", "sm", "lg", "xl", "2xl", "beat", "border", "fade", "beat-fade", "bounce", "flip-both", "flip-horizontal", "flip-vertical", "flip", "inverse", "layers", "layers-bottom-left", "layers-bottom-right", "layers-counter", "layers-text", "layers-top-left", "layers-top-right", "li", "pull-end", "pull-start", "pulse", "rotate-180", "rotate-270", "rotate-90", "rotate-by", "shake", "spin-pulse", "spin-reverse", "spin", "stack-1x", "stack-2x", "stack", "ul", "width-auto", "width-fixed", nt.GROUP, nt.SWAP_OPACITY, nt.PRIMARY, nt.SECONDARY]).concat(kn.map(function(e) {
   return "".concat(e, "x");
 })).concat(_s.map(function(e) {
   return "w-".concat(e);
@@ -1566,7 +1566,7 @@ function Ot(e, a) {
 }
 var Ke = pe.styles, fl = pe.shims, Dn = Object.keys(Zt), ml = Dn.reduce(function(e, a) {
   return e[a] = Object.keys(Zt[a]), e;
-}, {}), aa = null, Mn = {}, Fn = {}, Nn = {}, En = {}, Ln = {};
+}, {}), aa = null, Mn = {}, Fn = {}, En = {}, Nn = {}, Ln = {};
 function gl(e) {
   return ~Zs.indexOf(e);
 }
@@ -1619,7 +1619,7 @@ var _n = function() {
     names: {},
     unicodes: {}
   });
-  Nn = n.names, En = n.unicodes, aa = gt(H.styleDefault, {
+  En = n.names, Nn = n.unicodes, aa = gt(H.styleDefault, {
     family: H.familyDefault
   });
 };
@@ -1639,13 +1639,13 @@ function Oe(e, a) {
   return (Ln[e] || {})[a];
 }
 function Rn(e) {
-  return Nn[e] || {
+  return En[e] || {
     prefix: null,
     iconName: null
   };
 }
 function hl(e) {
-  var a = En[e], t = na("fas", e);
+  var a = Nn[e], t = na("fas", e);
   return a || (t ? {
     prefix: "fas",
     iconName: t
@@ -1786,11 +1786,11 @@ var Cl = /* @__PURE__ */ (function() {
       }), t;
     }
   }]);
-})(), Ia = [], Ne = {}, Ee = {}, $l = Object.keys(Ee);
+})(), Ia = [], Ee = {}, Ne = {}, $l = Object.keys(Ne);
 function zl(e, a) {
   var t = a.mixoutsTo;
-  return Ia = e, Ne = {}, Object.keys(Ee).forEach(function(n) {
-    $l.indexOf(n) === -1 && delete Ee[n];
+  return Ia = e, Ee = {}, Object.keys(Ne).forEach(function(n) {
+    $l.indexOf(n) === -1 && delete Ne[n];
   }), Ia.forEach(function(n) {
     var r = n.mixout ? n.mixout() : {};
     if (Object.keys(r).forEach(function(s) {
@@ -1800,16 +1800,16 @@ function zl(e, a) {
     }), n.hooks) {
       var l = n.hooks();
       Object.keys(l).forEach(function(s) {
-        Ne[s] || (Ne[s] = []), Ne[s].push(l[s]);
+        Ee[s] || (Ee[s] = []), Ee[s].push(l[s]);
       });
     }
-    n.provides && n.provides(Ee);
+    n.provides && n.provides(Ne);
   }), t;
 }
 function Vt(e, a) {
   for (var t = arguments.length, n = new Array(t > 2 ? t - 2 : 0), r = 2; r < t; r++)
     n[r - 2] = arguments[r];
-  var l = Ne[e] || [];
+  var l = Ee[e] || [];
   return l.forEach(function(s) {
     a = s.apply(null, [a].concat(n));
   }), a;
@@ -1817,14 +1817,14 @@ function Vt(e, a) {
 function Me(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 = Ne[e] || [];
+  var r = Ee[e] || [];
   r.forEach(function(l) {
     l.apply(null, t);
   });
 }
 function Te() {
   var e = arguments[0], a = Array.prototype.slice.call(arguments, 1);
-  return Ee[e] ? Ee[e].apply(null, a) : void 0;
+  return Ne[e] ? Ne[e].apply(null, a) : void 0;
 }
 function Dt(e) {
   e.prefix === "fa" && (e.prefix = "fas");
@@ -2078,15 +2078,15 @@ function Ft(e, a) {
   });
 }
 var Ta = function() {
-}, Nt = H.measurePerformance && at && at.mark && at.measure ? at : {
+}, Et = H.measurePerformance && at && at.mark && at.measure ? at : {
   mark: Ta,
   measure: Ta
 }, qe = 'FA "7.0.1"', Fl = function(a) {
-  return Nt.mark("".concat(qe, " ").concat(a, " begins")), function() {
+  return Et.mark("".concat(qe, " ").concat(a, " begins")), function() {
     return Un(a);
   };
 }, Un = function(a) {
-  Nt.mark("".concat(qe, " ").concat(a, " ends")), Nt.measure("".concat(qe, " ").concat(a), "".concat(qe, " ").concat(a, " begins"), "".concat(qe, " ").concat(a, " ends"));
+  Et.mark("".concat(qe, " ").concat(a, " ends")), Et.measure("".concat(qe, " ").concat(a), "".concat(qe, " ").concat(a, " begins"), "".concat(qe, " ").concat(a, " ends"));
 }, sa = {
   begin: Fl,
   end: Un
@@ -2096,11 +2096,11 @@ function ja(e) {
   var a = e.getAttribute ? e.getAttribute(De) : null;
   return typeof a == "string";
 }
-function Nl(e) {
+function El(e) {
   var a = e.getAttribute ? e.getAttribute(Jt) : null, t = e.getAttribute ? e.getAttribute(Qt) : null;
   return a && t;
 }
-function El(e) {
+function Nl(e) {
   return e && e.classList && e.classList.contains && e.classList.contains(H.replacementClass);
 }
 function Ll() {
@@ -2186,7 +2186,7 @@ var la = !1;
 function Gn() {
   la = !0;
 }
-function Et() {
+function Nt() {
   la = !1;
 }
 var ut = null;
@@ -2198,10 +2198,10 @@ function Oa(e) {
         var w = Pe();
         Re(y).forEach(function(C) {
           if (C.type === "childList" && C.addedNodes.length > 0 && !ja(C.addedNodes[0]) && (H.searchPseudoElements && s(C.target), t(C.target)), C.type === "attributes" && C.target.parentNode && H.searchPseudoElements && s([C.target], !0), C.type === "attributes" && ja(C.target) && ~Qs.indexOf(C.attributeName))
-            if (C.attributeName === "class" && Nl(C.target)) {
+            if (C.attributeName === "class" && El(C.target)) {
               var D = vt(ea(C.target)), $ = D.prefix, z = D.iconName;
               C.target.setAttribute(Jt, $ || w), z && C.target.setAttribute(Qt, z);
-            } else El(C.target) && r(C.target);
+            } else Nl(C.target) && r(C.target);
         });
       }
     }), Ae && ut.observe(c, {
@@ -2549,7 +2549,7 @@ function oo(e, a) {
   var t = e.replace(/^['"]|['"]$/g, "").toLowerCase(), n = parseInt(a), r = isNaN(n) ? "normal" : n;
   return (Lt[t] || {})[r] || ro[t];
 }
-function Na(e, a) {
+function Ea(e, a) {
   var t = "".concat(Us).concat(a.replace(":", "-"));
   return new Promise(function(n, r) {
     if (e.getAttribute(t) !== null)
@@ -2591,7 +2591,7 @@ function Na(e, a) {
   });
 }
 function io(e) {
-  return Promise.all([Na(e, "::before"), Na(e, "::after")]);
+  return Promise.all([Ea(e, "::before"), Ea(e, "::after")]);
 }
 function uo(e) {
   return e.parentNode !== document.head && !~Hs.indexOf(e.tagName.toUpperCase()) && !e.getAttribute(Pt) && (!e.parentNode || e.parentNode.tagName !== "svg");
@@ -2628,7 +2628,7 @@ var co = function(a) {
   }
   return t;
 };
-function Ea(e) {
+function Na(e) {
   var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
   if (Ae) {
     var t;
@@ -2682,9 +2682,9 @@ If it declares any Font Awesome CSS pseudo-elements, they will not be rendered a
     return new Promise(function(g, b) {
       var f = Re(t).filter(uo).map(io), p = sa.begin("searchPseudoElements");
       Gn(), Promise.all(f).then(function() {
-        p(), Et(), g();
+        p(), Nt(), g();
       }).catch(function() {
-        p(), Et(), b();
+        p(), Nt(), b();
       });
     });
   }
@@ -2693,14 +2693,14 @@ var mo = {
   hooks: function() {
     return {
       mutationObserverCallbacks: function(t) {
-        return t.pseudoElementsCallback = Ea, t;
+        return t.pseudoElementsCallback = Na, t;
       }
     };
   },
   provides: function(a) {
     a.pseudoElements2svg = function(t) {
       var n = t.node, r = n === void 0 ? le : n;
-      H.searchPseudoElements && Ea(r);
+      H.searchPseudoElements && Na(r);
     };
   }
 }, La = !1, go = {
@@ -2723,7 +2723,7 @@ var mo = {
       },
       watch: function(t) {
         var n = t.observeMutationsRoot;
-        La ? Et() : Oa(Vt("mutationObserverCallbacks", {
+        La ? Nt() : Oa(Vt("mutationObserverCallbacks", {
           observeMutationsRoot: n
         }));
       }
@@ -3255,7 +3255,7 @@ function Ya(e) {
       iconName: e
     };
 }
-var No = Wt({
+var Eo = Wt({
   name: "FontAwesomeIcon",
   props: {
     border: {
@@ -3507,7 +3507,7 @@ const ae = {
       n.value,
       "inline-block"
     ]);
-    return (l, s) => (o(), R(N(No), {
+    return (l, s) => (o(), R(E(Eo), {
       icon: [e.prefix, e.icon],
       size: t.value,
       class: m(r.value),
@@ -3516,7 +3516,7 @@ const ae = {
       role: e.ariaLabel ? "img" : void 0
     }, null, 8, ["icon", "size", "class", "aria-hidden", "aria-label", "role"]));
   }
-}, Eo = ["src", "alt"], Lo = {
+}, No = ["src", "alt"], Lo = {
   __name: "Avatar",
   props: {
     src: String,
@@ -3584,7 +3584,7 @@ const ae = {
         alt: e.alt,
         class: m(l.value),
         onError: c
-      }, null, 42, Eo)) : e.initials ? (o(), d("span", {
+      }, null, 42, No)) : e.initials ? (o(), d("span", {
         key: 1,
         class: m(s.value)
       }, x(e.initials), 3)) : (o(), R(ae, {
@@ -3675,7 +3675,7 @@ const ae = {
       lg: "w-5 h-5"
     }[t.size]]);
     return (u, c) => (o(), d("span", {
-      class: m(N(S)(N(l)({ variant: e.variant, size: e.size, shape: e.shape }), u.$attrs.class))
+      class: m(E(S)(E(l)({ variant: e.variant, size: e.size, shape: e.shape }), u.$attrs.class))
     }, [
       e.icon ? (o(), R(ve(e.icon), {
         key: 0,
@@ -3784,7 +3784,7 @@ const ae = {
       }
     );
     return (t, n) => (o(), d("button", Le({
-      class: N(S)(N(a)({ variant: e.variant, size: e.size }), t.$attrs.class),
+      class: E(S)(E(a)({ variant: e.variant, size: e.size }), t.$attrs.class),
       disabled: e.disabled || e.loading,
       "aria-disabled": e.disabled || e.loading,
       "aria-busy": e.loading
@@ -4064,7 +4064,7 @@ const ae = {
       }
     }), n = v(() => a.spacing ? a.spacing : "");
     return (r, l) => (o(), d("div", {
-      class: m(N(S)(N(t)({ orientation: e.orientation, size: e.size, color: e.color }), { "opacity-50": e.faded }, n.value))
+      class: m(E(S)(E(t)({ orientation: e.orientation, size: e.size, color: e.color }), { "opacity-50": e.faded }, n.value))
     }, [
       e.label && e.orientation === "horizontal" ? (o(), d("span", Jo, x(e.label), 1)) : h("", !0)
     ], 2));
@@ -4538,10 +4538,10 @@ const ae = {
       to: n.value === "router-link" ? e.to : void 0,
       target: e.external ? "_blank" : e.target,
       rel: e.external ? "noopener noreferrer" : e.rel,
-      class: m(N(S)(N(l)({ variant: e.variant, size: e.size, underline: e.underline, block: e.block, disabled: e.disabled }), c.$attrs.class)),
+      class: m(E(S)(E(l)({ variant: e.variant, size: e.size, underline: e.underline, block: e.block, disabled: e.disabled }), c.$attrs.class)),
       onClick: s
     }, {
-      default: E(() => [
+      default: N(() => [
         e.icon && e.iconPosition === "left" ? (o(), R(ae, {
           key: 0,
           name: e.icon,
@@ -4711,10 +4711,10 @@ const ae = {
       }
     );
     return (l, s) => (o(), d("div", {
-      class: m(N(S)(N(n)({ size: e.size }), l.$attrs.class))
+      class: m(E(S)(E(n)({ size: e.size }), l.$attrs.class))
     }, [
       i("div", {
-        class: m(N(S)(N(r)({ variant: e.variant }))),
+        class: m(E(S)(E(r)({ variant: e.variant }))),
         style: de({ width: `${t.value}%` }),
         role: "progressbar",
         "aria-valuenow": t.value,
@@ -5105,7 +5105,7 @@ const ae = {
     return (r, l) => (o(), R(ve(e.as), {
       class: m(n.value)
     }, {
-      default: E(() => [
+      default: N(() => [
         B(r.$slots, "default")
       ]),
       _: 3
@@ -5276,7 +5276,7 @@ const ae = {
         "leave-from-class": "opacity-100",
         "leave-to-class": "opacity-0"
       }, {
-        default: E(() => [
+        default: N(() => [
           t.value ? (o(), d("div", {
             key: 0,
             class: m(s.value),
@@ -5400,7 +5400,7 @@ const ae = {
       }
     ]);
     return (u, c) => (o(), R(ve(t.value), Le({ class: s.value }, u.$attrs), {
-      default: E(() => [
+      default: N(() => [
         B(u.$slots, "default"),
         e.required ? (o(), d("span", zi, "*")) : h("", !0)
       ]),
@@ -5525,10 +5525,10 @@ const ae = {
       "leave-from-class": "opacity-100 scale-100",
       "leave-to-class": "opacity-0 scale-95"
     }, {
-      default: E(() => [
+      default: N(() => [
         r.value ? (o(), d("div", {
           key: 0,
-          class: m(N(S)(N($)({ variant: e.variant }), b.$attrs.class)),
+          class: m(E(S)(E($)({ variant: e.variant }), b.$attrs.class)),
           role: "alert"
         }, [
           i("div", Ai, [
@@ -5554,7 +5554,7 @@ const ae = {
                     size: p.size || "sm",
                     onClick: (V) => s(p)
                   }, {
-                    default: E(() => [
+                    default: N(() => [
                       G(x(p.label), 1)
                     ]),
                     _: 2
@@ -5626,7 +5626,7 @@ const ae = {
             ]),
             "aria-current": u === e.items.length - 1 ? "page" : void 0
           }, {
-            default: E(() => [
+            default: N(() => [
               G(x(s.label), 1)
             ]),
             _: 2
@@ -5640,7 +5640,7 @@ const ae = {
       ])
     ], 10, Vi));
   }
-}, Fi = ["aria-label"], Ni = {
+}, Fi = ["aria-label"], Ei = {
   __name: "ButtonGroup",
   props: {
     orientation: {
@@ -5679,7 +5679,7 @@ const ae = {
       B(r.$slots, "default")
     ], 10, Fi));
   }
-}, Ei = { class: "flex items-start justify-between" }, Li = { class: "flex-1 min-w-0" }, _i = {
+}, Ni = { class: "flex items-start justify-between" }, Li = { class: "flex-1 min-w-0" }, _i = {
   key: 0,
   class: "flex-shrink-0 ml-4"
 }, Ri = ["src", "alt"], qi = "w-full h-auto object-cover", Yi = "text-lg font-semibold text-slate-900 truncate", Ui = "text-sm text-slate-600 mt-1", Wi = {
@@ -5790,15 +5790,15 @@ const ae = {
       }
     });
     return (w, C) => (o(), d("div", {
-      class: m(N(S)(N(l)({ variant: e.variant, padding: e.padding, hoverable: e.hoverable, clickable: e.clickable, loading: e.loading }))),
+      class: m(E(S)(E(l)({ variant: e.variant, padding: e.padding, hoverable: e.hoverable, clickable: e.clickable, loading: e.loading }))),
       onClick: r
     }, [
       w.$slots.header || e.title || e.subtitle ? (o(), d("div", {
         key: 0,
-        class: m(N(S)(N(s)({ padding: e.padding })))
+        class: m(E(S)(E(s)({ padding: e.padding })))
       }, [
         B(w.$slots, "header", {}, () => [
-          i("div", Ei, [
+          i("div", Ni, [
             i("div", Li, [
               e.title ? (o(), d("h3", {
                 key: 0,
@@ -5817,7 +5817,7 @@ const ae = {
       ], 2)) : h("", !0),
       w.$slots.image || e.image ? (o(), d("div", {
         key: 1,
-        class: m(N(S)(N(y)({ padding: e.padding })))
+        class: m(E(S)(E(y)({ padding: e.padding })))
       }, [
         B(w.$slots, "image", {}, () => [
           e.image ? (o(), d("img", {
@@ -5830,13 +5830,13 @@ const ae = {
       ], 2)) : h("", !0),
       w.$slots.default ? (o(), d("div", {
         key: 2,
-        class: m(N(S)(N(u)({ padding: e.padding })))
+        class: m(E(S)(E(u)({ padding: e.padding })))
       }, [
         B(w.$slots, "default")
       ], 2)) : h("", !0),
       w.$slots.footer ? (o(), d("div", {
         key: 3,
-        class: m(N(S)(N(c)({ padding: e.padding })))
+        class: m(E(S)(E(c)({ padding: e.padding })))
       }, [
         B(w.$slots, "footer")
       ], 2)) : h("", !0)
@@ -5848,7 +5848,7 @@ const ae = {
   __name: "CardHeader",
   setup(e) {
     return (a, t) => (o(), d("div", {
-      class: m(N(S)("flex flex-col space-y-1.5 p-6", a.$attrs.class))
+      class: m(E(S)("flex flex-col space-y-1.5 p-6", a.$attrs.class))
     }, [
       B(a.$slots, "default")
     ], 2));
@@ -5913,7 +5913,7 @@ const ae = {
   __name: "CardContent",
   setup(e) {
     return (a, t) => (o(), d("div", {
-      class: m(N(S)("p-6 pt-0", a.$attrs.class))
+      class: m(E(S)("p-6 pt-0", a.$attrs.class))
     }, [
       B(a.$slots, "default")
     ], 2));
@@ -5924,7 +5924,7 @@ const ae = {
   __name: "CardTitle",
   setup(e) {
     return (a, t) => (o(), d("h3", {
-      class: m(N(S)("text-2xl font-semibold leading-none tracking-tight", a.$attrs.class))
+      class: m(E(S)("text-2xl font-semibold leading-none tracking-tight", a.$attrs.class))
     }, [
       B(a.$slots, "default")
     ], 2));
@@ -6114,7 +6114,7 @@ const ae = {
         "leave-from-class": "transform opacity-100 scale-100",
         "leave-to-class": "transform opacity-0 scale-95"
       }, {
-        default: E(() => [
+        default: N(() => [
           r.value ? (o(), d("div", {
             key: 0,
             class: m(["absolute z-[9999] mb-2 bg-white border border-slate-200 rounded-lg shadow-lg p-4", e.calendarPosition]),
@@ -6292,7 +6292,7 @@ const ae = {
         "leave-from-class": "transform opacity-100 scale-100",
         "leave-to-class": "transform opacity-0 scale-95"
       }, {
-        default: E(() => [
+        default: N(() => [
           t.value ? (o(), d("div", {
             key: 0,
             class: m(u.value),
@@ -6346,7 +6346,7 @@ const ae = {
       role: "menuitem",
       onClick: s
     }, {
-      default: E(() => [
+      default: N(() => [
         e.icon ? (o(), R(ae, {
           key: 0,
           name: e.icon,
@@ -6558,19 +6558,19 @@ const ae = {
     return (g, b) => {
       const f = ie("font-awesome-icon");
       return o(), d("div", {
-        class: m(N(S)(N(w)({ size: e.size }), g.$attrs.class))
+        class: m(E(S)(E(w)({ size: e.size }), g.$attrs.class))
       }, [
         e.label ? (o(), d("label", {
           key: 0,
           for: l.value,
-          class: m(N(S)(N(C)({ size: e.size })))
+          class: m(E(S)(E(C)({ size: e.size })))
         }, [
           G(x(e.label) + " ", 1),
           e.required ? (o(), d("span", ku, "*")) : h("", !0)
         ], 10, wu)) : h("", !0),
         e.description ? (o(), d("p", {
           key: 1,
-          class: m(N(S)(N(D)({ size: e.size })))
+          class: m(E(S)(E(D)({ size: e.size })))
         }, x(e.description), 3)) : h("", !0),
         i("div", Su, [
           e.type === "date" ? (o(), R(ca, {
@@ -6610,11 +6610,11 @@ const ae = {
           "leave-from-class": "opacity-100 translate-y-0",
           "leave-to-class": "opacity-0 -translate-y-1"
         }, {
-          default: E(() => [
+          default: N(() => [
             s.value ? (o(), d("div", {
               key: 0,
               id: `${l.value}-error`,
-              class: m(N(S)(N($)({ size: e.size, intent: "error" }))),
+              class: m(E(S)(E($)({ size: e.size, intent: "error" }))),
               role: "alert",
               "aria-live": "polite"
             }, [
@@ -6630,7 +6630,7 @@ const ae = {
         e.helpText && !s.value ? (o(), d("p", {
           key: 2,
           id: `${l.value}-help`,
-          class: m(N(S)(N(z)({ size: e.size })))
+          class: m(E(S)(E(z)({ size: e.size })))
         }, x(e.helpText), 11, zu)) : h("", !0),
         P(ue, {
           "enter-active-class": "transition-all duration-200",
@@ -6640,10 +6640,10 @@ const ae = {
           "leave-from-class": "opacity-100 translate-y-0",
           "leave-to-class": "opacity-0 -translate-y-1"
         }, {
-          default: E(() => [
+          default: N(() => [
             e.success && !s.value ? (o(), d("div", {
               key: 0,
-              class: m(N(S)(N($)({ size: e.size, intent: "success" })))
+              class: m(E(S)(E($)({ size: e.size, intent: "success" })))
             }, [
               P(f, {
                 icon: "check",
@@ -6753,7 +6753,7 @@ const ae = {
         class: m(u.value),
         onClick: c
       }, {
-        default: E(() => [
+        default: N(() => [
           y.$slots.icon || e.icon ? (o(), d("div", ju, [
             B(y.$slots, "icon", {}, () => [
               e.icon ? (o(), R(ae, {
@@ -6779,7 +6779,7 @@ const ae = {
 }, Fu = {
   key: 1,
   class: "ml-auto text-xs tracking-widest opacity-60"
-}, Nu = {
+}, Eu = {
   __name: "MenuItem",
   props: {
     href: String,
@@ -6817,7 +6817,7 @@ const ae = {
       role: "menuitem",
       onClick: s
     }, {
-      default: E(() => [
+      default: N(() => [
         e.icon ? (o(), R(ae, {
           key: 0,
           name: e.icon,
@@ -6901,14 +6901,14 @@ const ae = {
         "leave-from-class": "opacity-100",
         "leave-to-class": "opacity-0"
       }, {
-        default: E(() => [
+        default: N(() => [
           e.modelValue ? (o(), d("div", {
             key: 0,
             class: "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm flex items-center justify-center",
             onClick: s
           }, [
             i("div", {
-              class: m(N(S)(N(t)({ size: e.size }), e.resizable ? "resize" : "")),
+              class: m(E(S)(E(t)({ size: e.size }), e.resizable ? "resize" : "")),
               style: de(e.resizable ? "min-width: 400px; min-height: 200px;" : "")
             }, [
               e.showClose ? (o(), d("button", {
@@ -6931,7 +6931,7 @@ const ae = {
       })
     ]));
   }
-}, Eu = { class: "flex flex-col space-y-1.5 text-center sm:text-left" }, Lu = {
+}, Nu = { class: "flex flex-col space-y-1.5 text-center sm:text-left" }, Lu = {
   key: 0,
   class: "text-lg font-semibold leading-none tracking-tight"
 }, _u = {
@@ -6944,7 +6944,7 @@ const ae = {
     description: String
   },
   setup(e) {
-    return (a, t) => (o(), d("div", Eu, [
+    return (a, t) => (o(), d("div", Nu, [
       e.title ? (o(), d("h2", Lu, x(e.title), 1)) : h("", !0),
       e.description ? (o(), d("p", _u, x(e.description), 1)) : h("", !0),
       B(a.$slots, "default")
@@ -7077,7 +7077,7 @@ const ae = {
       "leave-from-class": "transform translate-x-0 opacity-100",
       "leave-to-class": "transform translate-x-full opacity-0"
     }, {
-      default: E(() => [
+      default: N(() => [
         r.value ? (o(), d("div", {
           key: 0,
           class: m(c.value),
@@ -7280,7 +7280,7 @@ const Qu = {
     }, D = (z) => z.icon !== !1, $ = (z) => z.dismissible !== !1 && (z.closeButton || a.closeButton || z.dismissible);
     return (z, g) => (o(), R(Ga, { to: "body" }, [
       i("div", {
-        class: m(N(S)(
+        class: m(E(S)(
           l.value,
           "fixed z-[100] flex max-h-screen w-full p-4 md:max-w-[420px]"
         ))
@@ -7296,8 +7296,8 @@ const Qu = {
           tag: "div",
           class: "space-y-2"
         }, {
-          default: E(() => [
-            (o(!0), d(K, null, J(N(t), (b) => (o(), d("div", {
+          default: N(() => [
+            (o(!0), d(K, null, J(E(t), (b) => (o(), d("div", {
               key: b.id,
               class: m([u(b), "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all"]),
               role: "alert",
@@ -7325,7 +7325,7 @@ const Qu = {
               $(b) ? (o(), d("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",
-                onClick: (f) => N(n)(b.id)
+                onClick: (f) => E(n)(b.id)
               }, [
                 P(ae, {
                   icon: "x",
@@ -7513,7 +7513,7 @@ const Qu = {
         "leave-from-class": "opacity-100 scale-100 translate-y-0",
         "leave-to-class": "opacity-0 scale-95 translate-y-1"
       }, {
-        default: E(() => [
+        default: N(() => [
           y.value && (e.results.length > 0 || e.showNoResults) ? (o(), d("div", {
             key: 0,
             class: m(q.value)
@@ -7613,7 +7613,7 @@ const Qu = {
 }, Vd = { class: "w-full" }, Dd = {
   class: "flex space-x-1 border-b border-slate-200",
   role: "tablist"
-}, Md = ["id", "disabled", "aria-selected", "aria-controls", "onClick"], Fd = { class: "mt-4" }, Nd = {
+}, Md = ["id", "disabled", "aria-selected", "aria-controls", "onClick"], Fd = { class: "mt-4" }, Ed = {
   __name: "Tab",
   props: {
     defaultIndex: { type: Number, default: 0 },
@@ -7657,8 +7657,8 @@ const Qu = {
           id: `tab-${C}`,
           key: C,
           disabled: t.loading,
-          class: m(N(S)(
-            N(n)({ size: t.size, variant: t.variant }),
+          class: m(E(S)(
+            E(n)({ size: t.size, variant: t.variant }),
             r.value === C ? "border-blue-500 text-blue-600 bg-blue-50" : "border-transparent text-slate-500 hover:text-slate-700 hover:border-slate-300",
             t.loading && "cursor-not-allowed opacity-50"
           )),
@@ -7673,7 +7673,7 @@ const Qu = {
       ])
     ]));
   }
-}, Ed = ["id", "aria-labelledby"], Ld = {
+}, Nd = ["id", "aria-labelledby"], Ld = {
   key: 0,
   class: "flex items-center justify-center p-8"
 }, _d = {
@@ -7704,7 +7704,7 @@ const Qu = {
           label: `Loading ${a.label}`
         }, null, 8, ["label"])
       ])) : B(l.$slots, "default", { key: 1 })
-    ], 8, Ed)), [
+    ], 8, Nd)), [
       [Ja, r.value]
     ]);
   }
@@ -7858,7 +7858,7 @@ const Qu = {
           "leave-from-class": "opacity-100 max-h-[600px]",
           "leave-to-class": "opacity-0 max-h-0"
         }, {
-          default: E(() => [
+          default: N(() => [
             u(A) ? (o(), d("div", {
               key: 0,
               id: `panel-${j.id || A}`,
@@ -7948,10 +7948,10 @@ const Qu = {
         "aria-expanded": n.value,
         onClick: r
       }, {
-        default: E(() => [
+        default: N(() => [
           B(C.$slots, "header", { isOpen: n.value }),
           P(a, {
-            class: m(N(S)("w-5 h-5 transition-transform ml-2", { "rotate-180": n.value }))
+            class: m(E(S)("w-5 h-5 transition-transform ml-2", { "rotate-180": n.value }))
           }, null, 8, ["class"])
         ]),
         _: 3
@@ -7964,7 +7964,7 @@ const Qu = {
         "leave-from-class": "opacity-100 max-h-96",
         "leave-to-class": "opacity-0 max-h-0"
       }, {
-        default: E(() => [
+        default: N(() => [
           n.value ? (o(), d("div", {
             key: 0,
             class: m(w.value)
@@ -8147,7 +8147,7 @@ const Qu = {
         "leave-from-class": "transform opacity-100 scale-100",
         "leave-to-class": "transform opacity-0 scale-95"
       }, {
-        default: E(() => [
+        default: N(() => [
           r.value ? (o(), d("div", {
             key: 0,
             class: m(["absolute z-[99999] mt-2 bg-white border border-slate-200 rounded-lg shadow-lg p-4", e.calendarPosition]),
@@ -8328,7 +8328,7 @@ const Qu = {
               key: 0,
               class: m(s.value)
             }, {
-              default: E(() => [
+              default: N(() => [
                 G(x(e.title), 1)
               ]),
               _: 1
@@ -8337,7 +8337,7 @@ const Qu = {
               key: 1,
               class: m(u.value)
             }, {
-              default: E(() => [
+              default: N(() => [
                 G(x(e.description), 1)
               ]),
               _: 1
@@ -8694,7 +8694,7 @@ const Qu = {
               class: m(w.value),
               inline: !0
             }, {
-              default: E(() => [...z[5] || (z[5] = [
+              default: N(() => [...z[5] || (z[5] = [
                 G("Show:", -1)
               ])]),
               _: 1
@@ -8705,7 +8705,7 @@ const Qu = {
               class: m(C.value),
               "onUpdate:modelValue": z[0] || (z[0] = (g) => $.$emit("update:pageSize", parseInt(g)))
             }, {
-              default: E(() => [
+              default: N(() => [
                 (o(!0), d(K, null, J(e.pageSizeOptions, (g) => (o(), R(er, {
                   key: g,
                   value: g.toString(),
@@ -9139,16 +9139,16 @@ const Qu = {
         variant: e.headerVariant,
         padding: e.headerPadding
       }, {
-        header: E(() => [
+        header: N(() => [
           B(I.$slots, "header", {}, void 0, !0)
         ]),
-        filters: E(() => [
+        filters: N(() => [
           B(I.$slots, "filters", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["title", "description", "variant", "padding"])) : h("", !0),
       i("div", wc, [
-        e.loading ? (o(), R(N(Ye), {
+        e.loading ? (o(), R(E(Ye), {
           key: 0,
           loading: !0,
           type: e.loadingType,
@@ -9175,7 +9175,7 @@ const Qu = {
                   class: m(he.value)
                 }, [
                   i("div", kc, [
-                    e.bulkLoading ? (o(), R(N(Ye), {
+                    e.bulkLoading ? (o(), R(E(Ye), {
                       key: 0,
                       loading: !0,
                       type: "spin",
@@ -9197,7 +9197,7 @@ const Qu = {
                 }, [
                   i("div", Cc, [
                     i("span", null, x(Q.label), 1),
-                    e.sortLoading && u.value === Q.key ? (o(), R(N(Ye), {
+                    e.sortLoading && u.value === Q.key ? (o(), R(E(Ye), {
                       key: 0,
                       loading: !0,
                       type: "spin",
@@ -9248,7 +9248,7 @@ const Qu = {
                   class: m(X.value)
                 }, [
                   i("div", Ic, [
-                    P(N(Ye), {
+                    P(E(Ye), {
                       loading: !0,
                       type: "dots",
                       size: "medium",
@@ -9272,14 +9272,14 @@ const Qu = {
                 onToggleSelection: ne,
                 onRowClick: oe
               }, cr({
-                actions: E((Be) => [
+                actions: N((Be) => [
                   B(I.$slots, "actions", Le({ ref_for: !0 }, Be), void 0, !0)
                 ]),
                 _: 2
               }, [
                 J(e.columns, (Be) => ({
                   name: `cell-${Be.key}`,
-                  fn: E((tt) => [
+                  fn: N((tt) => [
                     B(I.$slots, `cell-${Be.key}`, Le({ ref_for: !0 }, tt), void 0, !0)
                   ])
                 }))
@@ -9348,7 +9348,7 @@ const Qu = {
         "onUpdate:currentPage": L,
         "onUpdate:pageSize": Z
       }, {
-        footer: E(() => [
+        footer: N(() => [
           B(I.$slots, "footer", {}, void 0, !0)
         ]),
         _: 3
@@ -9443,7 +9443,7 @@ const Qu = {
       ])
     ], 2));
   }
-}, Fc = { class: "bg-white border-b border-gray-200" }, Nc = { class: "flex-1 min-w-80 max-w-md" }, Ec = { class: "relative group" }, Lc = ["model-value", "placeholder"], _c = {
+}, Fc = { class: "bg-white border-b border-gray-200" }, Ec = { class: "flex-1 min-w-80 max-w-md" }, Nc = { class: "relative group" }, Lc = ["model-value", "placeholder"], _c = {
   key: 0,
   class: "min-w-36"
 }, Rc = { class: "relative" }, qc = ["value"], Yc = {
@@ -9724,8 +9724,8 @@ const Qu = {
         i("div", {
           class: m(b.value)
         }, [
-          i("div", Nc, [
-            i("div", Ec, [
+          i("div", Ec, [
+            i("div", Nc, [
               P(I, {
                 icon: "magnifying-glass",
                 class: m(f.value)
@@ -9755,7 +9755,7 @@ const Qu = {
                 class: m(j.value),
                 onChange: Y[2] || (Y[2] = (F) => X.$emit("update:selectedStatus", F.target.value))
               }, {
-                default: E(() => [
+                default: N(() => [
                   Y[5] || (Y[5] = i("option", { value: "" }, " All Status ", -1)),
                   (o(!0), d(K, null, J(e.statusOptions, (F) => (o(), d("option", {
                     key: F.value,
@@ -9797,7 +9797,7 @@ const Qu = {
               class: m(W.value),
               onClick: he
             }, {
-              default: E(() => [
+              default: N(() => [
                 P(I, {
                   icon: "rotate-left",
                   class: "w-4 h-4 mr-2"
@@ -9811,7 +9811,7 @@ const Qu = {
               class: m(k.value),
               onClick: Y[3] || (Y[3] = (F) => X.$emit("export"))
             }, {
-              default: E(() => [
+              default: N(() => [
                 P(I, {
                   icon: "download",
                   class: "w-4 h-4 mr-2"
@@ -9827,7 +9827,7 @@ const Qu = {
                 size: "lg",
                 onClick: Y[4] || (Y[4] = (F) => X.$emit("add"))
               }, {
-                default: E(() => [
+                default: N(() => [
                   P(I, {
                     icon: "plus",
                     class: "w-4 h-4 mr-2"
@@ -10110,7 +10110,7 @@ const Qu = {
                 class: m(se(ee)),
                 onClick: (he) => T.$emit("bulk-action", { action: ee.key, items: e.selectedItems })
               }, {
-                default: E(() => [
+                default: N(() => [
                   ee.icon ? (o(), R(re, {
                     key: 0,
                     icon: ee.icon,
@@ -10224,7 +10224,7 @@ const Qu = {
     return (a, t) => {
       const n = ie("Logo"), r = ie("Text"), l = ie("Typography"), s = ie("Link"), u = ie("Icon"), c = ie("Divider");
       return o(), d("footer", {
-        class: m(N(S)("bg-gray-50 border-t border-gray-200", e.className))
+        class: m(E(S)("bg-gray-50 border-t border-gray-200", e.className))
       }, [
         i("div", $f, [
           i("div", zf, [
@@ -10232,7 +10232,7 @@ const Qu = {
               B(a.$slots, "brand", {}, () => [
                 P(n, { class: "mb-4" }),
                 P(r, { class: "text-gray-600 max-w-md" }, {
-                  default: E(() => [...t[0] || (t[0] = [
+                  default: N(() => [...t[0] || (t[0] = [
                     G(" Building beautiful applications with modern Vue.js components. ", -1)
                   ])]),
                   _: 1
@@ -10245,7 +10245,7 @@ const Qu = {
                   variant: "h6",
                   class: "mb-4"
                 }, {
-                  default: E(() => [...t[1] || (t[1] = [
+                  default: N(() => [...t[1] || (t[1] = [
                     G(" Quick Links ", -1)
                   ])]),
                   _: 1
@@ -10255,7 +10255,7 @@ const Qu = {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
-                    default: E(() => [...t[2] || (t[2] = [
+                    default: N(() => [...t[2] || (t[2] = [
                       G(" About ", -1)
                     ])]),
                     _: 1
@@ -10264,7 +10264,7 @@ const Qu = {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
-                    default: E(() => [...t[3] || (t[3] = [
+                    default: N(() => [...t[3] || (t[3] = [
                       G(" Services ", -1)
                     ])]),
                     _: 1
@@ -10273,7 +10273,7 @@ const Qu = {
                     href: "#",
                     class: "block text-gray-600 hover:text-gray-900"
                   }, {
-                    default: E(() => [...t[4] || (t[4] = [
+                    default: N(() => [...t[4] || (t[4] = [
                       G(" Contact ", -1)
                     ])]),
                     _: 1
@@ -10287,7 +10287,7 @@ const Qu = {
                   variant: "h6",
                   class: "mb-4"
                 }, {
-                  default: E(() => [...t[5] || (t[5] = [
+                  default: N(() => [...t[5] || (t[5] = [
                     G(" Follow Us ", -1)
                   ])]),
                   _: 1
@@ -10297,7 +10297,7 @@ const Qu = {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
                   }, {
-                    default: E(() => [
+                    default: N(() => [
                       P(u, {
                         name: "twitter",
                         class: "h-5 w-5"
@@ -10309,7 +10309,7 @@ const Qu = {
                     href: "#",
                     class: "text-gray-600 hover:text-gray-900"
                   }, {
-                    default: E(() => [
+                    default: N(() => [
                       P(u, {
                         name: "github",
                         class: "h-5 w-5"
@@ -10325,7 +10325,7 @@ const Qu = {
           i("div", Tf, [
             B(a.$slots, "copyright", {}, () => [
               P(r, { class: "text-gray-600" }, {
-                default: E(() => [
+                default: N(() => [
                   G(" © " + x((/* @__PURE__ */ new Date()).getFullYear()) + " Your Company. All rights reserved. ", 1)
                 ]),
                 _: 1
@@ -10337,7 +10337,7 @@ const Qu = {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
                 }, {
-                  default: E(() => [...t[6] || (t[6] = [
+                  default: N(() => [...t[6] || (t[6] = [
                     G(" Privacy ", -1)
                   ])]),
                   _: 1
@@ -10346,7 +10346,7 @@ const Qu = {
                   href: "#",
                   class: "text-gray-600 hover:text-gray-900"
                 }, {
-                  default: E(() => [...t[7] || (t[7] = [
+                  default: N(() => [...t[7] || (t[7] = [
                     G(" Terms ", -1)
                   ])]),
                   _: 1
@@ -10364,7 +10364,7 @@ const Qu = {
 }, Mf = { class: "text-lg font-bold text-blue-900 truncate max-w-[200px]" }, Ff = {
   key: 0,
   class: "text-xs text-blue-600 truncate font-medium"
-}, Nf = { class: "hidden md:flex items-center space-x-2 text-sm truncate" }, Ef = { class: "text-gray-500 truncate" }, Lf = { class: "text-gray-900 font-medium truncate" }, _f = { class: "flex items-center space-x-3 md:space-x-4" }, Rf = {
+}, Ef = { class: "hidden md:flex items-center space-x-2 text-sm truncate" }, Nf = { class: "text-gray-500 truncate" }, Lf = { class: "text-gray-900 font-medium truncate" }, _f = { class: "flex items-center space-x-3 md:space-x-4" }, Rf = {
   key: 1,
   class: "relative"
 }, qf = {
@@ -10390,7 +10390,7 @@ const Qu = {
     notifications: { type: Array, default: () => [] },
     profileMenuItems: { type: Array, required: !0 },
     mobileOpen: { type: Boolean, default: !1 },
-    organisationName: { type: String, default: "" },
+    currentOrganisation: { type: Object, default: null },
     companyLogo: { type: String, default: "" }
   },
   emits: ["search", "profile-action", "logout", "navigate", "toggle-mobile-sidebar"],
@@ -10417,19 +10417,19 @@ const Qu = {
     }), me(r, (j) => n("search", j)), (j, A) => {
       const ne = ie("router-link");
       return o(), d("header", {
-        class: m(N(S)(
+        class: m(E(S)(
           "fixed top-0 z-50 bg-white border-b border-gray-200 transition-all duration-300 ease-in-out w-full"
         )),
         style: { left: "0" }
       }, [
         i("div", Of, [
           i("div", Vf, [
-            e.organisationName ? (o(), d("div", Df, [
-              i("p", Mf, x(e.organisationName), 1),
-              e.user.organisations?.role ? (o(), d("p", Ff, x(e.user.organisations.role), 1)) : h("", !0)
+            e.currentOrganisation ? (o(), d("div", Df, [
+              i("p", Mf, x(e.currentOrganisation.organisation_name), 1),
+              e.currentOrganisation.role ? (o(), d("p", Ff, x(e.currentOrganisation.role), 1)) : h("", !0)
             ])) : h("", !0),
-            i("nav", Nf, [
-              i("span", Ef, x(e.currentSection), 1),
+            i("nav", Ef, [
+              i("span", Nf, x(e.currentSection), 1),
               A[4] || (A[4] = i("svg", {
                 class: "w-4 h-4 text-gray-400 flex-shrink-0",
                 fill: "none",
@@ -10547,7 +10547,7 @@ const Qu = {
               "leave-from-class": "opacity-100 translate-y-0 scale-100",
               "leave-to-class": "opacity-0 translate-y-2 scale-95"
             }, {
-              default: E(() => [
+              default: N(() => [
                 l.value ? (o(), d("div", Yf, [
                   A[10] || (A[10] = i("div", { class: "p-4 border-b border-gray-200" }, [
                     i("h3", { class: "text-lg font-semibold text-gray-900" }, " Notifications ")
@@ -10607,7 +10607,7 @@ const Qu = {
                 "leave-from-class": "opacity-100 translate-y-0 scale-100",
                 "leave-to-class": "opacity-0 translate-y-2 scale-95"
               }, {
-                default: E(() => [
+                default: N(() => [
                   s.value ? (o(), d("div", am, [
                     i("div", nm, [
                       i("p", rm, x(e.user.name), 1),
@@ -10620,16 +10620,16 @@ const Qu = {
                         q.route ? (o(), R(ne, {
                           key: 0,
                           to: q.route,
-                          class: m(N(S)(
+                          class: m(E(S)(
                             "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
                             g(q) ? "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: (se) => z(q)
                         }, {
-                          default: E(() => [
+                          default: N(() => [
                             g(q) ? (o(), d("div", om)) : h("", !0),
                             i("div", {
-                              class: m(N(S)(
+                              class: m(E(S)(
                                 "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2",
                                 g(q) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
                               ))
@@ -10641,7 +10641,7 @@ const Qu = {
                               }, null, 8, ["icon"])) : h("", !0)
                             ], 2),
                             i("span", {
-                              class: m(N(S)(
+                              class: m(E(S)(
                                 "flex-1 truncate font-semibold",
                                 g(q) ? "text-blue-700" : "text-gray-700"
                               ))
@@ -10843,7 +10843,7 @@ const Qu = {
       resizable: e.modalResizable,
       onClose: z
     }, {
-      default: E(() => [
+      default: N(() => [
         i("div", fm, [
           i("h2", mm, x(e.modalType === "create" ? `Add New ${e.entityName}` : `Edit ${e.entityName}`), 1),
           i("p", gm, x(e.modalType === "create" ? `Fill in the details to create a new ${e.entityName.toLowerCase()}.` : `Update the ${e.entityName.toLowerCase()} information below.`), 1)
@@ -10862,7 +10862,7 @@ const Qu = {
               error: u.value[f.name],
               "error-message": u.value[f.name]
             }, {
-              default: E(({ fieldId: p, hasError: V, ariaDescribedBy: j }) => [
+              default: N(({ fieldId: p, hasError: V, ariaDescribedBy: j }) => [
                 f.type === "text" || f.type === "number" || f.type === "password" || f.type === "color" ? (o(), R(qt, {
                   key: 0,
                   id: p,
@@ -10899,7 +10899,7 @@ const Qu = {
                   "aria-describedby": j,
                   "onUpdate:modelValue": (A) => C(f, A)
                 }, {
-                  default: E(() => [
+                  default: N(() => [
                     i("option", vm, x(f.placeholder || "Select an option"), 1),
                     (o(!0), d(K, null, J(f.options, (A) => (o(), d("option", {
                       key: A.value,
@@ -10921,7 +10921,7 @@ const Qu = {
                     for: p,
                     class: "ml-2 text-sm text-gray-700"
                   }, {
-                    default: E(() => [
+                    default: N(() => [
                       G(x(f.checkboxLabel), 1)
                     ]),
                     _: 2
@@ -10961,7 +10961,7 @@ const Qu = {
               disabled: l.value,
               onClick: z
             }, {
-              default: E(() => [...b[1] || (b[1] = [
+              default: N(() => [...b[1] || (b[1] = [
                 G(" Cancel ", -1)
               ])]),
               _: 1
@@ -10972,7 +10972,7 @@ const Qu = {
               loading: l.value,
               variant: "default"
             }, {
-              default: E(() => [
+              default: N(() => [
                 G(x(e.modalType === "create" ? `Create ${e.entityName}` : `Update ${e.entityName}`), 1)
               ]),
               _: 1
@@ -11007,7 +11007,7 @@ const Qu = {
 }, Fm = {
   key: 1,
   class: "ml-2 inline-flex items-center justify-center px-2 py-0.5 text-xs font-bold rounded-full bg-red-500 text-white"
-}, Nm = { class: "p-3" }, Em = { class: "space-y-1" }, Lm = {
+}, Em = { class: "p-3" }, Nm = { class: "space-y-1" }, Lm = {
   key: 0,
   class: "px-3 py-2 text-xs font-semibold text-gray-500 uppercase tracking-wider"
 }, _m = {
@@ -11118,7 +11118,7 @@ const Qu = {
           "leave-from-class": "opacity-100",
           "leave-to-class": "opacity-0"
         }, {
-          default: E(() => [
+          default: N(() => [
             y.value && l.value ? (o(), d("div", {
               key: 0,
               class: "fixed inset-0 z-30 lg:hidden",
@@ -11128,11 +11128,11 @@ const Qu = {
           _: 1
         }),
         i("aside", {
-          class: m(N(S)(
+          class: m(E(S)(
             "fixed left-0 z-40 border-r overflow-hidden flex flex-col",
             "transition-all duration-300 ease-in-out",
             "bg-white border-gray-200",
-            l.value ? N(S)("transform h-screen", y.value ? "translate-x-0" : "-translate-x-full") : "translate-x-0 h-[calc(100vh-4rem)]"
+            l.value ? E(S)("transform h-screen", y.value ? "translate-x-0" : "-translate-x-full") : "translate-x-0 h-[calc(100vh-4rem)]"
           )),
           style: de({ width: e.sidebarWidth + "px", top: l.value ? "0px" : "4rem" })
         }, [
@@ -11166,14 +11166,14 @@ const Qu = {
                 k.type === "link" ? (o(), d("div", Cm, [
                   g(k) ? (o(), d("div", {
                     key: 1,
-                    class: m(N(S)(
+                    class: m(E(S)(
                       "flex flex-col items-center justify-center rounded-xl transition-all duration-200 cursor-pointer group relative py-4 px-3",
                       q(k) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
                     )),
                     onClick: (T) => b(k)
                   }, [
                     i("div", {
-                      class: m(N(S)(
+                      class: m(E(S)(
                         "flex items-center justify-center rounded-lg transition-colors mb-2",
                         "w-12 h-12",
                         q(k) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
@@ -11185,7 +11185,7 @@ const Qu = {
                       }, null, 8, ["icon"])
                     ], 2),
                     i("span", {
-                      class: m(N(S)(
+                      class: m(E(S)(
                         "text-xs font-medium text-center",
                         q(k) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                       ))
@@ -11195,15 +11195,15 @@ const Qu = {
                   ], 10, zm)) : (o(), R(W, {
                     key: 0,
                     to: k.route,
-                    class: m(N(S)(
+                    class: m(E(S)(
                       "flex flex-col items-center justify-center rounded-xl transition-all duration-200 group relative py-4 px-3",
                       q(k) ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
                     )),
                     onClick: (T) => $(k)
                   }, {
-                    default: E(() => [
+                    default: N(() => [
                       i("div", {
-                        class: m(N(S)(
+                        class: m(E(S)(
                           "flex items-center justify-center rounded-lg transition-colors mb-2",
                           "w-12 h-12",
                           q(k) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
@@ -11215,7 +11215,7 @@ const Qu = {
                         }, null, 8, ["icon"])
                       ], 2),
                       i("span", {
-                        class: m(N(S)(
+                        class: m(E(S)(
                           "text-xs font-medium text-center",
                           q(k) ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                         ))
@@ -11230,14 +11230,14 @@ const Qu = {
           ]),
           e.showManagementSettings ? (o(), d("div", Pm, [
             i("div", {
-              class: m(N(S)(
+              class: m(E(S)(
                 "flex flex-col items-center justify-center rounded-xl transition-all duration-200 cursor-pointer group relative py-4 px-3",
                 e.isManagementSettingsActive ? "bg-gradient-to-br from-blue-50 to-blue-100 border border-blue-200 shadow-sm" : "text-gray-500 hover:bg-gray-100 hover:text-gray-900 border border-transparent"
               )),
               onClick: f
             }, [
               i("div", {
-                class: m(N(S)(
+                class: m(E(S)(
                   "flex items-center justify-center rounded-lg transition-colors mb-2",
                   "w-12 h-12",
                   e.isManagementSettingsActive ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "text-gray-500 group-hover:text-gray-900 bg-gray-100 group-hover:bg-gray-200"
@@ -11249,7 +11249,7 @@ const Qu = {
                 })
               ], 2),
               i("span", {
-                class: m(N(S)(
+                class: m(E(S)(
                   "text-xs font-medium text-center",
                   e.isManagementSettingsActive ? "text-blue-700 font-semibold" : "text-gray-500 group-hover:text-gray-900"
                 ))
@@ -11266,11 +11266,11 @@ const Qu = {
           "leave-from-class": "opacity-100 translate-x-0",
           "leave-to-class": "opacity-0 -translate-x-full"
         }, {
-          default: E(() => [
+          default: N(() => [
             s.value ? (o(), d("aside", {
               key: 0,
               class: m(
-                N(S)(
+                E(S)(
                   "fixed z-40 bg-white border-r border-gray-200 overflow-y-auto shadow-lg",
                   l.value ? "left-0 w-52 top-20 h-screen" : "w-56 top-16 h-[calc(100vh-4rem)]"
                 )
@@ -11307,18 +11307,18 @@ const Qu = {
                     key: k.name,
                     to: k.route,
                     class: m(
-                      N(S)(
+                      E(S)(
                         "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
                         q(k) ? "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: (T) => A(k)
                   }, {
-                    default: E(() => [
+                    default: N(() => [
                       q(k) ? (o(), d("div", Mm)) : h("", !0),
                       i("div", {
                         class: m(
-                          N(S)(
+                          E(S)(
                             "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors ml-2",
                             q(k) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
                           )
@@ -11331,7 +11331,7 @@ const Qu = {
                         }, null, 8, ["icon"])) : h("", !0)
                       ], 2),
                       i("span", {
-                        class: m(N(S)(
+                        class: m(E(S)(
                           "flex-1 truncate font-semibold",
                           q(k) ? "text-blue-700" : "text-gray-700"
                         ))
@@ -11354,11 +11354,11 @@ const Qu = {
           "leave-from-class": "opacity-100 translate-x-0",
           "leave-to-class": "opacity-0 -translate-x-full"
         }, {
-          default: E(() => [
+          default: N(() => [
             c.value ? (o(), d("aside", {
               key: 0,
               class: m(
-                N(S)(
+                E(S)(
                   "fixed z-40 bg-white border-r border-gray-200 overflow-y-auto shadow-lg",
                   l.value ? "left-0 w-52 top-20 h-full" : "w-58 h-[calc(100vh-4rem)]"
                 )
@@ -11389,8 +11389,8 @@ const Qu = {
                   Z[3] || (Z[3] = i("h3", { class: "flex-1 text-sm font-bold text-gray-900 ml-2" }, " Management Settings ", -1))
                 ])
               ]),
-              i("nav", Nm, [
-                i("div", Em, [
+              i("nav", Em, [
+                i("div", Nm, [
                   (o(!0), d(K, null, J(e.managementSettings, (k) => (o(), d(K, {
                     key: k.name
                   }, [
@@ -11398,18 +11398,18 @@ const Qu = {
                       key: 1,
                       to: k.route,
                       class: m(
-                        N(S)(
+                        E(S)(
                           "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
                           q(k) ? "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: (T) => ne(k)
                     }, {
-                      default: E(() => [
+                      default: N(() => [
                         q(k) ? (o(), d("div", _m)) : h("", !0),
                         i("div", {
                           class: m(
-                            N(S)(
+                            E(S)(
                               "flex items-center justify-center w-8 h-8 rounded-lg mr-3 flex-shrink-0 transition-colors",
                               q(k) ? "bg-gradient-to-br from-blue-500 to-blue-600 text-white shadow-md" : "bg-gray-100 text-gray-600 group-hover:bg-gray-200"
                             )
@@ -11422,7 +11422,7 @@ const Qu = {
                           }, null, 8, ["icon"])) : h("", !0)
                         ], 2),
                         i("span", {
-                          class: m(N(S)(
+                          class: m(E(S)(
                             "flex-1 truncate font-semibold",
                             q(k) ? "text-blue-700" : "text-gray-700"
                           ))
@@ -11445,7 +11445,7 @@ const Qu = {
           "leave-from-class": "opacity-100",
           "leave-to-class": "opacity-0"
         }, {
-          default: E(() => [
+          default: N(() => [
             (s.value || c.value) && l.value ? (o(), d("div", {
               key: 0,
               class: "fixed inset-0 z-30 bg-transparent",
@@ -11757,29 +11757,29 @@ const $g = /* @__PURE__ */ yt(Xm, [["render", Cg]]), zg = { class: "min-h-screen
       const n = ie("Logo"), r = ie("MainNavigation"), l = ie("Button"), s = ie("Header"), u = ie("Breadcrumb"), c = ie("Text"), y = ie("Footer");
       return o(), d("div", zg, [
         P(s, null, {
-          logo: E(() => [
+          logo: N(() => [
             B(a.$slots, "logo", {}, () => [
               P(n)
             ])
           ]),
-          navigation: E(() => [
+          navigation: N(() => [
             B(a.$slots, "navigation", {}, () => [
               P(r, { items: e.navigationItems }, null, 8, ["items"])
             ])
           ]),
-          actions: E(() => [
+          actions: N(() => [
             B(a.$slots, "header-actions", {}, () => [
               P(l, {
                 variant: "ghost",
                 size: "sm"
               }, {
-                default: E(() => [...t[0] || (t[0] = [
+                default: N(() => [...t[0] || (t[0] = [
                   G(" Sign In ", -1)
                 ])]),
                 _: 1
               }),
               P(l, { size: "sm" }, {
-                default: E(() => [...t[1] || (t[1] = [
+                default: N(() => [...t[1] || (t[1] = [
                   G(" Get Started ", -1)
                 ])]),
                 _: 1
@@ -11801,11 +11801,11 @@ const $g = /* @__PURE__ */ yt(Xm, [["render", Cg]]), zg = { class: "min-h-screen
           ])
         ]),
         P(y, null, {
-          brand: E(() => [
+          brand: N(() => [
             B(a.$slots, "footer-brand", {}, () => [
               P(n, { class: "mb-4" }),
               P(c, { class: "text-gray-600 max-w-md" }, {
-                default: E(() => [...t[2] || (t[2] = [
+                default: N(() => [...t[2] || (t[2] = [
                   G(" Your application description goes here. ", -1)
                 ])]),
                 _: 1
@@ -12086,7 +12086,7 @@ const $g = /* @__PURE__ */ yt(Xm, [["render", Cg]]), zg = { class: "min-h-screen
 }, Og = { class: "flex justify-center" }, Vg = { class: "flex items-center gap-3" }, Dg = { class: "text-2xl font-bold text-slate-900" }, Mg = {
   key: 1,
   class: "bg-red-100 border border-red-200 rounded-lg p-4 mx-auto max-w-md mb-6"
-}, Fg = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, Ng = ["disabled"], Eg = {
+}, Fg = { class: "flex flex-col sm:flex-row gap-4 justify-center" }, Eg = ["disabled"], Ng = {
   key: 0,
   class: "animate-spin"
 }, Lg = { key: 1 }, _g = ["disabled"], Rg = { key: 0 }, qg = { key: 1 }, Yg = {
@@ -12202,9 +12202,9 @@ function Jg(e, a, t, n, r, l) {
                 class: "border border-slate-300 text-slate-700 px-6 py-3 rounded-lg font-medium hover:bg-slate-50 transition-colors flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed",
                 onClick: a[2] || (a[2] = (...s) => n.retry && n.retry(...s))
               }, [
-                n.isRetrying ? (o(), d("span", Eg, "↻")) : (o(), d("span", Lg, "🔄")),
+                n.isRetrying ? (o(), d("span", Ng, "↻")) : (o(), d("span", Lg, "🔄")),
                 G(" " + x(n.isRetrying ? "Retrying..." : t.retryButtonText), 1)
-              ], 8, Ng)) : h("", !0),
+              ], 8, Eg)) : h("", !0),
               t.showSupportButton ? (o(), d("button", {
                 key: 3,
                 disabled: n.reportSent,
@@ -12426,7 +12426,7 @@ const Qg = /* @__PURE__ */ yt(Bg, [["render", Jg]]), Zg = {
   STLLoader: Ye,
   Alert: Oi,
   Breadcrumb: Mi,
-  ButtonGroup: Ni,
+  ButtonGroup: Ei,
   Card: Wi,
   CardHeader: Hi,
   CardBody: Gi,
@@ -12440,7 +12440,7 @@ const Qg = /* @__PURE__ */ yt(Bg, [["render", Jg]]), Zg = {
   FormField: ar,
   InputGroup: Pu,
   ListItem: Mu,
-  MenuItem: Nu,
+  MenuItem: Eu,
   Modal: nr,
   ModalHeader: Ru,
   ModalBody: qu,
@@ -12451,7 +12451,7 @@ const Qg = /* @__PURE__ */ yt(Bg, [["render", Jg]]), Zg = {
   Slider: sr,
   Stepper: Id,
   StepperItem: Od,
-  Tab: Nd,
+  Tab: Ed,
   TabPanel: _d,
   Accordion: Hd,
   AccordionItem: Gd,
@@ -12490,7 +12490,7 @@ export {
   Ro as Badge,
   Mi as Breadcrumb,
   Ce as Button,
-  Ni as ButtonGroup,
+  Ei as ButtonGroup,
   rc as Calendar,
   Wi as Card,
   Gi as CardBody,
@@ -12524,7 +12524,7 @@ export {
   ui as Link,
   Mu as ListItem,
   ci as Logo,
-  Nu as MenuItem,
+  Eu as MenuItem,
   nr as Modal,
   qu as ModalBody,
   Yu as ModalFooter,
@@ -12544,7 +12544,7 @@ export {
   Id as Stepper,
   Od as StepperItem,
   ki as Switch,
-  Nd as Tab,
+  Ed as Tab,
   _d as TabPanel,
   Si as Text,
   tr as Textarea,