@wishbone-media/spark 0.30.0 → 0.30.1

package/dist/index.js

@@ -1,10 +1,10 @@
-import { computed as $, resolveComponent as E, createElementBlock as y, openBlock as h, normalizeClass as V, createElementVNode as m, createCommentVNode as T, createVNode as S, unref as _, renderSlot as O, reactive as K, Fragment as D, renderList as B, toDisplayString as M, createBlock as H, resolveDynamicComponent as Z, markRaw as ce, ref as R, watch as j, onMounted as ye, Transition as ht, withCtx as L, normalizeProps as gt, mergeProps as q, createTextVNode as A, Teleport as yt, TransitionGroup as ue, inject as $e, provide as vt, withModifiers as U, toHandlers as Oe, useSlots as Be, onUnmounted as ze, withDirectives as bt, vShow as xt, h as Te } from "vue";
+import { computed as $, resolveComponent as E, createElementBlock as y, openBlock as h, normalizeClass as V, createElementVNode as m, createCommentVNode as T, createVNode as S, unref as C, renderSlot as O, reactive as K, Fragment as D, renderList as B, toDisplayString as M, createBlock as H, resolveDynamicComponent as Z, markRaw as ce, ref as R, watch as j, onMounted as ye, Transition as ht, withCtx as L, normalizeProps as gt, mergeProps as q, createTextVNode as A, Teleport as yt, TransitionGroup as ue, inject as $e, provide as vt, withModifiers as U, toHandlers as Oe, useSlots as Be, onUnmounted as ze, withDirectives as bt, vShow as xt, h as Te } from "vue";
 import { icon as te, library as je } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon as he } from "@fortawesome/vue-fontawesome";
-import { faCircleDot as Ne, faEyeDropper as Ze, faAnglesLeft as qe, faAnglesRight as Ue, faStar as Ke, faSpinnerThird as Ge, faCircle as kt, faFile as we, faCalendar as We, faArrowUp as Ye, faArrowDown as Xe, faPlus as Je, faCircleCheck as wt, faInbox as _t, faCloudDownload as Ct, faBolt as St, faUndo as $t, faEye as Tt, faSignOut as Lt, faXmark as _e, faTrash as Qe, faTimes as Pt, faStreetView as Mt, faSortUp as Vt, faSortDown as Ht, faSort as Rt, faScaleBalanced as Ft, faSatelliteDish as Dt, faLayerPlus as Et, faLaptopMobile as At, faInfoCircle as It, faGripDotsVertical as et, faGearComplex as Ot, faFlag as Bt, faFaceSmileWink as zt, faFaceSmileRelaxed as jt, faExclamationTriangle as Nt, faEllipsisVertical as Zt, faEllipsis as qt, faEdit as Ut, faComments as Kt, faCircleXmark as Gt, faCircleUser as Wt, faChevronUp as Yt, faChevronRight as tt, faChevronLeft as st, faChevronDown as at, faCheckCircle as Xt, faCheck as Ce, faBullhorn as Jt, faBellRing as Qt, faBarsSort as es, faArrowRightToLine as ts, faArrowLeftToLine as ss } from "@fortawesome/pro-regular-svg-icons";
+import { faCircleDot as Ne, faEyeDropper as Ze, faAnglesLeft as qe, faAnglesRight as Ue, faStar as Ke, faSpinnerThird as We, faCircle as kt, faFile as we, faCalendar as Ge, faArrowUp as Ye, faArrowDown as Xe, faPlus as Je, faCircleCheck as wt, faInbox as _t, faCloudDownload as Ct, faBolt as St, faUndo as $t, faEye as Tt, faSignOut as Lt, faXmark as _e, faTrash as Qe, faTimes as Pt, faStreetView as Mt, faSortUp as Vt, faSortDown as Ht, faSort as Rt, faScaleBalanced as Ft, faSatelliteDish as Dt, faLayerPlus as Et, faLaptopMobile as At, faInfoCircle as It, faGripDotsVertical as et, faGearComplex as Ot, faFlag as Bt, faFaceSmileWink as zt, faFaceSmileRelaxed as jt, faExclamationTriangle as Nt, faEllipsisVertical as Zt, faEllipsis as qt, faEdit as Ut, faComments as Kt, faCircleXmark as Wt, faCircleUser as Gt, faChevronUp as Yt, faChevronRight as tt, faChevronLeft as st, faChevronDown as at, faCheckCircle as Xt, faCheck as Ce, faBullhorn as Jt, faBellRing as Qt, faBarsSort as es, faArrowRightToLine as ts, faArrowLeftToLine as ss } from "@fortawesome/pro-regular-svg-icons";
 import { faSortUp as as, faSortDown as os, faSort as rs } from "@fortawesome/pro-duotone-svg-icons";
 import { defineStore as pe } from "pinia";
-import { useRoute as se, useRouter as G, onBeforeRouteLeave as ns } from "vue-router";
+import { useRoute as se, useRouter as W, onBeforeRouteLeave as ns } from "vue-router";
 import { TransitionRoot as ot, Dialog as rt, TransitionChild as ge, DialogPanel as nt } from "@headlessui/vue";
 import ve from "nprogress";
 import { range as ls, get as ee, find as is, has as cs } from "lodash";
@@ -28,8 +28,8 @@ const F = {
   farChevronLeft: st,
   farChevronRight: tt,
   farChevronUp: Yt,
-  farCircleUser: Wt,
-  farCircleXmark: Gt,
+  farCircleUser: Gt,
+  farCircleXmark: Wt,
   farComments: Kt,
   farEdit: Ut,
   farEllipsis: qt,
@@ -66,10 +66,10 @@ const F = {
   farPlus: Je,
   farArrowDown: Xe,
   farArrowUp: Ye,
-  farCalendar: We,
+  farCalendar: Ge,
   farFile: we,
   farCircle: kt,
-  farSpinner: Ge,
+  farSpinner: We,
   farStar: Ke,
   farAnglesRight: Ue,
   farAnglesLeft: qe,
@@ -87,7 +87,7 @@ const F = {
   check: Ce,
   close: _e,
   checkboxDecorator: Ce,
-  date: We,
+  date: Ge,
   dragHandle: et,
   fileItem: we,
   fileRemove: _e,
@@ -95,7 +95,7 @@ const F = {
   radioDecorator: Ne,
   // Circle with dot for radio indicator
   select: at,
-  spinner: Ge,
+  spinner: We,
   star: Ke,
   trash: Qe,
   fastForward: Ue,
@@ -120,7 +120,7 @@ function Un(e) {
 function Kn(e) {
   Object.assign(F, e), je.add(...Object.values(e));
 }
-function Gn(e) {
+function Wn(e) {
   je.add(...Object.values(F)), e.component("FontAwesomeIcon", he);
 }
 const bs = { class: "flex items-center" }, xs = { class: "shrink-0 self-start" }, ks = { class: "ml-3" }, ws = {
@@ -156,21 +156,21 @@ const bs = { class: "flex items-center" }, xs = { class: "shrink-0 self-start" }
       warning: "farExclamationTriangle",
       danger: "farCircleXmark",
       info: "farInfoCircle"
-    })[s.type]), n = $(() => ({
+    })[s.type]), r = $(() => ({
       success: "text-green-400 hover:bg-green-100",
       warning: "text-yellow-400 hover:bg-yellow-100",
       danger: "text-red-400 hover:bg-red-100",
       info: "text-blue-400 hover:bg-blue-100"
     })[s.type]);
     return (o, i) => {
-      const r = E("font-awesome-icon");
+      const n = E("font-awesome-icon");
       return h(), y("div", {
         class: V(["rounded-md border p-4", t.value])
       }, [
         m("div", bs, [
           m("div", xs, [
-            S(r, {
-              icon: _(F)[l.value],
+            S(n, {
+              icon: C(F)[l.value],
               class: V(a.value)
             }, null, 8, ["icon", "class"])
           ]),
@@ -181,11 +181,11 @@ const bs = { class: "flex items-center" }, xs = { class: "shrink-0 self-start" }
             m("div", _s, [
               m("button", {
                 type: "button",
-                class: V(["inline-flex rounded-md px-2 py-1.5", n.value]),
+                class: V(["inline-flex rounded-md px-2 py-1.5", r.value]),
                 onClick: i[0] || (i[0] = (c) => o.$emit("close"))
               }, [
-                S(r, {
-                  icon: _(F).farXmark
+                S(n, {
+                  icon: C(F).farXmark
                 }, null, 8, ["icon"])
               ], 2)
             ])
@@ -246,11 +246,11 @@ const bs = { class: "flex items-center" }, xs = { class: "shrink-0 self-start" }
 ], it = pe("sparkAppSelector", () => {
   const e = K({
     apps: [...be]
-  }), s = (n = {}) => {
-    if (n.apps && Array.isArray(n.apps)) {
-      const o = n.apps.filter((i) => {
-        const r = i.name && i.description && i.icon && i.href;
-        return r || console.warn("useSparkAppSelectorStore: Invalid app object", i), r;
+  }), s = (r = {}) => {
+    if (r.apps && Array.isArray(r.apps)) {
+      const o = r.apps.filter((i) => {
+        const n = i.name && i.description && i.icon && i.href;
+        return n || console.warn("useSparkAppSelectorStore: Invalid app object", i), n;
       });
       e.apps = o.map((i) => ({
         name: i.name,
@@ -260,23 +260,23 @@ const bs = { class: "flex items-center" }, xs = { class: "shrink-0 self-start" }
       }));
       return;
     }
-    if (n.appHrefs && typeof n.appHrefs == "object") {
+    if (r.appHrefs && typeof r.appHrefs == "object") {
       const o = /* @__PURE__ */ new Map();
-      Object.keys(n.appHrefs).forEach((i) => {
-        o.set(i.toLowerCase(), n.appHrefs[i]);
+      Object.keys(r.appHrefs).forEach((i) => {
+        o.set(i.toLowerCase(), r.appHrefs[i]);
       }), e.apps = be.map((i) => {
-        const r = o.get(i.name.toLowerCase());
+        const n = o.get(i.name.toLowerCase());
         return {
           ...i,
-          href: r || i.href
+          href: n || i.href
         };
       });
       return;
     }
     e.apps = [...be];
-  }, t = $(() => e.apps), a = (n) => {
-    if (!n) return null;
-    const o = n.toLowerCase();
+  }, t = $(() => e.apps), a = (r) => {
+    if (!r) return null;
+    const o = r.toLowerCase();
     return e.apps.find((i) => i.name.toLowerCase() === o) || null;
   };
   return {
@@ -284,8 +284,8 @@ const bs = { class: "flex items-center" }, xs = { class: "shrink-0 self-start" }
     initialize: s,
     allApps: t,
     getAppByName: a,
-    getAppIcon: (n) => {
-      const o = a(n);
+    getAppIcon: (r) => {
+      const o = a(r);
       return o ? o.icon : "";
     }
   };
@@ -325,31 +325,31 @@ const bs = { class: "flex items-center" }, xs = { class: "shrink-0 self-start" }
   },
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, a = it(), l = ct(), n = $(() => {
+    const t = s, a = it(), l = ct(), r = $(() => {
       const i = l.state.app;
-      return a.state.apps.map((r) => ({
-        ...r,
-        current: i && r.name.toLowerCase() === i.toLowerCase()
+      return a.state.apps.map((n) => ({
+        ...n,
+        current: i && n.name.toLowerCase() === i.toLowerCase()
       }));
-    }), o = (i, r) => {
+    }), o = (i, n) => {
       t("select", i);
     };
-    return (i, r) => {
+    return (i, n) => {
       const c = E("font-awesome-icon");
       return h(), y("div", Cs, [
         m("div", Ss, [
           m("div", $s, [
             m("div", Ts, [
-              r[1] || (r[1] = m("div", null, "Mr Group Network", -1)),
+              n[1] || (n[1] = m("div", null, "Mr Group Network", -1)),
               m("div", Ls, [
                 S(c, {
-                  icon: _(F).farTimes,
+                  icon: C(F).farTimes,
                   class: "h-[15px] w-[15px] shrink-0 text-gray-400 cursor-pointer",
-                  onClick: r[0] || (r[0] = (d) => t("close"))
+                  onClick: n[0] || (n[0] = (d) => t("close"))
                 }, null, 8, ["icon"])
               ])
             ]),
-            (h(!0), y(D, null, B(n.value, (d) => (h(), y("a", {
+            (h(!0), y(D, null, B(r.value, (d) => (h(), y("a", {
               key: d.name,
               href: d.href,
               target: "_blank",
@@ -366,11 +366,11 @@ const bs = { class: "flex items-center" }, xs = { class: "shrink-0 self-start" }
               m("div", Ds, [
                 S(c, {
                   class: V([d.current ? "text-gray-700" : "text-gray-400", "h-5 w-5 shrink-0"]),
-                  icon: _(F)[d.icon]
+                  icon: C(F)[d.icon]
                 }, null, 8, ["class", "icon"])
               ])
             ], 10, Ps))), 128)),
-            r[2] || (r[2] = m("div", null, null, -1))
+            n[2] || (n[2] = m("div", null, null, -1))
           ]),
           m("div", Es, [
             i.$slots.bottom || e.bottomSlot ? (h(), y("div", As, [
@@ -408,10 +408,10 @@ function Bs() {
     shownOnPath: null
   });
   let s = null, t = 0, a = !1, l = null;
-  const n = () => {
+  const r = () => {
     s && (clearTimeout(s), s = null), t = 0, a = !1, l = null;
   }, o = () => {
-    n(), e.isVisible = !1;
+    r(), e.isVisible = !1;
   }, i = (f) => {
     f <= 0 || (t = f, l = Date.now(), s = setTimeout(() => {
       o();
@@ -420,19 +420,19 @@ function Bs() {
   return {
     state: e,
     show: (f = {}) => {
-      n();
+      r();
       const {
-        type: w = "info",
-        message: k = null,
+        type: x = "info",
+        message: w = null,
         component: v = null,
         props: u = {},
         closeable: g = !0,
-        duration: x = null,
+        duration: _ = null,
         persistent: b = !1
       } = f;
-      e.type = w, e.message = k, e.component = v ? ce(v) : null, e.props = u, e.closeable = g, e.persistent = b, e.isVisible = !0;
-      const C = x !== null ? x : ut[w];
-      e.duration = C, C > 0 && i(C);
+      e.type = x, e.message = w, e.component = v ? ce(v) : null, e.props = u, e.closeable = g, e.persistent = b, e.isVisible = !0;
+      const k = _ !== null ? _ : ut[x];
+      e.duration = k, k > 0 && i(k);
     },
     hide: o,
     reset: () => {
@@ -568,28 +568,28 @@ class zs {
       type: t = "info",
       message: a = null,
       component: l = null,
-      props: n = {},
+      props: r = {},
       closeable: o = !0,
       duration: i = null,
-      position: r = null
-    } = s, c = ++this._toastIdCounter, d = r && Pe.includes(r) ? r : this.toastState.defaultPosition, p = i !== null ? i : ut[t], f = {
+      position: n = null
+    } = s, c = ++this._toastIdCounter, d = n && Pe.includes(n) ? n : this.toastState.defaultPosition, p = i !== null ? i : ut[t], f = {
       id: c,
       type: t,
       message: a,
       component: l ? ce(l) : null,
-      props: n,
+      props: r,
       closeable: o,
       duration: p,
       position: d,
       createdAt: Date.now()
-    }, w = this.toastState.toasts.filter((k) => k.position === d);
-    if (w.length >= this.toastState.maxToasts) {
-      const k = this.toastState.newestOnTop ? w[w.length - 1] : w[0];
-      this.hideToast(k.id);
+    }, x = this.toastState.toasts.filter((w) => w.position === d);
+    if (x.length >= this.toastState.maxToasts) {
+      const w = this.toastState.newestOnTop ? x[x.length - 1] : x[0];
+      this.hideToast(w.id);
     }
     if (this.toastState.newestOnTop) {
-      const k = this.toastState.toasts.findIndex((v) => v.position === d);
-      k === -1 ? this.toastState.toasts.push(f) : this.toastState.toasts.splice(k, 0, f);
+      const w = this.toastState.toasts.findIndex((v) => v.position === d);
+      w === -1 ? this.toastState.toasts.push(f) : this.toastState.toasts.splice(w, 0, f);
     } else
       this.toastState.toasts.push(f);
     return p > 0 && this._startToastTimer(c, p), c;
@@ -665,7 +665,7 @@ class zs {
     t && (t.timeout && clearTimeout(t.timeout), this._toastTimers.delete(s));
   }
 }
-const z = new zs(), Wn = {
+const z = new zs(), Gn = {
   __name: "SparkNotificationOutlet",
   props: {
     name: {
@@ -686,8 +686,8 @@ const z = new zs(), Wn = {
       }
     ), j(
       () => a.value.state.isVisible,
-      (r) => {
-        r && !a.value.state.shownOnPath && (a.value.state.shownOnPath = t.path);
+      (n) => {
+        n && !a.value.state.shownOnPath && (a.value.state.shownOnPath = t.path);
       },
       { immediate: !0 }
     ), ye(() => {
@@ -698,14 +698,14 @@ const z = new zs(), Wn = {
         s.clearOnRouteChange && (t.meta.preserveNotifications || a.value.state.isVisible && (a.value.state.persistent || a.value.hide()));
       }
     );
-    const n = () => {
+    const r = () => {
       z.hide(s.name);
     }, o = () => {
       z.pause(s.name);
     }, i = () => {
       z.resume(s.name);
     };
-    return (r, c) => (h(), H(ht, {
+    return (n, c) => (h(), H(ht, {
       "enter-active-class": "transition-all duration-300 ease-out",
       "enter-from-class": "opacity-0 -translate-y-2",
       "enter-to-class": "opacity-100 translate-y-0",
@@ -719,7 +719,7 @@ const z = new zs(), Wn = {
           key: l.value,
           type: a.value.state.type,
           closeable: a.value.state.closeable,
-          onClose: n,
+          onClose: r,
           onMouseenter: o,
           onMouseleave: i
         }, {
@@ -743,13 +743,13 @@ const z = new zs(), Wn = {
       () => s.toasts.filter((d) => d.position === "top-right")
     ), l = $(
       () => s.toasts.filter((d) => d.position === "center")
-    ), n = $(
+    ), r = $(
       () => s.toasts.filter((d) => d.position === "bottom-left")
     ), o = $(
       () => s.toasts.filter((d) => d.position === "bottom-right")
     ), i = (d) => {
       z.hideToast(d);
-    }, r = (d) => {
+    }, n = (d) => {
       z.pauseToast(d);
     }, c = (d) => {
       z.resumeToast(d);
@@ -772,9 +772,9 @@ const z = new zs(), Wn = {
               S(re, {
                 type: f.type,
                 closeable: f.closeable,
-                onClose: (w) => i(f.id),
-                onMouseenter: (w) => r(f.id),
-                onMouseleave: (w) => c(f.id)
+                onClose: (x) => i(f.id),
+                onMouseenter: (x) => n(f.id),
+                onMouseleave: (x) => c(f.id)
               }, {
                 default: L(() => [
                   f.component ? (h(), H(Z(f.component), q({
@@ -808,9 +808,9 @@ const z = new zs(), Wn = {
               S(re, {
                 type: f.type,
                 closeable: f.closeable,
-                onClose: (w) => i(f.id),
-                onMouseenter: (w) => r(f.id),
-                onMouseleave: (w) => c(f.id)
+                onClose: (x) => i(f.id),
+                onMouseenter: (x) => n(f.id),
+                onMouseleave: (x) => c(f.id)
               }, {
                 default: L(() => [
                   f.component ? (h(), H(Z(f.component), q({
@@ -844,9 +844,9 @@ const z = new zs(), Wn = {
               S(re, {
                 type: f.type,
                 closeable: f.closeable,
-                onClose: (w) => i(f.id),
-                onMouseenter: (w) => r(f.id),
-                onMouseleave: (w) => c(f.id)
+                onClose: (x) => i(f.id),
+                onMouseenter: (x) => n(f.id),
+                onMouseleave: (x) => c(f.id)
               }, {
                 default: L(() => [
                   f.component ? (h(), H(Z(f.component), q({
@@ -873,16 +873,16 @@ const z = new zs(), Wn = {
           "leave-to-class": "opacity-0 -translate-x-4"
         }, {
           default: L(() => [
-            (h(!0), y(D, null, B(n.value, (f) => (h(), y("div", {
+            (h(!0), y(D, null, B(r.value, (f) => (h(), y("div", {
               key: f.id,
               class: "pointer-events-auto"
             }, [
               S(re, {
                 type: f.type,
                 closeable: f.closeable,
-                onClose: (w) => i(f.id),
-                onMouseenter: (w) => r(f.id),
-                onMouseleave: (w) => c(f.id)
+                onClose: (x) => i(f.id),
+                onMouseenter: (x) => n(f.id),
+                onMouseleave: (x) => c(f.id)
               }, {
                 default: L(() => [
                   f.component ? (h(), H(Z(f.component), q({
@@ -916,9 +916,9 @@ const z = new zs(), Wn = {
               S(re, {
                 type: f.type,
                 closeable: f.closeable,
-                onClose: (w) => i(f.id),
-                onMouseenter: (w) => r(f.id),
-                onMouseleave: (w) => c(f.id)
+                onClose: (x) => i(f.id),
+                onMouseenter: (x) => n(f.id),
+                onMouseleave: (x) => c(f.id)
               }, {
                 default: L(() => [
                   f.component ? (h(), H(Z(f.component), q({
@@ -942,36 +942,36 @@ const z = new zs(), Wn = {
   () => {
     const e = K({
       brands: []
-    }), s = (n = {}) => {
-      if (!n.brands || !Array.isArray(n.brands)) {
+    }), s = (r = {}) => {
+      if (!r.brands || !Array.isArray(r.brands)) {
         console.warn("useSparkBrandFilterStore: No brands provided to initialize()"), e.brands = [];
         return;
       }
-      const o = n.brands.filter((r) => {
-        const c = r.name && r.logo;
-        return c || console.warn("useSparkBrandFilterStore: Invalid brand object", r), c;
-      }), i = o.filter((r) => r.current);
-      i.length === 0 && o.length > 0 ? o[0].current = !0 : i.length > 1 && o.forEach((r) => {
-        r.current = r === i[0];
-      }), e.brands = o.map((r) => ({
-        id: r.id,
-        name: r.name,
-        logo: r.logo,
-        current: r.current || !1
+      const o = r.brands.filter((n) => {
+        const c = n.name && n.logo;
+        return c || console.warn("useSparkBrandFilterStore: Invalid brand object", n), c;
+      }), i = o.filter((n) => n.current);
+      i.length === 0 && o.length > 0 ? o[0].current = !0 : i.length > 1 && o.forEach((n) => {
+        n.current = n === i[0];
+      }), e.brands = o.map((n) => ({
+        id: n.id,
+        name: n.name,
+        logo: n.logo,
+        current: n.current || !1
       }));
-    }, t = $(() => e.brands.find((n) => n.current) || null), a = $(() => e.brands);
+    }, t = $(() => e.brands.find((r) => r.current) || null), a = $(() => e.brands);
     return {
       state: e,
       initialize: s,
       currentBrand: t,
       allBrands: a,
-      toggleBrand: (n) => {
-        if (!n || !e.brands.includes(n)) {
+      toggleBrand: (r) => {
+        if (!r || !e.brands.includes(r)) {
           console.warn("useSparkBrandFilterStore: Invalid brand provided to toggleBrand()");
           return;
         }
         e.brands.forEach((o) => {
-          o.current = o === n;
+          o.current = o === r;
         });
       }
     };
@@ -981,7 +981,7 @@ const z = new zs(), Wn = {
       paths: ["state.brands"]
     }
   }
-), Ks = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Gs = { class: "flex flex-1 flex-col" }, Ws = { class: "divide-y divide-gray-200" }, Ys = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Xs = { class: "ml-auto flex items-center" }, Js = {
+), Ks = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Ws = { class: "flex flex-1 flex-col" }, Gs = { class: "divide-y divide-gray-200" }, Ys = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Xs = { class: "ml-auto flex items-center" }, Js = {
   key: 0,
   class: "flex px-[22px] py-[15px] text-gray-500 text-sm"
 }, Qs = ["onClick"], ea = { class: "w-full gap-y-1 flex justify-between" }, ta = { class: "flex flex-col" }, sa = { class: "flex items-center" }, aa = { class: "font-medium text-base text-gray-900" }, oa = {
@@ -991,42 +991,42 @@ const z = new zs(), Wn = {
   __name: "SparkBrandSelector",
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, a = dt(), l = (n) => {
-      t("select", n);
+    const t = s, a = dt(), l = (r) => {
+      t("select", r);
     };
-    return (n, o) => {
+    return (r, o) => {
       const i = E("font-awesome-icon");
       return h(), y("div", Ks, [
-        m("div", Gs, [
-          m("div", Ws, [
+        m("div", Ws, [
+          m("div", Gs, [
             m("div", Ys, [
               o[1] || (o[1] = m("div", null, "Filter by Brand", -1)),
               m("div", Xs, [
                 S(i, {
-                  icon: _(F).farTimes,
+                  icon: C(F).farTimes,
                   class: "size-4 text-gray-400 cursor-pointer",
-                  onClick: o[0] || (o[0] = (r) => t("close"))
+                  onClick: o[0] || (o[0] = (n) => t("close"))
                 }, null, 8, ["icon"])
               ])
             ]),
-            _(a).allBrands.length === 0 ? (h(), y("div", Js, " No brands configured ")) : T("", !0),
-            (h(!0), y(D, null, B(_(a).allBrands, (r) => (h(), y("div", {
-              key: r.id,
-              class: V([r.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
-              onClick: (c) => l(r)
+            C(a).allBrands.length === 0 ? (h(), y("div", Js, " No brands configured ")) : T("", !0),
+            (h(!0), y(D, null, B(C(a).allBrands, (n) => (h(), y("div", {
+              key: n.id,
+              class: V([n.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
+              onClick: (c) => l(n)
             }, [
               m("div", ea, [
                 m("div", ta, [
                   m("div", sa, [
-                    m("div", aa, M(r.name), 1),
-                    r.current ? (h(), y("span", oa, " Current ")) : T("", !0)
+                    m("div", aa, M(n.name), 1),
+                    n.current ? (h(), y("span", oa, " Current ")) : T("", !0)
                   ]),
-                  m("div", ra, M(r.current ? "Current Brand" : "Change to"), 1)
+                  m("div", ra, M(n.current ? "Current Brand" : "Change to"), 1)
                 ]),
                 m("div", na, [
                   m("img", {
-                    src: r.logo,
-                    alt: `${r.name} logo`,
+                    src: n.logo,
+                    alt: `${n.name} logo`,
                     class: "h-8 w-auto"
                   }, null, 8, la)
                 ])
@@ -1039,7 +1039,7 @@ const z = new zs(), Wn = {
       ]);
     };
   }
-}, ca = ["disabled"], W = {
+}, ca = ["disabled"], G = {
   __name: "SparkButton",
   props: {
     size: {
@@ -1064,14 +1064,14 @@ const z = new zs(), Wn = {
   setup(e) {
     const s = e, t = R(null), a = $e("buttonGroup", null), l = $(() => {
       if (!a?.isInGroup || !t.value) return null;
-      const r = a.getButtonIndex(t.value), c = a.getButtonCount();
+      const n = a.getButtonIndex(t.value), c = a.getButtonCount();
       return {
-        isFirst: r === 0,
-        isLast: r === c - 1,
-        index: r,
+        isFirst: n === 0,
+        isLast: n === c - 1,
+        index: n,
         total: c
       };
-    }), n = {
+    }), r = {
       paddingX: /^px-/,
       paddingY: /^py-/,
       paddingAll: /^p-/,
@@ -1081,74 +1081,74 @@ const z = new zs(), Wn = {
       borderRadius: /^rounded-/,
       background: /^bg-/,
       text: /^text-(?!white|black)/
-    }, o = (r, c) => {
-      if (!c) return r;
-      const d = r.split(" ").filter(Boolean), p = c.split(" ").filter(Boolean);
-      return [...d.filter((w) => !p.some((k) => {
-        const v = Object.entries(n).find(
-          ([g, x]) => x.test(w)
-        )?.[0], u = Object.entries(n).find(
-          ([g, x]) => x.test(k)
+    }, o = (n, c) => {
+      if (!c) return n;
+      const d = n.split(" ").filter(Boolean), p = c.split(" ").filter(Boolean);
+      return [...d.filter((x) => !p.some((w) => {
+        const v = Object.entries(r).find(
+          ([g, _]) => _.test(x)
+        )?.[0], u = Object.entries(r).find(
+          ([g, _]) => _.test(w)
         )?.[0];
         return v && v === u;
       })), ...p].join(" ");
     }, i = $(() => {
-      let r = "", c = "";
+      let n = "", c = "";
       switch (s.size) {
         case "xs":
-          r += " px-4 py-1 text-xs", c = "sm";
+          n += " px-4 py-1 text-xs", c = "sm";
           break;
         case "sm":
-          r += " px-4 py-1 text-sm", c = "sm";
+          n += " px-4 py-1 text-sm", c = "sm";
           break;
         case "md":
-          r += " px-5 py-1.5 text-sm", c = "md";
+          n += " px-5 py-1.5 text-sm", c = "md";
           break;
         case "lg":
-          r += " px-6 py-2 text-sm", c = "md";
+          n += " px-6 py-2 text-sm", c = "md";
           break;
         case "xl":
-          r += " px-7 py-2.5 min-h-[42px] text-sm", c = "md";
+          n += " px-7 py-2.5 min-h-[42px] text-sm", c = "md";
           break;
       }
       if (a?.isInGroup && l.value) {
         const { isFirst: d, isLast: p } = l.value;
-        r += " relative inline-flex items-center focus:z-10", d && p ? r += ` rounded-${c}` : d ? r += ` rounded-l-${c} rounded-r-none` : p ? r += ` rounded-r-${c} rounded-l-none -ml-px` : r += " rounded-none -ml-px";
+        n += " relative inline-flex items-center focus:z-10", d && p ? n += ` rounded-${c}` : d ? n += ` rounded-l-${c} rounded-r-none` : p ? n += ` rounded-r-${c} rounded-l-none -ml-px` : n += " rounded-none -ml-px";
       } else
-        r += ` shadow-xs rounded-${c}`;
+        n += ` shadow-xs rounded-${c}`;
       switch (s.variant) {
         case "primary":
-          r += " bg-primary-600 hover:bg-primary-500 text-white";
+          n += " bg-primary-600 hover:bg-primary-500 text-white";
           break;
         case "secondary":
-          r += "  ring-1 ring-gray-300 ring-inset bg-white hover:bg-gray-50 text-gray-900";
+          n += "  ring-1 ring-gray-300 ring-inset bg-white hover:bg-gray-50 text-gray-900";
           break;
         case "success":
-          r += " bg-green-600 hover:bg-green-500 text-white";
+          n += " bg-green-600 hover:bg-green-500 text-white";
           break;
         case "warning":
-          r += " bg-amber-600 hover:bg-amber-500 text-white";
+          n += " bg-amber-600 hover:bg-amber-500 text-white";
           break;
         case "danger":
-          r += " bg-red-600 hover:bg-red-500 text-white";
+          n += " bg-red-600 hover:bg-red-500 text-white";
           break;
         case "info":
-          r += " bg-cyan-600 hover:bg-cyan-500 text-white";
+          n += " bg-cyan-600 hover:bg-cyan-500 text-white";
           break;
         default:
-          r += ` bg-${s.variant}-600 hover:bg-${s.variant}-500 text-white`;
+          n += ` bg-${s.variant}-600 hover:bg-${s.variant}-500 text-white`;
       }
-      return r = o(r, s.buttonClass), r;
+      return n = o(n, s.buttonClass), n;
     });
-    return (r, c) => (h(), y("button", {
+    return (n, c) => (h(), y("button", {
       type: "button",
       ref_key: "buttonRef",
       ref: t,
       class: V(i.value),
       disabled: e.disabled,
-      onClick: c[0] || (c[0] = (d) => r.$emit("click"))
+      onClick: c[0] || (c[0] = (d) => n.$emit("click"))
     }, [
-      O(r.$slots, "default")
+      O(n.$slots, "default")
     ], 10, ca));
   }
 }, pt = {
@@ -1159,7 +1159,7 @@ const z = new zs(), Wn = {
       isInGroup: !0,
       getButtonIndex: (l) => s.value ? Array.from(s.value.children).indexOf(l) : -1,
       getButtonCount: () => s.value?.children.length || 0
-    }), (l, n) => (h(), y("div", {
+    }), (l, r) => (h(), y("div", {
       class: "inline-flex rounded-md shadow-xs",
       ref_key: "groupRef",
       ref: s
@@ -1259,19 +1259,19 @@ const z = new zs(), Wn = {
   },
   emits: ["update:modelValue", "upload-start", "upload-success", "upload-error"],
   setup(e, { emit: s }) {
-    const t = e, a = s, l = $e("axios"), n = R(!1), o = R(!1);
+    const t = e, a = s, l = $e("axios"), r = R(!1), o = R(!1);
     function i() {
       a("update:modelValue", "");
     }
-    function r() {
-      t.disabled || n.value || (o.value = !0);
+    function n() {
+      t.disabled || r.value || (o.value = !0);
     }
     function c() {
       o.value = !1;
     }
-    function d(k) {
-      if (o.value = !1, t.disabled || n.value) return;
-      const v = k.dataTransfer?.files?.[0];
+    function d(w) {
+      if (o.value = !1, t.disabled || r.value) return;
+      const v = w.dataTransfer?.files?.[0];
       if (v) {
         if (!p(v)) {
           z.show({
@@ -1280,33 +1280,33 @@ const z = new zs(), Wn = {
           });
           return;
         }
-        w(v);
+        x(v);
       }
     }
-    function p(k) {
+    function p(w) {
       const v = t.accept.split(",").map((u) => u.trim());
       for (const u of v) {
         if (u === "*/*") return !0;
         if (u.endsWith("/*")) {
           const g = u.slice(0, -2);
-          if (k.type.startsWith(g + "/")) return !0;
+          if (w.type.startsWith(g + "/")) return !0;
         } else if (u.startsWith(".")) {
-          if (k.name.toLowerCase().endsWith(u.toLowerCase())) return !0;
-        } else if (k.type === u) return !0;
+          if (w.name.toLowerCase().endsWith(u.toLowerCase())) return !0;
+        } else if (w.type === u) return !0;
       }
       return !1;
     }
-    function f(k) {
-      if (!k || k.length === 0) return;
-      const v = k[0].file;
-      v && w(v);
+    function f(w) {
+      if (!w || w.length === 0) return;
+      const v = w[0].file;
+      v && x(v);
     }
-    async function w(k) {
-      n.value = !0, a("upload-start");
+    async function x(w) {
+      r.value = !0, a("upload-start");
       try {
         const v = new FormData();
-        v.append(t.fieldName, k), Object.entries(t.extraFields).forEach(([x, b]) => {
-          v.append(x, b);
+        v.append(t.fieldName, w), Object.entries(t.extraFields).forEach(([_, b]) => {
+          v.append(_, b);
         });
         const u = await l.post(t.uploadUrl, v, {
           headers: { "Content-Type": "multipart/form-data" }
@@ -1321,10 +1321,10 @@ const z = new zs(), Wn = {
           message: v.response?.data?.message || "Failed to upload image."
         });
       } finally {
-        n.value = !1;
+        r.value = !1;
       }
     }
-    return (k, v) => {
+    return (w, v) => {
       const u = E("font-awesome-icon"), g = E("FormKit");
       return h(), y("div", null, [
         e.label ? (h(), y("label", fa, M(e.label), 1)) : T("", !0),
@@ -1347,7 +1347,7 @@ const z = new zs(), Wn = {
             onClick: i
           }, [
             S(u, {
-              icon: _(F).farXmark,
+              icon: C(F).farXmark,
               class: "text-xs"
             }, null, 8, ["icon"])
           ], 8, ya)
@@ -1357,8 +1357,8 @@ const z = new zs(), Wn = {
           class: V(["relative rounded-md transition-colors", {
             "ring-2 ring-blue-500 ring-offset-2 bg-blue-50": o.value
           }]),
-          onDragover: U(r, ["prevent"]),
-          onDragenter: U(r, ["prevent"]),
+          onDragover: U(n, ["prevent"]),
+          onDragenter: U(n, ["prevent"]),
           onDragleave: U(c, ["prevent"]),
           onDrop: U(d, ["prevent"])
         }, [
@@ -1366,14 +1366,14 @@ const z = new zs(), Wn = {
             type: "file",
             name: e.name,
             accept: e.accept,
-            disabled: e.disabled || n.value,
+            disabled: e.disabled || r.value,
             onInput: f
           }, null, 8, ["name", "accept", "disabled"]),
           o.value ? (h(), y("div", va, [...v[0] || (v[0] = [
             m("span", { class: "text-sm text-blue-600 font-medium" }, "Drop image here", -1)
           ])])) : T("", !0)
         ], 34)),
-        n.value ? (h(), y("p", ba, "Uploading...")) : T("", !0)
+        r.value ? (h(), y("p", ba, "Uploading...")) : T("", !0)
       ]);
     };
   }
@@ -1446,7 +1446,7 @@ const z = new zs(), Wn = {
       success: "farCheckCircle",
       warning: "farExclamationTriangle",
       danger: "farCircleXmark"
-    }, n = $(() => s.icon || l[s.type]), o = $(() => ({
+    }, r = $(() => s.icon || l[s.type]), o = $(() => ({
       info: "bg-blue-100",
       success: "bg-green-100",
       warning: "bg-yellow-100",
@@ -1457,20 +1457,20 @@ const z = new zs(), Wn = {
       warning: "text-yellow-400",
       danger: "text-red-400"
     })[s.type]);
-    return (r, c) => {
+    return (n, c) => {
       const d = E("font-awesome-icon");
       return h(), y("div", xa, [
-        n.value ? (h(), y("div", {
+        r.value ? (h(), y("div", {
           key: 0,
           class: V(["mx-auto flex size-12 items-center justify-center rounded-full", o.value])
         }, [
           S(d, {
-            icon: _(F)[n.value],
+            icon: C(F)[r.value],
             class: V(["h-5 w-5", i.value])
           }, null, 8, ["icon", "class"])
         ], 2)) : T("", !0),
         m("div", {
-          class: V(["text-center", { "mt-3 sm:mt-5": n.value }])
+          class: V(["text-center", { "mt-3 sm:mt-5": r.value }])
         }, [
           e.title ? (h(), y("h3", ka, M(e.title), 1)) : T("", !0),
           e.message ? (h(), y("div", {
@@ -1481,10 +1481,10 @@ const z = new zs(), Wn = {
         m("div", {
           class: V(["mt-5 sm:mt-6", a.value])
         }, [
-          (h(!0), y(D, null, B(t.value, (p, f) => (h(), H(_(W), {
+          (h(!0), y(D, null, B(t.value, (p, f) => (h(), H(C(G), {
             key: f,
             variant: p.variant,
-            onClick: (w) => r.$emit(p.event, p)
+            onClick: (x) => n.$emit(p.event, p)
           }, {
             default: L(() => [
               A(M(p.text), 1)
@@ -1527,19 +1527,19 @@ class _a {
     const {
       title: a = "Confirm",
       message: l = "Are you sure?",
-      type: n = "warning",
+      type: r = "warning",
       confirmText: o = "Confirm",
       cancelText: i = "Cancel",
-      confirmVariant: r = "primary"
+      confirmVariant: n = "primary"
     } = s;
     this.show(
       wa,
       {
         title: a,
         message: l,
-        type: n,
+        type: r,
         buttons: [
-          { text: o, variant: r, event: "confirm" },
+          { text: o, variant: n, event: "confirm" },
           { text: i, variant: "secondary", event: "cancel" }
         ]
       },
@@ -1557,17 +1557,17 @@ class _a {
 const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, Sa = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, $a = {
   __name: "SparkModalContainer",
   setup(e) {
-    return (s, t) => (h(), H(_(ot), {
+    return (s, t) => (h(), H(C(ot), {
       as: "template",
-      show: _(J).state.isVisible
+      show: C(J).state.isVisible
     }, {
       default: L(() => [
-        S(_(rt), {
+        S(C(rt), {
           class: "relative z-1000",
-          onClose: _(J).hide
+          onClose: C(J).hide
         }, {
           default: L(() => [
-            S(_(ge), {
+            S(C(ge), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -1583,7 +1583,7 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
             }),
             m("div", Ca, [
               m("div", Sa, [
-                S(_(ge), {
+                S(C(ge), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -1593,9 +1593,9 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 }, {
                   default: L(() => [
-                    S(_(nt), { class: "relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:min-w-lg sm:max-w-max" }, {
+                    S(C(nt), { class: "relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:min-w-lg sm:max-w-max" }, {
                       default: L(() => [
-                        (h(), H(Z(_(J).state.content), q(_(J).state.props, Oe(_(J).state.eventHandlers)), null, 16))
+                        (h(), H(Z(C(J).state.content), q(C(J).state.props, Oe(C(J).state.eventHandlers)), null, 16))
                       ]),
                       _: 1
                     })
@@ -1632,21 +1632,21 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       md: "w-[450px]",
       lg: "w-[810px]",
       xl: "w-[1000px]"
-    }, l = e, n = s, o = $(() => a[l.overlayInstance.state.size] || a.md), i = () => {
-      l.overlayInstance.close(), n("close");
+    }, l = e, r = s, o = $(() => a[l.overlayInstance.state.size] || a.md), i = () => {
+      l.overlayInstance.close(), r("close");
     };
-    return (r, c) => (h(), H(_(ot), {
+    return (n, c) => (h(), H(C(ot), {
       show: e.overlayInstance.state.isVisible,
       as: "template"
     }, {
       default: L(() => [
-        S(_(rt), {
+        S(C(rt), {
           initialFocus: t.value,
           class: "relative z-1000",
           onClose: i
         }, {
           default: L(() => [
-            S(_(ge), {
+            S(C(ge), {
               as: "template",
               enter: "transition-opacity ease-linear duration-150",
               "enter-from": "opacity-0",
@@ -1661,7 +1661,7 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               _: 1
             }),
             m("div", Ta, [
-              S(_(ge), {
+              S(C(ge), {
                 as: "template",
                 enter: "transition ease-in-out duration-150 transform",
                 "enter-from": e.position === "left" ? "-translate-x-full opacity-0" : "translate-x-full opacity-0",
@@ -1671,7 +1671,7 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                 "leave-to": e.position === "left" ? "-translate-x-full opacity-0" : "translate-x-full opacity-0"
               }, {
                 default: L(() => [
-                  S(_(nt), {
+                  S(C(nt), {
                     ref_key: "panelRef",
                     ref: t,
                     class: V([
@@ -1743,14 +1743,14 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   },
   emits: ["navigate", "update:activeId"],
   setup(e, { emit: s }) {
-    const t = e, a = s, l = $(() => t.navInstance ? t.navInstance.visibleItems.value : t.items.filter((v) => !(typeof v.hidden == "function" ? v.hidden() : v.hidden))), n = $(() => t.navInstance ? t.navInstance.activeId.value : t.activeId);
+    const t = e, a = s, l = $(() => t.navInstance ? t.navInstance.visibleItems.value : t.items.filter((v) => !(typeof v.hidden == "function" ? v.hidden() : v.hidden))), r = $(() => t.navInstance ? t.navInstance.activeId.value : t.activeId);
     function o(v) {
       return t.navInstance ? t.navInstance.isActive(v) : v.id === t.activeId;
     }
     function i(v) {
       return t.navInstance ? t.navInstance.isDisabled(v) : typeof v.disabled == "function" ? v.disabled() : v.disabled;
     }
-    async function r(v) {
+    async function n(v) {
       i(v) || (t.navInstance && await t.navInstance.navigateTo(v), a("navigate", v), a("update:activeId", v.id));
     }
     const c = $(() => ["spark-sub-nav", {
@@ -1761,21 +1761,21 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       custom: ""
     }[t.layout]]), d = $(() => t.compact ? "text-sm" : "");
     function p(v) {
-      const u = o(v), g = i(v), x = [
+      const u = o(v), g = i(v), _ = [
         "inline-flex items-center transition-colors cursor-pointer",
         "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-1"
       ];
-      return g && x.push("opacity-50 cursor-not-allowed"), t.layout === "tabs" ? x.push(...f(u, g)) : t.layout === "vertical" && x.push(...w(u, g)), x;
+      return g && _.push("opacity-50 cursor-not-allowed"), t.layout === "tabs" ? _.push(...f(u, g)) : t.layout === "vertical" && _.push(...x(u, g)), _;
     }
     function f(v, u) {
-      const g = ["border-b-2 -mb-px rounded-t font-medium"], x = t.compact ? "text-sm px-3 py-1.5" : "text-sm px-8 py-4";
-      return g.push(x), v ? g.push("border-primary-600 text-primary-600") : u ? g.push("border-transparent text-gray-400") : g.push("border-transparent text-gray-600 hover:text-gray-900 hover:border-gray-300"), g;
+      const g = ["border-b-2 -mb-px rounded-t font-medium"], _ = t.compact ? "text-sm px-3 py-1.5" : "text-sm px-8 py-4";
+      return g.push(_), v ? g.push("border-primary-600 text-primary-600") : u ? g.push("border-transparent text-gray-400") : g.push("border-transparent text-gray-600 hover:text-gray-900 hover:border-gray-300"), g;
     }
-    function w(v, u) {
+    function x(v, u) {
       const g = ["font-medium text-sm py-1"];
       return v ? g.push("text-primary-600") : u ? g.push("text-gray-400") : g.push("text-gray-600 hover:text-gray-900"), g;
     }
-    function k(v) {
+    function w(v) {
       const u = v.badgeVariant || "primary", g = {
         primary: "bg-primary-100 text-primary-700",
         secondary: "bg-gray-100 text-gray-700",
@@ -1791,32 +1791,32 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       t.layout === "custom" ? O(v.$slots, "default", {
         key: 0,
         items: l.value,
-        activeId: n.value,
+        activeId: r.value,
         isActive: o,
         isDisabled: i,
-        navigate: r
+        navigate: n
       }) : t.layout === "horizontal" ? (h(), H(pt, {
         key: 1,
         class: "isolate"
       }, {
         default: L(() => [
-          (h(!0), y(D, null, B(l.value, (g) => (h(), H(W, {
+          (h(!0), y(D, null, B(l.value, (g) => (h(), H(G, {
             key: g.id,
             size: "xl",
             variant: o(g) ? "primary" : "secondary",
             disabled: i(g),
-            onClick: (x) => r(g)
+            onClick: (_) => n(g)
           }, {
             default: L(() => [
-              g.icon ? (h(), H(_(he), {
+              g.icon ? (h(), H(C(he), {
                 key: 0,
-                icon: _(F)[g.icon],
+                icon: C(F)[g.icon],
                 class: "mr-1.5 size-4"
               }, null, 8, ["icon"])) : T("", !0),
               A(" " + M(g.label) + " ", 1),
               g.badge != null ? (h(), y("span", {
                 key: 1,
-                class: V(k(g))
+                class: V(w(g))
               }, M(g.badge), 3)) : T("", !0)
             ]),
             _: 2
@@ -1827,22 +1827,22 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
         key: g.id,
         class: V(p(g)),
         disabled: i(g) || void 0,
-        onClick: (x) => r(g)
+        onClick: (_) => n(g)
       }, [
-        o(g) && t.layout === "vertical" ? (h(), H(_(he), {
+        o(g) && t.layout === "vertical" ? (h(), H(C(he), {
           key: 0,
-          icon: _(F).farCircleCheck,
+          icon: C(F).farCircleCheck,
           class: "mr-2 size-4"
         }, null, 8, ["icon"])) : T("", !0),
-        g.icon && !(o(g) && t.layout === "vertical") ? (h(), H(_(he), {
+        g.icon && !(o(g) && t.layout === "vertical") ? (h(), H(C(he), {
           key: 1,
-          icon: _(F)[g.icon],
+          icon: C(F)[g.icon],
           class: V(["mr-2", d.value])
         }, null, 8, ["icon", "class"])) : T("", !0),
         m("span", null, M(g.label), 1),
         g.badge != null ? (h(), y("span", {
           key: 2,
-          class: V(k(g))
+          class: V(w(g))
         }, M(g.badge), 3)) : T("", !0)
       ], 10, La))), 128))
     ], 2));
@@ -1859,11 +1859,11 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     return;
   const l = document.createElement("span");
   l.classList.add("spark-table-head-sorting"), l.innerHTML = te({ prefix: "fad", iconName: "sort" }).html + te({ prefix: "fad", iconName: "sort-up" }).html + te({ prefix: "fad", iconName: "sort-down" }).html, a.appendChild(l), a.addEventListener("click", async () => {
-    const n = t.params.orderBy, o = t.params.sortedBy;
-    return n === e && o === "asc" ? (a.classList.remove("asc"), a.classList.add("desc"), t.methods.applyParams({
+    const r = t.params.orderBy, o = t.params.sortedBy;
+    return r === e && o === "asc" ? (a.classList.remove("asc"), a.classList.add("desc"), t.methods.applyParams({
       orderBy: e,
       sortedBy: "desc"
-    })) : n === e ? (a.classList.remove("desc"), await t.methods.clearParams(["orderBy", "sortedBy"])) : (a.classList.add("asc"), t.methods.applyParams({
+    })) : r === e ? (a.classList.remove("desc"), await t.methods.clearParams(["orderBy", "sortedBy"])) : (a.classList.add("asc"), t.methods.applyParams({
       orderBy: e,
       sortedBy: "asc"
     }));
@@ -1873,16 +1873,16 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     return;
   const a = document.createElement("div"), l = document.createElement("input");
   l.type = "text", l.placeholder = "Filter...", a.className = "spark-table-head-filter", a.appendChild(l);
-  const n = lt(async (o, i) => {
-    const r = i.target.value, c = `filter[${o}]`;
-    if (r)
-      return t.params[c] && t.params[c] === r ? void 0 : t.methods.applyParams({
+  const r = lt(async (o, i) => {
+    const n = i.target.value, c = `filter[${o}]`;
+    if (n)
+      return t.params[c] && t.params[c] === n ? void 0 : t.methods.applyParams({
         page: 1,
-        [c]: r
+        [c]: n
       });
     await t.methods.removeParam(c);
   }, 200);
-  l.addEventListener("keyup", (o) => n(e, o)), s.appendChild(a);
+  l.addEventListener("keyup", (o) => r(e, o)), s.appendChild(a);
 }, Ha = (e, s, t) => {
   e.classList.add("spark-table-head"), t && t.columnSort && e.classList.add("can-sort"), t && t.columnFilter && e.classList.add("can-filter"), e.querySelector(".relative").classList.add("spark-table-head-title-wrapper");
   const l = e.querySelector(".colHeader");
@@ -1893,8 +1893,8 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   if (e < 0)
     return;
   let a = 2;
-  const l = t.methods.colToProp(e), n = t.methods.getSettingsForProp(l);
-  s.childElementCount === 1 && ((!n || !n.columnSort) && a--, (!n || !n.columnFilter) && a--, n && n.columnSort && Ma(l, s, t), n && n.columnFilter && Va(l, s, t)), (s.childElementCount === a || a === 0) && Ha(s, l, n);
+  const l = t.methods.colToProp(e), r = t.methods.getSettingsForProp(l);
+  s.childElementCount === 1 && ((!r || !r.columnSort) && a--, (!r || !r.columnFilter) && a--, r && r.columnSort && Ma(l, s, t), r && r.columnFilter && Va(l, s, t)), (s.childElementCount === a || a === 0) && Ha(s, l, r);
 }, Fa = (e) => {
   if (!e.hotInstance || !e.hotInstance.rootElement)
     return;
@@ -1902,10 +1902,10 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   a.forEach((l) => {
     l.classList.remove("asc", "desc");
   }), s && t && a.forEach((l) => {
-    const n = l.closest("th"), o = Array.from(n.parentElement.children).indexOf(n);
+    const r = l.closest("th"), o = Array.from(r.parentElement.children).indexOf(r);
     e.methods.colToProp(o) === s && l.classList.add(t);
   });
-}, Da = (e) => (s, t, a, l, n, o, i) => {
+}, Da = (e) => (s, t, a, l, r, o, i) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-actions");
   const c = (i.rendererConfig || {}).actions || [];
   if (c.length === 0)
@@ -1914,17 +1914,17 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   p.classList.add("flex", "items-center", "gap-2"), c.forEach((f) => {
     if (f.condition && typeof f.condition == "function" && !f.condition(d))
       return;
-    const w = document.createElement("button");
-    if (w.type = "button", w.classList.add("spark-table-action-button"), f.icon) {
-      const k = document.createElement("span");
-      k.innerHTML = te({ prefix: "far", iconName: f.icon }).html, k.classList.add("size-4"), w.appendChild(k);
+    const x = document.createElement("button");
+    if (x.type = "button", x.classList.add("spark-table-action-button"), f.icon) {
+      const w = document.createElement("span");
+      w.innerHTML = te({ prefix: "far", iconName: f.icon }).html, w.classList.add("size-4"), x.appendChild(w);
     }
     if (f.label) {
-      const k = document.createElement("span");
-      k.textContent = f.label, w.appendChild(k);
+      const w = document.createElement("span");
+      w.textContent = f.label, x.appendChild(w);
     }
-    w.addEventListener("click", async (k) => {
-      if (k.preventDefault(), k.stopPropagation(), f.confirm) {
+    x.addEventListener("click", async (w) => {
+      if (w.preventDefault(), w.stopPropagation(), f.confirm) {
         const v = typeof f.confirm == "string" ? f.confirm : `Are you sure you want to ${f.label?.toLowerCase() || "perform this action"}?`;
         if (!await J.confirm({
           title: f.confirmTitle,
@@ -1937,7 +1937,7 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
           return;
       }
       f.event && e.methods.fireEvent(f.event, d), f.handler && typeof f.handler == "function" && f.handler(d);
-    }), p.appendChild(w);
+    }), p.appendChild(x);
   }), t.appendChild(p);
 }, Ve = {
   green: "bg-green-100 text-green-800",
@@ -1948,7 +1948,7 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   purple: "bg-purple-100 text-purple-800",
   pink: "bg-pink-100 text-pink-800",
   indigo: "bg-indigo-100 text-indigo-800"
-}, Ea = (e) => (s, t, a, l, n, o, i) => {
+}, Ea = (e) => (s, t, a, l, r, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-badge"), !o)
     return;
   const c = (i.rendererConfig || {}).colorMap || {}, d = c[o] || c[o?.toLowerCase()] || "gray", p = Ve[d] || Ve.gray, f = document.createElement("span");
@@ -1982,9 +1982,9 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     return s === "1" || s === "yes" || s === "true";
   }
   return !1;
-}, Ia = (e) => (s, t, a, l, n, o, i) => {
+}, Ia = (e) => (s, t, a, l, r, o, i) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-boolean");
-  const r = i.rendererConfig || {}, c = Aa(o), d = c ? r.trueIcon || "check" : r.falseIcon || "xmark", p = c ? r.trueColor || "green" : r.falseColor || "red", f = r.size || 32, w = r.iconPrefix || "far", k = He[p] || He.gray;
+  const n = i.rendererConfig || {}, c = Aa(o), d = c ? n.trueIcon || "check" : n.falseIcon || "xmark", p = c ? n.trueColor || "green" : n.falseColor || "red", f = n.size || 32, x = n.iconPrefix || "far", w = He[p] || He.gray;
   t.dataset.copyValue = c ? "true" : "false";
   const v = document.createElement("div");
   v.classList.add(
@@ -1992,24 +1992,24 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     "items-center",
     "justify-center",
     "rounded-full",
-    k.bg,
-    k.text
+    w.bg,
+    w.text
   ), v.style.width = `${f}px`, v.style.height = `${f}px`;
   const u = document.createElement("span");
-  u.innerHTML = te({ prefix: w, iconName: d }).html, u.classList.add("flex", "items-center", "justify-center");
+  u.innerHTML = te({ prefix: x, iconName: d }).html, u.classList.add("flex", "items-center", "justify-center");
   const g = Math.round(f * 0.5);
   u.style.fontSize = `${g}px`, v.appendChild(u), t.appendChild(v);
 }, Oa = (e, s = 2) => {
   const t = Number(e);
   if (isNaN(t)) return null;
-  const a = t < 0, n = Math.abs(t).toLocaleString("en-AU", {
+  const a = t < 0, r = Math.abs(t).toLocaleString("en-AU", {
     minimumFractionDigits: s,
     maximumFractionDigits: s
   });
-  return a ? `-$${n}` : `$${n}`;
-}, Ba = (e) => (s, t, a, l, n, o, i) => {
+  return a ? `-$${r}` : `$${r}`;
+}, Ba = (e) => (s, t, a, l, r, o, i) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-currency");
-  const r = i.rendererConfig || {}, { decimals: c = 2, emptyText: d = "" } = r;
+  const n = i.rendererConfig || {}, { decimals: c = 2, emptyText: d = "" } = n;
   if (o == null || o === "") {
     t.textContent = d;
     return;
@@ -2021,49 +2021,49 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   }
   const f = document.createElement("span");
   f.textContent = p, t.appendChild(f);
-}, za = (e) => (s, t, a, l, n, o, i) => {
+}, za = (e) => (s, t, a, l, r, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-link"), !o)
     return;
-  const r = i.rendererConfig || {}, c = s.getSourceDataAtRow(s.toPhysicalRow(a));
+  const n = i.rendererConfig || {}, c = s.getSourceDataAtRow(s.toPhysicalRow(a));
   let d = o;
-  r.href && (typeof r.href == "function" ? d = r.href(c) : r.href === "email" ? d = `mailto:${o}` : r.href === "tel" ? d = `tel:${o}` : typeof r.href == "string" && (d = c[r.href] || o));
+  n.href && (typeof n.href == "function" ? d = n.href(c) : n.href === "email" ? d = `mailto:${o}` : n.href === "tel" ? d = `tel:${o}` : typeof n.href == "string" && (d = c[n.href] || o));
   const p = document.createElement("a");
-  p.href = d, p.textContent = o, p.classList.add("text-primary-600", "hover:text-primary-900", "hover:underline"), r.target && (p.target = r.target), r.rel && (p.rel = r.rel), p.addEventListener("click", (f) => {
+  p.href = d, p.textContent = o, p.classList.add("text-primary-600", "hover:text-primary-900", "hover:underline"), n.target && (p.target = n.target), n.rel && (p.rel = n.rel), p.addEventListener("click", (f) => {
     f.stopPropagation();
   }), t.appendChild(p);
 }, Re = {
   sm: "h-6 w-6",
   md: "h-8 w-8",
   lg: "h-12 w-12"
-}, ja = (e) => (s, t, a, l, n, o, i) => {
+}, ja = (e) => (s, t, a, l, r, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-image"), !o)
     return;
-  const r = i.rendererConfig || {}, c = s.getSourceDataAtRow(s.toPhysicalRow(a)), d = r.size || "md", p = Re[d] || Re.md, f = r.rounded !== !1;
-  let w = r.alt || "";
-  typeof r.alt == "string" && c[r.alt] && (w = c[r.alt]);
-  const k = document.createElement("img");
-  k.src = o, k.alt = w, k.classList.add(...p.split(" "), "object-cover"), f ? k.classList.add("rounded-full") : k.classList.add("rounded"), t.appendChild(k);
-}, Na = (e) => (s, t, a, l, n, o, i) => {
+  const n = i.rendererConfig || {}, c = s.getSourceDataAtRow(s.toPhysicalRow(a)), d = n.size || "md", p = Re[d] || Re.md, f = n.rounded !== !1;
+  let x = n.alt || "";
+  typeof n.alt == "string" && c[n.alt] && (x = c[n.alt]);
+  const w = document.createElement("img");
+  w.src = o, w.alt = x, w.classList.add(...p.split(" "), "object-cover"), f ? w.classList.add("rounded-full") : w.classList.add("rounded"), t.appendChild(w);
+}, Na = (e) => (s, t, a, l, r, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-date"), !o)
     return;
-  const r = i.rendererConfig || {}, c = r.format || "short", d = r.locale || "en-US";
+  const n = i.rendererConfig || {}, c = n.format || "short", d = n.locale || "en-US";
   let p = o;
   try {
-    const w = new Date(o);
-    isNaN(w.getTime()) ? p = o : typeof c == "function" ? p = c(w) : c === "short" ? p = w.toLocaleDateString(d) : c === "long" ? p = w.toLocaleDateString(d, {
+    const x = new Date(o);
+    isNaN(x.getTime()) ? p = o : typeof c == "function" ? p = c(x) : c === "short" ? p = x.toLocaleDateString(d) : c === "long" ? p = x.toLocaleDateString(d, {
       year: "numeric",
       month: "long",
       day: "numeric"
-    }) : c === "relative" ? p = Za(w) : c === "datetime" ? p = w.toLocaleString(d) : p = w.toLocaleDateString(d);
-  } catch (w) {
-    console.error("Error formatting date:", w), p = o;
+    }) : c === "relative" ? p = Za(x) : c === "datetime" ? p = x.toLocaleString(d) : p = x.toLocaleDateString(d);
+  } catch (x) {
+    console.error("Error formatting date:", x), p = o;
   }
   const f = document.createElement("span");
   f.textContent = p, t.appendChild(f);
 };
 function Za(e) {
-  const t = /* @__PURE__ */ new Date() - e, a = Math.floor(Math.abs(t) / 1e3), l = Math.floor(a / 60), n = Math.floor(l / 60), o = Math.floor(n / 24), i = Math.floor(o / 30), r = Math.floor(o / 365), c = t > 0;
-  return a < 60 ? c ? "just now" : "in a moment" : l < 60 ? c ? `${l} minute${l > 1 ? "s" : ""} ago` : `in ${l} minute${l > 1 ? "s" : ""}` : n < 24 ? c ? `${n} hour${n > 1 ? "s" : ""} ago` : `in ${n} hour${n > 1 ? "s" : ""}` : o < 30 ? c ? `${o} day${o > 1 ? "s" : ""} ago` : `in ${o} day${o > 1 ? "s" : ""}` : i < 12 ? c ? `${i} month${i > 1 ? "s" : ""} ago` : `in ${i} month${i > 1 ? "s" : ""}` : c ? `${r} year${r > 1 ? "s" : ""} ago` : `in ${r} year${r > 1 ? "s" : ""}`;
+  const t = /* @__PURE__ */ new Date() - e, a = Math.floor(Math.abs(t) / 1e3), l = Math.floor(a / 60), r = Math.floor(l / 60), o = Math.floor(r / 24), i = Math.floor(o / 30), n = Math.floor(o / 365), c = t > 0;
+  return a < 60 ? c ? "just now" : "in a moment" : l < 60 ? c ? `${l} minute${l > 1 ? "s" : ""} ago` : `in ${l} minute${l > 1 ? "s" : ""}` : r < 24 ? c ? `${r} hour${r > 1 ? "s" : ""} ago` : `in ${r} hour${r > 1 ? "s" : ""}` : o < 30 ? c ? `${o} day${o > 1 ? "s" : ""} ago` : `in ${o} day${o > 1 ? "s" : ""}` : i < 12 ? c ? `${i} month${i > 1 ? "s" : ""} ago` : `in ${i} month${i > 1 ? "s" : ""}` : c ? `${n} year${n > 1 ? "s" : ""} ago` : `in ${n} year${n > 1 ? "s" : ""}`;
 }
 const qa = (e) => {
   const s = ["th", "st", "nd", "rd"], t = e % 100;
@@ -2082,7 +2082,7 @@ const qa = (e) => {
   e.minute || 0,
   e.second || 0,
   e.millisecond || 0
-), Ga = (e) => {
+), Wa = (e) => {
   const s = e.hour || 0, t = s % 12 || 12, a = s >= 12;
   return {
     year: e.year,
@@ -2103,10 +2103,10 @@ const qa = (e) => {
 }, Fe = (e, s = !0) => {
   if (!e.offsetNanoseconds && e.offsetNanoseconds !== 0)
     return "";
-  const t = Math.round(e.offsetNanoseconds / 6e10), a = t >= 0 ? "+" : "-", l = Math.abs(t), n = Math.floor(l / 60), o = l % 60;
-  return s ? `${a}${N(n)}:${N(o)}` : `${a}${N(n)}${N(o)}`;
-}, Wa = (e, s) => {
-  const t = Ga(e), a = Ka(e), l = t.dayOfWeek === 7 ? 0 : t.dayOfWeek;
+  const t = Math.round(e.offsetNanoseconds / 6e10), a = t >= 0 ? "+" : "-", l = Math.abs(t), r = Math.floor(l / 60), o = l % 60;
+  return s ? `${a}${N(r)}:${N(o)}` : `${a}${N(r)}${N(o)}`;
+}, Ga = (e, s) => {
+  const t = Wa(e), a = Ka(e), l = t.dayOfWeek === 7 ? 0 : t.dayOfWeek;
   return [
     // Year
     ["YYYY", () => String(t.year)],
@@ -2162,18 +2162,18 @@ const qa = (e) => {
       if (e.includes("[") || e.includes("Z") || /[+-]\d{2}:\d{2}$/.test(e))
         l = Temporal.ZonedDateTime.from(e);
       else {
-        const r = e.replace(" ", "T");
-        l = Temporal.PlainDateTime.from(r);
+        const n = e.replace(" ", "T");
+        l = Temporal.PlainDateTime.from(n);
       }
-    } catch (r) {
-      return console.error("Failed to parse date string:", e, r), e;
+    } catch (n) {
+      return console.error("Failed to parse date string:", e, n), e;
     }
-  const n = Wa(l, a), o = n.map(([r]) => r).join("|"), i = new RegExp(`\\[([^\\]]+)\\]|(${o})`, "g");
-  return s.replace(i, (r, c, d) => {
+  const r = Ga(l, a), o = r.map(([n]) => n).join("|"), i = new RegExp(`\\[([^\\]]+)\\]|(${o})`, "g");
+  return s.replace(i, (n, c, d) => {
     if (c !== void 0)
       return c;
-    const p = n.find(([f]) => f === d);
-    return p ? p[1]() : r;
+    const p = r.find(([f]) => f === d);
+    return p ? p[1]() : n;
   });
 }, Xa = (e, s = {}) => {
   const { fromTimezone: t, toTimezone: a } = s;
@@ -2181,36 +2181,36 @@ const qa = (e) => {
     return null;
   const l = e.replace(" ", "T");
   return t && a ? Temporal.PlainDateTime.from(l).toZonedDateTime(t).withTimeZone(a) : t ? Temporal.PlainDateTime.from(l).toZonedDateTime(t) : Temporal.PlainDateTime.from(l);
-}, Ja = (e) => (s, t, a, l, n, o, i) => {
+}, Ja = (e) => (s, t, a, l, r, o, i) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-datetime");
-  const r = i.rendererConfig || {}, {
+  const n = i.rendererConfig || {}, {
     format: c = "DD MMM YYYY, HH:mm",
     fromTimezone: d,
     toTimezone: p,
     locale: f = "en-US",
-    emptyText: w = ""
-  } = r;
+    emptyText: x = ""
+  } = n;
   if (!o) {
-    t.textContent = w;
+    t.textContent = x;
     return;
   }
   try {
-    const k = Xa(o, { fromTimezone: d, toTimezone: p });
-    if (!k) {
-      t.textContent = w;
+    const w = Xa(o, { fromTimezone: d, toTimezone: p });
+    if (!w) {
+      t.textContent = x;
       return;
     }
-    const v = Ya(k, c, { locale: f }), u = document.createElement("span");
+    const v = Ya(w, c, { locale: f }), u = document.createElement("span");
     u.textContent = v, t.appendChild(u);
-  } catch (k) {
-    console.error("Error formatting datetime:", k, { value: o, format: c }), t.textContent = o;
+  } catch (w) {
+    console.error("Error formatting datetime:", w, { value: o, format: c }), t.textContent = o;
   }
 }, Qa = /* @__PURE__ */ new Map(), X = (e, s) => {
-  gs(e, (t, a, l, n, o, i, r) => {
-    ys.apply(null, [t, a, l, n, o, i, r]), s(t, a, l, n, o, i, r);
+  gs(e, (t, a, l, r, o, i, n) => {
+    ys.apply(null, [t, a, l, r, o, i, n]), s(t, a, l, r, o, i, n);
   }), Qa.set(e, s);
 }, eo = (e) => {
-  X("spark.actions", Da(e)), X("spark.badge", Ea()), X("spark.boolean", Ia()), X("spark.currency", Ba()), X("spark.link", za()), X("spark.image", ja()), X("spark.date", Na()), X("spark.datetime", Ja()), X("style.capitalize", (s, t, a, l, n, o) => {
+  X("spark.actions", Da(e)), X("spark.badge", Ea()), X("spark.boolean", Ia()), X("spark.currency", Ba()), X("spark.link", za()), X("spark.image", ja()), X("spark.date", Na()), X("spark.datetime", Ja()), X("style.capitalize", (s, t, a, l, r, o) => {
     if (!o || o.length === 0) {
       t.innerText = "";
       return;
@@ -2220,10 +2220,10 @@ const qa = (e) => {
   });
 }, to = () => {
 }, so = (e, s = {}) => {
-  const t = G(), a = se(), l = s.namespace, n = l === null, o = s.syncToRoute !== !1, i = s.persistToStorage === !0, r = s.restoreOnMount !== !1, c = s.storageTTL || 7, d = n ? `spark-table:${a.path}` : `spark-table:${l}`, p = (b, C = "") => {
+  const t = W(), a = se(), l = s.namespace, r = l === null, o = s.syncToRoute !== !1, i = s.persistToStorage === !0, n = s.restoreOnMount !== !1, c = s.storageTTL || 7, d = r ? `spark-table:${a.path}` : `spark-table:${l}`, p = (b, k = "") => {
     const P = {};
     return Object.keys(b).forEach((I) => {
-      const Y = b[I], fe = C ? `${C}[${I}]` : I;
+      const Y = b[I], fe = k ? `${k}[${I}]` : I;
       Y != null && (typeof Y == "object" && !Array.isArray(Y) ? Object.assign(P, p(Y, fe)) : P[fe] = String(Y));
     }), P;
   }, f = () => {
@@ -2237,22 +2237,22 @@ const qa = (e) => {
       } catch (b) {
         console.warn("Failed to save table state to localStorage:", b);
       }
-  }, w = () => {
+  }, x = () => {
     if (!i) return null;
     try {
       const b = localStorage.getItem(d);
       if (!b) return null;
-      const C = JSON.parse(b);
+      const k = JSON.parse(b);
       if (c > 0) {
-        const P = Date.now() - C.timestamp, I = c * 24 * 60 * 60 * 1e3;
+        const P = Date.now() - k.timestamp, I = c * 24 * 60 * 60 * 1e3;
         if (P > I)
           return localStorage.removeItem(d), null;
       }
-      return C.params;
+      return k.params;
     } catch (b) {
       return console.warn("Failed to load table state from localStorage:", b), null;
     }
-  }, k = () => {
+  }, w = () => {
     try {
       localStorage.removeItem(d);
     } catch (b) {
@@ -2261,37 +2261,37 @@ const qa = (e) => {
   }, v = () => {
     if (!o) return;
     const b = { ...a.query };
-    if (n) {
+    if (r) {
       Object.keys(b).forEach((P) => {
         u(P) && delete b[P];
       });
-      const C = p(e.params);
-      Object.assign(b, C);
+      const k = p(e.params);
+      Object.assign(b, k);
     } else {
       Object.keys(b).forEach((P) => {
         (P.startsWith(`${l}[`) || P === l) && delete b[P];
       });
-      const C = p(e.params, l);
-      Object.assign(b, C);
+      const k = p(e.params, l);
+      Object.assign(b, k);
     }
     t.replace({ query: b });
-  }, u = (b) => !!(["page", "limit", "search", "orderBy", "sortedBy"].includes(b) || b.includes("[")), g = (b, C) => {
-    if (["page", "limit"].includes(b) && C !== null && C !== void 0) {
-      const I = parseInt(C, 10);
-      return isNaN(I) ? C : I;
+  }, u = (b) => !!(["page", "limit", "search", "orderBy", "sortedBy"].includes(b) || b.includes("[")), g = (b, k) => {
+    if (["page", "limit"].includes(b) && k !== null && k !== void 0) {
+      const I = parseInt(k, 10);
+      return isNaN(I) ? k : I;
     }
-    return C;
-  }, x = () => {
-    if (n)
+    return k;
+  }, _ = () => {
+    if (r)
       Object.keys(a.query).forEach((b) => {
         u(b) && (e.params[b] = g(b, a.query[b]));
       });
     else {
       const b = `${l}[`;
-      Object.keys(a.query).forEach((C) => {
-        if (C.startsWith(b)) {
-          const P = C.slice(b.length, -1);
-          e.params[P] = g(P, a.query[C]);
+      Object.keys(a.query).forEach((k) => {
+        if (k.startsWith(b)) {
+          const P = k.slice(b.length, -1);
+          e.params[P] = g(P, a.query[k]);
         }
       });
     }
@@ -2302,32 +2302,32 @@ const qa = (e) => {
       o && v(), i && f();
     },
     { deep: !0 }
-  ), r && ye(() => {
+  ), n && ye(() => {
     let b = !1;
     if (o) {
-      let C = !1;
-      if (n)
-        C = Object.keys(a.query).some((P) => u(P));
+      let k = !1;
+      if (r)
+        k = Object.keys(a.query).some((P) => u(P));
       else {
         const P = `${l}[`;
-        C = Object.keys(a.query).some(
+        k = Object.keys(a.query).some(
           (I) => I.startsWith(P)
         );
       }
-      C && (b = !0, x());
+      k && (b = !0, _());
     }
     if (!b && i) {
-      const C = w();
-      C && Object.keys(C).length > 0 && (Object.keys(C).forEach((P) => {
-        C[P] = g(P, C[P]);
-      }), Object.assign(e.params, C));
+      const k = x();
+      k && Object.keys(k).length > 0 && (Object.keys(k).forEach((P) => {
+        k[P] = g(P, k[P]);
+      }), Object.assign(e.params, k));
     }
   }), {
     syncToRoute: v,
-    restoreFromRoute: x,
+    restoreFromRoute: _,
     saveToStorage: f,
-    loadFromStorage: w,
-    clearStorage: k
+    loadFromStorage: x,
+    clearStorage: w
   };
 }, ao = { class: "flex items-center gap-4 py-3" }, oo = { class: "shrink-0" }, ro = { class: "text-sm text-gray-700" }, no = { class: "font-medium" }, lo = { class: "font-medium" }, io = { class: "font-medium" }, co = {
   __name: "SparkTablePaginationDetails",
@@ -2372,15 +2372,15 @@ const qa = (e) => {
   emits: ["paginate"],
   setup(e, { emit: s }) {
     const t = e, a = s, l = (d) => {
-      n(t.sparkTable.params.page + d);
-    }, n = (d) => {
+      r(t.sparkTable.params.page + d);
+    }, r = (d) => {
       d < 1 || d > t.sparkTable.response.meta.last_page || a("paginate", {
         page: d
       });
     }, o = $(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), i = $(() => t.sparkTable.computed.ready ? ls(
       Math.floor((o.value - 1) / 10) * 10 + 1,
       o.value > t.sparkTable.response.meta.last_page ? t.sparkTable.response.meta.last_page + 1 : o.value + 1
-    ) : []), r = $(
+    ) : []), n = $(
       () => t.sparkTable.params.page < ee(t.sparkTable.response.meta, "last_page", 1)
     ), c = $(() => t.sparkTable.params.page > 1);
     return (d, p) => {
@@ -2393,29 +2393,29 @@ const qa = (e) => {
                 m("a", {
                   class: V([c.value ? "" : "disabled", "relative inline-flex items-center rounded-l-md px-2 py-[9px] text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-20 focus:outline-offset-0"]),
                   href: "#",
-                  onClick: p[0] || (p[0] = U((w) => l(-1), ["prevent"]))
+                  onClick: p[0] || (p[0] = U((x) => l(-1), ["prevent"]))
                 }, [
                   S(f, {
-                    icon: _(F).farChevronLeft,
+                    icon: C(F).farChevronLeft,
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ], 2),
-                (h(!0), y(D, null, B(i.value, (w) => (h(), y("a", {
-                  key: `page-${w}`,
+                (h(!0), y(D, null, B(i.value, (x) => (h(), y("a", {
+                  key: `page-${x}`,
                   href: "#",
                   class: V([
                     "relative inline-flex items-center px-4 py-[9px] text-sm font-semibold ring-1 ring-inset",
-                    e.sparkTable.params.page === w ? "z-10 text-white bg-primary-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 hover:bg-primary-600" : "text-gray-900 hover:bg-gray-50 ring-gray-300 focus:z-20 focus:outline-offset-0"
+                    e.sparkTable.params.page === x ? "z-10 text-white bg-primary-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 hover:bg-primary-600" : "text-gray-900 hover:bg-gray-50 ring-gray-300 focus:z-20 focus:outline-offset-0"
                   ]),
-                  onClick: (k) => n(w)
-                }, M(w), 11, mo))), 128)),
+                  onClick: (w) => r(x)
+                }, M(x), 11, mo))), 128)),
                 m("a", {
-                  class: V([r.value ? "" : "disabled", "relative inline-flex items-center rounded-r-md px-2 py-[9px] text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-20 focus:outline-offset-0"]),
-                  onClick: p[1] || (p[1] = U((w) => l(1), ["prevent"])),
+                  class: V([n.value ? "" : "disabled", "relative inline-flex items-center rounded-r-md px-2 py-[9px] text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-20 focus:outline-offset-0"]),
+                  onClick: p[1] || (p[1] = U((x) => l(1), ["prevent"])),
                   href: "#"
                 }, [
                   S(f, {
-                    icon: _(F).farChevronRight,
+                    icon: C(F).farChevronRight,
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ], 2)
@@ -2444,23 +2444,23 @@ const qa = (e) => {
     const t = e, a = s, l = $(() => t.sparkTable.options.perPages.map((o) => ({
       label: String(o),
       value: o
-    }))), n = (o) => {
+    }))), r = (o) => {
       a("paginate", {
         page: 1,
         limit: parseInt(o)
       });
     };
     return (o, i) => {
-      const r = E("FormKit");
+      const n = E("FormKit");
       return h(), y("div", go, [
-        S(r, {
+        S(n, {
           "model-value": e.sparkTable.params.limit,
           type: "select",
           options: l.value,
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0",
           "input-class": "!py-2",
-          onInput: n
+          onInput: r
         }, null, 8, ["model-value", "options"])
       ]);
     };
@@ -2476,14 +2476,14 @@ const qa = (e) => {
   },
   setup(e) {
     const s = e, t = Be(), a = $(() => !!t.default), l = $(() => {
-      const n = "spark-table-toolbar flex flex-wrap items-center gap-x-5 w-full";
-      return s.position === "footer" ? `${n} spark-table-toolbar-footer justify-between` : `${n} spark-table-toolbar-header gap-y-5 py-5`;
+      const r = "spark-table-toolbar flex flex-wrap items-center gap-x-5 w-full";
+      return s.position === "footer" ? `${r} spark-table-toolbar-footer justify-between` : `${r} spark-table-toolbar-header gap-y-5 py-5`;
     });
-    return (n, o) => a.value ? (h(), y("div", {
+    return (r, o) => a.value ? (h(), y("div", {
       key: 0,
       class: V(l.value)
     }, [
-      O(n.$slots, "default")
+      O(r.$slots, "default")
     ], 2)) : T("", !0);
   }
 }, bo = { class: "spark-table-search" }, xo = {
@@ -2518,20 +2518,20 @@ const qa = (e) => {
     j(t, (o) => {
       l(o);
     });
-    const n = s.config.placeholder || "Search...";
+    const r = s.config.placeholder || "Search...";
     return j(
       () => s.sparkTable.params[a],
       (o) => {
         o && o !== t.value ? t.value = o : !o && t.value && (t.value = "");
       }
     ), (o, i) => {
-      const r = E("FormKit");
+      const n = E("FormKit");
       return h(), y("div", bo, [
-        S(r, q({
+        S(n, q({
           modelValue: t.value,
           "onUpdate:modelValue": i[0] || (i[0] = (c) => t.value = c),
           type: "text",
-          placeholder: _(n),
+          placeholder: C(r),
           suffixIcon: "search",
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0",
@@ -2560,7 +2560,7 @@ const qa = (e) => {
     s.sparkTable.params[a] ? t.value = s.sparkTable.params[a] : s.config.initialValue !== void 0 && s.config.initialValue !== null && (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
       [a]: s.config.initialValue
     }));
-    const l = s.config.label || null, n = $(() => [
+    const l = s.config.label || null, r = $(() => [
       { label: s.config.placeholder || "All", value: "" },
       ...s.config.options
     ]);
@@ -2575,14 +2575,14 @@ const qa = (e) => {
         o != null && o !== "" ? t.value !== o && (t.value = o) : t.value && (t.value = "");
       }
     ), (o, i) => {
-      const r = E("FormKit");
+      const n = E("FormKit");
       return h(), y("div", wo, [
-        S(r, q({
+        S(n, q({
           modelValue: t.value,
           "onUpdate:modelValue": i[0] || (i[0] = (c) => t.value = c),
           type: "select",
-          label: _(l),
-          options: n.value,
+          label: C(l),
+          options: r.value,
           placeholder: e.config.placeholder || "All",
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0"
@@ -2613,7 +2613,7 @@ const qa = (e) => {
     s.sparkTable.params[l] !== void 0 ? t.value = s.sparkTable.params[l] : s.config.initialValue !== void 0 && (t.value = s.config.initialValue, s.config.initialValue !== null && s.sparkTable.methods.applyParams({
       [l]: s.config.initialValue
     }));
-    const n = (i) => i == null ? t.value === null || t.value === void 0 || t.value === "" : t.value === i, o = (i) => {
+    const r = (i) => i == null ? t.value === null || t.value === void 0 || t.value === "" : t.value === i, o = (i) => {
       t.value = i, i == null || i === "" ? s.sparkTable.methods.removeParam(l) : s.sparkTable.methods.applyParams({
         page: 1,
         [l]: i
@@ -2624,15 +2624,15 @@ const qa = (e) => {
       (i) => {
         (i == null || i === "") && t.value ? t.value = null : i !== t.value && (t.value = i);
       }
-    ), (i, r) => (h(), y("div", So, [
-      _(a) ? (h(), y("span", $o, M(_(a)), 1)) : T("", !0),
+    ), (i, n) => (h(), y("div", So, [
+      C(a) ? (h(), y("span", $o, M(C(a)), 1)) : T("", !0),
       S(pt, { class: "isolate" }, {
         default: L(() => [
-          (h(!0), y(D, null, B(e.config.options, (c) => (h(), H(W, {
+          (h(!0), y(D, null, B(e.config.options, (c) => (h(), H(G, {
             key: c.value,
             size: "xl",
             "button-class": "px-3.5",
-            variant: n(c.value) ? "primary" : "secondary",
+            variant: r(c.value) ? "primary" : "secondary",
             onClick: (d) => o(c.value)
           }, {
             default: L(() => [
@@ -2661,7 +2661,7 @@ const qa = (e) => {
     }
   },
   setup(e) {
-    const s = e, t = R(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`, n = R(`${l}-0`);
+    const s = e, t = R(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`, r = R(`${l}-0`);
     return s.sparkTable.params[l] ? t.value = s.sparkTable.params[l] : s.config.initialValue ? (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
       [l]: s.config.initialValue
     })) : t.value = null, j(t, (o) => {
@@ -2674,20 +2674,20 @@ const qa = (e) => {
       (o) => {
         if ((o == null || o === "") && t.value) {
           t.value = null;
-          const i = parseInt(n.value.split("-").pop()) || 0;
-          n.value = `${l}-${i + 1}`;
+          const i = parseInt(r.value.split("-").pop()) || 0;
+          r.value = `${l}-${i + 1}`;
         } else o && o !== t.value && (t.value = o);
       }
     ), (o, i) => {
-      const r = E("FormKit");
+      const n = E("FormKit");
       return h(), y("div", Po, [
-        (h(), H(r, q({
-          key: n.value,
+        (h(), H(n, q({
+          key: r.value,
           modelValue: t.value,
           "onUpdate:modelValue": i[0] || (i[0] = (c) => t.value = c),
           type: "datepicker",
           "picker-only": "",
-          label: _(a),
+          label: C(a),
           placeholder: e.config.placeholder || "Select date",
           overlay: !0,
           "value-format": "YYYY-MM-DD",
@@ -2714,16 +2714,16 @@ const qa = (e) => {
   },
   setup(e) {
     const s = e, t = () => {
-      const a = s.sparkTable.plugins || {}, l = [], n = {};
+      const a = s.sparkTable.plugins || {}, l = [], r = {};
       Object.entries(a).forEach(([c, d]) => {
         if (!d || d.type === "reset" || !(typeof d.enabled == "function" ? d.enabled(s.sparkTable.params) : d.enabled))
           return;
         let f = null;
-        d.type === "search" ? f = d.param || "search" : d.type === "filterSelect" || d.type === "filterButtons" ? f = d.param || `filter[${d.key}]` : d.type === "datePicker" && (f = d.param || `filter[${d.key}]`), f && (d.initialValue !== void 0 && d.initialValue !== null ? n[f] = d.initialValue : l.push(f));
+        d.type === "search" ? f = d.param || "search" : d.type === "filterSelect" || d.type === "filterButtons" ? f = d.param || `filter[${d.key}]` : d.type === "datePicker" && (f = d.param || `filter[${d.key}]`), f && (d.initialValue !== void 0 && d.initialValue !== null ? r[f] = d.initialValue : l.push(f));
       });
       const o = l.filter(
         (c) => s.sparkTable.params[c] !== void 0 && s.sparkTable.params[c] !== null && s.sparkTable.params[c] !== ""
-      ), i = Object.entries(n).filter(
+      ), i = Object.entries(r).filter(
         ([c, d]) => s.sparkTable.params[c] !== d
       );
       if (o.length === 0 && i.length === 0)
@@ -2731,20 +2731,20 @@ const qa = (e) => {
       o.forEach((c) => {
         delete s.sparkTable.params[c];
       });
-      const r = Object.fromEntries(i);
-      s.sparkTable.methods.applyParams({ ...r, page: 1 });
+      const n = Object.fromEntries(i);
+      s.sparkTable.methods.applyParams({ ...n, page: 1 });
     };
     return (a, l) => {
-      const n = E("font-awesome-icon");
+      const r = E("font-awesome-icon");
       return h(), y("div", Ho, [
-        S(W, {
+        S(G, {
           onClick: t,
           variant: "secondary",
           "button-class": "px-3.5",
           size: "xl"
         }, {
           default: L(() => [
-            e.config.icon ? (h(), H(n, {
+            e.config.icon ? (h(), H(r, {
               key: 0,
               icon: ["far", e.config.icon],
               class: V({ "mr-1.5": e.config.label })
@@ -2790,7 +2790,7 @@ const qa = (e) => {
     dataTransformer: {
       type: Function,
       default: (e, s) => ({
-        data: ee(s.settings, "nestedHeaders") ? e.data.data.map((a) => (s.settings.columnKeys || []).map((n) => a[n])) : e.data.data,
+        data: ee(s.settings, "nestedHeaders") ? e.data.data.map((a) => (s.settings.columnKeys || []).map((r) => a[r])) : e.data.data,
         meta: {
           last_page: e.data.last_page,
           from: e.data.from,
@@ -2844,7 +2844,7 @@ const qa = (e) => {
   setup(e, { expose: s, emit: t }) {
     const a = e;
     hs(), me(ds), me(ps), me(fs), ee(a, "settings.nestedHeaders") && me(ms);
-    const l = t, n = $e("axios"), o = R(null), i = R(!1), r = R(null);
+    const l = t, r = $e("axios"), o = R(null), i = R(!1), n = R(null);
     let c = !1;
     const d = {
       search: ko,
@@ -2873,13 +2873,13 @@ const qa = (e) => {
         },
         loadTable: async (u) => {
           if (!(!o.value || !o.value.hotInstance)) {
-            i.value = !0, r.value = null, l("loading", !0), ve.start(), p.hotInstance = o.value.hotInstance;
+            i.value = !0, n.value = null, l("loading", !0), ve.start(), p.hotInstance = o.value.hotInstance;
             try {
               if (a.dataProvider) {
                 const b = await a.dataProvider(p.computed.params);
                 p.response = a.dataTransformer(b, a);
               } else if (a.url) {
-                const b = await n.get(a.url, {
+                const b = await r.get(a.url, {
                   params: p.computed.params
                 });
                 p.response = a.dataTransformer(b, a);
@@ -2890,14 +2890,14 @@ const qa = (e) => {
               if (c) return;
               p.hotInstance.updateData(p.response.data), p.options.callback && typeof p.options.callback == "function" && await p.options.callback();
               const g = p.hotInstance.getPlugin("autoColumnSize");
-              ee(a.settings, "columns", []).forEach((b, C) => {
-                b.width || g.calculateColumnsWidth(C, C, !0);
+              ee(a.settings, "columns", []).forEach((b, k) => {
+                b.width || g.calculateColumnsWidth(k, k, !0);
               }), l("load", {
                 data: p.response.data,
                 meta: p.response.meta
               }), u && typeof u == "function" && u();
             } catch (g) {
-              r.value = g, l("error", g), console.error("Error loading table data:", g);
+              n.value = g, l("error", g), console.error("Error loading table data:", g);
             } finally {
               i.value = !1, l("loading", !1), ve.done();
             }
@@ -2917,8 +2917,8 @@ const qa = (e) => {
         },
         clearParam: (u) => p.methods.removeParam(u),
         clearParams: (u) => {
-          (Array.isArray(u) ? u : [u]).forEach((x) => {
-            p.params[x] !== void 0 && delete p.params[x];
+          (Array.isArray(u) ? u : [u]).forEach((_) => {
+            p.params[_] !== void 0 && delete p.params[_];
           }), p.methods.applyParams({ page: 1 });
         }
       },
@@ -2955,13 +2955,13 @@ const qa = (e) => {
          * This ensures custom renderers copy their visual output, not the underlying data
          */
         beforeCopy: (u, g) => {
-          const x = o.value?.hotInstance;
-          x && g.forEach((b) => {
-            for (let C = b.startRow; C <= b.endRow; C++)
+          const _ = o.value?.hotInstance;
+          _ && g.forEach((b) => {
+            for (let k = b.startRow; k <= b.endRow; k++)
               for (let P = b.startCol; P <= b.endCol; P++) {
-                const I = x.getCell(C, P);
+                const I = _.getCell(k, P);
                 if (I) {
-                  const Y = C - g[0].startRow, fe = P - g[0].startCol;
+                  const Y = k - g[0].startRow, fe = P - g[0].startCol;
                   u[Y][fe] = I.dataset.copyValue ?? I.textContent ?? "";
                 }
               }
@@ -2971,7 +2971,7 @@ const qa = (e) => {
       }))
     }), f = $(
       () => p.computed.ready && p.response.data?.length === 0
-    ), w = (u) => {
+    ), x = (u) => {
       if (!u) return null;
       switch (u.type) {
         case "search":
@@ -2983,16 +2983,16 @@ const qa = (e) => {
         default:
           return null;
       }
-    }, k = (u) => u ? typeof u.enabled == "function" ? u.enabled(p.params) : u.enabled : !1, v = $(() => Object.entries(a.plugins).filter(([u, g]) => k(g)).map(([u, g]) => ({ name: u, config: g })));
+    }, w = (u) => u ? typeof u.enabled == "function" ? u.enabled(p.params) : u.enabled : !1, v = $(() => Object.entries(a.plugins).filter(([u, g]) => w(g)).map(([u, g]) => ({ name: u, config: g })));
     if (j(
       () => ({ ...p.params }),
       () => {
         const u = [];
         Object.values(a.plugins).forEach((g) => {
-          const x = w(g);
-          if (!x) return;
-          const b = k(g), C = p.params[x] !== void 0;
-          !b && C && u.push(x);
+          const _ = x(g);
+          if (!_) return;
+          const b = w(g), k = p.params[_] !== void 0;
+          !b && k && u.push(_);
         }), u.length > 0 && u.forEach((g) => {
           delete p.params[g];
         });
@@ -3036,11 +3036,11 @@ const qa = (e) => {
       clearParams: (u) => p.methods.clearParams(u),
       applyParams: (u) => p.methods.applyParams(u),
       loading: i,
-      error: r,
+      error: n,
       sparkTable: p,
       table: o
     }), (u, g) => {
-      const x = E("font-awesome-icon");
+      const _ = E("font-awesome-icon");
       return h(), y("div", Eo, [
         p.computed.ready && v.value && v.value.length ? (h(), H(De, {
           key: 0,
@@ -3056,12 +3056,12 @@ const qa = (e) => {
             O(u.$slots, "header", {
               sparkTable: p,
               loading: i.value,
-              error: r.value
+              error: n.value
             })
           ]),
           _: 3
         })) : (h(), y("div", Ao)),
-        bt(S(_(us), {
+        bt(S(C(us), {
           "theme-name": "ht-theme-classic",
           ref_key: "table",
           ref: o,
@@ -3070,8 +3070,8 @@ const qa = (e) => {
           [xt, !f.value]
         ]),
         f.value ? (h(), y("div", Io, [
-          S(x, {
-            icon: _(F).farInbox,
+          S(_, {
+            icon: C(F).farInbox,
             class: "size-12 mb-4 text-gray-300"
           }, null, 8, ["icon"]),
           g[0] || (g[0] = m("p", { class: "text-sm" }, "No records found", -1))
@@ -3098,7 +3098,7 @@ const qa = (e) => {
               O(u.$slots, "footer", {
                 sparkTable: p,
                 loading: i.value,
-                error: r.value
+                error: n.value
               })
             ])
           ]),
@@ -3121,8 +3121,8 @@ function Ae() {
     e.isVisible = !1, e.content = null, e.props = {}, e.eventHandlers = {}, e.size = "md";
   }, a = () => {
     e.isVisible = !0;
-  }, l = (o, i = {}, r = {}, c = {}) => {
-    e.content = ce(o), e.props = i, e.eventHandlers = r, e.size = c.size || "md";
+  }, l = (o, i = {}, n = {}, c = {}) => {
+    e.content = ce(o), e.props = i, e.eventHandlers = n, e.size = c.size || "md";
   };
   return {
     state: e,
@@ -3130,8 +3130,8 @@ function Ae() {
     close: t,
     open: a,
     setContent: l,
-    show: (o, i = {}, r = {}, c = {}) => {
-      o && l(o, i, r, c), a();
+    show: (o, i = {}, n = {}, c = {}) => {
+      o && l(o, i, n, c), a();
     }
   };
 }
@@ -3140,22 +3140,22 @@ class zo {
     this.left = Ae(), this.right = Ae();
   }
   showLeft = (s, t = {}, a = {}, l = {}) => {
-    const n = {
+    const r = {
       close: () => {
         a.close?.(), this.closeLeft();
       },
       ...a
     };
-    this.left.show(s, t, n, l);
+    this.left.show(s, t, r, l);
   };
   showRight = (s, t = {}, a = {}, l = {}) => {
-    const n = {
+    const r = {
       close: () => {
         a.close?.(), this.closeRight();
       },
       ...a
     };
-    this.right.show(s, t, n, l);
+    this.right.show(s, t, r, l);
   };
   closeLeft = () => {
     this.left.close();
@@ -3175,12 +3175,12 @@ const ae = new zo(), jo = (e) => {
     maxAge: a = 31536e3,
     // 365 days in seconds
     domain: l = ft(),
-    secure: n = !0,
+    secure: r = !0,
     sameSite: o = "Lax",
     path: i = "/"
   } = t;
-  let r = `${e}=${s}; max-age=${a}; path=${i}; samesite=${o}`;
-  l && (r += `; domain=${l}`), n && (r += "; secure"), document.cookie = r;
+  let n = `${e}=${s}; max-age=${a}; path=${i}; samesite=${o}`;
+  l && (n += `; domain=${l}`), r && (n += "; secure"), document.cookie = n;
 }, Zo = (e, s = {}) => {
   const { domain: t = ft(), path: a = "/" } = s;
   let l = `${e}=; max-age=0; path=${a}`;
@@ -3249,7 +3249,7 @@ const ke = "bolt-next-token", Q = pe("auth", () => {
     No(ke, c), e.token = c;
   }, a = () => {
     Zo(ke), e.token = null;
-  }, l = () => jo(ke), n = async (c) => {
+  }, l = () => jo(ke), r = async (c) => {
     const d = await le.post(e.endpoints.login, c), p = d.headers.authorization;
     return t(p), e.user = d.data, e.callbacks.onLoginSuccess && await e.callbacks.onLoginSuccess(d.data), d.data;
   }, o = async () => {
@@ -3284,14 +3284,14 @@ const ke = "bolt-next-token", Q = pe("auth", () => {
     } finally {
       e.ready = !0;
     }
-  }, r = $(() => e.overrideToken ? !0 : !!e.token && !!e.user);
+  }, n = $(() => e.overrideToken ? !0 : !!e.token && !!e.user);
   return {
     state: e,
     initialize: s,
-    login: n,
+    login: r,
     logout: o,
     fetchUser: i,
-    check: r,
+    check: n,
     setTokenCookie: t,
     clearTokenCookie: a,
     getTokenCookie: l
@@ -3341,12 +3341,12 @@ let ne = null;
 function sl(e, s = {}) {
   return ne = Ko(s), e.provide("axios", ne), e.config.globalProperties.$axios = ne, ne;
 }
-function Go() {
+function Wo() {
   if (!ne)
     throw new Error("Axios instance not initialized. Call setupAxios() first.");
   return ne;
 }
-function Wo(e) {
+function Go(e) {
   return e?.status !== 422 ? null : e.data?.errors || null;
 }
 function Ie(e) {
@@ -3361,66 +3361,66 @@ function al(e = {}) {
     createMessage: t = "Created successfully!",
     updateMessage: a = "Updated successfully!",
     redirectTo: l = null,
-    onSuccess: n = null,
+    onSuccess: r = null,
     onError: o = null,
     showNotification: i = !0,
-    setFieldErrors: r = !0,
+    setFieldErrors: n = !0,
     setFormErrors: c = !1
-  } = e, d = G(), p = R(!1);
-  async function f(k) {
-    const { submitFn: v, method: u = "create", node: g = null, isEditMode: x = !1 } = k;
+  } = e, d = W(), p = R(!1);
+  async function f(w) {
+    const { submitFn: v, method: u = "create", node: g = null, isEditMode: _ = !1 } = w;
     p.value = !0, g && g.clearErrors();
     try {
-      const C = (await v()).data;
+      const k = (await v()).data;
       if (i) {
-        const P = x ? a : u === "create" ? t : s;
+        const P = _ ? a : u === "create" ? t : s;
         z.show({
           type: "success",
           message: P
         });
       }
-      if (n && await n(C), !x && l) {
-        const P = typeof l == "function" ? l(C) : l;
+      if (r && await r(k), !_ && l) {
+        const P = typeof l == "function" ? l(k) : l;
         await d.push(P);
       }
-      return { success: !0, data: C, error: null };
+      return { success: !0, data: k, error: null };
     } catch (b) {
-      const C = b.response;
+      const k = b.response;
       if (o && await o(b) === !0)
         return { success: !1, data: null, error: b };
-      if (Yo(C)) {
-        const P = Wo(C);
-        P && g && r && g.setErrors([], P), c && z.show({
+      if (Yo(k)) {
+        const P = Go(k);
+        P && g && n && g.setErrors([], P), c && z.show({
           type: "danger",
-          message: Ie(C)
+          message: Ie(k)
         });
       } else
         z.show({
           type: "danger",
-          message: Ie(C)
+          message: Ie(k)
         });
       return { success: !1, data: null, error: b };
     } finally {
       p.value = !1;
     }
   }
-  async function w(k) {
-    const { url: v, payload: u, method: g = "post", node: x, isEditMode: b } = k, C = Go();
+  async function x(w) {
+    const { url: v, payload: u, method: g = "post", node: _, isEditMode: b } = w, k = Wo();
     return f({
-      submitFn: () => C[g](v, u),
+      submitFn: () => k[g](v, u),
       method: b ? "update" : "create",
-      node: x,
+      node: _,
       isEditMode: b
     });
   }
   return {
     submitting: p,
     submit: f,
-    submitToApi: w
+    submitToApi: x
   };
 }
 function ol(e = {}) {
-  const { items: s = [], defaultId: t = null } = e, a = G(), l = se(), n = R(s.map(o));
+  const { items: s = [], defaultId: t = null } = e, a = W(), l = se(), r = R(s.map(o));
   function o(u) {
     return {
       id: u.id,
@@ -3439,67 +3439,67 @@ function ol(e = {}) {
   function i(u) {
     return typeof u == "function" ? u() : u;
   }
-  const r = $(() => n.value.filter((u) => !i(u.hidden)));
+  const n = $(() => r.value.filter((u) => !i(u.hidden)));
   function c(u) {
-    const g = typeof u == "string" ? n.value.find((x) => x.id === u) : u;
+    const g = typeof u == "string" ? r.value.find((_) => _.id === u) : u;
     return g ? i(g.disabled) : !1;
   }
   function d(u) {
-    const g = typeof u == "string" ? n.value.find((b) => b.id === u) : u;
+    const g = typeof u == "string" ? r.value.find((b) => b.id === u) : u;
     if (!g || !g.route) return !1;
-    const x = typeof g.route == "string" ? { name: g.route } : g.route;
-    if (x.name && l.name === x.name)
+    const _ = typeof g.route == "string" ? { name: g.route } : g.route;
+    if (_.name && l.name === _.name)
       return !0;
-    if (x.path) {
-      const b = a.resolve(x);
+    if (_.path) {
+      const b = a.resolve(_);
       return l.path === b.path;
     }
     return !1;
   }
   const p = $(() => {
-    const u = r.value.find((g) => d(g));
-    return u || (t ? r.value.find((g) => g.id === t) || r.value[0] : r.value[0] || null);
+    const u = n.value.find((g) => d(g));
+    return u || (t ? n.value.find((g) => g.id === t) || n.value[0] : n.value[0] || null);
   }), f = $(() => p.value?.id || null);
-  async function w(u) {
-    const g = typeof u == "string" ? n.value.find((x) => x.id === u) : u;
+  async function x(u) {
+    const g = typeof u == "string" ? r.value.find((_) => _.id === u) : u;
     if (!g)
       return console.warn(`[useSubNavigation] Item not found: ${u}`), !1;
     if (c(g))
       return !1;
     if (g.route) {
-      const x = typeof g.route == "string" ? { name: g.route } : g.route;
-      return await a.push(x), !0;
+      const _ = typeof g.route == "string" ? { name: g.route } : g.route;
+      return await a.push(_), !0;
     }
     if (g.overlay) {
-      const { component: x, props: b = {}, eventHandlers: C = {}, position: P = "right", size: I } = g.overlay;
-      return ae[P === "left" ? "showLeft" : "showRight"](ce(x), b, C, { size: I }), !0;
+      const { component: _, props: b = {}, eventHandlers: k = {}, position: P = "right", size: I } = g.overlay;
+      return ae[P === "left" ? "showLeft" : "showRight"](ce(_), b, k, { size: I }), !0;
     }
     if (g.modal) {
-      const { component: x, props: b = {}, eventHandlers: C = {} } = g.modal;
-      return J.show(ce(x), b, C), !0;
+      const { component: _, props: b = {}, eventHandlers: k = {} } = g.modal;
+      return J.show(ce(_), b, k), !0;
     }
     if (g.action) {
-      const x = g.action(g);
-      return x instanceof Promise && await x, !0;
+      const _ = g.action(g);
+      return _ instanceof Promise && await _, !0;
     }
     return !1;
   }
-  function k(u) {
-    n.value = u.map(o);
+  function w(u) {
+    r.value = u.map(o);
   }
   function v(u, g) {
-    const x = n.value.findIndex((b) => b.id === u);
-    x !== -1 && (n.value[x] = o({ ...n.value[x], ...g }));
+    const _ = r.value.findIndex((b) => b.id === u);
+    _ !== -1 && (r.value[_] = o({ ...r.value[_], ...g }));
   }
   return {
-    items: n,
-    visibleItems: r,
+    items: r,
+    visibleItems: n,
     activeItem: p,
     activeId: f,
-    navigateTo: w,
+    navigateTo: x,
     isActive: d,
     isDisabled: c,
-    setItems: k,
+    setItems: w,
     updateItem: v
   };
 }
@@ -3527,18 +3527,18 @@ function rl(e = {}) {
     title: t = "Unsaved Changes",
     confirmText: a = "Leave",
     cancelText: l = "Stay",
-    useRouteGuard: n = !0
+    useRouteGuard: r = !0
   } = e, o = `form-${++Xo}`, i = R(!1);
   ie.set(o, {
     isDirty: !1,
     message: s
   });
-  const r = (v = !0) => {
+  const n = (v = !0) => {
     i.value = v;
     const u = ie.get(o);
     u && (u.isDirty = v);
   }, c = () => {
-    r(!1);
+    n(!1);
   }, d = async (v = {}) => {
     if (!i.value)
       return !0;
@@ -3555,20 +3555,20 @@ function rl(e = {}) {
   const f = (v) => {
     if (i.value)
       return v.preventDefault(), v.returnValue = "", "";
-  }, w = () => {
+  }, x = () => {
     p || (window.addEventListener("beforeunload", f), p = !0);
-  }, k = () => {
+  }, w = () => {
     p && (window.removeEventListener("beforeunload", f), p = !1);
   };
-  return n && ns(async () => await d()), ze(() => {
-    ie.delete(o), k();
+  return r && ns(async () => await d()), ze(() => {
+    ie.delete(o), w();
   }), {
     isDirty: i,
-    setDirty: r,
+    setDirty: n,
     setClean: c,
     checkDirty: d,
-    enableBrowserWarning: w,
-    disableBrowserWarning: k
+    enableBrowserWarning: x,
+    disableBrowserWarning: w
   };
 }
 const tr = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, sr = { class: "flex flex-1 flex-col" }, ar = {
@@ -3604,29 +3604,29 @@ const tr = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, sr = { class: "flex
   },
   emits: ["overlayClose"],
   setup(e, { emit: s }) {
-    const t = e, a = s, l = Be(), n = se(), o = dt(), i = it(), r = $(() => i.getAppIcon(t.appStore.state.app)), c = $(() => n.meta.hideBrandSelector === !0 ? !1 : t.appStore.state.showBrandSelector), d = () => {
-      const k = {};
-      l["app-selector-bottom"] ? k.bottomSlot = () => Te("div", {}, l["app-selector-bottom"]()) : t.appSelectorSlots.bottomSlot && (k.bottomSlot = t.appSelectorSlots.bottomSlot), l["app-selector-footer"] ? k.footerSlot = () => Te("div", {}, l["app-selector-footer"]()) : t.appSelectorSlots.footerSlot && (k.footerSlot = t.appSelectorSlots.footerSlot), ae.showRight(Os, k, {
-        select: (v) => {
+    const t = e, a = s, l = Be(), r = se(), o = (v) => v.href ? !!(v.href === r.name || v.href === r.path || r.path.startsWith(v.href + "/")) : !1, i = dt(), n = it(), c = $(() => n.getAppIcon(t.appStore.state.app)), d = $(() => r.meta.hideBrandSelector === !0 ? !1 : t.appStore.state.showBrandSelector), p = () => {
+      const v = {};
+      l["app-selector-bottom"] ? v.bottomSlot = () => Te("div", {}, l["app-selector-bottom"]()) : t.appSelectorSlots.bottomSlot && (v.bottomSlot = t.appSelectorSlots.bottomSlot), l["app-selector-footer"] ? v.footerSlot = () => Te("div", {}, l["app-selector-footer"]()) : t.appSelectorSlots.footerSlot && (v.footerSlot = t.appSelectorSlots.footerSlot), ae.showRight(Os, v, {
+        select: (u) => {
           ae.closeRight();
         }
       });
-    }, p = () => {
+    }, f = () => {
       ae.showLeft(
         ia,
         {},
         {
-          select: (k) => {
-            o.toggleBrand(k), ae.closeLeft();
+          select: (v) => {
+            i.toggleBrand(v), ae.closeLeft();
           }
         }
       );
-    }, f = $(() => t.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [t.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), w = $(() => t.mainNavStore.state.hidden ? ["pl-2.5"] : [t.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
-    return (k, v) => {
-      const u = E("font-awesome-icon"), g = E("router-view");
+    }, x = $(() => t.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [t.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), w = $(() => t.mainNavStore.state.hidden ? ["pl-2.5"] : [t.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
+    return (v, u) => {
+      const g = E("font-awesome-icon"), _ = E("router-view");
       return h(), y(D, null, [
         m("div", {
-          class: V([f.value, "fixed inset-y-0 flex transition-all z-100"])
+          class: V([x.value, "fixed inset-y-0 flex transition-all z-100"])
         }, [
           m("div", tr, [
             m("nav", sr, [
@@ -3636,66 +3636,66 @@ const tr = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, sr = { class: "flex
                     m("li", nr, [
                       m("a", {
                         class: "grid w-[40px] h-[40px] place-items-center rounded-md bg-primary-600 text-white text-[13px] cursor-pointer",
-                        onClick: v[0] || (v[0] = U((x) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
+                        onClick: u[0] || (u[0] = U((b) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
                       }, [
-                        S(u, {
-                          icon: _(F)[r.value],
+                        S(g, {
+                          icon: C(F)[c.value],
                           class: "size-5"
                         }, null, 8, ["icon"])
                       ]),
                       e.mainNavStore.state.collapsed ? T("", !0) : (h(), y("a", {
                         key: 0,
-                        onClick: v[1] || (v[1] = U((x) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"])),
+                        onClick: u[1] || (u[1] = U((b) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"])),
                         class: "font-medium text-gray-800 ml-[10px] cursor-pointer"
                       }, M(e.appStore.state.app), 1))
                     ]),
-                    (h(!0), y(D, null, B(e.mainNavStore.state.menu, (x) => (h(), y("li", {
-                      key: x.name,
+                    (h(!0), y(D, null, B(e.mainNavStore.state.menu, (b) => (h(), y("li", {
+                      key: b.name,
                       class: V({
-                        "mt-[10px]": x.children,
-                        "mt-auto": x.footerSection
+                        "mt-[10px]": b.children,
+                        "mt-auto": b.footerSection
                       })
                     }, [
                       m("a", {
                         class: V([{
-                          "bg-gray-100": x.current,
-                          "hover:bg-gray-100": x?.href
+                          "bg-gray-100": o(b),
+                          "hover:bg-gray-100": b?.href
                         }, "h-[37px] sgroup flex items-center gap-x-2 rounded-md p-3 text-gray-800 leading-5 transition-all duration-300 ease-in-out"]),
-                        href: x?.href,
-                        onClick: U((b) => e.mainNavStore.goto(x.href), ["prevent"])
+                        href: b?.href,
+                        onClick: U((k) => e.mainNavStore.goto(b.href), ["prevent"])
                       }, [
-                        x.icon ? (h(), H(u, {
+                        b.icon ? (h(), H(g, {
                           key: 0,
-                          icon: _(F)[x.icon],
-                          class: V([[(x.current, "text-gray-400")], "size-4"])
+                          icon: C(F)[b.icon],
+                          class: V([[(o(b), "text-gray-400")], "size-4"])
                         }, null, 8, ["icon", "class"])) : T("", !0),
-                        e.mainNavStore.state.collapsed ? x?.children ? (h(), y("div", ir, [...v[6] || (v[6] = [
+                        e.mainNavStore.state.collapsed ? b?.children ? (h(), y("div", ir, [...u[6] || (u[6] = [
                           m("div", { class: "w-[10px] h-px bg-gray-400" }, null, -1)
                         ])])) : T("", !0) : (h(), y("span", {
                           key: 1,
                           class: V({
-                            "text-[11px]": x?.children,
-                            "text-[13px]": !x?.children,
-                            "font-semibold": x?.children,
-                            "text-gray-500": x?.children
+                            "text-[11px]": b?.children,
+                            "text-[13px]": !b?.children,
+                            "font-semibold": b?.children,
+                            "text-gray-500": b?.children
                           })
-                        }, M(x.name), 3))
+                        }, M(b.name), 3))
                       ], 10, lr),
-                      x.children ? (h(), y("ul", cr, [
-                        (h(!0), y(D, null, B(x.children, (b) => (h(), y("li", {
-                          key: b.name
+                      b.children ? (h(), y("ul", cr, [
+                        (h(!0), y(D, null, B(b.children, (k) => (h(), y("li", {
+                          key: k.name
                         }, [
                           m("a", {
-                            class: V([[b.current ? "bg-gray-100" : "", "hover:bg-gray-100"], "h-[37px] sgroup flex items-center gap-x-2 rounded-md p-3 text-gray-800 leading-5 transition-all duration-300 ease-in-out"]),
-                            href: b.href,
-                            onClick: U((C) => e.mainNavStore.goto(b.href), ["prevent"])
+                            class: V([[o(k) ? "bg-gray-100" : "", "hover:bg-gray-100"], "h-[37px] sgroup flex items-center gap-x-2 rounded-md p-3 text-gray-800 leading-5 transition-all duration-300 ease-in-out"]),
+                            href: k.href,
+                            onClick: U((P) => e.mainNavStore.goto(k.href), ["prevent"])
                           }, [
-                            b.icon ? (h(), H(u, {
+                            k.icon ? (h(), H(g, {
                               key: 0,
-                              icon: _(F)[b.icon],
-                              class: V([[(b.current, "text-gray-400")], "size-4"])
+                              icon: C(F)[k.icon],
+                              class: V([[(o(k), "text-gray-400")], "size-4"])
                             }, null, 8, ["icon", "class"])) : T("", !0),
-                            e.mainNavStore.state.collapsed ? T("", !0) : (h(), y("span", dr, M(b.name), 1))
+                            e.mainNavStore.state.collapsed ? T("", !0) : (h(), y("span", dr, M(k.name), 1))
                           ], 10, ur)
                         ]))), 128))
                       ])) : T("", !0)
@@ -3703,14 +3703,14 @@ const tr = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, sr = { class: "flex
                   ])
                 ]),
                 m("li", pr, [
-                  O(k.$slots, "sidebar-footer"),
+                  O(v.$slots, "sidebar-footer"),
                   m("a", {
                     class: "font-medium grid place-content-center gap-x-3 rounded-md h-10 p-2.5 text-gray-800 text-[13px] hover:bg-gray-100 transition-all duration-300 ease-in-out",
                     href: "#",
-                    onClick: v[2] || (v[2] = U((x) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
+                    onClick: u[2] || (u[2] = U((b) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
                   }, [
-                    S(u, {
-                      icon: _(F)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
+                    S(g, {
+                      icon: C(F)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
                       class: "class-5"
                     }, null, 8, ["icon"])
                   ])
@@ -3725,39 +3725,39 @@ const tr = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, sr = { class: "flex
           m("div", fr, [
             m("div", mr, [
               m("div", hr, [
-                O(k.$slots, "header-left", {}, () => [
+                O(v.$slots, "header-left", {}, () => [
                   m("div", gr, [
-                    S(u, {
-                      icon: _(F).farBarsSort,
+                    S(g, {
+                      icon: C(F).farBarsSort,
                       class: "size-5",
-                      onClick: v[3] || (v[3] = (x) => e.mainNavStore.toggleHidden())
+                      onClick: u[3] || (u[3] = (b) => e.mainNavStore.toggleHidden())
                     }, null, 8, ["icon"])
                   ])
                 ]),
-                O(k.$slots, "header-center", {}, () => [
-                  c.value ? (h(), y("div", {
+                O(v.$slots, "header-center", {}, () => [
+                  d.value ? (h(), y("div", {
                     key: 0,
                     class: "absolute left-1/2 -translate-x-1/2 cursor-pointer h-9 flex items-center",
-                    onClick: p
+                    onClick: f
                   }, [
-                    _(o).currentBrand ? (h(), y("img", {
+                    C(i).currentBrand ? (h(), y("img", {
                       key: 0,
-                      src: _(o).currentBrand.logo,
+                      src: C(i).currentBrand.logo,
                       alt: "",
                       class: "h-[30px] w-auto"
                     }, null, 8, yr)) : T("", !0)
                   ])) : T("", !0)
                 ]),
                 m("div", vr, [
-                  O(k.$slots, "header-right", {}, () => [
+                  O(v.$slots, "header-right", {}, () => [
                     e.appStore.state.showAppSelector ? (h(), y("button", {
                       key: 0,
                       class: "rounded-sm bg-white w-[42px] h-[42px] ring-1 ring-inset ring-gray-300",
                       type: "button",
-                      onClick: d
+                      onClick: p
                     }, [
-                      S(u, {
-                        icon: _(F).farGripDotsVertical,
+                      S(g, {
+                        icon: C(F).farGripDotsVertical,
                         class: "size-4 text-gray-400"
                       }, null, 8, ["icon"])
                     ])) : T("", !0)
@@ -3767,20 +3767,20 @@ const tr = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, sr = { class: "flex
             ])
           ]),
           m("main", br, [
-            S(g)
+            S(_)
           ])
         ], 2),
-        S(_(Me), {
+        S(C(Me), {
           position: "left",
-          "overlay-instance": _(ae).left,
-          onClose: v[4] || (v[4] = (x) => a("overlayClose", "left"))
+          "overlay-instance": C(ae).left,
+          onClose: u[4] || (u[4] = (b) => a("overlayClose", "left"))
         }, null, 8, ["overlay-instance"]),
-        S(_(Me), {
+        S(C(Me), {
           position: "right",
-          "overlay-instance": _(ae).right,
-          onClose: v[5] || (v[5] = (x) => a("overlayClose", "right"))
+          "overlay-instance": C(ae).right,
+          onClose: u[5] || (u[5] = (b) => a("overlayClose", "right"))
         }, null, 8, ["overlay-instance"]),
-        S(_($a))
+        S(C($a))
       ], 64);
     };
   }
@@ -3818,7 +3818,7 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = G(), t = se(), a = ct(), l = Q(), n = e, o = R(!1), i = R(""), r = async (c) => {
+    const s = W(), t = se(), a = ct(), l = Q(), r = e, o = R(!1), i = R(""), n = async (c) => {
       o.value = !0, i.value = "";
       try {
         await l.login(c);
@@ -3830,7 +3830,7 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
           }
           await s.push(d);
         } else
-          await s.push(n.defaultRedirect);
+          await s.push(r.defaultRedirect);
       } catch (d) {
         i.value = d.response?.data?.message || d.message || "Login failed. Please try again.";
       } finally {
@@ -3841,9 +3841,9 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
       const p = E("FormKit"), f = E("router-link");
       return h(), y("div", _r, [
         m("div", Cr, [
-          n.logo ? (h(), y("img", {
+          r.logo ? (h(), y("img", {
             key: 0,
-            src: n.logo,
+            src: r.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
           }, null, 8, Sr)) : (h(), y("svg", $r, [...d[0] || (d[0] = [
@@ -3868,11 +3868,11 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
         m("div", Tr, [
           m("div", Lr, [
             d[1] || (d[1] = m("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Log in", -1)),
-            m("p", Pr, " Welcome back" + M(_(a).state.app ? ` to ${_(a).state.app}` : "") + "! Please enter your details. ", 1)
+            m("p", Pr, " Welcome back" + M(C(a).state.app ? ` to ${C(a).state.app}` : "") + "! Please enter your details. ", 1)
           ]),
           S(p, {
             type: "form",
-            onSubmit: r,
+            onSubmit: n,
             actions: !1
           }, {
             default: L(() => [
@@ -3883,7 +3883,7 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
                 type: "email",
                 validation: "required|email",
                 "outer-class": "max-w-full",
-                value: _(l).state.devCredentials.username
+                value: C(l).state.devCredentials.username
               }, null, 8, ["value"]),
               S(p, {
                 label: "Password",
@@ -3892,12 +3892,12 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
                 type: "password",
                 validation: "required",
                 "outer-class": "max-w-full",
-                value: _(l).state.devCredentials.password
+                value: C(l).state.devCredentials.password
               }, null, 8, ["value"]),
               m("div", Mr, [
                 d[3] || (d[3] = m("span", null, null, -1)),
                 S(f, {
-                  to: n.forgotPasswordRoute,
+                  to: r.forgotPasswordRoute,
                   class: "text-sm text-primary-600 font-semibold"
                 }, {
                   default: L(() => [...d[2] || (d[2] = [
@@ -3907,7 +3907,7 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
                 }, 8, ["to"])
               ]),
               i.value ? (h(), y("div", Vr, M(i.value), 1)) : T("", !0),
-              S(_(W), {
+              S(C(G), {
                 type: "submit",
                 size: "xl",
                 disabled: o.value,
@@ -3934,12 +3934,12 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = G(), t = se(), a = Q(), l = e;
+    const s = W(), t = se(), a = Q(), l = e;
     return ye(async () => {
       await a.logout();
-      const n = t.query.redirect;
-      n && n.startsWith("http") ? window.location.href = n : await s.push(n || l.defaultRedirect);
-    }), (n, o) => null;
+      const r = t.query.redirect;
+      r && r.startsWith("http") ? window.location.href = r : await s.push(r || l.defaultRedirect);
+    }), (r, o) => null;
   }
 }, Er = { class: "h-full grid place-content-center relative" }, Ar = { class: "absolute top-8 left-8" }, Ir = ["src"], Or = {
   key: 1,
@@ -3967,17 +3967,17 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = Q(), t = e, a = R(!1), l = R(""), n = R(""), o = async ({ email: i }) => {
-      a.value = !0, l.value = "", n.value = "";
+    const s = Q(), t = e, a = R(!1), l = R(""), r = R(""), o = async ({ email: i }) => {
+      a.value = !0, l.value = "", r.value = "";
       try {
-        await le.post(s.state.endpoints.passwordEmail, { email: i }), n.value = "Password reset link sent! Check your email.";
-      } catch (r) {
-        l.value = r.response?.data?.message || "Failed to send reset link.";
+        await le.post(s.state.endpoints.passwordEmail, { email: i }), r.value = "Password reset link sent! Check your email.";
+      } catch (n) {
+        l.value = n.response?.data?.message || "Failed to send reset link.";
       } finally {
         a.value = !1;
       }
     };
-    return (i, r) => {
+    return (i, n) => {
       const c = E("FormKit"), d = E("router-link");
       return h(), y("div", Er, [
         m("div", Ar, [
@@ -3986,7 +3986,7 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
             src: t.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Ir)) : (h(), y("svg", Or, [...r[0] || (r[0] = [
+          }, null, 8, Ir)) : (h(), y("svg", Or, [...n[0] || (n[0] = [
             m("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -4006,7 +4006,7 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
           ])]))
         ]),
         m("div", Br, [
-          r[2] || (r[2] = m("div", { class: "mb-7" }, [
+          n[2] || (n[2] = m("div", { class: "mb-7" }, [
             m("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Reset password"),
             m("p", { class: "text-gray-600" }, " Enter your email and we'll send you a link to reset your password. ")
           ], -1)),
@@ -4025,8 +4025,8 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
                 "outer-class": "max-w-full"
               }),
               l.value ? (h(), y("div", zr, M(l.value), 1)) : T("", !0),
-              n.value ? (h(), y("div", jr, M(n.value), 1)) : T("", !0),
-              S(_(W), {
+              r.value ? (h(), y("div", jr, M(r.value), 1)) : T("", !0),
+              S(C(G), {
                 type: "submit",
                 size: "xl",
                 disabled: a.value,
@@ -4041,7 +4041,7 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
                 to: t.loginRoute,
                 class: "text-sm text-center text-primary-600 font-semibold block"
               }, {
-                default: L(() => [...r[1] || (r[1] = [
+                default: L(() => [...n[1] || (n[1] = [
                   A(" Back to login ", -1)
                 ])]),
                 _: 1
@@ -4053,7 +4053,7 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
       ]);
     };
   }
-}, Ur = { class: "h-full grid place-content-center relative" }, Kr = { class: "absolute top-8 left-8" }, Gr = ["src"], Wr = {
+}, Ur = { class: "h-full grid place-content-center relative" }, Kr = { class: "absolute top-8 left-8" }, Wr = ["src"], Gr = {
   key: 1,
   width: "59",
   height: "23",
@@ -4076,22 +4076,22 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = G(), t = se(), a = Q(), l = e, n = R(!1), o = R(""), i = async ({ password: r, password_confirmation: c }) => {
-      n.value = !0, o.value = "";
+    const s = W(), t = se(), a = Q(), l = e, r = R(!1), o = R(""), i = async ({ password: n, password_confirmation: c }) => {
+      r.value = !0, o.value = "";
       try {
         await le.post(a.state.endpoints.passwordReset, {
           email: t.query.email,
           token: t.query.token,
-          password: r,
+          password: n,
           password_confirmation: c
         }), await s.push(l.loginRoute);
       } catch (d) {
         o.value = d.response?.data?.message || "Failed to reset password.";
       } finally {
-        n.value = !1;
+        r.value = !1;
       }
     };
-    return (r, c) => {
+    return (n, c) => {
       const d = E("FormKit");
       return h(), y("div", Ur, [
         m("div", Kr, [
@@ -4100,7 +4100,7 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
             src: l.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Gr)) : (h(), y("svg", Wr, [...c[0] || (c[0] = [
+          }, null, 8, Wr)) : (h(), y("svg", Gr, [...c[0] || (c[0] = [
             m("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -4147,14 +4147,14 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
                 "outer-class": "max-w-full"
               }),
               o.value ? (h(), y("div", Xr, M(o.value), 1)) : T("", !0),
-              S(_(W), {
+              S(C(G), {
                 type: "submit",
                 size: "xl",
-                disabled: n.value,
+                disabled: r.value,
                 "button-class": "w-full mb-2"
               }, {
                 default: L(() => [
-                  n.value ? (h(), y("span", Qr, "Resetting...")) : (h(), y("span", Jr, "Reset password"))
+                  r.value ? (h(), y("span", Qr, "Resetting...")) : (h(), y("span", Jr, "Reset password"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -4185,17 +4185,17 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = G(), t = e, a = () => {
+    const s = W(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (h(), y("div", tn, [
+    return (l, r) => (h(), y("div", tn, [
       m("div", sn, [
         t.logo ? (h(), y("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, an)) : (h(), y("svg", on, [...n[0] || (n[0] = [
+        }, null, 8, an)) : (h(), y("svg", on, [...r[0] || (r[0] = [
           m("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -4215,7 +4215,7 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
         ])]))
       ]),
       m("div", rn, [
-        n[2] || (n[2] = m("div", null, [
+        r[2] || (r[2] = m("div", null, [
           m("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "403"),
           m("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Access Forbidden "),
           m("p", { class: "text-gray-600" }, [
@@ -4225,11 +4225,11 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
           ])
         ], -1)),
         m("div", nn, [
-          S(_(W), {
+          S(C(G), {
             onClick: a,
             size: "lg"
           }, {
-            default: L(() => [...n[1] || (n[1] = [
+            default: L(() => [...r[1] || (r[1] = [
               A(" Go to Home ", -1)
             ])]),
             _: 1
@@ -4258,17 +4258,17 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = G(), t = e, a = () => {
+    const s = W(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (h(), y("div", cn, [
+    return (l, r) => (h(), y("div", cn, [
       m("div", un, [
         t.logo ? (h(), y("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, dn)) : (h(), y("svg", pn, [...n[0] || (n[0] = [
+        }, null, 8, dn)) : (h(), y("svg", pn, [...r[0] || (r[0] = [
           m("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -4288,17 +4288,17 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
         ])]))
       ]),
       m("div", fn, [
-        n[2] || (n[2] = m("div", null, [
+        r[2] || (r[2] = m("div", null, [
           m("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "404"),
           m("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Page Not Found "),
           m("p", { class: "text-gray-600" }, " The page you're looking for doesn't exist or has been moved. ")
         ], -1)),
         m("div", mn, [
-          S(_(W), {
+          S(C(G), {
             onClick: a,
             size: "lg"
           }, {
-            default: L(() => [...n[1] || (n[1] = [
+            default: L(() => [...r[1] || (r[1] = [
               A(" Go to Home ", -1)
             ])]),
             _: 1
@@ -4339,17 +4339,17 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = G(), t = e, a = () => {
+    const s = W(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (h(), y("div", gn, [
+    return (l, r) => (h(), y("div", gn, [
       m("div", yn, [
         t.logo ? (h(), y("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, vn)) : (h(), y("svg", bn, [...n[0] || (n[0] = [
+        }, null, 8, vn)) : (h(), y("svg", bn, [...r[0] || (r[0] = [
           m("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -4375,11 +4375,11 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
           m("p", _n, M(t.message || "An unexpected error occurred. Please try again later."), 1)
         ]),
         m("div", Cn, [
-          S(_(W), {
+          S(C(G), {
             onClick: a,
             size: "lg"
           }, {
-            default: L(() => [...n[1] || (n[1] = [
+            default: L(() => [...r[1] || (r[1] = [
               A(" Go to Home ", -1)
             ])]),
             _: 1
@@ -4395,7 +4395,7 @@ function cl(e = {}) {
     logoutPath: t = "/logout",
     forgotPasswordPath: a = "/forgot-password",
     resetPasswordPath: l = "/password/reset",
-    logo: n = "",
+    logo: r = "",
     defaultRedirect: o = "/dashboard"
   } = e;
   return [
@@ -4403,7 +4403,7 @@ function cl(e = {}) {
       path: s,
       name: "login",
       component: Fr,
-      props: { logo: n, defaultRedirect: o },
+      props: { logo: r, defaultRedirect: o },
       meta: { auth: !1 }
     },
     {
@@ -4417,32 +4417,32 @@ function cl(e = {}) {
       path: a,
       name: "forgot-password",
       component: qr,
-      props: { logo: n, loginRoute: s },
+      props: { logo: r, loginRoute: s },
       meta: { auth: !1 }
     },
     {
       path: l,
       name: "password-reset",
       component: en,
-      props: { logo: n, loginRoute: s },
+      props: { logo: r, loginRoute: s },
       meta: { auth: !1 }
     }
   ];
 }
 function ul(e, s = {}) {
   const { defaultAuthenticatedRoute: t = "/dashboard" } = s;
-  e.beforeEach(async (a, l, n) => {
+  e.beforeEach(async (a, l, r) => {
     const o = Q();
-    o.state.ready || await o.fetchUser(), Sn(a, n, o, t);
+    o.state.ready || await o.fetchUser(), Sn(a, r, o, t);
   });
 }
 function Sn(e, s, t, a) {
-  const l = e.meta.auth !== !1, n = t.check;
+  const l = e.meta.auth !== !1, r = t.check;
   if (t.state.overrideToken && e.path === "/logout") {
     s({ path: a });
     return;
   }
-  if (!n) {
+  if (!r) {
     if (!l) {
       if (e.path === "/logout") {
         s({ path: t.state.routes.auth });
@@ -4462,7 +4462,7 @@ function Sn(e, s, t, a) {
     });
     return;
   }
-  if (n) {
+  if (r) {
     if (!l && e.path === t.state.routes.auth) {
       s({ path: a });
       return;
@@ -4514,11 +4514,11 @@ function ml(e, s = {}) {
     title: t = "Unsaved Changes",
     message: a = "You have unsaved changes. Leave anyway?",
     confirmText: l = "Leave",
-    cancelText: n = "Stay"
+    cancelText: r = "Stay"
   } = s;
-  e.beforeEach(async (o, i, r) => {
+  e.beforeEach(async (o, i, n) => {
     if (!Jo()) {
-      r();
+      n();
       return;
     }
     const c = Qo() || a;
@@ -4526,9 +4526,9 @@ function ml(e, s = {}) {
       title: t,
       message: c,
       confirmText: l,
-      cancelText: n,
+      cancelText: r,
       type: "warning"
-    }) ? (er(), r()) : r(!1);
+    }) ? (er(), n()) : n(!1);
   });
 }
 const hl = pe("sparkNav", () => {
@@ -4536,8 +4536,8 @@ const hl = pe("sparkNav", () => {
     menu: [],
     collapsed: !1,
     hidden: !1
-  }), s = G(), t = se(), a = (c = []) => {
-    e.menu = c, r();
+  }), s = W(), t = se(), a = (c = []) => {
+    e.menu = c, n();
   }, l = (c, d) => {
     for (const p of c) {
       if (p.href === d) return p;
@@ -4547,7 +4547,7 @@ const hl = pe("sparkNav", () => {
       }
     }
     return null;
-  }, n = async (c) => {
+  }, r = async (c) => {
     if (c) {
       const d = l(e.menu, c);
       if (d && typeof d.action == "function") {
@@ -4560,7 +4560,7 @@ const hl = pe("sparkNav", () => {
     e.collapsed = !e.collapsed;
   }, i = () => {
     e.hidden = !e.hidden;
-  }, r = () => {
+  }, n = () => {
     const c = t.name || t.path.replace("/", "");
     if (c) {
       const d = (p) => {
@@ -4574,16 +4574,16 @@ const hl = pe("sparkNav", () => {
   return j(
     () => t.path,
     () => {
-      r();
+      n();
     },
     { immediate: !0 }
   ), {
     state: e,
     initialize: a,
-    goto: n,
+    goto: r,
     toggleCollapsed: o,
     toggleHidden: i,
-    syncWithRoute: r
+    syncWithRoute: n
   };
 });
 export {
@@ -4591,7 +4591,7 @@ export {
   re as SparkAlert,
   Os as SparkAppSelector,
   ia as SparkBrandSelector,
-  W as SparkButton,
+  G as SparkButton,
   pt as SparkButtonGroup,
   Xn as SparkCard,
   nl as SparkDefaultContainer,
@@ -4604,7 +4604,7 @@ export {
   Dr as SparkLogoutView,
   $a as SparkModalContainer,
   wa as SparkModalDialog,
-  Wn as SparkNotificationOutlet,
+  Gn as SparkNotificationOutlet,
   Me as SparkOverlay,
   ll as SparkPublicContainer,
   en as SparkResetPasswordView,
@@ -4632,7 +4632,7 @@ export {
   Un as formKitIconLoader,
   Zn as formKitIcons,
   Ya as formatTemporal,
-  Go as getAxiosInstance,
+  Wo as getAxiosInstance,
   jo as getCookie,
   Qo as getDirtyFormMessage,
   ft as getDomain,
@@ -4640,14 +4640,14 @@ export {
   Jo as hasAnyDirtyForm,
   Yo as isValidationError,
   Xa as parseDatetime,
-  Wo as parseLaravelErrors,
+  Go as parseLaravelErrors,
   Pa as renderHeaderTitle,
   No as setCookie,
   ul as setupAuthGuards,
   sl as setupAxios,
   fl as setupBootstrapGuard,
   ml as setupDirtyFormGuard,
-  Gn as setupFontAwesome,
+  Wn as setupFontAwesome,
   J as sparkModalService,
   z as sparkNotificationService,
   ae as sparkOverlayService,