@wishbone-media/spark 0.27.0 → 0.29.0

package/dist/index.js

@@ -1,28 +1,28 @@
-import { computed as $, resolveComponent as O, createElementBlock as h, openBlock as m, normalizeClass as H, createElementVNode as f, createCommentVNode as L, createVNode as b, unref as k, renderSlot as B, reactive as U, Fragment as R, renderList as z, toDisplayString as M, createBlock as V, resolveDynamicComponent as N, markRaw as me, ref as E, watch as I, Transition as dt, withCtx as T, normalizeProps as pt, mergeProps as Z, createTextVNode as F, Teleport as ft, TransitionGroup as ie, inject as Fe, provide as mt, toHandlers as Oe, onMounted as _e, withModifiers as ee, useSlots as Be, onUnmounted as ht, withDirectives as gt, vShow as yt, h as Se } from "vue";
-import { icon as Q, library as De } from "@fortawesome/fontawesome-svg-core";
+import { computed as $, resolveComponent as F, createElementBlock as g, openBlock as m, normalizeClass as V, createElementVNode as f, createCommentVNode as T, createVNode as k, unref as S, renderSlot as B, reactive as K, Fragment as E, renderList as I, toDisplayString as M, createBlock as H, resolveDynamicComponent as Z, markRaw as me, ref as R, watch as z, onMounted as he, Transition as dt, withCtx as P, normalizeProps as pt, mergeProps as q, createTextVNode as A, Teleport as ft, TransitionGroup as ie, inject as Se, provide as mt, withModifiers as U, toHandlers as Ae, useSlots as Be, onUnmounted as ht, withDirectives as gt, vShow as yt, h as Ce } from "vue";
+import { icon as ee, library as De } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon as vt } from "@fortawesome/vue-fontawesome";
-import { faCircleDot as ze, faEyeDropper as je, faAnglesLeft as Ie, faAnglesRight as Ne, faStar as Ze, faSpinnerThird as qe, faCircle as bt, faFile as be, faCalendar as Ue, faArrowUp as Ke, faArrowDown as Ge, faPlus as We, faInbox as xt, faCloudDownload as kt, faBolt as wt, faUndo as _t, faEye as St, faSignOut as Ct, faXmark as xe, faTrash as Ye, faTimes as $t, faStreetView as Tt, faSortUp as Pt, faSortDown as Lt, faSort as Mt, faScaleBalanced as Ht, faSatelliteDish as Vt, faLayerPlus as Rt, faLaptopMobile as Et, faInfoCircle as At, faGripDotsVertical as Xe, faGearComplex as Ft, faFlag as Ot, faFaceSmileWink as Bt, faFaceSmileRelaxed as Dt, faExclamationTriangle as zt, faEllipsisVertical as jt, faEllipsis as It, faEdit as Nt, faComments as Zt, faCircleXmark as qt, faCircleUser as Ut, faChevronUp as Kt, faChevronRight as Je, faChevronLeft as Qe, faChevronDown as et, faCheckCircle as Gt, faCheck as ke, faBullhorn as Wt, faBellRing as Yt, faBarsSort as Xt, faArrowRightToLine as Jt, faArrowLeftToLine as Qt } from "@fortawesome/pro-regular-svg-icons";
+import { faCircleDot as je, faEyeDropper as ze, faAnglesLeft as Ie, faAnglesRight as Ne, faStar as Ze, faSpinnerThird as qe, faCircle as bt, faFile as xe, faCalendar as Ue, faArrowUp as Ke, faArrowDown as Ge, faPlus as We, faInbox as xt, faCloudDownload as kt, faBolt as wt, faUndo as _t, faEye as St, faSignOut as Ct, faXmark as ke, faTrash as Ye, faTimes as $t, faStreetView as Tt, faSortUp as Pt, faSortDown as Lt, faSort as Mt, faScaleBalanced as Vt, faSatelliteDish as Ht, faLayerPlus as Rt, faLaptopMobile as Ft, faInfoCircle as Et, faGripDotsVertical as Xe, faGearComplex as Ot, faFlag as At, faFaceSmileWink as Bt, faFaceSmileRelaxed as Dt, faExclamationTriangle as jt, faEllipsisVertical as zt, faEllipsis as It, faEdit as Nt, faComments as Zt, faCircleXmark as qt, faCircleUser as Ut, faChevronUp as Kt, faChevronRight as Je, faChevronLeft as Qe, faChevronDown as et, faCheckCircle as Gt, faCheck as we, faBullhorn as Wt, faBellRing as Yt, faBarsSort as Xt, faArrowRightToLine as Jt, faArrowLeftToLine as Qt } from "@fortawesome/pro-regular-svg-icons";
 import { faSortUp as es, faSortDown as ts, faSort as ss } from "@fortawesome/pro-duotone-svg-icons";
 import { defineStore as ue } from "pinia";
-import { TransitionRoot as tt, Dialog as st, TransitionChild as fe, DialogPanel as ot } from "@headlessui/vue";
-import he from "nprogress";
-import { range as os, get as J, find as as, has as rs } from "lodash";
+import { useRoute as te, useRouter as Y } from "vue-router";
+import { TransitionRoot as tt, Dialog as st, TransitionChild as fe, DialogPanel as at } from "@headlessui/vue";
+import ge from "nprogress";
+import { range as as, get as Q, find as os, has as rs } from "lodash";
 import { HotTable as ns } from "@handsontable/vue3";
 import "handsontable/styles/handsontable.css";
 import "handsontable/styles/ht-theme-classic.css";
 import { registerPlugin as pe, AutoColumnSize as ls, CopyPaste as is, StretchColumns as cs, NestedHeaders as us } from "handsontable/plugins";
 import { registerAllCellTypes as ds } from "handsontable/cellTypes";
-import { useDebounceFn as at, watchDebounced as Ce } from "@vueuse/core";
+import { useDebounceFn as ot, watchDebounced as $e } from "@vueuse/core";
 import { registerRenderer as ps, baseRenderer as fs } from "handsontable/renderers";
-import { useRouter as W, useRoute as le } from "vue-router";
-import ne from "axios";
-const A = {
+import le from "axios";
+const O = {
   farArrowLeftToLine: Qt,
   farArrowRightToLine: Jt,
   farBarsSort: Xt,
   farBellRing: Yt,
   farBullhorn: Wt,
-  farCheck: ke,
+  farCheck: we,
   farCheckCircle: Gt,
   farChevronDown: et,
   farChevronLeft: Qe,
@@ -33,25 +33,25 @@ const A = {
   farComments: Zt,
   farEdit: Nt,
   farEllipsis: It,
-  farEllipsisVertical: jt,
-  farExclamationTriangle: zt,
+  farEllipsisVertical: zt,
+  farExclamationTriangle: jt,
   farFaceSmileRelaxed: Dt,
   farFaceSmileWink: Bt,
-  farFlag: Ot,
-  farGearComplex: Ft,
+  farFlag: At,
+  farGearComplex: Ot,
   farGripDotsVertical: Xe,
-  farInfoCircle: At,
-  farLaptopMobile: Et,
+  farInfoCircle: Et,
+  farLaptopMobile: Ft,
   farLayerPlus: Rt,
-  farSatelliteDish: Vt,
-  farScaleBalanced: Ht,
+  farSatelliteDish: Ht,
+  farScaleBalanced: Vt,
   farSort: Mt,
   farSortDown: Lt,
   farSortUp: Pt,
   farStreetView: Tt,
   farTimes: $t,
   farTrash: Ye,
-  farXmark: xe,
+  farXmark: ke,
   farSignOut: Ct,
   farEye: St,
   farUndo: _t,
@@ -66,32 +66,32 @@ const A = {
   farArrowDown: Ge,
   farArrowUp: Ke,
   farCalendar: Ue,
-  farFile: be,
+  farFile: xe,
   farCircle: bt,
   farSpinner: qe,
   farStar: Ze,
   farAnglesRight: Ne,
   farAnglesLeft: Ie,
-  farEyeDropper: je,
-  farCircleDot: ze
-}, Ln = Object.fromEntries(
-  Object.entries(A).map(([e, s]) => {
-    const t = Q(s);
+  farEyeDropper: ze,
+  farCircleDot: je
+}, On = Object.fromEntries(
+  Object.entries(O).map(([e, s]) => {
+    const t = ee(s);
     return [e, t?.html?.[0] || ""];
   })
 ), ms = {
   add: We,
   arrowDown: Ge,
   arrowUp: Ke,
-  check: ke,
-  close: xe,
-  checkboxDecorator: ke,
+  check: we,
+  close: ke,
+  checkboxDecorator: we,
   date: Ue,
   dragHandle: Xe,
-  fileItem: be,
-  fileRemove: xe,
-  noFiles: be,
-  radioDecorator: ze,
+  fileItem: xe,
+  fileRemove: ke,
+  noFiles: xe,
+  radioDecorator: je,
   // Circle with dot for radio indicator
   select: et,
   spinner: qe,
@@ -101,26 +101,26 @@ const A = {
   right: Je,
   left: Qe,
   rewind: Ie,
-  color: je
-}, Mn = Object.fromEntries(
+  color: ze
+}, An = Object.fromEntries(
   Object.entries(ms).map(([e, s]) => {
-    const t = Q(s);
+    const t = ee(s);
     return [e, t?.html?.[0] || ""];
   })
 );
-function Hn(e) {
-  const s = A[e];
+function Bn(e) {
+  const s = O[e];
   if (s) {
-    const t = Q(s);
+    const t = ee(s);
     return Promise.resolve(t?.html?.[0] || void 0);
   }
   return Promise.resolve(void 0);
 }
-function Vn(e) {
-  Object.assign(A, e), De.add(...Object.values(e));
+function Dn(e) {
+  Object.assign(O, e), De.add(...Object.values(e));
 }
-function Rn(e) {
-  De.add(...Object.values(A)), e.component("FontAwesomeIcon", vt);
+function jn(e) {
+  De.add(...Object.values(O)), e.component("FontAwesomeIcon", vt);
 }
 const hs = { class: "flex items-center" }, gs = { class: "shrink-0 self-start" }, ys = { class: "ml-3" }, vs = {
   key: 0,
@@ -145,7 +145,7 @@ const hs = { class: "flex items-center" }, gs = { class: "shrink-0 self-start" }
       warning: "bg-yellow-50 border-yellow-200 text-yellow-700",
       danger: "bg-red-50 border-red-200 text-red-700",
       info: "bg-blue-50 border-blue-200 text-blue-700"
-    })[s.type]), o = $(() => ({
+    })[s.type]), a = $(() => ({
       success: "text-green-400",
       warning: "text-yellow-400",
       danger: "text-red-400",
@@ -161,39 +161,39 @@ const hs = { class: "flex items-center" }, gs = { class: "shrink-0 self-start" }
       danger: "text-red-400 hover:bg-red-100",
       info: "text-blue-400 hover:bg-blue-100"
     })[s.type]);
-    return (a, c) => {
-      const r = O("font-awesome-icon");
-      return m(), h("div", {
-        class: H(["rounded-md border p-4", t.value])
+    return (o, c) => {
+      const r = F("font-awesome-icon");
+      return m(), g("div", {
+        class: V(["rounded-md border p-4", t.value])
       }, [
         f("div", hs, [
           f("div", gs, [
-            b(r, {
-              icon: k(A)[l.value],
-              class: H(o.value)
+            k(r, {
+              icon: S(O)[l.value],
+              class: V(a.value)
             }, null, 8, ["icon", "class"])
           ]),
           f("div", ys, [
-            B(a.$slots, "default")
+            B(o.$slots, "default")
           ]),
-          e.closeable ? (m(), h("div", vs, [
+          e.closeable ? (m(), g("div", vs, [
             f("div", bs, [
               f("button", {
                 type: "button",
-                class: H(["inline-flex rounded-md px-2 py-1.5", n.value]),
-                onClick: c[0] || (c[0] = (i) => a.$emit("close"))
+                class: V(["inline-flex rounded-md px-2 py-1.5", n.value]),
+                onClick: c[0] || (c[0] = (i) => o.$emit("close"))
               }, [
-                b(r, {
-                  icon: k(A).farXmark
+                k(r, {
+                  icon: S(O).farXmark
                 }, null, 8, ["icon"])
               ], 2)
             ])
-          ])) : L("", !0)
+          ])) : T("", !0)
         ])
       ], 2);
     };
   }
-}, ge = [
+}, ye = [
   {
     name: "Bolt",
     description: "Job management",
@@ -243,15 +243,15 @@ const hs = { class: "flex items-center" }, gs = { class: "shrink-0 self-start" }
     icon: "farCompass"
   }
 ], rt = ue("sparkAppSelector", () => {
-  const e = U({
-    apps: [...ge]
+  const e = K({
+    apps: [...ye]
   }), s = (n = {}) => {
     if (n.apps && Array.isArray(n.apps)) {
-      const a = n.apps.filter((c) => {
+      const o = n.apps.filter((c) => {
         const r = c.name && c.description && c.icon && c.href;
         return r || console.warn("useSparkAppSelectorStore: Invalid app object", c), r;
       });
-      e.apps = a.map((c) => ({
+      e.apps = o.map((c) => ({
         name: c.name,
         description: c.description,
         icon: c.icon,
@@ -260,11 +260,11 @@ const hs = { class: "flex items-center" }, gs = { class: "shrink-0 self-start" }
       return;
     }
     if (n.appHrefs && typeof n.appHrefs == "object") {
-      const a = /* @__PURE__ */ new Map();
+      const o = /* @__PURE__ */ new Map();
       Object.keys(n.appHrefs).forEach((c) => {
-        a.set(c.toLowerCase(), n.appHrefs[c]);
-      }), e.apps = ge.map((c) => {
-        const r = a.get(c.name.toLowerCase());
+        o.set(c.toLowerCase(), n.appHrefs[c]);
+      }), e.apps = ye.map((c) => {
+        const r = o.get(c.name.toLowerCase());
         return {
           ...c,
           href: r || c.href
@@ -272,24 +272,24 @@ const hs = { class: "flex items-center" }, gs = { class: "shrink-0 self-start" }
       });
       return;
     }
-    e.apps = [...ge];
-  }, t = $(() => e.apps), o = (n) => {
+    e.apps = [...ye];
+  }, t = $(() => e.apps), a = (n) => {
     if (!n) return null;
-    const a = n.toLowerCase();
-    return e.apps.find((c) => c.name.toLowerCase() === a) || null;
+    const o = n.toLowerCase();
+    return e.apps.find((c) => c.name.toLowerCase() === o) || null;
   };
   return {
     state: e,
     initialize: s,
     allApps: t,
-    getAppByName: o,
+    getAppByName: a,
     getAppIcon: (n) => {
-      const a = o(n);
-      return a ? a.icon : "";
+      const o = a(n);
+      return o ? o.icon : "";
     }
   };
 }), nt = ue("sparkApp", () => {
-  const e = U({
+  const e = K({
     app: "",
     homeRoute: "dashboard",
     showBrandSelector: !0,
@@ -304,13 +304,13 @@ const hs = { class: "flex items-center" }, gs = { class: "shrink-0 self-start" }
 }), xs = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, ks = { class: "flex flex-1 flex-col" }, ws = { class: "divide-y divide-gray-200" }, _s = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Ss = { class: "ml-auto flex items-center" }, Cs = ["href", "onClick"], $s = { class: "gap-y-1" }, Ts = { class: "text-base text-gray-800 flex items-center" }, Ps = { class: "font-medium" }, Ls = {
   key: 0,
   class: "inline-flex items-center rounded-full bg-green-100 px-1.5 py-0.5 text-xs font-medium text-green-700 ml-1"
-}, Ms = { class: "text-sm text-gray-500" }, Hs = { class: "ml-auto flex items-center" }, Vs = { class: "mt-auto" }, Rs = {
+}, Ms = { class: "text-sm text-gray-500" }, Vs = { class: "ml-auto flex items-center" }, Hs = { class: "mt-auto" }, Rs = {
   key: 0,
   class: "p-6"
-}, Es = {
+}, Fs = {
   key: 1,
   class: "bg-gray-50 p-6"
-}, As = {
+}, Es = {
   __name: "SparkAppSelector",
   props: {
     bottomSlot: {
@@ -324,64 +324,64 @@ const hs = { class: "flex items-center" }, gs = { class: "shrink-0 self-start" }
   },
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, o = rt(), l = nt(), n = $(() => {
+    const t = s, a = rt(), l = nt(), n = $(() => {
       const c = l.state.app;
-      return o.state.apps.map((r) => ({
+      return a.state.apps.map((r) => ({
         ...r,
         current: c && r.name.toLowerCase() === c.toLowerCase()
       }));
-    }), a = (c, r) => {
+    }), o = (c, r) => {
       t("select", c);
     };
     return (c, r) => {
-      const i = O("font-awesome-icon");
-      return m(), h("div", xs, [
+      const i = F("font-awesome-icon");
+      return m(), g("div", xs, [
         f("div", ks, [
           f("div", ws, [
             f("div", _s, [
               r[1] || (r[1] = f("div", null, "Mr Group Network", -1)),
               f("div", Ss, [
-                b(i, {
-                  icon: k(A).farTimes,
+                k(i, {
+                  icon: S(O).farTimes,
                   class: "h-[15px] w-[15px] shrink-0 text-gray-400 cursor-pointer",
                   onClick: r[0] || (r[0] = (u) => t("close"))
                 }, null, 8, ["icon"])
               ])
             ]),
-            (m(!0), h(R, null, z(n.value, (u) => (m(), h("a", {
+            (m(!0), g(E, null, I(n.value, (u) => (m(), g("a", {
               key: u.name,
               href: u.href,
               target: "_blank",
-              class: H([u.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
-              onClick: (d) => u.current ? d.preventDefault() : a(u)
+              class: V([u.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
+              onClick: (d) => u.current ? d.preventDefault() : o(u)
             }, [
               f("div", $s, [
                 f("div", Ts, [
                   f("div", Ps, M(u.name), 1),
-                  u.current ? (m(), h("span", Ls, " Active ")) : L("", !0)
+                  u.current ? (m(), g("span", Ls, " Active ")) : T("", !0)
                 ]),
                 f("div", Ms, M(u.description), 1)
               ]),
-              f("div", Hs, [
-                b(i, {
-                  class: H([u.current ? "text-gray-700" : "text-gray-400", "h-5 w-5 shrink-0"]),
-                  icon: k(A)[u.icon]
+              f("div", Vs, [
+                k(i, {
+                  class: V([u.current ? "text-gray-700" : "text-gray-400", "h-5 w-5 shrink-0"]),
+                  icon: S(O)[u.icon]
                 }, null, 8, ["class", "icon"])
               ])
             ], 10, Cs))), 128)),
             r[2] || (r[2] = f("div", null, null, -1))
           ]),
-          f("div", Vs, [
-            c.$slots.bottom || e.bottomSlot ? (m(), h("div", Rs, [
+          f("div", Hs, [
+            c.$slots.bottom || e.bottomSlot ? (m(), g("div", Rs, [
               B(c.$slots, "bottom", {}, () => [
-                e.bottomSlot ? (m(), V(N(e.bottomSlot), { key: 0 })) : L("", !0)
+                e.bottomSlot ? (m(), H(Z(e.bottomSlot), { key: 0 })) : T("", !0)
               ])
-            ])) : L("", !0),
-            c.$slots.footer || e.footerSlot ? (m(), h("div", Es, [
+            ])) : T("", !0),
+            c.$slots.footer || e.footerSlot ? (m(), g("div", Fs, [
               B(c.$slots, "footer", {}, () => [
-                e.footerSlot ? (m(), V(N(e.footerSlot), { key: 0 })) : L("", !0)
+                e.footerSlot ? (m(), H(Z(e.footerSlot), { key: 0 })) : T("", !0)
               ])
-            ])) : L("", !0)
+            ])) : T("", !0)
           ])
         ])
       ]);
@@ -393,25 +393,27 @@ const hs = { class: "flex items-center" }, gs = { class: "shrink-0 self-start" }
   warning: 5e3,
   danger: 0
   // sticky by default
-}, $e = ["top-left", "top-right", "center", "bottom-left", "bottom-right"];
-function Fs() {
-  const e = U({
+}, Te = ["top-left", "top-right", "center", "bottom-left", "bottom-right"];
+function Os() {
+  const e = K({
     isVisible: !1,
     type: "info",
     message: null,
     component: null,
     props: {},
     closeable: !0,
-    duration: null
+    duration: null,
+    persistent: !1,
+    shownOnPath: null
   });
-  let s = null, t = 0, o = !1, l = null;
+  let s = null, t = 0, a = !1, l = null;
   const n = () => {
-    s && (clearTimeout(s), s = null), t = 0, o = !1, l = null;
-  }, a = () => {
+    s && (clearTimeout(s), s = null), t = 0, a = !1, l = null;
+  }, o = () => {
     n(), e.isVisible = !1;
   }, c = (p) => {
     p <= 0 || (t = p, l = Date.now(), s = setTimeout(() => {
-      a();
+      o();
     }, p));
   };
   return {
@@ -419,37 +421,38 @@ function Fs() {
     show: (p = {}) => {
       n();
       const {
-        type: v = "info",
-        message: x = null,
-        component: C = null,
-        props: g = {},
+        type: b = "info",
+        message: v = null,
+        component: x = null,
+        props: h = {},
         closeable: w = !0,
-        duration: _ = null
+        duration: C = null,
+        persistent: y = !1
       } = p;
-      e.type = v, e.message = x, e.component = C ? me(C) : null, e.props = g, e.closeable = w, e.isVisible = !0;
-      const y = _ !== null ? _ : lt[v];
-      e.duration = y, y > 0 && c(y);
+      e.type = b, e.message = v, e.component = x ? me(x) : null, e.props = h, e.closeable = w, e.persistent = y, e.isVisible = !0;
+      const _ = C !== null ? C : lt[b];
+      e.duration = _, _ > 0 && c(_);
     },
-    hide: a,
+    hide: o,
     reset: () => {
-      a(), e.type = "info", e.message = null, e.component = null, e.props = {}, e.closeable = !0, e.duration = null;
+      o(), e.type = "info", e.message = null, e.component = null, e.props = {}, e.closeable = !0, e.duration = null, e.persistent = !1, e.shownOnPath = null;
     },
     pause: () => {
-      if (!s || o) return;
+      if (!s || a) return;
       clearTimeout(s), s = null;
       const p = Date.now() - l;
-      t = Math.max(0, t - p), o = !0;
+      t = Math.max(0, t - p), a = !0;
     },
     resume: () => {
-      !o || t <= 0 || (o = !1, l = Date.now(), s = setTimeout(() => {
-        a();
+      !a || t <= 0 || (a = !1, l = Date.now(), s = setTimeout(() => {
+        o();
       }, t));
     }
   };
 }
-class Os {
+class As {
   constructor() {
-    this.outlets = /* @__PURE__ */ new Map(), this.toastState = U({
+    this.outlets = /* @__PURE__ */ new Map(), this.toastState = K({
       toasts: [],
       maxToasts: 3,
       defaultPosition: "bottom-right",
@@ -465,7 +468,7 @@ class Os {
    * @returns {Object} Notification outlet instance
    */
   getOutlet(s = "default") {
-    return this.outlets.has(s) || this.outlets.set(s, Fs()), this.outlets.get(s);
+    return this.outlets.has(s) || this.outlets.set(s, Os()), this.outlets.get(s);
   }
   /**
    * Show a banner notification in the specified outlet
@@ -476,6 +479,7 @@ class Os {
    * @param {Object} options.props - Props to pass to the component
    * @param {boolean} options.closeable - Whether to show close button (default: true)
    * @param {number} options.duration - Auto-dismiss duration in ms (0 = sticky, null = use default)
+   * @param {boolean} options.persistent - Whether notification survives route changes (default: false)
    * @param {string} outletName - Target outlet name (default: 'default')
    */
   show(s = {}, t = "default") {
@@ -495,6 +499,14 @@ class Os {
     for (const s of this.outlets.values())
       s.hide();
   }
+  /**
+   * Hide all non-persistent banner notifications
+   * Called by setupNotificationGuard on route change
+   */
+  hideAllNonPersistent() {
+    for (const s of this.outlets.values())
+      s.state.persistent || s.hide();
+  }
   /**
    * Pause auto-dismiss timer for the specified banner outlet
    * @param {string} outletName - Target outlet name (default: 'default')
@@ -536,7 +548,7 @@ class Os {
    * @param {boolean} options.newestOnTop - Whether newest toasts appear on top (default: true)
    */
   configureToasts(s = {}) {
-    s.maxToasts !== void 0 && (this.toastState.maxToasts = s.maxToasts), s.defaultPosition !== void 0 && $e.includes(s.defaultPosition) && (this.toastState.defaultPosition = s.defaultPosition), s.newestOnTop !== void 0 && (this.toastState.newestOnTop = s.newestOnTop);
+    s.maxToasts !== void 0 && (this.toastState.maxToasts = s.maxToasts), s.defaultPosition !== void 0 && Te.includes(s.defaultPosition) && (this.toastState.defaultPosition = s.defaultPosition), s.newestOnTop !== void 0 && (this.toastState.newestOnTop = s.newestOnTop);
   }
   /**
    * Show a toast notification
@@ -553,30 +565,30 @@ class Os {
   toast(s = {}) {
     const {
       type: t = "info",
-      message: o = null,
+      message: a = null,
       component: l = null,
       props: n = {},
-      closeable: a = !0,
+      closeable: o = !0,
       duration: c = null,
       position: r = null
-    } = s, i = ++this._toastIdCounter, u = r && $e.includes(r) ? r : this.toastState.defaultPosition, d = c !== null ? c : lt[t], p = {
+    } = s, i = ++this._toastIdCounter, u = r && Te.includes(r) ? r : this.toastState.defaultPosition, d = c !== null ? c : lt[t], p = {
       id: i,
       type: t,
-      message: o,
+      message: a,
       component: l ? me(l) : null,
       props: n,
-      closeable: a,
+      closeable: o,
       duration: d,
       position: u,
       createdAt: Date.now()
-    }, v = this.toastState.toasts.filter((x) => x.position === u);
-    if (v.length >= this.toastState.maxToasts) {
-      const x = this.toastState.newestOnTop ? v[v.length - 1] : v[0];
-      this.hideToast(x.id);
+    }, b = this.toastState.toasts.filter((v) => v.position === u);
+    if (b.length >= this.toastState.maxToasts) {
+      const v = this.toastState.newestOnTop ? b[b.length - 1] : b[0];
+      this.hideToast(v.id);
     }
     if (this.toastState.newestOnTop) {
-      const x = this.toastState.toasts.findIndex((C) => C.position === u);
-      x === -1 ? this.toastState.toasts.push(p) : this.toastState.toasts.splice(x, 0, p);
+      const v = this.toastState.toasts.findIndex((x) => x.position === u);
+      v === -1 ? this.toastState.toasts.push(p) : this.toastState.toasts.splice(v, 0, p);
     } else
       this.toastState.toasts.push(p);
     return d > 0 && this._startToastTimer(i, d), i;
@@ -587,7 +599,7 @@ class Os {
    */
   hideToast(s) {
     this._clearToastTimer(s);
-    const t = this.toastState.toasts.findIndex((o) => o.id === s);
+    const t = this.toastState.toasts.findIndex((a) => a.id === s);
     t !== -1 && this.toastState.toasts.splice(t, 1);
   }
   /**
@@ -606,8 +618,8 @@ class Os {
     const t = this._toastTimers.get(s);
     if (!t || t.isPaused) return;
     clearTimeout(t.timeout), t.timeout = null;
-    const o = Date.now() - t.startedAt;
-    t.remainingTime = Math.max(0, t.remainingTime - o), t.isPaused = !0;
+    const a = Date.now() - t.startedAt;
+    t.remainingTime = Math.max(0, t.remainingTime - a), t.isPaused = !0;
   }
   /**
    * Resume auto-dismiss timer for a specific toast
@@ -634,15 +646,15 @@ class Os {
    * @private
    */
   _startToastTimer(s, t) {
-    const o = {
+    const a = {
       timeout: null,
       remainingTime: t,
       startedAt: Date.now(),
       isPaused: !1
     };
-    o.timeout = setTimeout(() => {
+    a.timeout = setTimeout(() => {
       this.hideToast(s);
-    }, t), this._toastTimers.set(s, o);
+    }, t), this._toastTimers.set(s, a);
   }
   /**
    * @private
@@ -652,30 +664,47 @@ class Os {
     t && (t.timeout && clearTimeout(t.timeout), this._toastTimers.delete(s));
   }
 }
-const q = new Os(), En = {
+const j = new As(), zn = {
   __name: "SparkNotificationOutlet",
   props: {
     name: {
       type: String,
       default: "default"
+    },
+    clearOnRouteChange: {
+      type: Boolean,
+      default: !0
     }
   },
   setup(e) {
-    const s = e, t = $(() => q.getOutlet(s.name)), o = E(0);
-    I(
-      () => [t.value.state.message, t.value.state.component, t.value.state.type],
+    const s = e, t = te(), a = $(() => j.getOutlet(s.name)), l = R(0);
+    z(
+      () => [a.value.state.message, a.value.state.component, a.value.state.type],
       () => {
-        t.value.state.isVisible && o.value++;
+        a.value.state.isVisible && l.value++;
+      }
+    ), z(
+      () => a.value.state.isVisible,
+      (r) => {
+        r && !a.value.state.shownOnPath && (a.value.state.shownOnPath = t.path);
+      },
+      { immediate: !0 }
+    ), he(() => {
+      s.clearOnRouteChange && (t.meta.preserveNotifications || a.value.state.isVisible && (a.value.state.persistent || a.value.state.shownOnPath && a.value.state.shownOnPath !== t.path && a.value.hide()));
+    }), z(
+      () => t.path,
+      () => {
+        s.clearOnRouteChange && (t.meta.preserveNotifications || a.value.state.isVisible && (a.value.state.persistent || a.value.hide()));
       }
     );
-    const l = () => {
-      q.hide(s.name);
-    }, n = () => {
-      q.pause(s.name);
-    }, a = () => {
-      q.resume(s.name);
+    const n = () => {
+      j.hide(s.name);
+    }, o = () => {
+      j.pause(s.name);
+    }, c = () => {
+      j.resume(s.name);
     };
-    return (c, r) => (m(), V(dt, {
+    return (r, i) => (m(), H(dt, {
       "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",
@@ -684,49 +713,49 @@ const q = new Os(), En = {
       "leave-to-class": "opacity-0 -translate-y-2",
       mode: "out-in"
     }, {
-      default: T(() => [
-        t.value.state.isVisible ? (m(), V(oe, {
-          key: o.value,
-          type: t.value.state.type,
-          closeable: t.value.state.closeable,
-          onClose: l,
-          onMouseenter: n,
-          onMouseleave: a
+      default: P(() => [
+        a.value.state.isVisible ? (m(), H(oe, {
+          key: l.value,
+          type: a.value.state.type,
+          closeable: a.value.state.closeable,
+          onClose: n,
+          onMouseenter: o,
+          onMouseleave: c
         }, {
-          default: T(() => [
-            t.value.state.component ? (m(), V(N(t.value.state.component), pt(Z({ key: 0 }, t.value.state.props)), null, 16)) : (m(), h(R, { key: 1 }, [
-              F(M(t.value.state.message), 1)
+          default: P(() => [
+            a.value.state.component ? (m(), H(Z(a.value.state.component), pt(q({ key: 0 }, a.value.state.props)), null, 16)) : (m(), g(E, { key: 1 }, [
+              A(M(a.value.state.message), 1)
             ], 64))
           ]),
           _: 1
-        }, 8, ["type", "closeable"])) : L("", !0)
+        }, 8, ["type", "closeable"])) : T("", !0)
       ]),
       _: 1
     }));
   }
-}, Bs = { class: "fixed top-4 left-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, Ds = { class: "fixed top-4 right-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, zs = { class: "fixed top-[40%] left-1/2 -translate-x-1/2 -translate-y-1/2 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, js = { class: "fixed bottom-4 left-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, Is = { class: "fixed bottom-4 right-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, An = {
+}, Bs = { class: "fixed top-4 left-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, Ds = { class: "fixed top-4 right-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, js = { class: "fixed top-[40%] left-1/2 -translate-x-1/2 -translate-y-1/2 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, zs = { class: "fixed bottom-4 left-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, Is = { class: "fixed bottom-4 right-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, In = {
   __name: "SparkToastContainer",
   setup(e) {
-    const s = q.toastState, t = $(
+    const s = j.toastState, t = $(
       () => s.toasts.filter((u) => u.position === "top-left")
-    ), o = $(
+    ), a = $(
       () => s.toasts.filter((u) => u.position === "top-right")
     ), l = $(
       () => s.toasts.filter((u) => u.position === "center")
     ), n = $(
       () => s.toasts.filter((u) => u.position === "bottom-left")
-    ), a = $(
+    ), o = $(
       () => s.toasts.filter((u) => u.position === "bottom-right")
     ), c = (u) => {
-      q.hideToast(u);
+      j.hideToast(u);
     }, r = (u) => {
-      q.pauseToast(u);
+      j.pauseToast(u);
     }, i = (u) => {
-      q.resumeToast(u);
+      j.resumeToast(u);
     };
-    return (u, d) => (m(), V(ft, { to: "body" }, [
+    return (u, d) => (m(), H(ft, { to: "body" }, [
       f("div", Bs, [
-        b(ie, {
+        k(ie, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 -translate-x-4",
           "enter-to-class": "opacity-100 translate-x-0",
@@ -734,24 +763,24 @@ const q = new Os(), En = {
           "leave-from-class": "opacity-100 translate-x-0",
           "leave-to-class": "opacity-0 -translate-x-4"
         }, {
-          default: T(() => [
-            (m(!0), h(R, null, z(t.value, (p) => (m(), h("div", {
+          default: P(() => [
+            (m(!0), g(E, null, I(t.value, (p) => (m(), g("div", {
               key: p.id,
               class: "pointer-events-auto"
             }, [
-              b(oe, {
+              k(oe, {
                 type: p.type,
                 closeable: p.closeable,
-                onClose: (v) => c(p.id),
-                onMouseenter: (v) => r(p.id),
-                onMouseleave: (v) => i(p.id)
+                onClose: (b) => c(p.id),
+                onMouseenter: (b) => r(p.id),
+                onMouseleave: (b) => i(p.id)
               }, {
-                default: T(() => [
-                  p.component ? (m(), V(N(p.component), Z({
+                default: P(() => [
+                  p.component ? (m(), H(Z(p.component), q({
                     key: 0,
                     ref_for: !0
-                  }, p.props), null, 16)) : (m(), h(R, { key: 1 }, [
-                    F(M(p.message), 1)
+                  }, p.props), null, 16)) : (m(), g(E, { key: 1 }, [
+                    A(M(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -762,7 +791,7 @@ const q = new Os(), En = {
         })
       ]),
       f("div", Ds, [
-        b(ie, {
+        k(ie, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 translate-x-4",
           "enter-to-class": "opacity-100 translate-x-0",
@@ -770,24 +799,24 @@ const q = new Os(), En = {
           "leave-from-class": "opacity-100 translate-x-0",
           "leave-to-class": "opacity-0 translate-x-4"
         }, {
-          default: T(() => [
-            (m(!0), h(R, null, z(o.value, (p) => (m(), h("div", {
+          default: P(() => [
+            (m(!0), g(E, null, I(a.value, (p) => (m(), g("div", {
               key: p.id,
               class: "pointer-events-auto"
             }, [
-              b(oe, {
+              k(oe, {
                 type: p.type,
                 closeable: p.closeable,
-                onClose: (v) => c(p.id),
-                onMouseenter: (v) => r(p.id),
-                onMouseleave: (v) => i(p.id)
+                onClose: (b) => c(p.id),
+                onMouseenter: (b) => r(p.id),
+                onMouseleave: (b) => i(p.id)
               }, {
-                default: T(() => [
-                  p.component ? (m(), V(N(p.component), Z({
+                default: P(() => [
+                  p.component ? (m(), H(Z(p.component), q({
                     key: 0,
                     ref_for: !0
-                  }, p.props), null, 16)) : (m(), h(R, { key: 1 }, [
-                    F(M(p.message), 1)
+                  }, p.props), null, 16)) : (m(), g(E, { key: 1 }, [
+                    A(M(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -797,8 +826,8 @@ const q = new Os(), En = {
           _: 1
         })
       ]),
-      f("div", zs, [
-        b(ie, {
+      f("div", js, [
+        k(ie, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 scale-95",
           "enter-to-class": "opacity-100 scale-100",
@@ -806,24 +835,24 @@ const q = new Os(), En = {
           "leave-from-class": "opacity-100 scale-100",
           "leave-to-class": "opacity-0 scale-95"
         }, {
-          default: T(() => [
-            (m(!0), h(R, null, z(l.value, (p) => (m(), h("div", {
+          default: P(() => [
+            (m(!0), g(E, null, I(l.value, (p) => (m(), g("div", {
               key: p.id,
               class: "pointer-events-auto"
             }, [
-              b(oe, {
+              k(oe, {
                 type: p.type,
                 closeable: p.closeable,
-                onClose: (v) => c(p.id),
-                onMouseenter: (v) => r(p.id),
-                onMouseleave: (v) => i(p.id)
+                onClose: (b) => c(p.id),
+                onMouseenter: (b) => r(p.id),
+                onMouseleave: (b) => i(p.id)
               }, {
-                default: T(() => [
-                  p.component ? (m(), V(N(p.component), Z({
+                default: P(() => [
+                  p.component ? (m(), H(Z(p.component), q({
                     key: 0,
                     ref_for: !0
-                  }, p.props), null, 16)) : (m(), h(R, { key: 1 }, [
-                    F(M(p.message), 1)
+                  }, p.props), null, 16)) : (m(), g(E, { key: 1 }, [
+                    A(M(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -833,8 +862,8 @@ const q = new Os(), En = {
           _: 1
         })
       ]),
-      f("div", js, [
-        b(ie, {
+      f("div", zs, [
+        k(ie, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 -translate-x-4",
           "enter-to-class": "opacity-100 translate-x-0",
@@ -842,24 +871,24 @@ const q = new Os(), En = {
           "leave-from-class": "opacity-100 translate-x-0",
           "leave-to-class": "opacity-0 -translate-x-4"
         }, {
-          default: T(() => [
-            (m(!0), h(R, null, z(n.value, (p) => (m(), h("div", {
+          default: P(() => [
+            (m(!0), g(E, null, I(n.value, (p) => (m(), g("div", {
               key: p.id,
               class: "pointer-events-auto"
             }, [
-              b(oe, {
+              k(oe, {
                 type: p.type,
                 closeable: p.closeable,
-                onClose: (v) => c(p.id),
-                onMouseenter: (v) => r(p.id),
-                onMouseleave: (v) => i(p.id)
+                onClose: (b) => c(p.id),
+                onMouseenter: (b) => r(p.id),
+                onMouseleave: (b) => i(p.id)
               }, {
-                default: T(() => [
-                  p.component ? (m(), V(N(p.component), Z({
+                default: P(() => [
+                  p.component ? (m(), H(Z(p.component), q({
                     key: 0,
                     ref_for: !0
-                  }, p.props), null, 16)) : (m(), h(R, { key: 1 }, [
-                    F(M(p.message), 1)
+                  }, p.props), null, 16)) : (m(), g(E, { key: 1 }, [
+                    A(M(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -870,7 +899,7 @@ const q = new Os(), En = {
         })
       ]),
       f("div", Is, [
-        b(ie, {
+        k(ie, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 translate-x-4",
           "enter-to-class": "opacity-100 translate-x-0",
@@ -878,24 +907,24 @@ const q = new Os(), En = {
           "leave-from-class": "opacity-100 translate-x-0",
           "leave-to-class": "opacity-0 translate-x-4"
         }, {
-          default: T(() => [
-            (m(!0), h(R, null, z(a.value, (p) => (m(), h("div", {
+          default: P(() => [
+            (m(!0), g(E, null, I(o.value, (p) => (m(), g("div", {
               key: p.id,
               class: "pointer-events-auto"
             }, [
-              b(oe, {
+              k(oe, {
                 type: p.type,
                 closeable: p.closeable,
-                onClose: (v) => c(p.id),
-                onMouseenter: (v) => r(p.id),
-                onMouseleave: (v) => i(p.id)
+                onClose: (b) => c(p.id),
+                onMouseenter: (b) => r(p.id),
+                onMouseleave: (b) => i(p.id)
               }, {
-                default: T(() => [
-                  p.component ? (m(), V(N(p.component), Z({
+                default: P(() => [
+                  p.component ? (m(), H(Z(p.component), q({
                     key: 0,
                     ref_for: !0
-                  }, p.props), null, 16)) : (m(), h(R, { key: 1 }, [
-                    F(M(p.message), 1)
+                  }, p.props), null, 16)) : (m(), g(E, { key: 1 }, [
+                    A(M(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -910,38 +939,38 @@ const q = new Os(), En = {
 }, it = ue(
   "brandFilter",
   () => {
-    const e = U({
+    const e = K({
       brands: []
     }), s = (n = {}) => {
       if (!n.brands || !Array.isArray(n.brands)) {
         console.warn("useSparkBrandFilterStore: No brands provided to initialize()"), e.brands = [];
         return;
       }
-      const a = n.brands.filter((r) => {
+      const o = n.brands.filter((r) => {
         const i = r.name && r.logo;
         return i || console.warn("useSparkBrandFilterStore: Invalid brand object", r), i;
-      }), c = a.filter((r) => r.current);
-      c.length === 0 && a.length > 0 ? a[0].current = !0 : c.length > 1 && a.forEach((r) => {
+      }), c = o.filter((r) => r.current);
+      c.length === 0 && o.length > 0 ? o[0].current = !0 : c.length > 1 && o.forEach((r) => {
         r.current = r === c[0];
-      }), e.brands = a.map((r) => ({
+      }), e.brands = o.map((r) => ({
         id: r.id,
         name: r.name,
         logo: r.logo,
         current: r.current || !1
       }));
-    }, t = $(() => e.brands.find((n) => n.current) || null), o = $(() => e.brands);
+    }, t = $(() => e.brands.find((n) => n.current) || null), a = $(() => e.brands);
     return {
       state: e,
       initialize: s,
       currentBrand: t,
-      allBrands: o,
+      allBrands: a,
       toggleBrand: (n) => {
         if (!n || !e.brands.includes(n)) {
           console.warn("useSparkBrandFilterStore: Invalid brand provided to toggleBrand()");
           return;
         }
-        e.brands.forEach((a) => {
-          a.current = a === n;
+        e.brands.forEach((o) => {
+          o.current = o === n;
         });
       }
     };
@@ -954,62 +983,62 @@ const q = new Os(), En = {
 ), Ns = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Zs = { class: "flex flex-1 flex-col" }, qs = { class: "divide-y divide-gray-200" }, Us = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Ks = { class: "ml-auto flex items-center" }, Gs = {
   key: 0,
   class: "flex px-[22px] py-[15px] text-gray-500 text-sm"
-}, Ws = ["onClick"], Ys = { class: "w-full gap-y-1 flex justify-between" }, Xs = { class: "flex flex-col" }, Js = { class: "flex items-center" }, Qs = { class: "font-medium text-base text-gray-900" }, eo = {
+}, Ws = ["onClick"], Ys = { class: "w-full gap-y-1 flex justify-between" }, Xs = { class: "flex flex-col" }, Js = { class: "flex items-center" }, Qs = { class: "font-medium text-base text-gray-900" }, ea = {
   key: 0,
   class: "inline-flex items-center rounded-full bg-green-100 px-1.5 py-0.5 text-xs font-medium text-green-800 ml-1"
-}, to = { class: "text-sm text-gray-500 font-normal" }, so = { class: "flex items-center" }, oo = ["src", "alt"], ao = {
+}, ta = { class: "text-sm text-gray-500 font-normal" }, sa = { class: "flex items-center" }, aa = ["src", "alt"], oa = {
   __name: "SparkBrandSelector",
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, o = it(), l = (n) => {
+    const t = s, a = it(), l = (n) => {
       t("select", n);
     };
-    return (n, a) => {
-      const c = O("font-awesome-icon");
-      return m(), h("div", Ns, [
+    return (n, o) => {
+      const c = F("font-awesome-icon");
+      return m(), g("div", Ns, [
         f("div", Zs, [
           f("div", qs, [
             f("div", Us, [
-              a[1] || (a[1] = f("div", null, "Filter by Brand", -1)),
+              o[1] || (o[1] = f("div", null, "Filter by Brand", -1)),
               f("div", Ks, [
-                b(c, {
-                  icon: k(A).farTimes,
+                k(c, {
+                  icon: S(O).farTimes,
                   class: "size-4 text-gray-400 cursor-pointer",
-                  onClick: a[0] || (a[0] = (r) => t("close"))
+                  onClick: o[0] || (o[0] = (r) => t("close"))
                 }, null, 8, ["icon"])
               ])
             ]),
-            k(o).allBrands.length === 0 ? (m(), h("div", Gs, " No brands configured ")) : L("", !0),
-            (m(!0), h(R, null, z(k(o).allBrands, (r) => (m(), h("div", {
+            S(a).allBrands.length === 0 ? (m(), g("div", Gs, " No brands configured ")) : T("", !0),
+            (m(!0), g(E, null, I(S(a).allBrands, (r) => (m(), g("div", {
               key: r.id,
-              class: H([r.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
+              class: V([r.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
               onClick: (i) => l(r)
             }, [
               f("div", Ys, [
                 f("div", Xs, [
                   f("div", Js, [
                     f("div", Qs, M(r.name), 1),
-                    r.current ? (m(), h("span", eo, " Current ")) : L("", !0)
+                    r.current ? (m(), g("span", ea, " Current ")) : T("", !0)
                   ]),
-                  f("div", to, M(r.current ? "Current Brand" : "Change to"), 1)
+                  f("div", ta, M(r.current ? "Current Brand" : "Change to"), 1)
                 ]),
-                f("div", so, [
+                f("div", sa, [
                   f("img", {
                     src: r.logo,
                     alt: `${r.name} logo`,
                     class: "h-8 w-auto"
-                  }, null, 8, oo)
+                  }, null, 8, aa)
                 ])
               ])
             ], 10, Ws))), 128)),
-            a[2] || (a[2] = f("div", null, null, -1))
+            o[2] || (o[2] = f("div", null, null, -1))
           ]),
-          a[3] || (a[3] = f("div", { class: "mt-auto" }, null, -1))
+          o[3] || (o[3] = f("div", { class: "mt-auto" }, null, -1))
         ])
       ]);
     };
   }
-}, ro = ["disabled"], Y = {
+}, ra = ["disabled"], X = {
   __name: "SparkButton",
   props: {
     size: {
@@ -1032,9 +1061,9 @@ const q = new Os(), En = {
   },
   emits: ["click"],
   setup(e) {
-    const s = e, t = E(null), o = Fe("buttonGroup", null), l = $(() => {
-      if (!o?.isInGroup || !t.value) return null;
-      const r = o.getButtonIndex(t.value), i = o.getButtonCount();
+    const s = e, t = R(null), a = Se("buttonGroup", null), l = $(() => {
+      if (!a?.isInGroup || !t.value) return null;
+      const r = a.getButtonIndex(t.value), i = a.getButtonCount();
       return {
         isFirst: r === 0,
         isLast: r === i - 1,
@@ -1051,16 +1080,16 @@ const q = new Os(), En = {
       borderRadius: /^rounded-/,
       background: /^bg-/,
       text: /^text-(?!white|black)/
-    }, a = (r, i) => {
+    }, o = (r, i) => {
       if (!i) return r;
       const u = r.split(" ").filter(Boolean), d = i.split(" ").filter(Boolean);
-      return [...u.filter((v) => !d.some((x) => {
-        const C = Object.entries(n).find(
-          ([w, _]) => _.test(v)
-        )?.[0], g = Object.entries(n).find(
-          ([w, _]) => _.test(x)
+      return [...u.filter((b) => !d.some((v) => {
+        const x = Object.entries(n).find(
+          ([w, C]) => C.test(b)
+        )?.[0], h = Object.entries(n).find(
+          ([w, C]) => C.test(v)
         )?.[0];
-        return C && C === g;
+        return x && x === h;
       })), ...d].join(" ");
     }, c = $(() => {
       let r = "", i = "";
@@ -1081,7 +1110,7 @@ const q = new Os(), En = {
           r += " px-7 py-2.5 min-h-[42px] text-sm", i = "md";
           break;
       }
-      if (o?.isInGroup && l.value) {
+      if (a?.isInGroup && l.value) {
         const { isFirst: u, isLast: d } = l.value;
         r += " relative inline-flex items-center focus:z-10", u && d ? r += ` rounded-${i}` : u ? r += ` rounded-l-${i} rounded-r-none` : d ? r += ` rounded-r-${i} rounded-l-none -ml-px` : r += " rounded-none -ml-px";
       } else
@@ -1108,28 +1137,28 @@ const q = new Os(), En = {
         default:
           r += ` bg-${s.variant}-600 hover:bg-${s.variant}-500 text-white`;
       }
-      return r = a(r, s.buttonClass), r;
+      return r = o(r, s.buttonClass), r;
     });
-    return (r, i) => (m(), h("button", {
+    return (r, i) => (m(), g("button", {
       type: "button",
       ref_key: "buttonRef",
       ref: t,
-      class: H(c.value),
+      class: V(c.value),
       disabled: e.disabled,
       onClick: i[0] || (i[0] = (u) => r.$emit("click"))
     }, [
       B(r.$slots, "default")
-    ], 10, ro));
+    ], 10, ra));
   }
-}, no = {
+}, na = {
   __name: "SparkButtonGroup",
   setup(e) {
-    const s = E(null);
+    const s = R(null);
     return mt("buttonGroup", {
       isInGroup: !0,
       getButtonIndex: (l) => s.value ? Array.from(s.value.children).indexOf(l) : -1,
       getButtonCount: () => s.value?.children.length || 0
-    }), (l, n) => (m(), h("div", {
+    }), (l, n) => (m(), g("div", {
       class: "inline-flex rounded-md shadow-xs",
       ref_key: "groupRef",
       ref: s
@@ -1137,13 +1166,13 @@ const q = new Os(), En = {
       B(l.$slots, "default")
     ], 512));
   }
-}, lo = { class: "divide-y divide-gray-300 rounded-lg border border-gray-300 text-gray-700 bg-gray-100" }, io = {
+}, la = { class: "divide-y divide-gray-300 rounded-lg border border-gray-300 text-gray-700 bg-gray-100" }, ia = {
   key: 0,
   class: "px-[30px] py-5"
-}, co = {
+}, ca = {
   key: 1,
   class: "p-5"
-}, Fn = {
+}, Nn = {
   __name: "SparkCard",
   props: {
     padded: {
@@ -1157,24 +1186,200 @@ const q = new Os(), En = {
   },
   setup(e) {
     const s = e;
-    return (t, o) => (m(), h("div", lo, [
-      t.$slots.header ? (m(), h("div", io, [
+    return (t, a) => (m(), g("div", la, [
+      t.$slots.header ? (m(), g("div", ia, [
         B(t.$slots, "header")
-      ])) : L("", !0),
+      ])) : T("", !0),
       f("div", {
-        class: H([s.padded ? s.paddedClass : ""])
+        class: V([s.padded ? s.paddedClass : ""])
       }, [
         B(t.$slots, "default")
       ], 2),
-      t.$slots.footer ? (m(), h("div", co, [
+      t.$slots.footer ? (m(), g("div", ca, [
         B(t.$slots, "footer")
-      ])) : L("", !0)
+      ])) : T("", !0)
     ]));
   }
-}, uo = { class: "px-4 pt-5 pb-4 sm:p-6" }, po = {
+}, ua = {
+  key: 0,
+  class: "block text-sm font-medium text-gray-700 mb-2"
+}, da = {
+  key: 1,
+  class: "mb-2 relative inline-block"
+}, pa = ["href"], fa = ["src", "alt"], ma = ["disabled"], ha = {
+  key: 0,
+  class: "absolute inset-0 flex items-center justify-center bg-blue-50/80 rounded-md pointer-events-none"
+}, ga = {
+  key: 3,
+  class: "text-sm text-gray-500 mt-1"
+}, Zn = {
+  __name: "SparkImageUpload",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    uploadUrl: {
+      type: String,
+      required: !0
+    },
+    fieldName: {
+      type: String,
+      default: "file"
+    },
+    extraFields: {
+      type: Object,
+      default: () => ({})
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    name: {
+      type: String,
+      default: "image_file"
+    },
+    height: {
+      type: String,
+      default: "h-16"
+    },
+    accept: {
+      type: String,
+      default: "image/*"
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    responseParser: {
+      type: Function,
+      default: (e) => e.data.url || e.data
+    }
+  },
+  emits: ["update:modelValue", "upload-start", "upload-success", "upload-error"],
+  setup(e, { emit: s }) {
+    const t = e, a = s, l = Se("axios"), n = R(!1), o = R(!1);
+    function c() {
+      a("update:modelValue", "");
+    }
+    function r() {
+      t.disabled || n.value || (o.value = !0);
+    }
+    function i() {
+      o.value = !1;
+    }
+    function u(v) {
+      if (o.value = !1, t.disabled || n.value) return;
+      const x = v.dataTransfer?.files?.[0];
+      if (x) {
+        if (!d(x)) {
+          j.show({
+            type: "danger",
+            message: "File type not accepted."
+          });
+          return;
+        }
+        b(x);
+      }
+    }
+    function d(v) {
+      const x = t.accept.split(",").map((h) => h.trim());
+      for (const h of x) {
+        if (h === "*/*") return !0;
+        if (h.endsWith("/*")) {
+          const w = h.slice(0, -2);
+          if (v.type.startsWith(w + "/")) return !0;
+        } else if (h.startsWith(".")) {
+          if (v.name.toLowerCase().endsWith(h.toLowerCase())) return !0;
+        } else if (v.type === h) return !0;
+      }
+      return !1;
+    }
+    function p(v) {
+      if (!v || v.length === 0) return;
+      const x = v[0].file;
+      x && b(x);
+    }
+    async function b(v) {
+      n.value = !0, a("upload-start");
+      try {
+        const x = new FormData();
+        x.append(t.fieldName, v), Object.entries(t.extraFields).forEach(([C, y]) => {
+          x.append(C, y);
+        });
+        const h = await l.post(t.uploadUrl, x, {
+          headers: { "Content-Type": "multipart/form-data" }
+        }), w = t.responseParser(h);
+        a("update:modelValue", w), a("upload-success", h), j.show({
+          type: "success",
+          message: "Image uploaded!"
+        });
+      } catch (x) {
+        a("upload-error", x), j.show({
+          type: "danger",
+          message: x.response?.data?.message || "Failed to upload image."
+        });
+      } finally {
+        n.value = !1;
+      }
+    }
+    return (v, x) => {
+      const h = F("font-awesome-icon"), w = F("FormKit");
+      return m(), g("div", null, [
+        e.label ? (m(), g("label", ua, M(e.label), 1)) : T("", !0),
+        e.modelValue ? (m(), g("div", da, [
+          f("a", {
+            href: e.modelValue,
+            target: "_blank",
+            rel: "noopener noreferrer"
+          }, [
+            f("img", {
+              src: e.modelValue,
+              alt: e.label || "Image preview",
+              class: V([e.height, "w-auto object-contain border border-gray-300 rounded-md cursor-pointer hover:opacity-80 transition-opacity"])
+            }, null, 10, fa)
+          ], 8, pa),
+          f("button", {
+            type: "button",
+            class: "absolute -top-2 -right-2 w-5 h-5 bg-white/80 hover:bg-white text-gray-500 hover:text-gray-700 rounded-full flex items-center justify-center shadow-sm border border-gray-200",
+            disabled: e.disabled,
+            onClick: c
+          }, [
+            k(h, {
+              icon: S(O).farXmark,
+              class: "text-xs"
+            }, null, 8, ["icon"])
+          ], 8, ma)
+        ])) : T("", !0),
+        e.modelValue ? T("", !0) : (m(), g("div", {
+          key: 2,
+          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"]),
+          onDragleave: U(i, ["prevent"]),
+          onDrop: U(u, ["prevent"])
+        }, [
+          k(w, {
+            type: "file",
+            name: e.name,
+            accept: e.accept,
+            disabled: e.disabled || n.value,
+            onInput: p
+          }, null, 8, ["name", "accept", "disabled"]),
+          o.value ? (m(), g("div", ha, [...x[0] || (x[0] = [
+            f("span", { class: "text-sm text-blue-600 font-medium" }, "Drop image here", -1)
+          ])])) : T("", !0)
+        ], 34)),
+        n.value ? (m(), g("p", ga, "Uploading...")) : T("", !0)
+      ]);
+    };
+  }
+}, ya = { class: "px-4 pt-5 pb-4 sm:p-6" }, va = {
   key: 0,
   class: "text-lg font-medium text-gray-900"
-}, fo = {
+}, ba = {
   __name: "SparkModalDialog",
   props: {
     title: {
@@ -1224,7 +1429,7 @@ const q = new Os(), En = {
     "input"
   ],
   setup(e) {
-    const s = e, t = $(() => !s.buttons || s.buttons.length === 0 ? [{ text: "OK", variant: "primary", event: "ok" }] : s.buttons), o = $(() => {
+    const s = e, t = $(() => !s.buttons || s.buttons.length === 0 ? [{ text: "OK", variant: "primary", event: "ok" }] : s.buttons), a = $(() => {
       switch (t.value.length) {
         case 1:
           return "sm:grid sm:grid-flow-row-dense";
@@ -1240,7 +1445,7 @@ const q = new Os(), En = {
       success: "farCheckCircle",
       warning: "farExclamationTriangle",
       danger: "farCircleXmark"
-    }, n = $(() => s.icon || l[s.type]), a = $(() => ({
+    }, n = $(() => s.icon || l[s.type]), o = $(() => ({
       info: "bg-blue-100",
       success: "bg-green-100",
       warning: "bg-yellow-100",
@@ -1252,36 +1457,36 @@ const q = new Os(), En = {
       danger: "text-red-400"
     })[s.type]);
     return (r, i) => {
-      const u = O("font-awesome-icon");
-      return m(), h("div", uo, [
-        n.value ? (m(), h("div", {
+      const u = F("font-awesome-icon");
+      return m(), g("div", ya, [
+        n.value ? (m(), g("div", {
           key: 0,
-          class: H(["mx-auto flex size-12 items-center justify-center rounded-full", a.value])
+          class: V(["mx-auto flex size-12 items-center justify-center rounded-full", o.value])
         }, [
-          b(u, {
-            icon: k(A)[n.value],
-            class: H(["h-5 w-5", c.value])
+          k(u, {
+            icon: S(O)[n.value],
+            class: V(["h-5 w-5", c.value])
           }, null, 8, ["icon", "class"])
-        ], 2)) : L("", !0),
+        ], 2)) : T("", !0),
         f("div", {
-          class: H(["text-center", { "mt-3 sm:mt-5": n.value }])
+          class: V(["text-center", { "mt-3 sm:mt-5": n.value }])
         }, [
-          e.title ? (m(), h("h3", po, M(e.title), 1)) : L("", !0),
-          e.message ? (m(), h("div", {
+          e.title ? (m(), g("h3", va, M(e.title), 1)) : T("", !0),
+          e.message ? (m(), g("div", {
             key: 1,
-            class: H([{ "mt-2": e.title }, "text-sm text-gray-500"])
-          }, M(e.message), 3)) : L("", !0)
+            class: V([{ "mt-2": e.title }, "text-sm text-gray-500"])
+          }, M(e.message), 3)) : T("", !0)
         ], 2),
         f("div", {
-          class: H(["mt-5 sm:mt-6", o.value])
+          class: V(["mt-5 sm:mt-6", a.value])
         }, [
-          (m(!0), h(R, null, z(t.value, (d, p) => (m(), V(k(Y), {
+          (m(!0), g(E, null, I(t.value, (d, p) => (m(), H(S(X), {
             key: p,
             variant: d.variant,
-            onClick: (v) => r.$emit(d.event, d)
+            onClick: (b) => r.$emit(d.event, d)
           }, {
-            default: T(() => [
-              F(M(d.text), 1)
+            default: P(() => [
+              A(M(d.text), 1)
             ]),
             _: 2
           }, 1032, ["variant", "onClick"]))), 128))
@@ -1290,17 +1495,17 @@ const q = new Os(), En = {
     };
   }
 };
-class mo {
+class xa {
   constructor() {
-    this.state = U({
+    this.state = K({
       isVisible: !1,
       content: null,
       props: {},
       eventHandlers: {}
     });
   }
-  show = (s, t = {}, o = {}) => {
-    this.state.content = me(s), this.state.props = t, this.state.eventHandlers = o, this.state.isVisible = !0;
+  show = (s, t = {}, a = {}) => {
+    this.state.content = me(s), this.state.props = t, this.state.eventHandlers = a, this.state.isVisible = !0;
   };
   hide = () => {
     this.state.isVisible = !1, this.state.eventHandlers = {};
@@ -1319,21 +1524,21 @@ class mo {
    */
   confirm = (s = {}) => new Promise((t) => {
     const {
-      title: o = "Confirm",
+      title: a = "Confirm",
       message: l = "Are you sure?",
       type: n = "warning",
-      confirmText: a = "Confirm",
+      confirmText: o = "Confirm",
       cancelText: c = "Cancel",
       confirmVariant: r = "primary"
     } = s;
     this.show(
-      fo,
+      ba,
       {
-        title: o,
+        title: a,
         message: l,
         type: n,
         buttons: [
-          { text: a, variant: r, event: "confirm" },
+          { text: o, variant: r, event: "confirm" },
           { text: c, variant: "secondary", event: "cancel" }
         ]
       },
@@ -1348,20 +1553,20 @@ class mo {
     );
   });
 }
-const ae = new mo(), ho = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, go = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, yo = {
+const re = new xa(), ka = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, wa = { 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) => (m(), V(k(tt), {
+    return (s, t) => (m(), H(S(tt), {
       as: "template",
-      show: k(ae).state.isVisible
+      show: S(re).state.isVisible
     }, {
-      default: T(() => [
-        b(k(st), {
+      default: P(() => [
+        k(S(st), {
           class: "relative z-1000",
-          onClose: k(ae).hide
+          onClose: S(re).hide
         }, {
-          default: T(() => [
-            b(k(fe), {
+          default: P(() => [
+            k(S(fe), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -1370,14 +1575,14 @@ const ae = new mo(), ho = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               "leave-from": "opacity-100",
               "leave-to": "opacity-0"
             }, {
-              default: T(() => [...t[0] || (t[0] = [
+              default: P(() => [...t[0] || (t[0] = [
                 f("div", { class: "fixed inset-0 bg-gray-500/75 transition-opacity" }, null, -1)
               ])]),
               _: 1
             }),
-            f("div", ho, [
-              f("div", go, [
-                b(k(fe), {
+            f("div", ka, [
+              f("div", wa, [
+                k(S(fe), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -1386,10 +1591,10 @@ const ae = new mo(), ho = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                   "leave-from": "opacity-100 translate-y-0 sm:scale-100",
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 }, {
-                  default: T(() => [
-                    b(k(ot), { 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: T(() => [
-                        (m(), V(N(k(ae).state.content), Z(k(ae).state.props, Oe(k(ae).state.eventHandlers)), null, 16))
+                  default: P(() => [
+                    k(S(at), { 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: P(() => [
+                        (m(), H(Z(S(re).state.content), q(S(re).state.props, Ae(S(re).state.eventHandlers)), null, 16))
                       ]),
                       _: 1
                     })
@@ -1405,7 +1610,7 @@ const ae = new mo(), ho = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}, vo = { class: "fixed inset-0 flex" }, Te = {
+}, Sa = { class: "fixed inset-0 flex" }, Pe = {
   __name: "SparkOverlay",
   props: {
     position: {
@@ -1420,27 +1625,27 @@ const ae = new mo(), ho = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   },
   emits: ["close"],
   setup(e, { emit: s }) {
-    const t = E(null), o = {
+    const t = R(null), a = {
       xs: "w-[250px]",
       sm: "w-[300px]",
       md: "w-[450px]",
       lg: "w-[810px]",
       xl: "w-[1000px]"
-    }, l = e, n = s, a = $(() => o[l.overlayInstance.state.size] || o.md), c = () => {
+    }, l = e, n = s, o = $(() => a[l.overlayInstance.state.size] || a.md), c = () => {
       l.overlayInstance.close(), n("close");
     };
-    return (r, i) => (m(), V(k(tt), {
+    return (r, i) => (m(), H(S(tt), {
       show: e.overlayInstance.state.isVisible,
       as: "template"
     }, {
-      default: T(() => [
-        b(k(st), {
+      default: P(() => [
+        k(S(st), {
           initialFocus: t.value,
           class: "relative z-1000",
           onClose: c
         }, {
-          default: T(() => [
-            b(k(fe), {
+          default: P(() => [
+            k(S(fe), {
               as: "template",
               enter: "transition-opacity ease-linear duration-150",
               "enter-from": "opacity-0",
@@ -1449,13 +1654,13 @@ const ae = new mo(), ho = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               "leave-from": "opacity-100",
               "leave-to": "opacity-0"
             }, {
-              default: T(() => [...i[0] || (i[0] = [
+              default: P(() => [...i[0] || (i[0] = [
                 f("div", { class: "fixed inset-0 bg-gray-600/30" }, null, -1)
               ])]),
               _: 1
             }),
-            f("div", vo, [
-              b(k(fe), {
+            f("div", Sa, [
+              k(S(fe), {
                 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",
@@ -1464,18 +1669,18 @@ const ae = new mo(), ho = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                 "leave-from": "translate-x-0 opacity-100",
                 "leave-to": e.position === "left" ? "-translate-x-full opacity-0" : "translate-x-full opacity-0"
               }, {
-                default: T(() => [
-                  b(k(ot), {
+                default: P(() => [
+                  k(S(at), {
                     ref_key: "panelRef",
                     ref: t,
-                    class: H([
+                    class: V([
                       "flex py-2.5",
-                      a.value,
+                      o.value,
                       e.position === "left" ? "relative left-[10px]" : "absolute right-[10px] h-full"
                     ])
                   }, {
-                    default: T(() => [
-                      (m(), V(N(e.overlayInstance.state.content), Z(e.overlayInstance.state.props, Oe(e.overlayInstance.state.eventHandlers)), null, 16))
+                    default: P(() => [
+                      (m(), H(Z(e.overlayInstance.state.content), q(e.overlayInstance.state.props, Ae(e.overlayInstance.state.eventHandlers)), null, 16))
                     ]),
                     _: 1
                   }, 8, ["class"])
@@ -1490,34 +1695,34 @@ const ae = new mo(), ho = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}, bo = (e) => {
+}, Ca = (e) => {
   if (e.includes(".")) {
     const s = e.split(".");
     e = s[s.length - 1];
   }
   return e.replace(/_/g, " ");
-}, xo = (e, s, t) => {
-  const o = s.querySelector(".relative");
-  if (!o || o.querySelector(".spark-table-head-sorting"))
+}, $a = (e, s, t) => {
+  const a = s.querySelector(".relative");
+  if (!a || a.querySelector(".spark-table-head-sorting"))
     return;
   const l = document.createElement("span");
-  l.classList.add("spark-table-head-sorting"), l.innerHTML = Q({ prefix: "fad", iconName: "sort" }).html + Q({ prefix: "fad", iconName: "sort-up" }).html + Q({ prefix: "fad", iconName: "sort-down" }).html, o.appendChild(l), o.addEventListener("click", async () => {
-    const n = t.params.orderBy, a = t.params.sortedBy;
-    return n === e && a === "asc" ? (o.classList.remove("asc"), o.classList.add("desc"), t.methods.applyParams({
+  l.classList.add("spark-table-head-sorting"), l.innerHTML = ee({ prefix: "fad", iconName: "sort" }).html + ee({ prefix: "fad", iconName: "sort-up" }).html + ee({ 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({
       orderBy: e,
       sortedBy: "desc"
-    })) : n === e ? (o.classList.remove("desc"), await t.methods.clearParams(["orderBy", "sortedBy"])) : (o.classList.add("asc"), t.methods.applyParams({
+    })) : n === e ? (a.classList.remove("desc"), await t.methods.clearParams(["orderBy", "sortedBy"])) : (a.classList.add("asc"), t.methods.applyParams({
       orderBy: e,
       sortedBy: "asc"
     }));
   });
-}, ko = (e, s, t) => {
+}, Ta = (e, s, t) => {
   if (s.querySelector(".spark-table-head-filter"))
     return;
-  const o = document.createElement("div"), l = document.createElement("input");
-  l.type = "text", l.placeholder = "Filter...", o.className = "spark-table-head-filter", o.appendChild(l);
-  const n = at(async (a, c) => {
-    const r = c.target.value, i = `filter[${a}]`;
+  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 = ot(async (o, c) => {
+    const r = c.target.value, i = `filter[${o}]`;
     if (r)
       return t.params[i] && t.params[i] === r ? void 0 : t.methods.applyParams({
         page: 1,
@@ -1525,53 +1730,53 @@ const ae = new mo(), ho = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       });
     await t.methods.removeParam(i);
   }, 200);
-  l.addEventListener("keyup", (a) => n(e, a)), s.appendChild(o);
-}, wo = (e, s, t) => {
+  l.addEventListener("keyup", (o) => n(e, o)), s.appendChild(a);
+}, Pa = (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");
-  l.classList.add("spark-table-head-title"), l.innerHTML = bo(s);
-}, _o = (e, s, t) => {
+  l.classList.add("spark-table-head-title"), l.innerHTML = Ca(s);
+}, La = (e, s, t) => {
   if (typeof e != "number")
     return e;
   if (e < 0)
     return;
-  let o = 2;
+  let a = 2;
   const l = t.methods.colToProp(e), n = t.methods.getSettingsForProp(l);
-  s.childElementCount === 1 && ((!n || !n.columnSort) && o--, (!n || !n.columnFilter) && o--, n && n.columnSort && xo(l, s, t), n && n.columnFilter && ko(l, s, t)), (s.childElementCount === o || o === 0) && wo(s, l, n);
-}, So = (e) => {
+  s.childElementCount === 1 && ((!n || !n.columnSort) && a--, (!n || !n.columnFilter) && a--, n && n.columnSort && $a(l, s, t), n && n.columnFilter && Ta(l, s, t)), (s.childElementCount === a || a === 0) && Pa(s, l, n);
+}, Ma = (e) => {
   if (!e.hotInstance || !e.hotInstance.rootElement)
     return;
-  const s = e.params.orderBy, t = e.params.sortedBy, o = e.hotInstance.rootElement.querySelectorAll("thead th.can-sort .relative");
-  o.forEach((l) => {
+  const s = e.params.orderBy, t = e.params.sortedBy, a = e.hotInstance.rootElement.querySelectorAll("thead th.can-sort .relative");
+  a.forEach((l) => {
     l.classList.remove("asc", "desc");
-  }), s && t && o.forEach((l) => {
-    const n = l.closest("th"), a = Array.from(n.parentElement.children).indexOf(n);
-    e.methods.colToProp(a) === s && l.classList.add(t);
+  }), s && t && a.forEach((l) => {
+    const n = l.closest("th"), o = Array.from(n.parentElement.children).indexOf(n);
+    e.methods.colToProp(o) === s && l.classList.add(t);
   });
-}, Co = (e) => (s, t, o, l, n, a, c) => {
+}, Va = (e) => (s, t, a, l, n, o, c) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-actions");
   const i = (c.rendererConfig || {}).actions || [];
   if (i.length === 0)
     return;
-  const u = s.getSourceDataAtRow(s.toPhysicalRow(o)), d = document.createElement("div");
+  const u = s.getSourceDataAtRow(s.toPhysicalRow(a)), d = document.createElement("div");
   d.classList.add("flex", "items-center", "gap-2"), i.forEach((p) => {
     if (p.condition && typeof p.condition == "function" && !p.condition(u))
       return;
-    const v = document.createElement("button");
-    if (v.type = "button", v.classList.add("spark-table-action-button"), p.icon) {
-      const x = document.createElement("span");
-      x.innerHTML = Q({ prefix: "far", iconName: p.icon }).html, x.classList.add("size-4"), v.appendChild(x);
+    const b = document.createElement("button");
+    if (b.type = "button", b.classList.add("spark-table-action-button"), p.icon) {
+      const v = document.createElement("span");
+      v.innerHTML = ee({ prefix: "far", iconName: p.icon }).html, v.classList.add("size-4"), b.appendChild(v);
     }
     if (p.label) {
-      const x = document.createElement("span");
-      x.textContent = p.label, v.appendChild(x);
+      const v = document.createElement("span");
+      v.textContent = p.label, b.appendChild(v);
     }
-    v.addEventListener("click", async (x) => {
-      if (x.preventDefault(), x.stopPropagation(), p.confirm) {
-        const C = typeof p.confirm == "string" ? p.confirm : `Are you sure you want to ${p.label?.toLowerCase() || "perform this action"}?`;
-        if (!await ae.confirm({
+    b.addEventListener("click", async (v) => {
+      if (v.preventDefault(), v.stopPropagation(), p.confirm) {
+        const x = typeof p.confirm == "string" ? p.confirm : `Are you sure you want to ${p.label?.toLowerCase() || "perform this action"}?`;
+        if (!await re.confirm({
           title: p.confirmTitle,
-          message: C,
+          message: x,
           type: p.confirmType,
           confirmText: p.confirmText,
           cancelText: p.cancelText,
@@ -1580,9 +1785,9 @@ const ae = new mo(), ho = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
           return;
       }
       p.event && e.methods.fireEvent(p.event, u), p.handler && typeof p.handler == "function" && p.handler(u);
-    }), d.appendChild(v);
+    }), d.appendChild(b);
   }), t.appendChild(d);
-}, Pe = {
+}, Le = {
   green: "bg-green-100 text-green-800",
   red: "bg-red-100 text-red-800",
   yellow: "bg-yellow-100 text-yellow-800",
@@ -1591,10 +1796,10 @@ const ae = new mo(), ho = { 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"
-}, $o = (e) => (s, t, o, l, n, a, c) => {
-  if (t.innerHTML = "", t.classList.add("spark-table-cell-badge"), !a)
+}, Ha = (e) => (s, t, a, l, n, o, c) => {
+  if (t.innerHTML = "", t.classList.add("spark-table-cell-badge"), !o)
     return;
-  const i = (c.rendererConfig || {}).colorMap || {}, u = i[a] || i[a?.toLowerCase()] || "gray", d = Pe[u] || Pe.gray, p = document.createElement("span");
+  const i = (c.rendererConfig || {}).colorMap || {}, u = i[o] || i[o?.toLowerCase()] || "gray", d = Le[u] || Le.gray, p = document.createElement("span");
   p.classList.add(
     "inline-flex",
     "items-center",
@@ -1605,15 +1810,15 @@ const ae = new mo(), ho = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     "font-medium",
     "capitalize",
     ...d.split(" ")
-  ), p.textContent = a, t.appendChild(p);
-}, Le = {
+  ), p.textContent = o, t.appendChild(p);
+}, Me = {
   green: { bg: "bg-green-100", text: "text-green-500" },
   red: { bg: "bg-red-100", text: "text-red-500" },
   yellow: { bg: "bg-yellow-100", text: "text-yellow-500" },
   blue: { bg: "bg-blue-100", text: "text-blue-500" },
   gray: { bg: "bg-gray-100", text: "text-gray-500" },
   purple: { bg: "bg-purple-100", text: "text-purple-500" }
-}, To = (e) => {
+}, Ra = (e) => {
   if (e == null || e === "")
     return !1;
   if (typeof e == "boolean")
@@ -1625,99 +1830,99 @@ const ae = new mo(), ho = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     return s === "1" || s === "yes" || s === "true";
   }
   return !1;
-}, Po = (e) => (s, t, o, l, n, a, c) => {
+}, Fa = (e) => (s, t, a, l, n, o, c) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-boolean");
-  const r = c.rendererConfig || {}, i = To(a), u = i ? r.trueIcon || "check" : r.falseIcon || "xmark", d = i ? r.trueColor || "green" : r.falseColor || "red", p = r.size || 32, v = r.iconPrefix || "far", x = Le[d] || Le.gray;
+  const r = c.rendererConfig || {}, i = Ra(o), u = i ? r.trueIcon || "check" : r.falseIcon || "xmark", d = i ? r.trueColor || "green" : r.falseColor || "red", p = r.size || 32, b = r.iconPrefix || "far", v = Me[d] || Me.gray;
   t.dataset.copyValue = i ? "true" : "false";
-  const C = document.createElement("div");
-  C.classList.add(
+  const x = document.createElement("div");
+  x.classList.add(
     "inline-flex",
     "items-center",
     "justify-center",
     "rounded-full",
-    x.bg,
-    x.text
-  ), C.style.width = `${p}px`, C.style.height = `${p}px`;
-  const g = document.createElement("span");
-  g.innerHTML = Q({ prefix: v, iconName: u }).html, g.classList.add("flex", "items-center", "justify-center");
+    v.bg,
+    v.text
+  ), x.style.width = `${p}px`, x.style.height = `${p}px`;
+  const h = document.createElement("span");
+  h.innerHTML = ee({ prefix: b, iconName: u }).html, h.classList.add("flex", "items-center", "justify-center");
   const w = Math.round(p * 0.5);
-  g.style.fontSize = `${w}px`, C.appendChild(g), t.appendChild(C);
-}, Lo = (e, s = 2) => {
+  h.style.fontSize = `${w}px`, x.appendChild(h), t.appendChild(x);
+}, Ea = (e, s = 2) => {
   const t = Number(e);
   if (isNaN(t)) return null;
-  const o = t < 0, n = Math.abs(t).toLocaleString("en-AU", {
+  const a = t < 0, n = Math.abs(t).toLocaleString("en-AU", {
     minimumFractionDigits: s,
     maximumFractionDigits: s
   });
-  return o ? `-$${n}` : `$${n}`;
-}, Mo = (e) => (s, t, o, l, n, a, c) => {
+  return a ? `-$${n}` : `$${n}`;
+}, Oa = (e) => (s, t, a, l, n, o, c) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-currency");
   const r = c.rendererConfig || {}, { decimals: i = 2, emptyText: u = "" } = r;
-  if (a == null || a === "") {
+  if (o == null || o === "") {
     t.textContent = u;
     return;
   }
-  const d = Lo(a, i);
+  const d = Ea(o, i);
   if (d === null) {
     t.textContent = u;
     return;
   }
   const p = document.createElement("span");
   p.textContent = d, t.appendChild(p);
-}, Ho = (e) => (s, t, o, l, n, a, c) => {
-  if (t.innerHTML = "", t.classList.add("spark-table-cell-link"), !a)
+}, Aa = (e) => (s, t, a, l, n, o, c) => {
+  if (t.innerHTML = "", t.classList.add("spark-table-cell-link"), !o)
     return;
-  const r = c.rendererConfig || {}, i = s.getSourceDataAtRow(s.toPhysicalRow(o));
-  let u = a;
-  r.href && (typeof r.href == "function" ? u = r.href(i) : r.href === "email" ? u = `mailto:${a}` : r.href === "tel" ? u = `tel:${a}` : typeof r.href == "string" && (u = i[r.href] || a));
+  const r = c.rendererConfig || {}, i = s.getSourceDataAtRow(s.toPhysicalRow(a));
+  let u = o;
+  r.href && (typeof r.href == "function" ? u = r.href(i) : r.href === "email" ? u = `mailto:${o}` : r.href === "tel" ? u = `tel:${o}` : typeof r.href == "string" && (u = i[r.href] || o));
   const d = document.createElement("a");
-  d.href = u, d.textContent = a, d.classList.add("text-primary-600", "hover:text-primary-900", "hover:underline"), r.target && (d.target = r.target), r.rel && (d.rel = r.rel), d.addEventListener("click", (p) => {
+  d.href = u, d.textContent = o, d.classList.add("text-primary-600", "hover:text-primary-900", "hover:underline"), r.target && (d.target = r.target), r.rel && (d.rel = r.rel), d.addEventListener("click", (p) => {
     p.stopPropagation();
   }), t.appendChild(d);
-}, Me = {
+}, Ve = {
   sm: "h-6 w-6",
   md: "h-8 w-8",
   lg: "h-12 w-12"
-}, Vo = (e) => (s, t, o, l, n, a, c) => {
-  if (t.innerHTML = "", t.classList.add("spark-table-cell-image"), !a)
+}, Ba = (e) => (s, t, a, l, n, o, c) => {
+  if (t.innerHTML = "", t.classList.add("spark-table-cell-image"), !o)
     return;
-  const r = c.rendererConfig || {}, i = s.getSourceDataAtRow(s.toPhysicalRow(o)), u = r.size || "md", d = Me[u] || Me.md, p = r.rounded !== !1;
-  let v = r.alt || "";
-  typeof r.alt == "string" && i[r.alt] && (v = i[r.alt]);
-  const x = document.createElement("img");
-  x.src = a, x.alt = v, x.classList.add(...d.split(" "), "object-cover"), p ? x.classList.add("rounded-full") : x.classList.add("rounded"), t.appendChild(x);
-}, Ro = (e) => (s, t, o, l, n, a, c) => {
-  if (t.innerHTML = "", t.classList.add("spark-table-cell-date"), !a)
+  const r = c.rendererConfig || {}, i = s.getSourceDataAtRow(s.toPhysicalRow(a)), u = r.size || "md", d = Ve[u] || Ve.md, p = r.rounded !== !1;
+  let b = r.alt || "";
+  typeof r.alt == "string" && i[r.alt] && (b = i[r.alt]);
+  const v = document.createElement("img");
+  v.src = o, v.alt = b, v.classList.add(...d.split(" "), "object-cover"), p ? v.classList.add("rounded-full") : v.classList.add("rounded"), t.appendChild(v);
+}, Da = (e) => (s, t, a, l, n, o, c) => {
+  if (t.innerHTML = "", t.classList.add("spark-table-cell-date"), !o)
     return;
   const r = c.rendererConfig || {}, i = r.format || "short", u = r.locale || "en-US";
-  let d = a;
+  let d = o;
   try {
-    const v = new Date(a);
-    isNaN(v.getTime()) ? d = a : typeof i == "function" ? d = i(v) : i === "short" ? d = v.toLocaleDateString(u) : i === "long" ? d = v.toLocaleDateString(u, {
+    const b = new Date(o);
+    isNaN(b.getTime()) ? d = o : typeof i == "function" ? d = i(b) : i === "short" ? d = b.toLocaleDateString(u) : i === "long" ? d = b.toLocaleDateString(u, {
       year: "numeric",
       month: "long",
       day: "numeric"
-    }) : i === "relative" ? d = Eo(v) : i === "datetime" ? d = v.toLocaleString(u) : d = v.toLocaleDateString(u);
-  } catch (v) {
-    console.error("Error formatting date:", v), d = a;
+    }) : i === "relative" ? d = ja(b) : i === "datetime" ? d = b.toLocaleString(u) : d = b.toLocaleDateString(u);
+  } catch (b) {
+    console.error("Error formatting date:", b), d = o;
   }
   const p = document.createElement("span");
   p.textContent = d, t.appendChild(p);
 };
-function Eo(e) {
-  const t = /* @__PURE__ */ new Date() - e, o = Math.floor(Math.abs(t) / 1e3), l = Math.floor(o / 60), n = Math.floor(l / 60), a = Math.floor(n / 24), c = Math.floor(a / 30), r = Math.floor(a / 365), i = t > 0;
-  return o < 60 ? i ? "just now" : "in a moment" : l < 60 ? i ? `${l} minute${l > 1 ? "s" : ""} ago` : `in ${l} minute${l > 1 ? "s" : ""}` : n < 24 ? i ? `${n} hour${n > 1 ? "s" : ""} ago` : `in ${n} hour${n > 1 ? "s" : ""}` : a < 30 ? i ? `${a} day${a > 1 ? "s" : ""} ago` : `in ${a} day${a > 1 ? "s" : ""}` : c < 12 ? i ? `${c} month${c > 1 ? "s" : ""} ago` : `in ${c} month${c > 1 ? "s" : ""}` : i ? `${r} year${r > 1 ? "s" : ""} ago` : `in ${r} year${r > 1 ? "s" : ""}`;
+function ja(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), c = Math.floor(o / 30), r = Math.floor(o / 365), i = t > 0;
+  return a < 60 ? i ? "just now" : "in a moment" : l < 60 ? i ? `${l} minute${l > 1 ? "s" : ""} ago` : `in ${l} minute${l > 1 ? "s" : ""}` : n < 24 ? i ? `${n} hour${n > 1 ? "s" : ""} ago` : `in ${n} hour${n > 1 ? "s" : ""}` : o < 30 ? i ? `${o} day${o > 1 ? "s" : ""} ago` : `in ${o} day${o > 1 ? "s" : ""}` : c < 12 ? i ? `${c} month${c > 1 ? "s" : ""} ago` : `in ${c} month${c > 1 ? "s" : ""}` : i ? `${r} year${r > 1 ? "s" : ""} ago` : `in ${r} year${r > 1 ? "s" : ""}`;
 }
-const Ao = (e) => {
+const za = (e) => {
   const s = ["th", "st", "nd", "rd"], t = e % 100;
   return e + (s[(t - 20) % 10] || s[t] || s[0]);
-}, j = (e, s = 2) => String(e).padStart(s, "0"), ye = /* @__PURE__ */ new Map(), Fo = (e, s) => {
+}, N = (e, s = 2) => String(e).padStart(s, "0"), ve = /* @__PURE__ */ new Map(), Ia = (e, s) => {
   const t = `${e}:${JSON.stringify(s)}`;
-  return ye.has(t) || ye.set(t, new Intl.DateTimeFormat(e, s)), ye.get(t);
-}, ce = (e, s, t, o) => {
-  const a = Fo(s, t).formatToParts(e).find((c) => c.type === o);
-  return a ? a.value : "";
-}, Oo = (e) => e.epochMilliseconds !== void 0 ? new Date(e.epochMilliseconds) : new Date(
+  return ve.has(t) || ve.set(t, new Intl.DateTimeFormat(e, s)), ve.get(t);
+}, ce = (e, s, t, a) => {
+  const o = Ia(s, t).formatToParts(e).find((c) => c.type === a);
+  return o ? o.value : "";
+}, Na = (e) => e.epochMilliseconds !== void 0 ? new Date(e.epochMilliseconds) : new Date(
   e.year,
   e.month - 1,
   e.day,
@@ -1725,8 +1930,8 @@ const Ao = (e) => {
   e.minute || 0,
   e.second || 0,
   e.millisecond || 0
-), Bo = (e) => {
-  const s = e.hour || 0, t = s % 12 || 12, o = s >= 12;
+), Za = (e) => {
+  const s = e.hour || 0, t = s % 12 || 12, a = s >= 12;
   return {
     year: e.year,
     month: e.month,
@@ -1740,49 +1945,49 @@ const Ao = (e) => {
     millisecond: e.millisecond || 0,
     dayOfWeek: e.dayOfWeek,
     // 1=Monday, 7=Sunday in Temporal
-    isPM: o,
+    isPM: a,
     quarter: Math.ceil(e.month / 3)
   };
 }, He = (e, s = !0) => {
   if (!e.offsetNanoseconds && e.offsetNanoseconds !== 0)
     return "";
-  const t = Math.round(e.offsetNanoseconds / 6e10), o = t >= 0 ? "+" : "-", l = Math.abs(t), n = Math.floor(l / 60), a = l % 60;
-  return s ? `${o}${j(n)}:${j(a)}` : `${o}${j(n)}${j(a)}`;
-}, Do = (e, s) => {
-  const t = Bo(e), o = Oo(e), l = t.dayOfWeek === 7 ? 0 : t.dayOfWeek;
+  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)}`;
+}, qa = (e, s) => {
+  const t = Za(e), a = Na(e), l = t.dayOfWeek === 7 ? 0 : t.dayOfWeek;
   return [
     // Year
     ["YYYY", () => String(t.year)],
     ["YY", () => String(t.year).slice(-2)],
     // Month
-    ["MMMM", () => ce(o, s, { month: "long" }, "month")],
-    ["MMM", () => ce(o, s, { month: "short" }, "month")],
-    ["MM", () => j(t.month)],
+    ["MMMM", () => ce(a, s, { month: "long" }, "month")],
+    ["MMM", () => ce(a, s, { month: "short" }, "month")],
+    ["MM", () => N(t.month)],
     ["M", () => String(t.month)],
     // Day of month
-    ["DD", () => j(t.day)],
-    ["Do", () => Ao(t.day)],
+    ["DD", () => N(t.day)],
+    ["Do", () => za(t.day)],
     ["D", () => String(t.day)],
     // Day of week
-    ["dddd", () => ce(o, s, { weekday: "long" }, "weekday")],
-    ["ddd", () => ce(o, s, { weekday: "short" }, "weekday")],
-    ["dd", () => ce(o, s, { weekday: "short" }, "weekday").slice(0, 2)],
+    ["dddd", () => ce(a, s, { weekday: "long" }, "weekday")],
+    ["ddd", () => ce(a, s, { weekday: "short" }, "weekday")],
+    ["dd", () => ce(a, s, { weekday: "short" }, "weekday").slice(0, 2)],
     ["d", () => String(l)],
     // Hour
-    ["HH", () => j(t.hour24)],
+    ["HH", () => N(t.hour24)],
     ["H", () => String(t.hour24)],
-    ["hh", () => j(t.hour12)],
+    ["hh", () => N(t.hour12)],
     ["h", () => String(t.hour12)],
-    ["kk", () => j(t.hourFrom1)],
+    ["kk", () => N(t.hourFrom1)],
     ["k", () => String(t.hourFrom1)],
     // Minute
-    ["mm", () => j(t.minute)],
+    ["mm", () => N(t.minute)],
     ["m", () => String(t.minute)],
     // Second
-    ["ss", () => j(t.second)],
+    ["ss", () => N(t.second)],
     ["s", () => String(t.second)],
     // Millisecond
-    ["SSS", () => j(t.millisecond, 3)],
+    ["SSS", () => N(t.millisecond, 3)],
     // AM/PM
     ["A", () => t.isPM ? "PM" : "AM"],
     ["a", () => t.isPM ? "pm" : "am"],
@@ -1792,11 +1997,11 @@ const Ao = (e) => {
     // Quarter
     ["Q", () => String(t.quarter)],
     // Unix timestamp
-    ["x", () => String(e.epochMilliseconds ?? o.getTime())],
-    ["X", () => String(Math.floor((e.epochMilliseconds ?? o.getTime()) / 1e3))]
+    ["x", () => String(e.epochMilliseconds ?? a.getTime())],
+    ["X", () => String(Math.floor((e.epochMilliseconds ?? a.getTime()) / 1e3))]
   ];
-}, zo = (e, s, t = {}) => {
-  const { locale: o = "en-US" } = t;
+}, Ua = (e, s, t = {}) => {
+  const { locale: a = "en-US" } = t;
   if (!e)
     return "";
   let l = e;
@@ -1811,64 +2016,64 @@ const Ao = (e) => {
     } catch (r) {
       return console.error("Failed to parse date string:", e, r), e;
     }
-  const n = Do(l, o), a = n.map(([r]) => r).join("|"), c = new RegExp(`\\[([^\\]]+)\\]|(${a})`, "g");
+  const n = qa(l, a), o = n.map(([r]) => r).join("|"), c = new RegExp(`\\[([^\\]]+)\\]|(${o})`, "g");
   return s.replace(c, (r, i, u) => {
     if (i !== void 0)
       return i;
     const d = n.find(([p]) => p === u);
     return d ? d[1]() : r;
   });
-}, jo = (e, s = {}) => {
-  const { fromTimezone: t, toTimezone: o } = s;
+}, Ka = (e, s = {}) => {
+  const { fromTimezone: t, toTimezone: a } = s;
   if (!e)
     return null;
   const l = e.replace(" ", "T");
-  return t && o ? Temporal.PlainDateTime.from(l).toZonedDateTime(t).withTimeZone(o) : t ? Temporal.PlainDateTime.from(l).toZonedDateTime(t) : Temporal.PlainDateTime.from(l);
-}, Io = (e) => (s, t, o, l, n, a, c) => {
+  return t && a ? Temporal.PlainDateTime.from(l).toZonedDateTime(t).withTimeZone(a) : t ? Temporal.PlainDateTime.from(l).toZonedDateTime(t) : Temporal.PlainDateTime.from(l);
+}, Ga = (e) => (s, t, a, l, n, o, c) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-datetime");
   const r = c.rendererConfig || {}, {
     format: i = "DD MMM YYYY, HH:mm",
     fromTimezone: u,
     toTimezone: d,
     locale: p = "en-US",
-    emptyText: v = ""
+    emptyText: b = ""
   } = r;
-  if (!a) {
-    t.textContent = v;
+  if (!o) {
+    t.textContent = b;
     return;
   }
   try {
-    const x = jo(a, { fromTimezone: u, toTimezone: d });
-    if (!x) {
-      t.textContent = v;
+    const v = Ka(o, { fromTimezone: u, toTimezone: d });
+    if (!v) {
+      t.textContent = b;
       return;
     }
-    const C = zo(x, i, { locale: p }), g = document.createElement("span");
-    g.textContent = C, t.appendChild(g);
-  } catch (x) {
-    console.error("Error formatting datetime:", x, { value: a, format: i }), t.textContent = a;
+    const x = Ua(v, i, { locale: p }), h = document.createElement("span");
+    h.textContent = x, t.appendChild(h);
+  } catch (v) {
+    console.error("Error formatting datetime:", v, { value: o, format: i }), t.textContent = o;
   }
-}, No = /* @__PURE__ */ new Map(), K = (e, s) => {
-  ps(e, (t, o, l, n, a, c, r) => {
-    fs.apply(null, [t, o, l, n, a, c, r]), s(t, o, l, n, a, c, r);
-  }), No.set(e, s);
-}, Zo = (e) => {
-  K("spark.actions", Co(e)), K("spark.badge", $o()), K("spark.boolean", Po()), K("spark.currency", Mo()), K("spark.link", Ho()), K("spark.image", Vo()), K("spark.date", Ro()), K("spark.datetime", Io()), K("style.capitalize", (s, t, o, l, n, a) => {
-    if (!a || a.length === 0) {
+}, Wa = /* @__PURE__ */ new Map(), G = (e, s) => {
+  ps(e, (t, a, l, n, o, c, r) => {
+    fs.apply(null, [t, a, l, n, o, c, r]), s(t, a, l, n, o, c, r);
+  }), Wa.set(e, s);
+}, Ya = (e) => {
+  G("spark.actions", Va(e)), G("spark.badge", Ha()), G("spark.boolean", Fa()), G("spark.currency", Oa()), G("spark.link", Aa()), G("spark.image", Ba()), G("spark.date", Da()), G("spark.datetime", Ga()), G("style.capitalize", (s, t, a, l, n, o) => {
+    if (!o || o.length === 0) {
       t.innerText = "";
       return;
     }
     const c = document.createElement("span");
-    c.innerHTML = a, c.classList.add("capitalize"), t.replaceChildren(c);
+    c.innerHTML = o, c.classList.add("capitalize"), t.replaceChildren(c);
   });
-}, qo = () => {
-}, Uo = (e, s = {}) => {
-  const t = W(), o = le(), l = s.namespace, n = l === null, a = s.syncToRoute !== !1, c = s.persistToStorage === !0, r = s.restoreOnMount !== !1, i = s.storageTTL || 7, u = n ? `spark-table:${o.path}` : `spark-table:${l}`, d = (y, S = "") => {
-    const P = {};
+}, Xa = () => {
+}, Ja = (e, s = {}) => {
+  const t = Y(), a = te(), l = s.namespace, n = l === null, o = s.syncToRoute !== !1, c = s.persistToStorage === !0, r = s.restoreOnMount !== !1, i = s.storageTTL || 7, u = n ? `spark-table:${a.path}` : `spark-table:${l}`, d = (y, _ = "") => {
+    const L = {};
     return Object.keys(y).forEach((D) => {
-      const X = y[D], de = S ? `${S}[${D}]` : D;
-      X != null && (typeof X == "object" && !Array.isArray(X) ? Object.assign(P, d(X, de)) : P[de] = String(X));
-    }), P;
+      const J = y[D], de = _ ? `${_}[${D}]` : D;
+      J != null && (typeof J == "object" && !Array.isArray(J) ? Object.assign(L, d(J, de)) : L[de] = String(J));
+    }), L;
   }, p = () => {
     if (c)
       try {
@@ -1880,99 +2085,99 @@ const Ao = (e) => {
       } catch (y) {
         console.warn("Failed to save table state to localStorage:", y);
       }
-  }, v = () => {
+  }, b = () => {
     if (!c) return null;
     try {
       const y = localStorage.getItem(u);
       if (!y) return null;
-      const S = JSON.parse(y);
+      const _ = JSON.parse(y);
       if (i > 0) {
-        const P = Date.now() - S.timestamp, D = i * 24 * 60 * 60 * 1e3;
-        if (P > D)
+        const L = Date.now() - _.timestamp, D = i * 24 * 60 * 60 * 1e3;
+        if (L > D)
           return localStorage.removeItem(u), null;
       }
-      return S.params;
+      return _.params;
     } catch (y) {
       return console.warn("Failed to load table state from localStorage:", y), null;
     }
-  }, x = () => {
+  }, v = () => {
     try {
       localStorage.removeItem(u);
     } catch (y) {
       console.warn("Failed to clear table state from localStorage:", y);
     }
-  }, C = () => {
-    if (!a) return;
-    const y = { ...o.query };
+  }, x = () => {
+    if (!o) return;
+    const y = { ...a.query };
     if (n) {
-      Object.keys(y).forEach((P) => {
-        g(P) && delete y[P];
+      Object.keys(y).forEach((L) => {
+        h(L) && delete y[L];
       });
-      const S = d(e.params);
-      Object.assign(y, S);
+      const _ = d(e.params);
+      Object.assign(y, _);
     } else {
-      Object.keys(y).forEach((P) => {
-        (P.startsWith(`${l}[`) || P === l) && delete y[P];
+      Object.keys(y).forEach((L) => {
+        (L.startsWith(`${l}[`) || L === l) && delete y[L];
       });
-      const S = d(e.params, l);
-      Object.assign(y, S);
+      const _ = d(e.params, l);
+      Object.assign(y, _);
     }
     t.replace({ query: y });
-  }, g = (y) => !!(["page", "limit", "search", "orderBy", "sortedBy"].includes(y) || y.includes("[")), w = (y, S) => {
-    if (["page", "limit"].includes(y) && S !== null && S !== void 0) {
-      const D = parseInt(S, 10);
-      return isNaN(D) ? S : D;
+  }, h = (y) => !!(["page", "limit", "search", "orderBy", "sortedBy"].includes(y) || y.includes("[")), w = (y, _) => {
+    if (["page", "limit"].includes(y) && _ !== null && _ !== void 0) {
+      const D = parseInt(_, 10);
+      return isNaN(D) ? _ : D;
     }
-    return S;
-  }, _ = () => {
+    return _;
+  }, C = () => {
     if (n)
-      Object.keys(o.query).forEach((y) => {
-        g(y) && (e.params[y] = w(y, o.query[y]));
+      Object.keys(a.query).forEach((y) => {
+        h(y) && (e.params[y] = w(y, a.query[y]));
       });
     else {
       const y = `${l}[`;
-      Object.keys(o.query).forEach((S) => {
-        if (S.startsWith(y)) {
-          const P = S.slice(y.length, -1);
-          e.params[P] = w(P, o.query[S]);
+      Object.keys(a.query).forEach((_) => {
+        if (_.startsWith(y)) {
+          const L = _.slice(y.length, -1);
+          e.params[L] = w(L, a.query[_]);
         }
       });
     }
   };
-  return I(
+  return z(
     () => e.params,
     () => {
-      a && C(), c && p();
+      o && x(), c && p();
     },
     { deep: !0 }
-  ), r && _e(() => {
+  ), r && he(() => {
     let y = !1;
-    if (a) {
-      let S = !1;
+    if (o) {
+      let _ = !1;
       if (n)
-        S = Object.keys(o.query).some((P) => g(P));
+        _ = Object.keys(a.query).some((L) => h(L));
       else {
-        const P = `${l}[`;
-        S = Object.keys(o.query).some(
-          (D) => D.startsWith(P)
+        const L = `${l}[`;
+        _ = Object.keys(a.query).some(
+          (D) => D.startsWith(L)
         );
       }
-      S && (y = !0, _());
+      _ && (y = !0, C());
     }
     if (!y && c) {
-      const S = v();
-      S && Object.keys(S).length > 0 && (Object.keys(S).forEach((P) => {
-        S[P] = w(P, S[P]);
-      }), Object.assign(e.params, S));
+      const _ = b();
+      _ && Object.keys(_).length > 0 && (Object.keys(_).forEach((L) => {
+        _[L] = w(L, _[L]);
+      }), Object.assign(e.params, _));
     }
   }), {
-    syncToRoute: C,
-    restoreFromRoute: _,
+    syncToRoute: x,
+    restoreFromRoute: C,
     saveToStorage: p,
-    loadFromStorage: v,
-    clearStorage: x
+    loadFromStorage: b,
+    clearStorage: v
   };
-}, Ko = { class: "flex items-center gap-4 py-3" }, Go = { class: "shrink-0" }, Wo = { class: "text-sm text-gray-700" }, Yo = { class: "font-medium" }, Xo = { class: "font-medium" }, Jo = { class: "font-medium" }, Qo = {
+}, Qa = { class: "flex items-center gap-4 py-3" }, eo = { class: "shrink-0" }, to = { class: "text-sm text-gray-700" }, so = { class: "font-medium" }, ao = { class: "font-medium" }, oo = { class: "font-medium" }, ro = {
   __name: "SparkTablePaginationDetails",
   props: {
     sparkTable: {
@@ -1982,29 +2187,29 @@ const Ao = (e) => {
   },
   setup(e) {
     const s = e;
-    return (t, o) => (m(), h("div", null, [
-      f("div", Ko, [
-        f("div", Go, [
-          f("div", Wo, [
-            o[0] || (o[0] = F(" Showing ", -1)),
-            f("span", Yo, M(s.sparkTable.response.meta.from), 1),
-            o[1] || (o[1] = F(" to ", -1)),
-            f("span", Xo, M(s.sparkTable.response.meta.to), 1),
-            o[2] || (o[2] = F(" of ", -1)),
-            f("span", Jo, M(s.sparkTable.response.meta.total), 1),
-            o[3] || (o[3] = F(" results ", -1))
+    return (t, a) => (m(), g("div", null, [
+      f("div", Qa, [
+        f("div", eo, [
+          f("div", to, [
+            a[0] || (a[0] = A(" Showing ", -1)),
+            f("span", so, M(s.sparkTable.response.meta.from), 1),
+            a[1] || (a[1] = A(" to ", -1)),
+            f("span", ao, M(s.sparkTable.response.meta.to), 1),
+            a[2] || (a[2] = A(" of ", -1)),
+            f("span", oo, M(s.sparkTable.response.meta.total), 1),
+            a[3] || (a[3] = A(" results ", -1))
           ])
         ])
       ])
     ]));
   }
-}, ea = { class: "flex items-center gap-4 px-4 py-3" }, ta = {
+}, no = { class: "flex items-center gap-4 px-4 py-3" }, lo = {
   key: 0,
   class: "shrink-0 ml-auto"
-}, sa = {
+}, io = {
   class: "isolate inline-flex -space-x-px rounded-md shadow-xs bg-white",
   "aria-label": "Pagination"
-}, oa = ["onClick"], aa = {
+}, co = ["onClick"], uo = {
   __name: "SparkTablePaginationPaging",
   props: {
     sparkTable: {
@@ -2014,67 +2219,67 @@ const Ao = (e) => {
   },
   emits: ["paginate"],
   setup(e, { emit: s }) {
-    const t = e, o = s, l = (u) => {
+    const t = e, a = s, l = (u) => {
       n(t.sparkTable.params.page + u);
     }, n = (u) => {
-      u < 1 || u > t.sparkTable.response.meta.last_page || o("paginate", {
+      u < 1 || u > t.sparkTable.response.meta.last_page || a("paginate", {
         page: u
       });
-    }, a = $(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), c = $(() => t.sparkTable.computed.ready ? os(
-      Math.floor((a.value - 1) / 10) * 10 + 1,
-      a.value > t.sparkTable.response.meta.last_page ? t.sparkTable.response.meta.last_page + 1 : a.value + 1
+    }, o = $(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), c = $(() => t.sparkTable.computed.ready ? as(
+      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 = $(
-      () => t.sparkTable.params.page < J(t.sparkTable.response.meta, "last_page", 1)
+      () => t.sparkTable.params.page < Q(t.sparkTable.response.meta, "last_page", 1)
     ), i = $(() => t.sparkTable.params.page > 1);
     return (u, d) => {
-      const p = O("font-awesome-icon");
-      return m(), h("div", null, [
-        f("div", ea, [
-          c.value.length > 1 ? (m(), h("div", ta, [
+      const p = F("font-awesome-icon");
+      return m(), g("div", null, [
+        f("div", no, [
+          c.value.length > 1 ? (m(), g("div", lo, [
             f("div", null, [
-              f("nav", sa, [
+              f("nav", io, [
                 f("a", {
-                  class: H([i.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"]),
+                  class: V([i.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: d[0] || (d[0] = ee((v) => l(-1), ["prevent"]))
+                  onClick: d[0] || (d[0] = U((b) => l(-1), ["prevent"]))
                 }, [
-                  b(p, {
-                    icon: k(A).farChevronLeft,
+                  k(p, {
+                    icon: S(O).farChevronLeft,
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ], 2),
-                (m(!0), h(R, null, z(c.value, (v) => (m(), h("a", {
-                  key: `page-${v}`,
+                (m(!0), g(E, null, I(c.value, (b) => (m(), g("a", {
+                  key: `page-${b}`,
                   href: "#",
-                  class: H([
+                  class: V([
                     "relative inline-flex items-center px-4 py-[9px] text-sm font-semibold ring-1 ring-inset",
-                    e.sparkTable.params.page === v ? "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 === b ? "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: (x) => n(v)
-                }, M(v), 11, oa))), 128)),
+                  onClick: (v) => n(b)
+                }, M(b), 11, co))), 128)),
                 f("a", {
-                  class: H([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: d[1] || (d[1] = ee((v) => l(1), ["prevent"])),
+                  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: d[1] || (d[1] = U((b) => l(1), ["prevent"])),
                   href: "#"
                 }, [
-                  b(p, {
-                    icon: k(A).farChevronRight,
+                  k(p, {
+                    icon: S(O).farChevronRight,
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ], 2)
               ])
             ])
-          ])) : L("", !0)
+          ])) : T("", !0)
         ])
       ]);
     };
   }
-}, te = (e, s) => {
+}, se = (e, s) => {
   const t = e.__vccOpts || e;
-  for (const [o, l] of s)
-    t[o] = l;
+  for (const [a, l] of s)
+    t[a] = l;
   return t;
-}, ra = { class: "spark-table-pagination-per-page" }, na = {
+}, po = { class: "spark-table-pagination-per-page" }, fo = {
   __name: "SparkTablePaginationPerPage",
   props: {
     sparkTable: {
@@ -2084,19 +2289,19 @@ const Ao = (e) => {
   },
   emits: ["paginate"],
   setup(e, { emit: s }) {
-    const t = e, o = s, l = $(() => t.sparkTable.options.perPages.map((a) => ({
-      label: String(a),
-      value: a
-    }))), n = (a) => {
-      o("paginate", {
+    const t = e, a = s, l = $(() => t.sparkTable.options.perPages.map((o) => ({
+      label: String(o),
+      value: o
+    }))), n = (o) => {
+      a("paginate", {
         page: 1,
-        limit: parseInt(a)
+        limit: parseInt(o)
       });
     };
-    return (a, c) => {
-      const r = O("FormKit");
-      return m(), h("div", ra, [
-        b(r, {
+    return (o, c) => {
+      const r = F("FormKit");
+      return m(), g("div", po, [
+        k(r, {
           "model-value": e.sparkTable.params.limit,
           type: "select",
           options: l.value,
@@ -2108,7 +2313,7 @@ const Ao = (e) => {
       ]);
     };
   }
-}, la = /* @__PURE__ */ te(na, [["__scopeId", "data-v-9ef8544b"]]), Ve = {
+}, mo = /* @__PURE__ */ se(fo, [["__scopeId", "data-v-9ef8544b"]]), Re = {
   __name: "SparkTableToolbar",
   props: {
     position: {
@@ -2118,18 +2323,18 @@ const Ao = (e) => {
     }
   },
   setup(e) {
-    const s = e, t = Be(), o = $(() => !!t.default), l = $(() => {
+    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`;
     });
-    return (n, a) => o.value ? (m(), h("div", {
+    return (n, o) => a.value ? (m(), g("div", {
       key: 0,
-      class: H(l.value)
+      class: V(l.value)
     }, [
       B(n.$slots, "default")
-    ], 2)) : L("", !0);
+    ], 2)) : T("", !0);
   }
-}, ia = { class: "spark-table-search" }, ca = {
+}, ho = { class: "spark-table-search" }, go = {
   __name: "SparkTableSearch",
   props: {
     /** SparkTable instance object */
@@ -2148,33 +2353,33 @@ const Ao = (e) => {
     }
   },
   setup(e) {
-    const s = e, t = E(""), o = s.config.param || "search";
-    s.sparkTable.params[o] ? t.value = s.sparkTable.params[o] : s.config.initialValue && (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
-      [o]: s.config.initialValue
+    const s = e, t = R(""), a = s.config.param || "search";
+    s.sparkTable.params[a] ? t.value = s.sparkTable.params[a] : s.config.initialValue && (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
+      [a]: s.config.initialValue
     }));
-    const l = at((a) => {
-      a ? s.sparkTable.methods.applyParams({
+    const l = ot((o) => {
+      o ? s.sparkTable.methods.applyParams({
         page: 1,
-        [o]: a
-      }) : s.sparkTable.methods.removeParam(o);
+        [a]: o
+      }) : s.sparkTable.methods.removeParam(a);
     }, s.config.debounce || 300);
-    I(t, (a) => {
-      l(a);
+    z(t, (o) => {
+      l(o);
     });
     const n = s.config.placeholder || "Search...";
-    return I(
-      () => s.sparkTable.params[o],
-      (a) => {
-        a && a !== t.value ? t.value = a : !a && t.value && (t.value = "");
+    return z(
+      () => s.sparkTable.params[a],
+      (o) => {
+        o && o !== t.value ? t.value = o : !o && t.value && (t.value = "");
       }
-    ), (a, c) => {
-      const r = O("FormKit");
-      return m(), h("div", ia, [
-        b(r, Z({
+    ), (o, c) => {
+      const r = F("FormKit");
+      return m(), g("div", ho, [
+        k(r, q({
           modelValue: t.value,
           "onUpdate:modelValue": c[0] || (c[0] = (i) => t.value = i),
           type: "text",
-          placeholder: k(n),
+          placeholder: S(n),
           suffixIcon: "search",
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0",
@@ -2183,7 +2388,7 @@ const Ao = (e) => {
       ]);
     };
   }
-}, ua = /* @__PURE__ */ te(ca, [["__scopeId", "data-v-976170dc"]]), da = { class: "spark-table-filter-select" }, pa = {
+}, yo = /* @__PURE__ */ se(go, [["__scopeId", "data-v-976170dc"]]), vo = { class: "spark-table-filter-select" }, bo = {
   __name: "SparkTableFilterSelect",
   props: {
     /** SparkTable instance object */
@@ -2199,32 +2404,32 @@ const Ao = (e) => {
     }
   },
   setup(e) {
-    const s = e, t = E(""), o = s.config.param || `filter[${s.config.key}]`;
-    s.sparkTable.params[o] ? t.value = s.sparkTable.params[o] : s.config.initialValue !== void 0 && s.config.initialValue !== null && (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
-      [o]: s.config.initialValue
+    const s = e, t = R(""), a = s.config.param || `filter[${s.config.key}]`;
+    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 = $(() => [
       { label: s.config.placeholder || "All", value: "" },
       ...s.config.options
     ]);
-    return I(t, (a) => {
-      a ? s.sparkTable.methods.applyParams({
+    return z(t, (o) => {
+      o ? s.sparkTable.methods.applyParams({
         page: 1,
-        [o]: a
-      }) : s.sparkTable.methods.removeParam(o);
-    }), I(
-      () => s.sparkTable.params[o],
-      (a) => {
-        a != null && a !== "" ? t.value !== a && (t.value = a) : t.value && (t.value = "");
+        [a]: o
+      }) : s.sparkTable.methods.removeParam(a);
+    }), z(
+      () => s.sparkTable.params[a],
+      (o) => {
+        o != null && o !== "" ? t.value !== o && (t.value = o) : t.value && (t.value = "");
       }
-    ), (a, c) => {
-      const r = O("FormKit");
-      return m(), h("div", da, [
-        b(r, Z({
+    ), (o, c) => {
+      const r = F("FormKit");
+      return m(), g("div", vo, [
+        k(r, q({
           modelValue: t.value,
           "onUpdate:modelValue": c[0] || (c[0] = (i) => t.value = i),
           type: "select",
-          label: k(l),
+          label: S(l),
           options: n.value,
           placeholder: e.config.placeholder || "All",
           "outer-class": "!mb-0",
@@ -2233,10 +2438,10 @@ const Ao = (e) => {
       ]);
     };
   }
-}, fa = /* @__PURE__ */ te(pa, [["__scopeId", "data-v-642dbc69"]]), ma = { class: "spark-table-filter-buttons" }, ha = {
+}, xo = /* @__PURE__ */ se(bo, [["__scopeId", "data-v-642dbc69"]]), ko = { class: "spark-table-filter-buttons" }, wo = {
   key: 0,
   class: "spark-table-filter-buttons-label"
-}, ga = {
+}, _o = {
   __name: "SparkTableFilterButtons",
   props: {
     /** SparkTable instance object */
@@ -2252,34 +2457,34 @@ const Ao = (e) => {
     }
   },
   setup(e) {
-    const s = e, t = E(null), o = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`;
+    const s = e, t = R(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`;
     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 = (c) => c == null ? t.value === null || t.value === void 0 || t.value === "" : t.value === c, a = (c) => {
+    const n = (c) => c == null ? t.value === null || t.value === void 0 || t.value === "" : t.value === c, o = (c) => {
       t.value = c, c == null || c === "" ? s.sparkTable.methods.removeParam(l) : s.sparkTable.methods.applyParams({
         page: 1,
         [l]: c
       });
     };
-    return I(
+    return z(
       () => s.sparkTable.params[l],
       (c) => {
         (c == null || c === "") && t.value ? t.value = null : c !== t.value && (t.value = c);
       }
-    ), (c, r) => (m(), h("div", ma, [
-      k(o) ? (m(), h("span", ha, M(k(o)), 1)) : L("", !0),
-      b(no, { class: "isolate" }, {
-        default: T(() => [
-          (m(!0), h(R, null, z(e.config.options, (i) => (m(), V(Y, {
+    ), (c, r) => (m(), g("div", ko, [
+      S(a) ? (m(), g("span", wo, M(S(a)), 1)) : T("", !0),
+      k(na, { class: "isolate" }, {
+        default: P(() => [
+          (m(!0), g(E, null, I(e.config.options, (i) => (m(), H(X, {
             key: i.value,
             size: "xl",
             "button-class": "px-3.5",
             variant: n(i.value) ? "primary" : "secondary",
-            onClick: (u) => a(i.value)
+            onClick: (u) => o(i.value)
           }, {
-            default: T(() => [
-              F(M(i.label), 1)
+            default: P(() => [
+              A(M(i.label), 1)
             ]),
             _: 2
           }, 1032, ["variant", "onClick"]))), 128))
@@ -2288,7 +2493,7 @@ const Ao = (e) => {
       })
     ]));
   }
-}, ya = /* @__PURE__ */ te(ga, [["__scopeId", "data-v-01a49899"]]), va = { class: "spark-table-date-picker" }, ba = {
+}, So = /* @__PURE__ */ se(_o, [["__scopeId", "data-v-01a49899"]]), Co = { class: "spark-table-date-picker" }, $o = {
   __name: "SparkTableDatePicker",
   props: {
     /** SparkTable instance object */
@@ -2304,33 +2509,33 @@ const Ao = (e) => {
     }
   },
   setup(e) {
-    const s = e, t = E(null), o = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`, n = E(`${l}-0`);
+    const s = e, t = R(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`, n = 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, I(t, (a) => {
-      a ? s.sparkTable.methods.applyParams({
+    })) : t.value = null, z(t, (o) => {
+      o ? s.sparkTable.methods.applyParams({
         page: 1,
-        [l]: a
+        [l]: o
       }) : s.sparkTable.methods.removeParam(l);
-    }), I(
+    }), z(
       () => s.sparkTable.params[l],
-      (a) => {
-        if ((a == null || a === "") && t.value) {
+      (o) => {
+        if ((o == null || o === "") && t.value) {
           t.value = null;
           const c = parseInt(n.value.split("-").pop()) || 0;
           n.value = `${l}-${c + 1}`;
-        } else a && a !== t.value && (t.value = a);
+        } else o && o !== t.value && (t.value = o);
       }
-    ), (a, c) => {
-      const r = O("FormKit");
-      return m(), h("div", va, [
-        (m(), V(r, Z({
+    ), (o, c) => {
+      const r = F("FormKit");
+      return m(), g("div", Co, [
+        (m(), H(r, q({
           key: n.value,
           modelValue: t.value,
           "onUpdate:modelValue": c[0] || (c[0] = (i) => t.value = i),
           type: "datepicker",
           "picker-only": "",
-          label: k(o),
+          label: S(a),
           placeholder: e.config.placeholder || "Select date",
           overlay: !0,
           "value-format": "YYYY-MM-DD",
@@ -2341,7 +2546,7 @@ const Ao = (e) => {
       ]);
     };
   }
-}, xa = /* @__PURE__ */ te(ba, [["__scopeId", "data-v-44ef9cb8"]]), ka = { class: "spark-table-reset" }, wa = { key: 1 }, _a = {
+}, To = /* @__PURE__ */ se($o, [["__scopeId", "data-v-44ef9cb8"]]), Po = { class: "spark-table-reset" }, Lo = { key: 1 }, Mo = {
   __name: "SparkTableReset",
   props: {
     /** SparkTable instance object */
@@ -2357,61 +2562,61 @@ const Ao = (e) => {
   },
   setup(e) {
     const s = e, t = () => {
-      const o = s.sparkTable.plugins || {}, l = [], n = {};
-      Object.entries(o).forEach(([i, u]) => {
+      const a = s.sparkTable.plugins || {}, l = [], n = {};
+      Object.entries(a).forEach(([i, u]) => {
         if (!u || u.type === "reset" || !(typeof u.enabled == "function" ? u.enabled(s.sparkTable.params) : u.enabled))
           return;
         let p = null;
         u.type === "search" ? p = u.param || "search" : u.type === "filterSelect" || u.type === "filterButtons" ? p = u.param || `filter[${u.key}]` : u.type === "datePicker" && (p = u.param || `filter[${u.key}]`), p && (u.initialValue !== void 0 && u.initialValue !== null ? n[p] = u.initialValue : l.push(p));
       });
-      const a = l.filter(
+      const o = l.filter(
         (i) => s.sparkTable.params[i] !== void 0 && s.sparkTable.params[i] !== null && s.sparkTable.params[i] !== ""
       ), c = Object.entries(n).filter(
         ([i, u]) => s.sparkTable.params[i] !== u
       );
-      if (a.length === 0 && c.length === 0)
+      if (o.length === 0 && c.length === 0)
         return;
-      a.forEach((i) => {
+      o.forEach((i) => {
         delete s.sparkTable.params[i];
       });
       const r = Object.fromEntries(c);
       s.sparkTable.methods.applyParams({ ...r, page: 1 });
     };
-    return (o, l) => {
-      const n = O("font-awesome-icon");
-      return m(), h("div", ka, [
-        b(Y, {
+    return (a, l) => {
+      const n = F("font-awesome-icon");
+      return m(), g("div", Po, [
+        k(X, {
           onClick: t,
           variant: "secondary",
           "button-class": "px-3.5",
           size: "xl"
         }, {
-          default: T(() => [
-            e.config.icon ? (m(), V(n, {
+          default: P(() => [
+            e.config.icon ? (m(), H(n, {
               key: 0,
               icon: ["far", e.config.icon],
-              class: H({ "mr-1.5": e.config.label })
-            }, null, 8, ["icon", "class"])) : L("", !0),
-            e.config.label ? (m(), h("span", wa, M(e.config.label), 1)) : L("", !0)
+              class: V({ "mr-1.5": e.config.label })
+            }, null, 8, ["icon", "class"])) : T("", !0),
+            e.config.label ? (m(), g("span", Lo, M(e.config.label), 1)) : T("", !0)
           ]),
           _: 1
         })
       ]);
     };
   }
-}, Sa = /* @__PURE__ */ te(_a, [["__scopeId", "data-v-0894e3bf"]]), Ca = { class: "spark-table" }, $a = {
+}, Vo = /* @__PURE__ */ se(Mo, [["__scopeId", "data-v-0894e3bf"]]), Ho = { class: "spark-table" }, Ro = {
   key: 1,
   class: "pt-5"
-}, Ta = {
+}, Fo = {
   key: 2,
   class: "flex flex-col items-center justify-center py-16 text-gray-500 rounded-md border border-gray-300 bg-white"
-}, Pa = { class: "flex items-center gap-x-3 ml-auto" }, we = {
+}, Eo = { class: "flex items-center gap-x-3 ml-auto" }, _e = {
   perPages: [15, 30, 50, 100, 200, 500],
   limit: 15
-}, La = {
+}, Oo = {
   page: 1,
-  limit: we.limit
-}, Re = {
+  limit: _e.limit
+}, Fe = {
   colHeaders: !0,
   filters: !1,
   stretchH: "all",
@@ -2421,7 +2626,7 @@ const Ao = (e) => {
   tableClassName: "spark-table-table",
   readOnlyCellClassName: "read-only",
   licenseKey: "non-commercial-and-evaluation"
-}, On = {
+}, qn = {
   __name: "SparkTable",
   props: {
     url: {
@@ -2433,7 +2638,7 @@ const Ao = (e) => {
     dataTransformer: {
       type: Function,
       default: (e, s) => ({
-        data: J(s.settings, "nestedHeaders") ? e.data.data.map((o) => (s.settings.columnKeys || []).map((n) => o[n])) : e.data.data,
+        data: Q(s.settings, "nestedHeaders") ? e.data.data.map((a) => (s.settings.columnKeys || []).map((n) => a[n])) : e.data.data,
         meta: {
           last_page: e.data.last_page,
           from: e.data.from,
@@ -2445,19 +2650,19 @@ const Ao = (e) => {
     params: {
       type: Object,
       default() {
-        return La;
+        return Oo;
       }
     },
     options: {
       type: Object,
       default() {
-        return we;
+        return _e;
       }
     },
     settings: {
       type: Object,
       default() {
-        return Re;
+        return Fe;
       }
     },
     plugins: {
@@ -2485,260 +2690,260 @@ const Ao = (e) => {
     "page-change"
   ],
   setup(e, { expose: s, emit: t }) {
-    const o = e;
-    ds(), pe(ls), pe(is), pe(cs), J(o, "settings.nestedHeaders") && pe(us);
-    const l = t, n = Fe("axios"), a = E(null), c = E(!1), r = E(null);
+    const a = e;
+    ds(), pe(ls), pe(is), pe(cs), Q(a, "settings.nestedHeaders") && pe(us);
+    const l = t, n = Se("axios"), o = R(null), c = R(!1), r = R(null);
     let i = !1;
     const u = {
-      search: ua,
-      filterSelect: fa,
-      filterButtons: ya,
-      datePicker: xa,
-      reset: Sa
-    }, d = U({
+      search: yo,
+      filterSelect: xo,
+      filterButtons: So,
+      datePicker: To,
+      reset: Vo
+    }, d = K({
       hotInstance: null,
-      url: $(() => o.url),
-      plugins: o.plugins,
+      url: $(() => a.url),
+      plugins: a.plugins,
       response: {},
       params: {
         page: 1,
-        limit: o.options.limit
+        limit: a.options.limit
       },
       methods: {
-        applyParams: (g) => {
-          g && (d.params = {
+        applyParams: (h) => {
+          h && (d.params = {
             ...d.params,
-            ...g
+            ...h
           }, l("page-change", d.params));
         },
-        removeParam: async (g) => {
-          d.params[g] && (delete d.params[g], await d.methods.loadTable());
+        removeParam: async (h) => {
+          d.params[h] && (delete d.params[h], await d.methods.loadTable());
         },
-        loadTable: async (g) => {
-          if (!(!a.value || !a.value.hotInstance)) {
-            c.value = !0, r.value = null, l("loading", !0), he.start(), d.hotInstance = a.value.hotInstance;
+        loadTable: async (h) => {
+          if (!(!o.value || !o.value.hotInstance)) {
+            c.value = !0, r.value = null, l("loading", !0), ge.start(), d.hotInstance = o.value.hotInstance;
             try {
-              if (o.dataProvider) {
-                const y = await o.dataProvider(d.computed.params);
-                d.response = o.dataTransformer(y, o);
-              } else if (o.url) {
-                const y = await n.get(o.url, {
+              if (a.dataProvider) {
+                const y = await a.dataProvider(d.computed.params);
+                d.response = a.dataTransformer(y, a);
+              } else if (a.url) {
+                const y = await n.get(a.url, {
                   params: d.computed.params
                 });
-                d.response = o.dataTransformer(y, o);
+                d.response = a.dataTransformer(y, a);
               } else {
-                console.error("No data provider or URL provided"), c.value = !1, l("loading", !1), he.done();
+                console.error("No data provider or URL provided"), c.value = !1, l("loading", !1), ge.done();
                 return;
               }
               if (i) return;
               d.hotInstance.updateData(d.response.data), d.options.callback && typeof d.options.callback == "function" && await d.options.callback();
               const w = d.hotInstance.getPlugin("autoColumnSize");
-              J(o.settings, "columns", []).forEach((y, S) => {
-                y.width || w.calculateColumnsWidth(S, S, !0);
+              Q(a.settings, "columns", []).forEach((y, _) => {
+                y.width || w.calculateColumnsWidth(_, _, !0);
               }), l("load", {
                 data: d.response.data,
                 meta: d.response.meta
-              }), g && typeof g == "function" && g();
+              }), h && typeof h == "function" && h();
             } catch (w) {
               r.value = w, l("error", w), console.error("Error loading table data:", w);
             } finally {
-              c.value = !1, l("loading", !1), he.done();
+              c.value = !1, l("loading", !1), ge.done();
             }
           }
         },
         // can't use sparkTable.hotInstance here because the ref isn't ready
-        colToProp: (g) => a.value.hotInstance.colToProp(g),
-        fireEvent: (g, w) => {
-          l(g, w);
+        colToProp: (h) => o.value.hotInstance.colToProp(h),
+        fireEvent: (h, w) => {
+          l(h, w);
         },
-        getSettingsForProp: (g) => as(J(d.tableSettings, "columns"), { data: g }),
+        getSettingsForProp: (h) => os(Q(d.tableSettings, "columns"), { data: h }),
         // Helper methods for easier param access
         getParams: () => d.computed.params,
-        getParam: (g) => d.computed.params[g],
-        setParam: (g, w) => {
-          d.methods.applyParams({ [g]: w });
+        getParam: (h) => d.computed.params[h],
+        setParam: (h, w) => {
+          d.methods.applyParams({ [h]: w });
         },
-        clearParam: (g) => d.methods.removeParam(g),
-        clearParams: (g) => {
-          (Array.isArray(g) ? g : [g]).forEach((_) => {
-            d.params[_] !== void 0 && delete d.params[_];
+        clearParam: (h) => d.methods.removeParam(h),
+        clearParams: (h) => {
+          (Array.isArray(h) ? h : [h]).forEach((C) => {
+            d.params[C] !== void 0 && delete d.params[C];
           }), d.methods.applyParams({ page: 1 });
         }
       },
       computed: {
         params: $(() => ({
-          ...o.params,
+          ...a.params,
           ...d.params
         })),
         ready: $(() => rs(d, "response.meta.last_page"))
       },
       options: $(() => ({
-        ...we,
-        ...o.options
+        ..._e,
+        ...a.options
       })),
       tableSettings: $(() => ({
-        ...Re,
-        nestedHeaders: J(o.settings, "nestedHeaders", []),
-        ...!J(o.settings, "nestedHeaders") && {
-          afterGetColHeader: (g, w) => _o(g, w, d)
+        ...Fe,
+        nestedHeaders: Q(a.settings, "nestedHeaders", []),
+        ...!Q(a.settings, "nestedHeaders") && {
+          afterGetColHeader: (h, w) => La(h, w, d)
         },
-        afterChange: (g, w) => qo(),
-        afterRender: () => So(d),
+        afterChange: (h, w) => Xa(),
+        afterRender: () => Ma(d),
         /**
          * Prevent columns with explicit width from being stretched
          * This hook fires BEFORE stretchH is applied, allowing us to cap specific columns
          * while letting others stretch normally
          */
-        beforeStretchingColumnWidth: (g, w) => {
-          const y = J(o.settings, "columns", [])[w];
-          return y && y.width !== void 0 ? y.width : g;
+        beforeStretchingColumnWidth: (h, w) => {
+          const y = Q(a.settings, "columns", [])[w];
+          return y && y.width !== void 0 ? y.width : h;
         },
         /**
          * Copy displayed cell content instead of raw data values
          * This ensures custom renderers copy their visual output, not the underlying data
          */
-        beforeCopy: (g, w) => {
-          const _ = a.value?.hotInstance;
-          _ && w.forEach((y) => {
-            for (let S = y.startRow; S <= y.endRow; S++)
-              for (let P = y.startCol; P <= y.endCol; P++) {
-                const D = _.getCell(S, P);
+        beforeCopy: (h, w) => {
+          const C = o.value?.hotInstance;
+          C && w.forEach((y) => {
+            for (let _ = y.startRow; _ <= y.endRow; _++)
+              for (let L = y.startCol; L <= y.endCol; L++) {
+                const D = C.getCell(_, L);
                 if (D) {
-                  const X = S - w[0].startRow, de = P - w[0].startCol;
-                  g[X][de] = D.dataset.copyValue ?? D.textContent ?? "";
+                  const J = _ - w[0].startRow, de = L - w[0].startCol;
+                  h[J][de] = D.dataset.copyValue ?? D.textContent ?? "";
                 }
               }
           });
         },
-        ...o.settings
+        ...a.settings
       }))
     }), p = $(
       () => d.computed.ready && d.response.data?.length === 0
-    ), v = (g) => {
-      if (!g) return null;
-      switch (g.type) {
+    ), b = (h) => {
+      if (!h) return null;
+      switch (h.type) {
         case "search":
-          return g.param || "search";
+          return h.param || "search";
         case "filterSelect":
         case "filterButtons":
         case "datePicker":
-          return g.param || `filter[${g.key}]`;
+          return h.param || `filter[${h.key}]`;
         default:
           return null;
       }
-    }, x = (g) => g ? typeof g.enabled == "function" ? g.enabled(d.params) : g.enabled : !1, C = $(() => Object.entries(o.plugins).filter(([g, w]) => x(w)).map(([g, w]) => ({ name: g, config: w })));
-    if (I(
+    }, v = (h) => h ? typeof h.enabled == "function" ? h.enabled(d.params) : h.enabled : !1, x = $(() => Object.entries(a.plugins).filter(([h, w]) => v(w)).map(([h, w]) => ({ name: h, config: w })));
+    if (z(
       () => ({ ...d.params }),
       () => {
-        const g = [];
-        Object.values(o.plugins).forEach((w) => {
-          const _ = v(w);
-          if (!_) return;
-          const y = x(w), S = d.params[_] !== void 0;
-          !y && S && g.push(_);
-        }), g.length > 0 && g.forEach((w) => {
+        const h = [];
+        Object.values(a.plugins).forEach((w) => {
+          const C = b(w);
+          if (!C) return;
+          const y = v(w), _ = d.params[C] !== void 0;
+          !y && _ && h.push(C);
+        }), h.length > 0 && h.forEach((w) => {
           delete d.params[w];
         });
       },
       { deep: !0, flush: "sync" }
-    ), o.syncToRoute || o.persistToStorage) {
-      const g = typeof o.syncToRoute == "string";
-      Uo(d, {
-        namespace: g ? o.syncToRoute : null,
-        syncToRoute: !!o.syncToRoute,
-        persistToStorage: o.persistToStorage
+    ), a.syncToRoute || a.persistToStorage) {
+      const h = typeof a.syncToRoute == "string";
+      Ja(d, {
+        namespace: h ? a.syncToRoute : null,
+        syncToRoute: !!a.syncToRoute,
+        persistToStorage: a.persistToStorage
       });
     }
-    return Ce(
-      () => o.params,
+    return $e(
+      () => a.params,
       async () => {
         d.params.page = 1, await d.methods.loadTable();
       },
       { debounce: 50, maxWait: 1e3 }
-    ), Ce(
+    ), $e(
       () => d.params,
       async () => {
         await d.methods.loadTable();
       },
       { debounce: 50, maxWait: 1e3 }
-    ), I(
-      () => o.url,
-      async (g, w) => {
-        g !== w && (d.params.page = 1, await d.methods.loadTable());
+    ), z(
+      () => a.url,
+      async (h, w) => {
+        h !== w && (d.params.page = 1, await d.methods.loadTable());
       }
-    ), _e(async () => {
+    ), he(async () => {
       await d.methods.loadTable(), l("ready");
     }), ht(() => {
       i = !0;
-    }), Zo(d), s({
+    }), Ya(d), s({
       refresh: () => d.methods.loadTable(),
       getParams: () => d.methods.getParams(),
-      getParam: (g) => d.methods.getParam(g),
-      setParam: (g, w) => d.methods.setParam(g, w),
-      clearParam: (g) => d.methods.clearParam(g),
-      clearParams: (g) => d.methods.clearParams(g),
-      applyParams: (g) => d.methods.applyParams(g),
+      getParam: (h) => d.methods.getParam(h),
+      setParam: (h, w) => d.methods.setParam(h, w),
+      clearParam: (h) => d.methods.clearParam(h),
+      clearParams: (h) => d.methods.clearParams(h),
+      applyParams: (h) => d.methods.applyParams(h),
       loading: c,
       error: r,
       sparkTable: d,
-      table: a
-    }), (g, w) => {
-      const _ = O("font-awesome-icon");
-      return m(), h("div", Ca, [
-        d.computed.ready && C.value && C.value.length ? (m(), V(Ve, {
+      table: o
+    }), (h, w) => {
+      const C = F("font-awesome-icon");
+      return m(), g("div", Ho, [
+        d.computed.ready && x.value && x.value.length ? (m(), H(Re, {
           key: 0,
           position: "header"
         }, {
-          default: T(() => [
-            (m(!0), h(R, null, z(C.value, (y) => (m(), V(N(u[y.config.type]), {
+          default: P(() => [
+            (m(!0), g(E, null, I(x.value, (y) => (m(), H(Z(u[y.config.type]), {
               key: y.name,
-              class: H(y.config.align ? `self-${y.config.align}` : ""),
+              class: V(y.config.align ? `self-${y.config.align}` : ""),
               "spark-table": d,
               config: y.config
             }, null, 8, ["class", "spark-table", "config"]))), 128)),
-            B(g.$slots, "header", {
+            B(h.$slots, "header", {
               sparkTable: d,
               loading: c.value,
               error: r.value
             })
           ]),
           _: 3
-        })) : (m(), h("div", $a)),
-        gt(b(k(ns), {
+        })) : (m(), g("div", Ro)),
+        gt(k(S(ns), {
           "theme-name": "ht-theme-classic",
           ref_key: "table",
-          ref: a,
+          ref: o,
           settings: d.tableSettings
         }, null, 8, ["settings"]), [
           [yt, !p.value]
         ]),
-        p.value ? (m(), h("div", Ta, [
-          b(_, {
-            icon: k(A).farInbox,
+        p.value ? (m(), g("div", Fo, [
+          k(C, {
+            icon: S(O).farInbox,
             class: "size-12 mb-4 text-gray-300"
           }, null, 8, ["icon"]),
           w[0] || (w[0] = f("p", { class: "text-sm" }, "No records found", -1))
-        ])) : L("", !0),
-        d.computed.ready ? (m(), V(Ve, {
+        ])) : T("", !0),
+        d.computed.ready ? (m(), H(Re, {
           key: 3,
           position: "footer"
         }, {
-          default: T(() => [
-            p.value ? L("", !0) : (m(), V(Qo, {
+          default: P(() => [
+            p.value ? T("", !0) : (m(), H(ro, {
               key: 0,
               "spark-table": d
             }, null, 8, ["spark-table"])),
-            f("div", Pa, [
-              p.value ? L("", !0) : (m(), V(aa, {
+            f("div", Eo, [
+              p.value ? T("", !0) : (m(), H(uo, {
                 key: 0,
                 "spark-table": d,
                 onPaginate: d.methods.applyParams
               }, null, 8, ["spark-table", "onPaginate"])),
-              b(la, {
+              k(mo, {
                 "spark-table": d,
                 onPaginate: d.methods.applyParams
               }, null, 8, ["spark-table", "onPaginate"]),
-              B(g.$slots, "footer", {
+              B(h.$slots, "footer", {
                 sparkTable: d,
                 loading: c.value,
                 error: r.value
@@ -2746,13 +2951,13 @@ const Ao = (e) => {
             ])
           ]),
           _: 3
-        })) : L("", !0)
+        })) : T("", !0)
       ]);
     };
   }
 };
 function Ee() {
-  const e = U({
+  const e = K({
     isVisible: !1,
     content: null,
     props: {},
@@ -2762,41 +2967,41 @@ function Ee() {
     e.isVisible = !e.isVisible;
   }, t = () => {
     e.isVisible = !1, e.content = null, e.props = {}, e.eventHandlers = {}, e.size = "md";
-  }, o = () => {
+  }, a = () => {
     e.isVisible = !0;
-  }, l = (a, c = {}, r = {}, i = {}) => {
-    e.content = me(a), e.props = c, e.eventHandlers = r, e.size = i.size || "md";
+  }, l = (o, c = {}, r = {}, i = {}) => {
+    e.content = me(o), e.props = c, e.eventHandlers = r, e.size = i.size || "md";
   };
   return {
     state: e,
     toggle: s,
     close: t,
-    open: o,
+    open: a,
     setContent: l,
-    show: (a, c = {}, r = {}, i = {}) => {
-      a && l(a, c, r, i), o();
+    show: (o, c = {}, r = {}, i = {}) => {
+      o && l(o, c, r, i), a();
     }
   };
 }
-class Ma {
+class Ao {
   constructor() {
     this.left = Ee(), this.right = Ee();
   }
-  showLeft = (s, t = {}, o = {}, l = {}) => {
+  showLeft = (s, t = {}, a = {}, l = {}) => {
     const n = {
       close: () => {
-        o.close?.(), this.closeLeft();
+        a.close?.(), this.closeLeft();
       },
-      ...o
+      ...a
     };
     this.left.show(s, t, n, l);
   };
-  showRight = (s, t = {}, o = {}, l = {}) => {
+  showRight = (s, t = {}, a = {}, l = {}) => {
     const n = {
       close: () => {
-        o.close?.(), this.closeRight();
+        a.close?.(), this.closeRight();
       },
-      ...o
+      ...a
     };
     this.right.show(s, t, n, l);
   };
@@ -2810,37 +3015,37 @@ class Ma {
     this.left.close(), this.right.close();
   };
 }
-const se = new Ma(), Ha = (e) => {
+const ae = new Ao(), Bo = (e) => {
   const s = document.cookie.match(new RegExp(`(^| )${e}=([^;]+)`));
   return s ? s[2] : null;
-}, Va = (e, s, t = {}) => {
+}, Do = (e, s, t = {}) => {
   const {
-    maxAge: o = 31536e3,
+    maxAge: a = 31536e3,
     // 365 days in seconds
     domain: l = ct(),
     secure: n = !0,
-    sameSite: a = "Lax",
+    sameSite: o = "Lax",
     path: c = "/"
   } = t;
-  let r = `${e}=${s}; max-age=${o}; path=${c}; samesite=${a}`;
+  let r = `${e}=${s}; max-age=${a}; path=${c}; samesite=${o}`;
   l && (r += `; domain=${l}`), n && (r += "; secure"), document.cookie = r;
-}, Ra = (e, s = {}) => {
-  const { domain: t = ct(), path: o = "/" } = s;
-  let l = `${e}=; max-age=0; path=${o}`;
+}, jo = (e, s = {}) => {
+  const { domain: t = ct(), path: a = "/" } = s;
+  let l = `${e}=; max-age=0; path=${a}`;
   t && (l += `; domain=${t}`), document.cookie = l;
 }, ct = () => {
   const e = window.location.hostname;
   return e === "localhost" ? "localhost" : e.endsWith(".test") || e.endsWith(".io") ? "." + e.split(".").slice(-2).join(".") : e.endsWith(".com.au") ? "." + e.split(".").slice(-3).join(".") : e;
 }, ut = [];
-function Ea(e) {
+function zo(e) {
   ut.push(e);
 }
-function Aa() {
+function Io() {
   ut.forEach((e) => e());
 }
-function Bn(e) {
+function Un(e) {
   let s = !1;
-  return Ea(() => {
+  return zo(() => {
     s = !1;
   }), {
     bootstrapApp: async () => {
@@ -2853,8 +3058,8 @@ function Bn(e) {
     }
   };
 }
-const ve = "bolt-next-token", G = ue("auth", () => {
-  const e = U({
+const be = "bolt-next-token", W = ue("auth", () => {
+  const e = K({
     user: null,
     token: null,
     ready: !1,
@@ -2889,15 +3094,15 @@ const ve = "bolt-next-token", G = ue("auth", () => {
   }), s = (i = {}) => {
     i.endpoints && Object.assign(e.endpoints, i.endpoints), i.routes && Object.assign(e.routes, i.routes), i.devCredentials && Object.assign(e.devCredentials, i.devCredentials), i.callbacks && Object.assign(e.callbacks, i.callbacks), i.overrideToken && (e.overrideToken = i.overrideToken);
   }, t = (i) => {
-    Va(ve, i), e.token = i;
-  }, o = () => {
-    Ra(ve), e.token = null;
-  }, l = () => Ha(ve), n = async (i) => {
-    const u = await ne.post(e.endpoints.login, i), d = u.headers.authorization;
+    Do(be, i), e.token = i;
+  }, a = () => {
+    jo(be), e.token = null;
+  }, l = () => Bo(be), n = async (i) => {
+    const u = await le.post(e.endpoints.login, i), d = u.headers.authorization;
     return t(d), e.user = u.data, e.callbacks.onLoginSuccess && await e.callbacks.onLoginSuccess(u.data), u.data;
-  }, a = async () => {
+  }, o = async () => {
     try {
-      await ne.post(
+      await le.post(
         e.endpoints.logout,
         {},
         {
@@ -2909,21 +3114,21 @@ const ve = "bolt-next-token", G = ue("auth", () => {
     } catch (i) {
       throw e.callbacks.onLogoutError && await e.callbacks.onLogoutError(i), i;
     } finally {
-      o(), e.user = null, Aa();
+      a(), e.user = null, Io();
     }
   }, c = async () => {
     const i = e.overrideToken || l();
     if (!i)
       return e.ready = !0, null;
     try {
-      const { data: u } = await ne.get(e.endpoints.fetch, {
+      const { data: u } = await le.get(e.endpoints.fetch, {
         headers: {
           Authorization: `Bearer ${i}`
         }
       });
       e.user = u, e.overrideToken || (e.token = i);
     } catch {
-      e.overrideToken || o();
+      e.overrideToken || a();
     } finally {
       e.ready = !0;
     }
@@ -2932,16 +3137,16 @@ const ve = "bolt-next-token", G = ue("auth", () => {
     state: e,
     initialize: s,
     login: n,
-    logout: a,
+    logout: o,
     fetchUser: c,
     check: r,
     setTokenCookie: t,
-    clearTokenCookie: o,
+    clearTokenCookie: a,
     getTokenCookie: l
   };
 });
-function Fa(e = {}) {
-  const s = ne.create({
+function No(e = {}) {
+  const s = le.create({
     baseURL: e.baseURL || "",
     timeout: e.timeout || 3e4,
     headers: {
@@ -2952,8 +3157,8 @@ function Fa(e = {}) {
   return s.interceptors.request.use(
     (t) => {
       try {
-        const o = G();
-        o.state.overrideToken ? t.headers.Authorization = `Bearer ${o.state.overrideToken}` : o.state.token && (t.headers.Authorization = `Bearer ${o.state.token}`);
+        const a = W();
+        a.state.overrideToken ? t.headers.Authorization = `Bearer ${a.state.overrideToken}` : a.state.token && (t.headers.Authorization = `Bearer ${a.state.token}`);
       } catch {
       }
       return t;
@@ -2964,120 +3169,120 @@ function Fa(e = {}) {
     async (t) => {
       if (t.response?.status === 401)
         try {
-          const o = G();
-          await o.logout(), window.location.href = o.state.routes.auth;
-        } catch (o) {
-          console.error("Error during auto-logout:", o), window.location.href = "/login";
+          const a = W();
+          await a.logout(), window.location.href = a.state.routes.auth;
+        } catch (a) {
+          console.error("Error during auto-logout:", a), window.location.href = "/login";
         }
       if (t.response?.status === 403)
         try {
-          const o = G();
-          window.location.href = o.state.routes.forbidden;
-        } catch (o) {
-          console.error("Error during 403 redirect:", o), window.location.href = "/error/403";
+          const a = W();
+          window.location.href = a.state.routes.forbidden;
+        } catch (a) {
+          console.error("Error during 403 redirect:", a), window.location.href = "/error/403";
         }
       return Promise.reject(t);
     }
   ), s;
 }
-let re = null;
-function Dn(e, s = {}) {
-  return re = Fa(s), e.provide("axios", re), e.config.globalProperties.$axios = re, re;
+let ne = null;
+function Kn(e, s = {}) {
+  return ne = No(s), e.provide("axios", ne), e.config.globalProperties.$axios = ne, ne;
 }
-function Oa() {
-  if (!re)
+function Zo() {
+  if (!ne)
     throw new Error("Axios instance not initialized. Call setupAxios() first.");
-  return re;
+  return ne;
 }
-function Ba(e) {
+function qo(e) {
   return e?.status !== 422 ? null : e.data?.errors || null;
 }
-function Ae(e) {
+function Oe(e) {
   return e?.status === 422 ? e.data?.message || "Please fix the validation errors." : e?.data?.message || "An error occurred.";
 }
-function Da(e) {
+function Uo(e) {
   return e?.status === 422;
 }
-function zn(e = {}) {
+function Gn(e = {}) {
   const {
     successMessage: s = "Saved successfully!",
     createMessage: t = "Created successfully!",
-    updateMessage: o = "Updated successfully!",
+    updateMessage: a = "Updated successfully!",
     redirectTo: l = null,
     onSuccess: n = null,
-    onError: a = null,
+    onError: o = null,
     showNotification: c = !0,
     setFieldErrors: r = !0,
     setFormErrors: i = !1
-  } = e, u = W(), d = E(!1);
-  async function p(x) {
-    const { submitFn: C, method: g = "create", node: w = null, isEditMode: _ = !1 } = x;
+  } = e, u = Y(), d = R(!1);
+  async function p(v) {
+    const { submitFn: x, method: h = "create", node: w = null, isEditMode: C = !1 } = v;
     d.value = !0, w && w.clearErrors();
     try {
-      const S = (await C()).data;
+      const _ = (await x()).data;
       if (c) {
-        const P = _ ? o : g === "create" ? t : s;
-        q.show({
+        const L = C ? a : h === "create" ? t : s;
+        j.show({
           type: "success",
-          message: P
+          message: L
         });
       }
-      if (n && await n(S), !_ && l) {
-        const P = typeof l == "function" ? l(S) : l;
-        await u.push(P);
+      if (n && await n(_), !C && l) {
+        const L = typeof l == "function" ? l(_) : l;
+        await u.push(L);
       }
-      return { success: !0, data: S, error: null };
+      return { success: !0, data: _, error: null };
     } catch (y) {
-      const S = y.response;
-      if (a && await a(y) === !0)
+      const _ = y.response;
+      if (o && await o(y) === !0)
         return { success: !1, data: null, error: y };
-      if (Da(S)) {
-        const P = Ba(S);
-        P && w && r && w.setErrors([], P), i && q.show({
+      if (Uo(_)) {
+        const L = qo(_);
+        L && w && r && w.setErrors([], L), i && j.show({
           type: "danger",
-          message: Ae(S)
+          message: Oe(_)
         });
       } else
-        q.show({
+        j.show({
           type: "danger",
-          message: Ae(S)
+          message: Oe(_)
         });
       return { success: !1, data: null, error: y };
     } finally {
       d.value = !1;
     }
   }
-  async function v(x) {
-    const { url: C, payload: g, method: w = "post", node: _, isEditMode: y } = x, S = Oa();
+  async function b(v) {
+    const { url: x, payload: h, method: w = "post", node: C, isEditMode: y } = v, _ = Zo();
     return p({
-      submitFn: () => S[w](C, g),
+      submitFn: () => _[w](x, h),
       method: y ? "update" : "create",
-      node: _,
+      node: C,
       isEditMode: y
     });
   }
   return {
     submitting: d,
     submit: p,
-    submitToApi: v
+    submitToApi: b
   };
 }
-const za = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, ja = { class: "flex flex-1 flex-col" }, Ia = {
+const Ko = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Go = { class: "flex flex-1 flex-col" }, Wo = {
   class: "flex flex-1 flex-col gap-y-7",
   role: "list"
-}, Na = { class: "flex flex-1 flex-col" }, Za = {
+}, Yo = { class: "flex flex-1 flex-col" }, Xo = {
   role: "list",
   class: "flex flex-1 flex-col"
-}, qa = { class: "flex items-center pb-8" }, Ua = ["href", "onClick"], Ka = {
+}, Jo = { class: "flex items-center pb-8" }, Qo = ["href", "onClick"], er = {
   key: 2,
   class: "w-full flex justify-center"
-}, Ga = {
+}, tr = {
   key: 0,
   class: "mt-[5px] flex flex-col gap-[5px]"
-}, Wa = ["href", "onClick"], Ya = {
+}, sr = ["href", "onClick"], ar = {
   key: 1,
   class: "text-[13px]"
-}, Xa = { class: "mt-auto" }, Ja = { class: "p-[10px] flex-shrink-0" }, Qa = { class: "flex flex-1 items-center gap-x-6" }, er = { class: "relative flex flex-1 items-center gap-4" }, tr = { class: "cursor-pointer" }, sr = ["src"], or = { class: "ml-auto" }, ar = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, jn = {
+}, or = { class: "mt-auto" }, rr = { class: "p-[10px] flex-shrink-0" }, nr = { class: "flex flex-1 items-center gap-x-6" }, lr = { class: "relative flex flex-1 items-center gap-4" }, ir = { class: "cursor-pointer" }, cr = ["src"], ur = { class: "ml-auto" }, dr = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, Wn = {
   __name: "SparkDefaultContainer",
   props: {
     appStore: {
@@ -3095,113 +3300,113 @@ const za = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, ja = { class: "flex
   },
   emits: ["overlayClose"],
   setup(e, { emit: s }) {
-    const t = e, o = s, l = Be(), n = le(), a = it(), c = rt(), r = $(() => c.getAppIcon(t.appStore.state.app)), i = $(() => n.meta.hideBrandSelector === !0 ? !1 : t.appStore.state.showBrandSelector), u = () => {
-      const x = {};
-      l["app-selector-bottom"] ? x.bottomSlot = () => Se("div", {}, l["app-selector-bottom"]()) : t.appSelectorSlots.bottomSlot && (x.bottomSlot = t.appSelectorSlots.bottomSlot), l["app-selector-footer"] ? x.footerSlot = () => Se("div", {}, l["app-selector-footer"]()) : t.appSelectorSlots.footerSlot && (x.footerSlot = t.appSelectorSlots.footerSlot), se.showRight(As, x, {
-        select: (C) => {
-          se.closeRight();
+    const t = e, a = s, l = Be(), n = te(), o = it(), c = rt(), r = $(() => c.getAppIcon(t.appStore.state.app)), i = $(() => n.meta.hideBrandSelector === !0 ? !1 : t.appStore.state.showBrandSelector), u = () => {
+      const v = {};
+      l["app-selector-bottom"] ? v.bottomSlot = () => Ce("div", {}, l["app-selector-bottom"]()) : t.appSelectorSlots.bottomSlot && (v.bottomSlot = t.appSelectorSlots.bottomSlot), l["app-selector-footer"] ? v.footerSlot = () => Ce("div", {}, l["app-selector-footer"]()) : t.appSelectorSlots.footerSlot && (v.footerSlot = t.appSelectorSlots.footerSlot), ae.showRight(Es, v, {
+        select: (x) => {
+          ae.closeRight();
         }
       });
     }, d = () => {
-      se.showLeft(
-        ao,
+      ae.showLeft(
+        oa,
         {},
         {
-          select: (x) => {
-            a.toggleBrand(x), se.closeLeft();
+          select: (v) => {
+            o.toggleBrand(v), ae.closeLeft();
           }
         }
       );
-    }, p = $(() => t.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [t.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), v = $(() => t.mainNavStore.state.hidden ? ["pl-2.5"] : [t.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
-    return (x, C) => {
-      const g = O("font-awesome-icon"), w = O("router-view");
-      return m(), h(R, null, [
+    }, p = $(() => t.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [t.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), b = $(() => t.mainNavStore.state.hidden ? ["pl-2.5"] : [t.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
+    return (v, x) => {
+      const h = F("font-awesome-icon"), w = F("router-view");
+      return m(), g(E, null, [
         f("div", {
-          class: H([p.value, "fixed inset-y-0 flex transition-all z-100"])
+          class: V([p.value, "fixed inset-y-0 flex transition-all z-100"])
         }, [
-          f("div", za, [
-            f("nav", ja, [
-              f("ul", Ia, [
-                f("li", Na, [
-                  f("ul", Za, [
-                    f("li", qa, [
+          f("div", Ko, [
+            f("nav", Go, [
+              f("ul", Wo, [
+                f("li", Yo, [
+                  f("ul", Xo, [
+                    f("li", Jo, [
                       f("a", {
                         class: "grid w-[40px] h-[40px] place-items-center rounded-md bg-primary-600 text-white text-[13px] cursor-pointer",
-                        onClick: C[0] || (C[0] = ee((_) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
+                        onClick: x[0] || (x[0] = U((C) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
                       }, [
-                        b(g, {
-                          icon: k(A)[r.value],
+                        k(h, {
+                          icon: S(O)[r.value],
                           class: "size-5"
                         }, null, 8, ["icon"])
                       ]),
-                      e.mainNavStore.state.collapsed ? L("", !0) : (m(), h("a", {
+                      e.mainNavStore.state.collapsed ? T("", !0) : (m(), g("a", {
                         key: 0,
-                        onClick: C[1] || (C[1] = ee((_) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"])),
+                        onClick: x[1] || (x[1] = U((C) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"])),
                         class: "font-medium text-gray-800 ml-[10px] cursor-pointer"
                       }, M(e.appStore.state.app), 1))
                     ]),
-                    (m(!0), h(R, null, z(e.mainNavStore.state.menu, (_) => (m(), h("li", {
-                      key: _.name,
-                      class: H({
-                        "mt-[10px]": _.children,
-                        "mt-auto": _.footerSection
+                    (m(!0), g(E, null, I(e.mainNavStore.state.menu, (C) => (m(), g("li", {
+                      key: C.name,
+                      class: V({
+                        "mt-[10px]": C.children,
+                        "mt-auto": C.footerSection
                       })
                     }, [
                       f("a", {
-                        class: H([{
-                          "bg-gray-100": _.current,
-                          "hover:bg-gray-100": _?.href
+                        class: V([{
+                          "bg-gray-100": C.current,
+                          "hover:bg-gray-100": C?.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: _?.href,
-                        onClick: ee((y) => e.mainNavStore.goto(_.href), ["prevent"])
+                        href: C?.href,
+                        onClick: U((y) => e.mainNavStore.goto(C.href), ["prevent"])
                       }, [
-                        _.icon ? (m(), V(g, {
+                        C.icon ? (m(), H(h, {
                           key: 0,
-                          icon: k(A)[_.icon],
-                          class: H([[(_.current, "text-gray-400")], "size-4"])
-                        }, null, 8, ["icon", "class"])) : L("", !0),
-                        e.mainNavStore.state.collapsed ? _?.children ? (m(), h("div", Ka, [...C[6] || (C[6] = [
+                          icon: S(O)[C.icon],
+                          class: V([[(C.current, "text-gray-400")], "size-4"])
+                        }, null, 8, ["icon", "class"])) : T("", !0),
+                        e.mainNavStore.state.collapsed ? C?.children ? (m(), g("div", er, [...x[6] || (x[6] = [
                           f("div", { class: "w-[10px] h-px bg-gray-400" }, null, -1)
-                        ])])) : L("", !0) : (m(), h("span", {
+                        ])])) : T("", !0) : (m(), g("span", {
                           key: 1,
-                          class: H({
-                            "text-[11px]": _?.children,
-                            "text-[13px]": !_?.children,
-                            "font-semibold": _?.children,
-                            "text-gray-500": _?.children
+                          class: V({
+                            "text-[11px]": C?.children,
+                            "text-[13px]": !C?.children,
+                            "font-semibold": C?.children,
+                            "text-gray-500": C?.children
                           })
-                        }, M(_.name), 3))
-                      ], 10, Ua),
-                      _.children ? (m(), h("ul", Ga, [
-                        (m(!0), h(R, null, z(_.children, (y) => (m(), h("li", {
+                        }, M(C.name), 3))
+                      ], 10, Qo),
+                      C.children ? (m(), g("ul", tr, [
+                        (m(!0), g(E, null, I(C.children, (y) => (m(), g("li", {
                           key: y.name
                         }, [
                           f("a", {
-                            class: H([[y.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"]),
+                            class: V([[y.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: y.href,
-                            onClick: ee((S) => e.mainNavStore.goto(y.href), ["prevent"])
+                            onClick: U((_) => e.mainNavStore.goto(y.href), ["prevent"])
                           }, [
-                            y.icon ? (m(), V(g, {
+                            y.icon ? (m(), H(h, {
                               key: 0,
-                              icon: k(A)[y.icon],
-                              class: H([[(y.current, "text-gray-400")], "size-4"])
-                            }, null, 8, ["icon", "class"])) : L("", !0),
-                            e.mainNavStore.state.collapsed ? L("", !0) : (m(), h("span", Ya, M(y.name), 1))
-                          ], 10, Wa)
+                              icon: S(O)[y.icon],
+                              class: V([[(y.current, "text-gray-400")], "size-4"])
+                            }, null, 8, ["icon", "class"])) : T("", !0),
+                            e.mainNavStore.state.collapsed ? T("", !0) : (m(), g("span", ar, M(y.name), 1))
+                          ], 10, sr)
                         ]))), 128))
-                      ])) : L("", !0)
+                      ])) : T("", !0)
                     ], 2))), 128))
                   ])
                 ]),
-                f("li", Xa, [
-                  B(x.$slots, "sidebar-footer"),
+                f("li", or, [
+                  B(v.$slots, "sidebar-footer"),
                   f("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: C[2] || (C[2] = ee((_) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
+                    onClick: x[2] || (x[2] = U((C) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
                   }, [
-                    b(g, {
-                      icon: k(A)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
+                    k(h, {
+                      icon: S(O)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
                       class: "class-5"
                     }, null, 8, ["icon"])
                   ])
@@ -3211,88 +3416,88 @@ const za = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, ja = { class: "flex
           ])
         ], 2),
         f("div", {
-          class: H([v.value, "h-full transition-all flex flex-col"])
+          class: V([b.value, "h-full transition-all flex flex-col"])
         }, [
-          f("div", Ja, [
-            f("div", Qa, [
-              f("div", er, [
-                B(x.$slots, "header-left", {}, () => [
-                  f("div", tr, [
-                    b(g, {
-                      icon: k(A).farBarsSort,
+          f("div", rr, [
+            f("div", nr, [
+              f("div", lr, [
+                B(v.$slots, "header-left", {}, () => [
+                  f("div", ir, [
+                    k(h, {
+                      icon: S(O).farBarsSort,
                       class: "size-5",
-                      onClick: C[3] || (C[3] = (_) => e.mainNavStore.toggleHidden())
+                      onClick: x[3] || (x[3] = (C) => e.mainNavStore.toggleHidden())
                     }, null, 8, ["icon"])
                   ])
                 ]),
-                B(x.$slots, "header-center", {}, () => [
-                  i.value ? (m(), h("div", {
+                B(v.$slots, "header-center", {}, () => [
+                  i.value ? (m(), g("div", {
                     key: 0,
                     class: "absolute left-1/2 -translate-x-1/2 cursor-pointer h-9 flex items-center",
                     onClick: d
                   }, [
-                    k(a).currentBrand ? (m(), h("img", {
+                    S(o).currentBrand ? (m(), g("img", {
                       key: 0,
-                      src: k(a).currentBrand.logo,
+                      src: S(o).currentBrand.logo,
                       alt: "",
                       class: "h-[30px] w-auto"
-                    }, null, 8, sr)) : L("", !0)
-                  ])) : L("", !0)
+                    }, null, 8, cr)) : T("", !0)
+                  ])) : T("", !0)
                 ]),
-                f("div", or, [
-                  B(x.$slots, "header-right", {}, () => [
-                    e.appStore.state.showAppSelector ? (m(), h("button", {
+                f("div", ur, [
+                  B(v.$slots, "header-right", {}, () => [
+                    e.appStore.state.showAppSelector ? (m(), g("button", {
                       key: 0,
                       class: "rounded-sm bg-white w-[42px] h-[42px] ring-1 ring-inset ring-gray-300",
                       type: "button",
                       onClick: u
                     }, [
-                      b(g, {
-                        icon: k(A).farGripDotsVertical,
+                      k(h, {
+                        icon: S(O).farGripDotsVertical,
                         class: "size-4 text-gray-400"
                       }, null, 8, ["icon"])
-                    ])) : L("", !0)
+                    ])) : T("", !0)
                   ])
                 ])
               ])
             ])
           ]),
-          f("main", ar, [
-            b(w)
+          f("main", dr, [
+            k(w)
           ])
         ], 2),
-        b(k(Te), {
+        k(S(Pe), {
           position: "left",
-          "overlay-instance": k(se).left,
-          onClose: C[4] || (C[4] = (_) => o("overlayClose", "left"))
+          "overlay-instance": S(ae).left,
+          onClose: x[4] || (x[4] = (C) => a("overlayClose", "left"))
         }, null, 8, ["overlay-instance"]),
-        b(k(Te), {
+        k(S(Pe), {
           position: "right",
-          "overlay-instance": k(se).right,
-          onClose: C[5] || (C[5] = (_) => o("overlayClose", "right"))
+          "overlay-instance": S(ae).right,
+          onClose: x[5] || (x[5] = (C) => a("overlayClose", "right"))
         }, null, 8, ["overlay-instance"]),
-        b(k(yo))
+        k(S(_a))
       ], 64);
     };
   }
-}, rr = {}, nr = { class: "h-full" };
-function lr(e, s) {
-  const t = O("router-view");
-  return m(), h("main", nr, [
-    b(t)
+}, pr = {}, fr = { class: "h-full" };
+function mr(e, s) {
+  const t = F("router-view");
+  return m(), g("main", fr, [
+    k(t)
   ]);
 }
-const In = /* @__PURE__ */ te(rr, [["render", lr]]), ir = { class: "h-full grid place-content-center relative" }, cr = { class: "absolute top-8 left-8" }, ur = ["src"], dr = {
+const Yn = /* @__PURE__ */ se(pr, [["render", mr]]), hr = { class: "h-full grid place-content-center relative" }, gr = { class: "absolute top-8 left-8" }, yr = ["src"], vr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, pr = { class: "max-w-sm grid gap-y-1 -mt-8" }, fr = { class: "mb-7" }, mr = { class: "text-gray-600" }, hr = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, gr = {
+}, br = { class: "max-w-sm grid gap-y-1 -mt-8" }, xr = { class: "mb-7" }, kr = { class: "text-gray-600" }, wr = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, _r = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, yr = { key: 0 }, vr = { key: 1 }, br = {
+}, Sr = { key: 0 }, Cr = { key: 1 }, $r = {
   __name: "SparkLoginView",
   props: {
     logo: {
@@ -3309,8 +3514,8 @@ const In = /* @__PURE__ */ te(rr, [["render", lr]]), ir = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = W(), t = le(), o = nt(), l = G(), n = e, a = E(!1), c = E(""), r = async (i) => {
-      a.value = !0, c.value = "";
+    const s = Y(), t = te(), a = nt(), l = W(), n = e, o = R(!1), c = R(""), r = async (i) => {
+      o.value = !0, c.value = "";
       try {
         await l.login(i);
         const u = t.query.redirect;
@@ -3325,19 +3530,19 @@ const In = /* @__PURE__ */ te(rr, [["render", lr]]), ir = { class: "h-full grid
       } catch (u) {
         c.value = u.response?.data?.message || u.message || "Login failed. Please try again.";
       } finally {
-        a.value = !1;
+        o.value = !1;
       }
     };
     return (i, u) => {
-      const d = O("FormKit"), p = O("router-link");
-      return m(), h("div", ir, [
-        f("div", cr, [
-          n.logo ? (m(), h("img", {
+      const d = F("FormKit"), p = F("router-link");
+      return m(), g("div", hr, [
+        f("div", gr, [
+          n.logo ? (m(), g("img", {
             key: 0,
             src: n.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, ur)) : (m(), h("svg", dr, [...u[0] || (u[0] = [
+          }, null, 8, yr)) : (m(), g("svg", vr, [...u[0] || (u[0] = [
             f("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -3356,56 +3561,56 @@ const In = /* @__PURE__ */ te(rr, [["render", lr]]), ir = { class: "h-full grid
             }, null, -1)
           ])]))
         ]),
-        f("div", pr, [
-          f("div", fr, [
+        f("div", br, [
+          f("div", xr, [
             u[1] || (u[1] = f("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Log in", -1)),
-            f("p", mr, " Welcome back" + M(k(o).state.app ? ` to ${k(o).state.app}` : "") + "! Please enter your details. ", 1)
+            f("p", kr, " Welcome back" + M(S(a).state.app ? ` to ${S(a).state.app}` : "") + "! Please enter your details. ", 1)
           ]),
-          b(d, {
+          k(d, {
             type: "form",
             onSubmit: r,
             actions: !1
           }, {
-            default: T(() => [
-              b(d, {
+            default: P(() => [
+              k(d, {
                 label: "Email",
                 name: "email",
                 placeholder: "Enter your email",
                 type: "email",
                 validation: "required|email",
                 "outer-class": "max-w-full",
-                value: k(l).state.devCredentials.username
+                value: S(l).state.devCredentials.username
               }, null, 8, ["value"]),
-              b(d, {
+              k(d, {
                 label: "Password",
                 name: "password",
                 placeholder: "••••••••",
                 type: "password",
                 validation: "required",
                 "outer-class": "max-w-full",
-                value: k(l).state.devCredentials.password
+                value: S(l).state.devCredentials.password
               }, null, 8, ["value"]),
-              f("div", hr, [
+              f("div", wr, [
                 u[3] || (u[3] = f("span", null, null, -1)),
-                b(p, {
+                k(p, {
                   to: n.forgotPasswordRoute,
                   class: "text-sm text-primary-600 font-semibold"
                 }, {
-                  default: T(() => [...u[2] || (u[2] = [
-                    F(" Forgot password ", -1)
+                  default: P(() => [...u[2] || (u[2] = [
+                    A(" Forgot password ", -1)
                   ])]),
                   _: 1
                 }, 8, ["to"])
               ]),
-              c.value ? (m(), h("div", gr, M(c.value), 1)) : L("", !0),
-              b(k(Y), {
+              c.value ? (m(), g("div", _r, M(c.value), 1)) : T("", !0),
+              k(S(X), {
                 type: "submit",
                 size: "xl",
-                disabled: a.value,
+                disabled: o.value,
                 "button-class": "w-full mb-2"
               }, {
-                default: T(() => [
-                  a.value ? (m(), h("span", vr, "Signing in...")) : (m(), h("span", yr, "Sign in"))
+                default: P(() => [
+                  o.value ? (m(), g("span", Cr, "Signing in...")) : (m(), g("span", Sr, "Sign in"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -3416,7 +3621,7 @@ const In = /* @__PURE__ */ te(rr, [["render", lr]]), ir = { class: "h-full grid
       ]);
     };
   }
-}, xr = {
+}, Tr = {
   __name: "SparkLogoutView",
   props: {
     defaultRedirect: {
@@ -3425,27 +3630,27 @@ const In = /* @__PURE__ */ te(rr, [["render", lr]]), ir = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = W(), t = le(), o = G(), l = e;
-    return _e(async () => {
-      await o.logout();
+    const s = Y(), t = te(), a = W(), l = e;
+    return he(async () => {
+      await a.logout();
       const n = t.query.redirect;
       n && n.startsWith("http") ? window.location.href = n : await s.push(n || l.defaultRedirect);
-    }), (n, a) => null;
+    }), (n, o) => null;
   }
-}, kr = { class: "h-full grid place-content-center relative" }, wr = { class: "absolute top-8 left-8" }, _r = ["src"], Sr = {
+}, Pr = { class: "h-full grid place-content-center relative" }, Lr = { class: "absolute top-8 left-8" }, Mr = ["src"], Vr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Cr = { class: "max-w-sm grid gap-y-1 -mt-8" }, $r = {
+}, Hr = { class: "max-w-sm grid gap-y-1 -mt-8" }, Rr = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, Tr = {
+}, Fr = {
   key: 1,
   class: "text-green-600 text-sm mb-2"
-}, Pr = { key: 0 }, Lr = { key: 1 }, Mr = {
+}, Er = { key: 0 }, Or = { key: 1 }, Ar = {
   __name: "SparkForgotPasswordView",
   props: {
     logo: {
@@ -3458,26 +3663,26 @@ const In = /* @__PURE__ */ te(rr, [["render", lr]]), ir = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = G(), t = e, o = E(!1), l = E(""), n = E(""), a = async ({ email: c }) => {
-      o.value = !0, l.value = "", n.value = "";
+    const s = W(), t = e, a = R(!1), l = R(""), n = R(""), o = async ({ email: c }) => {
+      a.value = !0, l.value = "", n.value = "";
       try {
-        await ne.post(s.state.endpoints.passwordEmail, { email: c }), n.value = "Password reset link sent! Check your email.";
+        await le.post(s.state.endpoints.passwordEmail, { email: c }), n.value = "Password reset link sent! Check your email.";
       } catch (r) {
         l.value = r.response?.data?.message || "Failed to send reset link.";
       } finally {
-        o.value = !1;
+        a.value = !1;
       }
     };
     return (c, r) => {
-      const i = O("FormKit"), u = O("router-link");
-      return m(), h("div", kr, [
-        f("div", wr, [
-          t.logo ? (m(), h("img", {
+      const i = F("FormKit"), u = F("router-link");
+      return m(), g("div", Pr, [
+        f("div", Lr, [
+          t.logo ? (m(), g("img", {
             key: 0,
             src: t.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, _r)) : (m(), h("svg", Sr, [...r[0] || (r[0] = [
+          }, null, 8, Mr)) : (m(), g("svg", Vr, [...r[0] || (r[0] = [
             f("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -3496,18 +3701,18 @@ const In = /* @__PURE__ */ te(rr, [["render", lr]]), ir = { class: "h-full grid
             }, null, -1)
           ])]))
         ]),
-        f("div", Cr, [
+        f("div", Hr, [
           r[2] || (r[2] = f("div", { class: "mb-7" }, [
             f("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Reset password"),
             f("p", { class: "text-gray-600" }, " Enter your email and we'll send you a link to reset your password. ")
           ], -1)),
-          b(i, {
+          k(i, {
             type: "form",
-            onSubmit: a,
+            onSubmit: o,
             actions: !1
           }, {
-            default: T(() => [
-              b(i, {
+            default: P(() => [
+              k(i, {
                 label: "Email",
                 name: "email",
                 placeholder: "Enter your email",
@@ -3515,25 +3720,25 @@ const In = /* @__PURE__ */ te(rr, [["render", lr]]), ir = { class: "h-full grid
                 validation: "required|email",
                 "outer-class": "max-w-full"
               }),
-              l.value ? (m(), h("div", $r, M(l.value), 1)) : L("", !0),
-              n.value ? (m(), h("div", Tr, M(n.value), 1)) : L("", !0),
-              b(k(Y), {
+              l.value ? (m(), g("div", Rr, M(l.value), 1)) : T("", !0),
+              n.value ? (m(), g("div", Fr, M(n.value), 1)) : T("", !0),
+              k(S(X), {
                 type: "submit",
                 size: "xl",
-                disabled: o.value,
+                disabled: a.value,
                 "button-class": "w-full mb-2"
               }, {
-                default: T(() => [
-                  o.value ? (m(), h("span", Lr, "Sending...")) : (m(), h("span", Pr, "Send reset link"))
+                default: P(() => [
+                  a.value ? (m(), g("span", Or, "Sending...")) : (m(), g("span", Er, "Send reset link"))
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              b(u, {
+              k(u, {
                 to: t.loginRoute,
                 class: "text-sm text-center text-primary-600 font-semibold block"
               }, {
-                default: T(() => [...r[1] || (r[1] = [
-                  F(" Back to login ", -1)
+                default: P(() => [...r[1] || (r[1] = [
+                  A(" Back to login ", -1)
                 ])]),
                 _: 1
               }, 8, ["to"])
@@ -3544,17 +3749,17 @@ const In = /* @__PURE__ */ te(rr, [["render", lr]]), ir = { class: "h-full grid
       ]);
     };
   }
-}, Hr = { class: "h-full grid place-content-center relative" }, Vr = { class: "absolute top-8 left-8" }, Rr = ["src"], Er = {
+}, Br = { class: "h-full grid place-content-center relative" }, Dr = { class: "absolute top-8 left-8" }, jr = ["src"], zr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ar = { class: "max-w-sm grid gap-y-1 -mt-8" }, Fr = {
+}, Ir = { class: "max-w-sm grid gap-y-1 -mt-8" }, Nr = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, Or = { key: 0 }, Br = { key: 1 }, Dr = {
+}, Zr = { key: 0 }, qr = { key: 1 }, Ur = {
   __name: "SparkResetPasswordView",
   props: {
     logo: {
@@ -3567,31 +3772,31 @@ const In = /* @__PURE__ */ te(rr, [["render", lr]]), ir = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = W(), t = le(), o = G(), l = e, n = E(!1), a = E(""), c = async ({ password: r, password_confirmation: i }) => {
-      n.value = !0, a.value = "";
+    const s = Y(), t = te(), a = W(), l = e, n = R(!1), o = R(""), c = async ({ password: r, password_confirmation: i }) => {
+      n.value = !0, o.value = "";
       try {
-        await ne.post(o.state.endpoints.passwordReset, {
+        await le.post(a.state.endpoints.passwordReset, {
           email: t.query.email,
           token: t.query.token,
           password: r,
           password_confirmation: i
         }), await s.push(l.loginRoute);
       } catch (u) {
-        a.value = u.response?.data?.message || "Failed to reset password.";
+        o.value = u.response?.data?.message || "Failed to reset password.";
       } finally {
         n.value = !1;
       }
     };
     return (r, i) => {
-      const u = O("FormKit");
-      return m(), h("div", Hr, [
-        f("div", Vr, [
-          l.logo ? (m(), h("img", {
+      const u = F("FormKit");
+      return m(), g("div", Br, [
+        f("div", Dr, [
+          l.logo ? (m(), g("img", {
             key: 0,
             src: l.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Rr)) : (m(), h("svg", Er, [...i[0] || (i[0] = [
+          }, null, 8, jr)) : (m(), g("svg", zr, [...i[0] || (i[0] = [
             f("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -3610,18 +3815,18 @@ const In = /* @__PURE__ */ te(rr, [["render", lr]]), ir = { class: "h-full grid
             }, null, -1)
           ])]))
         ]),
-        f("div", Ar, [
+        f("div", Ir, [
           i[1] || (i[1] = f("div", { class: "mb-7" }, [
             f("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Set new password"),
             f("p", { class: "text-gray-600" }, " Enter your new password below. ")
           ], -1)),
-          b(u, {
+          k(u, {
             type: "form",
             onSubmit: c,
             actions: !1
           }, {
-            default: T(() => [
-              b(u, {
+            default: P(() => [
+              k(u, {
                 label: "New Password",
                 name: "password",
                 placeholder: "••••••••",
@@ -3629,7 +3834,7 @@ const In = /* @__PURE__ */ te(rr, [["render", lr]]), ir = { class: "h-full grid
                 validation: "required|length:8",
                 "outer-class": "max-w-full"
               }),
-              b(u, {
+              k(u, {
                 label: "Confirm Password",
                 name: "password_confirmation",
                 placeholder: "••••••••",
@@ -3637,15 +3842,15 @@ const In = /* @__PURE__ */ te(rr, [["render", lr]]), ir = { class: "h-full grid
                 validation: "required|confirm:password",
                 "outer-class": "max-w-full"
               }),
-              a.value ? (m(), h("div", Fr, M(a.value), 1)) : L("", !0),
-              b(k(Y), {
+              o.value ? (m(), g("div", Nr, M(o.value), 1)) : T("", !0),
+              k(S(X), {
                 type: "submit",
                 size: "xl",
                 disabled: n.value,
                 "button-class": "w-full mb-2"
               }, {
-                default: T(() => [
-                  n.value ? (m(), h("span", Br, "Resetting...")) : (m(), h("span", Or, "Reset password"))
+                default: P(() => [
+                  n.value ? (m(), g("span", qr, "Resetting...")) : (m(), g("span", Zr, "Reset password"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -3656,14 +3861,14 @@ const In = /* @__PURE__ */ te(rr, [["render", lr]]), ir = { class: "h-full grid
       ]);
     };
   }
-}, zr = { class: "h-full grid place-content-center relative" }, jr = { class: "absolute top-8 left-8" }, Ir = ["src"], Nr = {
+}, Kr = { class: "h-full grid place-content-center relative" }, Gr = { class: "absolute top-8 left-8" }, Wr = ["src"], Yr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Zr = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, qr = { class: "flex gap-4 justify-center" }, Ur = {
+}, Xr = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Jr = { class: "flex gap-4 justify-center" }, Qr = {
   __name: "SparkError403View",
   props: {
     logo: {
@@ -3676,17 +3881,17 @@ const In = /* @__PURE__ */ te(rr, [["render", lr]]), ir = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = W(), t = e, o = () => {
+    const s = Y(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (m(), h("div", zr, [
-      f("div", jr, [
-        t.logo ? (m(), h("img", {
+    return (l, n) => (m(), g("div", Kr, [
+      f("div", Gr, [
+        t.logo ? (m(), g("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, Ir)) : (m(), h("svg", Nr, [...n[0] || (n[0] = [
+        }, null, 8, Wr)) : (m(), g("svg", Yr, [...n[0] || (n[0] = [
           f("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -3705,23 +3910,23 @@ const In = /* @__PURE__ */ te(rr, [["render", lr]]), ir = { class: "h-full grid
           }, null, -1)
         ])]))
       ]),
-      f("div", Zr, [
+      f("div", Xr, [
         n[2] || (n[2] = f("div", null, [
           f("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "403"),
           f("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Access Forbidden "),
           f("p", { class: "text-gray-600" }, [
-            F(" You don't have permission to access this resource."),
+            A(" You don't have permission to access this resource."),
             f("br"),
-            F(" If you believe this is an error, please contact your administrator. ")
+            A(" If you believe this is an error, please contact your administrator. ")
           ])
         ], -1)),
-        f("div", qr, [
-          b(k(Y), {
-            onClick: o,
+        f("div", Jr, [
+          k(S(X), {
+            onClick: a,
             size: "lg"
           }, {
-            default: T(() => [...n[1] || (n[1] = [
-              F(" Go to Home ", -1)
+            default: P(() => [...n[1] || (n[1] = [
+              A(" Go to Home ", -1)
             ])]),
             _: 1
           })
@@ -3729,14 +3934,14 @@ const In = /* @__PURE__ */ te(rr, [["render", lr]]), ir = { class: "h-full grid
       ])
     ]));
   }
-}, Kr = { class: "h-full grid place-content-center relative" }, Gr = { class: "absolute top-8 left-8" }, Wr = ["src"], Yr = {
+}, en = { class: "h-full grid place-content-center relative" }, tn = { class: "absolute top-8 left-8" }, sn = ["src"], an = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Xr = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Jr = { class: "flex gap-4 justify-center" }, Qr = {
+}, on = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, rn = { class: "flex gap-4 justify-center" }, nn = {
   __name: "SparkError404View",
   props: {
     logo: {
@@ -3749,17 +3954,17 @@ const In = /* @__PURE__ */ te(rr, [["render", lr]]), ir = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = W(), t = e, o = () => {
+    const s = Y(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (m(), h("div", Kr, [
-      f("div", Gr, [
-        t.logo ? (m(), h("img", {
+    return (l, n) => (m(), g("div", en, [
+      f("div", tn, [
+        t.logo ? (m(), g("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, Wr)) : (m(), h("svg", Yr, [...n[0] || (n[0] = [
+        }, null, 8, sn)) : (m(), g("svg", an, [...n[0] || (n[0] = [
           f("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -3778,19 +3983,19 @@ const In = /* @__PURE__ */ te(rr, [["render", lr]]), ir = { class: "h-full grid
           }, null, -1)
         ])]))
       ]),
-      f("div", Xr, [
+      f("div", on, [
         n[2] || (n[2] = f("div", null, [
           f("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "404"),
           f("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Page Not Found "),
           f("p", { class: "text-gray-600" }, " The page you're looking for doesn't exist or has been moved. ")
         ], -1)),
-        f("div", Jr, [
-          b(k(Y), {
-            onClick: o,
+        f("div", rn, [
+          k(S(X), {
+            onClick: a,
             size: "lg"
           }, {
-            default: T(() => [...n[1] || (n[1] = [
-              F(" Go to Home ", -1)
+            default: P(() => [...n[1] || (n[1] = [
+              A(" Go to Home ", -1)
             ])]),
             _: 1
           })
@@ -3798,14 +4003,14 @@ const In = /* @__PURE__ */ te(rr, [["render", lr]]), ir = { class: "h-full grid
       ])
     ]));
   }
-}, en = { class: "h-full grid place-content-center relative" }, tn = { class: "absolute top-8 left-8" }, sn = ["src"], on = {
+}, ln = { class: "h-full grid place-content-center relative" }, cn = { class: "absolute top-8 left-8" }, un = ["src"], dn = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, an = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, rn = { class: "text-primary-600 text-7xl font-bold mb-4" }, nn = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, ln = { class: "text-gray-600" }, cn = { class: "flex gap-4 justify-center" }, Nn = {
+}, pn = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, fn = { class: "text-primary-600 text-7xl font-bold mb-4" }, mn = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, hn = { class: "text-gray-600" }, gn = { class: "flex gap-4 justify-center" }, Xn = {
   __name: "SparkErrorGeneralView",
   props: {
     logo: {
@@ -3830,17 +4035,17 @@ const In = /* @__PURE__ */ te(rr, [["render", lr]]), ir = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = W(), t = e, o = () => {
+    const s = Y(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (m(), h("div", en, [
-      f("div", tn, [
-        t.logo ? (m(), h("img", {
+    return (l, n) => (m(), g("div", ln, [
+      f("div", cn, [
+        t.logo ? (m(), g("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, sn)) : (m(), h("svg", on, [...n[0] || (n[0] = [
+        }, null, 8, un)) : (m(), g("svg", dn, [...n[0] || (n[0] = [
           f("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -3859,19 +4064,19 @@ const In = /* @__PURE__ */ te(rr, [["render", lr]]), ir = { class: "h-full grid
           }, null, -1)
         ])]))
       ]),
-      f("div", an, [
+      f("div", pn, [
         f("div", null, [
-          f("div", rn, M(t.errorCode || "Error"), 1),
-          f("h1", nn, M(t.title || "Something went wrong"), 1),
-          f("p", ln, M(t.message || "An unexpected error occurred. Please try again later."), 1)
+          f("div", fn, M(t.errorCode || "Error"), 1),
+          f("h1", mn, M(t.title || "Something went wrong"), 1),
+          f("p", hn, M(t.message || "An unexpected error occurred. Please try again later."), 1)
         ]),
-        f("div", cn, [
-          b(k(Y), {
-            onClick: o,
+        f("div", gn, [
+          k(S(X), {
+            onClick: a,
             size: "lg"
           }, {
-            default: T(() => [...n[1] || (n[1] = [
-              F(" Go to Home ", -1)
+            default: P(() => [...n[1] || (n[1] = [
+              A(" Go to Home ", -1)
             ])]),
             _: 1
           })
@@ -3880,57 +4085,57 @@ const In = /* @__PURE__ */ te(rr, [["render", lr]]), ir = { class: "h-full grid
     ]));
   }
 };
-function Zn(e = {}) {
+function Jn(e = {}) {
   const {
     loginPath: s = "/login",
     logoutPath: t = "/logout",
-    forgotPasswordPath: o = "/forgot-password",
+    forgotPasswordPath: a = "/forgot-password",
     resetPasswordPath: l = "/password/reset",
     logo: n = "",
-    defaultRedirect: a = "/dashboard"
+    defaultRedirect: o = "/dashboard"
   } = e;
   return [
     {
       path: s,
       name: "login",
-      component: br,
-      props: { logo: n, defaultRedirect: a },
+      component: $r,
+      props: { logo: n, defaultRedirect: o },
       meta: { auth: !1 }
     },
     {
       path: t,
       name: "logout",
-      component: xr,
+      component: Tr,
       props: { defaultRedirect: s },
       meta: { auth: !1 }
     },
     {
-      path: o,
+      path: a,
       name: "forgot-password",
-      component: Mr,
+      component: Ar,
       props: { logo: n, loginRoute: s },
       meta: { auth: !1 }
     },
     {
       path: l,
       name: "password-reset",
-      component: Dr,
+      component: Ur,
       props: { logo: n, loginRoute: s },
       meta: { auth: !1 }
     }
   ];
 }
-function qn(e, s = {}) {
+function Qn(e, s = {}) {
   const { defaultAuthenticatedRoute: t = "/dashboard" } = s;
-  e.beforeEach(async (o, l, n) => {
-    const a = G();
-    a.state.ready || await a.fetchUser(), un(o, n, a, t);
+  e.beforeEach(async (a, l, n) => {
+    const o = W();
+    o.state.ready || await o.fetchUser(), yn(a, n, o, t);
   });
 }
-function un(e, s, t, o) {
+function yn(e, s, t, a) {
   const l = e.meta.auth !== !1, n = t.check;
   if (t.state.overrideToken && e.path === "/logout") {
-    s({ path: o });
+    s({ path: a });
     return;
   }
   if (!n) {
@@ -3942,44 +4147,44 @@ function un(e, s, t, o) {
       s();
       return;
     }
-    let a = e.fullPath;
-    if (a === "/" || a === "" || a === o) {
+    let o = e.fullPath;
+    if (o === "/" || o === "" || o === a) {
       s({ path: t.state.routes.auth });
       return;
     }
-    a.includes("%") && (a = decodeURIComponent(a)), s({
+    o.includes("%") && (o = decodeURIComponent(o)), s({
       path: t.state.routes.auth,
-      query: { redirect: a }
+      query: { redirect: o }
     });
     return;
   }
   if (n) {
     if (!l && e.path === t.state.routes.auth) {
-      s({ path: o });
+      s({ path: a });
       return;
     }
     if (e.path === "/") {
-      s({ path: o });
+      s({ path: a });
       return;
     }
     s();
   }
 }
-function Un(e = {}) {
+function el(e = {}) {
   const {
     forbiddenPath: s = "/error/403",
     logo: t = "",
-    homeRoute: o = "/dashboard"
+    homeRoute: a = "/dashboard"
   } = e;
   return {
     path: s,
     name: "error-403",
-    component: Ur,
-    props: { logo: t, homeRoute: o },
+    component: Qr,
+    props: { logo: t, homeRoute: a },
     meta: { auth: !1 }
   };
 }
-function Kn(e = {}) {
+function tl(e = {}) {
   const {
     logo: s = "",
     homeRoute: t = "/dashboard"
@@ -3987,25 +4192,25 @@ function Kn(e = {}) {
   return {
     path: "/:pathMatch(.*)*",
     name: "error-404",
-    component: Qr,
+    component: nn,
     props: { logo: s, homeRoute: t },
     meta: { auth: !1 }
   };
 }
-function Gn(e, s) {
+function sl(e, s) {
   e.beforeResolve(async (t) => {
     if (t.meta.auth !== !1) {
-      const o = G();
-      o.state.ready && o.check && await s();
+      const a = W();
+      a.state.ready && a.check && await s();
     }
   });
 }
-const Wn = ue("sparkNav", () => {
-  const e = U({
+const al = ue("sparkNav", () => {
+  const e = K({
     menu: [],
     collapsed: !1,
     hidden: !1
-  }), s = W(), t = le(), o = (i = []) => {
+  }), s = Y(), t = te(), a = (i = []) => {
     e.menu = i, r();
   }, l = (i, u) => {
     for (const d of i) {
@@ -4025,7 +4230,7 @@ const Wn = ue("sparkNav", () => {
       }
       await s.push(i);
     }
-  }, a = () => {
+  }, o = () => {
     e.collapsed = !e.collapsed;
   }, c = () => {
     e.hidden = !e.hidden;
@@ -4040,7 +4245,7 @@ const Wn = ue("sparkNav", () => {
       u(e.menu);
     }
   };
-  return I(
+  return z(
     () => t.path,
     () => {
       r();
@@ -4048,79 +4253,80 @@ const Wn = ue("sparkNav", () => {
     { immediate: !0 }
   ), {
     state: e,
-    initialize: o,
+    initialize: a,
     goto: n,
-    toggleCollapsed: a,
+    toggleCollapsed: o,
     toggleHidden: c,
     syncWithRoute: r
   };
 });
 export {
-  A as Icons,
+  O as Icons,
   oe as SparkAlert,
-  As as SparkAppSelector,
-  ao as SparkBrandSelector,
-  Y as SparkButton,
-  no as SparkButtonGroup,
-  Fn as SparkCard,
-  jn as SparkDefaultContainer,
-  Ur as SparkError403View,
-  Qr as SparkError404View,
-  Nn as SparkErrorGeneralView,
-  Mr as SparkForgotPasswordView,
-  br as SparkLoginView,
-  xr as SparkLogoutView,
-  yo as SparkModalContainer,
-  fo as SparkModalDialog,
-  En as SparkNotificationOutlet,
-  Te as SparkOverlay,
-  In as SparkPublicContainer,
-  Dr as SparkResetPasswordView,
-  On as SparkTable,
-  xa as SparkTableDatePicker,
-  ya as SparkTableFilterButtons,
-  fa as SparkTableFilterSelect,
-  aa as SparkTablePaginationPaging,
-  la as SparkTablePaginationPerPage,
-  Sa as SparkTableReset,
-  ua as SparkTableSearch,
-  Ve as SparkTableToolbar,
-  An as SparkToastContainer,
-  Vn as addIcons,
-  Un as create403Route,
-  Kn as create404Route,
-  Zn as createAuthRoutes,
-  Fa as createAxiosInstance,
-  Bn as createBootstrapService,
-  _o as customiseHeader,
-  Ra as deleteCookie,
-  Mn as formKitGenesisOverride,
-  Hn as formKitIconLoader,
-  Ln as formKitIcons,
-  zo as formatTemporal,
-  Oa as getAxiosInstance,
-  Ha as getCookie,
+  Es as SparkAppSelector,
+  oa as SparkBrandSelector,
+  X as SparkButton,
+  na as SparkButtonGroup,
+  Nn as SparkCard,
+  Wn as SparkDefaultContainer,
+  Qr as SparkError403View,
+  nn as SparkError404View,
+  Xn as SparkErrorGeneralView,
+  Ar as SparkForgotPasswordView,
+  Zn as SparkImageUpload,
+  $r as SparkLoginView,
+  Tr as SparkLogoutView,
+  _a as SparkModalContainer,
+  ba as SparkModalDialog,
+  zn as SparkNotificationOutlet,
+  Pe as SparkOverlay,
+  Yn as SparkPublicContainer,
+  Ur as SparkResetPasswordView,
+  qn as SparkTable,
+  To as SparkTableDatePicker,
+  So as SparkTableFilterButtons,
+  xo as SparkTableFilterSelect,
+  uo as SparkTablePaginationPaging,
+  mo as SparkTablePaginationPerPage,
+  Vo as SparkTableReset,
+  yo as SparkTableSearch,
+  Re as SparkTableToolbar,
+  In as SparkToastContainer,
+  Dn as addIcons,
+  el as create403Route,
+  tl as create404Route,
+  Jn as createAuthRoutes,
+  No as createAxiosInstance,
+  Un as createBootstrapService,
+  La as customiseHeader,
+  jo as deleteCookie,
+  An as formKitGenesisOverride,
+  Bn as formKitIconLoader,
+  On as formKitIcons,
+  Ua as formatTemporal,
+  Zo as getAxiosInstance,
+  Bo as getCookie,
   ct as getDomain,
-  Ae as getFormLevelMessage,
-  Da as isValidationError,
-  jo as parseDatetime,
-  Ba as parseLaravelErrors,
-  bo as renderHeaderTitle,
-  Va as setCookie,
-  qn as setupAuthGuards,
-  Dn as setupAxios,
-  Gn as setupBootstrapGuard,
-  Rn as setupFontAwesome,
-  ae as sparkModalService,
-  q as sparkNotificationService,
-  se as sparkOverlayService,
-  qo as updateRow,
-  zn as useFormSubmission,
+  Oe as getFormLevelMessage,
+  Uo as isValidationError,
+  Ka as parseDatetime,
+  qo as parseLaravelErrors,
+  Ca as renderHeaderTitle,
+  Do as setCookie,
+  Qn as setupAuthGuards,
+  Kn as setupAxios,
+  sl as setupBootstrapGuard,
+  jn as setupFontAwesome,
+  re as sparkModalService,
+  j as sparkNotificationService,
+  ae as sparkOverlayService,
+  Xa as updateRow,
+  Gn as useFormSubmission,
   rt as useSparkAppSelectorStore,
   nt as useSparkAppStore,
-  G as useSparkAuthStore,
+  W as useSparkAuthStore,
   it as useSparkBrandFilterStore,
-  Wn as useSparkNavStore,
+  al as useSparkNavStore,
   Ee as useSparkOverlay,
-  Uo as useSparkTableRouteSync
+  Ja as useSparkTableRouteSync
 };