npm - @wishbone-media/spark - Versions diffs - 0.30.0 → 0.31.0 - Mend

@wishbone-media/spark 0.30.0 → 0.31.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.js +1031 -1030
package/package.json +1 -1
package/src/containers/SparkDefaultContainer.vue +18 -4
package/src/plugins/fontawesome.js +2 -0

package/dist/index.js CHANGED Viewed

@@ -1,93 +1,94 @@
-import { computed as $, resolveComponent as E, createElementBlock as y, openBlock as h, normalizeClass as V, createElementVNode as m, createCommentVNode as T, createVNode as S, unref as _, renderSlot as O, reactive as K, Fragment as D, renderList as B, toDisplayString as M, createBlock as H, resolveDynamicComponent as Z, markRaw as ce, ref as R, watch as j, onMounted as ye, Transition as ht, withCtx as L, normalizeProps as gt, mergeProps as q, createTextVNode as A, Teleport as yt, TransitionGroup as ue, inject as $e, provide as vt, withModifiers as U, toHandlers as Oe, useSlots as Be, onUnmounted as ze, withDirectives as bt, vShow as xt, h as Te } from "vue";
+import { computed as $, resolveComponent as A, createElementBlock as y, openBlock as h, normalizeClass as V, createElementVNode as m, createCommentVNode as T, createVNode as S, unref as C, renderSlot as O, reactive as K, Fragment as D, renderList as B, toDisplayString as M, createBlock as H, resolveDynamicComponent as Z, markRaw as ce, ref as R, watch as j, onMounted as ye, Transition as ht, withCtx as L, normalizeProps as gt, mergeProps as q, createTextVNode as E, Teleport as yt, TransitionGroup as ue, inject as $e, provide as vt, withModifiers as U, toHandlers as Oe, useSlots as Be, onUnmounted as ze, withDirectives as bt, vShow as xt, h as Te } from "vue";
 import { icon as te, library as je } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon as he } from "@fortawesome/vue-fontawesome";
-import { faCircleDot as Ne, faEyeDropper as Ze, faAnglesLeft as qe, faAnglesRight as Ue, faStar as Ke, faSpinnerThird as Ge, faCircle as kt, faFile as we, faCalendar as We, faArrowUp as Ye, faArrowDown as Xe, faPlus as Je, faCircleCheck as wt, faInbox as _t, faCloudDownload as Ct, faBolt as St, faUndo as $t, faEye as Tt, faSignOut as Lt, faXmark as _e, faTrash as Qe, faTimes as Pt, faStreetView as Mt, faSortUp as Vt, faSortDown as Ht, faSort as Rt, faScaleBalanced as Ft, faSatelliteDish as Dt, faLayerPlus as Et, faLaptopMobile as At, faInfoCircle as It, faGripDotsVertical as et, faGearComplex as Ot, faFlag as Bt, faFaceSmileWink as zt, faFaceSmileRelaxed as jt, faExclamationTriangle as Nt, faEllipsisVertical as Zt, faEllipsis as qt, faEdit as Ut, faComments as Kt, faCircleXmark as Gt, faCircleUser as Wt, faChevronUp as Yt, faChevronRight as tt, faChevronLeft as st, faChevronDown as at, faCheckCircle as Xt, faCheck as Ce, faBullhorn as Jt, faBellRing as Qt, faBarsSort as es, faArrowRightToLine as ts, faArrowLeftToLine as ss } from "@fortawesome/pro-regular-svg-icons";
-import { faSortUp as as, faSortDown as os, faSort as rs } from "@fortawesome/pro-duotone-svg-icons";
+import { faCircleDot as Ne, faEyeDropper as Ze, faAnglesLeft as qe, faAnglesRight as Ue, faStar as Ke, faSpinnerThird as We, faCircle as kt, faFile as we, faCalendar as Ge, faArrowUp as Ye, faArrowDown as Xe, faPlus as Je, faCircleCheck as wt, faInbox as _t, faCloudArrowUp as Ct, faCloudDownload as St, faBolt as $t, faUndo as Tt, faEye as Lt, faSignOut as Pt, faXmark as _e, faTrash as Qe, faTimes as Mt, faStreetView as Vt, faSortUp as Ht, faSortDown as Rt, faSort as Ft, faScaleBalanced as Dt, faSatelliteDish as At, faLayerPlus as Et, faLaptopMobile as It, faInfoCircle as Ot, faGripDotsVertical as et, faGearComplex as Bt, faFlag as zt, faFaceSmileWink as jt, faFaceSmileRelaxed as Nt, faExclamationTriangle as Zt, faEllipsisVertical as qt, faEllipsis as Ut, faEdit as Kt, faComments as Wt, faCircleXmark as Gt, faCircleUser as Yt, faChevronUp as Xt, faChevronRight as tt, faChevronLeft as st, faChevronDown as at, faCheckCircle as Jt, faCheck as Ce, faBullhorn as Qt, faBellRing as es, faBarsSort as ts, faArrowRightToLine as ss, faArrowLeftToLine as as } from "@fortawesome/pro-regular-svg-icons";
+import { faSortUp as os, faSortDown as rs, faSort as ns } from "@fortawesome/pro-duotone-svg-icons";
 import { defineStore as pe } from "pinia";
-import { useRoute as se, useRouter as G, onBeforeRouteLeave as ns } from "vue-router";
+import { useRoute as se, useRouter as W, onBeforeRouteLeave as ls } from "vue-router";
 import { TransitionRoot as ot, Dialog as rt, TransitionChild as ge, DialogPanel as nt } from "@headlessui/vue";
 import ve from "nprogress";
-import { range as ls, get as ee, find as is, has as cs } from "lodash";
-import { HotTable as us } from "@handsontable/vue3";
+import { range as is, get as ee, find as cs, has as us } from "lodash";
+import { HotTable as ds } from "@handsontable/vue3";
 import "handsontable/styles/handsontable.css";
 import "handsontable/styles/ht-theme-classic.css";
-import { registerPlugin as me, AutoColumnSize as ds, CopyPaste as ps, StretchColumns as fs, NestedHeaders as ms } from "handsontable/plugins";
-import { registerAllCellTypes as hs } from "handsontable/cellTypes";
+import { registerPlugin as me, AutoColumnSize as ps, CopyPaste as fs, StretchColumns as ms, NestedHeaders as hs } from "handsontable/plugins";
+import { registerAllCellTypes as gs } from "handsontable/cellTypes";
 import { useDebounceFn as lt, watchDebounced as Le } from "@vueuse/core";
-import { registerRenderer as gs, baseRenderer as ys } from "handsontable/renderers";
+import { registerRenderer as ys, baseRenderer as vs } from "handsontable/renderers";
 import le from "axios";
 const F = {
-  farArrowLeftToLine: ss,
-  farArrowRightToLine: ts,
-  farBarsSort: es,
-  farBellRing: Qt,
-  farBullhorn: Jt,
+  farArrowLeftToLine: as,
+  farArrowRightToLine: ss,
+  farBarsSort: ts,
+  farBellRing: es,
+  farBullhorn: Qt,
   farCheck: Ce,
-  farCheckCircle: Xt,
+  farCheckCircle: Jt,
   farChevronDown: at,
   farChevronLeft: st,
   farChevronRight: tt,
-  farChevronUp: Yt,
-  farCircleUser: Wt,
+  farChevronUp: Xt,
+  farCircleUser: Yt,
   farCircleXmark: Gt,
-  farComments: Kt,
-  farEdit: Ut,
-  farEllipsis: qt,
-  farEllipsisVertical: Zt,
-  farExclamationTriangle: Nt,
-  farFaceSmileRelaxed: jt,
-  farFaceSmileWink: zt,
-  farFlag: Bt,
-  farGearComplex: Ot,
+  farComments: Wt,
+  farEdit: Kt,
+  farEllipsis: Ut,
+  farEllipsisVertical: qt,
+  farExclamationTriangle: Zt,
+  farFaceSmileRelaxed: Nt,
+  farFaceSmileWink: jt,
+  farFlag: zt,
+  farGearComplex: Bt,
   farGripDotsVertical: et,
-  farInfoCircle: It,
-  farLaptopMobile: At,
+  farInfoCircle: Ot,
+  farLaptopMobile: It,
   farLayerPlus: Et,
-  farSatelliteDish: Dt,
-  farScaleBalanced: Ft,
-  farSort: Rt,
-  farSortDown: Ht,
-  farSortUp: Vt,
-  farStreetView: Mt,
-  farTimes: Pt,
+  farSatelliteDish: At,
+  farScaleBalanced: Dt,
+  farSort: Ft,
+  farSortDown: Rt,
+  farSortUp: Ht,
+  farStreetView: Vt,
+  farTimes: Mt,
   farTrash: Qe,
   farXmark: _e,
-  farSignOut: Lt,
-  farEye: Tt,
-  farUndo: $t,
-  farBolt: St,
-  farCloudDownload: Ct,
+  farSignOut: Pt,
+  farEye: Lt,
+  farUndo: Tt,
+  farBolt: $t,
+  farCloudDownload: St,
+  farCloudArrowUp: Ct,
   farInbox: _t,
   farCircleCheck: wt,
-  fadSort: rs,
-  fadSortDown: os,
-  fadSortUp: as,
+  fadSort: ns,
+  fadSortDown: rs,
+  fadSortUp: os,
   // Additional icons for FormKit genesis replacement
   farPlus: Je,
   farArrowDown: Xe,
   farArrowUp: Ye,
-  farCalendar: We,
+  farCalendar: Ge,
   farFile: we,
   farCircle: kt,
-  farSpinner: Ge,
+  farSpinner: We,
   farStar: Ke,
   farAnglesRight: Ue,
   farAnglesLeft: qe,
   farEyeDropper: Ze,
   farCircleDot: Ne
-}, Zn = Object.fromEntries(
+}, qn = Object.fromEntries(
   Object.entries(F).map(([e, s]) => {
     const t = te(s);
     return [e, t?.html?.[0] || ""];
   })
-), vs = {
+), bs = {
   add: Je,
   arrowDown: Xe,
   arrowUp: Ye,
   check: Ce,
   close: _e,
   checkboxDecorator: Ce,
-  date: We,
+  date: Ge,
   dragHandle: et,
   fileItem: we,
   fileRemove: _e,
@@ -95,7 +96,7 @@ const F = {
   radioDecorator: Ne,
   // Circle with dot for radio indicator
   select: at,
-  spinner: Ge,
+  spinner: We,
   star: Ke,
   trash: Qe,
   fastForward: Ue,
@@ -103,13 +104,13 @@ const F = {
   left: st,
   rewind: qe,
   color: Ze
-}, qn = Object.fromEntries(
-  Object.entries(vs).map(([e, s]) => {
+}, Un = Object.fromEntries(
+  Object.entries(bs).map(([e, s]) => {
     const t = te(s);
     return [e, t?.html?.[0] || ""];
   })
 );
-function Un(e) {
+function Kn(e) {
   const s = F[e];
   if (s) {
     const t = te(s);
@@ -117,16 +118,16 @@ function Un(e) {
   }
   return Promise.resolve(void 0);
 }
-function Kn(e) {
+function Wn(e) {
   Object.assign(F, e), je.add(...Object.values(e));
 }
 function Gn(e) {
   je.add(...Object.values(F)), e.component("FontAwesomeIcon", he);
 }
-const bs = { class: "flex items-center" }, xs = { class: "shrink-0 self-start" }, ks = { class: "ml-3" }, ws = {
+const xs = { class: "flex items-center" }, ks = { class: "shrink-0 self-start" }, ws = { class: "ml-3" }, _s = {
   key: 0,
   class: "ml-auto pl-3 pt-1 self-start"
-}, _s = { class: "-mx-1.5 -my-1.5" }, re = {
+}, Cs = { class: "-mx-1.5 -my-1.5" }, re = {
   __name: "SparkAlert",
   props: {
     type: {
@@ -156,36 +157,36 @@ const bs = { class: "flex items-center" }, xs = { class: "shrink-0 self-start" }
       warning: "farExclamationTriangle",
       danger: "farCircleXmark",
       info: "farInfoCircle"
-    })[s.type]), n = $(() => ({
+    })[s.type]), r = $(() => ({
       success: "text-green-400 hover:bg-green-100",
       warning: "text-yellow-400 hover:bg-yellow-100",
       danger: "text-red-400 hover:bg-red-100",
       info: "text-blue-400 hover:bg-blue-100"
     })[s.type]);
     return (o, i) => {
-      const r = E("font-awesome-icon");
+      const n = A("font-awesome-icon");
       return h(), y("div", {
         class: V(["rounded-md border p-4", t.value])
       }, [
-        m("div", bs, [
-          m("div", xs, [
-            S(r, {
-              icon: _(F)[l.value],
+        m("div", xs, [
+          m("div", ks, [
+            S(n, {
+              icon: C(F)[l.value],
               class: V(a.value)
             }, null, 8, ["icon", "class"])
           ]),
-          m("div", ks, [
+          m("div", ws, [
             O(o.$slots, "default")
           ]),
-          e.closeable ? (h(), y("div", ws, [
-            m("div", _s, [
+          e.closeable ? (h(), y("div", _s, [
+            m("div", Cs, [
               m("button", {
                 type: "button",
-                class: V(["inline-flex rounded-md px-2 py-1.5", n.value]),
+                class: V(["inline-flex rounded-md px-2 py-1.5", r.value]),
                 onClick: i[0] || (i[0] = (c) => o.$emit("close"))
               }, [
-                S(r, {
-                  icon: _(F).farXmark
+                S(n, {
+                  icon: C(F).farXmark
                 }, null, 8, ["icon"])
               ], 2)
             ])
@@ -246,11 +247,11 @@ const bs = { class: "flex items-center" }, xs = { class: "shrink-0 self-start" }
 ], it = pe("sparkAppSelector", () => {
   const e = K({
     apps: [...be]
-  }), s = (n = {}) => {
-    if (n.apps && Array.isArray(n.apps)) {
-      const o = n.apps.filter((i) => {
-        const r = i.name && i.description && i.icon && i.href;
-        return r || console.warn("useSparkAppSelectorStore: Invalid app object", i), r;
+  }), s = (r = {}) => {
+    if (r.apps && Array.isArray(r.apps)) {
+      const o = r.apps.filter((i) => {
+        const n = i.name && i.description && i.icon && i.href;
+        return n || console.warn("useSparkAppSelectorStore: Invalid app object", i), n;
       });
       e.apps = o.map((i) => ({
         name: i.name,
@@ -260,23 +261,23 @@ const bs = { class: "flex items-center" }, xs = { class: "shrink-0 self-start" }
       }));
       return;
     }
-    if (n.appHrefs && typeof n.appHrefs == "object") {
+    if (r.appHrefs && typeof r.appHrefs == "object") {
       const o = /* @__PURE__ */ new Map();
-      Object.keys(n.appHrefs).forEach((i) => {
-        o.set(i.toLowerCase(), n.appHrefs[i]);
+      Object.keys(r.appHrefs).forEach((i) => {
+        o.set(i.toLowerCase(), r.appHrefs[i]);
       }), e.apps = be.map((i) => {
-        const r = o.get(i.name.toLowerCase());
+        const n = o.get(i.name.toLowerCase());
         return {
           ...i,
-          href: r || i.href
+          href: n || i.href
         };
       });
       return;
     }
     e.apps = [...be];
-  }, t = $(() => e.apps), a = (n) => {
-    if (!n) return null;
-    const o = n.toLowerCase();
+  }, t = $(() => e.apps), a = (r) => {
+    if (!r) return null;
+    const o = r.toLowerCase();
     return e.apps.find((i) => i.name.toLowerCase() === o) || null;
   };
   return {
@@ -284,8 +285,8 @@ const bs = { class: "flex items-center" }, xs = { class: "shrink-0 self-start" }
     initialize: s,
     allApps: t,
     getAppByName: a,
-    getAppIcon: (n) => {
-      const o = a(n);
+    getAppIcon: (r) => {
+      const o = a(r);
       return o ? o.icon : "";
     }
   };
@@ -302,16 +303,16 @@ const bs = { class: "flex items-center" }, xs = { class: "shrink-0 self-start" }
       e.app = t.app || "", e.homeRoute = t.homeRoute ?? "dashboard", e.showBrandSelector = t.showBrandSelector ?? !0, e.showAppSelector = t.showAppSelector ?? !0;
     }
   };
-}), Cs = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Ss = { class: "flex flex-1 flex-col" }, $s = { class: "divide-y divide-gray-200" }, Ts = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Ls = { class: "ml-auto flex items-center" }, Ps = ["href", "onClick"], Ms = { class: "gap-y-1" }, Vs = { class: "text-base text-gray-800 flex items-center" }, Hs = { class: "font-medium" }, Rs = {
+}), Ss = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, $s = { class: "flex flex-1 flex-col" }, Ts = { class: "divide-y divide-gray-200" }, Ls = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Ps = { class: "ml-auto flex items-center" }, Ms = ["href", "onClick"], Vs = { class: "gap-y-1" }, Hs = { class: "text-base text-gray-800 flex items-center" }, Rs = { class: "font-medium" }, Fs = {
   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"
-}, Fs = { class: "text-sm text-gray-500" }, Ds = { class: "ml-auto flex items-center" }, Es = { class: "mt-auto" }, As = {
+}, Ds = { class: "text-sm text-gray-500" }, As = { class: "ml-auto flex items-center" }, Es = { class: "mt-auto" }, Is = {
   key: 0,
   class: "p-6"
-}, Is = {
+}, Os = {
   key: 1,
   class: "bg-gray-50 p-6"
-}, Os = {
+}, Bs = {
   __name: "SparkAppSelector",
   props: {
     bottomSlot: {
@@ -325,60 +326,60 @@ const bs = { class: "flex items-center" }, xs = { class: "shrink-0 self-start" }
   },
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, a = it(), l = ct(), n = $(() => {
+    const t = s, a = it(), l = ct(), r = $(() => {
       const i = l.state.app;
-      return a.state.apps.map((r) => ({
-        ...r,
-        current: i && r.name.toLowerCase() === i.toLowerCase()
+      return a.state.apps.map((n) => ({
+        ...n,
+        current: i && n.name.toLowerCase() === i.toLowerCase()
       }));
-    }), o = (i, r) => {
+    }), o = (i, n) => {
       t("select", i);
     };
-    return (i, r) => {
-      const c = E("font-awesome-icon");
-      return h(), y("div", Cs, [
-        m("div", Ss, [
-          m("div", $s, [
-            m("div", Ts, [
-              r[1] || (r[1] = m("div", null, "Mr Group Network", -1)),
-              m("div", Ls, [
+    return (i, n) => {
+      const c = A("font-awesome-icon");
+      return h(), y("div", Ss, [
+        m("div", $s, [
+          m("div", Ts, [
+            m("div", Ls, [
+              n[1] || (n[1] = m("div", null, "Mr Group Network", -1)),
+              m("div", Ps, [
                 S(c, {
-                  icon: _(F).farTimes,
+                  icon: C(F).farTimes,
                   class: "h-[15px] w-[15px] shrink-0 text-gray-400 cursor-pointer",
-                  onClick: r[0] || (r[0] = (d) => t("close"))
+                  onClick: n[0] || (n[0] = (d) => t("close"))
                 }, null, 8, ["icon"])
               ])
             ]),
-            (h(!0), y(D, null, B(n.value, (d) => (h(), y("a", {
+            (h(!0), y(D, null, B(r.value, (d) => (h(), y("a", {
               key: d.name,
               href: d.href,
               target: "_blank",
               class: V([d.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
               onClick: (p) => d.current ? p.preventDefault() : o(d)
             }, [
-              m("div", Ms, [
-                m("div", Vs, [
-                  m("div", Hs, M(d.name), 1),
-                  d.current ? (h(), y("span", Rs, " Active ")) : T("", !0)
+              m("div", Vs, [
+                m("div", Hs, [
+                  m("div", Rs, M(d.name), 1),
+                  d.current ? (h(), y("span", Fs, " Active ")) : T("", !0)
                 ]),
-                m("div", Fs, M(d.description), 1)
+                m("div", Ds, M(d.description), 1)
               ]),
-              m("div", Ds, [
+              m("div", As, [
                 S(c, {
                   class: V([d.current ? "text-gray-700" : "text-gray-400", "h-5 w-5 shrink-0"]),
-                  icon: _(F)[d.icon]
+                  icon: C(F)[d.icon]
                 }, null, 8, ["class", "icon"])
               ])
-            ], 10, Ps))), 128)),
-            r[2] || (r[2] = m("div", null, null, -1))
+            ], 10, Ms))), 128)),
+            n[2] || (n[2] = m("div", null, null, -1))
           ]),
           m("div", Es, [
-            i.$slots.bottom || e.bottomSlot ? (h(), y("div", As, [
+            i.$slots.bottom || e.bottomSlot ? (h(), y("div", Is, [
               O(i.$slots, "bottom", {}, () => [
                 e.bottomSlot ? (h(), H(Z(e.bottomSlot), { key: 0 })) : T("", !0)
               ])
             ])) : T("", !0),
-            i.$slots.footer || e.footerSlot ? (h(), y("div", Is, [
+            i.$slots.footer || e.footerSlot ? (h(), y("div", Os, [
               O(i.$slots, "footer", {}, () => [
                 e.footerSlot ? (h(), H(Z(e.footerSlot), { key: 0 })) : T("", !0)
               ])
@@ -395,7 +396,7 @@ const bs = { class: "flex items-center" }, xs = { class: "shrink-0 self-start" }
   danger: 0
   // sticky by default
 }, Pe = ["top-left", "top-right", "center", "bottom-left", "bottom-right"];
-function Bs() {
+function zs() {
   const e = K({
     isVisible: !1,
     type: "info",
@@ -408,10 +409,10 @@ function Bs() {
     shownOnPath: null
   });
   let s = null, t = 0, a = !1, l = null;
-  const n = () => {
+  const r = () => {
     s && (clearTimeout(s), s = null), t = 0, a = !1, l = null;
   }, o = () => {
-    n(), e.isVisible = !1;
+    r(), e.isVisible = !1;
   }, i = (f) => {
     f <= 0 || (t = f, l = Date.now(), s = setTimeout(() => {
       o();
@@ -420,19 +421,19 @@ function Bs() {
   return {
     state: e,
     show: (f = {}) => {
-      n();
+      r();
       const {
-        type: w = "info",
-        message: k = null,
+        type: x = "info",
+        message: w = null,
         component: v = null,
         props: u = {},
         closeable: g = !0,
-        duration: x = null,
+        duration: _ = null,
         persistent: b = !1
       } = f;
-      e.type = w, e.message = k, e.component = v ? ce(v) : null, e.props = u, e.closeable = g, e.persistent = b, e.isVisible = !0;
-      const C = x !== null ? x : ut[w];
-      e.duration = C, C > 0 && i(C);
+      e.type = x, e.message = w, e.component = v ? ce(v) : null, e.props = u, e.closeable = g, e.persistent = b, e.isVisible = !0;
+      const k = _ !== null ? _ : ut[x];
+      e.duration = k, k > 0 && i(k);
     },
     hide: o,
     reset: () => {
@@ -451,7 +452,7 @@ function Bs() {
     }
   };
 }
-class zs {
+class js {
   constructor() {
     this.outlets = /* @__PURE__ */ new Map(), this.toastState = K({
       toasts: [],
@@ -469,7 +470,7 @@ class zs {
    * @returns {Object} Notification outlet instance
    */
   getOutlet(s = "default") {
-    return this.outlets.has(s) || this.outlets.set(s, Bs()), this.outlets.get(s);
+    return this.outlets.has(s) || this.outlets.set(s, zs()), this.outlets.get(s);
   }
   /**
    * Show a banner notification in the specified outlet
@@ -568,28 +569,28 @@ class zs {
       type: t = "info",
       message: a = null,
       component: l = null,
-      props: n = {},
+      props: r = {},
       closeable: o = !0,
       duration: i = null,
-      position: r = null
-    } = s, c = ++this._toastIdCounter, d = r && Pe.includes(r) ? r : this.toastState.defaultPosition, p = i !== null ? i : ut[t], f = {
+      position: n = null
+    } = s, c = ++this._toastIdCounter, d = n && Pe.includes(n) ? n : this.toastState.defaultPosition, p = i !== null ? i : ut[t], f = {
       id: c,
       type: t,
       message: a,
       component: l ? ce(l) : null,
-      props: n,
+      props: r,
       closeable: o,
       duration: p,
       position: d,
       createdAt: Date.now()
-    }, w = this.toastState.toasts.filter((k) => k.position === d);
-    if (w.length >= this.toastState.maxToasts) {
-      const k = this.toastState.newestOnTop ? w[w.length - 1] : w[0];
-      this.hideToast(k.id);
+    }, x = this.toastState.toasts.filter((w) => w.position === d);
+    if (x.length >= this.toastState.maxToasts) {
+      const w = this.toastState.newestOnTop ? x[x.length - 1] : x[0];
+      this.hideToast(w.id);
     }
     if (this.toastState.newestOnTop) {
-      const k = this.toastState.toasts.findIndex((v) => v.position === d);
-      k === -1 ? this.toastState.toasts.push(f) : this.toastState.toasts.splice(k, 0, f);
+      const w = this.toastState.toasts.findIndex((v) => v.position === d);
+      w === -1 ? this.toastState.toasts.push(f) : this.toastState.toasts.splice(w, 0, f);
     } else
       this.toastState.toasts.push(f);
     return p > 0 && this._startToastTimer(c, p), c;
@@ -665,7 +666,7 @@ class zs {
     t && (t.timeout && clearTimeout(t.timeout), this._toastTimers.delete(s));
   }
 }
-const z = new zs(), Wn = {
+const z = new js(), Yn = {
   __name: "SparkNotificationOutlet",
   props: {
     name: {
@@ -686,8 +687,8 @@ const z = new zs(), Wn = {
       }
     ), j(
       () => a.value.state.isVisible,
-      (r) => {
-        r && !a.value.state.shownOnPath && (a.value.state.shownOnPath = t.path);
+      (n) => {
+        n && !a.value.state.shownOnPath && (a.value.state.shownOnPath = t.path);
       },
       { immediate: !0 }
     ), ye(() => {
@@ -698,14 +699,14 @@ const z = new zs(), Wn = {
         s.clearOnRouteChange && (t.meta.preserveNotifications || a.value.state.isVisible && (a.value.state.persistent || a.value.hide()));
       }
     );
-    const n = () => {
+    const r = () => {
       z.hide(s.name);
     }, o = () => {
       z.pause(s.name);
     }, i = () => {
       z.resume(s.name);
     };
-    return (r, c) => (h(), H(ht, {
+    return (n, c) => (h(), H(ht, {
       "enter-active-class": "transition-all duration-300 ease-out",
       "enter-from-class": "opacity-0 -translate-y-2",
       "enter-to-class": "opacity-100 translate-y-0",
@@ -719,13 +720,13 @@ const z = new zs(), Wn = {
           key: l.value,
           type: a.value.state.type,
           closeable: a.value.state.closeable,
-          onClose: n,
+          onClose: r,
           onMouseenter: o,
           onMouseleave: i
         }, {
           default: L(() => [
             a.value.state.component ? (h(), H(Z(a.value.state.component), gt(q({ key: 0 }, a.value.state.props)), null, 16)) : (h(), y(D, { key: 1 }, [
-              A(M(a.value.state.message), 1)
+              E(M(a.value.state.message), 1)
             ], 64))
           ]),
           _: 1
@@ -734,7 +735,7 @@ const z = new zs(), Wn = {
       _: 1
     }));
   }
-}, js = { class: "fixed top-4 left-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, Ns = { 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" }, qs = { class: "fixed bottom-4 left-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, Us = { class: "fixed bottom-4 right-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, Yn = {
+}, Ns = { class: "fixed top-4 left-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, Zs = { class: "fixed top-4 right-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, qs = { 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" }, Us = { class: "fixed bottom-4 left-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, Ks = { class: "fixed bottom-4 right-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, Xn = {
   __name: "SparkToastContainer",
   setup(e) {
     const s = z.toastState, t = $(
@@ -743,19 +744,19 @@ const z = new zs(), Wn = {
       () => s.toasts.filter((d) => d.position === "top-right")
     ), l = $(
       () => s.toasts.filter((d) => d.position === "center")
-    ), n = $(
+    ), r = $(
       () => s.toasts.filter((d) => d.position === "bottom-left")
     ), o = $(
       () => s.toasts.filter((d) => d.position === "bottom-right")
     ), i = (d) => {
       z.hideToast(d);
-    }, r = (d) => {
+    }, n = (d) => {
       z.pauseToast(d);
     }, c = (d) => {
       z.resumeToast(d);
     };
     return (d, p) => (h(), H(yt, { to: "body" }, [
-      m("div", js, [
+      m("div", Ns, [
         S(ue, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 -translate-x-4",
@@ -772,16 +773,16 @@ const z = new zs(), Wn = {
               S(re, {
                 type: f.type,
                 closeable: f.closeable,
-                onClose: (w) => i(f.id),
-                onMouseenter: (w) => r(f.id),
-                onMouseleave: (w) => c(f.id)
+                onClose: (x) => i(f.id),
+                onMouseenter: (x) => n(f.id),
+                onMouseleave: (x) => c(f.id)
               }, {
                 default: L(() => [
                   f.component ? (h(), H(Z(f.component), q({
                     key: 0,
                     ref_for: !0
                   }, f.props), null, 16)) : (h(), y(D, { key: 1 }, [
-                    A(M(f.message), 1)
+                    E(M(f.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -791,7 +792,7 @@ const z = new zs(), Wn = {
           _: 1
         })
       ]),
-      m("div", Ns, [
+      m("div", Zs, [
         S(ue, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 translate-x-4",
@@ -808,16 +809,16 @@ const z = new zs(), Wn = {
               S(re, {
                 type: f.type,
                 closeable: f.closeable,
-                onClose: (w) => i(f.id),
-                onMouseenter: (w) => r(f.id),
-                onMouseleave: (w) => c(f.id)
+                onClose: (x) => i(f.id),
+                onMouseenter: (x) => n(f.id),
+                onMouseleave: (x) => c(f.id)
               }, {
                 default: L(() => [
                   f.component ? (h(), H(Z(f.component), q({
                     key: 0,
                     ref_for: !0
                   }, f.props), null, 16)) : (h(), y(D, { key: 1 }, [
-                    A(M(f.message), 1)
+                    E(M(f.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -827,7 +828,7 @@ const z = new zs(), Wn = {
           _: 1
         })
       ]),
-      m("div", Zs, [
+      m("div", qs, [
         S(ue, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 scale-95",
@@ -844,16 +845,16 @@ const z = new zs(), Wn = {
               S(re, {
                 type: f.type,
                 closeable: f.closeable,
-                onClose: (w) => i(f.id),
-                onMouseenter: (w) => r(f.id),
-                onMouseleave: (w) => c(f.id)
+                onClose: (x) => i(f.id),
+                onMouseenter: (x) => n(f.id),
+                onMouseleave: (x) => c(f.id)
               }, {
                 default: L(() => [
                   f.component ? (h(), H(Z(f.component), q({
                     key: 0,
                     ref_for: !0
                   }, f.props), null, 16)) : (h(), y(D, { key: 1 }, [
-                    A(M(f.message), 1)
+                    E(M(f.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -863,7 +864,7 @@ const z = new zs(), Wn = {
           _: 1
         })
       ]),
-      m("div", qs, [
+      m("div", Us, [
         S(ue, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 -translate-x-4",
@@ -873,23 +874,23 @@ const z = new zs(), Wn = {
           "leave-to-class": "opacity-0 -translate-x-4"
         }, {
           default: L(() => [
-            (h(!0), y(D, null, B(n.value, (f) => (h(), y("div", {
+            (h(!0), y(D, null, B(r.value, (f) => (h(), y("div", {
               key: f.id,
               class: "pointer-events-auto"
             }, [
               S(re, {
                 type: f.type,
                 closeable: f.closeable,
-                onClose: (w) => i(f.id),
-                onMouseenter: (w) => r(f.id),
-                onMouseleave: (w) => c(f.id)
+                onClose: (x) => i(f.id),
+                onMouseenter: (x) => n(f.id),
+                onMouseleave: (x) => c(f.id)
               }, {
                 default: L(() => [
                   f.component ? (h(), H(Z(f.component), q({
                     key: 0,
                     ref_for: !0
                   }, f.props), null, 16)) : (h(), y(D, { key: 1 }, [
-                    A(M(f.message), 1)
+                    E(M(f.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -899,7 +900,7 @@ const z = new zs(), Wn = {
           _: 1
         })
       ]),
-      m("div", Us, [
+      m("div", Ks, [
         S(ue, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 translate-x-4",
@@ -916,16 +917,16 @@ const z = new zs(), Wn = {
               S(re, {
                 type: f.type,
                 closeable: f.closeable,
-                onClose: (w) => i(f.id),
-                onMouseenter: (w) => r(f.id),
-                onMouseleave: (w) => c(f.id)
+                onClose: (x) => i(f.id),
+                onMouseenter: (x) => n(f.id),
+                onMouseleave: (x) => c(f.id)
               }, {
                 default: L(() => [
                   f.component ? (h(), H(Z(f.component), q({
                     key: 0,
                     ref_for: !0
                   }, f.props), null, 16)) : (h(), y(D, { key: 1 }, [
-                    A(M(f.message), 1)
+                    E(M(f.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -942,36 +943,36 @@ const z = new zs(), Wn = {
   () => {
     const e = K({
       brands: []
-    }), s = (n = {}) => {
-      if (!n.brands || !Array.isArray(n.brands)) {
+    }), s = (r = {}) => {
+      if (!r.brands || !Array.isArray(r.brands)) {
         console.warn("useSparkBrandFilterStore: No brands provided to initialize()"), e.brands = [];
         return;
       }
-      const o = n.brands.filter((r) => {
-        const c = r.name && r.logo;
-        return c || console.warn("useSparkBrandFilterStore: Invalid brand object", r), c;
-      }), i = o.filter((r) => r.current);
-      i.length === 0 && o.length > 0 ? o[0].current = !0 : i.length > 1 && o.forEach((r) => {
-        r.current = r === i[0];
-      }), e.brands = o.map((r) => ({
-        id: r.id,
-        name: r.name,
-        logo: r.logo,
-        current: r.current || !1
+      const o = r.brands.filter((n) => {
+        const c = n.name && n.logo;
+        return c || console.warn("useSparkBrandFilterStore: Invalid brand object", n), c;
+      }), i = o.filter((n) => n.current);
+      i.length === 0 && o.length > 0 ? o[0].current = !0 : i.length > 1 && o.forEach((n) => {
+        n.current = n === i[0];
+      }), e.brands = o.map((n) => ({
+        id: n.id,
+        name: n.name,
+        logo: n.logo,
+        current: n.current || !1
       }));
-    }, t = $(() => e.brands.find((n) => n.current) || null), a = $(() => e.brands);
+    }, t = $(() => e.brands.find((r) => r.current) || null), a = $(() => e.brands);
     return {
       state: e,
       initialize: s,
       currentBrand: t,
       allBrands: a,
-      toggleBrand: (n) => {
-        if (!n || !e.brands.includes(n)) {
+      toggleBrand: (r) => {
+        if (!r || !e.brands.includes(r)) {
           console.warn("useSparkBrandFilterStore: Invalid brand provided to toggleBrand()");
           return;
         }
         e.brands.forEach((o) => {
-          o.current = o === n;
+          o.current = o === r;
         });
       }
     };
@@ -981,57 +982,57 @@ const z = new zs(), Wn = {
       paths: ["state.brands"]
     }
   }
-), Ks = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Gs = { class: "flex flex-1 flex-col" }, Ws = { class: "divide-y divide-gray-200" }, Ys = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Xs = { class: "ml-auto flex items-center" }, Js = {
+), Ws = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Gs = { class: "flex flex-1 flex-col" }, Ys = { class: "divide-y divide-gray-200" }, Xs = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Js = { class: "ml-auto flex items-center" }, Qs = {
   key: 0,
   class: "flex px-[22px] py-[15px] text-gray-500 text-sm"
-}, Qs = ["onClick"], ea = { class: "w-full gap-y-1 flex justify-between" }, ta = { class: "flex flex-col" }, sa = { class: "flex items-center" }, aa = { class: "font-medium text-base text-gray-900" }, oa = {
+}, ea = ["onClick"], ta = { class: "w-full gap-y-1 flex justify-between" }, sa = { class: "flex flex-col" }, aa = { class: "flex items-center" }, oa = { class: "font-medium text-base text-gray-900" }, ra = {
   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"
-}, ra = { class: "text-sm text-gray-500 font-normal" }, na = { class: "flex items-center" }, la = ["src", "alt"], ia = {
+}, na = { class: "text-sm text-gray-500 font-normal" }, la = { class: "flex items-center" }, ia = ["src", "alt"], ca = {
   __name: "SparkBrandSelector",
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, a = dt(), l = (n) => {
-      t("select", n);
+    const t = s, a = dt(), l = (r) => {
+      t("select", r);
     };
-    return (n, o) => {
-      const i = E("font-awesome-icon");
-      return h(), y("div", Ks, [
+    return (r, o) => {
+      const i = A("font-awesome-icon");
+      return h(), y("div", Ws, [
         m("div", Gs, [
-          m("div", Ws, [
-            m("div", Ys, [
+          m("div", Ys, [
+            m("div", Xs, [
               o[1] || (o[1] = m("div", null, "Filter by Brand", -1)),
-              m("div", Xs, [
+              m("div", Js, [
                 S(i, {
-                  icon: _(F).farTimes,
+                  icon: C(F).farTimes,
                   class: "size-4 text-gray-400 cursor-pointer",
-                  onClick: o[0] || (o[0] = (r) => t("close"))
+                  onClick: o[0] || (o[0] = (n) => t("close"))
                 }, null, 8, ["icon"])
               ])
             ]),
-            _(a).allBrands.length === 0 ? (h(), y("div", Js, " No brands configured ")) : T("", !0),
-            (h(!0), y(D, null, B(_(a).allBrands, (r) => (h(), y("div", {
-              key: r.id,
-              class: V([r.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
-              onClick: (c) => l(r)
+            C(a).allBrands.length === 0 ? (h(), y("div", Qs, " No brands configured ")) : T("", !0),
+            (h(!0), y(D, null, B(C(a).allBrands, (n) => (h(), y("div", {
+              key: n.id,
+              class: V([n.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
+              onClick: (c) => l(n)
             }, [
-              m("div", ea, [
-                m("div", ta, [
-                  m("div", sa, [
-                    m("div", aa, M(r.name), 1),
-                    r.current ? (h(), y("span", oa, " Current ")) : T("", !0)
+              m("div", ta, [
+                m("div", sa, [
+                  m("div", aa, [
+                    m("div", oa, M(n.name), 1),
+                    n.current ? (h(), y("span", ra, " Current ")) : T("", !0)
                   ]),
-                  m("div", ra, M(r.current ? "Current Brand" : "Change to"), 1)
+                  m("div", na, M(n.current ? "Current Brand" : "Change to"), 1)
                 ]),
-                m("div", na, [
+                m("div", la, [
                   m("img", {
-                    src: r.logo,
-                    alt: `${r.name} logo`,
+                    src: n.logo,
+                    alt: `${n.name} logo`,
                     class: "h-8 w-auto"
-                  }, null, 8, la)
+                  }, null, 8, ia)
                 ])
               ])
-            ], 10, Qs))), 128)),
+            ], 10, ea))), 128)),
             o[2] || (o[2] = m("div", null, null, -1))
           ]),
           o[3] || (o[3] = m("div", { class: "mt-auto" }, null, -1))
@@ -1039,7 +1040,7 @@ const z = new zs(), Wn = {
       ]);
     };
   }
-}, ca = ["disabled"], W = {
+}, ua = ["disabled"], G = {
   __name: "SparkButton",
   props: {
     size: {
@@ -1064,14 +1065,14 @@ const z = new zs(), Wn = {
   setup(e) {
     const s = e, t = R(null), a = $e("buttonGroup", null), l = $(() => {
       if (!a?.isInGroup || !t.value) return null;
-      const r = a.getButtonIndex(t.value), c = a.getButtonCount();
+      const n = a.getButtonIndex(t.value), c = a.getButtonCount();
       return {
-        isFirst: r === 0,
-        isLast: r === c - 1,
-        index: r,
+        isFirst: n === 0,
+        isLast: n === c - 1,
+        index: n,
         total: c
       };
-    }), n = {
+    }), r = {
       paddingX: /^px-/,
       paddingY: /^py-/,
       paddingAll: /^p-/,
@@ -1081,75 +1082,75 @@ const z = new zs(), Wn = {
       borderRadius: /^rounded-/,
       background: /^bg-/,
       text: /^text-(?!white|black)/
-    }, o = (r, c) => {
-      if (!c) return r;
-      const d = r.split(" ").filter(Boolean), p = c.split(" ").filter(Boolean);
-      return [...d.filter((w) => !p.some((k) => {
-        const v = Object.entries(n).find(
-          ([g, x]) => x.test(w)
-        )?.[0], u = Object.entries(n).find(
-          ([g, x]) => x.test(k)
+    }, o = (n, c) => {
+      if (!c) return n;
+      const d = n.split(" ").filter(Boolean), p = c.split(" ").filter(Boolean);
+      return [...d.filter((x) => !p.some((w) => {
+        const v = Object.entries(r).find(
+          ([g, _]) => _.test(x)
+        )?.[0], u = Object.entries(r).find(
+          ([g, _]) => _.test(w)
         )?.[0];
         return v && v === u;
       })), ...p].join(" ");
     }, i = $(() => {
-      let r = "", c = "";
+      let n = "", c = "";
       switch (s.size) {
         case "xs":
-          r += " px-4 py-1 text-xs", c = "sm";
+          n += " px-4 py-1 text-xs", c = "sm";
           break;
         case "sm":
-          r += " px-4 py-1 text-sm", c = "sm";
+          n += " px-4 py-1 text-sm", c = "sm";
           break;
         case "md":
-          r += " px-5 py-1.5 text-sm", c = "md";
+          n += " px-5 py-1.5 text-sm", c = "md";
           break;
         case "lg":
-          r += " px-6 py-2 text-sm", c = "md";
+          n += " px-6 py-2 text-sm", c = "md";
           break;
         case "xl":
-          r += " px-7 py-2.5 min-h-[42px] text-sm", c = "md";
+          n += " px-7 py-2.5 min-h-[42px] text-sm", c = "md";
           break;
       }
       if (a?.isInGroup && l.value) {
         const { isFirst: d, isLast: p } = l.value;
-        r += " relative inline-flex items-center focus:z-10", d && p ? r += ` rounded-${c}` : d ? r += ` rounded-l-${c} rounded-r-none` : p ? r += ` rounded-r-${c} rounded-l-none -ml-px` : r += " rounded-none -ml-px";
+        n += " relative inline-flex items-center focus:z-10", d && p ? n += ` rounded-${c}` : d ? n += ` rounded-l-${c} rounded-r-none` : p ? n += ` rounded-r-${c} rounded-l-none -ml-px` : n += " rounded-none -ml-px";
       } else
-        r += ` shadow-xs rounded-${c}`;
+        n += ` shadow-xs rounded-${c}`;
       switch (s.variant) {
         case "primary":
-          r += " bg-primary-600 hover:bg-primary-500 text-white";
+          n += " bg-primary-600 hover:bg-primary-500 text-white";
           break;
         case "secondary":
-          r += "  ring-1 ring-gray-300 ring-inset bg-white hover:bg-gray-50 text-gray-900";
+          n += "  ring-1 ring-gray-300 ring-inset bg-white hover:bg-gray-50 text-gray-900";
           break;
         case "success":
-          r += " bg-green-600 hover:bg-green-500 text-white";
+          n += " bg-green-600 hover:bg-green-500 text-white";
           break;
         case "warning":
-          r += " bg-amber-600 hover:bg-amber-500 text-white";
+          n += " bg-amber-600 hover:bg-amber-500 text-white";
           break;
         case "danger":
-          r += " bg-red-600 hover:bg-red-500 text-white";
+          n += " bg-red-600 hover:bg-red-500 text-white";
           break;
         case "info":
-          r += " bg-cyan-600 hover:bg-cyan-500 text-white";
+          n += " bg-cyan-600 hover:bg-cyan-500 text-white";
           break;
         default:
-          r += ` bg-${s.variant}-600 hover:bg-${s.variant}-500 text-white`;
+          n += ` bg-${s.variant}-600 hover:bg-${s.variant}-500 text-white`;
       }
-      return r = o(r, s.buttonClass), r;
+      return n = o(n, s.buttonClass), n;
     });
-    return (r, c) => (h(), y("button", {
+    return (n, c) => (h(), y("button", {
       type: "button",
       ref_key: "buttonRef",
       ref: t,
       class: V(i.value),
       disabled: e.disabled,
-      onClick: c[0] || (c[0] = (d) => r.$emit("click"))
+      onClick: c[0] || (c[0] = (d) => n.$emit("click"))
     }, [
-      O(r.$slots, "default")
-    ], 10, ca));
+      O(n.$slots, "default")
+    ], 10, ua));
   }
 }, pt = {
   __name: "SparkButtonGroup",
@@ -1159,7 +1160,7 @@ const z = new zs(), Wn = {
       isInGroup: !0,
       getButtonIndex: (l) => s.value ? Array.from(s.value.children).indexOf(l) : -1,
       getButtonCount: () => s.value?.children.length || 0
-    }), (l, n) => (h(), y("div", {
+    }), (l, r) => (h(), y("div", {
       class: "inline-flex rounded-md shadow-xs",
       ref_key: "groupRef",
       ref: s
@@ -1167,13 +1168,13 @@ const z = new zs(), Wn = {
       O(l.$slots, "default")
     ], 512));
   }
-}, ua = { class: "divide-y divide-gray-300 rounded-lg border border-gray-300 text-gray-700 bg-gray-100" }, da = {
+}, da = { class: "divide-y divide-gray-300 rounded-lg border border-gray-300 text-gray-700 bg-gray-100" }, pa = {
   key: 0,
   class: "px-[30px] py-5"
-}, pa = {
+}, fa = {
   key: 1,
   class: "p-5"
-}, Xn = {
+}, Jn = {
   __name: "SparkCard",
   props: {
     padded: {
@@ -1187,8 +1188,8 @@ const z = new zs(), Wn = {
   },
   setup(e) {
     const s = e;
-    return (t, a) => (h(), y("div", ua, [
-      t.$slots.header ? (h(), y("div", da, [
+    return (t, a) => (h(), y("div", da, [
+      t.$slots.header ? (h(), y("div", pa, [
         O(t.$slots, "header")
       ])) : T("", !0),
       m("div", {
@@ -1196,24 +1197,24 @@ const z = new zs(), Wn = {
       }, [
         O(t.$slots, "default")
       ], 2),
-      t.$slots.footer ? (h(), y("div", pa, [
+      t.$slots.footer ? (h(), y("div", fa, [
         O(t.$slots, "footer")
       ])) : T("", !0)
     ]));
   }
-}, fa = {
+}, ma = {
   key: 0,
   class: "block text-sm font-medium text-gray-700 mb-2"
-}, ma = {
+}, ha = {
   key: 1,
   class: "mb-2 relative inline-block"
-}, ha = ["href"], ga = ["src", "alt"], ya = ["disabled"], va = {
+}, ga = ["href"], ya = ["src", "alt"], va = ["disabled"], ba = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center bg-blue-50/80 rounded-md pointer-events-none"
-}, ba = {
+}, xa = {
   key: 3,
   class: "text-sm text-gray-500 mt-1"
-}, Jn = {
+}, Qn = {
   __name: "SparkImageUpload",
   props: {
     modelValue: {
@@ -1259,19 +1260,19 @@ const z = new zs(), Wn = {
   },
   emits: ["update:modelValue", "upload-start", "upload-success", "upload-error"],
   setup(e, { emit: s }) {
-    const t = e, a = s, l = $e("axios"), n = R(!1), o = R(!1);
+    const t = e, a = s, l = $e("axios"), r = R(!1), o = R(!1);
     function i() {
       a("update:modelValue", "");
     }
-    function r() {
-      t.disabled || n.value || (o.value = !0);
+    function n() {
+      t.disabled || r.value || (o.value = !0);
     }
     function c() {
       o.value = !1;
     }
-    function d(k) {
-      if (o.value = !1, t.disabled || n.value) return;
-      const v = k.dataTransfer?.files?.[0];
+    function d(w) {
+      if (o.value = !1, t.disabled || r.value) return;
+      const v = w.dataTransfer?.files?.[0];
       if (v) {
         if (!p(v)) {
           z.show({
@@ -1280,33 +1281,33 @@ const z = new zs(), Wn = {
           });
           return;
         }
-        w(v);
+        x(v);
       }
     }
-    function p(k) {
+    function p(w) {
       const v = t.accept.split(",").map((u) => u.trim());
       for (const u of v) {
         if (u === "*/*") return !0;
         if (u.endsWith("/*")) {
           const g = u.slice(0, -2);
-          if (k.type.startsWith(g + "/")) return !0;
+          if (w.type.startsWith(g + "/")) return !0;
         } else if (u.startsWith(".")) {
-          if (k.name.toLowerCase().endsWith(u.toLowerCase())) return !0;
-        } else if (k.type === u) return !0;
+          if (w.name.toLowerCase().endsWith(u.toLowerCase())) return !0;
+        } else if (w.type === u) return !0;
       }
       return !1;
     }
-    function f(k) {
-      if (!k || k.length === 0) return;
-      const v = k[0].file;
-      v && w(v);
+    function f(w) {
+      if (!w || w.length === 0) return;
+      const v = w[0].file;
+      v && x(v);
     }
-    async function w(k) {
-      n.value = !0, a("upload-start");
+    async function x(w) {
+      r.value = !0, a("upload-start");
       try {
         const v = new FormData();
-        v.append(t.fieldName, k), Object.entries(t.extraFields).forEach(([x, b]) => {
-          v.append(x, b);
+        v.append(t.fieldName, w), Object.entries(t.extraFields).forEach(([_, b]) => {
+          v.append(_, b);
         });
         const u = await l.post(t.uploadUrl, v, {
           headers: { "Content-Type": "multipart/form-data" }
@@ -1321,14 +1322,14 @@ const z = new zs(), Wn = {
           message: v.response?.data?.message || "Failed to upload image."
         });
       } finally {
-        n.value = !1;
+        r.value = !1;
       }
     }
-    return (k, v) => {
-      const u = E("font-awesome-icon"), g = E("FormKit");
+    return (w, v) => {
+      const u = A("font-awesome-icon"), g = A("FormKit");
       return h(), y("div", null, [
-        e.label ? (h(), y("label", fa, M(e.label), 1)) : T("", !0),
-        e.modelValue ? (h(), y("div", ma, [
+        e.label ? (h(), y("label", ma, M(e.label), 1)) : T("", !0),
+        e.modelValue ? (h(), y("div", ha, [
           m("a", {
             href: e.modelValue,
             target: "_blank",
@@ -1338,8 +1339,8 @@ const z = new zs(), Wn = {
               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, ga)
-          ], 8, ha),
+            }, null, 10, ya)
+          ], 8, ga),
           m("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",
@@ -1347,18 +1348,18 @@ const z = new zs(), Wn = {
             onClick: i
           }, [
             S(u, {
-              icon: _(F).farXmark,
+              icon: C(F).farXmark,
               class: "text-xs"
             }, null, 8, ["icon"])
-          ], 8, ya)
+          ], 8, va)
         ])) : T("", !0),
         e.modelValue ? T("", !0) : (h(), y("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"]),
+          onDragover: U(n, ["prevent"]),
+          onDragenter: U(n, ["prevent"]),
           onDragleave: U(c, ["prevent"]),
           onDrop: U(d, ["prevent"])
         }, [
@@ -1366,21 +1367,21 @@ const z = new zs(), Wn = {
             type: "file",
             name: e.name,
             accept: e.accept,
-            disabled: e.disabled || n.value,
+            disabled: e.disabled || r.value,
             onInput: f
           }, null, 8, ["name", "accept", "disabled"]),
-          o.value ? (h(), y("div", va, [...v[0] || (v[0] = [
+          o.value ? (h(), y("div", ba, [...v[0] || (v[0] = [
             m("span", { class: "text-sm text-blue-600 font-medium" }, "Drop image here", -1)
           ])])) : T("", !0)
         ], 34)),
-        n.value ? (h(), y("p", ba, "Uploading...")) : T("", !0)
+        r.value ? (h(), y("p", xa, "Uploading...")) : T("", !0)
       ]);
     };
   }
-}, xa = { class: "px-4 pt-5 pb-4 sm:p-6" }, ka = {
+}, ka = { class: "px-4 pt-5 pb-4 sm:p-6" }, wa = {
   key: 0,
   class: "text-lg font-medium text-gray-900"
-}, wa = {
+}, _a = {
   __name: "SparkModalDialog",
   props: {
     title: {
@@ -1446,7 +1447,7 @@ const z = new zs(), Wn = {
       success: "farCheckCircle",
       warning: "farExclamationTriangle",
       danger: "farCircleXmark"
-    }, n = $(() => s.icon || l[s.type]), o = $(() => ({
+    }, r = $(() => s.icon || l[s.type]), o = $(() => ({
       info: "bg-blue-100",
       success: "bg-green-100",
       warning: "bg-yellow-100",
@@ -1457,22 +1458,22 @@ const z = new zs(), Wn = {
       warning: "text-yellow-400",
       danger: "text-red-400"
     })[s.type]);
-    return (r, c) => {
-      const d = E("font-awesome-icon");
-      return h(), y("div", xa, [
-        n.value ? (h(), y("div", {
+    return (n, c) => {
+      const d = A("font-awesome-icon");
+      return h(), y("div", ka, [
+        r.value ? (h(), y("div", {
           key: 0,
           class: V(["mx-auto flex size-12 items-center justify-center rounded-full", o.value])
         }, [
           S(d, {
-            icon: _(F)[n.value],
+            icon: C(F)[r.value],
             class: V(["h-5 w-5", i.value])
           }, null, 8, ["icon", "class"])
         ], 2)) : T("", !0),
         m("div", {
-          class: V(["text-center", { "mt-3 sm:mt-5": n.value }])
+          class: V(["text-center", { "mt-3 sm:mt-5": r.value }])
         }, [
-          e.title ? (h(), y("h3", ka, M(e.title), 1)) : T("", !0),
+          e.title ? (h(), y("h3", wa, M(e.title), 1)) : T("", !0),
           e.message ? (h(), y("div", {
             key: 1,
             class: V([{ "mt-2": e.title }, "text-sm text-gray-500"])
@@ -1481,13 +1482,13 @@ const z = new zs(), Wn = {
         m("div", {
           class: V(["mt-5 sm:mt-6", a.value])
         }, [
-          (h(!0), y(D, null, B(t.value, (p, f) => (h(), H(_(W), {
+          (h(!0), y(D, null, B(t.value, (p, f) => (h(), H(C(G), {
             key: f,
             variant: p.variant,
-            onClick: (w) => r.$emit(p.event, p)
+            onClick: (x) => n.$emit(p.event, p)
           }, {
             default: L(() => [
-              A(M(p.text), 1)
+              E(M(p.text), 1)
             ]),
             _: 2
           }, 1032, ["variant", "onClick"]))), 128))
@@ -1496,7 +1497,7 @@ const z = new zs(), Wn = {
     };
   }
 };
-class _a {
+class Ca {
   constructor() {
     this.state = K({
       isVisible: !1,
@@ -1527,19 +1528,19 @@ class _a {
     const {
       title: a = "Confirm",
       message: l = "Are you sure?",
-      type: n = "warning",
+      type: r = "warning",
       confirmText: o = "Confirm",
       cancelText: i = "Cancel",
-      confirmVariant: r = "primary"
+      confirmVariant: n = "primary"
     } = s;
     this.show(
-      wa,
+      _a,
       {
         title: a,
         message: l,
-        type: n,
+        type: r,
         buttons: [
-          { text: o, variant: r, event: "confirm" },
+          { text: o, variant: n, event: "confirm" },
           { text: i, variant: "secondary", event: "cancel" }
         ]
       },
@@ -1554,20 +1555,20 @@ class _a {
     );
   });
 }
-const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, Sa = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, $a = {
+const J = new Ca(), Sa = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, $a = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Ta = {
   __name: "SparkModalContainer",
   setup(e) {
-    return (s, t) => (h(), H(_(ot), {
+    return (s, t) => (h(), H(C(ot), {
       as: "template",
-      show: _(J).state.isVisible
+      show: C(J).state.isVisible
     }, {
       default: L(() => [
-        S(_(rt), {
+        S(C(rt), {
           class: "relative z-1000",
-          onClose: _(J).hide
+          onClose: C(J).hide
         }, {
           default: L(() => [
-            S(_(ge), {
+            S(C(ge), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -1581,9 +1582,9 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               ])]),
               _: 1
             }),
-            m("div", Ca, [
-              m("div", Sa, [
-                S(_(ge), {
+            m("div", Sa, [
+              m("div", $a, [
+                S(C(ge), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -1593,9 +1594,9 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 }, {
                   default: L(() => [
-                    S(_(nt), { class: "relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:min-w-lg sm:max-w-max" }, {
+                    S(C(nt), { class: "relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:min-w-lg sm:max-w-max" }, {
                       default: L(() => [
-                        (h(), H(Z(_(J).state.content), q(_(J).state.props, Oe(_(J).state.eventHandlers)), null, 16))
+                        (h(), H(Z(C(J).state.content), q(C(J).state.props, Oe(C(J).state.eventHandlers)), null, 16))
                       ]),
                       _: 1
                     })
@@ -1611,7 +1612,7 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}, Ta = { class: "fixed inset-0 flex" }, Me = {
+}, La = { class: "fixed inset-0 flex" }, Me = {
   __name: "SparkOverlay",
   props: {
     position: {
@@ -1632,21 +1633,21 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       md: "w-[450px]",
       lg: "w-[810px]",
       xl: "w-[1000px]"
-    }, l = e, n = s, o = $(() => a[l.overlayInstance.state.size] || a.md), i = () => {
-      l.overlayInstance.close(), n("close");
+    }, l = e, r = s, o = $(() => a[l.overlayInstance.state.size] || a.md), i = () => {
+      l.overlayInstance.close(), r("close");
     };
-    return (r, c) => (h(), H(_(ot), {
+    return (n, c) => (h(), H(C(ot), {
       show: e.overlayInstance.state.isVisible,
       as: "template"
     }, {
       default: L(() => [
-        S(_(rt), {
+        S(C(rt), {
           initialFocus: t.value,
           class: "relative z-1000",
           onClose: i
         }, {
           default: L(() => [
-            S(_(ge), {
+            S(C(ge), {
               as: "template",
               enter: "transition-opacity ease-linear duration-150",
               "enter-from": "opacity-0",
@@ -1660,8 +1661,8 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               ])]),
               _: 1
             }),
-            m("div", Ta, [
-              S(_(ge), {
+            m("div", La, [
+              S(C(ge), {
                 as: "template",
                 enter: "transition ease-in-out duration-150 transform",
                 "enter-from": e.position === "left" ? "-translate-x-full opacity-0" : "translate-x-full opacity-0",
@@ -1671,7 +1672,7 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                 "leave-to": e.position === "left" ? "-translate-x-full opacity-0" : "translate-x-full opacity-0"
               }, {
                 default: L(() => [
-                  S(_(nt), {
+                  S(C(nt), {
                     ref_key: "panelRef",
                     ref: t,
                     class: V([
@@ -1696,7 +1697,7 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}, La = ["disabled", "onClick"], Qn = {
+}, Pa = ["disabled", "onClick"], el = {
   __name: "SparkSubNav",
   props: {
     /**
@@ -1743,14 +1744,14 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   },
   emits: ["navigate", "update:activeId"],
   setup(e, { emit: s }) {
-    const t = e, a = s, l = $(() => t.navInstance ? t.navInstance.visibleItems.value : t.items.filter((v) => !(typeof v.hidden == "function" ? v.hidden() : v.hidden))), n = $(() => t.navInstance ? t.navInstance.activeId.value : t.activeId);
+    const t = e, a = s, l = $(() => t.navInstance ? t.navInstance.visibleItems.value : t.items.filter((v) => !(typeof v.hidden == "function" ? v.hidden() : v.hidden))), r = $(() => t.navInstance ? t.navInstance.activeId.value : t.activeId);
     function o(v) {
       return t.navInstance ? t.navInstance.isActive(v) : v.id === t.activeId;
     }
     function i(v) {
       return t.navInstance ? t.navInstance.isDisabled(v) : typeof v.disabled == "function" ? v.disabled() : v.disabled;
     }
-    async function r(v) {
+    async function n(v) {
       i(v) || (t.navInstance && await t.navInstance.navigateTo(v), a("navigate", v), a("update:activeId", v.id));
     }
     const c = $(() => ["spark-sub-nav", {
@@ -1761,21 +1762,21 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       custom: ""
     }[t.layout]]), d = $(() => t.compact ? "text-sm" : "");
     function p(v) {
-      const u = o(v), g = i(v), x = [
+      const u = o(v), g = i(v), _ = [
         "inline-flex items-center transition-colors cursor-pointer",
         "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-1"
       ];
-      return g && x.push("opacity-50 cursor-not-allowed"), t.layout === "tabs" ? x.push(...f(u, g)) : t.layout === "vertical" && x.push(...w(u, g)), x;
+      return g && _.push("opacity-50 cursor-not-allowed"), t.layout === "tabs" ? _.push(...f(u, g)) : t.layout === "vertical" && _.push(...x(u, g)), _;
     }
     function f(v, u) {
-      const g = ["border-b-2 -mb-px rounded-t font-medium"], x = t.compact ? "text-sm px-3 py-1.5" : "text-sm px-8 py-4";
-      return g.push(x), v ? g.push("border-primary-600 text-primary-600") : u ? g.push("border-transparent text-gray-400") : g.push("border-transparent text-gray-600 hover:text-gray-900 hover:border-gray-300"), g;
+      const g = ["border-b-2 -mb-px rounded-t font-medium"], _ = t.compact ? "text-sm px-3 py-1.5" : "text-sm px-8 py-4";
+      return g.push(_), v ? g.push("border-primary-600 text-primary-600") : u ? g.push("border-transparent text-gray-400") : g.push("border-transparent text-gray-600 hover:text-gray-900 hover:border-gray-300"), g;
     }
-    function w(v, u) {
+    function x(v, u) {
       const g = ["font-medium text-sm py-1"];
       return v ? g.push("text-primary-600") : u ? g.push("text-gray-400") : g.push("text-gray-600 hover:text-gray-900"), g;
     }
-    function k(v) {
+    function w(v) {
       const u = v.badgeVariant || "primary", g = {
         primary: "bg-primary-100 text-primary-700",
         secondary: "bg-gray-100 text-gray-700",
@@ -1791,32 +1792,32 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       t.layout === "custom" ? O(v.$slots, "default", {
         key: 0,
         items: l.value,
-        activeId: n.value,
+        activeId: r.value,
         isActive: o,
         isDisabled: i,
-        navigate: r
+        navigate: n
       }) : t.layout === "horizontal" ? (h(), H(pt, {
         key: 1,
         class: "isolate"
       }, {
         default: L(() => [
-          (h(!0), y(D, null, B(l.value, (g) => (h(), H(W, {
+          (h(!0), y(D, null, B(l.value, (g) => (h(), H(G, {
             key: g.id,
             size: "xl",
             variant: o(g) ? "primary" : "secondary",
             disabled: i(g),
-            onClick: (x) => r(g)
+            onClick: (_) => n(g)
           }, {
             default: L(() => [
-              g.icon ? (h(), H(_(he), {
+              g.icon ? (h(), H(C(he), {
                 key: 0,
-                icon: _(F)[g.icon],
+                icon: C(F)[g.icon],
                 class: "mr-1.5 size-4"
               }, null, 8, ["icon"])) : T("", !0),
-              A(" " + M(g.label) + " ", 1),
+              E(" " + M(g.label) + " ", 1),
               g.badge != null ? (h(), y("span", {
                 key: 1,
-                class: V(k(g))
+                class: V(w(g))
               }, M(g.badge), 3)) : T("", !0)
             ]),
             _: 2
@@ -1827,85 +1828,85 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
         key: g.id,
         class: V(p(g)),
         disabled: i(g) || void 0,
-        onClick: (x) => r(g)
+        onClick: (_) => n(g)
       }, [
-        o(g) && t.layout === "vertical" ? (h(), H(_(he), {
+        o(g) && t.layout === "vertical" ? (h(), H(C(he), {
           key: 0,
-          icon: _(F).farCircleCheck,
+          icon: C(F).farCircleCheck,
           class: "mr-2 size-4"
         }, null, 8, ["icon"])) : T("", !0),
-        g.icon && !(o(g) && t.layout === "vertical") ? (h(), H(_(he), {
+        g.icon && !(o(g) && t.layout === "vertical") ? (h(), H(C(he), {
           key: 1,
-          icon: _(F)[g.icon],
+          icon: C(F)[g.icon],
           class: V(["mr-2", d.value])
         }, null, 8, ["icon", "class"])) : T("", !0),
         m("span", null, M(g.label), 1),
         g.badge != null ? (h(), y("span", {
           key: 2,
-          class: V(k(g))
+          class: V(w(g))
         }, M(g.badge), 3)) : T("", !0)
-      ], 10, La))), 128))
+      ], 10, Pa))), 128))
     ], 2));
   }
-}, Pa = (e) => {
+}, Ma = (e) => {
   if (e.includes(".")) {
     const s = e.split(".");
     e = s[s.length - 1];
   }
   return e.replace(/_/g, " ");
-}, Ma = (e, s, t) => {
+}, Va = (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 = te({ prefix: "fad", iconName: "sort" }).html + te({ prefix: "fad", iconName: "sort-up" }).html + te({ prefix: "fad", iconName: "sort-down" }).html, a.appendChild(l), a.addEventListener("click", async () => {
-    const n = t.params.orderBy, o = t.params.sortedBy;
-    return n === e && o === "asc" ? (a.classList.remove("asc"), a.classList.add("desc"), t.methods.applyParams({
+    const r = t.params.orderBy, o = t.params.sortedBy;
+    return r === e && o === "asc" ? (a.classList.remove("asc"), a.classList.add("desc"), t.methods.applyParams({
       orderBy: e,
       sortedBy: "desc"
-    })) : n === e ? (a.classList.remove("desc"), await t.methods.clearParams(["orderBy", "sortedBy"])) : (a.classList.add("asc"), t.methods.applyParams({
+    })) : r === e ? (a.classList.remove("desc"), await t.methods.clearParams(["orderBy", "sortedBy"])) : (a.classList.add("asc"), t.methods.applyParams({
       orderBy: e,
       sortedBy: "asc"
     }));
   });
-}, Va = (e, s, t) => {
+}, Ha = (e, s, t) => {
   if (s.querySelector(".spark-table-head-filter"))
     return;
   const a = document.createElement("div"), l = document.createElement("input");
   l.type = "text", l.placeholder = "Filter...", a.className = "spark-table-head-filter", a.appendChild(l);
-  const n = lt(async (o, i) => {
-    const r = i.target.value, c = `filter[${o}]`;
-    if (r)
-      return t.params[c] && t.params[c] === r ? void 0 : t.methods.applyParams({
+  const r = lt(async (o, i) => {
+    const n = i.target.value, c = `filter[${o}]`;
+    if (n)
+      return t.params[c] && t.params[c] === n ? void 0 : t.methods.applyParams({
         page: 1,
-        [c]: r
+        [c]: n
       });
     await t.methods.removeParam(c);
   }, 200);
-  l.addEventListener("keyup", (o) => n(e, o)), s.appendChild(a);
-}, Ha = (e, s, t) => {
+  l.addEventListener("keyup", (o) => r(e, o)), s.appendChild(a);
+}, Ra = (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 = Pa(s);
-}, Ra = (e, s, t) => {
+  l.classList.add("spark-table-head-title"), l.innerHTML = Ma(s);
+}, Fa = (e, s, t) => {
   if (typeof e != "number")
     return e;
   if (e < 0)
     return;
   let a = 2;
-  const l = t.methods.colToProp(e), n = t.methods.getSettingsForProp(l);
-  s.childElementCount === 1 && ((!n || !n.columnSort) && a--, (!n || !n.columnFilter) && a--, n && n.columnSort && Ma(l, s, t), n && n.columnFilter && Va(l, s, t)), (s.childElementCount === a || a === 0) && Ha(s, l, n);
-}, Fa = (e) => {
+  const l = t.methods.colToProp(e), r = t.methods.getSettingsForProp(l);
+  s.childElementCount === 1 && ((!r || !r.columnSort) && a--, (!r || !r.columnFilter) && a--, r && r.columnSort && Va(l, s, t), r && r.columnFilter && Ha(l, s, t)), (s.childElementCount === a || a === 0) && Ra(s, l, r);
+}, Da = (e) => {
   if (!e.hotInstance || !e.hotInstance.rootElement)
     return;
   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 && a.forEach((l) => {
-    const n = l.closest("th"), o = Array.from(n.parentElement.children).indexOf(n);
+    const r = l.closest("th"), o = Array.from(r.parentElement.children).indexOf(r);
     e.methods.colToProp(o) === s && l.classList.add(t);
   });
-}, Da = (e) => (s, t, a, l, n, o, i) => {
+}, Aa = (e) => (s, t, a, l, r, o, i) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-actions");
   const c = (i.rendererConfig || {}).actions || [];
   if (c.length === 0)
@@ -1914,17 +1915,17 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   p.classList.add("flex", "items-center", "gap-2"), c.forEach((f) => {
     if (f.condition && typeof f.condition == "function" && !f.condition(d))
       return;
-    const w = document.createElement("button");
-    if (w.type = "button", w.classList.add("spark-table-action-button"), f.icon) {
-      const k = document.createElement("span");
-      k.innerHTML = te({ prefix: "far", iconName: f.icon }).html, k.classList.add("size-4"), w.appendChild(k);
+    const x = document.createElement("button");
+    if (x.type = "button", x.classList.add("spark-table-action-button"), f.icon) {
+      const w = document.createElement("span");
+      w.innerHTML = te({ prefix: "far", iconName: f.icon }).html, w.classList.add("size-4"), x.appendChild(w);
     }
     if (f.label) {
-      const k = document.createElement("span");
-      k.textContent = f.label, w.appendChild(k);
+      const w = document.createElement("span");
+      w.textContent = f.label, x.appendChild(w);
     }
-    w.addEventListener("click", async (k) => {
-      if (k.preventDefault(), k.stopPropagation(), f.confirm) {
+    x.addEventListener("click", async (w) => {
+      if (w.preventDefault(), w.stopPropagation(), f.confirm) {
         const v = typeof f.confirm == "string" ? f.confirm : `Are you sure you want to ${f.label?.toLowerCase() || "perform this action"}?`;
         if (!await J.confirm({
           title: f.confirmTitle,
@@ -1937,7 +1938,7 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
           return;
       }
       f.event && e.methods.fireEvent(f.event, d), f.handler && typeof f.handler == "function" && f.handler(d);
-    }), p.appendChild(w);
+    }), p.appendChild(x);
   }), t.appendChild(p);
 }, Ve = {
   green: "bg-green-100 text-green-800",
@@ -1948,7 +1949,7 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   purple: "bg-purple-100 text-purple-800",
   pink: "bg-pink-100 text-pink-800",
   indigo: "bg-indigo-100 text-indigo-800"
-}, Ea = (e) => (s, t, a, l, n, o, i) => {
+}, Ea = (e) => (s, t, a, l, r, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-badge"), !o)
     return;
   const c = (i.rendererConfig || {}).colorMap || {}, d = c[o] || c[o?.toLowerCase()] || "gray", p = Ve[d] || Ve.gray, f = document.createElement("span");
@@ -1970,7 +1971,7 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   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" }
-}, Aa = (e) => {
+}, Ia = (e) => {
   if (e == null || e === "")
     return !1;
   if (typeof e == "boolean")
@@ -1982,9 +1983,9 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     return s === "1" || s === "yes" || s === "true";
   }
   return !1;
-}, Ia = (e) => (s, t, a, l, n, o, i) => {
+}, Oa = (e) => (s, t, a, l, r, o, i) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-boolean");
-  const r = i.rendererConfig || {}, c = Aa(o), d = c ? r.trueIcon || "check" : r.falseIcon || "xmark", p = c ? r.trueColor || "green" : r.falseColor || "red", f = r.size || 32, w = r.iconPrefix || "far", k = He[p] || He.gray;
+  const n = i.rendererConfig || {}, c = Ia(o), d = c ? n.trueIcon || "check" : n.falseIcon || "xmark", p = c ? n.trueColor || "green" : n.falseColor || "red", f = n.size || 32, x = n.iconPrefix || "far", w = He[p] || He.gray;
   t.dataset.copyValue = c ? "true" : "false";
   const v = document.createElement("div");
   v.classList.add(
@@ -1992,89 +1993,89 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     "items-center",
     "justify-center",
     "rounded-full",
-    k.bg,
-    k.text
+    w.bg,
+    w.text
   ), v.style.width = `${f}px`, v.style.height = `${f}px`;
   const u = document.createElement("span");
-  u.innerHTML = te({ prefix: w, iconName: d }).html, u.classList.add("flex", "items-center", "justify-center");
+  u.innerHTML = te({ prefix: x, iconName: d }).html, u.classList.add("flex", "items-center", "justify-center");
   const g = Math.round(f * 0.5);
   u.style.fontSize = `${g}px`, v.appendChild(u), t.appendChild(v);
-}, Oa = (e, s = 2) => {
+}, Ba = (e, s = 2) => {
   const t = Number(e);
   if (isNaN(t)) return null;
-  const a = t < 0, n = Math.abs(t).toLocaleString("en-AU", {
+  const a = t < 0, r = Math.abs(t).toLocaleString("en-AU", {
     minimumFractionDigits: s,
     maximumFractionDigits: s
   });
-  return a ? `-$${n}` : `$${n}`;
-}, Ba = (e) => (s, t, a, l, n, o, i) => {
+  return a ? `-$${r}` : `$${r}`;
+}, za = (e) => (s, t, a, l, r, o, i) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-currency");
-  const r = i.rendererConfig || {}, { decimals: c = 2, emptyText: d = "" } = r;
+  const n = i.rendererConfig || {}, { decimals: c = 2, emptyText: d = "" } = n;
   if (o == null || o === "") {
     t.textContent = d;
     return;
   }
-  const p = Oa(o, c);
+  const p = Ba(o, c);
   if (p === null) {
     t.textContent = d;
     return;
   }
   const f = document.createElement("span");
   f.textContent = p, t.appendChild(f);
-}, za = (e) => (s, t, a, l, n, o, i) => {
+}, ja = (e) => (s, t, a, l, r, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-link"), !o)
     return;
-  const r = i.rendererConfig || {}, c = s.getSourceDataAtRow(s.toPhysicalRow(a));
+  const n = i.rendererConfig || {}, c = s.getSourceDataAtRow(s.toPhysicalRow(a));
   let d = o;
-  r.href && (typeof r.href == "function" ? d = r.href(c) : r.href === "email" ? d = `mailto:${o}` : r.href === "tel" ? d = `tel:${o}` : typeof r.href == "string" && (d = c[r.href] || o));
+  n.href && (typeof n.href == "function" ? d = n.href(c) : n.href === "email" ? d = `mailto:${o}` : n.href === "tel" ? d = `tel:${o}` : typeof n.href == "string" && (d = c[n.href] || o));
   const p = document.createElement("a");
-  p.href = d, p.textContent = o, p.classList.add("text-primary-600", "hover:text-primary-900", "hover:underline"), r.target && (p.target = r.target), r.rel && (p.rel = r.rel), p.addEventListener("click", (f) => {
+  p.href = d, p.textContent = o, p.classList.add("text-primary-600", "hover:text-primary-900", "hover:underline"), n.target && (p.target = n.target), n.rel && (p.rel = n.rel), p.addEventListener("click", (f) => {
     f.stopPropagation();
   }), t.appendChild(p);
 }, Re = {
   sm: "h-6 w-6",
   md: "h-8 w-8",
   lg: "h-12 w-12"
-}, ja = (e) => (s, t, a, l, n, o, i) => {
+}, Na = (e) => (s, t, a, l, r, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-image"), !o)
     return;
-  const r = i.rendererConfig || {}, c = s.getSourceDataAtRow(s.toPhysicalRow(a)), d = r.size || "md", p = Re[d] || Re.md, f = r.rounded !== !1;
-  let w = r.alt || "";
-  typeof r.alt == "string" && c[r.alt] && (w = c[r.alt]);
-  const k = document.createElement("img");
-  k.src = o, k.alt = w, k.classList.add(...p.split(" "), "object-cover"), f ? k.classList.add("rounded-full") : k.classList.add("rounded"), t.appendChild(k);
-}, Na = (e) => (s, t, a, l, n, o, i) => {
+  const n = i.rendererConfig || {}, c = s.getSourceDataAtRow(s.toPhysicalRow(a)), d = n.size || "md", p = Re[d] || Re.md, f = n.rounded !== !1;
+  let x = n.alt || "";
+  typeof n.alt == "string" && c[n.alt] && (x = c[n.alt]);
+  const w = document.createElement("img");
+  w.src = o, w.alt = x, w.classList.add(...p.split(" "), "object-cover"), f ? w.classList.add("rounded-full") : w.classList.add("rounded"), t.appendChild(w);
+}, Za = (e) => (s, t, a, l, r, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-date"), !o)
     return;
-  const r = i.rendererConfig || {}, c = r.format || "short", d = r.locale || "en-US";
+  const n = i.rendererConfig || {}, c = n.format || "short", d = n.locale || "en-US";
   let p = o;
   try {
-    const w = new Date(o);
-    isNaN(w.getTime()) ? p = o : typeof c == "function" ? p = c(w) : c === "short" ? p = w.toLocaleDateString(d) : c === "long" ? p = w.toLocaleDateString(d, {
+    const x = new Date(o);
+    isNaN(x.getTime()) ? p = o : typeof c == "function" ? p = c(x) : c === "short" ? p = x.toLocaleDateString(d) : c === "long" ? p = x.toLocaleDateString(d, {
       year: "numeric",
       month: "long",
       day: "numeric"
-    }) : c === "relative" ? p = Za(w) : c === "datetime" ? p = w.toLocaleString(d) : p = w.toLocaleDateString(d);
-  } catch (w) {
-    console.error("Error formatting date:", w), p = o;
+    }) : c === "relative" ? p = qa(x) : c === "datetime" ? p = x.toLocaleString(d) : p = x.toLocaleDateString(d);
+  } catch (x) {
+    console.error("Error formatting date:", x), p = o;
   }
   const f = document.createElement("span");
   f.textContent = p, t.appendChild(f);
 };
-function Za(e) {
-  const t = /* @__PURE__ */ new Date() - e, a = Math.floor(Math.abs(t) / 1e3), l = Math.floor(a / 60), n = Math.floor(l / 60), o = Math.floor(n / 24), i = Math.floor(o / 30), r = Math.floor(o / 365), c = t > 0;
-  return a < 60 ? c ? "just now" : "in a moment" : l < 60 ? c ? `${l} minute${l > 1 ? "s" : ""} ago` : `in ${l} minute${l > 1 ? "s" : ""}` : n < 24 ? c ? `${n} hour${n > 1 ? "s" : ""} ago` : `in ${n} hour${n > 1 ? "s" : ""}` : o < 30 ? c ? `${o} day${o > 1 ? "s" : ""} ago` : `in ${o} day${o > 1 ? "s" : ""}` : i < 12 ? c ? `${i} month${i > 1 ? "s" : ""} ago` : `in ${i} month${i > 1 ? "s" : ""}` : c ? `${r} year${r > 1 ? "s" : ""} ago` : `in ${r} year${r > 1 ? "s" : ""}`;
+function qa(e) {
+  const t = /* @__PURE__ */ new Date() - e, a = Math.floor(Math.abs(t) / 1e3), l = Math.floor(a / 60), r = Math.floor(l / 60), o = Math.floor(r / 24), i = Math.floor(o / 30), n = Math.floor(o / 365), c = t > 0;
+  return a < 60 ? c ? "just now" : "in a moment" : l < 60 ? c ? `${l} minute${l > 1 ? "s" : ""} ago` : `in ${l} minute${l > 1 ? "s" : ""}` : r < 24 ? c ? `${r} hour${r > 1 ? "s" : ""} ago` : `in ${r} hour${r > 1 ? "s" : ""}` : o < 30 ? c ? `${o} day${o > 1 ? "s" : ""} ago` : `in ${o} day${o > 1 ? "s" : ""}` : i < 12 ? c ? `${i} month${i > 1 ? "s" : ""} ago` : `in ${i} month${i > 1 ? "s" : ""}` : c ? `${n} year${n > 1 ? "s" : ""} ago` : `in ${n} year${n > 1 ? "s" : ""}`;
 }
-const qa = (e) => {
+const Ua = (e) => {
   const s = ["th", "st", "nd", "rd"], t = e % 100;
   return e + (s[(t - 20) % 10] || s[t] || s[0]);
-}, N = (e, s = 2) => String(e).padStart(s, "0"), xe = /* @__PURE__ */ new Map(), Ua = (e, s) => {
+}, N = (e, s = 2) => String(e).padStart(s, "0"), xe = /* @__PURE__ */ new Map(), Ka = (e, s) => {
   const t = `${e}:${JSON.stringify(s)}`;
   return xe.has(t) || xe.set(t, new Intl.DateTimeFormat(e, s)), xe.get(t);
 }, de = (e, s, t, a) => {
-  const o = Ua(s, t).formatToParts(e).find((i) => i.type === a);
+  const o = Ka(s, t).formatToParts(e).find((i) => i.type === a);
   return o ? o.value : "";
-}, Ka = (e) => e.epochMilliseconds !== void 0 ? new Date(e.epochMilliseconds) : new Date(
+}, Wa = (e) => e.epochMilliseconds !== void 0 ? new Date(e.epochMilliseconds) : new Date(
   e.year,
   e.month - 1,
   e.day,
@@ -2103,10 +2104,10 @@ const qa = (e) => {
 }, Fe = (e, s = !0) => {
   if (!e.offsetNanoseconds && e.offsetNanoseconds !== 0)
     return "";
-  const t = Math.round(e.offsetNanoseconds / 6e10), a = t >= 0 ? "+" : "-", l = Math.abs(t), n = Math.floor(l / 60), o = l % 60;
-  return s ? `${a}${N(n)}:${N(o)}` : `${a}${N(n)}${N(o)}`;
-}, Wa = (e, s) => {
-  const t = Ga(e), a = Ka(e), l = t.dayOfWeek === 7 ? 0 : t.dayOfWeek;
+  const t = Math.round(e.offsetNanoseconds / 6e10), a = t >= 0 ? "+" : "-", l = Math.abs(t), r = Math.floor(l / 60), o = l % 60;
+  return s ? `${a}${N(r)}:${N(o)}` : `${a}${N(r)}${N(o)}`;
+}, Ya = (e, s) => {
+  const t = Ga(e), a = Wa(e), l = t.dayOfWeek === 7 ? 0 : t.dayOfWeek;
   return [
     // Year
     ["YYYY", () => String(t.year)],
@@ -2118,7 +2119,7 @@ const qa = (e) => {
     ["M", () => String(t.month)],
     // Day of month
     ["DD", () => N(t.day)],
-    ["Do", () => qa(t.day)],
+    ["Do", () => Ua(t.day)],
     ["D", () => String(t.day)],
     // Day of week
     ["dddd", () => de(a, s, { weekday: "long" }, "weekday")],
@@ -2152,7 +2153,7 @@ const qa = (e) => {
     ["x", () => String(e.epochMilliseconds ?? a.getTime())],
     ["X", () => String(Math.floor((e.epochMilliseconds ?? a.getTime()) / 1e3))]
   ];
-}, Ya = (e, s, t = {}) => {
+}, Xa = (e, s, t = {}) => {
   const { locale: a = "en-US" } = t;
   if (!e)
     return "";
@@ -2162,55 +2163,55 @@ const qa = (e) => {
       if (e.includes("[") || e.includes("Z") || /[+-]\d{2}:\d{2}$/.test(e))
         l = Temporal.ZonedDateTime.from(e);
       else {
-        const r = e.replace(" ", "T");
-        l = Temporal.PlainDateTime.from(r);
+        const n = e.replace(" ", "T");
+        l = Temporal.PlainDateTime.from(n);
       }
-    } catch (r) {
-      return console.error("Failed to parse date string:", e, r), e;
+    } catch (n) {
+      return console.error("Failed to parse date string:", e, n), e;
     }
-  const n = Wa(l, a), o = n.map(([r]) => r).join("|"), i = new RegExp(`\\[([^\\]]+)\\]|(${o})`, "g");
-  return s.replace(i, (r, c, d) => {
+  const r = Ya(l, a), o = r.map(([n]) => n).join("|"), i = new RegExp(`\\[([^\\]]+)\\]|(${o})`, "g");
+  return s.replace(i, (n, c, d) => {
     if (c !== void 0)
       return c;
-    const p = n.find(([f]) => f === d);
-    return p ? p[1]() : r;
+    const p = r.find(([f]) => f === d);
+    return p ? p[1]() : n;
   });
-}, Xa = (e, s = {}) => {
+}, Ja = (e, s = {}) => {
   const { fromTimezone: t, toTimezone: a } = s;
   if (!e)
     return null;
   const l = e.replace(" ", "T");
   return t && a ? Temporal.PlainDateTime.from(l).toZonedDateTime(t).withTimeZone(a) : t ? Temporal.PlainDateTime.from(l).toZonedDateTime(t) : Temporal.PlainDateTime.from(l);
-}, Ja = (e) => (s, t, a, l, n, o, i) => {
+}, Qa = (e) => (s, t, a, l, r, o, i) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-datetime");
-  const r = i.rendererConfig || {}, {
+  const n = i.rendererConfig || {}, {
     format: c = "DD MMM YYYY, HH:mm",
     fromTimezone: d,
     toTimezone: p,
     locale: f = "en-US",
-    emptyText: w = ""
-  } = r;
+    emptyText: x = ""
+  } = n;
   if (!o) {
-    t.textContent = w;
+    t.textContent = x;
     return;
   }
   try {
-    const k = Xa(o, { fromTimezone: d, toTimezone: p });
-    if (!k) {
-      t.textContent = w;
+    const w = Ja(o, { fromTimezone: d, toTimezone: p });
+    if (!w) {
+      t.textContent = x;
       return;
     }
-    const v = Ya(k, c, { locale: f }), u = document.createElement("span");
+    const v = Xa(w, c, { locale: f }), u = document.createElement("span");
     u.textContent = v, t.appendChild(u);
-  } catch (k) {
-    console.error("Error formatting datetime:", k, { value: o, format: c }), t.textContent = o;
+  } catch (w) {
+    console.error("Error formatting datetime:", w, { value: o, format: c }), t.textContent = o;
   }
-}, Qa = /* @__PURE__ */ new Map(), X = (e, s) => {
-  gs(e, (t, a, l, n, o, i, r) => {
-    ys.apply(null, [t, a, l, n, o, i, r]), s(t, a, l, n, o, i, r);
-  }), Qa.set(e, s);
-}, eo = (e) => {
-  X("spark.actions", Da(e)), X("spark.badge", Ea()), X("spark.boolean", Ia()), X("spark.currency", Ba()), X("spark.link", za()), X("spark.image", ja()), X("spark.date", Na()), X("spark.datetime", Ja()), X("style.capitalize", (s, t, a, l, n, o) => {
+}, eo = /* @__PURE__ */ new Map(), X = (e, s) => {
+  ys(e, (t, a, l, r, o, i, n) => {
+    vs.apply(null, [t, a, l, r, o, i, n]), s(t, a, l, r, o, i, n);
+  }), eo.set(e, s);
+}, to = (e) => {
+  X("spark.actions", Aa(e)), X("spark.badge", Ea()), X("spark.boolean", Oa()), X("spark.currency", za()), X("spark.link", ja()), X("spark.image", Na()), X("spark.date", Za()), X("spark.datetime", Qa()), X("style.capitalize", (s, t, a, l, r, o) => {
     if (!o || o.length === 0) {
       t.innerText = "";
       return;
@@ -2218,12 +2219,12 @@ const qa = (e) => {
     const i = document.createElement("span");
     i.innerHTML = o, i.classList.add("capitalize"), t.replaceChildren(i);
   });
-}, to = () => {
-}, so = (e, s = {}) => {
-  const t = G(), a = se(), l = s.namespace, n = l === null, o = s.syncToRoute !== !1, i = s.persistToStorage === !0, r = s.restoreOnMount !== !1, c = s.storageTTL || 7, d = n ? `spark-table:${a.path}` : `spark-table:${l}`, p = (b, C = "") => {
+}, so = () => {
+}, ao = (e, s = {}) => {
+  const t = W(), a = se(), l = s.namespace, r = l === null, o = s.syncToRoute !== !1, i = s.persistToStorage === !0, n = s.restoreOnMount !== !1, c = s.storageTTL || 7, d = r ? `spark-table:${a.path}` : `spark-table:${l}`, p = (b, k = "") => {
     const P = {};
     return Object.keys(b).forEach((I) => {
-      const Y = b[I], fe = C ? `${C}[${I}]` : I;
+      const Y = b[I], fe = k ? `${k}[${I}]` : I;
       Y != null && (typeof Y == "object" && !Array.isArray(Y) ? Object.assign(P, p(Y, fe)) : P[fe] = String(Y));
     }), P;
   }, f = () => {
@@ -2237,22 +2238,22 @@ const qa = (e) => {
       } catch (b) {
         console.warn("Failed to save table state to localStorage:", b);
       }
-  }, w = () => {
+  }, x = () => {
     if (!i) return null;
     try {
       const b = localStorage.getItem(d);
       if (!b) return null;
-      const C = JSON.parse(b);
+      const k = JSON.parse(b);
       if (c > 0) {
-        const P = Date.now() - C.timestamp, I = c * 24 * 60 * 60 * 1e3;
+        const P = Date.now() - k.timestamp, I = c * 24 * 60 * 60 * 1e3;
         if (P > I)
           return localStorage.removeItem(d), null;
       }
-      return C.params;
+      return k.params;
     } catch (b) {
       return console.warn("Failed to load table state from localStorage:", b), null;
     }
-  }, k = () => {
+  }, w = () => {
     try {
       localStorage.removeItem(d);
     } catch (b) {
@@ -2261,37 +2262,37 @@ const qa = (e) => {
   }, v = () => {
     if (!o) return;
     const b = { ...a.query };
-    if (n) {
+    if (r) {
       Object.keys(b).forEach((P) => {
         u(P) && delete b[P];
       });
-      const C = p(e.params);
-      Object.assign(b, C);
+      const k = p(e.params);
+      Object.assign(b, k);
     } else {
       Object.keys(b).forEach((P) => {
         (P.startsWith(`${l}[`) || P === l) && delete b[P];
       });
-      const C = p(e.params, l);
-      Object.assign(b, C);
+      const k = p(e.params, l);
+      Object.assign(b, k);
     }
     t.replace({ query: b });
-  }, u = (b) => !!(["page", "limit", "search", "orderBy", "sortedBy"].includes(b) || b.includes("[")), g = (b, C) => {
-    if (["page", "limit"].includes(b) && C !== null && C !== void 0) {
-      const I = parseInt(C, 10);
-      return isNaN(I) ? C : I;
+  }, u = (b) => !!(["page", "limit", "search", "orderBy", "sortedBy"].includes(b) || b.includes("[")), g = (b, k) => {
+    if (["page", "limit"].includes(b) && k !== null && k !== void 0) {
+      const I = parseInt(k, 10);
+      return isNaN(I) ? k : I;
     }
-    return C;
-  }, x = () => {
-    if (n)
+    return k;
+  }, _ = () => {
+    if (r)
       Object.keys(a.query).forEach((b) => {
         u(b) && (e.params[b] = g(b, a.query[b]));
       });
     else {
       const b = `${l}[`;
-      Object.keys(a.query).forEach((C) => {
-        if (C.startsWith(b)) {
-          const P = C.slice(b.length, -1);
-          e.params[P] = g(P, a.query[C]);
+      Object.keys(a.query).forEach((k) => {
+        if (k.startsWith(b)) {
+          const P = k.slice(b.length, -1);
+          e.params[P] = g(P, a.query[k]);
         }
       });
     }
@@ -2302,34 +2303,34 @@ const qa = (e) => {
       o && v(), i && f();
     },
     { deep: !0 }
-  ), r && ye(() => {
+  ), n && ye(() => {
     let b = !1;
     if (o) {
-      let C = !1;
-      if (n)
-        C = Object.keys(a.query).some((P) => u(P));
+      let k = !1;
+      if (r)
+        k = Object.keys(a.query).some((P) => u(P));
       else {
         const P = `${l}[`;
-        C = Object.keys(a.query).some(
+        k = Object.keys(a.query).some(
           (I) => I.startsWith(P)
         );
       }
-      C && (b = !0, x());
+      k && (b = !0, _());
     }
     if (!b && i) {
-      const C = w();
-      C && Object.keys(C).length > 0 && (Object.keys(C).forEach((P) => {
-        C[P] = g(P, C[P]);
-      }), Object.assign(e.params, C));
+      const k = x();
+      k && Object.keys(k).length > 0 && (Object.keys(k).forEach((P) => {
+        k[P] = g(P, k[P]);
+      }), Object.assign(e.params, k));
     }
   }), {
     syncToRoute: v,
-    restoreFromRoute: x,
+    restoreFromRoute: _,
     saveToStorage: f,
-    loadFromStorage: w,
-    clearStorage: k
+    loadFromStorage: x,
+    clearStorage: w
   };
-}, ao = { class: "flex items-center gap-4 py-3" }, oo = { class: "shrink-0" }, ro = { class: "text-sm text-gray-700" }, no = { class: "font-medium" }, lo = { class: "font-medium" }, io = { class: "font-medium" }, co = {
+}, oo = { class: "flex items-center gap-4 py-3" }, ro = { class: "shrink-0" }, no = { class: "text-sm text-gray-700" }, lo = { class: "font-medium" }, io = { class: "font-medium" }, co = { class: "font-medium" }, uo = {
   __name: "SparkTablePaginationDetails",
   props: {
     sparkTable: {
@@ -2340,28 +2341,28 @@ const qa = (e) => {
   setup(e) {
     const s = e;
     return (t, a) => (h(), y("div", null, [
-      m("div", ao, [
-        m("div", oo, [
-          m("div", ro, [
-            a[0] || (a[0] = A(" Showing ", -1)),
-            m("span", no, M(s.sparkTable.response.meta.from), 1),
-            a[1] || (a[1] = A(" to ", -1)),
-            m("span", lo, M(s.sparkTable.response.meta.to), 1),
-            a[2] || (a[2] = A(" of ", -1)),
-            m("span", io, M(s.sparkTable.response.meta.total), 1),
-            a[3] || (a[3] = A(" results ", -1))
+      m("div", oo, [
+        m("div", ro, [
+          m("div", no, [
+            a[0] || (a[0] = E(" Showing ", -1)),
+            m("span", lo, M(s.sparkTable.response.meta.from), 1),
+            a[1] || (a[1] = E(" to ", -1)),
+            m("span", io, M(s.sparkTable.response.meta.to), 1),
+            a[2] || (a[2] = E(" of ", -1)),
+            m("span", co, M(s.sparkTable.response.meta.total), 1),
+            a[3] || (a[3] = E(" results ", -1))
           ])
         ])
       ])
     ]));
   }
-}, uo = { class: "flex items-center gap-4 px-4 py-3" }, po = {
+}, po = { class: "flex items-center gap-4 px-4 py-3" }, fo = {
   key: 0,
   class: "shrink-0 ml-auto"
-}, fo = {
+}, mo = {
   class: "isolate inline-flex -space-x-px rounded-md shadow-xs bg-white",
   "aria-label": "Pagination"
-}, mo = ["onClick"], ho = {
+}, ho = ["onClick"], go = {
   __name: "SparkTablePaginationPaging",
   props: {
     sparkTable: {
@@ -2372,50 +2373,50 @@ const qa = (e) => {
   emits: ["paginate"],
   setup(e, { emit: s }) {
     const t = e, a = s, l = (d) => {
-      n(t.sparkTable.params.page + d);
-    }, n = (d) => {
+      r(t.sparkTable.params.page + d);
+    }, r = (d) => {
       d < 1 || d > t.sparkTable.response.meta.last_page || a("paginate", {
         page: d
       });
-    }, o = $(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), i = $(() => t.sparkTable.computed.ready ? ls(
+    }, o = $(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), i = $(() => t.sparkTable.computed.ready ? is(
       Math.floor((o.value - 1) / 10) * 10 + 1,
       o.value > t.sparkTable.response.meta.last_page ? t.sparkTable.response.meta.last_page + 1 : o.value + 1
-    ) : []), r = $(
+    ) : []), n = $(
       () => t.sparkTable.params.page < ee(t.sparkTable.response.meta, "last_page", 1)
     ), c = $(() => t.sparkTable.params.page > 1);
     return (d, p) => {
-      const f = E("font-awesome-icon");
+      const f = A("font-awesome-icon");
       return h(), y("div", null, [
-        m("div", uo, [
-          i.value.length > 1 ? (h(), y("div", po, [
+        m("div", po, [
+          i.value.length > 1 ? (h(), y("div", fo, [
             m("div", null, [
-              m("nav", fo, [
+              m("nav", mo, [
                 m("a", {
                   class: V([c.value ? "" : "disabled", "relative inline-flex items-center rounded-l-md px-2 py-[9px] text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-20 focus:outline-offset-0"]),
                   href: "#",
-                  onClick: p[0] || (p[0] = U((w) => l(-1), ["prevent"]))
+                  onClick: p[0] || (p[0] = U((x) => l(-1), ["prevent"]))
                 }, [
                   S(f, {
-                    icon: _(F).farChevronLeft,
+                    icon: C(F).farChevronLeft,
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ], 2),
-                (h(!0), y(D, null, B(i.value, (w) => (h(), y("a", {
-                  key: `page-${w}`,
+                (h(!0), y(D, null, B(i.value, (x) => (h(), y("a", {
+                  key: `page-${x}`,
                   href: "#",
                   class: V([
                     "relative inline-flex items-center px-4 py-[9px] text-sm font-semibold ring-1 ring-inset",
-                    e.sparkTable.params.page === w ? "z-10 text-white bg-primary-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 hover:bg-primary-600" : "text-gray-900 hover:bg-gray-50 ring-gray-300 focus:z-20 focus:outline-offset-0"
+                    e.sparkTable.params.page === x ? "z-10 text-white bg-primary-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 hover:bg-primary-600" : "text-gray-900 hover:bg-gray-50 ring-gray-300 focus:z-20 focus:outline-offset-0"
                   ]),
-                  onClick: (k) => n(w)
-                }, M(w), 11, mo))), 128)),
+                  onClick: (w) => r(x)
+                }, M(x), 11, ho))), 128)),
                 m("a", {
-                  class: V([r.value ? "" : "disabled", "relative inline-flex items-center rounded-r-md px-2 py-[9px] text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-20 focus:outline-offset-0"]),
-                  onClick: p[1] || (p[1] = U((w) => l(1), ["prevent"])),
+                  class: V([n.value ? "" : "disabled", "relative inline-flex items-center rounded-r-md px-2 py-[9px] text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-20 focus:outline-offset-0"]),
+                  onClick: p[1] || (p[1] = U((x) => l(1), ["prevent"])),
                   href: "#"
                 }, [
                   S(f, {
-                    icon: _(F).farChevronRight,
+                    icon: C(F).farChevronRight,
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ], 2)
@@ -2431,7 +2432,7 @@ const qa = (e) => {
   for (const [a, l] of s)
     t[a] = l;
   return t;
-}, go = { class: "spark-table-pagination-per-page" }, yo = {
+}, yo = { class: "spark-table-pagination-per-page" }, vo = {
   __name: "SparkTablePaginationPerPage",
   props: {
     sparkTable: {
@@ -2444,28 +2445,28 @@ const qa = (e) => {
     const t = e, a = s, l = $(() => t.sparkTable.options.perPages.map((o) => ({
       label: String(o),
       value: o
-    }))), n = (o) => {
+    }))), r = (o) => {
       a("paginate", {
         page: 1,
         limit: parseInt(o)
       });
     };
     return (o, i) => {
-      const r = E("FormKit");
-      return h(), y("div", go, [
-        S(r, {
+      const n = A("FormKit");
+      return h(), y("div", yo, [
+        S(n, {
           "model-value": e.sparkTable.params.limit,
           type: "select",
           options: l.value,
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0",
           "input-class": "!py-2",
-          onInput: n
+          onInput: r
         }, null, 8, ["model-value", "options"])
       ]);
     };
   }
-}, vo = /* @__PURE__ */ oe(yo, [["__scopeId", "data-v-9ef8544b"]]), De = {
+}, bo = /* @__PURE__ */ oe(vo, [["__scopeId", "data-v-9ef8544b"]]), De = {
   __name: "SparkTableToolbar",
   props: {
     position: {
@@ -2476,17 +2477,17 @@ const qa = (e) => {
   },
   setup(e) {
     const s = e, t = Be(), a = $(() => !!t.default), l = $(() => {
-      const n = "spark-table-toolbar flex flex-wrap items-center gap-x-5 w-full";
-      return s.position === "footer" ? `${n} spark-table-toolbar-footer justify-between` : `${n} spark-table-toolbar-header gap-y-5 py-5`;
+      const r = "spark-table-toolbar flex flex-wrap items-center gap-x-5 w-full";
+      return s.position === "footer" ? `${r} spark-table-toolbar-footer justify-between` : `${r} spark-table-toolbar-header gap-y-5 py-5`;
     });
-    return (n, o) => a.value ? (h(), y("div", {
+    return (r, o) => a.value ? (h(), y("div", {
       key: 0,
       class: V(l.value)
     }, [
-      O(n.$slots, "default")
+      O(r.$slots, "default")
     ], 2)) : T("", !0);
   }
-}, bo = { class: "spark-table-search" }, xo = {
+}, xo = { class: "spark-table-search" }, ko = {
   __name: "SparkTableSearch",
   props: {
     /** SparkTable instance object */
@@ -2518,20 +2519,20 @@ const qa = (e) => {
     j(t, (o) => {
       l(o);
     });
-    const n = s.config.placeholder || "Search...";
+    const r = s.config.placeholder || "Search...";
     return j(
       () => s.sparkTable.params[a],
       (o) => {
         o && o !== t.value ? t.value = o : !o && t.value && (t.value = "");
       }
     ), (o, i) => {
-      const r = E("FormKit");
-      return h(), y("div", bo, [
-        S(r, q({
+      const n = A("FormKit");
+      return h(), y("div", xo, [
+        S(n, q({
           modelValue: t.value,
           "onUpdate:modelValue": i[0] || (i[0] = (c) => t.value = c),
           type: "text",
-          placeholder: _(n),
+          placeholder: C(r),
           suffixIcon: "search",
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0",
@@ -2540,7 +2541,7 @@ const qa = (e) => {
       ]);
     };
   }
-}, ko = /* @__PURE__ */ oe(xo, [["__scopeId", "data-v-976170dc"]]), wo = { class: "spark-table-filter-select" }, _o = {
+}, wo = /* @__PURE__ */ oe(ko, [["__scopeId", "data-v-976170dc"]]), _o = { class: "spark-table-filter-select" }, Co = {
   __name: "SparkTableFilterSelect",
   props: {
     /** SparkTable instance object */
@@ -2560,7 +2561,7 @@ const qa = (e) => {
     s.sparkTable.params[a] ? t.value = s.sparkTable.params[a] : s.config.initialValue !== void 0 && s.config.initialValue !== null && (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
       [a]: s.config.initialValue
     }));
-    const l = s.config.label || null, n = $(() => [
+    const l = s.config.label || null, r = $(() => [
       { label: s.config.placeholder || "All", value: "" },
       ...s.config.options
     ]);
@@ -2575,14 +2576,14 @@ const qa = (e) => {
         o != null && o !== "" ? t.value !== o && (t.value = o) : t.value && (t.value = "");
       }
     ), (o, i) => {
-      const r = E("FormKit");
-      return h(), y("div", wo, [
-        S(r, q({
+      const n = A("FormKit");
+      return h(), y("div", _o, [
+        S(n, q({
           modelValue: t.value,
           "onUpdate:modelValue": i[0] || (i[0] = (c) => t.value = c),
           type: "select",
-          label: _(l),
-          options: n.value,
+          label: C(l),
+          options: r.value,
           placeholder: e.config.placeholder || "All",
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0"
@@ -2590,10 +2591,10 @@ const qa = (e) => {
       ]);
     };
   }
-}, Co = /* @__PURE__ */ oe(_o, [["__scopeId", "data-v-642dbc69"]]), So = { class: "spark-table-filter-buttons" }, $o = {
+}, So = /* @__PURE__ */ oe(Co, [["__scopeId", "data-v-642dbc69"]]), $o = { class: "spark-table-filter-buttons" }, To = {
   key: 0,
   class: "spark-table-filter-buttons-label"
-}, To = {
+}, Lo = {
   __name: "SparkTableFilterButtons",
   props: {
     /** SparkTable instance object */
@@ -2613,7 +2614,7 @@ const qa = (e) => {
     s.sparkTable.params[l] !== void 0 ? t.value = s.sparkTable.params[l] : s.config.initialValue !== void 0 && (t.value = s.config.initialValue, s.config.initialValue !== null && s.sparkTable.methods.applyParams({
       [l]: s.config.initialValue
     }));
-    const n = (i) => i == null ? t.value === null || t.value === void 0 || t.value === "" : t.value === i, o = (i) => {
+    const r = (i) => i == null ? t.value === null || t.value === void 0 || t.value === "" : t.value === i, o = (i) => {
       t.value = i, i == null || i === "" ? s.sparkTable.methods.removeParam(l) : s.sparkTable.methods.applyParams({
         page: 1,
         [l]: i
@@ -2624,19 +2625,19 @@ const qa = (e) => {
       (i) => {
         (i == null || i === "") && t.value ? t.value = null : i !== t.value && (t.value = i);
       }
-    ), (i, r) => (h(), y("div", So, [
-      _(a) ? (h(), y("span", $o, M(_(a)), 1)) : T("", !0),
+    ), (i, n) => (h(), y("div", $o, [
+      C(a) ? (h(), y("span", To, M(C(a)), 1)) : T("", !0),
       S(pt, { class: "isolate" }, {
         default: L(() => [
-          (h(!0), y(D, null, B(e.config.options, (c) => (h(), H(W, {
+          (h(!0), y(D, null, B(e.config.options, (c) => (h(), H(G, {
             key: c.value,
             size: "xl",
             "button-class": "px-3.5",
-            variant: n(c.value) ? "primary" : "secondary",
+            variant: r(c.value) ? "primary" : "secondary",
             onClick: (d) => o(c.value)
           }, {
             default: L(() => [
-              A(M(c.label), 1)
+              E(M(c.label), 1)
             ]),
             _: 2
           }, 1032, ["variant", "onClick"]))), 128))
@@ -2645,7 +2646,7 @@ const qa = (e) => {
       })
     ]));
   }
-}, Lo = /* @__PURE__ */ oe(To, [["__scopeId", "data-v-01a49899"]]), Po = { class: "spark-table-date-picker" }, Mo = {
+}, Po = /* @__PURE__ */ oe(Lo, [["__scopeId", "data-v-01a49899"]]), Mo = { class: "spark-table-date-picker" }, Vo = {
   __name: "SparkTableDatePicker",
   props: {
     /** SparkTable instance object */
@@ -2661,7 +2662,7 @@ const qa = (e) => {
     }
   },
   setup(e) {
-    const s = e, t = R(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`, n = R(`${l}-0`);
+    const s = e, t = R(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`, r = R(`${l}-0`);
     return s.sparkTable.params[l] ? t.value = s.sparkTable.params[l] : s.config.initialValue ? (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
       [l]: s.config.initialValue
     })) : t.value = null, j(t, (o) => {
@@ -2674,20 +2675,20 @@ const qa = (e) => {
       (o) => {
         if ((o == null || o === "") && t.value) {
           t.value = null;
-          const i = parseInt(n.value.split("-").pop()) || 0;
-          n.value = `${l}-${i + 1}`;
+          const i = parseInt(r.value.split("-").pop()) || 0;
+          r.value = `${l}-${i + 1}`;
         } else o && o !== t.value && (t.value = o);
       }
     ), (o, i) => {
-      const r = E("FormKit");
-      return h(), y("div", Po, [
-        (h(), H(r, q({
-          key: n.value,
+      const n = A("FormKit");
+      return h(), y("div", Mo, [
+        (h(), H(n, q({
+          key: r.value,
           modelValue: t.value,
           "onUpdate:modelValue": i[0] || (i[0] = (c) => t.value = c),
           type: "datepicker",
           "picker-only": "",
-          label: _(a),
+          label: C(a),
           placeholder: e.config.placeholder || "Select date",
           overlay: !0,
           "value-format": "YYYY-MM-DD",
@@ -2698,7 +2699,7 @@ const qa = (e) => {
       ]);
     };
   }
-}, Vo = /* @__PURE__ */ oe(Mo, [["__scopeId", "data-v-44ef9cb8"]]), Ho = { class: "spark-table-reset" }, Ro = { key: 1 }, Fo = {
+}, Ho = /* @__PURE__ */ oe(Vo, [["__scopeId", "data-v-44ef9cb8"]]), Ro = { class: "spark-table-reset" }, Fo = { key: 1 }, Do = {
   __name: "SparkTableReset",
   props: {
     /** SparkTable instance object */
@@ -2714,16 +2715,16 @@ const qa = (e) => {
   },
   setup(e) {
     const s = e, t = () => {
-      const a = s.sparkTable.plugins || {}, l = [], n = {};
+      const a = s.sparkTable.plugins || {}, l = [], r = {};
       Object.entries(a).forEach(([c, d]) => {
         if (!d || d.type === "reset" || !(typeof d.enabled == "function" ? d.enabled(s.sparkTable.params) : d.enabled))
           return;
         let f = null;
-        d.type === "search" ? f = d.param || "search" : d.type === "filterSelect" || d.type === "filterButtons" ? f = d.param || `filter[${d.key}]` : d.type === "datePicker" && (f = d.param || `filter[${d.key}]`), f && (d.initialValue !== void 0 && d.initialValue !== null ? n[f] = d.initialValue : l.push(f));
+        d.type === "search" ? f = d.param || "search" : d.type === "filterSelect" || d.type === "filterButtons" ? f = d.param || `filter[${d.key}]` : d.type === "datePicker" && (f = d.param || `filter[${d.key}]`), f && (d.initialValue !== void 0 && d.initialValue !== null ? r[f] = d.initialValue : l.push(f));
       });
       const o = l.filter(
         (c) => s.sparkTable.params[c] !== void 0 && s.sparkTable.params[c] !== null && s.sparkTable.params[c] !== ""
-      ), i = Object.entries(n).filter(
+      ), i = Object.entries(r).filter(
         ([c, d]) => s.sparkTable.params[c] !== d
       );
       if (o.length === 0 && i.length === 0)
@@ -2731,44 +2732,44 @@ const qa = (e) => {
       o.forEach((c) => {
         delete s.sparkTable.params[c];
       });
-      const r = Object.fromEntries(i);
-      s.sparkTable.methods.applyParams({ ...r, page: 1 });
+      const n = Object.fromEntries(i);
+      s.sparkTable.methods.applyParams({ ...n, page: 1 });
     };
     return (a, l) => {
-      const n = E("font-awesome-icon");
-      return h(), y("div", Ho, [
-        S(W, {
+      const r = A("font-awesome-icon");
+      return h(), y("div", Ro, [
+        S(G, {
           onClick: t,
           variant: "secondary",
           "button-class": "px-3.5",
           size: "xl"
         }, {
           default: L(() => [
-            e.config.icon ? (h(), H(n, {
+            e.config.icon ? (h(), H(r, {
               key: 0,
               icon: ["far", e.config.icon],
               class: V({ "mr-1.5": e.config.label })
             }, null, 8, ["icon", "class"])) : T("", !0),
-            e.config.label ? (h(), y("span", Ro, M(e.config.label), 1)) : T("", !0)
+            e.config.label ? (h(), y("span", Fo, M(e.config.label), 1)) : T("", !0)
           ]),
           _: 1
         })
       ]);
     };
   }
-}, Do = /* @__PURE__ */ oe(Fo, [["__scopeId", "data-v-0894e3bf"]]), Eo = { class: "spark-table" }, Ao = {
+}, Ao = /* @__PURE__ */ oe(Do, [["__scopeId", "data-v-0894e3bf"]]), Eo = { class: "spark-table" }, Io = {
   key: 1,
   class: "pt-5"
-}, Io = {
+}, Oo = {
   key: 2,
   class: "flex flex-col items-center justify-center py-16 text-gray-500 rounded-md border border-gray-300 bg-white"
-}, Oo = { class: "flex items-center gap-x-3 ml-auto" }, Se = {
+}, Bo = { class: "flex items-center gap-x-3 ml-auto" }, Se = {
   perPages: [15, 30, 50, 100, 200, 500],
   limit: 15
-}, Bo = {
+}, zo = {
   page: 1,
   limit: Se.limit
-}, Ee = {
+}, Ae = {
   colHeaders: !0,
   filters: !1,
   stretchH: "all",
@@ -2778,7 +2779,7 @@ const qa = (e) => {
   tableClassName: "spark-table-table",
   readOnlyCellClassName: "read-only",
   licenseKey: "non-commercial-and-evaluation"
-}, el = {
+}, tl = {
   __name: "SparkTable",
   props: {
     url: {
@@ -2790,7 +2791,7 @@ const qa = (e) => {
     dataTransformer: {
       type: Function,
       default: (e, s) => ({
-        data: ee(s.settings, "nestedHeaders") ? e.data.data.map((a) => (s.settings.columnKeys || []).map((n) => a[n])) : e.data.data,
+        data: ee(s.settings, "nestedHeaders") ? e.data.data.map((a) => (s.settings.columnKeys || []).map((r) => a[r])) : e.data.data,
         meta: {
           last_page: e.data.last_page,
           from: e.data.from,
@@ -2802,7 +2803,7 @@ const qa = (e) => {
     params: {
       type: Object,
       default() {
-        return Bo;
+        return zo;
       }
     },
     options: {
@@ -2814,7 +2815,7 @@ const qa = (e) => {
     settings: {
       type: Object,
       default() {
-        return Ee;
+        return Ae;
       }
     },
     plugins: {
@@ -2843,15 +2844,15 @@ const qa = (e) => {
   ],
   setup(e, { expose: s, emit: t }) {
     const a = e;
-    hs(), me(ds), me(ps), me(fs), ee(a, "settings.nestedHeaders") && me(ms);
-    const l = t, n = $e("axios"), o = R(null), i = R(!1), r = R(null);
+    gs(), me(ps), me(fs), me(ms), ee(a, "settings.nestedHeaders") && me(hs);
+    const l = t, r = $e("axios"), o = R(null), i = R(!1), n = R(null);
     let c = !1;
     const d = {
-      search: ko,
-      filterSelect: Co,
-      filterButtons: Lo,
-      datePicker: Vo,
-      reset: Do
+      search: wo,
+      filterSelect: So,
+      filterButtons: Po,
+      datePicker: Ho,
+      reset: Ao
     }, p = K({
       hotInstance: null,
       url: $(() => a.url),
@@ -2873,13 +2874,13 @@ const qa = (e) => {
         },
         loadTable: async (u) => {
           if (!(!o.value || !o.value.hotInstance)) {
-            i.value = !0, r.value = null, l("loading", !0), ve.start(), p.hotInstance = o.value.hotInstance;
+            i.value = !0, n.value = null, l("loading", !0), ve.start(), p.hotInstance = o.value.hotInstance;
             try {
               if (a.dataProvider) {
                 const b = await a.dataProvider(p.computed.params);
                 p.response = a.dataTransformer(b, a);
               } else if (a.url) {
-                const b = await n.get(a.url, {
+                const b = await r.get(a.url, {
                   params: p.computed.params
                 });
                 p.response = a.dataTransformer(b, a);
@@ -2890,14 +2891,14 @@ const qa = (e) => {
               if (c) return;
               p.hotInstance.updateData(p.response.data), p.options.callback && typeof p.options.callback == "function" && await p.options.callback();
               const g = p.hotInstance.getPlugin("autoColumnSize");
-              ee(a.settings, "columns", []).forEach((b, C) => {
-                b.width || g.calculateColumnsWidth(C, C, !0);
+              ee(a.settings, "columns", []).forEach((b, k) => {
+                b.width || g.calculateColumnsWidth(k, k, !0);
               }), l("load", {
                 data: p.response.data,
                 meta: p.response.meta
               }), u && typeof u == "function" && u();
             } catch (g) {
-              r.value = g, l("error", g), console.error("Error loading table data:", g);
+              n.value = g, l("error", g), console.error("Error loading table data:", g);
             } finally {
               i.value = !1, l("loading", !1), ve.done();
             }
@@ -2908,7 +2909,7 @@ const qa = (e) => {
         fireEvent: (u, g) => {
           l(u, g);
         },
-        getSettingsForProp: (u) => is(ee(p.tableSettings, "columns"), { data: u }),
+        getSettingsForProp: (u) => cs(ee(p.tableSettings, "columns"), { data: u }),
         // Helper methods for easier param access
         getParams: () => p.computed.params,
         getParam: (u) => p.computed.params[u],
@@ -2917,8 +2918,8 @@ const qa = (e) => {
         },
         clearParam: (u) => p.methods.removeParam(u),
         clearParams: (u) => {
-          (Array.isArray(u) ? u : [u]).forEach((x) => {
-            p.params[x] !== void 0 && delete p.params[x];
+          (Array.isArray(u) ? u : [u]).forEach((_) => {
+            p.params[_] !== void 0 && delete p.params[_];
           }), p.methods.applyParams({ page: 1 });
         }
       },
@@ -2927,20 +2928,20 @@ const qa = (e) => {
           ...a.params,
           ...p.params
         })),
-        ready: $(() => cs(p, "response.meta.last_page"))
+        ready: $(() => us(p, "response.meta.last_page"))
       },
       options: $(() => ({
         ...Se,
         ...a.options
       })),
       tableSettings: $(() => ({
-        ...Ee,
+        ...Ae,
         nestedHeaders: ee(a.settings, "nestedHeaders", []),
         ...!ee(a.settings, "nestedHeaders") && {
-          afterGetColHeader: (u, g) => Ra(u, g, p)
+          afterGetColHeader: (u, g) => Fa(u, g, p)
         },
-        afterChange: (u, g) => to(),
-        afterRender: () => Fa(p),
+        afterChange: (u, g) => so(),
+        afterRender: () => Da(p),
         /**
          * Prevent columns with explicit width from being stretched
          * This hook fires BEFORE stretchH is applied, allowing us to cap specific columns
@@ -2955,13 +2956,13 @@ const qa = (e) => {
          * This ensures custom renderers copy their visual output, not the underlying data
          */
         beforeCopy: (u, g) => {
-          const x = o.value?.hotInstance;
-          x && g.forEach((b) => {
-            for (let C = b.startRow; C <= b.endRow; C++)
+          const _ = o.value?.hotInstance;
+          _ && g.forEach((b) => {
+            for (let k = b.startRow; k <= b.endRow; k++)
               for (let P = b.startCol; P <= b.endCol; P++) {
-                const I = x.getCell(C, P);
+                const I = _.getCell(k, P);
                 if (I) {
-                  const Y = C - g[0].startRow, fe = P - g[0].startCol;
+                  const Y = k - g[0].startRow, fe = P - g[0].startCol;
                   u[Y][fe] = I.dataset.copyValue ?? I.textContent ?? "";
                 }
               }
@@ -2971,7 +2972,7 @@ const qa = (e) => {
       }))
     }), f = $(
       () => p.computed.ready && p.response.data?.length === 0
-    ), w = (u) => {
+    ), x = (u) => {
       if (!u) return null;
       switch (u.type) {
         case "search":
@@ -2983,16 +2984,16 @@ const qa = (e) => {
         default:
           return null;
       }
-    }, k = (u) => u ? typeof u.enabled == "function" ? u.enabled(p.params) : u.enabled : !1, v = $(() => Object.entries(a.plugins).filter(([u, g]) => k(g)).map(([u, g]) => ({ name: u, config: g })));
+    }, w = (u) => u ? typeof u.enabled == "function" ? u.enabled(p.params) : u.enabled : !1, v = $(() => Object.entries(a.plugins).filter(([u, g]) => w(g)).map(([u, g]) => ({ name: u, config: g })));
     if (j(
       () => ({ ...p.params }),
       () => {
         const u = [];
         Object.values(a.plugins).forEach((g) => {
-          const x = w(g);
-          if (!x) return;
-          const b = k(g), C = p.params[x] !== void 0;
-          !b && C && u.push(x);
+          const _ = x(g);
+          if (!_) return;
+          const b = w(g), k = p.params[_] !== void 0;
+          !b && k && u.push(_);
         }), u.length > 0 && u.forEach((g) => {
           delete p.params[g];
         });
@@ -3000,7 +3001,7 @@ const qa = (e) => {
       { deep: !0, flush: "sync" }
     ), a.syncToRoute || a.persistToStorage) {
       const u = typeof a.syncToRoute == "string";
-      so(p, {
+      ao(p, {
         namespace: u ? a.syncToRoute : null,
         syncToRoute: !!a.syncToRoute,
         persistToStorage: a.persistToStorage
@@ -3027,7 +3028,7 @@ const qa = (e) => {
       await p.methods.loadTable(), l("ready");
     }), ze(() => {
       c = !0;
-    }), eo(p), s({
+    }), to(p), s({
       refresh: () => p.methods.loadTable(),
       getParams: () => p.methods.getParams(),
       getParam: (u) => p.methods.getParam(u),
@@ -3036,11 +3037,11 @@ const qa = (e) => {
       clearParams: (u) => p.methods.clearParams(u),
       applyParams: (u) => p.methods.applyParams(u),
       loading: i,
-      error: r,
+      error: n,
       sparkTable: p,
       table: o
     }), (u, g) => {
-      const x = E("font-awesome-icon");
+      const _ = A("font-awesome-icon");
       return h(), y("div", Eo, [
         p.computed.ready && v.value && v.value.length ? (h(), H(De, {
           key: 0,
@@ -3056,12 +3057,12 @@ const qa = (e) => {
             O(u.$slots, "header", {
               sparkTable: p,
               loading: i.value,
-              error: r.value
+              error: n.value
             })
           ]),
           _: 3
-        })) : (h(), y("div", Ao)),
-        bt(S(_(us), {
+        })) : (h(), y("div", Io)),
+        bt(S(C(ds), {
           "theme-name": "ht-theme-classic",
           ref_key: "table",
           ref: o,
@@ -3069,9 +3070,9 @@ const qa = (e) => {
         }, null, 8, ["settings"]), [
           [xt, !f.value]
         ]),
-        f.value ? (h(), y("div", Io, [
-          S(x, {
-            icon: _(F).farInbox,
+        f.value ? (h(), y("div", Oo, [
+          S(_, {
+            icon: C(F).farInbox,
             class: "size-12 mb-4 text-gray-300"
           }, null, 8, ["icon"]),
           g[0] || (g[0] = m("p", { class: "text-sm" }, "No records found", -1))
@@ -3081,24 +3082,24 @@ const qa = (e) => {
           position: "footer"
         }, {
           default: L(() => [
-            f.value ? T("", !0) : (h(), H(co, {
+            f.value ? T("", !0) : (h(), H(uo, {
               key: 0,
               "spark-table": p
             }, null, 8, ["spark-table"])),
-            m("div", Oo, [
-              f.value ? T("", !0) : (h(), H(ho, {
+            m("div", Bo, [
+              f.value ? T("", !0) : (h(), H(go, {
                 key: 0,
                 "spark-table": p,
                 onPaginate: p.methods.applyParams
               }, null, 8, ["spark-table", "onPaginate"])),
-              S(vo, {
+              S(bo, {
                 "spark-table": p,
                 onPaginate: p.methods.applyParams
               }, null, 8, ["spark-table", "onPaginate"]),
               O(u.$slots, "footer", {
                 sparkTable: p,
                 loading: i.value,
-                error: r.value
+                error: n.value
               })
             ])
           ]),
@@ -3108,7 +3109,7 @@ const qa = (e) => {
     };
   }
 };
-function Ae() {
+function Ee() {
   const e = K({
     isVisible: !1,
     content: null,
@@ -3121,8 +3122,8 @@ function Ae() {
     e.isVisible = !1, e.content = null, e.props = {}, e.eventHandlers = {}, e.size = "md";
   }, a = () => {
     e.isVisible = !0;
-  }, l = (o, i = {}, r = {}, c = {}) => {
-    e.content = ce(o), e.props = i, e.eventHandlers = r, e.size = c.size || "md";
+  }, l = (o, i = {}, n = {}, c = {}) => {
+    e.content = ce(o), e.props = i, e.eventHandlers = n, e.size = c.size || "md";
   };
   return {
     state: e,
@@ -3130,32 +3131,32 @@ function Ae() {
     close: t,
     open: a,
     setContent: l,
-    show: (o, i = {}, r = {}, c = {}) => {
-      o && l(o, i, r, c), a();
+    show: (o, i = {}, n = {}, c = {}) => {
+      o && l(o, i, n, c), a();
     }
   };
 }
-class zo {
+class jo {
   constructor() {
-    this.left = Ae(), this.right = Ae();
+    this.left = Ee(), this.right = Ee();
   }
   showLeft = (s, t = {}, a = {}, l = {}) => {
-    const n = {
+    const r = {
       close: () => {
         a.close?.(), this.closeLeft();
       },
       ...a
     };
-    this.left.show(s, t, n, l);
+    this.left.show(s, t, r, l);
   };
   showRight = (s, t = {}, a = {}, l = {}) => {
-    const n = {
+    const r = {
       close: () => {
         a.close?.(), this.closeRight();
       },
       ...a
     };
-    this.right.show(s, t, n, l);
+    this.right.show(s, t, r, l);
   };
   closeLeft = () => {
     this.left.close();
@@ -3167,21 +3168,21 @@ class zo {
     this.left.close(), this.right.close();
   };
 }
-const ae = new zo(), jo = (e) => {
+const ae = new jo(), No = (e) => {
   const s = document.cookie.match(new RegExp(`(^| )${e}=([^;]+)`));
   return s ? s[2] : null;
-}, No = (e, s, t = {}) => {
+}, Zo = (e, s, t = {}) => {
   const {
     maxAge: a = 31536e3,
     // 365 days in seconds
     domain: l = ft(),
-    secure: n = !0,
+    secure: r = !0,
     sameSite: o = "Lax",
     path: i = "/"
   } = t;
-  let r = `${e}=${s}; max-age=${a}; path=${i}; samesite=${o}`;
-  l && (r += `; domain=${l}`), n && (r += "; secure"), document.cookie = r;
-}, Zo = (e, s = {}) => {
+  let n = `${e}=${s}; max-age=${a}; path=${i}; samesite=${o}`;
+  l && (n += `; domain=${l}`), r && (n += "; secure"), document.cookie = n;
+}, qo = (e, s = {}) => {
   const { domain: t = ft(), path: a = "/" } = s;
   let l = `${e}=; max-age=0; path=${a}`;
   t && (l += `; domain=${t}`), document.cookie = l;
@@ -3189,15 +3190,15 @@ const ae = new zo(), jo = (e) => {
   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;
 }, mt = [];
-function qo(e) {
+function Uo(e) {
   mt.push(e);
 }
-function Uo() {
+function Ko() {
   mt.forEach((e) => e());
 }
-function tl(e) {
+function sl(e) {
   let s = !1;
-  return qo(() => {
+  return Uo(() => {
     s = !1;
   }), {
     bootstrapApp: async () => {
@@ -3246,10 +3247,10 @@ const ke = "bolt-next-token", Q = pe("auth", () => {
   }), s = (c = {}) => {
     c.endpoints && Object.assign(e.endpoints, c.endpoints), c.routes && Object.assign(e.routes, c.routes), c.devCredentials && Object.assign(e.devCredentials, c.devCredentials), c.callbacks && Object.assign(e.callbacks, c.callbacks), c.overrideToken && (e.overrideToken = c.overrideToken);
   }, t = (c) => {
-    No(ke, c), e.token = c;
+    Zo(ke, c), e.token = c;
   }, a = () => {
-    Zo(ke), e.token = null;
-  }, l = () => jo(ke), n = async (c) => {
+    qo(ke), e.token = null;
+  }, l = () => No(ke), r = async (c) => {
     const d = await le.post(e.endpoints.login, c), p = d.headers.authorization;
     return t(p), e.user = d.data, e.callbacks.onLoginSuccess && await e.callbacks.onLoginSuccess(d.data), d.data;
   }, o = async () => {
@@ -3266,7 +3267,7 @@ const ke = "bolt-next-token", Q = pe("auth", () => {
     } catch (c) {
       throw e.callbacks.onLogoutError && await e.callbacks.onLogoutError(c), c;
     } finally {
-      a(), e.user = null, Uo();
+      a(), e.user = null, Ko();
     }
   }, i = async () => {
     const c = e.overrideToken || l();
@@ -3284,20 +3285,20 @@ const ke = "bolt-next-token", Q = pe("auth", () => {
     } finally {
       e.ready = !0;
     }
-  }, r = $(() => e.overrideToken ? !0 : !!e.token && !!e.user);
+  }, n = $(() => e.overrideToken ? !0 : !!e.token && !!e.user);
   return {
     state: e,
     initialize: s,
-    login: n,
+    login: r,
     logout: o,
     fetchUser: i,
-    check: r,
+    check: n,
     setTokenCookie: t,
     clearTokenCookie: a,
     getTokenCookie: l
   };
 });
-function Ko(e = {}) {
+function Wo(e = {}) {
   const s = le.create({
     baseURL: e.baseURL || "",
     timeout: e.timeout || 3e4,
@@ -3338,89 +3339,89 @@ function Ko(e = {}) {
   ), s;
 }
 let ne = null;
-function sl(e, s = {}) {
-  return ne = Ko(s), e.provide("axios", ne), e.config.globalProperties.$axios = ne, ne;
+function al(e, s = {}) {
+  return ne = Wo(s), e.provide("axios", ne), e.config.globalProperties.$axios = ne, ne;
 }
 function Go() {
   if (!ne)
     throw new Error("Axios instance not initialized. Call setupAxios() first.");
   return ne;
 }
-function Wo(e) {
+function Yo(e) {
   return e?.status !== 422 ? null : e.data?.errors || null;
 }
 function Ie(e) {
   return e?.status === 422 ? e.data?.message || "Please fix the validation errors." : e?.data?.message || "An error occurred.";
 }
-function Yo(e) {
+function Xo(e) {
   return e?.status === 422;
 }
-function al(e = {}) {
+function ol(e = {}) {
   const {
     successMessage: s = "Saved successfully!",
     createMessage: t = "Created successfully!",
     updateMessage: a = "Updated successfully!",
     redirectTo: l = null,
-    onSuccess: n = null,
+    onSuccess: r = null,
     onError: o = null,
     showNotification: i = !0,
-    setFieldErrors: r = !0,
+    setFieldErrors: n = !0,
     setFormErrors: c = !1
-  } = e, d = G(), p = R(!1);
-  async function f(k) {
-    const { submitFn: v, method: u = "create", node: g = null, isEditMode: x = !1 } = k;
+  } = e, d = W(), p = R(!1);
+  async function f(w) {
+    const { submitFn: v, method: u = "create", node: g = null, isEditMode: _ = !1 } = w;
     p.value = !0, g && g.clearErrors();
     try {
-      const C = (await v()).data;
+      const k = (await v()).data;
       if (i) {
-        const P = x ? a : u === "create" ? t : s;
+        const P = _ ? a : u === "create" ? t : s;
         z.show({
           type: "success",
           message: P
         });
       }
-      if (n && await n(C), !x && l) {
-        const P = typeof l == "function" ? l(C) : l;
+      if (r && await r(k), !_ && l) {
+        const P = typeof l == "function" ? l(k) : l;
         await d.push(P);
       }
-      return { success: !0, data: C, error: null };
+      return { success: !0, data: k, error: null };
     } catch (b) {
-      const C = b.response;
+      const k = b.response;
       if (o && await o(b) === !0)
         return { success: !1, data: null, error: b };
-      if (Yo(C)) {
-        const P = Wo(C);
-        P && g && r && g.setErrors([], P), c && z.show({
+      if (Xo(k)) {
+        const P = Yo(k);
+        P && g && n && g.setErrors([], P), c && z.show({
           type: "danger",
-          message: Ie(C)
+          message: Ie(k)
         });
       } else
         z.show({
           type: "danger",
-          message: Ie(C)
+          message: Ie(k)
         });
       return { success: !1, data: null, error: b };
     } finally {
       p.value = !1;
     }
   }
-  async function w(k) {
-    const { url: v, payload: u, method: g = "post", node: x, isEditMode: b } = k, C = Go();
+  async function x(w) {
+    const { url: v, payload: u, method: g = "post", node: _, isEditMode: b } = w, k = Go();
     return f({
-      submitFn: () => C[g](v, u),
+      submitFn: () => k[g](v, u),
       method: b ? "update" : "create",
-      node: x,
+      node: _,
       isEditMode: b
     });
   }
   return {
     submitting: p,
     submit: f,
-    submitToApi: w
+    submitToApi: x
   };
 }
-function ol(e = {}) {
-  const { items: s = [], defaultId: t = null } = e, a = G(), l = se(), n = R(s.map(o));
+function rl(e = {}) {
+  const { items: s = [], defaultId: t = null } = e, a = W(), l = se(), r = R(s.map(o));
   function o(u) {
     return {
       id: u.id,
@@ -3439,106 +3440,106 @@ function ol(e = {}) {
   function i(u) {
     return typeof u == "function" ? u() : u;
   }
-  const r = $(() => n.value.filter((u) => !i(u.hidden)));
+  const n = $(() => r.value.filter((u) => !i(u.hidden)));
   function c(u) {
-    const g = typeof u == "string" ? n.value.find((x) => x.id === u) : u;
+    const g = typeof u == "string" ? r.value.find((_) => _.id === u) : u;
     return g ? i(g.disabled) : !1;
   }
   function d(u) {
-    const g = typeof u == "string" ? n.value.find((b) => b.id === u) : u;
+    const g = typeof u == "string" ? r.value.find((b) => b.id === u) : u;
     if (!g || !g.route) return !1;
-    const x = typeof g.route == "string" ? { name: g.route } : g.route;
-    if (x.name && l.name === x.name)
+    const _ = typeof g.route == "string" ? { name: g.route } : g.route;
+    if (_.name && l.name === _.name)
       return !0;
-    if (x.path) {
-      const b = a.resolve(x);
+    if (_.path) {
+      const b = a.resolve(_);
       return l.path === b.path;
     }
     return !1;
   }
   const p = $(() => {
-    const u = r.value.find((g) => d(g));
-    return u || (t ? r.value.find((g) => g.id === t) || r.value[0] : r.value[0] || null);
+    const u = n.value.find((g) => d(g));
+    return u || (t ? n.value.find((g) => g.id === t) || n.value[0] : n.value[0] || null);
   }), f = $(() => p.value?.id || null);
-  async function w(u) {
-    const g = typeof u == "string" ? n.value.find((x) => x.id === u) : u;
+  async function x(u) {
+    const g = typeof u == "string" ? r.value.find((_) => _.id === u) : u;
     if (!g)
       return console.warn(`[useSubNavigation] Item not found: ${u}`), !1;
     if (c(g))
       return !1;
     if (g.route) {
-      const x = typeof g.route == "string" ? { name: g.route } : g.route;
-      return await a.push(x), !0;
+      const _ = typeof g.route == "string" ? { name: g.route } : g.route;
+      return await a.push(_), !0;
     }
     if (g.overlay) {
-      const { component: x, props: b = {}, eventHandlers: C = {}, position: P = "right", size: I } = g.overlay;
-      return ae[P === "left" ? "showLeft" : "showRight"](ce(x), b, C, { size: I }), !0;
+      const { component: _, props: b = {}, eventHandlers: k = {}, position: P = "right", size: I } = g.overlay;
+      return ae[P === "left" ? "showLeft" : "showRight"](ce(_), b, k, { size: I }), !0;
     }
     if (g.modal) {
-      const { component: x, props: b = {}, eventHandlers: C = {} } = g.modal;
-      return J.show(ce(x), b, C), !0;
+      const { component: _, props: b = {}, eventHandlers: k = {} } = g.modal;
+      return J.show(ce(_), b, k), !0;
     }
     if (g.action) {
-      const x = g.action(g);
-      return x instanceof Promise && await x, !0;
+      const _ = g.action(g);
+      return _ instanceof Promise && await _, !0;
     }
     return !1;
   }
-  function k(u) {
-    n.value = u.map(o);
+  function w(u) {
+    r.value = u.map(o);
   }
   function v(u, g) {
-    const x = n.value.findIndex((b) => b.id === u);
-    x !== -1 && (n.value[x] = o({ ...n.value[x], ...g }));
+    const _ = r.value.findIndex((b) => b.id === u);
+    _ !== -1 && (r.value[_] = o({ ...r.value[_], ...g }));
   }
   return {
-    items: n,
-    visibleItems: r,
+    items: r,
+    visibleItems: n,
     activeItem: p,
     activeId: f,
-    navigateTo: w,
+    navigateTo: x,
     isActive: d,
     isDisabled: c,
-    setItems: k,
+    setItems: w,
     updateItem: v
   };
 }
 const ie = /* @__PURE__ */ new Map();
-let Xo = 0;
-function Jo() {
+let Jo = 0;
+function Qo() {
   for (const e of ie.values())
     if (e.isDirty)
       return !0;
   return !1;
 }
-function Qo() {
+function er() {
   for (const e of ie.values())
     if (e.isDirty && e.message)
       return e.message;
   return null;
 }
-function er() {
+function tr() {
   for (const e of ie.values())
     e.isDirty = !1;
 }
-function rl(e = {}) {
+function nl(e = {}) {
   const {
     message: s = "You have unsaved changes. Leave anyway?",
     title: t = "Unsaved Changes",
     confirmText: a = "Leave",
     cancelText: l = "Stay",
-    useRouteGuard: n = !0
-  } = e, o = `form-${++Xo}`, i = R(!1);
+    useRouteGuard: r = !0
+  } = e, o = `form-${++Jo}`, i = R(!1);
   ie.set(o, {
     isDirty: !1,
     message: s
   });
-  const r = (v = !0) => {
+  const n = (v = !0) => {
     i.value = v;
     const u = ie.get(o);
     u && (u.isDirty = v);
   }, c = () => {
-    r(!1);
+    n(!1);
   }, d = async (v = {}) => {
     if (!i.value)
       return !0;
@@ -3555,38 +3556,38 @@ function rl(e = {}) {
   const f = (v) => {
     if (i.value)
       return v.preventDefault(), v.returnValue = "", "";
-  }, w = () => {
+  }, x = () => {
     p || (window.addEventListener("beforeunload", f), p = !0);
-  }, k = () => {
+  }, w = () => {
     p && (window.removeEventListener("beforeunload", f), p = !1);
   };
-  return n && ns(async () => await d()), ze(() => {
-    ie.delete(o), k();
+  return r && ls(async () => await d()), ze(() => {
+    ie.delete(o), w();
   }), {
     isDirty: i,
-    setDirty: r,
+    setDirty: n,
     setClean: c,
     checkDirty: d,
-    enableBrowserWarning: w,
-    disableBrowserWarning: k
+    enableBrowserWarning: x,
+    disableBrowserWarning: w
   };
 }
-const tr = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, sr = { class: "flex flex-1 flex-col" }, ar = {
+const sr = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, ar = { class: "flex flex-1 flex-col" }, or = {
   class: "flex flex-1 flex-col gap-y-7",
   role: "list"
-}, or = { class: "flex flex-1 flex-col" }, rr = {
+}, rr = { class: "flex flex-1 flex-col" }, nr = {
   role: "list",
   class: "flex flex-1 flex-col"
-}, nr = { class: "flex items-center pb-8" }, lr = ["href", "onClick"], ir = {
+}, lr = { class: "flex items-center pb-8" }, ir = ["href", "onClick"], cr = {
   key: 2,
   class: "w-full flex justify-center"
-}, cr = {
+}, ur = {
   key: 0,
   class: "mt-[5px] flex flex-col gap-[5px]"
-}, ur = ["href", "onClick"], dr = {
+}, dr = ["href", "onClick"], pr = {
   key: 1,
   class: "text-[13px]"
-}, pr = { class: "mt-auto" }, fr = { class: "p-[10px] flex-shrink-0" }, mr = { class: "flex flex-1 items-center gap-x-6" }, hr = { class: "relative flex flex-1 items-center gap-4" }, gr = { class: "cursor-pointer" }, yr = ["src"], vr = { class: "ml-auto" }, br = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, nl = {
+}, fr = { class: "mt-auto" }, mr = { class: "p-[10px] flex-shrink-0" }, hr = { class: "flex flex-1 items-center gap-x-6" }, gr = { class: "relative flex flex-1 items-center gap-4" }, yr = { class: "cursor-pointer" }, vr = ["src"], br = { class: "ml-auto" }, xr = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, ll = {
   __name: "SparkDefaultContainer",
   props: {
     appStore: {
@@ -3604,113 +3605,113 @@ const tr = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, sr = { class: "flex
   },
   emits: ["overlayClose"],
   setup(e, { emit: s }) {
-    const t = e, a = s, l = Be(), n = se(), o = dt(), i = it(), r = $(() => i.getAppIcon(t.appStore.state.app)), c = $(() => n.meta.hideBrandSelector === !0 ? !1 : t.appStore.state.showBrandSelector), d = () => {
-      const k = {};
-      l["app-selector-bottom"] ? k.bottomSlot = () => Te("div", {}, l["app-selector-bottom"]()) : t.appSelectorSlots.bottomSlot && (k.bottomSlot = t.appSelectorSlots.bottomSlot), l["app-selector-footer"] ? k.footerSlot = () => Te("div", {}, l["app-selector-footer"]()) : t.appSelectorSlots.footerSlot && (k.footerSlot = t.appSelectorSlots.footerSlot), ae.showRight(Os, k, {
-        select: (v) => {
+    const t = e, a = s, l = Be(), r = se(), o = (v) => v.href ? !!(v.href === r.name || v.href === r.path || r.path.startsWith(v.href + "/")) : !1, i = dt(), n = it(), c = $(() => n.getAppIcon(t.appStore.state.app)), d = $(() => r.meta.hideBrandSelector === !0 ? !1 : t.appStore.state.showBrandSelector), p = () => {
+      const v = {};
+      l["app-selector-bottom"] ? v.bottomSlot = () => Te("div", {}, l["app-selector-bottom"]()) : t.appSelectorSlots.bottomSlot && (v.bottomSlot = t.appSelectorSlots.bottomSlot), l["app-selector-footer"] ? v.footerSlot = () => Te("div", {}, l["app-selector-footer"]()) : t.appSelectorSlots.footerSlot && (v.footerSlot = t.appSelectorSlots.footerSlot), ae.showRight(Bs, v, {
+        select: (u) => {
           ae.closeRight();
         }
       });
-    }, p = () => {
+    }, f = () => {
       ae.showLeft(
-        ia,
+        ca,
         {},
         {
-          select: (k) => {
-            o.toggleBrand(k), ae.closeLeft();
+          select: (v) => {
+            i.toggleBrand(v), ae.closeLeft();
           }
         }
       );
-    }, f = $(() => t.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [t.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), w = $(() => t.mainNavStore.state.hidden ? ["pl-2.5"] : [t.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
-    return (k, v) => {
-      const u = E("font-awesome-icon"), g = E("router-view");
+    }, x = $(() => t.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [t.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), w = $(() => t.mainNavStore.state.hidden ? ["pl-2.5"] : [t.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
+    return (v, u) => {
+      const g = A("font-awesome-icon"), _ = A("router-view");
       return h(), y(D, null, [
         m("div", {
-          class: V([f.value, "fixed inset-y-0 flex transition-all z-100"])
+          class: V([x.value, "fixed inset-y-0 flex transition-all z-100"])
         }, [
-          m("div", tr, [
-            m("nav", sr, [
-              m("ul", ar, [
-                m("li", or, [
-                  m("ul", rr, [
-                    m("li", nr, [
+          m("div", sr, [
+            m("nav", ar, [
+              m("ul", or, [
+                m("li", rr, [
+                  m("ul", nr, [
+                    m("li", lr, [
                       m("a", {
                         class: "grid w-[40px] h-[40px] place-items-center rounded-md bg-primary-600 text-white text-[13px] cursor-pointer",
-                        onClick: v[0] || (v[0] = U((x) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
+                        onClick: u[0] || (u[0] = U((b) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
                       }, [
-                        S(u, {
-                          icon: _(F)[r.value],
+                        S(g, {
+                          icon: C(F)[c.value],
                           class: "size-5"
                         }, null, 8, ["icon"])
                       ]),
                       e.mainNavStore.state.collapsed ? T("", !0) : (h(), y("a", {
                         key: 0,
-                        onClick: v[1] || (v[1] = U((x) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"])),
+                        onClick: u[1] || (u[1] = U((b) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"])),
                         class: "font-medium text-gray-800 ml-[10px] cursor-pointer"
                       }, M(e.appStore.state.app), 1))
                     ]),
-                    (h(!0), y(D, null, B(e.mainNavStore.state.menu, (x) => (h(), y("li", {
-                      key: x.name,
+                    (h(!0), y(D, null, B(e.mainNavStore.state.menu, (b) => (h(), y("li", {
+                      key: b.name,
                       class: V({
-                        "mt-[10px]": x.children,
-                        "mt-auto": x.footerSection
+                        "mt-[10px]": b.children,
+                        "mt-auto": b.footerSection
                       })
                     }, [
                       m("a", {
                         class: V([{
-                          "bg-gray-100": x.current,
-                          "hover:bg-gray-100": x?.href
+                          "bg-gray-100": o(b),
+                          "hover:bg-gray-100": b?.href
                         }, "h-[37px] sgroup flex items-center gap-x-2 rounded-md p-3 text-gray-800 leading-5 transition-all duration-300 ease-in-out"]),
-                        href: x?.href,
-                        onClick: U((b) => e.mainNavStore.goto(x.href), ["prevent"])
+                        href: b?.href,
+                        onClick: U((k) => e.mainNavStore.goto(b.href), ["prevent"])
                       }, [
-                        x.icon ? (h(), H(u, {
+                        b.icon ? (h(), H(g, {
                           key: 0,
-                          icon: _(F)[x.icon],
-                          class: V([[(x.current, "text-gray-400")], "size-4"])
+                          icon: C(F)[b.icon],
+                          class: V([[(o(b), "text-gray-400")], "size-4"])
                         }, null, 8, ["icon", "class"])) : T("", !0),
-                        e.mainNavStore.state.collapsed ? x?.children ? (h(), y("div", ir, [...v[6] || (v[6] = [
+                        e.mainNavStore.state.collapsed ? b?.children ? (h(), y("div", cr, [...u[6] || (u[6] = [
                           m("div", { class: "w-[10px] h-px bg-gray-400" }, null, -1)
                         ])])) : T("", !0) : (h(), y("span", {
                           key: 1,
                           class: V({
-                            "text-[11px]": x?.children,
-                            "text-[13px]": !x?.children,
-                            "font-semibold": x?.children,
-                            "text-gray-500": x?.children
+                            "text-[11px]": b?.children,
+                            "text-[13px]": !b?.children,
+                            "font-semibold": b?.children,
+                            "text-gray-500": b?.children
                           })
-                        }, M(x.name), 3))
-                      ], 10, lr),
-                      x.children ? (h(), y("ul", cr, [
-                        (h(!0), y(D, null, B(x.children, (b) => (h(), y("li", {
-                          key: b.name
+                        }, M(b.name), 3))
+                      ], 10, ir),
+                      b.children ? (h(), y("ul", ur, [
+                        (h(!0), y(D, null, B(b.children, (k) => (h(), y("li", {
+                          key: k.name
                         }, [
                           m("a", {
-                            class: V([[b.current ? "bg-gray-100" : "", "hover:bg-gray-100"], "h-[37px] sgroup flex items-center gap-x-2 rounded-md p-3 text-gray-800 leading-5 transition-all duration-300 ease-in-out"]),
-                            href: b.href,
-                            onClick: U((C) => e.mainNavStore.goto(b.href), ["prevent"])
+                            class: V([[o(k) ? "bg-gray-100" : "", "hover:bg-gray-100"], "h-[37px] sgroup flex items-center gap-x-2 rounded-md p-3 text-gray-800 leading-5 transition-all duration-300 ease-in-out"]),
+                            href: k.href,
+                            onClick: U((P) => e.mainNavStore.goto(k.href), ["prevent"])
                           }, [
-                            b.icon ? (h(), H(u, {
+                            k.icon ? (h(), H(g, {
                               key: 0,
-                              icon: _(F)[b.icon],
-                              class: V([[(b.current, "text-gray-400")], "size-4"])
+                              icon: C(F)[k.icon],
+                              class: V([[(o(k), "text-gray-400")], "size-4"])
                             }, null, 8, ["icon", "class"])) : T("", !0),
-                            e.mainNavStore.state.collapsed ? T("", !0) : (h(), y("span", dr, M(b.name), 1))
-                          ], 10, ur)
+                            e.mainNavStore.state.collapsed ? T("", !0) : (h(), y("span", pr, M(k.name), 1))
+                          ], 10, dr)
                         ]))), 128))
                       ])) : T("", !0)
                     ], 2))), 128))
                   ])
                 ]),
-                m("li", pr, [
-                  O(k.$slots, "sidebar-footer"),
+                m("li", fr, [
+                  O(v.$slots, "sidebar-footer"),
                   m("a", {
                     class: "font-medium grid place-content-center gap-x-3 rounded-md h-10 p-2.5 text-gray-800 text-[13px] hover:bg-gray-100 transition-all duration-300 ease-in-out",
                     href: "#",
-                    onClick: v[2] || (v[2] = U((x) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
+                    onClick: u[2] || (u[2] = U((b) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
                   }, [
-                    S(u, {
-                      icon: _(F)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
+                    S(g, {
+                      icon: C(F)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
                       class: "class-5"
                     }, null, 8, ["icon"])
                   ])
@@ -3722,42 +3723,42 @@ const tr = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, sr = { class: "flex
         m("div", {
           class: V([w.value, "h-full transition-all flex flex-col"])
         }, [
-          m("div", fr, [
-            m("div", mr, [
-              m("div", hr, [
-                O(k.$slots, "header-left", {}, () => [
-                  m("div", gr, [
-                    S(u, {
-                      icon: _(F).farBarsSort,
+          m("div", mr, [
+            m("div", hr, [
+              m("div", gr, [
+                O(v.$slots, "header-left", {}, () => [
+                  m("div", yr, [
+                    S(g, {
+                      icon: C(F).farBarsSort,
                       class: "size-5",
-                      onClick: v[3] || (v[3] = (x) => e.mainNavStore.toggleHidden())
+                      onClick: u[3] || (u[3] = (b) => e.mainNavStore.toggleHidden())
                     }, null, 8, ["icon"])
                   ])
                 ]),
-                O(k.$slots, "header-center", {}, () => [
-                  c.value ? (h(), y("div", {
+                O(v.$slots, "header-center", {}, () => [
+                  d.value ? (h(), y("div", {
                     key: 0,
                     class: "absolute left-1/2 -translate-x-1/2 cursor-pointer h-9 flex items-center",
-                    onClick: p
+                    onClick: f
                   }, [
-                    _(o).currentBrand ? (h(), y("img", {
+                    C(i).currentBrand ? (h(), y("img", {
                       key: 0,
-                      src: _(o).currentBrand.logo,
+                      src: C(i).currentBrand.logo,
                       alt: "",
                       class: "h-[30px] w-auto"
-                    }, null, 8, yr)) : T("", !0)
+                    }, null, 8, vr)) : T("", !0)
                   ])) : T("", !0)
                 ]),
-                m("div", vr, [
-                  O(k.$slots, "header-right", {}, () => [
+                m("div", br, [
+                  O(v.$slots, "header-right", {}, () => [
                     e.appStore.state.showAppSelector ? (h(), y("button", {
                       key: 0,
                       class: "rounded-sm bg-white w-[42px] h-[42px] ring-1 ring-inset ring-gray-300",
                       type: "button",
-                      onClick: d
+                      onClick: p
                     }, [
-                      S(u, {
-                        icon: _(F).farGripDotsVertical,
+                      S(g, {
+                        icon: C(F).farGripDotsVertical,
                         class: "size-4 text-gray-400"
                       }, null, 8, ["icon"])
                     ])) : T("", !0)
@@ -3766,42 +3767,42 @@ const tr = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, sr = { class: "flex
               ])
             ])
           ]),
-          m("main", br, [
-            S(g)
+          m("main", xr, [
+            S(_)
           ])
         ], 2),
-        S(_(Me), {
+        S(C(Me), {
           position: "left",
-          "overlay-instance": _(ae).left,
-          onClose: v[4] || (v[4] = (x) => a("overlayClose", "left"))
+          "overlay-instance": C(ae).left,
+          onClose: u[4] || (u[4] = (b) => a("overlayClose", "left"))
         }, null, 8, ["overlay-instance"]),
-        S(_(Me), {
+        S(C(Me), {
           position: "right",
-          "overlay-instance": _(ae).right,
-          onClose: v[5] || (v[5] = (x) => a("overlayClose", "right"))
+          "overlay-instance": C(ae).right,
+          onClose: u[5] || (u[5] = (b) => a("overlayClose", "right"))
         }, null, 8, ["overlay-instance"]),
-        S(_($a))
+        S(C(Ta))
       ], 64);
     };
   }
-}, xr = {}, kr = { class: "h-full" };
-function wr(e, s) {
-  const t = E("router-view");
-  return h(), y("main", kr, [
+}, kr = {}, wr = { class: "h-full" };
+function _r(e, s) {
+  const t = A("router-view");
+  return h(), y("main", wr, [
     S(t)
   ]);
 }
-const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid place-content-center relative" }, Cr = { class: "absolute top-8 left-8" }, Sr = ["src"], $r = {
+const il = /* @__PURE__ */ oe(kr, [["render", _r]]), Cr = { class: "h-full grid place-content-center relative" }, Sr = { class: "absolute top-8 left-8" }, $r = ["src"], Tr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Tr = { class: "max-w-sm grid gap-y-1 -mt-8" }, Lr = { class: "mb-7" }, Pr = { class: "text-gray-600" }, Mr = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, Vr = {
+}, Lr = { class: "max-w-sm grid gap-y-1 -mt-8" }, Pr = { class: "mb-7" }, Mr = { class: "text-gray-600" }, Vr = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, Hr = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, Hr = { key: 0 }, Rr = { key: 1 }, Fr = {
+}, Rr = { key: 0 }, Fr = { key: 1 }, Dr = {
   __name: "SparkLoginView",
   props: {
     logo: {
@@ -3818,7 +3819,7 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = G(), t = se(), a = ct(), l = Q(), n = e, o = R(!1), i = R(""), r = async (c) => {
+    const s = W(), t = se(), a = ct(), l = Q(), r = e, o = R(!1), i = R(""), n = async (c) => {
       o.value = !0, i.value = "";
       try {
         await l.login(c);
@@ -3830,7 +3831,7 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
           }
           await s.push(d);
         } else
-          await s.push(n.defaultRedirect);
+          await s.push(r.defaultRedirect);
       } catch (d) {
         i.value = d.response?.data?.message || d.message || "Login failed. Please try again.";
       } finally {
@@ -3838,15 +3839,15 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
       }
     };
     return (c, d) => {
-      const p = E("FormKit"), f = E("router-link");
-      return h(), y("div", _r, [
-        m("div", Cr, [
-          n.logo ? (h(), y("img", {
+      const p = A("FormKit"), f = A("router-link");
+      return h(), y("div", Cr, [
+        m("div", Sr, [
+          r.logo ? (h(), y("img", {
             key: 0,
-            src: n.logo,
+            src: r.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Sr)) : (h(), y("svg", $r, [...d[0] || (d[0] = [
+          }, null, 8, $r)) : (h(), y("svg", Tr, [...d[0] || (d[0] = [
             m("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -3865,14 +3866,14 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
             }, null, -1)
           ])]))
         ]),
-        m("div", Tr, [
-          m("div", Lr, [
+        m("div", Lr, [
+          m("div", Pr, [
             d[1] || (d[1] = m("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Log in", -1)),
-            m("p", Pr, " Welcome back" + M(_(a).state.app ? ` to ${_(a).state.app}` : "") + "! Please enter your details. ", 1)
+            m("p", Mr, " Welcome back" + M(C(a).state.app ? ` to ${C(a).state.app}` : "") + "! Please enter your details. ", 1)
           ]),
           S(p, {
             type: "form",
-            onSubmit: r,
+            onSubmit: n,
             actions: !1
           }, {
             default: L(() => [
@@ -3883,7 +3884,7 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
                 type: "email",
                 validation: "required|email",
                 "outer-class": "max-w-full",
-                value: _(l).state.devCredentials.username
+                value: C(l).state.devCredentials.username
               }, null, 8, ["value"]),
               S(p, {
                 label: "Password",
@@ -3892,29 +3893,29 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
                 type: "password",
                 validation: "required",
                 "outer-class": "max-w-full",
-                value: _(l).state.devCredentials.password
+                value: C(l).state.devCredentials.password
               }, null, 8, ["value"]),
-              m("div", Mr, [
+              m("div", Vr, [
                 d[3] || (d[3] = m("span", null, null, -1)),
                 S(f, {
-                  to: n.forgotPasswordRoute,
+                  to: r.forgotPasswordRoute,
                   class: "text-sm text-primary-600 font-semibold"
                 }, {
                   default: L(() => [...d[2] || (d[2] = [
-                    A(" Forgot password ", -1)
+                    E(" Forgot password ", -1)
                   ])]),
                   _: 1
                 }, 8, ["to"])
               ]),
-              i.value ? (h(), y("div", Vr, M(i.value), 1)) : T("", !0),
-              S(_(W), {
+              i.value ? (h(), y("div", Hr, M(i.value), 1)) : T("", !0),
+              S(C(G), {
                 type: "submit",
                 size: "xl",
                 disabled: o.value,
                 "button-class": "w-full mb-2"
               }, {
                 default: L(() => [
-                  o.value ? (h(), y("span", Rr, "Signing in...")) : (h(), y("span", Hr, "Sign in"))
+                  o.value ? (h(), y("span", Fr, "Signing in...")) : (h(), y("span", Rr, "Sign in"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -3925,7 +3926,7 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
       ]);
     };
   }
-}, Dr = {
+}, Ar = {
   __name: "SparkLogoutView",
   props: {
     defaultRedirect: {
@@ -3934,27 +3935,27 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = G(), t = se(), a = Q(), l = e;
+    const s = W(), t = se(), a = Q(), l = e;
     return ye(async () => {
       await a.logout();
-      const n = t.query.redirect;
-      n && n.startsWith("http") ? window.location.href = n : await s.push(n || l.defaultRedirect);
-    }), (n, o) => null;
+      const r = t.query.redirect;
+      r && r.startsWith("http") ? window.location.href = r : await s.push(r || l.defaultRedirect);
+    }), (r, o) => null;
   }
-}, Er = { class: "h-full grid place-content-center relative" }, Ar = { class: "absolute top-8 left-8" }, Ir = ["src"], Or = {
+}, Er = { class: "h-full grid place-content-center relative" }, Ir = { class: "absolute top-8 left-8" }, Or = ["src"], Br = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Br = { class: "max-w-sm grid gap-y-1 -mt-8" }, zr = {
+}, zr = { class: "max-w-sm grid gap-y-1 -mt-8" }, jr = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, jr = {
+}, Nr = {
   key: 1,
   class: "text-green-600 text-sm mb-2"
-}, Nr = { key: 0 }, Zr = { key: 1 }, qr = {
+}, Zr = { key: 0 }, qr = { key: 1 }, Ur = {
   __name: "SparkForgotPasswordView",
   props: {
     logo: {
@@ -3967,26 +3968,26 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = Q(), t = e, a = R(!1), l = R(""), n = R(""), o = async ({ email: i }) => {
-      a.value = !0, l.value = "", n.value = "";
+    const s = Q(), t = e, a = R(!1), l = R(""), r = R(""), o = async ({ email: i }) => {
+      a.value = !0, l.value = "", r.value = "";
       try {
-        await le.post(s.state.endpoints.passwordEmail, { email: i }), n.value = "Password reset link sent! Check your email.";
-      } catch (r) {
-        l.value = r.response?.data?.message || "Failed to send reset link.";
+        await le.post(s.state.endpoints.passwordEmail, { email: i }), r.value = "Password reset link sent! Check your email.";
+      } catch (n) {
+        l.value = n.response?.data?.message || "Failed to send reset link.";
       } finally {
         a.value = !1;
       }
     };
-    return (i, r) => {
-      const c = E("FormKit"), d = E("router-link");
+    return (i, n) => {
+      const c = A("FormKit"), d = A("router-link");
       return h(), y("div", Er, [
-        m("div", Ar, [
+        m("div", Ir, [
           t.logo ? (h(), y("img", {
             key: 0,
             src: t.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Ir)) : (h(), y("svg", Or, [...r[0] || (r[0] = [
+          }, null, 8, Or)) : (h(), y("svg", Br, [...n[0] || (n[0] = [
             m("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -4005,8 +4006,8 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
             }, null, -1)
           ])]))
         ]),
-        m("div", Br, [
-          r[2] || (r[2] = m("div", { class: "mb-7" }, [
+        m("div", zr, [
+          n[2] || (n[2] = m("div", { class: "mb-7" }, [
             m("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Reset password"),
             m("p", { class: "text-gray-600" }, " Enter your email and we'll send you a link to reset your password. ")
           ], -1)),
@@ -4024,16 +4025,16 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
                 validation: "required|email",
                 "outer-class": "max-w-full"
               }),
-              l.value ? (h(), y("div", zr, M(l.value), 1)) : T("", !0),
-              n.value ? (h(), y("div", jr, M(n.value), 1)) : T("", !0),
-              S(_(W), {
+              l.value ? (h(), y("div", jr, M(l.value), 1)) : T("", !0),
+              r.value ? (h(), y("div", Nr, M(r.value), 1)) : T("", !0),
+              S(C(G), {
                 type: "submit",
                 size: "xl",
                 disabled: a.value,
                 "button-class": "w-full mb-2"
               }, {
                 default: L(() => [
-                  a.value ? (h(), y("span", Zr, "Sending...")) : (h(), y("span", Nr, "Send reset link"))
+                  a.value ? (h(), y("span", qr, "Sending...")) : (h(), y("span", Zr, "Send reset link"))
                 ]),
                 _: 1
               }, 8, ["disabled"]),
@@ -4041,8 +4042,8 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
                 to: t.loginRoute,
                 class: "text-sm text-center text-primary-600 font-semibold block"
               }, {
-                default: L(() => [...r[1] || (r[1] = [
-                  A(" Back to login ", -1)
+                default: L(() => [...n[1] || (n[1] = [
+                  E(" Back to login ", -1)
                 ])]),
                 _: 1
               }, 8, ["to"])
@@ -4053,17 +4054,17 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
       ]);
     };
   }
-}, Ur = { class: "h-full grid place-content-center relative" }, Kr = { class: "absolute top-8 left-8" }, Gr = ["src"], Wr = {
+}, Kr = { class: "h-full grid place-content-center relative" }, Wr = { class: "absolute top-8 left-8" }, Gr = ["src"], Yr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Yr = { class: "max-w-sm grid gap-y-1 -mt-8" }, Xr = {
+}, Xr = { class: "max-w-sm grid gap-y-1 -mt-8" }, Jr = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, Jr = { key: 0 }, Qr = { key: 1 }, en = {
+}, Qr = { key: 0 }, en = { key: 1 }, tn = {
   __name: "SparkResetPasswordView",
   props: {
     logo: {
@@ -4076,31 +4077,31 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = G(), t = se(), a = Q(), l = e, n = R(!1), o = R(""), i = async ({ password: r, password_confirmation: c }) => {
-      n.value = !0, o.value = "";
+    const s = W(), t = se(), a = Q(), l = e, r = R(!1), o = R(""), i = async ({ password: n, password_confirmation: c }) => {
+      r.value = !0, o.value = "";
       try {
         await le.post(a.state.endpoints.passwordReset, {
           email: t.query.email,
           token: t.query.token,
-          password: r,
+          password: n,
           password_confirmation: c
         }), await s.push(l.loginRoute);
       } catch (d) {
         o.value = d.response?.data?.message || "Failed to reset password.";
       } finally {
-        n.value = !1;
+        r.value = !1;
       }
     };
-    return (r, c) => {
-      const d = E("FormKit");
-      return h(), y("div", Ur, [
-        m("div", Kr, [
+    return (n, c) => {
+      const d = A("FormKit");
+      return h(), y("div", Kr, [
+        m("div", Wr, [
           l.logo ? (h(), y("img", {
             key: 0,
             src: l.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Gr)) : (h(), y("svg", Wr, [...c[0] || (c[0] = [
+          }, null, 8, Gr)) : (h(), y("svg", Yr, [...c[0] || (c[0] = [
             m("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -4119,7 +4120,7 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
             }, null, -1)
           ])]))
         ]),
-        m("div", Yr, [
+        m("div", Xr, [
           c[1] || (c[1] = m("div", { class: "mb-7" }, [
             m("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Set new password"),
             m("p", { class: "text-gray-600" }, " Enter your new password below. ")
@@ -4146,15 +4147,15 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
                 validation: "required|confirm:password",
                 "outer-class": "max-w-full"
               }),
-              o.value ? (h(), y("div", Xr, M(o.value), 1)) : T("", !0),
-              S(_(W), {
+              o.value ? (h(), y("div", Jr, M(o.value), 1)) : T("", !0),
+              S(C(G), {
                 type: "submit",
                 size: "xl",
-                disabled: n.value,
+                disabled: r.value,
                 "button-class": "w-full mb-2"
               }, {
                 default: L(() => [
-                  n.value ? (h(), y("span", Qr, "Resetting...")) : (h(), y("span", Jr, "Reset password"))
+                  r.value ? (h(), y("span", en, "Resetting...")) : (h(), y("span", Qr, "Reset password"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -4165,14 +4166,14 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
       ]);
     };
   }
-}, tn = { class: "h-full grid place-content-center relative" }, sn = { class: "absolute top-8 left-8" }, an = ["src"], on = {
+}, sn = { class: "h-full grid place-content-center relative" }, an = { class: "absolute top-8 left-8" }, on = ["src"], rn = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, rn = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, nn = { class: "flex gap-4 justify-center" }, ln = {
+}, nn = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, ln = { class: "flex gap-4 justify-center" }, cn = {
   __name: "SparkError403View",
   props: {
     logo: {
@@ -4185,17 +4186,17 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = G(), t = e, a = () => {
+    const s = W(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (h(), y("div", tn, [
-      m("div", sn, [
+    return (l, r) => (h(), y("div", sn, [
+      m("div", an, [
         t.logo ? (h(), y("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, an)) : (h(), y("svg", on, [...n[0] || (n[0] = [
+        }, null, 8, on)) : (h(), y("svg", rn, [...r[0] || (r[0] = [
           m("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -4214,23 +4215,23 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
           }, null, -1)
         ])]))
       ]),
-      m("div", rn, [
-        n[2] || (n[2] = m("div", null, [
+      m("div", nn, [
+        r[2] || (r[2] = m("div", null, [
           m("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "403"),
           m("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Access Forbidden "),
           m("p", { class: "text-gray-600" }, [
-            A(" You don't have permission to access this resource."),
+            E(" You don't have permission to access this resource."),
             m("br"),
-            A(" If you believe this is an error, please contact your administrator. ")
+            E(" If you believe this is an error, please contact your administrator. ")
           ])
         ], -1)),
-        m("div", nn, [
-          S(_(W), {
+        m("div", ln, [
+          S(C(G), {
             onClick: a,
             size: "lg"
           }, {
-            default: L(() => [...n[1] || (n[1] = [
-              A(" Go to Home ", -1)
+            default: L(() => [...r[1] || (r[1] = [
+              E(" Go to Home ", -1)
             ])]),
             _: 1
           })
@@ -4238,14 +4239,14 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
       ])
     ]));
   }
-}, cn = { class: "h-full grid place-content-center relative" }, un = { class: "absolute top-8 left-8" }, dn = ["src"], pn = {
+}, un = { class: "h-full grid place-content-center relative" }, dn = { class: "absolute top-8 left-8" }, pn = ["src"], fn = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, fn = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, mn = { class: "flex gap-4 justify-center" }, hn = {
+}, mn = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, hn = { class: "flex gap-4 justify-center" }, gn = {
   __name: "SparkError404View",
   props: {
     logo: {
@@ -4258,17 +4259,17 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = G(), t = e, a = () => {
+    const s = W(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (h(), y("div", cn, [
-      m("div", un, [
+    return (l, r) => (h(), y("div", un, [
+      m("div", dn, [
         t.logo ? (h(), y("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, dn)) : (h(), y("svg", pn, [...n[0] || (n[0] = [
+        }, null, 8, pn)) : (h(), y("svg", fn, [...r[0] || (r[0] = [
           m("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -4287,19 +4288,19 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
           }, null, -1)
         ])]))
       ]),
-      m("div", fn, [
-        n[2] || (n[2] = m("div", null, [
+      m("div", mn, [
+        r[2] || (r[2] = m("div", null, [
           m("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "404"),
           m("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Page Not Found "),
           m("p", { class: "text-gray-600" }, " The page you're looking for doesn't exist or has been moved. ")
         ], -1)),
-        m("div", mn, [
-          S(_(W), {
+        m("div", hn, [
+          S(C(G), {
             onClick: a,
             size: "lg"
           }, {
-            default: L(() => [...n[1] || (n[1] = [
-              A(" Go to Home ", -1)
+            default: L(() => [...r[1] || (r[1] = [
+              E(" Go to Home ", -1)
             ])]),
             _: 1
           })
@@ -4307,14 +4308,14 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
       ])
     ]));
   }
-}, gn = { class: "h-full grid place-content-center relative" }, yn = { class: "absolute top-8 left-8" }, vn = ["src"], bn = {
+}, yn = { class: "h-full grid place-content-center relative" }, vn = { class: "absolute top-8 left-8" }, bn = ["src"], xn = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, xn = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, kn = { class: "text-primary-600 text-7xl font-bold mb-4" }, wn = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, _n = { class: "text-gray-600" }, Cn = { class: "flex gap-4 justify-center" }, il = {
+}, kn = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, wn = { class: "text-primary-600 text-7xl font-bold mb-4" }, _n = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, Cn = { class: "text-gray-600" }, Sn = { class: "flex gap-4 justify-center" }, cl = {
   __name: "SparkErrorGeneralView",
   props: {
     logo: {
@@ -4339,17 +4340,17 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = G(), t = e, a = () => {
+    const s = W(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (h(), y("div", gn, [
-      m("div", yn, [
+    return (l, r) => (h(), y("div", yn, [
+      m("div", vn, [
         t.logo ? (h(), y("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, vn)) : (h(), y("svg", bn, [...n[0] || (n[0] = [
+        }, null, 8, bn)) : (h(), y("svg", xn, [...r[0] || (r[0] = [
           m("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -4368,19 +4369,19 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
           }, null, -1)
         ])]))
       ]),
-      m("div", xn, [
+      m("div", kn, [
         m("div", null, [
-          m("div", kn, M(t.errorCode || "Error"), 1),
-          m("h1", wn, M(t.title || "Something went wrong"), 1),
-          m("p", _n, M(t.message || "An unexpected error occurred. Please try again later."), 1)
+          m("div", wn, M(t.errorCode || "Error"), 1),
+          m("h1", _n, M(t.title || "Something went wrong"), 1),
+          m("p", Cn, M(t.message || "An unexpected error occurred. Please try again later."), 1)
         ]),
-        m("div", Cn, [
-          S(_(W), {
+        m("div", Sn, [
+          S(C(G), {
             onClick: a,
             size: "lg"
           }, {
-            default: L(() => [...n[1] || (n[1] = [
-              A(" Go to Home ", -1)
+            default: L(() => [...r[1] || (r[1] = [
+              E(" Go to Home ", -1)
             ])]),
             _: 1
           })
@@ -4389,60 +4390,60 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
     ]));
   }
 };
-function cl(e = {}) {
+function ul(e = {}) {
   const {
     loginPath: s = "/login",
     logoutPath: t = "/logout",
     forgotPasswordPath: a = "/forgot-password",
     resetPasswordPath: l = "/password/reset",
-    logo: n = "",
+    logo: r = "",
     defaultRedirect: o = "/dashboard"
   } = e;
   return [
     {
       path: s,
       name: "login",
-      component: Fr,
-      props: { logo: n, defaultRedirect: o },
+      component: Dr,
+      props: { logo: r, defaultRedirect: o },
       meta: { auth: !1 }
     },
     {
       path: t,
       name: "logout",
-      component: Dr,
+      component: Ar,
       props: { defaultRedirect: s },
       meta: { auth: !1 }
     },
     {
       path: a,
       name: "forgot-password",
-      component: qr,
-      props: { logo: n, loginRoute: s },
+      component: Ur,
+      props: { logo: r, loginRoute: s },
       meta: { auth: !1 }
     },
     {
       path: l,
       name: "password-reset",
-      component: en,
-      props: { logo: n, loginRoute: s },
+      component: tn,
+      props: { logo: r, loginRoute: s },
       meta: { auth: !1 }
     }
   ];
 }
-function ul(e, s = {}) {
+function dl(e, s = {}) {
   const { defaultAuthenticatedRoute: t = "/dashboard" } = s;
-  e.beforeEach(async (a, l, n) => {
+  e.beforeEach(async (a, l, r) => {
     const o = Q();
-    o.state.ready || await o.fetchUser(), Sn(a, n, o, t);
+    o.state.ready || await o.fetchUser(), $n(a, r, o, t);
   });
 }
-function Sn(e, s, t, a) {
-  const l = e.meta.auth !== !1, n = t.check;
+function $n(e, s, t, a) {
+  const l = e.meta.auth !== !1, r = t.check;
   if (t.state.overrideToken && e.path === "/logout") {
     s({ path: a });
     return;
   }
-  if (!n) {
+  if (!r) {
     if (!l) {
       if (e.path === "/logout") {
         s({ path: t.state.routes.auth });
@@ -4462,7 +4463,7 @@ function Sn(e, s, t, a) {
     });
     return;
   }
-  if (n) {
+  if (r) {
     if (!l && e.path === t.state.routes.auth) {
       s({ path: a });
       return;
@@ -4474,7 +4475,7 @@ function Sn(e, s, t, a) {
     s();
   }
 }
-function dl(e = {}) {
+function pl(e = {}) {
   const {
     forbiddenPath: s = "/error/403",
     logo: t = "",
@@ -4483,12 +4484,12 @@ function dl(e = {}) {
   return {
     path: s,
     name: "error-403",
-    component: ln,
+    component: cn,
     props: { logo: t, homeRoute: a },
     meta: { auth: !1 }
   };
 }
-function pl(e = {}) {
+function fl(e = {}) {
   const {
     logo: s = "",
     homeRoute: t = "/dashboard"
@@ -4496,12 +4497,12 @@ function pl(e = {}) {
   return {
     path: "/:pathMatch(.*)*",
     name: "error-404",
-    component: hn,
+    component: gn,
     props: { logo: s, homeRoute: t },
     meta: { auth: !1 }
   };
 }
-function fl(e, s) {
+function ml(e, s) {
   e.beforeResolve(async (t) => {
     if (t.meta.auth !== !1) {
       const a = Q();
@@ -4509,35 +4510,35 @@ function fl(e, s) {
     }
   });
 }
-function ml(e, s = {}) {
+function hl(e, s = {}) {
   const {
     title: t = "Unsaved Changes",
     message: a = "You have unsaved changes. Leave anyway?",
     confirmText: l = "Leave",
-    cancelText: n = "Stay"
+    cancelText: r = "Stay"
   } = s;
-  e.beforeEach(async (o, i, r) => {
-    if (!Jo()) {
-      r();
+  e.beforeEach(async (o, i, n) => {
+    if (!Qo()) {
+      n();
       return;
     }
-    const c = Qo() || a;
+    const c = er() || a;
     await J.confirm({
       title: t,
       message: c,
       confirmText: l,
-      cancelText: n,
+      cancelText: r,
       type: "warning"
-    }) ? (er(), r()) : r(!1);
+    }) ? (tr(), n()) : n(!1);
   });
 }
-const hl = pe("sparkNav", () => {
+const gl = pe("sparkNav", () => {
   const e = K({
     menu: [],
     collapsed: !1,
     hidden: !1
-  }), s = G(), t = se(), a = (c = []) => {
-    e.menu = c, r();
+  }), s = W(), t = se(), a = (c = []) => {
+    e.menu = c, n();
   }, l = (c, d) => {
     for (const p of c) {
       if (p.href === d) return p;
@@ -4547,7 +4548,7 @@ const hl = pe("sparkNav", () => {
       }
     }
     return null;
-  }, n = async (c) => {
+  }, r = async (c) => {
     if (c) {
       const d = l(e.menu, c);
       if (d && typeof d.action == "function") {
@@ -4560,7 +4561,7 @@ const hl = pe("sparkNav", () => {
     e.collapsed = !e.collapsed;
   }, i = () => {
     e.hidden = !e.hidden;
-  }, r = () => {
+  }, n = () => {
     const c = t.name || t.path.replace("/", "");
     if (c) {
       const d = (p) => {
@@ -4574,92 +4575,92 @@ const hl = pe("sparkNav", () => {
   return j(
     () => t.path,
     () => {
-      r();
+      n();
     },
     { immediate: !0 }
   ), {
     state: e,
     initialize: a,
-    goto: n,
+    goto: r,
     toggleCollapsed: o,
     toggleHidden: i,
-    syncWithRoute: r
+    syncWithRoute: n
   };
 });
 export {
   F as Icons,
   re as SparkAlert,
-  Os as SparkAppSelector,
-  ia as SparkBrandSelector,
-  W as SparkButton,
+  Bs as SparkAppSelector,
+  ca as SparkBrandSelector,
+  G as SparkButton,
   pt as SparkButtonGroup,
-  Xn as SparkCard,
-  nl as SparkDefaultContainer,
-  ln as SparkError403View,
-  hn as SparkError404View,
-  il as SparkErrorGeneralView,
-  qr as SparkForgotPasswordView,
-  Jn as SparkImageUpload,
-  Fr as SparkLoginView,
-  Dr as SparkLogoutView,
-  $a as SparkModalContainer,
-  wa as SparkModalDialog,
-  Wn as SparkNotificationOutlet,
+  Jn as SparkCard,
+  ll as SparkDefaultContainer,
+  cn as SparkError403View,
+  gn as SparkError404View,
+  cl as SparkErrorGeneralView,
+  Ur as SparkForgotPasswordView,
+  Qn as SparkImageUpload,
+  Dr as SparkLoginView,
+  Ar as SparkLogoutView,
+  Ta as SparkModalContainer,
+  _a as SparkModalDialog,
+  Yn as SparkNotificationOutlet,
   Me as SparkOverlay,
-  ll as SparkPublicContainer,
-  en as SparkResetPasswordView,
-  Qn as SparkSubNav,
-  el as SparkTable,
-  Vo as SparkTableDatePicker,
-  Lo as SparkTableFilterButtons,
-  Co as SparkTableFilterSelect,
-  ho as SparkTablePaginationPaging,
-  vo as SparkTablePaginationPerPage,
-  Do as SparkTableReset,
-  ko as SparkTableSearch,
+  il as SparkPublicContainer,
+  tn as SparkResetPasswordView,
+  el as SparkSubNav,
+  tl as SparkTable,
+  Ho as SparkTableDatePicker,
+  Po as SparkTableFilterButtons,
+  So as SparkTableFilterSelect,
+  go as SparkTablePaginationPaging,
+  bo as SparkTablePaginationPerPage,
+  Ao as SparkTableReset,
+  wo as SparkTableSearch,
   De as SparkTableToolbar,
-  Yn as SparkToastContainer,
-  Kn as addIcons,
-  er as clearAllDirtyForms,
-  dl as create403Route,
-  pl as create404Route,
-  cl as createAuthRoutes,
-  Ko as createAxiosInstance,
-  tl as createBootstrapService,
-  Ra as customiseHeader,
-  Zo as deleteCookie,
-  qn as formKitGenesisOverride,
-  Un as formKitIconLoader,
-  Zn as formKitIcons,
-  Ya as formatTemporal,
+  Xn as SparkToastContainer,
+  Wn as addIcons,
+  tr as clearAllDirtyForms,
+  pl as create403Route,
+  fl as create404Route,
+  ul as createAuthRoutes,
+  Wo as createAxiosInstance,
+  sl as createBootstrapService,
+  Fa as customiseHeader,
+  qo as deleteCookie,
+  Un as formKitGenesisOverride,
+  Kn as formKitIconLoader,
+  qn as formKitIcons,
+  Xa as formatTemporal,
   Go as getAxiosInstance,
-  jo as getCookie,
-  Qo as getDirtyFormMessage,
+  No as getCookie,
+  er as getDirtyFormMessage,
   ft as getDomain,
   Ie as getFormLevelMessage,
-  Jo as hasAnyDirtyForm,
-  Yo as isValidationError,
-  Xa as parseDatetime,
-  Wo as parseLaravelErrors,
-  Pa as renderHeaderTitle,
-  No as setCookie,
-  ul as setupAuthGuards,
-  sl as setupAxios,
-  fl as setupBootstrapGuard,
-  ml as setupDirtyFormGuard,
+  Qo as hasAnyDirtyForm,
+  Xo as isValidationError,
+  Ja as parseDatetime,
+  Yo as parseLaravelErrors,
+  Ma as renderHeaderTitle,
+  Zo as setCookie,
+  dl as setupAuthGuards,
+  al as setupAxios,
+  ml as setupBootstrapGuard,
+  hl as setupDirtyFormGuard,
   Gn as setupFontAwesome,
   J as sparkModalService,
   z as sparkNotificationService,
   ae as sparkOverlayService,
-  to as updateRow,
-  rl as useFormDirtyGuard,
-  al as useFormSubmission,
+  so as updateRow,
+  nl as useFormDirtyGuard,
+  ol as useFormSubmission,
   it as useSparkAppSelectorStore,
   ct as useSparkAppStore,
   Q as useSparkAuthStore,
   dt as useSparkBrandFilterStore,
-  hl as useSparkNavStore,
-  Ae as useSparkOverlay,
-  so as useSparkTableRouteSync,
-  ol as useSubNavigation
+  gl as useSparkNavStore,
+  Ee as useSparkOverlay,
+  ao as useSparkTableRouteSync,
+  rl as useSubNavigation
 };