@wishbone-media/spark 0.18.0 → 0.20.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 C, resolveComponent as B, createElementBlock as g, openBlock as f, normalizeClass as T, createElementVNode as d, createVNode as v, unref as y, renderSlot as M, reactive as Z, Fragment as z, renderList as q, createCommentVNode as $, toDisplayString as H, createBlock as F, resolveDynamicComponent as ae, ref as R, inject as _e, provide as Ae, withCtx as L, createTextVNode as A, markRaw as Ce, mergeProps as oe, toHandlers as Se, watch as j, onMounted as pe, withModifiers as G, useSlots as $e, onUnmounted as je, h as me } from "vue";
+import { library as Te, icon as se } from "@fortawesome/fontawesome-svg-core";
+import { FontAwesomeIcon as Oe } from "@fortawesome/vue-fontawesome";
+import { faCloudDownload as ze, faBolt as Ie, faUndo as Ne, faEye as De, faSignOut as qe, faXmark as Ze, faTrash as Ke, faTimes as Ue, faStreetView as Ge, faSortUp as We, faSortDown as Ye, faSort as Xe, faScaleBalanced as Je, faSatelliteDish as Qe, faLayerPlus as et, faLaptopMobile as tt, faInfoCircle as st, faGripDotsVertical as at, faGearComplex as ot, faFlag as rt, faFaceSmileWink as nt, faFaceSmileRelaxed as lt, faExclamationTriangle as it, faEllipsisVertical as ct, faEllipsis as dt, faEdit as ut, faComments as pt, faCircleXmark as ft, faCircleUser as mt, faChevronUp as gt, faChevronRight as ht, faChevronLeft as yt, faChevronDown as bt, faCheckCircle as vt, faCheck as xt, faBullhorn as kt, faBellRing as wt, faBarsSort as _t, faArrowRightToLine as Ct, faArrowLeftToLine as St } from "@fortawesome/pro-regular-svg-icons";
+import { defineStore as re } from "pinia";
+import { TransitionRoot as Le, Dialog as He, TransitionChild as le, DialogPanel as Pe } from "@headlessui/vue";
+import ie from "nprogress";
+import { range as $t, get as D, find as Tt, has as Lt } from "lodash";
+import { HotTable as Ht } 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 ne, AutoColumnSize as Pt, CopyPaste as Vt, StretchColumns as Rt, NestedHeaders as Bt } from "handsontable/plugins";
+import { registerAllCellTypes as Et } from "handsontable/cellTypes";
+import { useDebounceFn as Ve, watchDebounced as ge } from "@vueuse/core";
+import { registerRenderer as Mt, baseRenderer as Ft } from "handsontable/renderers";
+import { useRouter as K, useRoute as te } from "vue-router";
+import ee from "axios";
+var At = {
   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 = {
+}, jt = {
   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 = {
+}, Ot = {
   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 E = {
+  farArrowLeftToLine: St,
+  farArrowRightToLine: Ct,
+  farBarsSort: _t,
+  farBellRing: wt,
+  farBullhorn: kt,
+  farCheck: xt,
+  farCheckCircle: vt,
+  farChevronDown: bt,
+  farChevronLeft: yt,
+  farChevronRight: ht,
+  farChevronUp: gt,
+  farCircleUser: mt,
+  farCircleXmark: ft,
+  farComments: pt,
+  farEdit: ut,
+  farEllipsis: dt,
+  farEllipsisVertical: ct,
+  farExclamationTriangle: it,
+  farFaceSmileRelaxed: lt,
+  farFaceSmileWink: nt,
+  farFlag: rt,
+  farGearComplex: ot,
+  farGripDotsVertical: at,
+  farInfoCircle: st,
+  farLaptopMobile: tt,
+  farLayerPlus: et,
+  farSatelliteDish: Qe,
+  farScaleBalanced: Je,
+  farSort: Xe,
+  farSortDown: Ye,
+  farSortUp: We,
+  farStreetView: Ge,
+  farTimes: Ue,
+  farTrash: Ke,
+  farXmark: Ze,
+  farSignOut: qe,
+  farEye: De,
+  farUndo: Ne,
+  farBolt: Ie,
+  farCloudDownload: ze,
+  fadSort: jt,
+  fadSortDown: Ot,
+  fadSortUp: At
 };
-function hr(e) {
-  Object.assign(H, e), xe.add(...Object.values(e));
+function Vr(e) {
+  Object.assign(E, e), Te.add(...Object.values(e));
 }
-function yr(e) {
-  xe.add(...Object.values(H)), e.component("FontAwesomeIcon", Pe);
+function Rr(e) {
+  Te.add(...Object.values(E)), e.component("FontAwesomeIcon", Oe);
 }
-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 zt = { class: "flex items-center" }, It = { class: "shrink-0 self-start" }, Nt = { class: "ml-3" }, Dt = { class: "ml-auto pl-3 pt-1 self-start" }, qt = { class: "-mx-1.5 -my-1.5" }, Br = {
   __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 = C(() => ({
       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 = C(() => ({
       success: "text-green-400",
       warning: "text-yellow-400",
       danger: "text-red-400",
       info: "text-blue-400"
-    })[s.type]), l = k(() => ({
+    })[s.type]), l = C(() => ({
       success: "farCheckCircle",
       warning: "farExclamationTriangle",
       danger: "farCircleXmark",
       info: "farInfoCircle"
-    })[s.type]), n = k(() => ({
+    })[s.type]), n = C(() => ({
       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 r = B("font-awesome-icon");
       return f(), g("div", {
-        class: _(["rounded-md border p-4", t.value])
+        class: T(["rounded-md border p-4", t.value])
       }, [
-        c("div", Vt, [
-          c("div", Pt, [
+        d("div", zt, [
+          d("div", It, [
             v(r, {
-              icon: y(H)[l.value],
-              class: _(a.value)
+              icon: y(E)[l.value],
+              class: T(a.value)
             }, null, 8, ["icon", "class"])
           ]),
-          c("div", Rt, [
-            T(o.$slots, "default")
+          d("div", Nt, [
+            M(o.$slots, "default")
           ]),
-          c("div", Bt, [
-            c("div", Mt, [
-              c("button", {
+          d("div", Dt, [
+            d("div", qt, [
+              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: T(["inline-flex rounded-md px-2 py-1.5", n.value]),
+                onClick: i[0] || (i[0] = (c) => o.$emit("close"))
               }, [
                 v(r, {
-                  icon: y(H).farXmark
+                  icon: y(E).farXmark
                 }, null, 8, ["icon"])
               ], 2)
             ])
@@ -141,7 +143,13 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
       ], 2);
     };
   }
-}, oe = [
+}, ce = [
+  {
+    name: "Bolt",
+    description: "Job management",
+    href: "https://bolt-next.letsbolt.io",
+    icon: "farBolt"
+  },
   {
     name: "3CX",
     description: "VOIP Phone",
@@ -174,19 +182,19 @@ 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]
+], Re = re("sparkAppSelector", () => {
+  const e = Z({
+    apps: [...ce]
   }), s = (n = {}) => {
     if (n.apps && Array.isArray(n.apps)) {
       const o = n.apps.filter((i) => {
@@ -205,7 +213,7 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
       const o = /* @__PURE__ */ new Map();
       Object.keys(n.appHrefs).forEach((i) => {
         o.set(i.toLowerCase(), n.appHrefs[i]);
-      }), e.apps = oe.map((i) => {
+      }), e.apps = ce.map((i) => {
         const r = o.get(i.name.toLowerCase());
         return {
           ...i,
@@ -214,8 +222,8 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
       });
       return;
     }
-    e.apps = [...oe];
-  }, t = k(() => e.apps), a = (n) => {
+    e.apps = [...ce];
+  }, t = C(() => e.apps), a = (n) => {
     if (!n) return null;
     const o = n.toLowerCase();
     return e.apps.find((i) => i.name.toLowerCase() === o) || null;
@@ -230,8 +238,8 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
       return o ? o.icon : "";
     }
   };
-}), $e = X("sparkApp", () => {
-  const e = z({
+}), Be = re("sparkApp", () => {
+  const e = Z({
     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 = {
+}), Zt = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Kt = { class: "flex flex-1 flex-col" }, Ut = { class: "divide-y divide-gray-200" }, Gt = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Wt = { class: "ml-auto flex items-center" }, Yt = ["href", "onClick"], Xt = { class: "gap-y-1" }, Jt = { class: "text-base text-gray-800 flex items-center" }, Qt = { class: "font-medium" }, es = {
   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 = {
+}, ts = { class: "text-sm text-gray-500" }, ss = { class: "ml-auto flex items-center" }, as = { class: "mt-auto" }, os = {
   key: 0,
   class: "p-6"
-}, Wt = {
+}, rs = {
   key: 1,
   class: "bg-gray-50 p-6"
-}, Yt = {
+}, ns = {
   __name: "SparkAppSelector",
   props: {
     bottomSlot: {
@@ -266,7 +274,7 @@ 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 = Re(), l = Be(), n = C(() => {
       const i = l.state.app;
       return a.state.apps.map((r) => ({
         ...r,
@@ -276,63 +284,63 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
       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,
+      const c = B("font-awesome-icon");
+      return f(), g("div", Zt, [
+        d("div", Kt, [
+          d("div", Ut, [
+            d("div", Gt, [
+              r[1] || (r[1] = d("div", null, "Mr Group Network", -1)),
+              d("div", Wt, [
+                v(c, {
+                  icon: y(E).farTimes,
                   class: "h-[15px] w-[15px] shrink-0 text-gray-400 cursor-pointer",
-                  onClick: r[0] || (r[0] = (m) => t("close"))
+                  onClick: r[0] || (r[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(z, null, q(n.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: T([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", Xt, [
+                d("div", Jt, [
+                  d("div", Qt, H(p.name), 1),
+                  p.current ? (f(), g("span", es, " Active ")) : $("", !0)
                 ]),
-                c("div", qt, S(m.description), 1)
+                d("div", ts, H(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", ss, [
+                v(c, {
+                  class: T([p.current ? "text-gray-700" : "text-gray-400", "h-5 w-5 shrink-0"]),
+                  icon: y(E)[p.icon]
                 }, null, 8, ["class", "icon"])
               ])
-            ], 10, It))), 128)),
-            r[2] || (r[2] = c("div", null, null, -1))
+            ], 10, Yt))), 128)),
+            r[2] || (r[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", as, [
+            i.$slots.bottom || e.bottomSlot ? (f(), g("div", os, [
+              M(i.$slots, "bottom", {}, () => [
+                e.bottomSlot ? (f(), F(ae(e.bottomSlot), { key: 0 })) : $("", !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)
+            ])) : $("", !0),
+            i.$slots.footer || e.footerSlot ? (f(), g("div", rs, [
+              M(i.$slots, "footer", {}, () => [
+                e.footerSlot ? (f(), F(ae(e.footerSlot), { key: 0 })) : $("", !0)
               ])
-            ])) : x("", !0)
+            ])) : $("", !0)
           ])
         ])
       ]);
     };
   }
-}, Le = X(
+}, Ee = re(
   "brandFilter",
   () => {
-    const e = z({
+    const e = Z({
       brands: []
     }), s = (n = {}) => {
       if (!n.brands || !Array.isArray(n.brands)) {
@@ -340,8 +348,8 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
         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;
+        const c = r.name && r.logo;
+        return c || console.warn("useSparkBrandFilterStore: Invalid brand object", r), c;
       }), i = o.filter((r) => r.current);
       i.length === 0 && o.length > 0 ? o[0].current = !0 : i.length > 1 && o.forEach((r) => {
         r.current = r === i[0];
@@ -351,7 +359,7 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
         logo: r.logo,
         current: r.current || !1
       }));
-    }, t = k(() => e.brands.find((n) => n.current) || null), a = k(() => e.brands);
+    }, t = C(() => e.brands.find((n) => n.current) || null), a = C(() => e.brands);
     return {
       state: e,
       initialize: s,
@@ -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 = {
+), ls = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, is = { class: "flex flex-1 flex-col" }, cs = { class: "divide-y divide-gray-200" }, ds = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, us = { class: "ml-auto flex items-center" }, ps = {
   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 = {
+}, fs = ["onClick"], ms = { class: "w-full gap-y-1 flex justify-between" }, gs = { class: "flex flex-col" }, hs = { class: "flex items-center" }, ys = { class: "font-medium text-base text-gray-900" }, bs = {
   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"
+}, vs = { class: "text-sm text-gray-500 font-normal" }, xs = { class: "flex items-center" }, ks = ["src", "alt"], ws = {
   __name: "SparkBrandSelector",
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, a = Le(), l = (n) => {
+    const t = s, a = Ee(), l = (n) => {
       t("select", n);
     };
     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, [
+      const i = B("font-awesome-icon");
+      return f(), g("div", ls, [
+        d("div", is, [
+          d("div", cs, [
+            d("div", ds, [
+              o[1] || (o[1] = d("div", null, "Filter by Brand", -1)),
+              d("div", us, [
                 v(i, {
-                  icon: y(H).farTimes,
+                  icon: y(E).farTimes,
                   class: "size-4 text-gray-400 cursor-pointer",
                   onClick: o[0] || (o[0] = (r) => 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", {
+            y(a).allBrands.length === 0 ? (f(), g("div", ps, " No brands configured ")) : $("", !0),
+            (f(!0), g(z, null, q(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)
+              class: T([r.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
+              onClick: (c) => l(r)
             }, [
-              c("div", os, [
-                c("div", rs, [
-                  c("img", {
+              d("div", ms, [
+                d("div", gs, [
+                  d("div", hs, [
+                    d("div", ys, H(r.name), 1),
+                    r.current ? (f(), g("span", bs, " Current ")) : $("", !0)
+                  ]),
+                  d("div", vs, H(r.current ? "Current Brand" : "Change to"), 1)
+                ]),
+                d("div", xs, [
+                  d("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)
-                  ]),
-                  c("div", us, S(r.current ? "Current Brand" : "Change to"), 1)
+                  }, null, 8, ks)
                 ])
               ])
-            ], 10, as))), 128)),
-            o[2] || (o[2] = c("div", null, null, -1))
+            ], 10, fs))), 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 = {
+}, _s = ["disabled"], N = {
   __name: "SparkButton",
   props: {
     size: {
@@ -453,14 +461,14 @@ 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 = R(null), a = _e("buttonGroup", null), l = C(() => {
       if (!a?.isInGroup || !t.value) return null;
-      const r = a.getButtonIndex(t.value), d = a.getButtonCount();
+      const r = a.getButtonIndex(t.value), c = a.getButtonCount();
       return {
         isFirst: r === 0,
-        isLast: r === d - 1,
+        isLast: r === c - 1,
         index: r,
-        total: d
+        total: c
       };
     }), n = {
       paddingX: /^px-/,
@@ -472,41 +480,41 @@ 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 = (r, c) => {
+      if (!c) return r;
+      const p = r.split(" ").filter(Boolean), u = c.split(" ").filter(Boolean);
+      return [...p.filter((_) => !u.some((w) => {
+        const m = Object.entries(n).find(
+          ([P, k]) => k.test(_)
+        )?.[0], x = Object.entries(n).find(
+          ([P, k]) => k.test(w)
         )?.[0];
-        return N && N === C;
+        return m && m === x;
       })), ...u].join(" ");
-    }, i = k(() => {
-      let r = "", d = "";
+    }, i = C(() => {
+      let r = "", c = "";
       switch (s.size) {
         case "xs":
-          r += " px-2 py-1 text-xs", d = "sm";
+          r += " px-2 py-1 text-xs", c = "sm";
           break;
         case "sm":
-          r += " px-2 py-1 text-sm", d = "sm";
+          r += " px-2 py-1 text-sm", c = "sm";
           break;
         case "md":
-          r += " px-2.5 py-1.5 text-sm", d = "md";
+          r += " px-2.5 py-1.5 text-sm", c = "md";
           break;
         case "lg":
-          r += " px-3 py-2 text-sm", d = "md";
+          r += " 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";
+          r += " 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;
+        r += " relative inline-flex items-center focus:z-10", p && u ? r += ` rounded-${c}` : p ? r += ` rounded-l-${c} rounded-r-none` : u ? r += ` rounded-r-${c} rounded-l-none -ml-px` : r += " rounded-none -ml-px";
       } else
-        r += ` shadow-xs rounded-${d}`;
+        r += ` shadow-xs rounded-${c}`;
       switch (s.variant) {
         case "primary":
           r += " bg-primary-600 hover:bg-primary-500 text-white";
@@ -531,22 +539,22 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
       }
       return r = o(r, s.buttonClass), r;
     });
-    return (r, d) => (f(), g("button", {
+    return (r, c) => (f(), g("button", {
       type: "button",
       ref_key: "buttonRef",
       ref: t,
-      class: _(i.value),
+      class: T(i.value),
       disabled: e.disabled,
-      onClick: d[0] || (d[0] = (m) => r.$emit("click"))
+      onClick: c[0] || (c[0] = (p) => r.$emit("click"))
     }, [
-      T(r.$slots, "default")
-    ], 10, fs));
+      M(r.$slots, "default")
+    ], 10, _s));
   }
-}, ms = {
+}, Cs = {
   __name: "SparkButtonGroup",
   setup(e) {
-    const s = $(null);
-    return Ve("buttonGroup", {
+    const s = R(null);
+    return Ae("buttonGroup", {
       isInGroup: !0,
       getButtonIndex: (l) => s.value ? Array.from(s.value.children).indexOf(l) : -1,
       getButtonCount: () => s.value?.children.length || 0
@@ -555,16 +563,16 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
       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 = {
+}, Ss = { class: "divide-y divide-gray-300 rounded-lg border border-gray-300 text-gray-700 bg-gray-100" }, $s = {
   key: 0,
   class: "p-5"
-}, ys = {
+}, Ts = {
   key: 1,
   class: "p-5"
-}, br = {
+}, Er = {
   __name: "SparkCard",
   props: {
     padded: {
@@ -578,98 +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", Ss, [
+      t.$slots.header ? (f(), g("div", $s, [
+        M(t.$slots, "header")
+      ])) : $("", !0),
+      d("div", {
+        class: T([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", Ts, [
+        M(t.$slots, "footer")
+      ])) : $("", !0)
     ]));
   }
-};
-class vs {
-  constructor() {
-    this.state = z({
-      isVisible: !1,
-      content: null,
-      props: {},
-      eventHandlers: {}
-    });
-  }
-  show = (s, t = {}, a = {}) => {
-    this.state.content = he(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 = {
-  __name: "SparkModalContainer",
-  setup(e) {
-    return (s, t) => (f(), V(y(ke), {
-      as: "template",
-      show: y(U).state.isVisible
-    }, {
-      default: w(() => [
-        v(y(_e), {
-          class: "relative z-200",
-          onClose: y(U).hide
-        }, {
-          default: w(() => [
-            v(y(te), {
-              as: "template",
-              enter: "ease-out duration-300",
-              "enter-from": "opacity-0",
-              "enter-to": "opacity-100",
-              leave: "ease-in duration-200",
-              "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)
-              ])]),
-              _: 1
-            }),
-            c("div", bs, [
-              c("div", xs, [
-                v(y(te), {
-                  as: "template",
-                  enter: "ease-out duration-300",
-                  "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
-                  "enter-to": "opacity-100 translate-y-0 sm:scale-100",
-                  leave: "ease-in duration-200",
-                  "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))
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ])
-            ])
-          ]),
-          _: 1
-        }, 8, ["onClose"])
-      ]),
-      _: 1
-    }, 8, ["show"]));
-  }
-}, _s = { class: "px-4 pt-5 pb-4 sm:p-6" }, ws = {
+}, Ls = { class: "px-4 pt-5 pb-4 sm:p-6" }, Hs = {
   key: 0,
   class: "text-lg font-medium text-gray-900"
-}, xr = {
+}, Ps = {
   __name: "SparkModalDialog",
   props: {
     title: {
@@ -719,7 +653,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 = C(() => !s.buttons || s.buttons.length === 0 ? [{ text: "OK", variant: "primary", event: "ok" }] : s.buttons), a = C(() => {
       switch (t.value.length) {
         case 1:
           return "sm:grid sm:grid-flow-row-dense";
@@ -735,48 +669,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(() => ({
+    }, n = C(() => s.icon || l[s.type]), o = C(() => ({
       info: "bg-blue-100",
       success: "bg-green-100",
       warning: "bg-yellow-100",
       danger: "bg-red-100"
-    })[s.type]), i = k(() => ({
+    })[s.type]), i = C(() => ({
       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, [
+    return (r, c) => {
+      const p = B("font-awesome-icon");
+      return f(), g("div", Ls, [
         n.value ? (f(), g("div", {
           key: 0,
-          class: _(["mx-auto flex size-12 items-center justify-center rounded-full", o.value])
+          class: T(["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: y(E)[n.value],
+            class: T(["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)) : $("", !0),
+        d("div", {
+          class: T(["text-center", { "mt-3 sm:mt-5": n.value }])
         }, [
-          e.title ? (f(), g("h3", ws, S(e.title), 1)) : x("", !0),
+          e.title ? (f(), g("h3", Hs, H(e.title), 1)) : $("", !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: T([{ "mt-2": e.title }, "text-sm text-gray-500"])
+          }, H(e.message), 3)) : $("", !0)
         ], 2),
-        c("div", {
-          class: _(["mt-5 sm:mt-6", a.value])
+        d("div", {
+          class: T(["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(z, null, q(t.value, (u, h) => (f(), F(y(N), {
+            key: h,
             variant: u.variant,
-            onClick: (h) => r.$emit(u.event, u)
+            onClick: (_) => r.$emit(u.event, u)
           }, {
-            default: w(() => [
-              P(S(u.text), 1)
+            default: L(() => [
+              A(H(u.text), 1)
             ]),
             _: 2
           }, 1032, ["variant", "onClick"]))), 128))
@@ -784,7 +718,123 @@ const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       ]);
     };
   }
-}, Cs = { class: "fixed inset-0 flex" }, ce = {
+};
+class Vs {
+  constructor() {
+    this.state = Z({
+      isVisible: !1,
+      content: null,
+      props: {},
+      eventHandlers: {}
+    });
+  }
+  show = (s, t = {}, a = {}) => {
+    this.state.content = Ce(s), this.state.props = t, this.state.eventHandlers = a, this.state.isVisible = !0;
+  };
+  hide = () => {
+    this.state.isVisible = !1, this.state.eventHandlers = {};
+  };
+  /**
+   * Show a confirmation dialog and return a Promise
+   *
+   * @param {Object} options - Confirmation options
+   * @param {string} [options.title='Confirm'] - Dialog title
+   * @param {string} [options.message='Are you sure?'] - Dialog message
+   * @param {string} [options.type='warning'] - Dialog type (info, success, warning, danger)
+   * @param {string} [options.confirmText='Confirm'] - Confirm button text
+   * @param {string} [options.cancelText='Cancel'] - Cancel button text
+   * @param {string} [options.confirmVariant='primary'] - Confirm button variant
+   * @returns {Promise<boolean>} - Resolves to true if confirmed, false if cancelled
+   */
+  confirm = (s = {}) => new Promise((t) => {
+    const {
+      title: a = "Confirm",
+      message: l = "Are you sure?",
+      type: n = "warning",
+      confirmText: o = "Confirm",
+      cancelText: i = "Cancel",
+      confirmVariant: r = "primary"
+    } = s;
+    this.show(
+      Ps,
+      {
+        title: a,
+        message: l,
+        type: n,
+        buttons: [
+          { text: o, variant: r, event: "confirm" },
+          { text: i, variant: "secondary", event: "cancel" }
+        ]
+      },
+      {
+        confirm: () => {
+          this.hide(), t(!0);
+        },
+        cancel: () => {
+          this.hide(), t(!1);
+        }
+      }
+    );
+  });
+}
+const J = new Vs(), Rs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, Bs = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Es = {
+  __name: "SparkModalContainer",
+  setup(e) {
+    return (s, t) => (f(), F(y(Le), {
+      as: "template",
+      show: y(J).state.isVisible
+    }, {
+      default: L(() => [
+        v(y(He), {
+          class: "relative z-1000",
+          onClose: y(J).hide
+        }, {
+          default: L(() => [
+            v(y(le), {
+              as: "template",
+              enter: "ease-out duration-300",
+              "enter-from": "opacity-0",
+              "enter-to": "opacity-100",
+              leave: "ease-in duration-200",
+              "leave-from": "opacity-100",
+              "leave-to": "opacity-0"
+            }, {
+              default: L(() => [...t[0] || (t[0] = [
+                d("div", { class: "fixed inset-0 bg-gray-500/75 transition-opacity" }, null, -1)
+              ])]),
+              _: 1
+            }),
+            d("div", Rs, [
+              d("div", Bs, [
+                v(y(le), {
+                  as: "template",
+                  enter: "ease-out duration-300",
+                  "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
+                  "enter-to": "opacity-100 translate-y-0 sm:scale-100",
+                  leave: "ease-in duration-200",
+                  "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: L(() => [
+                    v(y(Pe), { class: "relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:min-w-lg sm:max-w-max" }, {
+                      default: L(() => [
+                        (f(), F(ae(y(J).state.content), oe(y(J).state.props, Se(y(J).state.eventHandlers)), null, 16))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["onClose"])
+      ]),
+      _: 1
+    }, 8, ["show"]));
+  }
+}, Ms = { class: "fixed inset-0 flex" }, he = {
   __name: "SparkOverlay",
   props: {
     position: {
@@ -799,21 +849,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 = R(null), a = e, l = s, n = () => {
       a.overlayInstance.close(), l("close");
     };
-    return (o, i) => (f(), V(y(ke), {
+    return (o, i) => (f(), F(y(Le), {
       show: e.overlayInstance.state.isVisible,
       as: "template"
     }, {
-      default: w(() => [
-        v(y(_e), {
+      default: L(() => [
+        v(y(He), {
           initialFocus: t.value,
-          class: "relative z-200",
+          class: "relative z-1000",
           onClose: n
         }, {
-          default: w(() => [
-            v(y(te), {
+          default: L(() => [
+            v(y(le), {
               as: "template",
               enter: "transition-opacity ease-linear duration-150",
               "enter-from": "opacity-0",
@@ -822,13 +872,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: L(() => [...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", Ms, [
+              v(y(le), {
                 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 +887,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: L(() => [
+                  v(y(Pe), {
                     ref_key: "panelRef",
                     ref: t,
-                    class: _([
+                    class: T([
                       "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: L(() => [
+                      (f(), F(ae(e.overlayInstance.state.content), oe(e.overlayInstance.state.props, Se(e.overlayInstance.state.eventHandlers)), null, 16))
                     ]),
                     _: 1
                   }, 8, ["class"])
@@ -862,18 +912,18 @@ const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}, Ss = (e) => {
+}, Fs = (e) => {
   if (e.includes(".")) {
     const s = e.split(".");
     e = s[s.length - 1];
   }
   return e.replace(/_/g, " ");
-}, $s = (e, s, t) => {
+}, As = (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 () => {
+  l.classList.add("spark-table-head-sorting"), l.innerHTML = se({ prefix: "fad", iconName: "sort" }).html + se({ prefix: "fad", iconName: "sort-up" }).html + se({ prefix: "fad", iconName: "sort-down" }).html, a.appendChild(l), a.addEventListener("click", async () => {
     const n = t.params.orderBy, o = t.params.sortedBy;
     return n === e && o === "asc" ? (a.classList.remove("asc"), a.classList.add("desc"), t.methods.applyParams({
       orderBy: e,
@@ -883,34 +933,34 @@ const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       sortedBy: "asc"
     }));
   });
-}, Ls = (e, s, t) => {
+}, js = (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}]`;
+  const n = Ve(async (o, i) => {
+    const r = i.target.value, c = `filter[${o}]`;
     if (r)
-      return t.params[d] && t.params[d] === r ? void 0 : t.methods.applyParams({
+      return t.params[c] && t.params[c] === r ? void 0 : t.methods.applyParams({
         page: 1,
-        [d]: r
+        [c]: r
       });
-    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) => {
+}, Os = (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 = Fs(s);
+}, zs = (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) => {
+  s.childElementCount === 1 && ((!n || !n.columnSort) && a--, (!n || !n.columnFilter) && a--, n && n.columnSort && As(l, s, t), n && n.columnFilter && js(l, s, t)), (s.childElementCount === a || a === 0) && Os(s, l, n);
+}, Is = (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");
@@ -920,34 +970,41 @@ const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     const n = l.closest("th"), o = Array.from(n.parentElement.children).indexOf(n);
     e.methods.colToProp(o) === s && l.classList.add(t);
   });
-}, Ps = (e) => (s, t, a, l, n, o, i) => {
+}, Ns = (e) => (s, t, a, l, n, 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((h) => {
+    if (h.condition && typeof h.condition == "function" && !h.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"), h.icon) {
+      const w = document.createElement("span");
+      w.innerHTML = se({ prefix: "far", iconName: h.icon }).html, w.classList.add("size-4"), _.appendChild(w);
     }
-    if (p.label) {
-      const b = document.createElement("span");
-      b.textContent = p.label, h.appendChild(b);
+    if (h.label) {
+      const w = document.createElement("span");
+      w.textContent = h.label, _.appendChild(w);
     }
-    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", async (w) => {
+      if (w.preventDefault(), w.stopPropagation(), h.confirm) {
+        const m = typeof h.confirm == "string" ? h.confirm : `Are you sure you want to ${h.label?.toLowerCase() || "perform this action"}?`;
+        if (!await J.confirm({
+          title: h.confirmTitle,
+          message: m,
+          type: h.confirmType,
+          confirmText: h.confirmText,
+          cancelText: h.cancelText,
+          confirmVariant: h.confirmVariant
+        }))
           return;
       }
-      p.event && e.methods.fireEvent(p.event, m), p.handler && typeof p.handler == "function" && p.handler(m);
-    }), u.appendChild(h);
+      h.event && e.methods.fireEvent(h.event, p), h.handler && typeof h.handler == "function" && h.handler(p);
+    }), u.appendChild(_);
   }), t.appendChild(u);
-}, de = {
+}, ye = {
   green: "bg-green-100 text-green-800",
   red: "bg-red-100 text-red-800",
   yellow: "bg-yellow-100 text-yellow-800",
@@ -956,11 +1013,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) => {
+}, Ds = (e) => (s, t, a, l, n, 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 = ye[p] || ye.gray, h = document.createElement("span");
+  h.classList.add(
     "inline-flex",
     "items-center",
     "px-2.5",
@@ -970,57 +1027,91 @@ 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) => {
+  ), h.textContent = o, t.appendChild(h);
+}, be = {
+  green: { bg: "bg-green-100", text: "text-green-500" },
+  red: { bg: "bg-red-100", text: "text-red-500" },
+  yellow: { bg: "bg-yellow-100", text: "text-yellow-500" },
+  blue: { bg: "bg-blue-100", text: "text-blue-500" },
+  gray: { bg: "bg-gray-100", text: "text-gray-500" },
+  purple: { bg: "bg-purple-100", text: "text-purple-500" }
+}, qs = (e) => {
+  if (e == null || e === "")
+    return !1;
+  if (typeof e == "boolean")
+    return e;
+  if (typeof e == "number")
+    return e === 1;
+  if (typeof e == "string") {
+    const s = e.toLowerCase().trim();
+    return s === "1" || s === "yes" || s === "true";
+  }
+  return !1;
+}, Zs = (e) => (s, t, a, l, n, o, i) => {
+  t.innerHTML = "", t.classList.add("spark-table-cell-boolean");
+  const r = i.rendererConfig || {}, c = qs(o), p = c ? r.trueIcon || "check" : r.falseIcon || "xmark", u = c ? r.trueColor || "green" : r.falseColor || "red", h = r.size || 32, _ = r.iconPrefix || "far", w = be[u] || be.gray, m = document.createElement("div");
+  m.classList.add(
+    "inline-flex",
+    "items-center",
+    "justify-center",
+    "rounded-full",
+    w.bg,
+    w.text
+  ), m.style.width = `${h}px`, m.style.height = `${h}px`;
+  const x = document.createElement("span");
+  x.innerHTML = se({ prefix: _, iconName: p }).html, x.classList.add("flex", "items-center", "justify-center");
+  const P = Math.round(h * 0.5);
+  x.style.fontSize = `${P}px`, m.appendChild(x), t.appendChild(m);
+}, Ks = (e) => (s, t, a, l, n, 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 r = i.rendererConfig || {}, c = s.getSourceDataAtRow(s.toPhysicalRow(a));
+  let p = o;
+  r.href && (typeof r.href == "function" ? p = r.href(c) : r.href === "email" ? p = `mailto:${o}` : r.href === "tel" ? p = `tel:${o}` : typeof r.href == "string" && (p = c[r.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"), r.target && (u.target = r.target), r.rel && (u.rel = r.rel), u.addEventListener("click", (h) => {
+    h.stopPropagation();
   }), t.appendChild(u);
-}, ue = {
+}, ve = {
   sm: "h-6 w-6",
   md: "h-8 w-8",
   lg: "h-12 w-12"
-}, Ms = (e) => (s, t, a, l, n, o, i) => {
+}, Us = (e) => (s, t, a, l, n, 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 r = i.rendererConfig || {}, c = s.getSourceDataAtRow(s.toPhysicalRow(a)), p = r.size || "md", u = ve[p] || ve.md, h = r.rounded !== !1;
+  let _ = r.alt || "";
+  typeof r.alt == "string" && c[r.alt] && (_ = c[r.alt]);
+  const w = document.createElement("img");
+  w.src = o, w.alt = _, w.classList.add(...u.split(" "), "object-cover"), h ? w.classList.add("rounded-full") : w.classList.add("rounded"), t.appendChild(w);
+}, Gs = (e) => (s, t, a, l, n, 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 r = i.rendererConfig || {}, c = r.format || "short", p = r.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 = Ws(_) : 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 h = document.createElement("span");
+  h.textContent = u, t.appendChild(h);
 };
-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 Ws(e) {
+  const t = /* @__PURE__ */ new Date() - e, a = Math.floor(Math.abs(t) / 1e3), l = Math.floor(a / 60), n = Math.floor(l / 60), o = Math.floor(n / 24), i = Math.floor(o / 30), r = Math.floor(o / 365), c = t > 0;
+  return a < 60 ? c ? "just now" : "in a moment" : l < 60 ? c ? `${l} minute${l > 1 ? "s" : ""} ago` : `in ${l} minute${l > 1 ? "s" : ""}` : n < 24 ? c ? `${n} hour${n > 1 ? "s" : ""} ago` : `in ${n} hour${n > 1 ? "s" : ""}` : o < 30 ? c ? `${o} day${o > 1 ? "s" : ""} ago` : `in ${o} day${o > 1 ? "s" : ""}` : i < 12 ? c ? `${i} month${i > 1 ? "s" : ""} ago` : `in ${i} month${i > 1 ? "s" : ""}` : c ? `${r} year${r > 1 ? "s" : ""} ago` : `in ${r} year${r > 1 ? "s" : ""}`;
 }
-const 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 Ys = /* @__PURE__ */ new Map(), U = (e, s) => {
+  Mt(e, (t, a, l, n, o, i, r) => {
+    Ft.apply(null, [t, a, l, n, o, i, r]), s(t, a, l, n, o, i, r);
+  }), Ys.set(e, s);
+}, Xs = (e) => {
+  U("spark.actions", Ns(e)), U("spark.badge", Ds()), U("spark.boolean", Zs()), U("spark.link", Ks()), U("spark.image", Us()), U("spark.date", Gs()), U("style.capitalize", (s, t, a, l, n, o) => {
     if (!o || o.length === 0) {
       t.innerText = "";
       return;
@@ -1028,8 +1119,118 @@ 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 = {
+}, Js = () => {
+}, Qs = (e, s = {}) => {
+  const t = K(), a = te(), l = s.namespace, n = l === null, o = s.syncToRoute !== !1, i = s.persistToStorage === !0, r = s.restoreOnMount !== !1, c = s.storageTTL || 7, p = n ? `spark-table:${a.path}` : `spark-table:${l}`, u = (b, S = "") => {
+    const V = {};
+    return Object.keys(b).forEach((O) => {
+      const Y = b[O], fe = S ? `${S}[${O}]` : O;
+      Y != null && (typeof Y == "object" && !Array.isArray(Y) ? Object.assign(V, u(Y, fe)) : V[fe] = String(Y));
+    }), V;
+  }, h = () => {
+    if (i)
+      try {
+        const b = {
+          params: e.params,
+          timestamp: Date.now()
+        };
+        localStorage.setItem(p, JSON.stringify(b));
+      } catch (b) {
+        console.warn("Failed to save table state to localStorage:", b);
+      }
+  }, _ = () => {
+    if (!i) return null;
+    try {
+      const b = localStorage.getItem(p);
+      if (!b) return null;
+      const S = JSON.parse(b);
+      if (c > 0) {
+        const V = Date.now() - S.timestamp, O = c * 24 * 60 * 60 * 1e3;
+        if (V > O)
+          return localStorage.removeItem(p), null;
+      }
+      return S.params;
+    } catch (b) {
+      return console.warn("Failed to load table state from localStorage:", b), null;
+    }
+  }, w = () => {
+    try {
+      localStorage.removeItem(p);
+    } catch (b) {
+      console.warn("Failed to clear table state from localStorage:", b);
+    }
+  }, m = () => {
+    if (!o) return;
+    const b = { ...a.query };
+    if (n) {
+      Object.keys(b).forEach((V) => {
+        x(V) && delete b[V];
+      });
+      const S = u(e.params);
+      Object.assign(b, S);
+    } else {
+      Object.keys(b).forEach((V) => {
+        (V.startsWith(`${l}[`) || V === l) && delete b[V];
+      });
+      const S = u(e.params, l);
+      Object.assign(b, S);
+    }
+    t.replace({ query: b });
+  }, x = (b) => !!(["page", "limit", "search", "orderBy", "sortedBy"].includes(b) || b.includes("[")), P = (b, S) => {
+    if (["page", "limit"].includes(b) && S !== null && S !== void 0) {
+      const O = parseInt(S, 10);
+      return isNaN(O) ? S : O;
+    }
+    return S;
+  }, k = () => {
+    if (n)
+      Object.keys(a.query).forEach((b) => {
+        x(b) && (e.params[b] = P(b, a.query[b]));
+      });
+    else {
+      const b = `${l}[`;
+      Object.keys(a.query).forEach((S) => {
+        if (S.startsWith(b)) {
+          const V = S.slice(b.length, -1);
+          e.params[V] = P(V, a.query[S]);
+        }
+      });
+    }
+  };
+  return j(
+    () => e.params,
+    () => {
+      o && m(), i && h();
+    },
+    { deep: !0 }
+  ), r && pe(() => {
+    let b = !1;
+    if (o) {
+      let S = !1;
+      if (n)
+        S = Object.keys(a.query).some((V) => x(V));
+      else {
+        const V = `${l}[`;
+        S = Object.keys(a.query).some(
+          (O) => O.startsWith(V)
+        );
+      }
+      S && (b = !0, k());
+    }
+    if (!b && i) {
+      const S = _();
+      S && Object.keys(S).length > 0 && (Object.keys(S).forEach((V) => {
+        S[V] = P(V, S[V]);
+      }), Object.assign(e.params, S));
+    }
+  }), {
+    syncToRoute: m,
+    restoreFromRoute: k,
+    saveToStorage: h,
+    loadFromStorage: _,
+    clearStorage: w
+  };
+}, ea = { class: "flex items-center gap-4 py-3" }, ta = { class: "shrink-0" }, sa = { class: "text-sm text-gray-700" }, aa = { class: "font-medium" }, oa = { class: "font-medium" }, ra = { class: "font-medium" }, na = {
   __name: "SparkTablePaginationDetails",
   props: {
     sparkTable: {
@@ -1040,28 +1241,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", ea, [
+        d("div", ta, [
+          d("div", sa, [
+            a[0] || (a[0] = A(" Showing ", -1)),
+            d("span", aa, H(s.sparkTable.response.meta.from), 1),
+            a[1] || (a[1] = A(" to ", -1)),
+            d("span", oa, H(s.sparkTable.response.meta.to), 1),
+            a[2] || (a[2] = A(" of ", -1)),
+            d("span", ra, H(s.sparkTable.response.meta.total), 1),
+            a[3] || (a[3] = A(" results ", -1))
           ])
         ])
       ])
     ]));
   }
-}, Ks = { class: "flex items-center gap-4 px-4 py-3" }, Us = {
+}, la = { class: "flex items-center gap-4 px-4 py-3" }, ia = {
   key: 0,
   class: "shrink-0 ml-auto"
-}, Ws = {
+}, ca = {
   class: "isolate inline-flex -space-x-px rounded-md shadow-xs bg-white",
   "aria-label": "Pagination"
-}, Ys = ["onClick"], Xs = {
+}, da = ["onClick"], ua = {
   __name: "SparkTablePaginationPaging",
   props: {
     sparkTable: {
@@ -1071,67 +1272,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) => {
+      n(t.sparkTable.params.page + p);
+    }, n = (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 = C(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), i = C(() => t.sparkTable.computed.ready ? $t(
       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");
+    ) : []), r = C(
+      () => t.sparkTable.params.page < D(t.sparkTable.response.meta, "last_page", 1)
+    ), c = C(() => t.sparkTable.params.page > 1);
+    return (p, u) => {
+      const h = B("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", la, [
+          i.value.length > 1 ? (f(), g("div", ia, [
+            d("div", null, [
+              d("nav", ca, [
+                d("a", {
+                  class: T([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] = G((_) => l(-1), ["prevent"]))
                 }, [
-                  v(p, {
-                    icon: y(H).farChevronLeft,
+                  v(h, {
+                    icon: y(E).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(z, null, q(i.value, (_) => (f(), g("a", {
+                  key: `page-${_}`,
                   href: "#",
-                  class: _([
+                  class: T([
                     "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: (w) => n(_)
+                }, H(_), 11, da))), 128)),
+                d("a", {
+                  class: T([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] = G((_) => l(1), ["prevent"])),
                   href: "#"
                 }, [
-                  v(p, {
-                    icon: y(H).farChevronRight,
+                  v(h, {
+                    icon: y(E).farChevronRight,
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ], 2)
               ])
             ])
-          ])) : x("", !0)
+          ])) : $("", !0)
         ])
       ]);
     };
   }
-}, O = (e, s) => {
+}, W = (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 = {
+}, pa = { class: "spark-table-pagination-per-page" }, fa = {
   __name: "SparkTablePaginationPerPage",
   props: {
     sparkTable: {
@@ -1141,7 +1342,7 @@ 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 = C(() => t.sparkTable.options.perPages.map((o) => ({
       label: String(o),
       value: o
     }))), n = (o) => {
@@ -1151,8 +1352,8 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
       });
     };
     return (o, i) => {
-      const r = L("FormKit");
-      return f(), g("div", Js, [
+      const r = B("FormKit");
+      return f(), g("div", pa, [
         v(r, {
           "model-value": e.sparkTable.params.limit,
           type: "select",
@@ -1165,7 +1366,7 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
       ]);
     };
   }
-}, ea = /* @__PURE__ */ O(Qs, [["__scopeId", "data-v-9ef8544b"]]), pe = {
+}, ma = /* @__PURE__ */ W(fa, [["__scopeId", "data-v-9ef8544b"]]), xe = {
   __name: "SparkTableToolbar",
   props: {
     position: {
@@ -1175,18 +1376,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";
+    const s = e, t = $e(), a = C(() => !!t.default), l = C(() => {
+      const n = "spark-table-toolbar flex flex-wrap items-center gap-x-5 w-full";
       return s.position === "footer" ? `${n} spark-table-toolbar-footer justify-between` : `${n} spark-table-toolbar-header gap-y-5 py-5`;
     });
     return (n, o) => a.value ? (f(), g("div", {
       key: 0,
-      class: _(l.value)
+      class: T(l.value)
     }, [
-      T(n.$slots, "default")
-    ], 2)) : x("", !0);
+      M(n.$slots, "default")
+    ], 2)) : $("", !0);
   }
-}, ta = { class: "spark-table-search" }, sa = {
+}, ga = { class: "spark-table-search" }, ha = {
   __name: "SparkTableSearch",
   props: {
     /** SparkTable instance object */
@@ -1200,46 +1401,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 = R(""), a = s.config.param || "search";
     s.sparkTable.params[a] ? t.value = s.sparkTable.params[a] : s.config.initialValue && (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
       [a]: s.config.initialValue
     }));
-    const l = Ce((o) => {
+    const l = Ve((o) => {
       o ? s.sparkTable.methods.applyParams({
         page: 1,
         [a]: o
       }) : s.sparkTable.methods.removeParam(a);
     }, s.config.debounce || 300);
-    E(t, (o) => {
+    j(t, (o) => {
       l(o);
     });
     const n = s.config.placeholder || "Search...";
-    return E(
+    return j(
       () => 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 r = B("FormKit");
+      return f(), g("div", ga, [
+        v(r, oe({
           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),
+          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 = {
+}, ya = /* @__PURE__ */ W(ha, [["__scopeId", "data-v-976170dc"]]), ba = { class: "spark-table-filter-select" }, va = {
   __name: "SparkTableFilterSelect",
   props: {
     /** SparkTable instance object */
@@ -1255,30 +1457,30 @@ 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 = R(""), a = s.config.param || `filter[${s.config.key}]`;
     s.sparkTable.params[a] ? t.value = s.sparkTable.params[a] : s.config.initialValue !== void 0 && s.config.initialValue !== null && (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
       [a]: s.config.initialValue
     }));
-    const l = s.config.label || null, n = k(() => [
+    const l = s.config.label || null, n = C(() => [
       { label: s.config.placeholder || "All", value: "" },
       ...s.config.options
     ]);
-    return E(t, (o) => {
+    return j(t, (o) => {
       o ? s.sparkTable.methods.applyParams({
         page: 1,
         [a]: o
       }) : s.sparkTable.methods.removeParam(a);
-    }), E(
+    }), j(
       () => 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 r = B("FormKit");
+      return f(), g("div", ba, [
+        v(r, oe({
           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,
@@ -1289,10 +1491,10 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
       ]);
     };
   }
-}, na = /* @__PURE__ */ O(ra, [["__scopeId", "data-v-8840f892"]]), la = { class: "spark-table-filter-buttons" }, ia = {
+}, xa = /* @__PURE__ */ W(va, [["__scopeId", "data-v-642dbc69"]]), ka = { class: "spark-table-filter-buttons" }, wa = {
   key: 0,
   class: "spark-table-filter-buttons-label"
-}, ca = {
+}, _a = {
   __name: "SparkTableFilterButtons",
   props: {
     /** SparkTable instance object */
@@ -1308,7 +1510,7 @@ 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 = R(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`;
     s.sparkTable.params[l] !== void 0 ? t.value = s.sparkTable.params[l] : s.config.initialValue !== void 0 && (t.value = s.config.initialValue, s.config.initialValue !== null && s.sparkTable.methods.applyParams({
       [l]: s.config.initialValue
     }));
@@ -1318,23 +1520,23 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
         [l]: i
       });
     };
-    return E(
+    return j(
       () => 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, r) => (f(), g("div", ka, [
+      y(a) ? (f(), g("span", wa, H(y(a)), 1)) : $("", !0),
+      v(Cs, { class: "isolate" }, {
+        default: L(() => [
+          (f(!0), g(z, null, q(e.config.options, (c) => (f(), F(N, {
+            key: c.value,
             size: "xl",
-            variant: n(d.value) ? "primary" : "secondary",
-            onClick: (m) => o(d.value)
+            variant: n(c.value) ? "primary" : "secondary",
+            onClick: (p) => o(c.value)
           }, {
-            default: w(() => [
-              P(S(d.label), 1)
+            default: L(() => [
+              A(H(c.label), 1)
             ]),
             _: 2
           }, 1032, ["variant", "onClick"]))), 128))
@@ -1343,7 +1545,7 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
       })
     ]));
   }
-}, da = /* @__PURE__ */ O(ca, [["__scopeId", "data-v-0fcd0cce"]]), ua = { class: "spark-table-date-picker" }, pa = {
+}, Ca = /* @__PURE__ */ W(_a, [["__scopeId", "data-v-0fcd0cce"]]), Sa = { class: "spark-table-date-picker" }, $a = {
   __name: "SparkTableDatePicker",
   props: {
     /** SparkTable instance object */
@@ -1359,15 +1561,15 @@ 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 = R(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`, n = R(`${l}-0`);
     return s.sparkTable.params[l] ? t.value = s.sparkTable.params[l] : s.config.initialValue ? (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
       [l]: s.config.initialValue
-    })) : t.value = null, E(t, (o) => {
+    })) : t.value = null, j(t, (o) => {
       o ? s.sparkTable.methods.applyParams({
         page: 1,
         [l]: o
       }) : s.sparkTable.methods.removeParam(l);
-    }), E(
+    }), j(
       () => s.sparkTable.params[l],
       (o) => {
         if ((o == null || o === "") && t.value) {
@@ -1377,12 +1579,12 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
         } else o && o !== t.value && (t.value = o);
       }
     ), (o, i) => {
-      const r = L("FormKit");
-      return f(), g("div", ua, [
-        (f(), V(r, Y({
+      const r = B("FormKit");
+      return f(), g("div", Sa, [
+        (f(), F(r, oe({
           key: n.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),
@@ -1396,7 +1598,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 = {
+}, Ta = /* @__PURE__ */ W($a, [["__scopeId", "data-v-44ef9cb8"]]), La = { class: "spark-table-reset" }, Ha = { key: 1 }, Pa = {
   __name: "SparkTableReset",
   props: {
     /** SparkTable instance object */
@@ -1412,53 +1614,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 = [], n = {};
+      Object.entries(a).forEach(([c, p]) => {
+        if (!p || p.type === "reset" || !(typeof p.enabled == "function" ? p.enabled(s.sparkTable.params) : p.enabled))
+          return;
+        let h = null;
+        p.type === "search" ? h = p.param || "search" : p.type === "filterSelect" || p.type === "filterButtons" ? h = p.param || `filter[${p.key}]` : p.type === "datePicker" && (h = p.param || `filter[${p.key}]`), h && (p.initialValue !== void 0 && p.initialValue !== null ? n[h] = p.initialValue : l.push(h));
       });
-      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(n).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 r = Object.fromEntries(i);
+      s.sparkTable.methods.applyParams({ ...r, page: 1 });
     };
     return (a, l) => {
-      const n = L("font-awesome-icon");
-      return f(), g("div", ma, [
-        v(F, {
+      const n = B("font-awesome-icon");
+      return f(), g("div", La, [
+        v(N, {
           onClick: t,
           variant: "secondary",
           size: "xl"
         }, {
-          default: w(() => [
-            e.config.icon ? (f(), V(n, {
+          default: L(() => [
+            e.config.icon ? (f(), F(n, {
               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: T({ "mr-1.5": e.config.label })
+            }, null, 8, ["icon", "class"])) : $("", !0),
+            e.config.label ? (f(), g("span", Ha, H(e.config.label), 1)) : $("", !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 = {
+}, Va = /* @__PURE__ */ W(Pa, [["__scopeId", "data-v-45343158"]]), Ra = { class: "spark-table" }, Ba = {
+  key: 1,
+  class: "pt-5"
+}, Ea = { class: "flex items-center gap-x-3" }, ue = {
+  perPages: [15, 30, 50, 100, 200, 500],
+  limit: 15
+}, Ma = {
   page: 1,
-  limit: ne.limit
-}, fe = {
+  limit: ue.limit
+}, ke = {
   colHeaders: !0,
   filters: !1,
   stretchH: "all",
@@ -1468,7 +1674,7 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
   tableClassName: "spark-table-table",
   readOnlyCellClassName: "read-only",
   licenseKey: "non-commercial-and-evaluation"
-}, kr = {
+}, Mr = {
   __name: "SparkTable",
   props: {
     url: {
@@ -1480,7 +1686,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: D(s.settings, "nestedHeaders") ? e.data.data.map((a) => (s.settings.columnKeys || []).map((n) => a[n])) : e.data.data,
         meta: {
           last_page: e.data.last_page,
           from: e.data.from,
@@ -1492,30 +1698,39 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
     params: {
       type: Object,
       default() {
-        return xa;
+        return Ma;
       }
     },
     options: {
       type: Object,
       default() {
-        return ne;
+        return ue;
       }
     },
     settings: {
       type: Object,
       default() {
-        return fe;
+        return ke;
       }
     },
     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 +1739,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({
+    Et(), ne(Pt), ne(Vt), ne(Rt), D(a, "settings.nestedHeaders") && ne(Bt);
+    const l = t, n = _e("axios"), o = R(null), i = R(!1), r = R(null);
+    let c = !1;
+    const p = {
+      search: ya,
+      filterSelect: xa,
+      filterButtons: Ca,
+      datePicker: Ta,
+      reset: Va
+    }, u = Z({
       hotInstance: null,
-      url: a.url,
+      url: C(() => a.url),
       plugins: a.plugins,
       response: {},
       params: {
@@ -1541,151 +1758,206 @@ 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, r.value = null, l("loading", !0), ie.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 k = await a.dataProvider(u.computed.params);
+                u.response = a.dataTransformer(k, a);
               } else if (a.url) {
-                const b = await n.get(a.url, {
+                const k = await n.get(a.url, {
                   params: u.computed.params
                 });
-                u.response = a.dataTransformer(b, a);
+                u.response = a.dataTransformer(k, 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), ie.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");
+              D(a.settings, "columns", []).forEach((k, b) => {
+                k.width || x.calculateColumnsWidth(b, b, !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) {
+              r.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), ie.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) => Tt(D(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((P) => {
+            u.params[P] !== void 0 && delete u.params[P];
           }), u.methods.applyParams({ page: 1 });
         }
       },
       computed: {
-        params: k(() => ({
+        params: C(() => ({
           ...a.params,
           ...u.params
         })),
-        ready: k(() => vt(u, "response.meta.last_page"))
+        ready: C(() => Lt(u, "response.meta.last_page"))
       },
-      options: k(() => ({
-        ...ne,
+      options: C(() => ({
+        ...ue,
         ...a.options
       })),
-      tableSettings: k(() => ({
-        ...fe,
-        nestedHeaders: q(a.settings, "nestedHeaders", []),
-        ...!q(a.settings, "nestedHeaders") && {
-          afterGetColHeader: (p, h) => Ts(p, h, u)
+      tableSettings: C(() => ({
+        ...ke,
+        nestedHeaders: D(a.settings, "nestedHeaders", []),
+        ...!D(a.settings, "nestedHeaders") && {
+          afterGetColHeader: (m, x) => zs(m, x, u)
+        },
+        afterChange: (m, x) => Js(),
+        afterRender: () => Is(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 k = D(a.settings, "columns", [])[x];
+          return k && k.width !== void 0 ? k.width : m;
         },
-        afterChange: (p, h) => js(),
-        afterRender: () => Vs(u),
         ...a.settings
       }))
-    });
-    return ie(
+    }), h = (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, w = C(() => Object.entries(a.plugins).filter(([m, x]) => _(x)).map(([m, x]) => ({ name: m, config: x })));
+    if (j(
+      () => ({ ...u.params }),
+      () => {
+        const m = [];
+        Object.values(a.plugins).forEach((x) => {
+          const P = h(x);
+          if (!P) return;
+          const k = _(x), b = u.params[P] !== void 0;
+          !k && b && m.push(P);
+        }), m.length > 0 && m.forEach((x) => {
+          delete u.params[x];
+        });
+      },
+      { deep: !0, flush: "sync" }
+    ), a.syncToRoute || a.persistToStorage) {
+      const m = typeof a.syncToRoute == "string";
+      Qs(u, {
+        namespace: m ? a.syncToRoute : null,
+        syncToRoute: !!a.syncToRoute,
+        persistToStorage: a.persistToStorage
+      });
+    }
+    return ge(
       () => a.params,
       async () => {
         u.params.page = 1, await u.methods.loadTable();
       },
       { debounce: 50, maxWait: 1e3 }
-    ), ie(
+    ), ge(
       () => u.params,
       async () => {
         await u.methods.loadTable();
       },
       { debounce: 50, maxWait: 1e3 }
-    ), be(async () => {
+    ), j(
+      () => a.url,
+      async (m, x) => {
+        m !== x && (u.params.page = 1, await u.methods.loadTable());
+      }
+    ), pe(async () => {
       await u.methods.loadTable(), l("ready");
-    }), zs(u), s({
+    }), je(() => {
+      c = !0;
+    }), Xs(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,
       sparkTable: u,
       table: o
-    }), (p, h) => (f(), g("div", va, [
-      u.computed.ready ? (f(), V(pe, {
+    }), (m, x) => (f(), g("div", Ra, [
+      u.computed.ready && w.value && w.value.length ? (f(), F(xe, {
         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: L(() => [
+          (f(!0), g(z, null, q(w.value, (P) => (f(), F(ae(p[P.config.type]), {
+            key: P.name,
+            class: T(P.config.align ? `self-${P.config.align}` : ""),
             "spark-table": u,
-            config: b.config
+            config: P.config
           }, null, 8, ["class", "spark-table", "config"]))), 128)),
-          T(p.$slots, "header", {
+          M(m.$slots, "header", {
             sparkTable: u,
             loading: i.value,
             error: r.value
           })
         ]),
         _: 3
-      })) : x("", !0),
-      v(y(bt), {
+      })) : (f(), g("div", Ba)),
+      v(y(Ht), {
         "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(), F(xe, {
+        key: 2,
         position: "footer"
       }, {
-        default: w(() => [
-          v(Gs, { "spark-table": u }, null, 8, ["spark-table"]),
-          c("div", ba, [
-            v(Xs, {
+        default: L(() => [
+          v(na, { "spark-table": u }, null, 8, ["spark-table"]),
+          d("div", Ea, [
+            v(ua, {
               "spark-table": u,
               onPaginate: u.methods.applyParams
             }, null, 8, ["spark-table", "onPaginate"]),
-            v(ea, {
+            v(ma, {
               "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
@@ -1693,12 +1965,12 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
           ])
         ]),
         _: 3
-      })) : x("", !0)
+      })) : $("", !0)
     ]));
   }
 };
-function me() {
-  const e = z({
+function we() {
+  const e = Z({
     isVisible: !1,
     content: null,
     props: {},
@@ -1710,7 +1982,7 @@ function me() {
   }, a = () => {
     e.isVisible = !0;
   }, l = (o, i = {}, r = {}) => {
-    e.content = he(o), e.props = i, e.eventHandlers = r;
+    e.content = Ce(o), e.props = i, e.eventHandlers = r;
   };
   return {
     state: e,
@@ -1723,9 +1995,9 @@ function me() {
     }
   };
 }
-class ka {
+class Fa {
   constructor() {
-    this.left = me(), this.right = me();
+    this.left = we(), this.right = we();
   }
   showLeft = (s, t = {}, a = {}) => {
     const l = {
@@ -1755,22 +2027,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 X = new Fa(), Aa = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, ja = { class: "flex flex-1 flex-col" }, Oa = {
   class: "flex flex-1 flex-col gap-y-7",
   role: "list"
-}, Sa = { class: "flex flex-1 flex-col" }, $a = {
+}, za = { class: "flex flex-1 flex-col" }, Ia = {
   role: "list",
   class: "flex flex-1 flex-col"
-}, La = { class: "flex items-center pb-8" }, Ha = ["href", "onClick"], Ta = {
+}, Na = { class: "flex items-center pb-8" }, Da = ["href", "onClick"], qa = {
   key: 2,
   class: "w-full flex justify-center"
-}, Va = {
+}, Za = {
   key: 0,
   class: "mt-[5px] flex flex-col gap-[5px]"
-}, Pa = ["href", "onClick"], Ra = {
+}, Ka = ["href", "onClick"], Ua = {
   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 = {
+}, Ga = { class: "mt-auto" }, Wa = { class: "p-[10px] flex-shrink-0" }, Ya = { class: "flex flex-1 items-center gap-x-6" }, Xa = { class: "relative flex flex-1 items-center gap-4" }, Ja = { class: "cursor-pointer" }, Qa = ["src"], eo = { class: "ml-auto" }, to = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, Fr = {
   __name: "SparkDefaultContainer",
   props: {
     appStore: {
@@ -1788,113 +2060,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 = $e(), n = te(), o = Ee(), i = Re(), r = C(() => i.getAppIcon(t.appStore.state.app)), c = C(() => n.meta.hideBrandSelector === !0 ? !1 : t.appStore.state.showBrandSelector), p = () => {
+      const w = {};
+      l["app-selector-bottom"] ? w.bottomSlot = () => me("div", {}, l["app-selector-bottom"]()) : t.appSelectorSlots.bottomSlot && (w.bottomSlot = t.appSelectorSlots.bottomSlot), l["app-selector-footer"] ? w.footerSlot = () => me("div", {}, l["app-selector-footer"]()) : t.appSelectorSlots.footerSlot && (w.footerSlot = t.appSelectorSlots.footerSlot), X.showRight(ns, w, {
+        select: (m) => {
+          X.closeRight();
         }
       });
-    }, d = () => {
-      Z.showLeft(
-        ps,
+    }, u = () => {
+      X.showLeft(
+        ws,
         {},
         {
-          select: (p) => {
-            n.toggleBrand(p), Z.closeLeft();
+          select: (w) => {
+            o.toggleBrand(w), X.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"])
+    }, h = C(() => t.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [t.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), _ = C(() => t.mainNavStore.state.hidden ? ["pl-2.5"] : [t.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
+    return (w, m) => {
+      const x = B("font-awesome-icon"), P = B("router-view");
+      return f(), g(z, null, [
+        d("div", {
+          class: T([h.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", Aa, [
+            d("nav", ja, [
+              d("ul", Oa, [
+                d("li", za, [
+                  d("ul", Ia, [
+                    d("li", Na, [
+                      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] = G((k) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
                       }, [
-                        v(b, {
-                          icon: y(H)[i.value],
+                        v(x, {
+                          icon: y(E)[r.value],
                           class: "size-5"
                         }, null, 8, ["icon"])
                       ]),
-                      e.mainNavStore.state.collapsed ? x("", !0) : (f(), g("a", {
+                      e.mainNavStore.state.collapsed ? $("", !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] = G((k) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"])),
                         class: "font-medium text-gray-800 ml-[10px] cursor-pointer"
-                      }, S(e.appStore.state.app), 1))
+                      }, H(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(z, null, q(e.mainNavStore.state.menu, (k) => (f(), g("li", {
+                      key: k.name,
+                      class: T({
+                        "mt-[10px]": k.children,
+                        "mt-auto": k.footerSection
                       })
                     }, [
-                      c("a", {
-                        class: _([{
-                          "bg-gray-100": C.current,
-                          "hover:bg-gray-100": C?.href
+                      d("a", {
+                        class: T([{
+                          "bg-gray-100": k.current,
+                          "hover:bg-gray-100": k?.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: k?.href,
+                        onClick: G((b) => e.mainNavStore.goto(k.href), ["prevent"])
                       }, [
-                        C.icon ? (f(), V(b, {
+                        k.icon ? (f(), F(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: y(E)[k.icon],
+                          class: T([[(k.current, "text-gray-400")], "size-4"])
+                        }, null, 8, ["icon", "class"])) : $("", !0),
+                        e.mainNavStore.state.collapsed ? k?.children ? (f(), g("div", qa, [...m[6] || (m[6] = [
+                          d("div", { class: "w-[10px] h-px bg-gray-400" }, null, -1)
+                        ])])) : $("", !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: T({
+                            "text-[11px]": k?.children,
+                            "text-[13px]": !k?.children,
+                            "font-semibold": k?.children,
+                            "text-gray-500": k?.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
+                        }, H(k.name), 3))
+                      ], 10, Da),
+                      k.children ? (f(), g("ul", Za, [
+                        (f(!0), g(z, null, q(k.children, (b) => (f(), g("li", {
+                          key: b.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: T([[b.current ? "bg-gray-100" : "", "hover:bg-gray-100"], "h-[37px] sgroup flex items-center gap-x-2 rounded-md p-3 text-gray-800 leading-5 transition-all duration-300 ease-in-out"]),
+                            href: b.href,
+                            onClick: G((S) => e.mainNavStore.goto(b.href), ["prevent"])
                           }, [
-                            R.icon ? (f(), V(b, {
+                            b.icon ? (f(), F(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: y(E)[b.icon],
+                              class: T([[(b.current, "text-gray-400")], "size-4"])
+                            }, null, 8, ["icon", "class"])) : $("", !0),
+                            e.mainNavStore.state.collapsed ? $("", !0) : (f(), g("span", Ua, H(b.name), 1))
+                          ], 10, Ka)
                         ]))), 128))
-                      ])) : x("", !0)
+                      ])) : $("", !0)
                     ], 2))), 128))
                   ])
                 ]),
-                c("li", Ba, [
-                  T(p.$slots, "sidebar-footer"),
-                  c("a", {
+                d("li", Ga, [
+                  M(w.$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] = G((k) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
                   }, [
-                    v(b, {
-                      icon: y(H)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
+                    v(x, {
+                      icon: y(E)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
                       class: "class-5"
                     }, null, 8, ["icon"])
                   ])
@@ -1903,109 +2175,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: T([_.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", Wa, [
+            d("div", Ya, [
+              d("div", Xa, [
+                M(w.$slots, "header-left", {}, () => [
+                  d("div", Ja, [
+                    v(x, {
+                      icon: y(E).farBarsSort,
                       class: "size-5",
-                      onClick: h[3] || (h[3] = (C) => e.mainNavStore.toggleHidden())
+                      onClick: m[3] || (m[3] = (k) => e.mainNavStore.toggleHidden())
                     }, null, 8, ["icon"])
                   ])
                 ]),
-                T(p.$slots, "header-center", {}, () => [
-                  e.appStore.state.showBrandSelector ? (f(), g("div", {
+                M(w.$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", {
+                    y(o).currentBrand ? (f(), g("img", {
                       key: 0,
-                      src: y(n).currentBrand.logo,
+                      src: y(o).currentBrand.logo,
                       alt: "",
                       class: "h-[30px] w-auto"
-                    }, null, 8, za)) : x("", !0)
-                  ])) : x("", !0)
+                    }, null, 8, Qa)) : $("", !0)
+                  ])) : $("", !0)
                 ]),
-                c("div", ja, [
-                  T(p.$slots, "header-right", {}, () => [
+                d("div", eo, [
+                  M(w.$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: y(E).farGripDotsVertical,
                         class: "size-4 text-gray-400"
                       }, null, 8, ["icon"])
-                    ])) : x("", !0)
+                    ])) : $("", !0)
                   ])
                 ])
               ])
             ])
           ]),
-          c("main", Ia, [
-            v(N)
+          d("main", to, [
+            v(P)
           ])
         ], 2),
-        v(y(ce), {
+        v(y(he), {
           position: "left",
-          "overlay-instance": y(Z).left,
-          onClose: h[4] || (h[4] = (C) => a("overlayClose", "left"))
+          "overlay-instance": y(X).left,
+          onClose: m[4] || (m[4] = (k) => a("overlayClose", "left"))
         }, null, 8, ["overlay-instance"]),
-        v(y(ce), {
+        v(y(he), {
           position: "right",
-          "overlay-instance": y(Z).right,
-          onClose: h[5] || (h[5] = (C) => a("overlayClose", "right"))
+          "overlay-instance": y(X).right,
+          onClose: m[5] || (m[5] = (k) => a("overlayClose", "right"))
         }, null, 8, ["overlay-instance"]),
-        v(y(ks))
+        v(y(Es))
       ], 64);
     };
   }
-}, Oa = {}, Na = { class: "h-full" };
-function Da(e, s) {
-  const t = L("router-view");
-  return f(), g("main", Na, [
+}, so = {}, ao = { class: "h-full" };
+function oo(e, s) {
+  const t = B("router-view");
+  return f(), g("main", ao, [
     v(t)
   ]);
 }
-const wr = /* @__PURE__ */ O(Oa, [["render", Da]]), Za = (e) => {
+const Ar = /* @__PURE__ */ W(so, [["render", oo]]), ro = (e) => {
   const s = document.cookie.match(new RegExp(`(^| )${e}=([^;]+)`));
   return s ? s[2] : null;
-}, qa = (e, s, t = {}) => {
+}, no = (e, s, t = {}) => {
   const {
     maxAge: a = 31536e3,
     // 365 days in seconds
-    domain: l = He(),
+    domain: l = Me(),
     secure: n = !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;
+}, lo = (e, s = {}) => {
+  const { domain: t = Me(), path: a = "/" } = s;
   let l = `${e}=; max-age=0; path=${a}`;
   t && (l += `; domain=${t}`), document.cookie = l;
-}, He = () => {
+}, Me = () => {
   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);
+}, Fe = [];
+function io(e) {
+  Fe.push(e);
 }
-function Ua() {
-  Te.forEach((e) => e());
+function co() {
+  Fe.forEach((e) => e());
 }
-function Cr(e) {
+function jr(e) {
   let s = !1;
-  return Ka(() => {
+  return io(() => {
     s = !1;
   }), {
     bootstrapApp: async () => {
@@ -2018,8 +2290,8 @@ function Cr(e) {
     }
   };
 }
-const re = "bolt-next-token", M = X("auth", () => {
-  const e = z({
+const de = "bolt-next-token", I = re("auth", () => {
+  const e = Z({
     user: null,
     token: null,
     ready: !1,
@@ -2051,18 +2323,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) => {
+    no(de, 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;
+    lo(de), e.token = null;
+  }, l = () => ro(de), n = async (c) => {
+    const p = await ee.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 ee.post(
         e.endpoints.logout,
         {},
         {
@@ -2071,28 +2343,28 @@ 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, co();
     }
   }, 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 ee.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);
+  }, r = C(() => e.overrideToken ? !0 : !!e.token && !!e.user);
   return {
     state: e,
     initialize: s,
@@ -2104,17 +2376,17 @@ const re = "bolt-next-token", M = X("auth", () => {
     clearTokenCookie: a,
     getTokenCookie: l
   };
-}), Wa = { class: "h-full grid place-content-center relative" }, Ya = { class: "absolute top-8 left-8" }, Xa = ["src"], Ja = {
+}), uo = { class: "h-full grid place-content-center relative" }, po = { class: "absolute top-8 left-8" }, fo = ["src"], mo = {
   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 = {
+}, go = { class: "max-w-sm grid gap-y-1 -mt-8" }, ho = { class: "mb-7" }, yo = { class: "text-gray-600" }, bo = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, vo = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, oo = { key: 0 }, ro = { key: 1 }, no = {
+}, xo = { key: 0 }, ko = { key: 1 }, wo = {
   __name: "SparkLoginView",
   props: {
     logo: {
@@ -2131,64 +2403,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 = K(), t = te(), a = Be(), l = I(), n = e, o = R(!1), i = R(""), r = 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.";
+      } 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, [
+    return (c, p) => {
+      const u = B("FormKit"), h = B("router-link");
+      return f(), g("div", uo, [
+        d("div", po, [
           n.logo ? (f(), g("img", {
             key: 0,
             src: n.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Xa)) : (f(), g("svg", Ja, [...m[0] || (m[0] = [
-            c("path", {
+          }, null, 8, fo)) : (f(), g("svg", mo, [...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", go, [
+          d("div", ho, [
+            p[1] || (p[1] = d("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Log in", -1)),
+            d("p", yo, " Welcome back" + H(y(a).state.app ? ` to ${y(a).state.app}` : "") + "! Please enter your details. ", 1)
           ]),
           v(u, {
             type: "form",
             onSubmit: r,
             actions: !1
           }, {
-            default: w(() => [
+            default: L(() => [
               v(u, {
                 label: "Email",
                 name: "email",
@@ -2207,27 +2479,27 @@ const re = "bolt-next-token", M = X("auth", () => {
                 "outer-class": "max-w-full",
                 value: y(l).state.devCredentials.password
               }, null, 8, ["value"]),
-              c("div", so, [
-                m[3] || (m[3] = c("span", null, null, -1)),
-                v(p, {
+              d("div", bo, [
+                p[3] || (p[3] = d("span", null, null, -1)),
+                v(h, {
                   to: n.forgotPasswordRoute,
                   class: "text-sm text-primary-600 font-semibold"
                 }, {
-                  default: w(() => [...m[2] || (m[2] = [
-                    P(" Forgot password ", -1)
+                  default: L(() => [...p[2] || (p[2] = [
+                    A(" 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", vo, H(i.value), 1)) : $("", !0),
+              v(y(N), {
                 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: L(() => [
+                  o.value ? (f(), g("span", ko, "Signing in...")) : (f(), g("span", xo, "Sign in"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -2238,7 +2510,7 @@ const re = "bolt-next-token", M = X("auth", () => {
       ]);
     };
   }
-}, lo = {
+}, _o = {
   __name: "SparkLogoutView",
   props: {
     defaultRedirect: {
@@ -2247,27 +2519,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 = K(), t = te(), a = I(), l = e;
+    return pe(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;
   }
-}, io = { class: "h-full grid place-content-center relative" }, co = { class: "absolute top-8 left-8" }, uo = ["src"], po = {
+}, Co = { class: "h-full grid place-content-center relative" }, So = { class: "absolute top-8 left-8" }, $o = ["src"], To = {
   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 = {
+}, Lo = { class: "max-w-sm grid gap-y-1 -mt-8" }, Ho = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, go = {
+}, Po = {
   key: 1,
   class: "text-green-600 text-sm mb-2"
-}, ho = { key: 0 }, yo = { key: 1 }, vo = {
+}, Vo = { key: 0 }, Ro = { key: 1 }, Bo = {
   __name: "SparkForgotPasswordView",
   props: {
     logo: {
@@ -2280,10 +2552,10 @@ const re = "bolt-next-token", M = X("auth", () => {
     }
   },
   setup(e) {
-    const s = M(), t = e, a = $(!1), l = $(""), n = $(""), o = async ({ email: i }) => {
+    const s = I(), t = e, a = R(!1), l = R(""), n = R(""), o = async ({ email: i }) => {
       a.value = !0, l.value = "", n.value = "";
       try {
-        await K.post(s.state.endpoints.passwordEmail, { email: i }), n.value = "Password reset link sent! Check your email.";
+        await ee.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.";
       } finally {
@@ -2291,45 +2563,45 @@ const re = "bolt-next-token", M = X("auth", () => {
       }
     };
     return (i, r) => {
-      const d = L("FormKit"), m = L("router-link");
-      return f(), g("div", io, [
-        c("div", co, [
+      const c = B("FormKit"), p = B("router-link");
+      return f(), g("div", Co, [
+        d("div", So, [
           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, $o)) : (f(), g("svg", To, [...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", 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", Lo, [
+          r[2] || (r[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: L(() => [
+              v(c, {
                 label: "Email",
                 name: "email",
                 placeholder: "Enter your email",
@@ -2337,25 +2609,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", Ho, H(l.value), 1)) : $("", !0),
+              n.value ? (f(), g("div", Po, H(n.value), 1)) : $("", !0),
+              v(y(N), {
                 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: L(() => [
+                  a.value ? (f(), g("span", Ro, "Sending...")) : (f(), g("span", Vo, "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: L(() => [...r[1] || (r[1] = [
+                  A(" Back to login ", -1)
                 ])]),
                 _: 1
               }, 8, ["to"])
@@ -2366,17 +2638,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 = {
+}, Eo = { class: "h-full grid place-content-center relative" }, Mo = { class: "absolute top-8 left-8" }, Fo = ["src"], Ao = {
   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 = {
+}, jo = { class: "max-w-sm grid gap-y-1 -mt-8" }, Oo = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, So = { key: 0 }, $o = { key: 1 }, Lo = {
+}, zo = { key: 0 }, Io = { key: 1 }, No = {
   __name: "SparkResetPasswordView",
   props: {
     logo: {
@@ -2389,61 +2661,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 }) => {
+    const s = K(), t = te(), a = I(), l = e, n = R(!1), o = R(""), i = async ({ password: r, password_confirmation: c }) => {
       n.value = !0, o.value = "";
       try {
-        await K.post(a.state.endpoints.passwordReset, {
+        await ee.post(a.state.endpoints.passwordReset, {
           email: t.query.email,
           token: t.query.token,
           password: r,
-          password_confirmation: d
+          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;
       }
     };
-    return (r, d) => {
-      const m = L("FormKit");
-      return f(), g("div", bo, [
-        c("div", xo, [
+    return (r, c) => {
+      const p = B("FormKit");
+      return f(), g("div", Eo, [
+        d("div", Mo, [
           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, Fo)) : (f(), g("svg", Ao, [...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", jo, [
+          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: L(() => [
+              v(p, {
                 label: "New Password",
                 name: "password",
                 placeholder: "••••••••",
@@ -2451,7 +2723,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 +2731,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", Oo, H(o.value), 1)) : $("", !0),
+              v(y(N), {
                 type: "submit",
                 size: "xl",
                 disabled: n.value,
                 "button-class": "w-full mb-2"
               }, {
-                default: w(() => [
-                  n.value ? (f(), g("span", $o, "Resetting...")) : (f(), g("span", So, "Reset password"))
+                default: L(() => [
+                  n.value ? (f(), g("span", Io, "Resetting...")) : (f(), g("span", zo, "Reset password"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -2478,14 +2750,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 = {
+}, Do = { class: "h-full grid place-content-center relative" }, qo = { class: "absolute top-8 left-8" }, Zo = ["src"], Ko = {
   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 = {
+}, Uo = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Go = { class: "flex gap-4 justify-center" }, Wo = {
   __name: "SparkError403View",
   props: {
     logo: {
@@ -2498,52 +2770,52 @@ const re = "bolt-next-token", M = X("auth", () => {
     }
   },
   setup(e) {
-    const s = I(), t = e, a = () => {
+    const s = K(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (f(), g("div", Ho, [
-      c("div", To, [
+    return (l, n) => (f(), g("div", Do, [
+      d("div", qo, [
         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", Ko, [...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", 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", Uo, [
+        n[2] || (n[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" }, [
+            A(" You don't have permission to access this resource."),
+            d("br"),
+            A(" If you believe this is an error, please contact your administrator. ")
           ])
         ], -1)),
-        c("div", Bo, [
-          v(y(F), {
+        d("div", Go, [
+          v(y(N), {
             onClick: a,
             size: "lg"
           }, {
-            default: w(() => [...n[1] || (n[1] = [
-              P(" Go to Home ", -1)
+            default: L(() => [...n[1] || (n[1] = [
+              A(" Go to Home ", -1)
             ])]),
             _: 1
           })
@@ -2551,14 +2823,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 = {
+}, Yo = { class: "h-full grid place-content-center relative" }, Xo = { class: "absolute top-8 left-8" }, Jo = ["src"], Qo = {
   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 = {
+}, er = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, tr = { class: "flex gap-4 justify-center" }, sr = {
   __name: "SparkError404View",
   props: {
     logo: {
@@ -2571,48 +2843,48 @@ const re = "bolt-next-token", M = X("auth", () => {
     }
   },
   setup(e) {
-    const s = I(), t = e, a = () => {
+    const s = K(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (f(), g("div", Fo, [
-      c("div", Ao, [
+    return (l, n) => (f(), g("div", Yo, [
+      d("div", Xo, [
         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, Jo)) : (f(), g("svg", Qo, [...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", 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", er, [
+        n[2] || (n[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", tr, [
+          v(y(N), {
             onClick: a,
             size: "lg"
           }, {
-            default: w(() => [...n[1] || (n[1] = [
-              P(" Go to Home ", -1)
+            default: L(() => [...n[1] || (n[1] = [
+              A(" Go to Home ", -1)
             ])]),
             _: 1
           })
@@ -2620,14 +2892,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 = {
+}, ar = { class: "h-full grid place-content-center relative" }, or = { class: "absolute top-8 left-8" }, rr = ["src"], nr = {
   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 = {
+}, lr = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, ir = { class: "text-primary-600 text-7xl font-bold mb-4" }, cr = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, dr = { class: "text-gray-600" }, ur = { class: "flex gap-4 justify-center" }, Or = {
   __name: "SparkErrorGeneralView",
   props: {
     logo: {
@@ -2652,48 +2924,48 @@ const re = "bolt-next-token", M = X("auth", () => {
     }
   },
   setup(e) {
-    const s = I(), t = e, a = () => {
+    const s = K(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (f(), g("div", No, [
-      c("div", Do, [
+    return (l, n) => (f(), g("div", ar, [
+      d("div", or, [
         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, rr)) : (f(), g("svg", nr, [...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", 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", lr, [
+        d("div", null, [
+          d("div", ir, H(t.errorCode || "Error"), 1),
+          d("h1", cr, H(t.title || "Something went wrong"), 1),
+          d("p", dr, H(t.message || "An unexpected error occurred. Please try again later."), 1)
         ]),
-        c("div", Yo, [
-          v(y(F), {
+        d("div", ur, [
+          v(y(N), {
             onClick: a,
             size: "lg"
           }, {
-            default: w(() => [...n[1] || (n[1] = [
-              P(" Go to Home ", -1)
+            default: L(() => [...n[1] || (n[1] = [
+              A(" Go to Home ", -1)
             ])]),
             _: 1
           })
@@ -2702,7 +2974,7 @@ const re = "bolt-next-token", M = X("auth", () => {
     ]));
   }
 };
-function $r(e = {}) {
+function zr(e = {}) {
   const {
     loginPath: s = "/login",
     logoutPath: t = "/logout",
@@ -2715,41 +2987,41 @@ function $r(e = {}) {
     {
       path: s,
       name: "login",
-      component: no,
+      component: wo,
       props: { logo: n, defaultRedirect: o },
       meta: { auth: !1 }
     },
     {
       path: t,
       name: "logout",
-      component: lo,
+      component: _o,
       props: { defaultRedirect: s },
       meta: { auth: !1 }
     },
     {
       path: a,
       name: "forgot-password",
-      component: vo,
+      component: Bo,
       props: { logo: n, loginRoute: s },
       meta: { auth: !1 }
     },
     {
       path: l,
       name: "password-reset",
-      component: Lo,
+      component: No,
       props: { logo: n, loginRoute: s },
       meta: { auth: !1 }
     }
   ];
 }
-function Lr(e, s = {}) {
+function Ir(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);
+    const o = I();
+    o.state.ready || await o.fetchUser(), pr(a, n, o, t);
   });
 }
-function Xo(e, s, t, a) {
+function pr(e, s, t, a) {
   const l = e.meta.auth !== !1, n = t.check;
   if (t.state.overrideToken && e.path === "/logout") {
     s({ path: a });
@@ -2787,7 +3059,7 @@ function Xo(e, s, t, a) {
     s();
   }
 }
-function Hr(e = {}) {
+function Nr(e = {}) {
   const {
     forbiddenPath: s = "/error/403",
     logo: t = "",
@@ -2796,12 +3068,12 @@ function Hr(e = {}) {
   return {
     path: s,
     name: "error-403",
-    component: Mo,
+    component: Wo,
     props: { logo: t, homeRoute: a },
     meta: { auth: !1 }
   };
 }
-function Tr(e = {}) {
+function Dr(e = {}) {
   const {
     logo: s = "",
     homeRoute: t = "/dashboard"
@@ -2809,21 +3081,21 @@ function Tr(e = {}) {
   return {
     path: "/:pathMatch(.*)*",
     name: "error-404",
-    component: Oo,
+    component: sr,
     props: { logo: s, homeRoute: t },
     meta: { auth: !1 }
   };
 }
-function Vr(e, s) {
+function qr(e, s) {
   e.beforeResolve(async (t) => {
     if (t.meta.auth !== !1) {
-      const a = M();
+      const a = I();
       a.state.ready && a.check && await s();
     }
   });
 }
-function Jo(e = {}) {
-  const s = K.create({
+function fr(e = {}) {
+  const s = ee.create({
     baseURL: e.baseURL || "",
     timeout: e.timeout || 3e4,
     headers: {
@@ -2834,7 +3106,7 @@ function Jo(e = {}) {
   return s.interceptors.request.use(
     (t) => {
       try {
-        const a = M();
+        const a = I();
         a.state.overrideToken ? t.headers.Authorization = `Bearer ${a.state.overrideToken}` : a.state.token && (t.headers.Authorization = `Bearer ${a.state.token}`);
       } catch {
       }
@@ -2846,14 +3118,14 @@ function Jo(e = {}) {
     async (t) => {
       if (t.response?.status === 401)
         try {
-          const a = M();
+          const a = I();
           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 = I();
           window.location.href = a.state.routes.forbidden;
         } catch (a) {
           console.error("Error during 403 redirect:", a), window.location.href = "/error/403";
@@ -2862,56 +3134,56 @@ 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 Q = null;
+function Zr(e, s = {}) {
+  return Q = fr(s), e.provide("axios", Q), e.config.globalProperties.$axios = Q, Q;
 }
-function Rr() {
-  if (!G)
+function Kr() {
+  if (!Q)
     throw new Error("Axios instance not initialized. Call setupAxios() first.");
-  return G;
+  return Q;
 }
-const Br = X("sparkNav", () => {
-  const e = z({
+const Ur = re("sparkNav", () => {
+  const e = Z({
     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 = K(), t = te(), a = (c = []) => {
+    e.menu = c, r();
+  }, 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 h = l(u.children, p);
+        if (h) return h;
       }
     }
     return null;
-  }, n = async (d) => {
-    if (d) {
-      const m = l(e.menu, d);
-      if (m && typeof m.action == "function") {
-        m.action();
+  }, n = 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);
+    const c = t.name || t.path.replace("/", "");
+    if (c) {
+      const p = (u) => {
+        u.forEach((h) => {
+          h.current = h.href === c, h.children && p(h.children);
         });
       };
-      m(e.menu);
+      p(e.menu);
     }
   };
-  return E(
+  return j(
     () => t.path,
     () => {
       r();
@@ -2927,58 +3199,59 @@ const Br = X("sparkNav", () => {
   };
 });
 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
+  E as Icons,
+  Br as SparkAlert,
+  ns as SparkAppSelector,
+  ws as SparkBrandSelector,
+  N as SparkButton,
+  Cs as SparkButtonGroup,
+  Er as SparkCard,
+  Fr as SparkDefaultContainer,
+  Wo as SparkError403View,
+  sr as SparkError404View,
+  Or as SparkErrorGeneralView,
+  Bo as SparkForgotPasswordView,
+  wo as SparkLoginView,
+  _o as SparkLogoutView,
+  Es as SparkModalContainer,
+  Ps as SparkModalDialog,
+  he as SparkOverlay,
+  Ar as SparkPublicContainer,
+  No as SparkResetPasswordView,
+  Mr as SparkTable,
+  Ta as SparkTableDatePicker,
+  Ca as SparkTableFilterButtons,
+  xa as SparkTableFilterSelect,
+  ua as SparkTablePaginationPaging,
+  ma as SparkTablePaginationPerPage,
+  Va as SparkTableReset,
+  ya as SparkTableSearch,
+  xe as SparkTableToolbar,
+  Vr as addIcons,
+  Nr as create403Route,
+  Dr as create404Route,
+  zr as createAuthRoutes,
+  fr as createAxiosInstance,
+  jr as createBootstrapService,
+  zs as customiseHeader,
+  lo as deleteCookie,
+  Kr as getAxiosInstance,
+  ro as getCookie,
+  Me as getDomain,
+  Fs as renderHeaderTitle,
+  no as setCookie,
+  Ir as setupAuthGuards,
+  Zr as setupAxios,
+  qr as setupBootstrapGuard,
+  Rr as setupFontAwesome,
+  J as sparkModalService,
+  X as sparkOverlayService,
+  Js as updateRow,
+  Re as useSparkAppSelectorStore,
+  Be as useSparkAppStore,
+  I as useSparkAuthStore,
+  Ee as useSparkBrandFilterStore,
+  Ur as useSparkNavStore,
+  we as useSparkOverlay,
+  Qs as useSparkTableRouteSync
 };