@wishbone-media/spark 0.18.0 → 0.19.0

package/dist/index.js

@@ -1,83 +1,85 @@
-import { computed as k, resolveComponent as L, createElementBlock as g, openBlock as f, normalizeClass as _, createElementVNode as c, createVNode as v, unref as y, renderSlot as T, reactive as z, Fragment as B, renderList as A, createCommentVNode as x, toDisplayString as S, createBlock as V, resolveDynamicComponent as W, ref as $, inject as ge, provide as Ve, markRaw as he, withCtx as w, mergeProps as Y, toHandlers as ye, createTextVNode as P, withModifiers as j, useSlots as ve, watch as E, onMounted as be, h as le } from "vue";
-import { library as xe, icon as ee } from "@fortawesome/fontawesome-svg-core";
-import { FontAwesomeIcon as Pe } from "@fortawesome/vue-fontawesome";
-import { faUndo as Re, faEye as Be, faSignOut as Me, faXmark as Fe, faTrash as Ae, faTimes as Ee, faStreetView as ze, faSortUp as je, faSortDown as Ie, faSort as Oe, faScaleBalanced as Ne, faSatelliteDish as De, faLayerPlus as Ze, faLaptopMobile as qe, faInfoCircle as Ge, faGripDotsVertical as Ke, faGearComplex as Ue, faFlag as We, faFaceSmileWink as Ye, faFaceSmileRelaxed as Xe, faExclamationTriangle as Je, faEllipsisVertical as Qe, faEllipsis as et, faEdit as tt, faComments as st, faCircleXmark as at, faCircleUser as ot, faChevronUp as rt, faChevronRight as nt, faChevronLeft as lt, faChevronDown as it, faCheckCircle as ct, faCheck as dt, faBullhorn as ut, faBellRing as pt, faBarsSort as ft, faArrowRightToLine as mt, faArrowLeftToLine as gt } from "@fortawesome/pro-regular-svg-icons";
-import { defineStore as X } from "pinia";
-import { TransitionRoot as ke, Dialog as _e, TransitionChild as te, DialogPanel as we } from "@headlessui/vue";
-import ae from "nprogress";
-import { range as ht, get as q, find as yt, has as vt } from "lodash";
-import { HotTable as bt } from "@handsontable/vue3";
+import { computed as S, resolveComponent as R, createElementBlock as g, openBlock as f, normalizeClass as $, createElementVNode as d, createVNode as v, unref as b, renderSlot as M, reactive as D, Fragment as j, renderList as N, createCommentVNode as C, toDisplayString as L, createBlock as E, resolveDynamicComponent as te, ref as V, inject as ke, provide as Ee, markRaw as _e, withCtx as T, mergeProps as se, toHandlers as we, createTextVNode as F, watch as A, onMounted as ue, withModifiers as K, useSlots as Se, onUnmounted as Fe, h as fe } from "vue";
+import { library as Ce, icon as re } from "@fortawesome/fontawesome-svg-core";
+import { FontAwesomeIcon as Ae } from "@fortawesome/vue-fontawesome";
+import { faCloudDownload as je, faBolt as Oe, faUndo as ze, faEye as Ie, faSignOut as Ne, faXmark as De, faTrash as qe, faTimes as Ze, faStreetView as Ke, faSortUp as Ue, faSortDown as Ge, faSort as We, faScaleBalanced as Ye, faSatelliteDish as Xe, faLayerPlus as Je, faLaptopMobile as Qe, faInfoCircle as et, faGripDotsVertical as tt, faGearComplex as st, faFlag as at, faFaceSmileWink as ot, faFaceSmileRelaxed as rt, faExclamationTriangle as nt, faEllipsisVertical as lt, faEllipsis as it, faEdit as ct, faComments as dt, faCircleXmark as ut, faCircleUser as pt, faChevronUp as ft, faChevronRight as mt, faChevronLeft as gt, faChevronDown as ht, faCheckCircle as yt, faCheck as bt, faBullhorn as vt, faBellRing as xt, faBarsSort as kt, faArrowRightToLine as _t, faArrowLeftToLine as wt } from "@fortawesome/pro-regular-svg-icons";
+import { defineStore as ae } from "pinia";
+import { TransitionRoot as $e, Dialog as Te, TransitionChild as ne, DialogPanel as Le } from "@headlessui/vue";
+import le from "nprogress";
+import { range as St, get as I, find as Ct, has as $t } from "lodash";
+import { HotTable as Tt } from "@handsontable/vue3";
 import "handsontable/styles/handsontable.css";
 import "handsontable/styles/ht-theme-classic.css";
-import { registerPlugin as Q, AutoColumnSize as xt, CopyPaste as kt, StretchColumns as _t, NestedHeaders as wt } from "handsontable/plugins";
-import { registerAllCellTypes as Ct } from "handsontable/cellTypes";
-import { useDebounceFn as Ce, watchDebounced as ie } from "@vueuse/core";
-import { registerRenderer as St, baseRenderer as $t } from "handsontable/renderers";
-import K from "axios";
-import { useRouter as I, useRoute as se } from "vue-router";
-var Lt = {
+import { registerPlugin as oe, AutoColumnSize as Lt, CopyPaste as Ht, StretchColumns as Pt, NestedHeaders as Vt } from "handsontable/plugins";
+import { registerAllCellTypes as Rt } from "handsontable/cellTypes";
+import { useDebounceFn as He, watchDebounced as me } from "@vueuse/core";
+import { registerRenderer as Bt, baseRenderer as Mt } from "handsontable/renderers";
+import { useRouter as q, useRoute as Q } from "vue-router";
+import J from "axios";
+var Et = {
   prefix: "fad",
   iconName: "sort-up",
   icon: [384, 512, ["sort-asc"], "f0de", ["", "M32 224c-12.9 0-24.6-7.8-29.6-19.8S.2 178.5 9.4 169.4l160-160c12.5-12.5 32.8-12.5 45.3 0l160 160c9.2 9.2 11.9 22.9 6.9 34.9S364.9 224 352 224L32 224z"]]
-}, Ht = {
+}, Ft = {
   prefix: "fad",
   iconName: "sort",
   icon: [384, 512, ["unsorted"], "f0dc", ["M2.4 307.8c-5 12-2.2 25.7 6.9 34.9l160 160c12.5 12.5 32.8 12.5 45.3 0l160-160c9.2-9.2 11.9-22.9 6.9-34.9S364.9 288 352 288L32 288c-12.9 0-24.6 7.8-29.6 19.8z", "M32 224c-12.9 0-24.6-7.8-29.6-19.8S.2 178.5 9.4 169.4l160-160c12.5-12.5 32.8-12.5 45.3 0l160 160c9.2 9.2 11.9 22.9 6.9 34.9S364.9 224 352 224L32 224z"]]
-}, Tt = {
+}, At = {
   prefix: "fad",
   iconName: "sort-down",
   icon: [384, 512, ["sort-desc"], "f0dd", ["", "M32 288c-12.9 0-24.6 7.8-29.6 19.8S.2 333.5 9.4 342.6l160 160c12.5 12.5 32.8 12.5 45.3 0l160-160c9.2-9.2 11.9-22.9 6.9-34.9S364.9 288 352 288L32 288z"]]
 };
-const H = {
-  farArrowLeftToLine: gt,
-  farArrowRightToLine: mt,
-  farBarsSort: ft,
-  farBellRing: pt,
-  farBullhorn: ut,
-  farCheck: dt,
-  farCheckCircle: ct,
-  farChevronDown: it,
-  farChevronLeft: lt,
-  farChevronRight: nt,
-  farChevronUp: rt,
-  farCircleUser: ot,
-  farCircleXmark: at,
-  farComments: st,
-  farEdit: tt,
-  farEllipsis: et,
-  farEllipsisVertical: Qe,
-  farExclamationTriangle: Je,
-  farFaceSmileRelaxed: Xe,
-  farFaceSmileWink: Ye,
-  farFlag: We,
-  farGearComplex: Ue,
-  farGripDotsVertical: Ke,
-  farInfoCircle: Ge,
-  farLaptopMobile: qe,
-  farLayerPlus: Ze,
-  farSatelliteDish: De,
-  farScaleBalanced: Ne,
-  farSort: Oe,
-  farSortDown: Ie,
-  farSortUp: je,
-  farStreetView: ze,
-  farTimes: Ee,
-  farTrash: Ae,
-  farXmark: Fe,
-  farSignOut: Me,
-  farEye: Be,
-  farUndo: Re,
-  fadSort: Ht,
-  fadSortDown: Tt,
-  fadSortUp: Lt
+const B = {
+  farArrowLeftToLine: wt,
+  farArrowRightToLine: _t,
+  farBarsSort: kt,
+  farBellRing: xt,
+  farBullhorn: vt,
+  farCheck: bt,
+  farCheckCircle: yt,
+  farChevronDown: ht,
+  farChevronLeft: gt,
+  farChevronRight: mt,
+  farChevronUp: ft,
+  farCircleUser: pt,
+  farCircleXmark: ut,
+  farComments: dt,
+  farEdit: ct,
+  farEllipsis: it,
+  farEllipsisVertical: lt,
+  farExclamationTriangle: nt,
+  farFaceSmileRelaxed: rt,
+  farFaceSmileWink: ot,
+  farFlag: at,
+  farGearComplex: st,
+  farGripDotsVertical: tt,
+  farInfoCircle: et,
+  farLaptopMobile: Qe,
+  farLayerPlus: Je,
+  farSatelliteDish: Xe,
+  farScaleBalanced: Ye,
+  farSort: We,
+  farSortDown: Ge,
+  farSortUp: Ue,
+  farStreetView: Ke,
+  farTimes: Ze,
+  farTrash: qe,
+  farXmark: De,
+  farSignOut: Ne,
+  farEye: Ie,
+  farUndo: ze,
+  farBolt: Oe,
+  farCloudDownload: je,
+  fadSort: Ft,
+  fadSortDown: At,
+  fadSortUp: Et
 };
-function hr(e) {
-  Object.assign(H, e), xe.add(...Object.values(e));
+function $r(e) {
+  Object.assign(B, e), Ce.add(...Object.values(e));
 }
-function yr(e) {
-  xe.add(...Object.values(H)), e.component("FontAwesomeIcon", Pe);
+function Tr(e) {
+  Ce.add(...Object.values(B)), e.component("FontAwesomeIcon", Ae);
 }
-const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }, Rt = { class: "ml-3" }, Bt = { class: "ml-auto pl-3 pt-1 self-start" }, Mt = { class: "-mx-1.5 -my-1.5" }, vr = {
+const jt = { class: "flex items-center" }, Ot = { class: "shrink-0 self-start" }, zt = { class: "ml-3" }, It = { class: "ml-auto pl-3 pt-1 self-start" }, Nt = { class: "-mx-1.5 -my-1.5" }, Lr = {
   __name: "SparkAlert",
   props: {
     type: {
@@ -88,51 +90,51 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
   },
   emits: ["close"],
   setup(e) {
-    const s = e, t = k(() => ({
+    const s = e, t = S(() => ({
       success: "bg-green-50 border-green-200 text-green-700",
       warning: "bg-yellow-50 border-yellow-200 text-yellow-700",
       danger: "bg-red-50 border-red-200 text-red-700",
       info: "bg-blue-50 border-blue-200 text-blue-700"
-    })[s.type]), a = k(() => ({
+    })[s.type]), a = S(() => ({
       success: "text-green-400",
       warning: "text-yellow-400",
       danger: "text-red-400",
       info: "text-blue-400"
-    })[s.type]), l = k(() => ({
+    })[s.type]), l = S(() => ({
       success: "farCheckCircle",
       warning: "farExclamationTriangle",
       danger: "farCircleXmark",
       info: "farInfoCircle"
-    })[s.type]), n = k(() => ({
+    })[s.type]), r = S(() => ({
       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 = L("font-awesome-icon");
+      const n = R("font-awesome-icon");
       return f(), g("div", {
-        class: _(["rounded-md border p-4", t.value])
+        class: $(["rounded-md border p-4", t.value])
       }, [
-        c("div", Vt, [
-          c("div", Pt, [
-            v(r, {
-              icon: y(H)[l.value],
-              class: _(a.value)
+        d("div", jt, [
+          d("div", Ot, [
+            v(n, {
+              icon: b(B)[l.value],
+              class: $(a.value)
             }, null, 8, ["icon", "class"])
           ]),
-          c("div", Rt, [
-            T(o.$slots, "default")
+          d("div", zt, [
+            M(o.$slots, "default")
           ]),
-          c("div", Bt, [
-            c("div", Mt, [
-              c("button", {
+          d("div", It, [
+            d("div", Nt, [
+              d("button", {
                 type: "button",
-                class: _(["inline-flex rounded-md px-2 py-1.5", n.value]),
-                onClick: i[0] || (i[0] = (d) => o.$emit("close"))
+                class: $(["inline-flex rounded-md px-2 py-1.5", r.value]),
+                onClick: i[0] || (i[0] = (c) => o.$emit("close"))
               }, [
-                v(r, {
-                  icon: y(H).farXmark
+                v(n, {
+                  icon: b(B).farXmark
                 }, null, 8, ["icon"])
               ], 2)
             ])
@@ -141,7 +143,13 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
       ], 2);
     };
   }
-}, oe = [
+}, ie = [
+  {
+    name: "Bolt",
+    description: "Job management",
+    href: "https://bolt-next.letsbolt.io",
+    icon: "farBolt"
+  },
   {
     name: "3CX",
     description: "VOIP Phone",
@@ -174,24 +182,24 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
   },
   {
     name: "ReVuze",
-    description: "Get Customer feedback",
+    description: "Get customer feedback",
     href: "https://revuze-next.letsbolt.io",
     icon: "farComments"
   },
   {
     name: "Tabula",
-    description: "Admin interface",
+    description: "Admin interface template",
     href: "https://tabula.letsbolt.io",
     icon: "farCompass"
   }
-], Se = X("sparkAppSelector", () => {
-  const e = z({
-    apps: [...oe]
-  }), 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;
+], Pe = ae("sparkAppSelector", () => {
+  const e = D({
+    apps: [...ie]
+  }), 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,
@@ -201,23 +209,23 @@ const Vt = { class: "flex items-center" }, Pt = { 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]);
-      }), e.apps = oe.map((i) => {
-        const r = o.get(i.name.toLowerCase());
+      Object.keys(r.appHrefs).forEach((i) => {
+        o.set(i.toLowerCase(), r.appHrefs[i]);
+      }), e.apps = ie.map((i) => {
+        const n = o.get(i.name.toLowerCase());
         return {
           ...i,
-          href: r || i.href
+          href: n || i.href
         };
       });
       return;
     }
-    e.apps = [...oe];
-  }, t = k(() => e.apps), a = (n) => {
-    if (!n) return null;
-    const o = n.toLowerCase();
+    e.apps = [...ie];
+  }, t = S(() => e.apps), a = (r) => {
+    if (!r) return null;
+    const o = r.toLowerCase();
     return e.apps.find((i) => i.name.toLowerCase() === o) || null;
   };
   return {
@@ -225,13 +233,13 @@ const Vt = { class: "flex items-center" }, Pt = { 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 : "";
     }
   };
-}), $e = X("sparkApp", () => {
-  const e = z({
+}), Ve = ae("sparkApp", () => {
+  const e = D({
     app: "",
     homeRoute: "dashboard",
     showBrandSelector: !0,
@@ -243,16 +251,16 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
       e.app = t.app || "", e.homeRoute = t.homeRoute ?? "dashboard", e.showBrandSelector = t.showBrandSelector ?? !0, e.showAppSelector = t.showAppSelector ?? !0;
     }
   };
-}), Ft = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, At = { class: "flex flex-1 flex-col" }, Et = { class: "divide-y divide-gray-200" }, zt = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, jt = { class: "ml-auto flex items-center" }, It = ["href", "onClick"], Ot = { class: "gap-y-1" }, Nt = { class: "text-base text-gray-800 flex items-center" }, Dt = { class: "font-medium" }, Zt = {
+}), Dt = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, qt = { class: "flex flex-1 flex-col" }, Zt = { class: "divide-y divide-gray-200" }, Kt = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Ut = { class: "ml-auto flex items-center" }, Gt = ["href", "onClick"], Wt = { class: "gap-y-1" }, Yt = { class: "text-base text-gray-800 flex items-center" }, Xt = { class: "font-medium" }, Jt = {
   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"
-}, qt = { class: "text-sm text-gray-500" }, Gt = { class: "ml-auto flex items-center" }, Kt = { class: "mt-auto" }, Ut = {
+}, Qt = { class: "text-sm text-gray-500" }, es = { class: "ml-auto flex items-center" }, ts = { class: "mt-auto" }, ss = {
   key: 0,
   class: "p-6"
-}, Wt = {
+}, as = {
   key: 1,
   class: "bg-gray-50 p-6"
-}, Yt = {
+}, os = {
   __name: "SparkAppSelector",
   props: {
     bottomSlot: {
@@ -266,104 +274,104 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
   },
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, a = Se(), l = $e(), n = k(() => {
+    const t = s, a = Pe(), l = Ve(), r = S(() => {
       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 d = L("font-awesome-icon");
-      return f(), g("div", Ft, [
-        c("div", At, [
-          c("div", Et, [
-            c("div", zt, [
-              r[1] || (r[1] = c("div", null, "Mr Group Network", -1)),
-              c("div", jt, [
-                v(d, {
-                  icon: y(H).farTimes,
+    return (i, n) => {
+      const c = R("font-awesome-icon");
+      return f(), g("div", Dt, [
+        d("div", qt, [
+          d("div", Zt, [
+            d("div", Kt, [
+              n[1] || (n[1] = d("div", null, "Mr Group Network", -1)),
+              d("div", Ut, [
+                v(c, {
+                  icon: b(B).farTimes,
                   class: "h-[15px] w-[15px] shrink-0 text-gray-400 cursor-pointer",
-                  onClick: r[0] || (r[0] = (m) => t("close"))
+                  onClick: n[0] || (n[0] = (p) => t("close"))
                 }, null, 8, ["icon"])
               ])
             ]),
-            (f(!0), g(B, null, A(n.value, (m) => (f(), g("a", {
-              key: m.name,
-              href: m.href,
+            (f(!0), g(j, null, N(r.value, (p) => (f(), g("a", {
+              key: p.name,
+              href: p.href,
               target: "_blank",
-              class: _([m.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
-              onClick: (u) => m.current ? u.preventDefault() : o(m)
+              class: $([p.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
+              onClick: (u) => p.current ? u.preventDefault() : o(p)
             }, [
-              c("div", Ot, [
-                c("div", Nt, [
-                  c("div", Dt, S(m.name), 1),
-                  m.current ? (f(), g("span", Zt, " Active ")) : x("", !0)
+              d("div", Wt, [
+                d("div", Yt, [
+                  d("div", Xt, L(p.name), 1),
+                  p.current ? (f(), g("span", Jt, " Active ")) : C("", !0)
                 ]),
-                c("div", qt, S(m.description), 1)
+                d("div", Qt, L(p.description), 1)
               ]),
-              c("div", Gt, [
-                v(d, {
-                  class: _([m.current ? "text-gray-700" : "text-gray-400", "h-5 w-5 shrink-0"]),
-                  icon: y(H)[m.icon]
+              d("div", es, [
+                v(c, {
+                  class: $([p.current ? "text-gray-700" : "text-gray-400", "h-5 w-5 shrink-0"]),
+                  icon: b(B)[p.icon]
                 }, null, 8, ["class", "icon"])
               ])
-            ], 10, It))), 128)),
-            r[2] || (r[2] = c("div", null, null, -1))
+            ], 10, Gt))), 128)),
+            n[2] || (n[2] = d("div", null, null, -1))
           ]),
-          c("div", Kt, [
-            i.$slots.bottom || e.bottomSlot ? (f(), g("div", Ut, [
-              T(i.$slots, "bottom", {}, () => [
-                e.bottomSlot ? (f(), V(W(e.bottomSlot), { key: 0 })) : x("", !0)
+          d("div", ts, [
+            i.$slots.bottom || e.bottomSlot ? (f(), g("div", ss, [
+              M(i.$slots, "bottom", {}, () => [
+                e.bottomSlot ? (f(), E(te(e.bottomSlot), { key: 0 })) : C("", !0)
               ])
-            ])) : x("", !0),
-            i.$slots.footer || e.footerSlot ? (f(), g("div", Wt, [
-              T(i.$slots, "footer", {}, () => [
-                e.footerSlot ? (f(), V(W(e.footerSlot), { key: 0 })) : x("", !0)
+            ])) : C("", !0),
+            i.$slots.footer || e.footerSlot ? (f(), g("div", as, [
+              M(i.$slots, "footer", {}, () => [
+                e.footerSlot ? (f(), E(te(e.footerSlot), { key: 0 })) : C("", !0)
               ])
-            ])) : x("", !0)
+            ])) : C("", !0)
           ])
         ])
       ]);
     };
   }
-}, Le = X(
+}, Re = ae(
   "brandFilter",
   () => {
-    const e = z({
+    const e = D({
       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 d = r.id && r.name && r.logo;
-        return d || console.warn("useSparkBrandFilterStore: Invalid brand object", r), d;
-      }), 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 = k(() => e.brands.find((n) => n.current) || null), a = k(() => e.brands);
+    }, t = S(() => e.brands.find((r) => r.current) || null), a = S(() => 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;
         });
       }
     };
@@ -373,65 +381,65 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
       paths: ["state.brands"]
     }
   }
-), Xt = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Jt = { class: "flex flex-1 flex-col" }, Qt = { class: "divide-y divide-gray-200" }, es = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, ts = { class: "ml-auto flex items-center" }, ss = {
+), rs = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, ns = { class: "flex flex-1 flex-col" }, ls = { class: "divide-y divide-gray-200" }, is = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, cs = { class: "ml-auto flex items-center" }, ds = {
   key: 0,
   class: "flex px-[22px] py-[15px] text-gray-500 text-sm"
-}, as = ["onClick"], os = { class: "gap-y-1 flex" }, rs = { class: "flex items-center mr-4" }, ns = ["src", "alt"], ls = { class: "ml-auto flex flex-col" }, is = { class: "text-base text-gray-800 flex items-center" }, cs = { class: "font-medium" }, ds = {
+}, us = ["onClick"], ps = { class: "w-full gap-y-1 flex justify-between" }, fs = { class: "flex flex-col" }, ms = { class: "flex items-center" }, gs = { class: "font-medium text-base text-gray-900" }, hs = {
   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"
-}, us = { class: "text-sm text-gray-500" }, ps = {
+  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"
+}, ys = { class: "text-sm text-gray-500 font-normal" }, bs = { class: "flex items-center" }, vs = ["src", "alt"], xs = {
   __name: "SparkBrandSelector",
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, a = Le(), l = (n) => {
-      t("select", n);
+    const t = s, a = Re(), l = (r) => {
+      t("select", r);
     };
-    return (n, o) => {
-      const i = L("font-awesome-icon");
-      return f(), g("div", Xt, [
-        c("div", Jt, [
-          c("div", Qt, [
-            c("div", es, [
-              o[1] || (o[1] = c("div", null, "Filter by Brand", -1)),
-              c("div", ts, [
+    return (r, o) => {
+      const i = R("font-awesome-icon");
+      return f(), g("div", rs, [
+        d("div", ns, [
+          d("div", ls, [
+            d("div", is, [
+              o[1] || (o[1] = d("div", null, "Filter by Brand", -1)),
+              d("div", cs, [
                 v(i, {
-                  icon: y(H).farTimes,
+                  icon: b(B).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"])
               ])
             ]),
-            y(a).allBrands.length === 0 ? (f(), g("div", ss, " No brands configured ")) : x("", !0),
-            (f(!0), g(B, null, A(y(a).allBrands, (r) => (f(), g("div", {
-              key: r.id,
-              class: _([r.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
-              onClick: (d) => l(r)
+            b(a).allBrands.length === 0 ? (f(), g("div", ds, " No brands configured ")) : C("", !0),
+            (f(!0), g(j, null, N(b(a).allBrands, (n) => (f(), g("div", {
+              key: n.id,
+              class: $([n.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
+              onClick: (c) => l(n)
             }, [
-              c("div", os, [
-                c("div", rs, [
-                  c("img", {
-                    src: r.logo,
-                    alt: `${r.name} logo`,
-                    class: "h-8 w-auto"
-                  }, null, 8, ns)
-                ]),
-                c("div", ls, [
-                  c("div", is, [
-                    c("div", cs, S(r.name), 1),
-                    r.current ? (f(), g("span", ds, " Current ")) : x("", !0)
+              d("div", ps, [
+                d("div", fs, [
+                  d("div", ms, [
+                    d("div", gs, L(n.name), 1),
+                    n.current ? (f(), g("span", hs, " Current ")) : C("", !0)
                   ]),
-                  c("div", us, S(r.current ? "Current Brand" : "Change to"), 1)
+                  d("div", ys, L(n.current ? "Current Brand" : "Change to"), 1)
+                ]),
+                d("div", bs, [
+                  d("img", {
+                    src: n.logo,
+                    alt: `${n.name} logo`,
+                    class: "h-8 w-auto"
+                  }, null, 8, vs)
                 ])
               ])
-            ], 10, as))), 128)),
-            o[2] || (o[2] = c("div", null, null, -1))
+            ], 10, us))), 128)),
+            o[2] || (o[2] = d("div", null, null, -1))
           ]),
-          o[3] || (o[3] = c("div", { class: "mt-auto" }, null, -1))
+          o[3] || (o[3] = d("div", { class: "mt-auto" }, null, -1))
         ])
       ]);
     };
   }
-}, fs = ["disabled"], F = {
+}, ks = ["disabled"], z = {
   __name: "SparkButton",
   props: {
     size: {
@@ -453,16 +461,16 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
     }
   },
   setup(e) {
-    const s = e, t = $(null), a = ge("buttonGroup", null), l = k(() => {
+    const s = e, t = V(null), a = ke("buttonGroup", null), l = S(() => {
       if (!a?.isInGroup || !t.value) return null;
-      const r = a.getButtonIndex(t.value), d = a.getButtonCount();
+      const n = a.getButtonIndex(t.value), c = a.getButtonCount();
       return {
-        isFirst: r === 0,
-        isLast: r === d - 1,
-        index: r,
-        total: d
+        isFirst: n === 0,
+        isLast: n === c - 1,
+        index: n,
+        total: c
       };
-    }), n = {
+    }), r = {
       paddingX: /^px-/,
       paddingY: /^py-/,
       paddingAll: /^p-/,
@@ -472,99 +480,99 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
       borderRadius: /^rounded-/,
       background: /^bg-/,
       text: /^text-(?!white|black)/
-    }, o = (r, d) => {
-      if (!d) return r;
-      const m = r.split(" ").filter(Boolean), u = d.split(" ").filter(Boolean);
-      return [...m.filter((h) => !u.some((b) => {
-        const N = Object.entries(n).find(
-          ([R, J]) => J.test(h)
-        )?.[0], C = Object.entries(n).find(
-          ([R, J]) => J.test(b)
+    }, o = (n, c) => {
+      if (!c) return n;
+      const p = n.split(" ").filter(Boolean), u = c.split(" ").filter(Boolean);
+      return [...p.filter((_) => !u.some((k) => {
+        const m = Object.entries(r).find(
+          ([H, h]) => h.test(_)
+        )?.[0], x = Object.entries(r).find(
+          ([H, h]) => h.test(k)
         )?.[0];
-        return N && N === C;
+        return m && m === x;
       })), ...u].join(" ");
-    }, i = k(() => {
-      let r = "", d = "";
+    }, i = S(() => {
+      let n = "", c = "";
       switch (s.size) {
         case "xs":
-          r += " px-2 py-1 text-xs", d = "sm";
+          n += " px-2 py-1 text-xs", c = "sm";
           break;
         case "sm":
-          r += " px-2 py-1 text-sm", d = "sm";
+          n += " px-2 py-1 text-sm", c = "sm";
           break;
         case "md":
-          r += " px-2.5 py-1.5 text-sm", d = "md";
+          n += " px-2.5 py-1.5 text-sm", c = "md";
           break;
         case "lg":
-          r += " px-3 py-2 text-sm", d = "md";
+          n += " px-3 py-2 text-sm", c = "md";
           break;
         case "xl":
-          r += " px-3.5 py-2.5 min-h-[42px] text-sm", d = "md";
+          n += " px-3.5 py-2.5 min-h-[42px] text-sm", c = "md";
           break;
       }
       if (a?.isInGroup && l.value) {
-        const { isFirst: m, isLast: u } = l.value;
-        r += " relative inline-flex items-center focus:z-10", m && u ? r += ` rounded-${d}` : m ? r += ` rounded-l-${d} rounded-r-none` : u ? r += ` rounded-r-${d} rounded-l-none -ml-px` : r += " rounded-none -ml-px";
+        const { isFirst: p, isLast: u } = l.value;
+        n += " relative inline-flex items-center focus:z-10", p && u ? n += ` rounded-${c}` : p ? n += ` rounded-l-${c} rounded-r-none` : u ? n += ` rounded-r-${c} rounded-l-none -ml-px` : n += " rounded-none -ml-px";
       } else
-        r += ` shadow-xs rounded-${d}`;
+        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, d) => (f(), g("button", {
+    return (n, c) => (f(), g("button", {
       type: "button",
       ref_key: "buttonRef",
       ref: t,
-      class: _(i.value),
+      class: $(i.value),
       disabled: e.disabled,
-      onClick: d[0] || (d[0] = (m) => r.$emit("click"))
+      onClick: c[0] || (c[0] = (p) => n.$emit("click"))
     }, [
-      T(r.$slots, "default")
-    ], 10, fs));
+      M(n.$slots, "default")
+    ], 10, ks));
   }
-}, ms = {
+}, _s = {
   __name: "SparkButtonGroup",
   setup(e) {
-    const s = $(null);
-    return Ve("buttonGroup", {
+    const s = V(null);
+    return Ee("buttonGroup", {
       isInGroup: !0,
       getButtonIndex: (l) => s.value ? Array.from(s.value.children).indexOf(l) : -1,
       getButtonCount: () => s.value?.children.length || 0
-    }), (l, n) => (f(), g("div", {
+    }), (l, r) => (f(), g("div", {
       class: "inline-flex rounded-md shadow-xs",
       ref_key: "groupRef",
       ref: s
     }, [
-      T(l.$slots, "default")
+      M(l.$slots, "default")
     ], 512));
   }
-}, gs = { class: "divide-y divide-gray-300 rounded-lg border border-gray-300 text-gray-700 bg-gray-100" }, hs = {
+}, ws = { class: "divide-y divide-gray-300 rounded-lg border border-gray-300 text-gray-700 bg-gray-100" }, Ss = {
   key: 0,
   class: "p-5"
-}, ys = {
+}, Cs = {
   key: 1,
   class: "p-5"
-}, br = {
+}, Hr = {
   __name: "SparkCard",
   props: {
     padded: {
@@ -578,24 +586,24 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
   },
   setup(e) {
     const s = e;
-    return (t, a) => (f(), g("div", gs, [
-      t.$slots.header ? (f(), g("div", hs, [
-        T(t.$slots, "header")
-      ])) : x("", !0),
-      c("div", {
-        class: _([s.padded ? s.paddedClass : ""])
+    return (t, a) => (f(), g("div", ws, [
+      t.$slots.header ? (f(), g("div", Ss, [
+        M(t.$slots, "header")
+      ])) : C("", !0),
+      d("div", {
+        class: $([s.padded ? s.paddedClass : ""])
       }, [
-        T(t.$slots, "default")
+        M(t.$slots, "default")
       ], 2),
-      t.$slots.footer ? (f(), g("div", ys, [
-        T(t.$slots, "footer")
-      ])) : x("", !0)
+      t.$slots.footer ? (f(), g("div", Cs, [
+        M(t.$slots, "footer")
+      ])) : C("", !0)
     ]));
   }
 };
-class vs {
+class $s {
   constructor() {
-    this.state = z({
+    this.state = D({
       isVisible: !1,
       content: null,
       props: {},
@@ -603,26 +611,26 @@ class vs {
     });
   }
   show = (s, t = {}, a = {}) => {
-    this.state.content = he(s), this.state.props = t, this.state.eventHandlers = a, this.state.isVisible = !0;
+    this.state.content = _e(s), this.state.props = t, this.state.eventHandlers = a, this.state.isVisible = !0;
   };
   hide = () => {
     this.state.isVisible = !1, this.state.eventHandlers = {};
   };
 }
-const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, xs = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, ks = {
+const ee = new $s(), Ts = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, Ls = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Hs = {
   __name: "SparkModalContainer",
   setup(e) {
-    return (s, t) => (f(), V(y(ke), {
+    return (s, t) => (f(), E(b($e), {
       as: "template",
-      show: y(U).state.isVisible
+      show: b(ee).state.isVisible
     }, {
-      default: w(() => [
-        v(y(_e), {
-          class: "relative z-200",
-          onClose: y(U).hide
+      default: T(() => [
+        v(b(Te), {
+          class: "relative z-1000",
+          onClose: b(ee).hide
         }, {
-          default: w(() => [
-            v(y(te), {
+          default: T(() => [
+            v(b(ne), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -631,14 +639,14 @@ const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               "leave-from": "opacity-100",
               "leave-to": "opacity-0"
             }, {
-              default: w(() => [...t[0] || (t[0] = [
-                c("div", { class: "fixed inset-0 bg-gray-500/75 transition-opacity" }, null, -1)
+              default: T(() => [...t[0] || (t[0] = [
+                d("div", { class: "fixed inset-0 bg-gray-500/75 transition-opacity" }, null, -1)
               ])]),
               _: 1
             }),
-            c("div", bs, [
-              c("div", xs, [
-                v(y(te), {
+            d("div", Ts, [
+              d("div", Ls, [
+                v(b(ne), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -647,10 +655,10 @@ const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                   "leave-from": "opacity-100 translate-y-0 sm:scale-100",
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 }, {
-                  default: w(() => [
-                    v(y(we), { 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: w(() => [
-                        (f(), V(W(y(U).state.content), Y(y(U).state.props, ye(y(U).state.eventHandlers)), null, 16))
+                  default: T(() => [
+                    v(b(Le), { class: "relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:min-w-lg sm:max-w-max" }, {
+                      default: T(() => [
+                        (f(), E(te(b(ee).state.content), se(b(ee).state.props, we(b(ee).state.eventHandlers)), null, 16))
                       ]),
                       _: 1
                     })
@@ -666,10 +674,10 @@ const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}, _s = { class: "px-4 pt-5 pb-4 sm:p-6" }, ws = {
+}, Ps = { class: "px-4 pt-5 pb-4 sm:p-6" }, Vs = {
   key: 0,
   class: "text-lg font-medium text-gray-900"
-}, xr = {
+}, Pr = {
   __name: "SparkModalDialog",
   props: {
     title: {
@@ -719,7 +727,7 @@ const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     "input"
   ],
   setup(e) {
-    const s = e, t = k(() => !s.buttons || s.buttons.length === 0 ? [{ text: "OK", variant: "primary", event: "ok" }] : s.buttons), a = k(() => {
+    const s = e, t = S(() => !s.buttons || s.buttons.length === 0 ? [{ text: "OK", variant: "primary", event: "ok" }] : s.buttons), a = S(() => {
       switch (t.value.length) {
         case 1:
           return "sm:grid sm:grid-flow-row-dense";
@@ -735,48 +743,48 @@ const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       success: "farCheckCircle",
       warning: "farExclamationTriangle",
       danger: "farCircleXmark"
-    }, n = k(() => s.icon || l[s.type]), o = k(() => ({
+    }, r = S(() => s.icon || l[s.type]), o = S(() => ({
       info: "bg-blue-100",
       success: "bg-green-100",
       warning: "bg-yellow-100",
       danger: "bg-red-100"
-    })[s.type]), i = k(() => ({
+    })[s.type]), i = S(() => ({
       info: "text-blue-400",
       success: "text-green-400",
       warning: "text-yellow-400",
       danger: "text-red-400"
     })[s.type]);
-    return (r, d) => {
-      const m = L("font-awesome-icon");
-      return f(), g("div", _s, [
-        n.value ? (f(), g("div", {
+    return (n, c) => {
+      const p = R("font-awesome-icon");
+      return f(), g("div", Ps, [
+        r.value ? (f(), g("div", {
           key: 0,
-          class: _(["mx-auto flex size-12 items-center justify-center rounded-full", o.value])
+          class: $(["mx-auto flex size-12 items-center justify-center rounded-full", o.value])
         }, [
-          v(m, {
-            icon: y(H)[n.value],
-            class: _(["h-5 w-5", i.value])
+          v(p, {
+            icon: b(B)[r.value],
+            class: $(["h-5 w-5", i.value])
           }, null, 8, ["icon", "class"])
-        ], 2)) : x("", !0),
-        c("div", {
-          class: _(["text-center", { "mt-3 sm:mt-5": n.value }])
+        ], 2)) : C("", !0),
+        d("div", {
+          class: $(["text-center", { "mt-3 sm:mt-5": r.value }])
         }, [
-          e.title ? (f(), g("h3", ws, S(e.title), 1)) : x("", !0),
+          e.title ? (f(), g("h3", Vs, L(e.title), 1)) : C("", !0),
           e.message ? (f(), g("div", {
             key: 1,
-            class: _([{ "mt-2": e.title }, "text-sm text-gray-500"])
-          }, S(e.message), 3)) : x("", !0)
+            class: $([{ "mt-2": e.title }, "text-sm text-gray-500"])
+          }, L(e.message), 3)) : C("", !0)
         ], 2),
-        c("div", {
-          class: _(["mt-5 sm:mt-6", a.value])
+        d("div", {
+          class: $(["mt-5 sm:mt-6", a.value])
         }, [
-          (f(!0), g(B, null, A(t.value, (u, p) => (f(), V(y(F), {
-            key: p,
+          (f(!0), g(j, null, N(t.value, (u, y) => (f(), E(b(z), {
+            key: y,
             variant: u.variant,
-            onClick: (h) => r.$emit(u.event, u)
+            onClick: (_) => n.$emit(u.event, u)
           }, {
-            default: w(() => [
-              P(S(u.text), 1)
+            default: T(() => [
+              F(L(u.text), 1)
             ]),
             _: 2
           }, 1032, ["variant", "onClick"]))), 128))
@@ -784,7 +792,7 @@ const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       ]);
     };
   }
-}, Cs = { class: "fixed inset-0 flex" }, ce = {
+}, Rs = { class: "fixed inset-0 flex" }, ge = {
   __name: "SparkOverlay",
   props: {
     position: {
@@ -799,21 +807,21 @@ const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   },
   emits: ["close"],
   setup(e, { emit: s }) {
-    const t = $(null), a = e, l = s, n = () => {
+    const t = V(null), a = e, l = s, r = () => {
       a.overlayInstance.close(), l("close");
     };
-    return (o, i) => (f(), V(y(ke), {
+    return (o, i) => (f(), E(b($e), {
       show: e.overlayInstance.state.isVisible,
       as: "template"
     }, {
-      default: w(() => [
-        v(y(_e), {
+      default: T(() => [
+        v(b(Te), {
           initialFocus: t.value,
-          class: "relative z-200",
-          onClose: n
+          class: "relative z-1000",
+          onClose: r
         }, {
-          default: w(() => [
-            v(y(te), {
+          default: T(() => [
+            v(b(ne), {
               as: "template",
               enter: "transition-opacity ease-linear duration-150",
               "enter-from": "opacity-0",
@@ -822,13 +830,13 @@ const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               "leave-from": "opacity-100",
               "leave-to": "opacity-0"
             }, {
-              default: w(() => [...i[0] || (i[0] = [
-                c("div", { class: "fixed inset-0 bg-gray-600/30" }, null, -1)
+              default: T(() => [...i[0] || (i[0] = [
+                d("div", { class: "fixed inset-0 bg-gray-600/30" }, null, -1)
               ])]),
               _: 1
             }),
-            c("div", Cs, [
-              v(y(te), {
+            d("div", Rs, [
+              v(b(ne), {
                 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",
@@ -837,17 +845,17 @@ const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                 "leave-from": "translate-x-0 opacity-100",
                 "leave-to": e.position === "left" ? "-translate-x-full opacity-0" : "translate-x-full opacity-0"
               }, {
-                default: w(() => [
-                  v(y(we), {
+                default: T(() => [
+                  v(b(Le), {
                     ref_key: "panelRef",
                     ref: t,
-                    class: _([
+                    class: $([
                       "flex w-[400px] py-2.5",
                       e.position === "left" ? "relative left-[10px]" : "absolute right-[10px] h-full"
                     ])
                   }, {
-                    default: w(() => [
-                      (f(), V(W(e.overlayInstance.state.content), Y(e.overlayInstance.state.props, ye(e.overlayInstance.state.eventHandlers)), null, 16))
+                    default: T(() => [
+                      (f(), E(te(e.overlayInstance.state.content), se(e.overlayInstance.state.props, we(e.overlayInstance.state.eventHandlers)), null, 16))
                     ]),
                     _: 1
                   }, 8, ["class"])
@@ -862,92 +870,92 @@ const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}, Ss = (e) => {
+}, Bs = (e) => {
   if (e.includes(".")) {
     const s = e.split(".");
     e = s[s.length - 1];
   }
   return e.replace(/_/g, " ");
-}, $s = (e, s, t) => {
+}, Ms = (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 = ee({ prefix: "fad", iconName: "sort" }).html + ee({ prefix: "fad", iconName: "sort-up" }).html + ee({ prefix: "fad", iconName: "sort-down" }).html, a.appendChild(l), a.addEventListener("click", async () => {
-    const n = t.params.orderBy, o = t.params.sortedBy;
-    return n === e && o === "asc" ? (a.classList.remove("asc"), a.classList.add("desc"), t.methods.applyParams({
+  l.classList.add("spark-table-head-sorting"), l.innerHTML = re({ prefix: "fad", iconName: "sort" }).html + re({ prefix: "fad", iconName: "sort-up" }).html + re({ prefix: "fad", iconName: "sort-down" }).html, a.appendChild(l), a.addEventListener("click", async () => {
+    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"
     }));
   });
-}, Ls = (e, s, t) => {
+}, Es = (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 = Ce(async (o, i) => {
-    const r = i.target.value, d = `filter[${o}]`;
-    if (r)
-      return t.params[d] && t.params[d] === r ? void 0 : t.methods.applyParams({
+  const r = He(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,
-        [d]: r
+        [c]: n
       });
-    await t.methods.removeParam(d);
+    await t.methods.removeParam(c);
   }, 200);
-  l.addEventListener("keyup", (o) => n(e, o)), s.appendChild(a);
-}, Hs = (e, s, t) => {
+  l.addEventListener("keyup", (o) => r(e, o)), s.appendChild(a);
+}, Fs = (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 = Ss(s);
-}, Ts = (e, s, t) => {
+  l.classList.add("spark-table-head-title"), l.innerHTML = Bs(s);
+}, As = (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 && $s(l, s, t), n && n.columnFilter && Ls(l, s, t)), (s.childElementCount === a || a === 0) && Hs(s, l, n);
-}, Vs = (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 && Ms(l, s, t), r && r.columnFilter && Es(l, s, t)), (s.childElementCount === a || a === 0) && Fs(s, l, r);
+}, js = (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);
   });
-}, Ps = (e) => (s, t, a, l, n, o, i) => {
+}, Os = (e) => (s, t, a, l, r, o, i) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-actions");
-  const d = (i.rendererConfig || {}).actions || [];
-  if (d.length === 0)
+  const c = (i.rendererConfig || {}).actions || [];
+  if (c.length === 0)
     return;
-  const m = s.getSourceDataAtRow(s.toPhysicalRow(a)), u = document.createElement("div");
-  u.classList.add("flex", "items-center", "gap-2"), d.forEach((p) => {
-    if (p.condition && typeof p.condition == "function" && !p.condition(m))
+  const p = s.getSourceDataAtRow(s.toPhysicalRow(a)), u = document.createElement("div");
+  u.classList.add("flex", "items-center", "gap-2"), c.forEach((y) => {
+    if (y.condition && typeof y.condition == "function" && !y.condition(p))
       return;
-    const h = document.createElement("button");
-    if (h.type = "button", h.classList.add("spark-table-action-button"), p.icon) {
-      const b = document.createElement("span");
-      b.innerHTML = ee({ prefix: "far", iconName: p.icon }).html, b.classList.add("size-4"), h.appendChild(b);
+    const _ = document.createElement("button");
+    if (_.type = "button", _.classList.add("spark-table-action-button"), y.icon) {
+      const k = document.createElement("span");
+      k.innerHTML = re({ prefix: "far", iconName: y.icon }).html, k.classList.add("size-4"), _.appendChild(k);
     }
-    if (p.label) {
-      const b = document.createElement("span");
-      b.textContent = p.label, h.appendChild(b);
+    if (y.label) {
+      const k = document.createElement("span");
+      k.textContent = y.label, _.appendChild(k);
     }
-    h.addEventListener("click", (b) => {
-      if (b.preventDefault(), b.stopPropagation(), p.confirm) {
-        const N = typeof p.confirm == "string" ? p.confirm : `Are you sure you want to ${p.label?.toLowerCase() || "perform this action"}?`;
-        if (!window.confirm(N))
+    _.addEventListener("click", (k) => {
+      if (k.preventDefault(), k.stopPropagation(), y.confirm) {
+        const m = typeof y.confirm == "string" ? y.confirm : `Are you sure you want to ${y.label?.toLowerCase() || "perform this action"}?`;
+        if (!window.confirm(m))
           return;
       }
-      p.event && e.methods.fireEvent(p.event, m), p.handler && typeof p.handler == "function" && p.handler(m);
-    }), u.appendChild(h);
+      y.event && e.methods.fireEvent(y.event, p), y.handler && typeof y.handler == "function" && y.handler(p);
+    }), u.appendChild(_);
   }), t.appendChild(u);
-}, de = {
+}, he = {
   green: "bg-green-100 text-green-800",
   red: "bg-red-100 text-red-800",
   yellow: "bg-yellow-100 text-yellow-800",
@@ -956,11 +964,11 @@ const U = new vs(), bs = { 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"
-}, Rs = (e) => (s, t, a, l, n, o, i) => {
+}, zs = (e) => (s, t, a, l, r, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-badge"), !o)
     return;
-  const d = (i.rendererConfig || {}).colorMap || {}, m = d[o] || d[o?.toLowerCase()] || "gray", u = de[m] || de.gray, p = document.createElement("span");
-  p.classList.add(
+  const c = (i.rendererConfig || {}).colorMap || {}, p = c[o] || c[o?.toLowerCase()] || "gray", u = he[p] || he.gray, y = document.createElement("span");
+  y.classList.add(
     "inline-flex",
     "items-center",
     "px-2.5",
@@ -970,57 +978,57 @@ const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     "font-medium",
     "capitalize",
     ...u.split(" ")
-  ), p.textContent = o, t.appendChild(p);
-}, Bs = (e) => (s, t, a, l, n, o, i) => {
+  ), y.textContent = o, t.appendChild(y);
+}, Is = (e) => (s, t, a, l, r, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-link"), !o)
     return;
-  const r = i.rendererConfig || {}, d = s.getSourceDataAtRow(s.toPhysicalRow(a));
-  let m = o;
-  r.href && (typeof r.href == "function" ? m = r.href(d) : r.href === "email" ? m = `mailto:${o}` : r.href === "tel" ? m = `tel:${o}` : typeof r.href == "string" && (m = d[r.href] || o));
+  const n = i.rendererConfig || {}, c = s.getSourceDataAtRow(s.toPhysicalRow(a));
+  let p = o;
+  n.href && (typeof n.href == "function" ? p = n.href(c) : n.href === "email" ? p = `mailto:${o}` : n.href === "tel" ? p = `tel:${o}` : typeof n.href == "string" && (p = c[n.href] || o));
   const u = document.createElement("a");
-  u.href = m, u.textContent = o, u.classList.add("text-primary-600", "hover:text-primary-900", "hover:underline"), r.target && (u.target = r.target), r.rel && (u.rel = r.rel), u.addEventListener("click", (p) => {
-    p.stopPropagation();
+  u.href = p, u.textContent = o, u.classList.add("text-primary-600", "hover:text-primary-900", "hover:underline"), n.target && (u.target = n.target), n.rel && (u.rel = n.rel), u.addEventListener("click", (y) => {
+    y.stopPropagation();
   }), t.appendChild(u);
-}, ue = {
+}, ye = {
   sm: "h-6 w-6",
   md: "h-8 w-8",
   lg: "h-12 w-12"
-}, Ms = (e) => (s, t, a, l, n, o, i) => {
+}, Ns = (e) => (s, t, a, l, r, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-image"), !o)
     return;
-  const r = i.rendererConfig || {}, d = s.getSourceDataAtRow(s.toPhysicalRow(a)), m = r.size || "md", u = ue[m] || ue.md, p = r.rounded !== !1;
-  let h = r.alt || "";
-  typeof r.alt == "string" && d[r.alt] && (h = d[r.alt]);
-  const b = document.createElement("img");
-  b.src = o, b.alt = h, b.classList.add(...u.split(" "), "object-cover"), p ? b.classList.add("rounded-full") : b.classList.add("rounded"), t.appendChild(b);
-}, Fs = (e) => (s, t, a, l, n, o, i) => {
+  const n = i.rendererConfig || {}, c = s.getSourceDataAtRow(s.toPhysicalRow(a)), p = n.size || "md", u = ye[p] || ye.md, y = n.rounded !== !1;
+  let _ = n.alt || "";
+  typeof n.alt == "string" && c[n.alt] && (_ = c[n.alt]);
+  const k = document.createElement("img");
+  k.src = o, k.alt = _, k.classList.add(...u.split(" "), "object-cover"), y ? k.classList.add("rounded-full") : k.classList.add("rounded"), t.appendChild(k);
+}, Ds = (e) => (s, t, a, l, r, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-date"), !o)
     return;
-  const r = i.rendererConfig || {}, d = r.format || "short", m = r.locale || "en-US";
+  const n = i.rendererConfig || {}, c = n.format || "short", p = n.locale || "en-US";
   let u = o;
   try {
-    const h = new Date(o);
-    isNaN(h.getTime()) ? u = o : typeof d == "function" ? u = d(h) : d === "short" ? u = h.toLocaleDateString(m) : d === "long" ? u = h.toLocaleDateString(m, {
+    const _ = new Date(o);
+    isNaN(_.getTime()) ? u = o : typeof c == "function" ? u = c(_) : c === "short" ? u = _.toLocaleDateString(p) : c === "long" ? u = _.toLocaleDateString(p, {
       year: "numeric",
       month: "long",
       day: "numeric"
-    }) : d === "relative" ? u = As(h) : d === "datetime" ? u = h.toLocaleString(m) : u = h.toLocaleDateString(m);
-  } catch (h) {
-    console.error("Error formatting date:", h), u = o;
+    }) : c === "relative" ? u = qs(_) : c === "datetime" ? u = _.toLocaleString(p) : u = _.toLocaleDateString(p);
+  } catch (_) {
+    console.error("Error formatting date:", _), u = o;
   }
-  const p = document.createElement("span");
-  p.textContent = u, t.appendChild(p);
+  const y = document.createElement("span");
+  y.textContent = u, t.appendChild(y);
 };
-function As(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), d = t > 0;
-  return a < 60 ? d ? "just now" : "in a moment" : l < 60 ? d ? `${l} minute${l > 1 ? "s" : ""} ago` : `in ${l} minute${l > 1 ? "s" : ""}` : n < 24 ? d ? `${n} hour${n > 1 ? "s" : ""} ago` : `in ${n} hour${n > 1 ? "s" : ""}` : o < 30 ? d ? `${o} day${o > 1 ? "s" : ""} ago` : `in ${o} day${o > 1 ? "s" : ""}` : i < 12 ? d ? `${i} month${i > 1 ? "s" : ""} ago` : `in ${i} month${i > 1 ? "s" : ""}` : d ? `${r} year${r > 1 ? "s" : ""} ago` : `in ${r} year${r > 1 ? "s" : ""}`;
+function qs(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 Es = /* @__PURE__ */ new Map(), D = (e, s) => {
-  St(e, (t, a, l, n, o, i, r) => {
-    $t.apply(null, [t, a, l, n, o, i, r]), s(t, a, l, n, o, i, r);
-  }), Es.set(e, s);
-}, zs = (e) => {
-  D("spark.actions", Ps(e)), D("spark.badge", Rs()), D("spark.link", Bs()), D("spark.image", Ms()), D("spark.date", Fs()), D("style.capitalize", (s, t, a, l, n, o) => {
+const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
+  Bt(e, (t, a, l, r, o, i, n) => {
+    Mt.apply(null, [t, a, l, r, o, i, n]), s(t, a, l, r, o, i, n);
+  }), Zs.set(e, s);
+}, Ks = (e) => {
+  W("spark.actions", Os(e)), W("spark.badge", zs()), W("spark.link", Is()), W("spark.image", Ns()), W("spark.date", Ds()), W("style.capitalize", (s, t, a, l, r, o) => {
     if (!o || o.length === 0) {
       t.innerText = "";
       return;
@@ -1028,8 +1036,110 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
     const i = document.createElement("span");
     i.innerHTML = o, i.classList.add("capitalize"), t.replaceChildren(i);
   });
-}, js = () => {
-}, Is = { class: "flex items-center gap-4 px-4 py-3" }, Os = { class: "shrink-0" }, Ns = { class: "text-sm text-gray-700" }, Ds = { class: "font-medium" }, Zs = { class: "font-medium" }, qs = { class: "font-medium" }, Gs = {
+}, Us = () => {
+}, Gs = (e, s = {}) => {
+  const t = q(), a = Q(), l = s.namespace, r = l === null, o = s.syncToRoute !== !1, i = s.persistToStorage === !0, n = s.restoreOnMount !== !1, c = s.storageTTL || 7, p = r ? `spark-table:${a.path}` : `spark-table:${l}`, u = (h, w = "") => {
+    const P = {};
+    return Object.keys(h).forEach((Z) => {
+      const G = h[Z], pe = w ? `${w}[${Z}]` : Z;
+      G != null && (typeof G == "object" && !Array.isArray(G) ? Object.assign(P, u(G, pe)) : P[pe] = String(G));
+    }), P;
+  }, y = () => {
+    if (i)
+      try {
+        const h = {
+          params: e.params,
+          timestamp: Date.now()
+        };
+        localStorage.setItem(p, JSON.stringify(h));
+      } catch (h) {
+        console.warn("Failed to save table state to localStorage:", h);
+      }
+  }, _ = () => {
+    if (!i) return null;
+    try {
+      const h = localStorage.getItem(p);
+      if (!h) return null;
+      const w = JSON.parse(h);
+      if (c > 0) {
+        const P = Date.now() - w.timestamp, Z = c * 24 * 60 * 60 * 1e3;
+        if (P > Z)
+          return localStorage.removeItem(p), null;
+      }
+      return w.params;
+    } catch (h) {
+      return console.warn("Failed to load table state from localStorage:", h), null;
+    }
+  }, k = () => {
+    try {
+      localStorage.removeItem(p);
+    } catch (h) {
+      console.warn("Failed to clear table state from localStorage:", h);
+    }
+  }, m = () => {
+    if (!o) return;
+    const h = { ...a.query };
+    if (r) {
+      Object.keys(h).forEach((P) => {
+        x(P) && delete h[P];
+      });
+      const w = u(e.params);
+      Object.assign(h, w);
+    } else {
+      Object.keys(h).forEach((P) => {
+        (P.startsWith(`${l}[`) || P === l) && delete h[P];
+      });
+      const w = u(e.params, l);
+      Object.assign(h, w);
+    }
+    t.replace({ query: h });
+  }, x = (h) => !!(["page", "limit", "search", "orderBy", "sortedBy"].includes(h) || h.includes("[")), H = () => {
+    if (r)
+      Object.keys(a.query).forEach((h) => {
+        x(h) && (e.params[h] = a.query[h]);
+      });
+    else {
+      const h = `${l}[`;
+      Object.keys(a.query).forEach((w) => {
+        if (w.startsWith(h)) {
+          const P = w.slice(h.length, -1);
+          e.params[P] = a.query[w];
+        }
+      });
+    }
+  };
+  return A(
+    () => e.params,
+    () => {
+      o && m(), i && y();
+    },
+    { deep: !0 }
+  ), n && ue(() => {
+    let h = !1;
+    if (o) {
+      let w = !1;
+      if (r)
+        w = Object.keys(a.query).some((P) => x(P));
+      else {
+        const P = `${l}[`;
+        w = Object.keys(a.query).some(
+          (Z) => Z.startsWith(P)
+        );
+      }
+      w && (h = !0, H());
+    }
+    if (!h && i) {
+      const w = _();
+      w && Object.keys(w).length > 0 && Object.assign(e.params, w);
+    }
+  }), {
+    syncToRoute: m,
+    restoreFromRoute: H,
+    saveToStorage: y,
+    loadFromStorage: _,
+    clearStorage: k
+  };
+}, Ws = { class: "flex items-center gap-4 py-3" }, Ys = { class: "shrink-0" }, Xs = { class: "text-sm text-gray-700" }, Js = { class: "font-medium" }, Qs = { class: "font-medium" }, ea = { class: "font-medium" }, ta = {
   __name: "SparkTablePaginationDetails",
   props: {
     sparkTable: {
@@ -1040,28 +1150,28 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
   setup(e) {
     const s = e;
     return (t, a) => (f(), g("div", null, [
-      c("div", Is, [
-        c("div", Os, [
-          c("div", Ns, [
-            a[0] || (a[0] = P(" Showing ", -1)),
-            c("span", Ds, S(s.sparkTable.response.meta.from), 1),
-            a[1] || (a[1] = P(" to ", -1)),
-            c("span", Zs, S(s.sparkTable.response.meta.to), 1),
-            a[2] || (a[2] = P(" of ", -1)),
-            c("span", qs, S(s.sparkTable.response.meta.total), 1),
-            a[3] || (a[3] = P(" results ", -1))
+      d("div", Ws, [
+        d("div", Ys, [
+          d("div", Xs, [
+            a[0] || (a[0] = F(" Showing ", -1)),
+            d("span", Js, L(s.sparkTable.response.meta.from), 1),
+            a[1] || (a[1] = F(" to ", -1)),
+            d("span", Qs, L(s.sparkTable.response.meta.to), 1),
+            a[2] || (a[2] = F(" of ", -1)),
+            d("span", ea, L(s.sparkTable.response.meta.total), 1),
+            a[3] || (a[3] = F(" results ", -1))
           ])
         ])
       ])
     ]));
   }
-}, Ks = { class: "flex items-center gap-4 px-4 py-3" }, Us = {
+}, sa = { class: "flex items-center gap-4 px-4 py-3" }, aa = {
   key: 0,
   class: "shrink-0 ml-auto"
-}, Ws = {
+}, oa = {
   class: "isolate inline-flex -space-x-px rounded-md shadow-xs bg-white",
   "aria-label": "Pagination"
-}, Ys = ["onClick"], Xs = {
+}, ra = ["onClick"], na = {
   __name: "SparkTablePaginationPaging",
   props: {
     sparkTable: {
@@ -1071,67 +1181,67 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
   },
   emits: ["paginate"],
   setup(e, { emit: s }) {
-    const t = e, a = s, l = (m) => {
-      n(t.sparkTable.params.page + m);
-    }, n = (m) => {
-      m < 1 || m > t.sparkTable.response.meta.last_page || a("paginate", {
-        page: m
+    const t = e, a = s, l = (p) => {
+      r(t.sparkTable.params.page + p);
+    }, r = (p) => {
+      p < 1 || p > t.sparkTable.response.meta.last_page || a("paginate", {
+        page: p
       });
-    }, o = k(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), i = k(() => t.sparkTable.computed.ready ? ht(
+    }, o = S(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), i = S(() => t.sparkTable.computed.ready ? St(
       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 = k(
-      () => t.sparkTable.params.page < q(t.sparkTable.response.meta, "last_page", 1)
-    ), d = k(() => t.sparkTable.params.page > 1);
-    return (m, u) => {
-      const p = L("font-awesome-icon");
+    ) : []), n = S(
+      () => t.sparkTable.params.page < I(t.sparkTable.response.meta, "last_page", 1)
+    ), c = S(() => t.sparkTable.params.page > 1);
+    return (p, u) => {
+      const y = R("font-awesome-icon");
       return f(), g("div", null, [
-        c("div", Ks, [
-          i.value.length > 1 ? (f(), g("div", Us, [
-            c("div", null, [
-              c("nav", Ws, [
-                c("a", {
-                  class: _([d.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"]),
+        d("div", sa, [
+          i.value.length > 1 ? (f(), g("div", aa, [
+            d("div", null, [
+              d("nav", oa, [
+                d("a", {
+                  class: $([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: u[0] || (u[0] = j((h) => l(-1), ["prevent"]))
+                  onClick: u[0] || (u[0] = K((_) => l(-1), ["prevent"]))
                 }, [
-                  v(p, {
-                    icon: y(H).farChevronLeft,
+                  v(y, {
+                    icon: b(B).farChevronLeft,
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ], 2),
-                (f(!0), g(B, null, A(i.value, (h) => (f(), g("a", {
-                  key: `page-${h}`,
+                (f(!0), g(j, null, N(i.value, (_) => (f(), g("a", {
+                  key: `page-${_}`,
                   href: "#",
-                  class: _([
+                  class: $([
                     "relative inline-flex items-center px-4 py-[9px] text-sm font-semibold ring-1 ring-inset",
-                    e.sparkTable.params.page === h ? "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 === _ ? "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: (b) => n(h)
-                }, S(h), 11, Ys))), 128)),
-                c("a", {
-                  class: _([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: u[1] || (u[1] = j((h) => l(1), ["prevent"])),
+                  onClick: (k) => r(_)
+                }, L(_), 11, ra))), 128)),
+                d("a", {
+                  class: $([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: u[1] || (u[1] = K((_) => l(1), ["prevent"])),
                   href: "#"
                 }, [
-                  v(p, {
-                    icon: y(H).farChevronRight,
+                  v(y, {
+                    icon: b(B).farChevronRight,
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ], 2)
               ])
             ])
-          ])) : x("", !0)
+          ])) : C("", !0)
         ])
       ]);
     };
   }
-}, O = (e, s) => {
+}, U = (e, s) => {
   const t = e.__vccOpts || e;
   for (const [a, l] of s)
     t[a] = l;
   return t;
-}, Js = { class: "spark-table-pagination-per-page" }, Qs = {
+}, la = { class: "spark-table-pagination-per-page" }, ia = {
   __name: "SparkTablePaginationPerPage",
   props: {
     sparkTable: {
@@ -1141,31 +1251,31 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
   },
   emits: ["paginate"],
   setup(e, { emit: s }) {
-    const t = e, a = s, l = k(() => t.sparkTable.options.perPages.map((o) => ({
+    const t = e, a = s, l = S(() => 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 = L("FormKit");
-      return f(), g("div", Js, [
-        v(r, {
+      const n = R("FormKit");
+      return f(), g("div", la, [
+        v(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"])
       ]);
     };
   }
-}, ea = /* @__PURE__ */ O(Qs, [["__scopeId", "data-v-9ef8544b"]]), pe = {
+}, ca = /* @__PURE__ */ U(ia, [["__scopeId", "data-v-9ef8544b"]]), be = {
   __name: "SparkTableToolbar",
   props: {
     position: {
@@ -1175,18 +1285,18 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = ve(), a = k(() => !!t.default), l = k(() => {
-      const n = "spark-table-toolbar flex flex-wrap items-center gap-x-5 px-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 s = e, t = Se(), a = S(() => !!t.default), l = S(() => {
+      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 ? (f(), g("div", {
+    return (r, o) => a.value ? (f(), g("div", {
       key: 0,
-      class: _(l.value)
+      class: $(l.value)
     }, [
-      T(n.$slots, "default")
-    ], 2)) : x("", !0);
+      M(r.$slots, "default")
+    ], 2)) : C("", !0);
   }
-}, ta = { class: "spark-table-search" }, sa = {
+}, da = { class: "spark-table-search" }, ua = {
   __name: "SparkTableSearch",
   props: {
     /** SparkTable instance object */
@@ -1200,46 +1310,47 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
       default: () => ({
         placeholder: "Search...",
         param: "search",
-        debounce: 300
+        debounce: 400
       })
     }
   },
   setup(e) {
-    const s = e, t = $(""), a = s.config.param || "search";
+    const s = e, t = V(""), a = s.config.param || "search";
     s.sparkTable.params[a] ? t.value = s.sparkTable.params[a] : s.config.initialValue && (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
       [a]: s.config.initialValue
     }));
-    const l = Ce((o) => {
+    const l = He((o) => {
       o ? s.sparkTable.methods.applyParams({
         page: 1,
         [a]: o
       }) : s.sparkTable.methods.removeParam(a);
     }, s.config.debounce || 300);
-    E(t, (o) => {
+    A(t, (o) => {
       l(o);
     });
-    const n = s.config.placeholder || "Search...";
-    return E(
+    const r = s.config.placeholder || "Search...";
+    return A(
       () => s.sparkTable.params[a],
       (o) => {
-        !o && t.value && (t.value = "");
+        o && o !== t.value ? t.value = o : !o && t.value && (t.value = "");
       }
     ), (o, i) => {
-      const r = L("FormKit");
-      return f(), g("div", ta, [
-        v(r, Y({
+      const n = R("FormKit");
+      return f(), g("div", da, [
+        v(n, se({
           modelValue: t.value,
-          "onUpdate:modelValue": i[0] || (i[0] = (d) => t.value = d),
+          "onUpdate:modelValue": i[0] || (i[0] = (c) => t.value = c),
           type: "text",
-          placeholder: y(n),
+          placeholder: b(r),
+          suffixIcon: "search",
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0",
-          "input-class": "!w-64 !pr-8"
+          "input-class": "!w-44 !pr-8"
         }, s.config.formkitProps || {}), null, 16, ["modelValue", "placeholder"])
       ]);
     };
   }
-}, aa = /* @__PURE__ */ O(sa, [["__scopeId", "data-v-781e7d17"]]), oa = { class: "spark-table-filter-select" }, ra = {
+}, pa = /* @__PURE__ */ U(ua, [["__scopeId", "data-v-976170dc"]]), fa = { class: "spark-table-filter-select" }, ma = {
   __name: "SparkTableFilterSelect",
   props: {
     /** SparkTable instance object */
@@ -1255,33 +1366,33 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = $(""), a = s.config.param || `filter[${s.config.key}]`;
+    const s = e, t = V(""), a = s.config.param || `filter[${s.config.key}]`;
     s.sparkTable.params[a] ? t.value = s.sparkTable.params[a] : s.config.initialValue !== void 0 && s.config.initialValue !== null && (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
       [a]: s.config.initialValue
     }));
-    const l = s.config.label || null, n = k(() => [
+    const l = s.config.label || null, r = S(() => [
       { label: s.config.placeholder || "All", value: "" },
       ...s.config.options
     ]);
-    return E(t, (o) => {
+    return A(t, (o) => {
       o ? s.sparkTable.methods.applyParams({
         page: 1,
         [a]: o
       }) : s.sparkTable.methods.removeParam(a);
-    }), E(
+    }), A(
       () => s.sparkTable.params[a],
       (o) => {
-        !o && t.value && (t.value = "");
+        o != null && o !== "" ? t.value !== o && (t.value = o) : t.value && (t.value = "");
       }
     ), (o, i) => {
-      const r = L("FormKit");
-      return f(), g("div", oa, [
-        v(r, Y({
+      const n = R("FormKit");
+      return f(), g("div", fa, [
+        v(n, se({
           modelValue: t.value,
-          "onUpdate:modelValue": i[0] || (i[0] = (d) => t.value = d),
+          "onUpdate:modelValue": i[0] || (i[0] = (c) => t.value = c),
           type: "select",
-          label: y(l),
-          options: n.value,
+          label: b(l),
+          options: r.value,
           placeholder: e.config.placeholder || "All",
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0"
@@ -1289,10 +1400,10 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
       ]);
     };
   }
-}, na = /* @__PURE__ */ O(ra, [["__scopeId", "data-v-8840f892"]]), la = { class: "spark-table-filter-buttons" }, ia = {
+}, ga = /* @__PURE__ */ U(ma, [["__scopeId", "data-v-642dbc69"]]), ha = { class: "spark-table-filter-buttons" }, ya = {
   key: 0,
   class: "spark-table-filter-buttons-label"
-}, ca = {
+}, ba = {
   __name: "SparkTableFilterButtons",
   props: {
     /** SparkTable instance object */
@@ -1308,33 +1419,33 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = $(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`;
+    const s = e, t = V(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`;
     s.sparkTable.params[l] !== void 0 ? t.value = s.sparkTable.params[l] : s.config.initialValue !== void 0 && (t.value = s.config.initialValue, s.config.initialValue !== null && s.sparkTable.methods.applyParams({
       [l]: s.config.initialValue
     }));
-    const n = (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
       });
     };
-    return E(
+    return A(
       () => s.sparkTable.params[l],
       (i) => {
         (i == null || i === "") && t.value ? t.value = null : i !== t.value && (t.value = i);
       }
-    ), (i, r) => (f(), g("div", la, [
-      y(a) ? (f(), g("span", ia, S(y(a)), 1)) : x("", !0),
-      v(ms, { class: "isolate" }, {
-        default: w(() => [
-          (f(!0), g(B, null, A(e.config.options, (d) => (f(), V(F, {
-            key: d.value,
+    ), (i, n) => (f(), g("div", ha, [
+      b(a) ? (f(), g("span", ya, L(b(a)), 1)) : C("", !0),
+      v(_s, { class: "isolate" }, {
+        default: T(() => [
+          (f(!0), g(j, null, N(e.config.options, (c) => (f(), E(z, {
+            key: c.value,
             size: "xl",
-            variant: n(d.value) ? "primary" : "secondary",
-            onClick: (m) => o(d.value)
+            variant: r(c.value) ? "primary" : "secondary",
+            onClick: (p) => o(c.value)
           }, {
-            default: w(() => [
-              P(S(d.label), 1)
+            default: T(() => [
+              F(L(c.label), 1)
             ]),
             _: 2
           }, 1032, ["variant", "onClick"]))), 128))
@@ -1343,7 +1454,7 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
       })
     ]));
   }
-}, da = /* @__PURE__ */ O(ca, [["__scopeId", "data-v-0fcd0cce"]]), ua = { class: "spark-table-date-picker" }, pa = {
+}, va = /* @__PURE__ */ U(ba, [["__scopeId", "data-v-0fcd0cce"]]), xa = { class: "spark-table-date-picker" }, ka = {
   __name: "SparkTableDatePicker",
   props: {
     /** SparkTable instance object */
@@ -1359,33 +1470,33 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = $(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`, n = $(`${l}-0`);
+    const s = e, t = V(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`, r = V(`${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, E(t, (o) => {
+    })) : t.value = null, A(t, (o) => {
       o ? s.sparkTable.methods.applyParams({
         page: 1,
         [l]: o
       }) : s.sparkTable.methods.removeParam(l);
-    }), E(
+    }), A(
       () => s.sparkTable.params[l],
       (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 = L("FormKit");
-      return f(), g("div", ua, [
-        (f(), V(r, Y({
-          key: n.value,
+      const n = R("FormKit");
+      return f(), g("div", xa, [
+        (f(), E(n, se({
+          key: r.value,
           modelValue: t.value,
-          "onUpdate:modelValue": i[0] || (i[0] = (d) => t.value = d),
+          "onUpdate:modelValue": i[0] || (i[0] = (c) => t.value = c),
           type: "datepicker",
           "picker-only": "",
-          label: y(a),
+          label: b(a),
           placeholder: e.config.placeholder || "Select date",
           overlay: !0,
           "value-format": "YYYY-MM-DD",
@@ -1396,7 +1507,7 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
       ]);
     };
   }
-}, fa = /* @__PURE__ */ O(pa, [["__scopeId", "data-v-44ef9cb8"]]), ma = { class: "spark-table-reset" }, ga = { key: 1 }, ha = {
+}, _a = /* @__PURE__ */ U(ka, [["__scopeId", "data-v-44ef9cb8"]]), wa = { class: "spark-table-reset" }, Sa = { key: 1 }, Ca = {
   __name: "SparkTableReset",
   props: {
     /** SparkTable instance object */
@@ -1412,53 +1523,57 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
   },
   setup(e) {
     const s = e, t = () => {
-      const a = s.sparkTable.plugins || {}, l = [];
-      Object.entries(a).forEach(([o, i]) => {
-        if (!(!i || !i.enabled || i.type === "reset")) {
-          if (i.type === "search")
-            i.param && l.push(i.param);
-          else if (i.type === "filterSelect" || i.type === "filterButtons") {
-            const r = i.param || `filter[${i.key}]`;
-            l.push(r);
-          } else if (i.type === "datePicker") {
-            const r = i.param || `filter[${i.key}]`;
-            l.push(r);
-          }
-        }
+      const a = s.sparkTable.plugins || {}, l = [], r = {};
+      Object.entries(a).forEach(([c, p]) => {
+        if (!p || p.type === "reset" || !(typeof p.enabled == "function" ? p.enabled(s.sparkTable.params) : p.enabled))
+          return;
+        let y = null;
+        p.type === "search" ? y = p.param || "search" : p.type === "filterSelect" || p.type === "filterButtons" ? y = p.param || `filter[${p.key}]` : p.type === "datePicker" && (y = p.param || `filter[${p.key}]`), y && (p.initialValue !== void 0 && p.initialValue !== null ? r[y] = p.initialValue : l.push(y));
       });
-      const n = l.filter(
-        (o) => s.sparkTable.params[o] !== void 0 && s.sparkTable.params[o] !== null && s.sparkTable.params[o] !== ""
+      const o = l.filter(
+        (c) => s.sparkTable.params[c] !== void 0 && s.sparkTable.params[c] !== null && s.sparkTable.params[c] !== ""
+      ), i = Object.entries(r).filter(
+        ([c, p]) => s.sparkTable.params[c] !== p
       );
-      n.length !== 0 && s.sparkTable.methods.clearParams(n);
+      if (o.length === 0 && i.length === 0)
+        return;
+      o.forEach((c) => {
+        delete s.sparkTable.params[c];
+      });
+      const n = Object.fromEntries(i);
+      s.sparkTable.methods.applyParams({ ...n, page: 1 });
     };
     return (a, l) => {
-      const n = L("font-awesome-icon");
-      return f(), g("div", ma, [
-        v(F, {
+      const r = R("font-awesome-icon");
+      return f(), g("div", wa, [
+        v(z, {
           onClick: t,
           variant: "secondary",
           size: "xl"
         }, {
-          default: w(() => [
-            e.config.icon ? (f(), V(n, {
+          default: T(() => [
+            e.config.icon ? (f(), E(r, {
               key: 0,
               icon: ["far", e.config.icon],
-              class: _({ "mr-1.5": e.config.label })
-            }, null, 8, ["icon", "class"])) : x("", !0),
-            e.config.label ? (f(), g("span", ga, S(e.config.label), 1)) : x("", !0)
+              class: $({ "mr-1.5": e.config.label })
+            }, null, 8, ["icon", "class"])) : C("", !0),
+            e.config.label ? (f(), g("span", Sa, L(e.config.label), 1)) : C("", !0)
           ]),
           _: 1
         })
       ]);
     };
   }
-}, ya = /* @__PURE__ */ O(ha, [["__scopeId", "data-v-cbbeeb45"]]), va = { class: "spark-table" }, ba = { class: "flex items-center gap-x-3" }, ne = {
-  perPages: [100, 200, 500],
-  limit: 100
-}, xa = {
+}, $a = /* @__PURE__ */ U(Ca, [["__scopeId", "data-v-45343158"]]), Ta = { class: "spark-table" }, La = {
+  key: 1,
+  class: "pt-5"
+}, Ha = { class: "flex items-center gap-x-3" }, de = {
+  perPages: [15, 30, 50, 100, 200, 500],
+  limit: 15
+}, Pa = {
   page: 1,
-  limit: ne.limit
-}, fe = {
+  limit: de.limit
+}, ve = {
   colHeaders: !0,
   filters: !1,
   stretchH: "all",
@@ -1468,7 +1583,7 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
   tableClassName: "spark-table-table",
   readOnlyCellClassName: "read-only",
   licenseKey: "non-commercial-and-evaluation"
-}, kr = {
+}, Vr = {
   __name: "SparkTable",
   props: {
     url: {
@@ -1480,7 +1595,7 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
     dataTransformer: {
       type: Function,
       default: (e, s) => ({
-        data: q(s.settings, "nestedHeaders") ? e.data.data.map((a) => (s.settings.columnKeys || []).map((n) => a[n])) : e.data.data,
+        data: I(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,
@@ -1492,30 +1607,39 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
     params: {
       type: Object,
       default() {
-        return xa;
+        return Pa;
       }
     },
     options: {
       type: Object,
       default() {
-        return ne;
+        return de;
       }
     },
     settings: {
       type: Object,
       default() {
-        return fe;
+        return ve;
       }
     },
     plugins: {
       type: Object,
       default: () => ({})
+    },
+    syncToRoute: {
+      type: [Boolean, String],
+      default: !1
+    },
+    persistToStorage: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: [
     "viewRow",
     "editRow",
     "deleteRow",
+    "downloadRow",
     "ready",
     "loading",
     "load",
@@ -1524,16 +1648,18 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
   ],
   setup(e, { expose: s, emit: t }) {
     const a = e;
-    Ct(), Q(xt), Q(kt), Q(_t), q(a, "settings.nestedHeaders") && Q(wt);
-    const l = t, n = ge("axios"), o = $(null), i = $(!1), r = $(null), d = {
-      search: aa,
-      filterSelect: na,
-      filterButtons: da,
-      datePicker: fa,
-      reset: ya
-    }, m = k(() => Object.entries(a.plugins).filter(([p, h]) => h && h.enabled).map(([p, h]) => ({ name: p, config: h }))), u = z({
+    Rt(), oe(Lt), oe(Ht), oe(Pt), I(a, "settings.nestedHeaders") && oe(Vt);
+    const l = t, r = ke("axios"), o = V(null), i = V(!1), n = V(null);
+    let c = !1;
+    const p = {
+      search: pa,
+      filterSelect: ga,
+      filterButtons: va,
+      datePicker: _a,
+      reset: $a
+    }, u = D({
       hotInstance: null,
-      url: a.url,
+      url: S(() => a.url),
       plugins: a.plugins,
       response: {},
       params: {
@@ -1541,164 +1667,219 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
         limit: a.options.limit
       },
       methods: {
-        applyParams: (p) => {
-          p && (u.params = {
+        applyParams: (m) => {
+          m && (u.params = {
             ...u.params,
-            ...p
+            ...m
           }, l("page-change", u.params));
         },
-        removeParam: async (p) => {
-          u.params[p] && (delete u.params[p], await u.methods.loadTable());
+        removeParam: async (m) => {
+          u.params[m] && (delete u.params[m], await u.methods.loadTable());
         },
-        loadTable: async (p) => {
+        loadTable: async (m) => {
           if (!(!o.value || !o.value.hotInstance)) {
-            i.value = !0, r.value = null, l("loading", !0), ae.start(), u.hotInstance = o.value.hotInstance;
+            i.value = !0, n.value = null, l("loading", !0), le.start(), u.hotInstance = o.value.hotInstance;
             try {
               if (a.dataProvider) {
-                const b = await a.dataProvider(u.computed.params);
-                u.response = a.dataTransformer(b, a);
+                const h = await a.dataProvider(u.computed.params);
+                u.response = a.dataTransformer(h, a);
               } else if (a.url) {
-                const b = await n.get(a.url, {
+                const h = await r.get(a.url, {
                   params: u.computed.params
                 });
-                u.response = a.dataTransformer(b, a);
+                u.response = a.dataTransformer(h, a);
               } else {
-                console.error("No data provider or URL provided"), i.value = !1, l("loading", !1), ae.done();
+                console.error("No data provider or URL provided"), i.value = !1, l("loading", !1), le.done();
                 return;
               }
-              u.hotInstance.updateData(u.response.data), u.options.callback && typeof u.options.callback == "function" && await u.options.callback(), u.hotInstance.getPlugin("autoColumnSize").recalculateAllColumnsWidth(), l("load", {
+              if (c) return;
+              u.hotInstance.updateData(u.response.data), u.options.callback && typeof u.options.callback == "function" && await u.options.callback();
+              const x = u.hotInstance.getPlugin("autoColumnSize");
+              I(a.settings, "columns", []).forEach((h, w) => {
+                h.width || x.calculateColumnsWidth(w, w, !0);
+              }), l("load", {
                 data: u.response.data,
                 meta: u.response.meta
-              }), p && typeof p == "function" && p();
-            } catch (h) {
-              r.value = h, l("error", h), console.error("Error loading table data:", h);
+              }), m && typeof m == "function" && m();
+            } catch (x) {
+              n.value = x, l("error", x), console.error("Error loading table data:", x);
             } finally {
-              i.value = !1, l("loading", !1), ae.done();
+              i.value = !1, l("loading", !1), le.done();
             }
           }
         },
         // can't use sparkTable.hotInstance here because the ref isn't ready
-        colToProp: (p) => o.value.hotInstance.colToProp(p),
-        fireEvent: (p, h) => {
-          l(p, h);
+        colToProp: (m) => o.value.hotInstance.colToProp(m),
+        fireEvent: (m, x) => {
+          l(m, x);
         },
-        getSettingsForProp: (p) => yt(q(u.tableSettings, "columns"), { data: p }),
+        getSettingsForProp: (m) => Ct(I(u.tableSettings, "columns"), { data: m }),
         // Helper methods for easier param access
         getParams: () => u.computed.params,
-        getParam: (p) => u.computed.params[p],
-        setParam: (p, h) => {
-          u.methods.applyParams({ [p]: h });
+        getParam: (m) => u.computed.params[m],
+        setParam: (m, x) => {
+          u.methods.applyParams({ [m]: x });
         },
-        clearParam: (p) => u.methods.removeParam(p),
-        clearParams: (p) => {
-          (Array.isArray(p) ? p : [p]).forEach((b) => {
-            u.params[b] !== void 0 && delete u.params[b];
+        clearParam: (m) => u.methods.removeParam(m),
+        clearParams: (m) => {
+          (Array.isArray(m) ? m : [m]).forEach((H) => {
+            u.params[H] !== void 0 && delete u.params[H];
           }), u.methods.applyParams({ page: 1 });
         }
       },
       computed: {
-        params: k(() => ({
+        params: S(() => ({
           ...a.params,
           ...u.params
         })),
-        ready: k(() => vt(u, "response.meta.last_page"))
+        ready: S(() => $t(u, "response.meta.last_page"))
       },
-      options: k(() => ({
-        ...ne,
+      options: S(() => ({
+        ...de,
         ...a.options
       })),
-      tableSettings: k(() => ({
-        ...fe,
-        nestedHeaders: q(a.settings, "nestedHeaders", []),
-        ...!q(a.settings, "nestedHeaders") && {
-          afterGetColHeader: (p, h) => Ts(p, h, u)
+      tableSettings: S(() => ({
+        ...ve,
+        nestedHeaders: I(a.settings, "nestedHeaders", []),
+        ...!I(a.settings, "nestedHeaders") && {
+          afterGetColHeader: (m, x) => As(m, x, u)
+        },
+        afterChange: (m, x) => Us(),
+        afterRender: () => js(u),
+        /**
+         * Prevent columns with explicit width from being stretched
+         * This hook fires BEFORE stretchH is applied, allowing us to cap specific columns
+         * while letting others stretch normally
+         */
+        beforeStretchingColumnWidth: (m, x) => {
+          const h = I(a.settings, "columns", [])[x];
+          return h && h.width !== void 0 ? h.width : m;
         },
-        afterChange: (p, h) => js(),
-        afterRender: () => Vs(u),
         ...a.settings
       }))
-    });
-    return ie(
+    }), y = (m) => {
+      if (!m) return null;
+      switch (m.type) {
+        case "search":
+          return m.param || "search";
+        case "filterSelect":
+        case "filterButtons":
+        case "datePicker":
+          return m.param || `filter[${m.key}]`;
+        default:
+          return null;
+      }
+    }, _ = (m) => m ? typeof m.enabled == "function" ? m.enabled(u.params) : m.enabled : !1, k = S(() => Object.entries(a.plugins).filter(([m, x]) => _(x)).map(([m, x]) => ({ name: m, config: x })));
+    if (A(
+      () => ({ ...u.params }),
+      () => {
+        const m = [];
+        Object.values(a.plugins).forEach((x) => {
+          const H = y(x);
+          if (!H) return;
+          const h = _(x), w = u.params[H] !== void 0;
+          !h && w && m.push(H);
+        }), m.length > 0 && m.forEach((x) => {
+          delete u.params[x];
+        });
+      },
+      { deep: !0, flush: "sync" }
+    ), a.syncToRoute || a.persistToStorage) {
+      const m = typeof a.syncToRoute == "string";
+      Gs(u, {
+        namespace: m ? a.syncToRoute : null,
+        syncToRoute: !!a.syncToRoute,
+        persistToStorage: a.persistToStorage
+      });
+    }
+    return me(
       () => a.params,
       async () => {
         u.params.page = 1, await u.methods.loadTable();
       },
       { debounce: 50, maxWait: 1e3 }
-    ), ie(
+    ), me(
       () => u.params,
       async () => {
         await u.methods.loadTable();
       },
       { debounce: 50, maxWait: 1e3 }
-    ), be(async () => {
+    ), A(
+      () => a.url,
+      async (m, x) => {
+        m !== x && (u.params.page = 1, await u.methods.loadTable());
+      }
+    ), ue(async () => {
       await u.methods.loadTable(), l("ready");
-    }), zs(u), s({
+    }), Fe(() => {
+      c = !0;
+    }), Ks(u), s({
       refresh: () => u.methods.loadTable(),
       getParams: () => u.methods.getParams(),
-      getParam: (p) => u.methods.getParam(p),
-      setParam: (p, h) => u.methods.setParam(p, h),
-      clearParam: (p) => u.methods.clearParam(p),
-      clearParams: (p) => u.methods.clearParams(p),
-      applyParams: (p) => u.methods.applyParams(p),
+      getParam: (m) => u.methods.getParam(m),
+      setParam: (m, x) => u.methods.setParam(m, x),
+      clearParam: (m) => u.methods.clearParam(m),
+      clearParams: (m) => u.methods.clearParams(m),
+      applyParams: (m) => u.methods.applyParams(m),
       loading: i,
-      error: r,
+      error: n,
       sparkTable: u,
       table: o
-    }), (p, h) => (f(), g("div", va, [
-      u.computed.ready ? (f(), V(pe, {
+    }), (m, x) => (f(), g("div", Ta, [
+      u.computed.ready && k.value && k.value.length ? (f(), E(be, {
         key: 0,
         position: "header"
       }, {
-        default: w(() => [
-          (f(!0), g(B, null, A(m.value, (b) => (f(), V(W(d[b.config.type]), {
-            key: b.name,
-            class: _(b.config.align ? `self-${b.config.align}` : ""),
+        default: T(() => [
+          (f(!0), g(j, null, N(k.value, (H) => (f(), E(te(p[H.config.type]), {
+            key: H.name,
+            class: $(H.config.align ? `self-${H.config.align}` : ""),
             "spark-table": u,
-            config: b.config
+            config: H.config
           }, null, 8, ["class", "spark-table", "config"]))), 128)),
-          T(p.$slots, "header", {
+          M(m.$slots, "header", {
             sparkTable: u,
             loading: i.value,
-            error: r.value
+            error: n.value
           })
         ]),
         _: 3
-      })) : x("", !0),
-      v(y(bt), {
+      })) : (f(), g("div", La)),
+      v(b(Tt), {
         "theme-name": "ht-theme-classic",
         ref_key: "table",
         ref: o,
         settings: u.tableSettings
       }, null, 8, ["settings"]),
-      u.computed.ready ? (f(), V(pe, {
-        key: 1,
+      u.computed.ready ? (f(), E(be, {
+        key: 2,
         position: "footer"
       }, {
-        default: w(() => [
-          v(Gs, { "spark-table": u }, null, 8, ["spark-table"]),
-          c("div", ba, [
-            v(Xs, {
+        default: T(() => [
+          v(ta, { "spark-table": u }, null, 8, ["spark-table"]),
+          d("div", Ha, [
+            v(na, {
               "spark-table": u,
               onPaginate: u.methods.applyParams
             }, null, 8, ["spark-table", "onPaginate"]),
-            v(ea, {
+            v(ca, {
               "spark-table": u,
               onPaginate: u.methods.applyParams
             }, null, 8, ["spark-table", "onPaginate"]),
-            T(p.$slots, "footer", {
+            M(m.$slots, "footer", {
               sparkTable: u,
               loading: i.value,
-              error: r.value
+              error: n.value
             })
           ])
         ]),
         _: 3
-      })) : x("", !0)
+      })) : C("", !0)
     ]));
   }
 };
-function me() {
-  const e = z({
+function xe() {
+  const e = D({
     isVisible: !1,
     content: null,
     props: {},
@@ -1709,8 +1890,8 @@ function me() {
     e.isVisible = !1, e.content = null, e.props = {}, e.eventHandlers = {};
   }, a = () => {
     e.isVisible = !0;
-  }, l = (o, i = {}, r = {}) => {
-    e.content = he(o), e.props = i, e.eventHandlers = r;
+  }, l = (o, i = {}, n = {}) => {
+    e.content = _e(o), e.props = i, e.eventHandlers = n;
   };
   return {
     state: e,
@@ -1718,14 +1899,14 @@ function me() {
     close: t,
     open: a,
     setContent: l,
-    show: (o, i = {}, r = {}) => {
-      o && l(o, i, r), a();
+    show: (o, i = {}, n = {}) => {
+      o && l(o, i, n), a();
     }
   };
 }
-class ka {
+class Va {
   constructor() {
-    this.left = me(), this.right = me();
+    this.left = xe(), this.right = xe();
   }
   showLeft = (s, t = {}, a = {}) => {
     const l = {
@@ -1755,22 +1936,22 @@ class ka {
     this.left.close(), this.right.close();
   };
 }
-const Z = new ka(), _a = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, wa = { class: "flex flex-1 flex-col" }, Ca = {
+const Y = new Va(), Ra = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Ba = { class: "flex flex-1 flex-col" }, Ma = {
   class: "flex flex-1 flex-col gap-y-7",
   role: "list"
-}, Sa = { class: "flex flex-1 flex-col" }, $a = {
+}, Ea = { class: "flex flex-1 flex-col" }, Fa = {
   role: "list",
   class: "flex flex-1 flex-col"
-}, La = { class: "flex items-center pb-8" }, Ha = ["href", "onClick"], Ta = {
+}, Aa = { class: "flex items-center pb-8" }, ja = ["href", "onClick"], Oa = {
   key: 2,
   class: "w-full flex justify-center"
-}, Va = {
+}, za = {
   key: 0,
   class: "mt-[5px] flex flex-col gap-[5px]"
-}, Pa = ["href", "onClick"], Ra = {
+}, Ia = ["href", "onClick"], Na = {
   key: 1,
   class: "text-[13px]"
-}, Ba = { class: "mt-auto" }, Ma = { class: "p-[10px] flex-shrink-0" }, Fa = { class: "flex flex-1 items-center gap-x-6" }, Aa = { class: "relative flex flex-1 items-center gap-4" }, Ea = { class: "cursor-pointer" }, za = ["src"], ja = { class: "ml-auto" }, Ia = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, _r = {
+}, Da = { class: "mt-auto" }, qa = { class: "p-[10px] flex-shrink-0" }, Za = { class: "flex flex-1 items-center gap-x-6" }, Ka = { class: "relative flex flex-1 items-center gap-4" }, Ua = { class: "cursor-pointer" }, Ga = ["src"], Wa = { class: "ml-auto" }, Ya = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, Rr = {
   __name: "SparkDefaultContainer",
   props: {
     appStore: {
@@ -1788,113 +1969,113 @@ const Z = new ka(), _a = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, wa =
   },
   emits: ["overlayClose"],
   setup(e, { emit: s }) {
-    const t = e, a = s, l = ve(), n = Le(), o = Se(), i = k(() => o.getAppIcon(t.appStore.state.app)), r = () => {
-      const p = {};
-      l["app-selector-bottom"] ? p.bottomSlot = () => le("div", {}, l["app-selector-bottom"]()) : t.appSelectorSlots.bottomSlot && (p.bottomSlot = t.appSelectorSlots.bottomSlot), l["app-selector-footer"] ? p.footerSlot = () => le("div", {}, l["app-selector-footer"]()) : t.appSelectorSlots.footerSlot && (p.footerSlot = t.appSelectorSlots.footerSlot), Z.showRight(Yt, p, {
-        select: (h) => {
-          Z.closeRight();
+    const t = e, a = s, l = Se(), r = Q(), o = Re(), i = Pe(), n = S(() => i.getAppIcon(t.appStore.state.app)), c = S(() => r.meta.hideBrandSelector === !0 ? !1 : t.appStore.state.showBrandSelector), p = () => {
+      const k = {};
+      l["app-selector-bottom"] ? k.bottomSlot = () => fe("div", {}, l["app-selector-bottom"]()) : t.appSelectorSlots.bottomSlot && (k.bottomSlot = t.appSelectorSlots.bottomSlot), l["app-selector-footer"] ? k.footerSlot = () => fe("div", {}, l["app-selector-footer"]()) : t.appSelectorSlots.footerSlot && (k.footerSlot = t.appSelectorSlots.footerSlot), Y.showRight(os, k, {
+        select: (m) => {
+          Y.closeRight();
         }
       });
-    }, d = () => {
-      Z.showLeft(
-        ps,
+    }, u = () => {
+      Y.showLeft(
+        xs,
         {},
         {
-          select: (p) => {
-            n.toggleBrand(p), Z.closeLeft();
+          select: (k) => {
+            o.toggleBrand(k), Y.closeLeft();
           }
         }
       );
-    }, m = k(() => t.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [t.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), u = k(() => t.mainNavStore.state.hidden ? ["pl-2.5"] : [t.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
-    return (p, h) => {
-      const b = L("font-awesome-icon"), N = L("router-view");
-      return f(), g(B, null, [
-        c("div", {
-          class: _([m.value, "fixed inset-y-0 flex transition-all z-100"])
+    }, y = S(() => t.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [t.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), _ = S(() => t.mainNavStore.state.hidden ? ["pl-2.5"] : [t.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
+    return (k, m) => {
+      const x = R("font-awesome-icon"), H = R("router-view");
+      return f(), g(j, null, [
+        d("div", {
+          class: $([y.value, "fixed inset-y-0 flex transition-all z-100"])
         }, [
-          c("div", _a, [
-            c("nav", wa, [
-              c("ul", Ca, [
-                c("li", Sa, [
-                  c("ul", $a, [
-                    c("li", La, [
-                      c("a", {
+          d("div", Ra, [
+            d("nav", Ba, [
+              d("ul", Ma, [
+                d("li", Ea, [
+                  d("ul", Fa, [
+                    d("li", Aa, [
+                      d("a", {
                         class: "grid w-[40px] h-[40px] place-items-center rounded-md bg-primary-600 text-white text-[13px] cursor-pointer",
-                        onClick: h[0] || (h[0] = j((C) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
+                        onClick: m[0] || (m[0] = K((h) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
                       }, [
-                        v(b, {
-                          icon: y(H)[i.value],
+                        v(x, {
+                          icon: b(B)[n.value],
                           class: "size-5"
                         }, null, 8, ["icon"])
                       ]),
-                      e.mainNavStore.state.collapsed ? x("", !0) : (f(), g("a", {
+                      e.mainNavStore.state.collapsed ? C("", !0) : (f(), g("a", {
                         key: 0,
-                        onClick: h[1] || (h[1] = j((C) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"])),
+                        onClick: m[1] || (m[1] = K((h) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"])),
                         class: "font-medium text-gray-800 ml-[10px] cursor-pointer"
-                      }, S(e.appStore.state.app), 1))
+                      }, L(e.appStore.state.app), 1))
                     ]),
-                    (f(!0), g(B, null, A(e.mainNavStore.state.menu, (C) => (f(), g("li", {
-                      key: C.name,
-                      class: _({
-                        "mt-[10px]": C.children,
-                        "mt-auto": C.footerSection
+                    (f(!0), g(j, null, N(e.mainNavStore.state.menu, (h) => (f(), g("li", {
+                      key: h.name,
+                      class: $({
+                        "mt-[10px]": h.children,
+                        "mt-auto": h.footerSection
                       })
                     }, [
-                      c("a", {
-                        class: _([{
-                          "bg-gray-100": C.current,
-                          "hover:bg-gray-100": C?.href
+                      d("a", {
+                        class: $([{
+                          "bg-gray-100": h.current,
+                          "hover:bg-gray-100": h?.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: C?.href,
-                        onClick: j((R) => e.mainNavStore.goto(C.href), ["prevent"])
+                        href: h?.href,
+                        onClick: K((w) => e.mainNavStore.goto(h.href), ["prevent"])
                       }, [
-                        C.icon ? (f(), V(b, {
+                        h.icon ? (f(), E(x, {
                           key: 0,
-                          icon: y(H)[C.icon],
-                          class: _([[(C.current, "text-gray-400")], "size-4"])
-                        }, null, 8, ["icon", "class"])) : x("", !0),
-                        e.mainNavStore.state.collapsed ? C?.children ? (f(), g("div", Ta, [...h[6] || (h[6] = [
-                          c("div", { class: "w-[10px] h-px bg-gray-400" }, null, -1)
-                        ])])) : x("", !0) : (f(), g("span", {
+                          icon: b(B)[h.icon],
+                          class: $([[(h.current, "text-gray-400")], "size-4"])
+                        }, null, 8, ["icon", "class"])) : C("", !0),
+                        e.mainNavStore.state.collapsed ? h?.children ? (f(), g("div", Oa, [...m[6] || (m[6] = [
+                          d("div", { class: "w-[10px] h-px bg-gray-400" }, null, -1)
+                        ])])) : C("", !0) : (f(), g("span", {
                           key: 1,
-                          class: _({
-                            "text-[11px]": C?.children,
-                            "text-[13px]": !C?.children,
-                            "font-semibold": C?.children,
-                            "text-gray-500": C?.children
+                          class: $({
+                            "text-[11px]": h?.children,
+                            "text-[13px]": !h?.children,
+                            "font-semibold": h?.children,
+                            "text-gray-500": h?.children
                           })
-                        }, S(C.name), 3))
-                      ], 10, Ha),
-                      C.children ? (f(), g("ul", Va, [
-                        (f(!0), g(B, null, A(C.children, (R) => (f(), g("li", {
-                          key: R.name
+                        }, L(h.name), 3))
+                      ], 10, ja),
+                      h.children ? (f(), g("ul", za, [
+                        (f(!0), g(j, null, N(h.children, (w) => (f(), g("li", {
+                          key: w.name
                         }, [
-                          c("a", {
-                            class: _([[R.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: R.href,
-                            onClick: j((J) => e.mainNavStore.goto(R.href), ["prevent"])
+                          d("a", {
+                            class: $([[w.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: w.href,
+                            onClick: K((P) => e.mainNavStore.goto(w.href), ["prevent"])
                           }, [
-                            R.icon ? (f(), V(b, {
+                            w.icon ? (f(), E(x, {
                               key: 0,
-                              icon: y(H)[R.icon],
-                              class: _([[(R.current, "text-gray-400")], "size-4"])
-                            }, null, 8, ["icon", "class"])) : x("", !0),
-                            e.mainNavStore.state.collapsed ? x("", !0) : (f(), g("span", Ra, S(R.name), 1))
-                          ], 10, Pa)
+                              icon: b(B)[w.icon],
+                              class: $([[(w.current, "text-gray-400")], "size-4"])
+                            }, null, 8, ["icon", "class"])) : C("", !0),
+                            e.mainNavStore.state.collapsed ? C("", !0) : (f(), g("span", Na, L(w.name), 1))
+                          ], 10, Ia)
                         ]))), 128))
-                      ])) : x("", !0)
+                      ])) : C("", !0)
                     ], 2))), 128))
                   ])
                 ]),
-                c("li", Ba, [
-                  T(p.$slots, "sidebar-footer"),
-                  c("a", {
+                d("li", Da, [
+                  M(k.$slots, "sidebar-footer"),
+                  d("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: h[2] || (h[2] = j((C) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
+                    onClick: m[2] || (m[2] = K((h) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
                   }, [
-                    v(b, {
-                      icon: y(H)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
+                    v(x, {
+                      icon: b(B)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
                       class: "class-5"
                     }, null, 8, ["icon"])
                   ])
@@ -1903,109 +2084,109 @@ const Z = new ka(), _a = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, wa =
             ])
           ])
         ], 2),
-        c("div", {
-          class: _([u.value, "h-full transition-all flex flex-col"])
+        d("div", {
+          class: $([_.value, "h-full transition-all flex flex-col"])
         }, [
-          c("div", Ma, [
-            c("div", Fa, [
-              c("div", Aa, [
-                T(p.$slots, "header-left", {}, () => [
-                  c("div", Ea, [
-                    v(b, {
-                      icon: y(H).farBarsSort,
+          d("div", qa, [
+            d("div", Za, [
+              d("div", Ka, [
+                M(k.$slots, "header-left", {}, () => [
+                  d("div", Ua, [
+                    v(x, {
+                      icon: b(B).farBarsSort,
                       class: "size-5",
-                      onClick: h[3] || (h[3] = (C) => e.mainNavStore.toggleHidden())
+                      onClick: m[3] || (m[3] = (h) => e.mainNavStore.toggleHidden())
                     }, null, 8, ["icon"])
                   ])
                 ]),
-                T(p.$slots, "header-center", {}, () => [
-                  e.appStore.state.showBrandSelector ? (f(), g("div", {
+                M(k.$slots, "header-center", {}, () => [
+                  c.value ? (f(), g("div", {
                     key: 0,
                     class: "absolute left-1/2 -translate-x-1/2 cursor-pointer h-9 flex items-center",
-                    onClick: d
+                    onClick: u
                   }, [
-                    y(n).currentBrand ? (f(), g("img", {
+                    b(o).currentBrand ? (f(), g("img", {
                       key: 0,
-                      src: y(n).currentBrand.logo,
+                      src: b(o).currentBrand.logo,
                       alt: "",
                       class: "h-[30px] w-auto"
-                    }, null, 8, za)) : x("", !0)
-                  ])) : x("", !0)
+                    }, null, 8, Ga)) : C("", !0)
+                  ])) : C("", !0)
                 ]),
-                c("div", ja, [
-                  T(p.$slots, "header-right", {}, () => [
+                d("div", Wa, [
+                  M(k.$slots, "header-right", {}, () => [
                     e.appStore.state.showAppSelector ? (f(), g("button", {
                       key: 0,
                       class: "rounded-sm bg-white w-[42px] h-[42px] ring-1 ring-inset ring-gray-300",
                       type: "button",
-                      onClick: r
+                      onClick: p
                     }, [
-                      v(b, {
-                        icon: y(H).farGripDotsVertical,
+                      v(x, {
+                        icon: b(B).farGripDotsVertical,
                         class: "size-4 text-gray-400"
                       }, null, 8, ["icon"])
-                    ])) : x("", !0)
+                    ])) : C("", !0)
                   ])
                 ])
               ])
             ])
           ]),
-          c("main", Ia, [
-            v(N)
+          d("main", Ya, [
+            v(H)
           ])
         ], 2),
-        v(y(ce), {
+        v(b(ge), {
           position: "left",
-          "overlay-instance": y(Z).left,
-          onClose: h[4] || (h[4] = (C) => a("overlayClose", "left"))
+          "overlay-instance": b(Y).left,
+          onClose: m[4] || (m[4] = (h) => a("overlayClose", "left"))
         }, null, 8, ["overlay-instance"]),
-        v(y(ce), {
+        v(b(ge), {
           position: "right",
-          "overlay-instance": y(Z).right,
-          onClose: h[5] || (h[5] = (C) => a("overlayClose", "right"))
+          "overlay-instance": b(Y).right,
+          onClose: m[5] || (m[5] = (h) => a("overlayClose", "right"))
         }, null, 8, ["overlay-instance"]),
-        v(y(ks))
+        v(b(Hs))
       ], 64);
     };
   }
-}, Oa = {}, Na = { class: "h-full" };
-function Da(e, s) {
-  const t = L("router-view");
-  return f(), g("main", Na, [
+}, Xa = {}, Ja = { class: "h-full" };
+function Qa(e, s) {
+  const t = R("router-view");
+  return f(), g("main", Ja, [
     v(t)
   ]);
 }
-const wr = /* @__PURE__ */ O(Oa, [["render", Da]]), Za = (e) => {
+const Br = /* @__PURE__ */ U(Xa, [["render", Qa]]), eo = (e) => {
   const s = document.cookie.match(new RegExp(`(^| )${e}=([^;]+)`));
   return s ? s[2] : null;
-}, qa = (e, s, t = {}) => {
+}, to = (e, s, t = {}) => {
   const {
     maxAge: a = 31536e3,
     // 365 days in seconds
-    domain: l = He(),
-    secure: n = !0,
+    domain: l = Be(),
+    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;
-}, Ga = (e, s = {}) => {
-  const { domain: t = He(), path: a = "/" } = s;
+  let n = `${e}=${s}; max-age=${a}; path=${i}; samesite=${o}`;
+  l && (n += `; domain=${l}`), r && (n += "; secure"), document.cookie = n;
+}, so = (e, s = {}) => {
+  const { domain: t = Be(), path: a = "/" } = s;
   let l = `${e}=; max-age=0; path=${a}`;
   t && (l += `; domain=${t}`), document.cookie = l;
-}, He = () => {
+}, Be = () => {
   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;
-}, Te = [];
-function Ka(e) {
-  Te.push(e);
+}, Me = [];
+function ao(e) {
+  Me.push(e);
 }
-function Ua() {
-  Te.forEach((e) => e());
+function oo() {
+  Me.forEach((e) => e());
 }
-function Cr(e) {
+function Mr(e) {
   let s = !1;
-  return Ka(() => {
+  return ao(() => {
     s = !1;
   }), {
     bootstrapApp: async () => {
@@ -2018,8 +2199,8 @@ function Cr(e) {
     }
   };
 }
-const re = "bolt-next-token", M = X("auth", () => {
-  const e = z({
+const ce = "bolt-next-token", O = ae("auth", () => {
+  const e = D({
     user: null,
     token: null,
     ready: !1,
@@ -2051,18 +2232,18 @@ const re = "bolt-next-token", M = X("auth", () => {
       onLogoutSuccess: null,
       onLogoutError: null
     }
-  }), s = (d = {}) => {
-    d.endpoints && Object.assign(e.endpoints, d.endpoints), d.routes && Object.assign(e.routes, d.routes), d.devCredentials && Object.assign(e.devCredentials, d.devCredentials), d.callbacks && Object.assign(e.callbacks, d.callbacks), d.overrideToken && (e.overrideToken = d.overrideToken);
-  }, t = (d) => {
-    qa(re, d), e.token = d;
+  }), 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) => {
+    to(ce, c), e.token = c;
   }, a = () => {
-    Ga(re), e.token = null;
-  }, l = () => Za(re), n = async (d) => {
-    const m = await K.post(e.endpoints.login, d), u = m.headers.authorization;
-    return t(u), e.user = m.data, e.callbacks.onLoginSuccess && await e.callbacks.onLoginSuccess(m.data), m.data;
+    so(ce), e.token = null;
+  }, l = () => eo(ce), r = async (c) => {
+    const p = await J.post(e.endpoints.login, c), u = p.headers.authorization;
+    return t(u), e.user = p.data, e.callbacks.onLoginSuccess && await e.callbacks.onLoginSuccess(p.data), p.data;
   }, o = async () => {
     try {
-      await K.post(
+      await J.post(
         e.endpoints.logout,
         {},
         {
@@ -2071,50 +2252,50 @@ const re = "bolt-next-token", M = X("auth", () => {
           }
         }
       ), e.callbacks.onLogoutSuccess && await e.callbacks.onLogoutSuccess();
-    } catch (d) {
-      throw e.callbacks.onLogoutError && await e.callbacks.onLogoutError(d), d;
+    } catch (c) {
+      throw e.callbacks.onLogoutError && await e.callbacks.onLogoutError(c), c;
     } finally {
-      a(), e.user = null, Ua();
+      a(), e.user = null, oo();
     }
   }, i = async () => {
-    const d = e.overrideToken || l();
-    if (!d)
+    const c = e.overrideToken || l();
+    if (!c)
       return e.ready = !0, null;
     try {
-      const { data: m } = await K.get(e.endpoints.fetch, {
+      const { data: p } = await J.get(e.endpoints.fetch, {
         headers: {
-          Authorization: `Bearer ${d}`
+          Authorization: `Bearer ${c}`
         }
       });
-      e.user = m, e.overrideToken || (e.token = d);
+      e.user = p, e.overrideToken || (e.token = c);
     } catch {
       e.overrideToken || a();
     } finally {
       e.ready = !0;
     }
-  }, r = k(() => e.overrideToken ? !0 : !!e.token && !!e.user);
+  }, n = S(() => 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
   };
-}), Wa = { class: "h-full grid place-content-center relative" }, Ya = { class: "absolute top-8 left-8" }, Xa = ["src"], Ja = {
+}), ro = { class: "h-full grid place-content-center relative" }, no = { class: "absolute top-8 left-8" }, lo = ["src"], io = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Qa = { class: "max-w-sm grid gap-y-1 -mt-8" }, eo = { class: "mb-7" }, to = { class: "text-gray-600" }, so = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, ao = {
+}, co = { class: "max-w-sm grid gap-y-1 -mt-8" }, uo = { class: "mb-7" }, po = { class: "text-gray-600" }, fo = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, mo = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, oo = { key: 0 }, ro = { key: 1 }, no = {
+}, go = { key: 0 }, ho = { key: 1 }, yo = {
   __name: "SparkLoginView",
   props: {
     logo: {
@@ -2131,64 +2312,64 @@ const re = "bolt-next-token", M = X("auth", () => {
     }
   },
   setup(e) {
-    const s = I(), t = se(), a = $e(), l = M(), n = e, o = $(!1), i = $(""), r = async (d) => {
+    const s = q(), t = Q(), a = Ve(), l = O(), r = e, o = V(!1), i = V(""), n = async (c) => {
       o.value = !0, i.value = "";
       try {
-        await l.login(d);
-        const m = t.query.redirect;
-        if (m) {
-          if (m.startsWith("http")) {
-            window.location.href = m;
+        await l.login(c);
+        const p = t.query.redirect;
+        if (p) {
+          if (p.startsWith("http")) {
+            window.location.href = p;
             return;
           }
-          await s.push(m);
+          await s.push(p);
         } else
-          await s.push(n.defaultRedirect);
-      } catch (m) {
-        i.value = m.response?.data?.message || m.message || "Login failed. Please try again.";
+          await s.push(r.defaultRedirect);
+      } catch (p) {
+        i.value = p.response?.data?.message || p.message || "Login failed. Please try again.";
       } finally {
         o.value = !1;
       }
     };
-    return (d, m) => {
-      const u = L("FormKit"), p = L("router-link");
-      return f(), g("div", Wa, [
-        c("div", Ya, [
-          n.logo ? (f(), g("img", {
+    return (c, p) => {
+      const u = R("FormKit"), y = R("router-link");
+      return f(), g("div", ro, [
+        d("div", no, [
+          r.logo ? (f(), g("img", {
             key: 0,
-            src: n.logo,
+            src: r.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Xa)) : (f(), g("svg", Ja, [...m[0] || (m[0] = [
-            c("path", {
+          }, null, 8, lo)) : (f(), g("svg", io, [...p[0] || (p[0] = [
+            d("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
             }, null, -1),
-            c("path", {
+            d("path", {
               d: "M34.5 5.22235H38.228V14.1664H46.5V17.1264H34.5V5.22235Z",
               fill: "#1C64F2"
             }, null, -1),
-            c("path", {
+            d("path", {
               d: "M28.3161 0C29.1499 0 29.7522 0.798785 29.5209 1.59757L27.1856 9.77748H30.9046C31.747 9.77748 32.4279 10.4584 32.4279 11.3008C32.4279 11.7504 32.2315 12.1738 31.891 12.4619L20.5989 22.0517C20.3719 22.2438 20.0839 22.3485 19.787 22.3485C18.9533 22.3485 18.351 21.5497 18.5823 20.751L20.9176 12.571H17.1463C16.33 12.571 15.6709 11.9119 15.6709 11.1001C15.6709 10.6679 15.8586 10.262 16.186 9.98263L27.5043 0.301181C27.7312 0.104759 28.0193 0 28.3161 0ZM26.7404 3.71021L18.8311 10.4759H22.3056C22.633 10.4759 22.9429 10.6286 23.1437 10.8905C23.3445 11.1524 23.4056 11.4929 23.3139 11.8072L21.3584 18.6601L29.355 11.8727H25.7976C25.4702 11.8727 25.1603 11.7199 24.9595 11.458C24.7587 11.1961 24.6976 10.8556 24.7893 10.5413L26.7404 3.71021Z",
               fill: "#1C64F2"
             }, null, -1),
-            c("path", {
+            d("path", {
               d: "M0 17.1264V5.22235H10.192C13.6 5.22235 14.544 6.53435 14.544 7.94235V8.16635C14.544 9.70235 13.232 10.3264 12.656 10.4864C13.472 10.6944 15.216 11.3984 15.216 13.4784V13.7024C15.216 15.5904 14.144 17.1264 10.288 17.1264H0ZM9.552 7.73435H3.728V9.67035H9.552C10.592 9.67035 10.848 9.19035 10.848 8.71035V8.67835C10.848 8.18235 10.592 7.73435 9.552 7.73435ZM9.872 12.1984H3.728V14.5344H9.872C11.12 14.5344 11.344 13.8464 11.344 13.3664V13.3024C11.344 12.7904 11.104 12.1984 9.872 12.1984Z",
               fill: "#1C64F2"
             }, null, -1)
           ])]))
         ]),
-        c("div", Qa, [
-          c("div", eo, [
-            m[1] || (m[1] = c("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Log in", -1)),
-            c("p", to, " Welcome back" + S(y(a).state.app ? ` to ${y(a).state.app}` : "") + "! Please enter your details. ", 1)
+        d("div", co, [
+          d("div", uo, [
+            p[1] || (p[1] = d("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Log in", -1)),
+            d("p", po, " Welcome back" + L(b(a).state.app ? ` to ${b(a).state.app}` : "") + "! Please enter your details. ", 1)
           ]),
           v(u, {
             type: "form",
-            onSubmit: r,
+            onSubmit: n,
             actions: !1
           }, {
-            default: w(() => [
+            default: T(() => [
               v(u, {
                 label: "Email",
                 name: "email",
@@ -2196,7 +2377,7 @@ const re = "bolt-next-token", M = X("auth", () => {
                 type: "email",
                 validation: "required|email",
                 "outer-class": "max-w-full",
-                value: y(l).state.devCredentials.username
+                value: b(l).state.devCredentials.username
               }, null, 8, ["value"]),
               v(u, {
                 label: "Password",
@@ -2205,29 +2386,29 @@ const re = "bolt-next-token", M = X("auth", () => {
                 type: "password",
                 validation: "required",
                 "outer-class": "max-w-full",
-                value: y(l).state.devCredentials.password
+                value: b(l).state.devCredentials.password
               }, null, 8, ["value"]),
-              c("div", so, [
-                m[3] || (m[3] = c("span", null, null, -1)),
-                v(p, {
-                  to: n.forgotPasswordRoute,
+              d("div", fo, [
+                p[3] || (p[3] = d("span", null, null, -1)),
+                v(y, {
+                  to: r.forgotPasswordRoute,
                   class: "text-sm text-primary-600 font-semibold"
                 }, {
-                  default: w(() => [...m[2] || (m[2] = [
-                    P(" Forgot password ", -1)
+                  default: T(() => [...p[2] || (p[2] = [
+                    F(" Forgot password ", -1)
                   ])]),
                   _: 1
                 }, 8, ["to"])
               ]),
-              i.value ? (f(), g("div", ao, S(i.value), 1)) : x("", !0),
-              v(y(F), {
+              i.value ? (f(), g("div", mo, L(i.value), 1)) : C("", !0),
+              v(b(z), {
                 type: "submit",
                 size: "xl",
                 disabled: o.value,
                 "button-class": "w-full mb-2"
               }, {
-                default: w(() => [
-                  o.value ? (f(), g("span", ro, "Signing in...")) : (f(), g("span", oo, "Sign in"))
+                default: T(() => [
+                  o.value ? (f(), g("span", ho, "Signing in...")) : (f(), g("span", go, "Sign in"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -2238,7 +2419,7 @@ const re = "bolt-next-token", M = X("auth", () => {
       ]);
     };
   }
-}, lo = {
+}, bo = {
   __name: "SparkLogoutView",
   props: {
     defaultRedirect: {
@@ -2247,27 +2428,27 @@ const re = "bolt-next-token", M = X("auth", () => {
     }
   },
   setup(e) {
-    const s = I(), t = se(), a = M(), l = e;
-    return be(async () => {
+    const s = q(), t = Q(), a = O(), l = e;
+    return ue(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;
   }
-}, io = { class: "h-full grid place-content-center relative" }, co = { class: "absolute top-8 left-8" }, uo = ["src"], po = {
+}, vo = { class: "h-full grid place-content-center relative" }, xo = { class: "absolute top-8 left-8" }, ko = ["src"], _o = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, fo = { class: "max-w-sm grid gap-y-1 -mt-8" }, mo = {
+}, wo = { class: "max-w-sm grid gap-y-1 -mt-8" }, So = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, go = {
+}, Co = {
   key: 1,
   class: "text-green-600 text-sm mb-2"
-}, ho = { key: 0 }, yo = { key: 1 }, vo = {
+}, $o = { key: 0 }, To = { key: 1 }, Lo = {
   __name: "SparkForgotPasswordView",
   props: {
     logo: {
@@ -2280,56 +2461,56 @@ const re = "bolt-next-token", M = X("auth", () => {
     }
   },
   setup(e) {
-    const s = M(), t = e, a = $(!1), l = $(""), n = $(""), o = async ({ email: i }) => {
-      a.value = !0, l.value = "", n.value = "";
+    const s = O(), t = e, a = V(!1), l = V(""), r = V(""), o = async ({ email: i }) => {
+      a.value = !0, l.value = "", r.value = "";
       try {
-        await K.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 J.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 d = L("FormKit"), m = L("router-link");
-      return f(), g("div", io, [
-        c("div", co, [
+    return (i, n) => {
+      const c = R("FormKit"), p = R("router-link");
+      return f(), g("div", vo, [
+        d("div", xo, [
           t.logo ? (f(), g("img", {
             key: 0,
             src: t.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, uo)) : (f(), g("svg", po, [...r[0] || (r[0] = [
-            c("path", {
+          }, null, 8, ko)) : (f(), g("svg", _o, [...n[0] || (n[0] = [
+            d("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
             }, null, -1),
-            c("path", {
+            d("path", {
               d: "M34.5 5.22235H38.228V14.1664H46.5V17.1264H34.5V5.22235Z",
               fill: "#1C64F2"
             }, null, -1),
-            c("path", {
+            d("path", {
               d: "M28.3161 0C29.1499 0 29.7522 0.798785 29.5209 1.59757L27.1856 9.77748H30.9046C31.747 9.77748 32.4279 10.4584 32.4279 11.3008C32.4279 11.7504 32.2315 12.1738 31.891 12.4619L20.5989 22.0517C20.3719 22.2438 20.0839 22.3485 19.787 22.3485C18.9533 22.3485 18.351 21.5497 18.5823 20.751L20.9176 12.571H17.1463C16.33 12.571 15.6709 11.9119 15.6709 11.1001C15.6709 10.6679 15.8586 10.262 16.186 9.98263L27.5043 0.301181C27.7312 0.104759 28.0193 0 28.3161 0ZM26.7404 3.71021L18.8311 10.4759H22.3056C22.633 10.4759 22.9429 10.6286 23.1437 10.8905C23.3445 11.1524 23.4056 11.4929 23.3139 11.8072L21.3584 18.6601L29.355 11.8727H25.7976C25.4702 11.8727 25.1603 11.7199 24.9595 11.458C24.7587 11.1961 24.6976 10.8556 24.7893 10.5413L26.7404 3.71021Z",
               fill: "#1C64F2"
             }, null, -1),
-            c("path", {
+            d("path", {
               d: "M0 17.1264V5.22235H10.192C13.6 5.22235 14.544 6.53435 14.544 7.94235V8.16635C14.544 9.70235 13.232 10.3264 12.656 10.4864C13.472 10.6944 15.216 11.3984 15.216 13.4784V13.7024C15.216 15.5904 14.144 17.1264 10.288 17.1264H0ZM9.552 7.73435H3.728V9.67035H9.552C10.592 9.67035 10.848 9.19035 10.848 8.71035V8.67835C10.848 8.18235 10.592 7.73435 9.552 7.73435ZM9.872 12.1984H3.728V14.5344H9.872C11.12 14.5344 11.344 13.8464 11.344 13.3664V13.3024C11.344 12.7904 11.104 12.1984 9.872 12.1984Z",
               fill: "#1C64F2"
             }, null, -1)
           ])]))
         ]),
-        c("div", fo, [
-          r[2] || (r[2] = c("div", { class: "mb-7" }, [
-            c("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Reset password"),
-            c("p", { class: "text-gray-600" }, " Enter your email and we'll send you a link to reset your password. ")
+        d("div", wo, [
+          n[2] || (n[2] = d("div", { class: "mb-7" }, [
+            d("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Reset password"),
+            d("p", { class: "text-gray-600" }, " Enter your email and we'll send you a link to reset your password. ")
           ], -1)),
-          v(d, {
+          v(c, {
             type: "form",
             onSubmit: o,
             actions: !1
           }, {
-            default: w(() => [
-              v(d, {
+            default: T(() => [
+              v(c, {
                 label: "Email",
                 name: "email",
                 placeholder: "Enter your email",
@@ -2337,25 +2518,25 @@ const re = "bolt-next-token", M = X("auth", () => {
                 validation: "required|email",
                 "outer-class": "max-w-full"
               }),
-              l.value ? (f(), g("div", mo, S(l.value), 1)) : x("", !0),
-              n.value ? (f(), g("div", go, S(n.value), 1)) : x("", !0),
-              v(y(F), {
+              l.value ? (f(), g("div", So, L(l.value), 1)) : C("", !0),
+              r.value ? (f(), g("div", Co, L(r.value), 1)) : C("", !0),
+              v(b(z), {
                 type: "submit",
                 size: "xl",
                 disabled: a.value,
                 "button-class": "w-full mb-2"
               }, {
-                default: w(() => [
-                  a.value ? (f(), g("span", yo, "Sending...")) : (f(), g("span", ho, "Send reset link"))
+                default: T(() => [
+                  a.value ? (f(), g("span", To, "Sending...")) : (f(), g("span", $o, "Send reset link"))
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              v(m, {
+              v(p, {
                 to: t.loginRoute,
                 class: "text-sm text-center text-primary-600 font-semibold block"
               }, {
-                default: w(() => [...r[1] || (r[1] = [
-                  P(" Back to login ", -1)
+                default: T(() => [...n[1] || (n[1] = [
+                  F(" Back to login ", -1)
                 ])]),
                 _: 1
               }, 8, ["to"])
@@ -2366,17 +2547,17 @@ const re = "bolt-next-token", M = X("auth", () => {
       ]);
     };
   }
-}, bo = { class: "h-full grid place-content-center relative" }, xo = { class: "absolute top-8 left-8" }, ko = ["src"], _o = {
+}, Ho = { class: "h-full grid place-content-center relative" }, Po = { class: "absolute top-8 left-8" }, Vo = ["src"], Ro = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, wo = { class: "max-w-sm grid gap-y-1 -mt-8" }, Co = {
+}, Bo = { class: "max-w-sm grid gap-y-1 -mt-8" }, Mo = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, So = { key: 0 }, $o = { key: 1 }, Lo = {
+}, Eo = { key: 0 }, Fo = { key: 1 }, Ao = {
   __name: "SparkResetPasswordView",
   props: {
     logo: {
@@ -2389,61 +2570,61 @@ const re = "bolt-next-token", M = X("auth", () => {
     }
   },
   setup(e) {
-    const s = I(), t = se(), a = M(), l = e, n = $(!1), o = $(""), i = async ({ password: r, password_confirmation: d }) => {
-      n.value = !0, o.value = "";
+    const s = q(), t = Q(), a = O(), l = e, r = V(!1), o = V(""), i = async ({ password: n, password_confirmation: c }) => {
+      r.value = !0, o.value = "";
       try {
-        await K.post(a.state.endpoints.passwordReset, {
+        await J.post(a.state.endpoints.passwordReset, {
           email: t.query.email,
           token: t.query.token,
-          password: r,
-          password_confirmation: d
+          password: n,
+          password_confirmation: c
         }), await s.push(l.loginRoute);
-      } catch (m) {
-        o.value = m.response?.data?.message || "Failed to reset password.";
+      } catch (p) {
+        o.value = p.response?.data?.message || "Failed to reset password.";
       } finally {
-        n.value = !1;
+        r.value = !1;
       }
     };
-    return (r, d) => {
-      const m = L("FormKit");
-      return f(), g("div", bo, [
-        c("div", xo, [
+    return (n, c) => {
+      const p = R("FormKit");
+      return f(), g("div", Ho, [
+        d("div", Po, [
           l.logo ? (f(), g("img", {
             key: 0,
             src: l.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, ko)) : (f(), g("svg", _o, [...d[0] || (d[0] = [
-            c("path", {
+          }, null, 8, Vo)) : (f(), g("svg", Ro, [...c[0] || (c[0] = [
+            d("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
             }, null, -1),
-            c("path", {
+            d("path", {
               d: "M34.5 5.22235H38.228V14.1664H46.5V17.1264H34.5V5.22235Z",
               fill: "#1C64F2"
             }, null, -1),
-            c("path", {
+            d("path", {
               d: "M28.3161 0C29.1499 0 29.7522 0.798785 29.5209 1.59757L27.1856 9.77748H30.9046C31.747 9.77748 32.4279 10.4584 32.4279 11.3008C32.4279 11.7504 32.2315 12.1738 31.891 12.4619L20.5989 22.0517C20.3719 22.2438 20.0839 22.3485 19.787 22.3485C18.9533 22.3485 18.351 21.5497 18.5823 20.751L20.9176 12.571H17.1463C16.33 12.571 15.6709 11.9119 15.6709 11.1001C15.6709 10.6679 15.8586 10.262 16.186 9.98263L27.5043 0.301181C27.7312 0.104759 28.0193 0 28.3161 0ZM26.7404 3.71021L18.8311 10.4759H22.3056C22.633 10.4759 22.9429 10.6286 23.1437 10.8905C23.3445 11.1524 23.4056 11.4929 23.3139 11.8072L21.3584 18.6601L29.355 11.8727H25.7976C25.4702 11.8727 25.1603 11.7199 24.9595 11.458C24.7587 11.1961 24.6976 10.8556 24.7893 10.5413L26.7404 3.71021Z",
               fill: "#1C64F2"
             }, null, -1),
-            c("path", {
+            d("path", {
               d: "M0 17.1264V5.22235H10.192C13.6 5.22235 14.544 6.53435 14.544 7.94235V8.16635C14.544 9.70235 13.232 10.3264 12.656 10.4864C13.472 10.6944 15.216 11.3984 15.216 13.4784V13.7024C15.216 15.5904 14.144 17.1264 10.288 17.1264H0ZM9.552 7.73435H3.728V9.67035H9.552C10.592 9.67035 10.848 9.19035 10.848 8.71035V8.67835C10.848 8.18235 10.592 7.73435 9.552 7.73435ZM9.872 12.1984H3.728V14.5344H9.872C11.12 14.5344 11.344 13.8464 11.344 13.3664V13.3024C11.344 12.7904 11.104 12.1984 9.872 12.1984Z",
               fill: "#1C64F2"
             }, null, -1)
           ])]))
         ]),
-        c("div", wo, [
-          d[1] || (d[1] = c("div", { class: "mb-7" }, [
-            c("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Set new password"),
-            c("p", { class: "text-gray-600" }, " Enter your new password below. ")
+        d("div", Bo, [
+          c[1] || (c[1] = d("div", { class: "mb-7" }, [
+            d("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Set new password"),
+            d("p", { class: "text-gray-600" }, " Enter your new password below. ")
           ], -1)),
-          v(m, {
+          v(p, {
             type: "form",
             onSubmit: i,
             actions: !1
           }, {
-            default: w(() => [
-              v(m, {
+            default: T(() => [
+              v(p, {
                 label: "New Password",
                 name: "password",
                 placeholder: "••••••••",
@@ -2451,7 +2632,7 @@ const re = "bolt-next-token", M = X("auth", () => {
                 validation: "required|length:8",
                 "outer-class": "max-w-full"
               }),
-              v(m, {
+              v(p, {
                 label: "Confirm Password",
                 name: "password_confirmation",
                 placeholder: "••••••••",
@@ -2459,15 +2640,15 @@ const re = "bolt-next-token", M = X("auth", () => {
                 validation: "required|confirm:password",
                 "outer-class": "max-w-full"
               }),
-              o.value ? (f(), g("div", Co, S(o.value), 1)) : x("", !0),
-              v(y(F), {
+              o.value ? (f(), g("div", Mo, L(o.value), 1)) : C("", !0),
+              v(b(z), {
                 type: "submit",
                 size: "xl",
-                disabled: n.value,
+                disabled: r.value,
                 "button-class": "w-full mb-2"
               }, {
-                default: w(() => [
-                  n.value ? (f(), g("span", $o, "Resetting...")) : (f(), g("span", So, "Reset password"))
+                default: T(() => [
+                  r.value ? (f(), g("span", Fo, "Resetting...")) : (f(), g("span", Eo, "Reset password"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -2478,14 +2659,14 @@ const re = "bolt-next-token", M = X("auth", () => {
       ]);
     };
   }
-}, Ho = { class: "h-full grid place-content-center relative" }, To = { class: "absolute top-8 left-8" }, Vo = ["src"], Po = {
+}, jo = { class: "h-full grid place-content-center relative" }, Oo = { class: "absolute top-8 left-8" }, zo = ["src"], Io = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ro = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Bo = { class: "flex gap-4 justify-center" }, Mo = {
+}, No = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Do = { class: "flex gap-4 justify-center" }, qo = {
   __name: "SparkError403View",
   props: {
     logo: {
@@ -2498,52 +2679,52 @@ const re = "bolt-next-token", M = X("auth", () => {
     }
   },
   setup(e) {
-    const s = I(), t = e, a = () => {
+    const s = q(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (f(), g("div", Ho, [
-      c("div", To, [
+    return (l, r) => (f(), g("div", jo, [
+      d("div", Oo, [
         t.logo ? (f(), g("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, Vo)) : (f(), g("svg", Po, [...n[0] || (n[0] = [
-          c("path", {
+        }, null, 8, zo)) : (f(), g("svg", Io, [...r[0] || (r[0] = [
+          d("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
           }, null, -1),
-          c("path", {
+          d("path", {
             d: "M34.5 5.22235H38.228V14.1664H46.5V17.1264H34.5V5.22235Z",
             fill: "#1C64F2"
           }, null, -1),
-          c("path", {
+          d("path", {
             d: "M28.3161 0C29.1499 0 29.7522 0.798785 29.5209 1.59757L27.1856 9.77748H30.9046C31.747 9.77748 32.4279 10.4584 32.4279 11.3008C32.4279 11.7504 32.2315 12.1738 31.891 12.4619L20.5989 22.0517C20.3719 22.2438 20.0839 22.3485 19.787 22.3485C18.9533 22.3485 18.351 21.5497 18.5823 20.751L20.9176 12.571H17.1463C16.33 12.571 15.6709 11.9119 15.6709 11.1001C15.6709 10.6679 15.8586 10.262 16.186 9.98263L27.5043 0.301181C27.7312 0.104759 28.0193 0 28.3161 0ZM26.7404 3.71021L18.8311 10.4759H22.3056C22.633 10.4759 22.9429 10.6286 23.1437 10.8905C23.3445 11.1524 23.4056 11.4929 23.3139 11.8072L21.3584 18.6601L29.355 11.8727H25.7976C25.4702 11.8727 25.1603 11.7199 24.9595 11.458C24.7587 11.1961 24.6976 10.8556 24.7893 10.5413L26.7404 3.71021Z",
             fill: "#1C64F2"
           }, null, -1),
-          c("path", {
+          d("path", {
             d: "M0 17.1264V5.22235H10.192C13.6 5.22235 14.544 6.53435 14.544 7.94235V8.16635C14.544 9.70235 13.232 10.3264 12.656 10.4864C13.472 10.6944 15.216 11.3984 15.216 13.4784V13.7024C15.216 15.5904 14.144 17.1264 10.288 17.1264H0ZM9.552 7.73435H3.728V9.67035H9.552C10.592 9.67035 10.848 9.19035 10.848 8.71035V8.67835C10.848 8.18235 10.592 7.73435 9.552 7.73435ZM9.872 12.1984H3.728V14.5344H9.872C11.12 14.5344 11.344 13.8464 11.344 13.3664V13.3024C11.344 12.7904 11.104 12.1984 9.872 12.1984Z",
             fill: "#1C64F2"
           }, null, -1)
         ])]))
       ]),
-      c("div", Ro, [
-        n[2] || (n[2] = c("div", null, [
-          c("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "403"),
-          c("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Access Forbidden "),
-          c("p", { class: "text-gray-600" }, [
-            P(" You don't have permission to access this resource."),
-            c("br"),
-            P(" If you believe this is an error, please contact your administrator. ")
+      d("div", No, [
+        r[2] || (r[2] = d("div", null, [
+          d("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "403"),
+          d("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Access Forbidden "),
+          d("p", { class: "text-gray-600" }, [
+            F(" You don't have permission to access this resource."),
+            d("br"),
+            F(" If you believe this is an error, please contact your administrator. ")
           ])
         ], -1)),
-        c("div", Bo, [
-          v(y(F), {
+        d("div", Do, [
+          v(b(z), {
             onClick: a,
             size: "lg"
           }, {
-            default: w(() => [...n[1] || (n[1] = [
-              P(" Go to Home ", -1)
+            default: T(() => [...r[1] || (r[1] = [
+              F(" Go to Home ", -1)
             ])]),
             _: 1
           })
@@ -2551,14 +2732,14 @@ const re = "bolt-next-token", M = X("auth", () => {
       ])
     ]));
   }
-}, Fo = { class: "h-full grid place-content-center relative" }, Ao = { class: "absolute top-8 left-8" }, Eo = ["src"], zo = {
+}, Zo = { class: "h-full grid place-content-center relative" }, Ko = { class: "absolute top-8 left-8" }, Uo = ["src"], Go = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, jo = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Io = { class: "flex gap-4 justify-center" }, Oo = {
+}, Wo = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Yo = { class: "flex gap-4 justify-center" }, Xo = {
   __name: "SparkError404View",
   props: {
     logo: {
@@ -2571,48 +2752,48 @@ const re = "bolt-next-token", M = X("auth", () => {
     }
   },
   setup(e) {
-    const s = I(), t = e, a = () => {
+    const s = q(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (f(), g("div", Fo, [
-      c("div", Ao, [
+    return (l, r) => (f(), g("div", Zo, [
+      d("div", Ko, [
         t.logo ? (f(), g("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, Eo)) : (f(), g("svg", zo, [...n[0] || (n[0] = [
-          c("path", {
+        }, null, 8, Uo)) : (f(), g("svg", Go, [...r[0] || (r[0] = [
+          d("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
           }, null, -1),
-          c("path", {
+          d("path", {
             d: "M34.5 5.22235H38.228V14.1664H46.5V17.1264H34.5V5.22235Z",
             fill: "#1C64F2"
           }, null, -1),
-          c("path", {
+          d("path", {
             d: "M28.3161 0C29.1499 0 29.7522 0.798785 29.5209 1.59757L27.1856 9.77748H30.9046C31.747 9.77748 32.4279 10.4584 32.4279 11.3008C32.4279 11.7504 32.2315 12.1738 31.891 12.4619L20.5989 22.0517C20.3719 22.2438 20.0839 22.3485 19.787 22.3485C18.9533 22.3485 18.351 21.5497 18.5823 20.751L20.9176 12.571H17.1463C16.33 12.571 15.6709 11.9119 15.6709 11.1001C15.6709 10.6679 15.8586 10.262 16.186 9.98263L27.5043 0.301181C27.7312 0.104759 28.0193 0 28.3161 0ZM26.7404 3.71021L18.8311 10.4759H22.3056C22.633 10.4759 22.9429 10.6286 23.1437 10.8905C23.3445 11.1524 23.4056 11.4929 23.3139 11.8072L21.3584 18.6601L29.355 11.8727H25.7976C25.4702 11.8727 25.1603 11.7199 24.9595 11.458C24.7587 11.1961 24.6976 10.8556 24.7893 10.5413L26.7404 3.71021Z",
             fill: "#1C64F2"
           }, null, -1),
-          c("path", {
+          d("path", {
             d: "M0 17.1264V5.22235H10.192C13.6 5.22235 14.544 6.53435 14.544 7.94235V8.16635C14.544 9.70235 13.232 10.3264 12.656 10.4864C13.472 10.6944 15.216 11.3984 15.216 13.4784V13.7024C15.216 15.5904 14.144 17.1264 10.288 17.1264H0ZM9.552 7.73435H3.728V9.67035H9.552C10.592 9.67035 10.848 9.19035 10.848 8.71035V8.67835C10.848 8.18235 10.592 7.73435 9.552 7.73435ZM9.872 12.1984H3.728V14.5344H9.872C11.12 14.5344 11.344 13.8464 11.344 13.3664V13.3024C11.344 12.7904 11.104 12.1984 9.872 12.1984Z",
             fill: "#1C64F2"
           }, null, -1)
         ])]))
       ]),
-      c("div", jo, [
-        n[2] || (n[2] = c("div", null, [
-          c("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "404"),
-          c("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Page Not Found "),
-          c("p", { class: "text-gray-600" }, " The page you're looking for doesn't exist or has been moved. ")
+      d("div", Wo, [
+        r[2] || (r[2] = d("div", null, [
+          d("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "404"),
+          d("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Page Not Found "),
+          d("p", { class: "text-gray-600" }, " The page you're looking for doesn't exist or has been moved. ")
         ], -1)),
-        c("div", Io, [
-          v(y(F), {
+        d("div", Yo, [
+          v(b(z), {
             onClick: a,
             size: "lg"
           }, {
-            default: w(() => [...n[1] || (n[1] = [
-              P(" Go to Home ", -1)
+            default: T(() => [...r[1] || (r[1] = [
+              F(" Go to Home ", -1)
             ])]),
             _: 1
           })
@@ -2620,14 +2801,14 @@ const re = "bolt-next-token", M = X("auth", () => {
       ])
     ]));
   }
-}, No = { class: "h-full grid place-content-center relative" }, Do = { class: "absolute top-8 left-8" }, Zo = ["src"], qo = {
+}, Jo = { class: "h-full grid place-content-center relative" }, Qo = { class: "absolute top-8 left-8" }, er = ["src"], tr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Go = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Ko = { class: "text-primary-600 text-7xl font-bold mb-4" }, Uo = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, Wo = { class: "text-gray-600" }, Yo = { class: "flex gap-4 justify-center" }, Sr = {
+}, sr = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, ar = { class: "text-primary-600 text-7xl font-bold mb-4" }, or = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, rr = { class: "text-gray-600" }, nr = { class: "flex gap-4 justify-center" }, Er = {
   __name: "SparkErrorGeneralView",
   props: {
     logo: {
@@ -2652,48 +2833,48 @@ const re = "bolt-next-token", M = X("auth", () => {
     }
   },
   setup(e) {
-    const s = I(), t = e, a = () => {
+    const s = q(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (f(), g("div", No, [
-      c("div", Do, [
+    return (l, r) => (f(), g("div", Jo, [
+      d("div", Qo, [
         t.logo ? (f(), g("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, Zo)) : (f(), g("svg", qo, [...n[0] || (n[0] = [
-          c("path", {
+        }, null, 8, er)) : (f(), g("svg", tr, [...r[0] || (r[0] = [
+          d("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
           }, null, -1),
-          c("path", {
+          d("path", {
             d: "M34.5 5.22235H38.228V14.1664H46.5V17.1264H34.5V5.22235Z",
             fill: "#1C64F2"
           }, null, -1),
-          c("path", {
+          d("path", {
             d: "M28.3161 0C29.1499 0 29.7522 0.798785 29.5209 1.59757L27.1856 9.77748H30.9046C31.747 9.77748 32.4279 10.4584 32.4279 11.3008C32.4279 11.7504 32.2315 12.1738 31.891 12.4619L20.5989 22.0517C20.3719 22.2438 20.0839 22.3485 19.787 22.3485C18.9533 22.3485 18.351 21.5497 18.5823 20.751L20.9176 12.571H17.1463C16.33 12.571 15.6709 11.9119 15.6709 11.1001C15.6709 10.6679 15.8586 10.262 16.186 9.98263L27.5043 0.301181C27.7312 0.104759 28.0193 0 28.3161 0ZM26.7404 3.71021L18.8311 10.4759H22.3056C22.633 10.4759 22.9429 10.6286 23.1437 10.8905C23.3445 11.1524 23.4056 11.4929 23.3139 11.8072L21.3584 18.6601L29.355 11.8727H25.7976C25.4702 11.8727 25.1603 11.7199 24.9595 11.458C24.7587 11.1961 24.6976 10.8556 24.7893 10.5413L26.7404 3.71021Z",
             fill: "#1C64F2"
           }, null, -1),
-          c("path", {
+          d("path", {
             d: "M0 17.1264V5.22235H10.192C13.6 5.22235 14.544 6.53435 14.544 7.94235V8.16635C14.544 9.70235 13.232 10.3264 12.656 10.4864C13.472 10.6944 15.216 11.3984 15.216 13.4784V13.7024C15.216 15.5904 14.144 17.1264 10.288 17.1264H0ZM9.552 7.73435H3.728V9.67035H9.552C10.592 9.67035 10.848 9.19035 10.848 8.71035V8.67835C10.848 8.18235 10.592 7.73435 9.552 7.73435ZM9.872 12.1984H3.728V14.5344H9.872C11.12 14.5344 11.344 13.8464 11.344 13.3664V13.3024C11.344 12.7904 11.104 12.1984 9.872 12.1984Z",
             fill: "#1C64F2"
           }, null, -1)
         ])]))
       ]),
-      c("div", Go, [
-        c("div", null, [
-          c("div", Ko, S(t.errorCode || "Error"), 1),
-          c("h1", Uo, S(t.title || "Something went wrong"), 1),
-          c("p", Wo, S(t.message || "An unexpected error occurred. Please try again later."), 1)
+      d("div", sr, [
+        d("div", null, [
+          d("div", ar, L(t.errorCode || "Error"), 1),
+          d("h1", or, L(t.title || "Something went wrong"), 1),
+          d("p", rr, L(t.message || "An unexpected error occurred. Please try again later."), 1)
         ]),
-        c("div", Yo, [
-          v(y(F), {
+        d("div", nr, [
+          v(b(z), {
             onClick: a,
             size: "lg"
           }, {
-            default: w(() => [...n[1] || (n[1] = [
-              P(" Go to Home ", -1)
+            default: T(() => [...r[1] || (r[1] = [
+              F(" Go to Home ", -1)
             ])]),
             _: 1
           })
@@ -2702,60 +2883,60 @@ const re = "bolt-next-token", M = X("auth", () => {
     ]));
   }
 };
-function $r(e = {}) {
+function Fr(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: no,
-      props: { logo: n, defaultRedirect: o },
+      component: yo,
+      props: { logo: r, defaultRedirect: o },
       meta: { auth: !1 }
     },
     {
       path: t,
       name: "logout",
-      component: lo,
+      component: bo,
       props: { defaultRedirect: s },
       meta: { auth: !1 }
     },
     {
       path: a,
       name: "forgot-password",
-      component: vo,
-      props: { logo: n, loginRoute: s },
+      component: Lo,
+      props: { logo: r, loginRoute: s },
       meta: { auth: !1 }
     },
     {
       path: l,
       name: "password-reset",
-      component: Lo,
-      props: { logo: n, loginRoute: s },
+      component: Ao,
+      props: { logo: r, loginRoute: s },
       meta: { auth: !1 }
     }
   ];
 }
-function Lr(e, s = {}) {
+function Ar(e, s = {}) {
   const { defaultAuthenticatedRoute: t = "/dashboard" } = s;
-  e.beforeEach(async (a, l, n) => {
-    const o = M();
-    o.state.ready || await o.fetchUser(), Xo(a, n, o, t);
+  e.beforeEach(async (a, l, r) => {
+    const o = O();
+    o.state.ready || await o.fetchUser(), lr(a, r, o, t);
   });
 }
-function Xo(e, s, t, a) {
-  const l = e.meta.auth !== !1, n = t.check;
+function lr(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 });
@@ -2775,7 +2956,7 @@ function Xo(e, s, t, a) {
     });
     return;
   }
-  if (n) {
+  if (r) {
     if (!l && e.path === t.state.routes.auth) {
       s({ path: a });
       return;
@@ -2787,7 +2968,7 @@ function Xo(e, s, t, a) {
     s();
   }
 }
-function Hr(e = {}) {
+function jr(e = {}) {
   const {
     forbiddenPath: s = "/error/403",
     logo: t = "",
@@ -2796,12 +2977,12 @@ function Hr(e = {}) {
   return {
     path: s,
     name: "error-403",
-    component: Mo,
+    component: qo,
     props: { logo: t, homeRoute: a },
     meta: { auth: !1 }
   };
 }
-function Tr(e = {}) {
+function Or(e = {}) {
   const {
     logo: s = "",
     homeRoute: t = "/dashboard"
@@ -2809,21 +2990,21 @@ function Tr(e = {}) {
   return {
     path: "/:pathMatch(.*)*",
     name: "error-404",
-    component: Oo,
+    component: Xo,
     props: { logo: s, homeRoute: t },
     meta: { auth: !1 }
   };
 }
-function Vr(e, s) {
+function zr(e, s) {
   e.beforeResolve(async (t) => {
     if (t.meta.auth !== !1) {
-      const a = M();
+      const a = O();
       a.state.ready && a.check && await s();
     }
   });
 }
-function Jo(e = {}) {
-  const s = K.create({
+function ir(e = {}) {
+  const s = J.create({
     baseURL: e.baseURL || "",
     timeout: e.timeout || 3e4,
     headers: {
@@ -2834,7 +3015,7 @@ function Jo(e = {}) {
   return s.interceptors.request.use(
     (t) => {
       try {
-        const a = M();
+        const a = O();
         a.state.overrideToken ? t.headers.Authorization = `Bearer ${a.state.overrideToken}` : a.state.token && (t.headers.Authorization = `Bearer ${a.state.token}`);
       } catch {
       }
@@ -2846,14 +3027,14 @@ function Jo(e = {}) {
     async (t) => {
       if (t.response?.status === 401)
         try {
-          const a = M();
+          const a = O();
           await a.logout(), window.location.href = a.state.routes.auth;
         } catch (a) {
           console.error("Error during auto-logout:", a), window.location.href = "/login";
         }
       if (t.response?.status === 403)
         try {
-          const a = M();
+          const a = O();
           window.location.href = a.state.routes.forbidden;
         } catch (a) {
           console.error("Error during 403 redirect:", a), window.location.href = "/error/403";
@@ -2862,123 +3043,124 @@ function Jo(e = {}) {
     }
   ), s;
 }
-let G = null;
-function Pr(e, s = {}) {
-  return G = Jo(s), e.provide("axios", G), e.config.globalProperties.$axios = G, G;
+let X = null;
+function Ir(e, s = {}) {
+  return X = ir(s), e.provide("axios", X), e.config.globalProperties.$axios = X, X;
 }
-function Rr() {
-  if (!G)
+function Nr() {
+  if (!X)
     throw new Error("Axios instance not initialized. Call setupAxios() first.");
-  return G;
+  return X;
 }
-const Br = X("sparkNav", () => {
-  const e = z({
+const Dr = ae("sparkNav", () => {
+  const e = D({
     menu: [],
     collapsed: !1,
     hidden: !1
-  }), s = I(), t = se(), a = (d = []) => {
-    e.menu = d;
-  }, l = (d, m) => {
-    for (const u of d) {
-      if (u.href === m) return u;
+  }), s = q(), t = Q(), a = (c = []) => {
+    e.menu = c, n();
+  }, l = (c, p) => {
+    for (const u of c) {
+      if (u.href === p) return u;
       if (u.children) {
-        const p = l(u.children, m);
-        if (p) return p;
+        const y = l(u.children, p);
+        if (y) return y;
       }
     }
     return null;
-  }, n = async (d) => {
-    if (d) {
-      const m = l(e.menu, d);
-      if (m && typeof m.action == "function") {
-        m.action();
+  }, r = async (c) => {
+    if (c) {
+      const p = l(e.menu, c);
+      if (p && typeof p.action == "function") {
+        p.action();
         return;
       }
-      await s.push(d);
+      await s.push(c);
     }
   }, o = () => {
     e.collapsed = !e.collapsed;
   }, i = () => {
     e.hidden = !e.hidden;
-  }, r = () => {
-    const d = t.name || t.path.replace("/", "");
-    if (d) {
-      const m = (u) => {
-        u.forEach((p) => {
-          p.current = p.href === d, p.children && m(p.children);
+  }, n = () => {
+    const c = t.name || t.path.replace("/", "");
+    if (c) {
+      const p = (u) => {
+        u.forEach((y) => {
+          y.current = y.href === c, y.children && p(y.children);
         });
       };
-      m(e.menu);
+      p(e.menu);
     }
   };
-  return E(
+  return A(
     () => t.path,
     () => {
-      r();
+      n();
     },
     { immediate: !0 }
   ), {
     state: e,
     initialize: a,
-    goto: n,
+    goto: r,
     toggleCollapsed: o,
     toggleHidden: i,
-    syncWithRoute: r
+    syncWithRoute: n
   };
 });
 export {
-  H as Icons,
-  vr as SparkAlert,
-  Yt as SparkAppSelector,
-  ps as SparkBrandSelector,
-  F as SparkButton,
-  ms as SparkButtonGroup,
-  br as SparkCard,
-  _r as SparkDefaultContainer,
-  Mo as SparkError403View,
-  Oo as SparkError404View,
-  Sr as SparkErrorGeneralView,
-  vo as SparkForgotPasswordView,
-  no as SparkLoginView,
-  lo as SparkLogoutView,
-  ks as SparkModalContainer,
-  xr as SparkModalDialog,
-  ce as SparkOverlay,
-  wr as SparkPublicContainer,
-  Lo as SparkResetPasswordView,
-  kr as SparkTable,
-  fa as SparkTableDatePicker,
-  da as SparkTableFilterButtons,
-  na as SparkTableFilterSelect,
-  Xs as SparkTablePaginationPaging,
-  ea as SparkTablePaginationPerPage,
-  ya as SparkTableReset,
-  aa as SparkTableSearch,
-  pe as SparkTableToolbar,
-  hr as addIcons,
-  Hr as create403Route,
-  Tr as create404Route,
-  $r as createAuthRoutes,
-  Jo as createAxiosInstance,
-  Cr as createBootstrapService,
-  Ts as customiseHeader,
-  Ga as deleteCookie,
-  Rr as getAxiosInstance,
-  Za as getCookie,
-  He as getDomain,
-  Ss as renderHeaderTitle,
-  qa as setCookie,
-  Lr as setupAuthGuards,
-  Pr as setupAxios,
-  Vr as setupBootstrapGuard,
-  yr as setupFontAwesome,
-  U as sparkModalService,
-  Z as sparkOverlayService,
-  js as updateRow,
-  Se as useSparkAppSelectorStore,
-  $e as useSparkAppStore,
-  M as useSparkAuthStore,
-  Le as useSparkBrandFilterStore,
-  Br as useSparkNavStore,
-  me as useSparkOverlay
+  B as Icons,
+  Lr as SparkAlert,
+  os as SparkAppSelector,
+  xs as SparkBrandSelector,
+  z as SparkButton,
+  _s as SparkButtonGroup,
+  Hr as SparkCard,
+  Rr as SparkDefaultContainer,
+  qo as SparkError403View,
+  Xo as SparkError404View,
+  Er as SparkErrorGeneralView,
+  Lo as SparkForgotPasswordView,
+  yo as SparkLoginView,
+  bo as SparkLogoutView,
+  Hs as SparkModalContainer,
+  Pr as SparkModalDialog,
+  ge as SparkOverlay,
+  Br as SparkPublicContainer,
+  Ao as SparkResetPasswordView,
+  Vr as SparkTable,
+  _a as SparkTableDatePicker,
+  va as SparkTableFilterButtons,
+  ga as SparkTableFilterSelect,
+  na as SparkTablePaginationPaging,
+  ca as SparkTablePaginationPerPage,
+  $a as SparkTableReset,
+  pa as SparkTableSearch,
+  be as SparkTableToolbar,
+  $r as addIcons,
+  jr as create403Route,
+  Or as create404Route,
+  Fr as createAuthRoutes,
+  ir as createAxiosInstance,
+  Mr as createBootstrapService,
+  As as customiseHeader,
+  so as deleteCookie,
+  Nr as getAxiosInstance,
+  eo as getCookie,
+  Be as getDomain,
+  Bs as renderHeaderTitle,
+  to as setCookie,
+  Ar as setupAuthGuards,
+  Ir as setupAxios,
+  zr as setupBootstrapGuard,
+  Tr as setupFontAwesome,
+  ee as sparkModalService,
+  Y as sparkOverlayService,
+  Us as updateRow,
+  Pe as useSparkAppSelectorStore,
+  Ve as useSparkAppStore,
+  O as useSparkAuthStore,
+  Re as useSparkBrandFilterStore,
+  Dr as useSparkNavStore,
+  xe as useSparkOverlay,
+  Gs as useSparkTableRouteSync
 };