@wishbone-media/spark 0.19.0 → 0.20.0

package/dist/index.js

@@ -1,85 +1,85 @@
-import { computed as S, resolveComponent as R, createElementBlock as g, openBlock as f, normalizeClass as $, createElementVNode as d, createVNode as v, unref as b, renderSlot as M, reactive as D, Fragment as j, renderList as N, createCommentVNode as C, toDisplayString as L, createBlock as E, resolveDynamicComponent as te, ref as V, inject as ke, provide as Ee, markRaw as _e, withCtx as T, mergeProps as se, toHandlers as we, createTextVNode as F, watch as A, onMounted as ue, withModifiers as K, useSlots as Se, onUnmounted as Fe, h as fe } from "vue";
-import { library as Ce, icon as re } from "@fortawesome/fontawesome-svg-core";
-import { FontAwesomeIcon as Ae } from "@fortawesome/vue-fontawesome";
-import { faCloudDownload as je, faBolt as Oe, faUndo as ze, faEye as Ie, faSignOut as Ne, faXmark as De, faTrash as qe, faTimes as Ze, faStreetView as Ke, faSortUp as Ue, faSortDown as Ge, faSort as We, faScaleBalanced as Ye, faSatelliteDish as Xe, faLayerPlus as Je, faLaptopMobile as Qe, faInfoCircle as et, faGripDotsVertical as tt, faGearComplex as st, faFlag as at, faFaceSmileWink as ot, faFaceSmileRelaxed as rt, faExclamationTriangle as nt, faEllipsisVertical as lt, faEllipsis as it, faEdit as ct, faComments as dt, faCircleXmark as ut, faCircleUser as pt, faChevronUp as ft, faChevronRight as mt, faChevronLeft as gt, faChevronDown as ht, faCheckCircle as yt, faCheck as bt, faBullhorn as vt, faBellRing as xt, faBarsSort as kt, faArrowRightToLine as _t, faArrowLeftToLine as wt } from "@fortawesome/pro-regular-svg-icons";
-import { defineStore as ae } from "pinia";
-import { TransitionRoot as $e, Dialog as Te, TransitionChild as ne, DialogPanel as Le } from "@headlessui/vue";
-import le from "nprogress";
-import { range as St, get as I, find as Ct, has as $t } from "lodash";
-import { HotTable as Tt } from "@handsontable/vue3";
+import { 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 oe, AutoColumnSize as Lt, CopyPaste as Ht, StretchColumns as Pt, NestedHeaders as Vt } from "handsontable/plugins";
-import { registerAllCellTypes as Rt } from "handsontable/cellTypes";
-import { useDebounceFn as He, watchDebounced as me } from "@vueuse/core";
-import { registerRenderer as Bt, baseRenderer as Mt } from "handsontable/renderers";
-import { useRouter as q, useRoute as Q } from "vue-router";
-import J from "axios";
-var Et = {
+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"]]
-}, Ft = {
+}, 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"]]
-}, At = {
+}, 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 B = {
-  farArrowLeftToLine: wt,
-  farArrowRightToLine: _t,
-  farBarsSort: kt,
-  farBellRing: xt,
-  farBullhorn: vt,
-  farCheck: bt,
-  farCheckCircle: yt,
-  farChevronDown: ht,
-  farChevronLeft: gt,
-  farChevronRight: mt,
-  farChevronUp: ft,
-  farCircleUser: pt,
-  farCircleXmark: ut,
-  farComments: dt,
-  farEdit: ct,
-  farEllipsis: it,
-  farEllipsisVertical: lt,
-  farExclamationTriangle: nt,
-  farFaceSmileRelaxed: rt,
-  farFaceSmileWink: ot,
-  farFlag: at,
-  farGearComplex: st,
-  farGripDotsVertical: tt,
-  farInfoCircle: et,
-  farLaptopMobile: Qe,
-  farLayerPlus: Je,
-  farSatelliteDish: Xe,
-  farScaleBalanced: Ye,
-  farSort: We,
-  farSortDown: Ge,
-  farSortUp: Ue,
-  farStreetView: Ke,
-  farTimes: Ze,
-  farTrash: qe,
-  farXmark: De,
-  farSignOut: Ne,
-  farEye: Ie,
-  farUndo: ze,
-  farBolt: Oe,
-  farCloudDownload: je,
-  fadSort: Ft,
-  fadSortDown: At,
-  fadSortUp: Et
+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 $r(e) {
-  Object.assign(B, e), Ce.add(...Object.values(e));
+function Vr(e) {
+  Object.assign(E, e), Te.add(...Object.values(e));
 }
-function Tr(e) {
-  Ce.add(...Object.values(B)), e.component("FontAwesomeIcon", Ae);
+function Rr(e) {
+  Te.add(...Object.values(E)), e.component("FontAwesomeIcon", Oe);
 }
-const jt = { class: "flex items-center" }, Ot = { class: "shrink-0 self-start" }, zt = { class: "ml-3" }, It = { class: "ml-auto pl-3 pt-1 self-start" }, Nt = { class: "-mx-1.5 -my-1.5" }, Lr = {
+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: {
@@ -90,51 +90,51 @@ const jt = { class: "flex items-center" }, Ot = { class: "shrink-0 self-start" }
   },
   emits: ["close"],
   setup(e) {
-    const s = e, t = S(() => ({
+    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 = S(() => ({
+    })[s.type]), a = C(() => ({
       success: "text-green-400",
       warning: "text-yellow-400",
       danger: "text-red-400",
       info: "text-blue-400"
-    })[s.type]), l = S(() => ({
+    })[s.type]), l = C(() => ({
       success: "farCheckCircle",
       warning: "farExclamationTriangle",
       danger: "farCircleXmark",
       info: "farInfoCircle"
-    })[s.type]), r = S(() => ({
+    })[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 n = R("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])
       }, [
-        d("div", jt, [
-          d("div", Ot, [
-            v(n, {
-              icon: b(B)[l.value],
-              class: $(a.value)
+        d("div", zt, [
+          d("div", It, [
+            v(r, {
+              icon: y(E)[l.value],
+              class: T(a.value)
             }, null, 8, ["icon", "class"])
           ]),
-          d("div", zt, [
+          d("div", Nt, [
             M(o.$slots, "default")
           ]),
-          d("div", It, [
-            d("div", Nt, [
+          d("div", Dt, [
+            d("div", qt, [
               d("button", {
                 type: "button",
-                class: $(["inline-flex rounded-md px-2 py-1.5", r.value]),
+                class: T(["inline-flex rounded-md px-2 py-1.5", n.value]),
                 onClick: i[0] || (i[0] = (c) => o.$emit("close"))
               }, [
-                v(n, {
-                  icon: b(B).farXmark
+                v(r, {
+                  icon: y(E).farXmark
                 }, null, 8, ["icon"])
               ], 2)
             ])
@@ -143,7 +143,7 @@ const jt = { class: "flex items-center" }, Ot = { class: "shrink-0 self-start" }
       ], 2);
     };
   }
-}, ie = [
+}, ce = [
   {
     name: "Bolt",
     description: "Job management",
@@ -192,14 +192,14 @@ const jt = { class: "flex items-center" }, Ot = { class: "shrink-0 self-start" }
     href: "https://tabula.letsbolt.io",
     icon: "farCompass"
   }
-], Pe = ae("sparkAppSelector", () => {
-  const e = D({
-    apps: [...ie]
-  }), s = (r = {}) => {
-    if (r.apps && Array.isArray(r.apps)) {
-      const o = r.apps.filter((i) => {
-        const n = i.name && i.description && i.icon && i.href;
-        return n || console.warn("useSparkAppSelectorStore: Invalid app object", i), n;
+], Re = re("sparkAppSelector", () => {
+  const e = Z({
+    apps: [...ce]
+  }), s = (n = {}) => {
+    if (n.apps && Array.isArray(n.apps)) {
+      const o = n.apps.filter((i) => {
+        const r = i.name && i.description && i.icon && i.href;
+        return r || console.warn("useSparkAppSelectorStore: Invalid app object", i), r;
       });
       e.apps = o.map((i) => ({
         name: i.name,
@@ -209,23 +209,23 @@ const jt = { class: "flex items-center" }, Ot = { class: "shrink-0 self-start" }
       }));
       return;
     }
-    if (r.appHrefs && typeof r.appHrefs == "object") {
+    if (n.appHrefs && typeof n.appHrefs == "object") {
       const o = /* @__PURE__ */ new Map();
-      Object.keys(r.appHrefs).forEach((i) => {
-        o.set(i.toLowerCase(), r.appHrefs[i]);
-      }), e.apps = ie.map((i) => {
-        const n = o.get(i.name.toLowerCase());
+      Object.keys(n.appHrefs).forEach((i) => {
+        o.set(i.toLowerCase(), n.appHrefs[i]);
+      }), e.apps = ce.map((i) => {
+        const r = o.get(i.name.toLowerCase());
         return {
           ...i,
-          href: n || i.href
+          href: r || i.href
         };
       });
       return;
     }
-    e.apps = [...ie];
-  }, t = S(() => e.apps), a = (r) => {
-    if (!r) return null;
-    const o = r.toLowerCase();
+    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;
   };
   return {
@@ -233,13 +233,13 @@ const jt = { class: "flex items-center" }, Ot = { class: "shrink-0 self-start" }
     initialize: s,
     allApps: t,
     getAppByName: a,
-    getAppIcon: (r) => {
-      const o = a(r);
+    getAppIcon: (n) => {
+      const o = a(n);
       return o ? o.icon : "";
     }
   };
-}), Ve = ae("sparkApp", () => {
-  const e = D({
+}), Be = re("sparkApp", () => {
+  const e = Z({
     app: "",
     homeRoute: "dashboard",
     showBrandSelector: !0,
@@ -251,16 +251,16 @@ const jt = { class: "flex items-center" }, Ot = { class: "shrink-0 self-start" }
       e.app = t.app || "", e.homeRoute = t.homeRoute ?? "dashboard", e.showBrandSelector = t.showBrandSelector ?? !0, e.showAppSelector = t.showAppSelector ?? !0;
     }
   };
-}), Dt = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, qt = { class: "flex flex-1 flex-col" }, Zt = { class: "divide-y divide-gray-200" }, Kt = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Ut = { class: "ml-auto flex items-center" }, Gt = ["href", "onClick"], Wt = { class: "gap-y-1" }, Yt = { class: "text-base text-gray-800 flex items-center" }, Xt = { class: "font-medium" }, Jt = {
+}), 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" }, es = { class: "ml-auto flex items-center" }, ts = { class: "mt-auto" }, ss = {
+}, ts = { class: "text-sm text-gray-500" }, ss = { class: "ml-auto flex items-center" }, as = { class: "mt-auto" }, os = {
   key: 0,
   class: "p-6"
-}, as = {
+}, rs = {
   key: 1,
   class: "bg-gray-50 p-6"
-}, os = {
+}, ns = {
   __name: "SparkAppSelector",
   props: {
     bottomSlot: {
@@ -274,104 +274,104 @@ const jt = { class: "flex items-center" }, Ot = { class: "shrink-0 self-start" }
   },
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, a = Pe(), l = Ve(), r = S(() => {
+    const t = s, a = Re(), l = Be(), n = C(() => {
       const i = l.state.app;
-      return a.state.apps.map((n) => ({
-        ...n,
-        current: i && n.name.toLowerCase() === i.toLowerCase()
+      return a.state.apps.map((r) => ({
+        ...r,
+        current: i && r.name.toLowerCase() === i.toLowerCase()
       }));
-    }), o = (i, n) => {
+    }), o = (i, r) => {
       t("select", i);
     };
-    return (i, n) => {
-      const c = R("font-awesome-icon");
-      return f(), g("div", Dt, [
-        d("div", qt, [
-          d("div", Zt, [
-            d("div", Kt, [
-              n[1] || (n[1] = d("div", null, "Mr Group Network", -1)),
-              d("div", Ut, [
+    return (i, r) => {
+      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: b(B).farTimes,
+                  icon: y(E).farTimes,
                   class: "h-[15px] w-[15px] shrink-0 text-gray-400 cursor-pointer",
-                  onClick: n[0] || (n[0] = (p) => t("close"))
+                  onClick: r[0] || (r[0] = (p) => t("close"))
                 }, null, 8, ["icon"])
               ])
             ]),
-            (f(!0), g(j, null, N(r.value, (p) => (f(), g("a", {
+            (f(!0), g(z, null, q(n.value, (p) => (f(), g("a", {
               key: p.name,
               href: p.href,
               target: "_blank",
-              class: $([p.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
+              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)
             }, [
-              d("div", Wt, [
-                d("div", Yt, [
-                  d("div", Xt, L(p.name), 1),
-                  p.current ? (f(), g("span", Jt, " Active ")) : C("", !0)
+              d("div", Xt, [
+                d("div", Jt, [
+                  d("div", Qt, H(p.name), 1),
+                  p.current ? (f(), g("span", es, " Active ")) : $("", !0)
                 ]),
-                d("div", Qt, L(p.description), 1)
+                d("div", ts, H(p.description), 1)
               ]),
-              d("div", es, [
+              d("div", ss, [
                 v(c, {
-                  class: $([p.current ? "text-gray-700" : "text-gray-400", "h-5 w-5 shrink-0"]),
-                  icon: b(B)[p.icon]
+                  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, Gt))), 128)),
-            n[2] || (n[2] = d("div", null, null, -1))
+            ], 10, Yt))), 128)),
+            r[2] || (r[2] = d("div", null, null, -1))
           ]),
-          d("div", ts, [
-            i.$slots.bottom || e.bottomSlot ? (f(), g("div", ss, [
+          d("div", as, [
+            i.$slots.bottom || e.bottomSlot ? (f(), g("div", os, [
               M(i.$slots, "bottom", {}, () => [
-                e.bottomSlot ? (f(), E(te(e.bottomSlot), { key: 0 })) : C("", !0)
+                e.bottomSlot ? (f(), F(ae(e.bottomSlot), { key: 0 })) : $("", !0)
               ])
-            ])) : C("", !0),
-            i.$slots.footer || e.footerSlot ? (f(), g("div", as, [
+            ])) : $("", !0),
+            i.$slots.footer || e.footerSlot ? (f(), g("div", rs, [
               M(i.$slots, "footer", {}, () => [
-                e.footerSlot ? (f(), E(te(e.footerSlot), { key: 0 })) : C("", !0)
+                e.footerSlot ? (f(), F(ae(e.footerSlot), { key: 0 })) : $("", !0)
               ])
-            ])) : C("", !0)
+            ])) : $("", !0)
           ])
         ])
       ]);
     };
   }
-}, Re = ae(
+}, Ee = re(
   "brandFilter",
   () => {
-    const e = D({
+    const e = Z({
       brands: []
-    }), s = (r = {}) => {
-      if (!r.brands || !Array.isArray(r.brands)) {
+    }), s = (n = {}) => {
+      if (!n.brands || !Array.isArray(n.brands)) {
         console.warn("useSparkBrandFilterStore: No brands provided to initialize()"), e.brands = [];
         return;
       }
-      const o = r.brands.filter((n) => {
-        const c = n.name && n.logo;
-        return c || console.warn("useSparkBrandFilterStore: Invalid brand object", n), c;
-      }), i = o.filter((n) => n.current);
-      i.length === 0 && o.length > 0 ? o[0].current = !0 : i.length > 1 && o.forEach((n) => {
-        n.current = n === i[0];
-      }), e.brands = o.map((n) => ({
-        id: n.id,
-        name: n.name,
-        logo: n.logo,
-        current: n.current || !1
+      const o = n.brands.filter((r) => {
+        const c = r.name && r.logo;
+        return c || console.warn("useSparkBrandFilterStore: Invalid brand object", r), c;
+      }), i = o.filter((r) => r.current);
+      i.length === 0 && o.length > 0 ? o[0].current = !0 : i.length > 1 && o.forEach((r) => {
+        r.current = r === i[0];
+      }), e.brands = o.map((r) => ({
+        id: r.id,
+        name: r.name,
+        logo: r.logo,
+        current: r.current || !1
       }));
-    }, t = S(() => e.brands.find((r) => r.current) || null), a = S(() => e.brands);
+    }, t = C(() => e.brands.find((n) => n.current) || null), a = C(() => e.brands);
     return {
       state: e,
       initialize: s,
       currentBrand: t,
       allBrands: a,
-      toggleBrand: (r) => {
-        if (!r || !e.brands.includes(r)) {
+      toggleBrand: (n) => {
+        if (!n || !e.brands.includes(n)) {
           console.warn("useSparkBrandFilterStore: Invalid brand provided to toggleBrand()");
           return;
         }
         e.brands.forEach((o) => {
-          o.current = o === r;
+          o.current = o === n;
         });
       }
     };
@@ -381,57 +381,57 @@ const jt = { class: "flex items-center" }, Ot = { class: "shrink-0 self-start" }
       paths: ["state.brands"]
     }
   }
-), rs = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, ns = { class: "flex flex-1 flex-col" }, ls = { class: "divide-y divide-gray-200" }, is = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, cs = { class: "ml-auto flex items-center" }, ds = {
+), 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"
-}, us = ["onClick"], ps = { class: "w-full gap-y-1 flex justify-between" }, fs = { class: "flex flex-col" }, ms = { class: "flex items-center" }, gs = { class: "font-medium text-base text-gray-900" }, hs = {
+}, 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-800 ml-1"
-}, ys = { class: "text-sm text-gray-500 font-normal" }, bs = { class: "flex items-center" }, vs = ["src", "alt"], xs = {
+}, 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 = Re(), l = (r) => {
-      t("select", r);
+    const t = s, a = Ee(), l = (n) => {
+      t("select", n);
     };
-    return (r, o) => {
-      const i = R("font-awesome-icon");
-      return f(), g("div", rs, [
-        d("div", ns, [
-          d("div", ls, [
-            d("div", is, [
+    return (n, o) => {
+      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", cs, [
+              d("div", us, [
                 v(i, {
-                  icon: b(B).farTimes,
+                  icon: y(E).farTimes,
                   class: "size-4 text-gray-400 cursor-pointer",
-                  onClick: o[0] || (o[0] = (n) => t("close"))
+                  onClick: o[0] || (o[0] = (r) => t("close"))
                 }, null, 8, ["icon"])
               ])
             ]),
-            b(a).allBrands.length === 0 ? (f(), g("div", ds, " No brands configured ")) : C("", !0),
-            (f(!0), g(j, null, N(b(a).allBrands, (n) => (f(), g("div", {
-              key: n.id,
-              class: $([n.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
-              onClick: (c) => l(n)
+            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: T([r.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
+              onClick: (c) => l(r)
             }, [
-              d("div", ps, [
-                d("div", fs, [
-                  d("div", ms, [
-                    d("div", gs, L(n.name), 1),
-                    n.current ? (f(), g("span", hs, " Current ")) : C("", !0)
+              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", ys, L(n.current ? "Current Brand" : "Change to"), 1)
+                  d("div", vs, H(r.current ? "Current Brand" : "Change to"), 1)
                 ]),
-                d("div", bs, [
+                d("div", xs, [
                   d("img", {
-                    src: n.logo,
-                    alt: `${n.name} logo`,
+                    src: r.logo,
+                    alt: `${r.name} logo`,
                     class: "h-8 w-auto"
-                  }, null, 8, vs)
+                  }, null, 8, ks)
                 ])
               ])
-            ], 10, us))), 128)),
+            ], 10, fs))), 128)),
             o[2] || (o[2] = d("div", null, null, -1))
           ]),
           o[3] || (o[3] = d("div", { class: "mt-auto" }, null, -1))
@@ -439,7 +439,7 @@ const jt = { class: "flex items-center" }, Ot = { class: "shrink-0 self-start" }
       ]);
     };
   }
-}, ks = ["disabled"], z = {
+}, _s = ["disabled"], N = {
   __name: "SparkButton",
   props: {
     size: {
@@ -461,16 +461,16 @@ const jt = { class: "flex items-center" }, Ot = { class: "shrink-0 self-start" }
     }
   },
   setup(e) {
-    const s = e, t = V(null), a = ke("buttonGroup", null), l = S(() => {
+    const s = e, t = R(null), a = _e("buttonGroup", null), l = C(() => {
       if (!a?.isInGroup || !t.value) return null;
-      const n = a.getButtonIndex(t.value), c = a.getButtonCount();
+      const r = a.getButtonIndex(t.value), c = a.getButtonCount();
       return {
-        isFirst: n === 0,
-        isLast: n === c - 1,
-        index: n,
+        isFirst: r === 0,
+        isLast: r === c - 1,
+        index: r,
         total: c
       };
-    }), r = {
+    }), n = {
       paddingX: /^px-/,
       paddingY: /^py-/,
       paddingAll: /^p-/,
@@ -480,85 +480,85 @@ const jt = { class: "flex items-center" }, Ot = { class: "shrink-0 self-start" }
       borderRadius: /^rounded-/,
       background: /^bg-/,
       text: /^text-(?!white|black)/
-    }, o = (n, c) => {
-      if (!c) return n;
-      const p = n.split(" ").filter(Boolean), u = c.split(" ").filter(Boolean);
-      return [...p.filter((_) => !u.some((k) => {
-        const m = Object.entries(r).find(
-          ([H, h]) => h.test(_)
-        )?.[0], x = Object.entries(r).find(
-          ([H, h]) => h.test(k)
+    }, 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 m && m === x;
       })), ...u].join(" ");
-    }, i = S(() => {
-      let n = "", c = "";
+    }, i = C(() => {
+      let r = "", c = "";
       switch (s.size) {
         case "xs":
-          n += " px-2 py-1 text-xs", c = "sm";
+          r += " px-2 py-1 text-xs", c = "sm";
           break;
         case "sm":
-          n += " px-2 py-1 text-sm", c = "sm";
+          r += " px-2 py-1 text-sm", c = "sm";
           break;
         case "md":
-          n += " px-2.5 py-1.5 text-sm", c = "md";
+          r += " px-2.5 py-1.5 text-sm", c = "md";
           break;
         case "lg":
-          n += " px-3 py-2 text-sm", c = "md";
+          r += " px-3 py-2 text-sm", c = "md";
           break;
         case "xl":
-          n += " px-3.5 py-2.5 min-h-[42px] text-sm", c = "md";
+          r += " px-3.5 py-2.5 min-h-[42px] text-sm", c = "md";
           break;
       }
       if (a?.isInGroup && l.value) {
         const { isFirst: p, isLast: u } = l.value;
-        n += " relative inline-flex items-center focus:z-10", p && u ? n += ` rounded-${c}` : p ? n += ` rounded-l-${c} rounded-r-none` : u ? n += ` rounded-r-${c} rounded-l-none -ml-px` : n += " rounded-none -ml-px";
+        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
-        n += ` shadow-xs rounded-${c}`;
+        r += ` shadow-xs rounded-${c}`;
       switch (s.variant) {
         case "primary":
-          n += " bg-primary-600 hover:bg-primary-500 text-white";
+          r += " bg-primary-600 hover:bg-primary-500 text-white";
           break;
         case "secondary":
-          n += "  ring-1 ring-gray-300 ring-inset bg-white hover:bg-gray-50 text-gray-900";
+          r += "  ring-1 ring-gray-300 ring-inset bg-white hover:bg-gray-50 text-gray-900";
           break;
         case "success":
-          n += " bg-green-600 hover:bg-green-500 text-white";
+          r += " bg-green-600 hover:bg-green-500 text-white";
           break;
         case "warning":
-          n += " bg-amber-600 hover:bg-amber-500 text-white";
+          r += " bg-amber-600 hover:bg-amber-500 text-white";
           break;
         case "danger":
-          n += " bg-red-600 hover:bg-red-500 text-white";
+          r += " bg-red-600 hover:bg-red-500 text-white";
           break;
         case "info":
-          n += " bg-cyan-600 hover:bg-cyan-500 text-white";
+          r += " bg-cyan-600 hover:bg-cyan-500 text-white";
           break;
         default:
-          n += ` bg-${s.variant}-600 hover:bg-${s.variant}-500 text-white`;
+          r += ` bg-${s.variant}-600 hover:bg-${s.variant}-500 text-white`;
       }
-      return n = o(n, s.buttonClass), n;
+      return r = o(r, s.buttonClass), r;
     });
-    return (n, c) => (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: c[0] || (c[0] = (p) => n.$emit("click"))
+      onClick: c[0] || (c[0] = (p) => r.$emit("click"))
     }, [
-      M(n.$slots, "default")
-    ], 10, ks));
+      M(r.$slots, "default")
+    ], 10, _s));
   }
-}, _s = {
+}, Cs = {
   __name: "SparkButtonGroup",
   setup(e) {
-    const s = V(null);
-    return Ee("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
-    }), (l, r) => (f(), g("div", {
+    }), (l, n) => (f(), g("div", {
       class: "inline-flex rounded-md shadow-xs",
       ref_key: "groupRef",
       ref: s
@@ -566,13 +566,13 @@ const jt = { class: "flex items-center" }, Ot = { class: "shrink-0 self-start" }
       M(l.$slots, "default")
     ], 512));
   }
-}, ws = { class: "divide-y divide-gray-300 rounded-lg border border-gray-300 text-gray-700 bg-gray-100" }, Ss = {
+}, 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"
-}, Cs = {
+}, Ts = {
   key: 1,
   class: "p-5"
-}, Hr = {
+}, Er = {
   __name: "SparkCard",
   props: {
     padded: {
@@ -586,98 +586,24 @@ const jt = { class: "flex items-center" }, Ot = { class: "shrink-0 self-start" }
   },
   setup(e) {
     const s = e;
-    return (t, a) => (f(), g("div", ws, [
-      t.$slots.header ? (f(), g("div", Ss, [
+    return (t, a) => (f(), g("div", Ss, [
+      t.$slots.header ? (f(), g("div", $s, [
         M(t.$slots, "header")
-      ])) : C("", !0),
+      ])) : $("", !0),
       d("div", {
-        class: $([s.padded ? s.paddedClass : ""])
+        class: T([s.padded ? s.paddedClass : ""])
       }, [
         M(t.$slots, "default")
       ], 2),
-      t.$slots.footer ? (f(), g("div", Cs, [
+      t.$slots.footer ? (f(), g("div", Ts, [
         M(t.$slots, "footer")
-      ])) : C("", !0)
+      ])) : $("", !0)
     ]));
   }
-};
-class $s {
-  constructor() {
-    this.state = D({
-      isVisible: !1,
-      content: null,
-      props: {},
-      eventHandlers: {}
-    });
-  }
-  show = (s, t = {}, a = {}) => {
-    this.state.content = _e(s), this.state.props = t, this.state.eventHandlers = a, this.state.isVisible = !0;
-  };
-  hide = () => {
-    this.state.isVisible = !1, this.state.eventHandlers = {};
-  };
-}
-const ee = new $s(), Ts = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, Ls = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Hs = {
-  __name: "SparkModalContainer",
-  setup(e) {
-    return (s, t) => (f(), E(b($e), {
-      as: "template",
-      show: b(ee).state.isVisible
-    }, {
-      default: T(() => [
-        v(b(Te), {
-          class: "relative z-1000",
-          onClose: b(ee).hide
-        }, {
-          default: T(() => [
-            v(b(ne), {
-              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: T(() => [...t[0] || (t[0] = [
-                d("div", { class: "fixed inset-0 bg-gray-500/75 transition-opacity" }, null, -1)
-              ])]),
-              _: 1
-            }),
-            d("div", Ts, [
-              d("div", Ls, [
-                v(b(ne), {
-                  as: "template",
-                  enter: "ease-out duration-300",
-                  "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
-                  "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: T(() => [
-                    v(b(Le), { class: "relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:min-w-lg sm:max-w-max" }, {
-                      default: T(() => [
-                        (f(), E(te(b(ee).state.content), se(b(ee).state.props, we(b(ee).state.eventHandlers)), null, 16))
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ])
-            ])
-          ]),
-          _: 1
-        }, 8, ["onClose"])
-      ]),
-      _: 1
-    }, 8, ["show"]));
-  }
-}, Ps = { class: "px-4 pt-5 pb-4 sm:p-6" }, Vs = {
+}, Ls = { class: "px-4 pt-5 pb-4 sm:p-6" }, Hs = {
   key: 0,
   class: "text-lg font-medium text-gray-900"
-}, Pr = {
+}, Ps = {
   __name: "SparkModalDialog",
   props: {
     title: {
@@ -727,7 +653,7 @@ const ee = new $s(), Ts = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     "input"
   ],
   setup(e) {
-    const s = e, t = S(() => !s.buttons || s.buttons.length === 0 ? [{ text: "OK", variant: "primary", event: "ok" }] : s.buttons), a = S(() => {
+    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";
@@ -743,48 +669,48 @@ const ee = new $s(), Ts = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       success: "farCheckCircle",
       warning: "farExclamationTriangle",
       danger: "farCircleXmark"
-    }, r = S(() => s.icon || l[s.type]), o = S(() => ({
+    }, 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 = S(() => ({
+    })[s.type]), i = C(() => ({
       info: "text-blue-400",
       success: "text-green-400",
       warning: "text-yellow-400",
       danger: "text-red-400"
     })[s.type]);
-    return (n, c) => {
-      const p = R("font-awesome-icon");
-      return f(), g("div", Ps, [
-        r.value ? (f(), g("div", {
+    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(p, {
-            icon: b(B)[r.value],
-            class: $(["h-5 w-5", i.value])
+            icon: y(E)[n.value],
+            class: T(["h-5 w-5", i.value])
           }, null, 8, ["icon", "class"])
-        ], 2)) : C("", !0),
+        ], 2)) : $("", !0),
         d("div", {
-          class: $(["text-center", { "mt-3 sm:mt-5": r.value }])
+          class: T(["text-center", { "mt-3 sm:mt-5": n.value }])
         }, [
-          e.title ? (f(), g("h3", Vs, L(e.title), 1)) : C("", !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"])
-          }, L(e.message), 3)) : C("", !0)
+            class: T([{ "mt-2": e.title }, "text-sm text-gray-500"])
+          }, H(e.message), 3)) : $("", !0)
         ], 2),
         d("div", {
-          class: $(["mt-5 sm:mt-6", a.value])
+          class: T(["mt-5 sm:mt-6", a.value])
         }, [
-          (f(!0), g(j, null, N(t.value, (u, y) => (f(), E(b(z), {
-            key: y,
+          (f(!0), g(z, null, q(t.value, (u, h) => (f(), F(y(N), {
+            key: h,
             variant: u.variant,
-            onClick: (_) => n.$emit(u.event, u)
+            onClick: (_) => r.$emit(u.event, u)
           }, {
-            default: T(() => [
-              F(L(u.text), 1)
+            default: L(() => [
+              A(H(u.text), 1)
             ]),
             _: 2
           }, 1032, ["variant", "onClick"]))), 128))
@@ -792,7 +718,123 @@ const ee = new $s(), Ts = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       ]);
     };
   }
-}, Rs = { class: "fixed inset-0 flex" }, ge = {
+};
+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: {
@@ -807,21 +849,21 @@ const ee = new $s(), Ts = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   },
   emits: ["close"],
   setup(e, { emit: s }) {
-    const t = V(null), a = e, l = s, r = () => {
+    const t = R(null), a = e, l = s, n = () => {
       a.overlayInstance.close(), l("close");
     };
-    return (o, i) => (f(), E(b($e), {
+    return (o, i) => (f(), F(y(Le), {
       show: e.overlayInstance.state.isVisible,
       as: "template"
     }, {
-      default: T(() => [
-        v(b(Te), {
+      default: L(() => [
+        v(y(He), {
           initialFocus: t.value,
           class: "relative z-1000",
-          onClose: r
+          onClose: n
         }, {
-          default: T(() => [
-            v(b(ne), {
+          default: L(() => [
+            v(y(le), {
               as: "template",
               enter: "transition-opacity ease-linear duration-150",
               "enter-from": "opacity-0",
@@ -830,13 +872,13 @@ const ee = new $s(), Ts = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               "leave-from": "opacity-100",
               "leave-to": "opacity-0"
             }, {
-              default: T(() => [...i[0] || (i[0] = [
+              default: L(() => [...i[0] || (i[0] = [
                 d("div", { class: "fixed inset-0 bg-gray-600/30" }, null, -1)
               ])]),
               _: 1
             }),
-            d("div", Rs, [
-              v(b(ne), {
+            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",
@@ -845,17 +887,17 @@ const ee = new $s(), Ts = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                 "leave-from": "translate-x-0 opacity-100",
                 "leave-to": e.position === "left" ? "-translate-x-full opacity-0" : "translate-x-full opacity-0"
               }, {
-                default: T(() => [
-                  v(b(Le), {
+                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: T(() => [
-                      (f(), E(te(e.overlayInstance.state.content), se(e.overlayInstance.state.props, we(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"])
@@ -870,92 +912,99 @@ const ee = new $s(), Ts = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}, Bs = (e) => {
+}, Fs = (e) => {
   if (e.includes(".")) {
     const s = e.split(".");
     e = s[s.length - 1];
   }
   return e.replace(/_/g, " ");
-}, Ms = (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 = re({ prefix: "fad", iconName: "sort" }).html + re({ prefix: "fad", iconName: "sort-up" }).html + re({ prefix: "fad", iconName: "sort-down" }).html, a.appendChild(l), a.addEventListener("click", async () => {
-    const r = t.params.orderBy, o = t.params.sortedBy;
-    return r === e && o === "asc" ? (a.classList.remove("asc"), a.classList.add("desc"), t.methods.applyParams({
+  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,
       sortedBy: "desc"
-    })) : r === e ? (a.classList.remove("desc"), await t.methods.clearParams(["orderBy", "sortedBy"])) : (a.classList.add("asc"), t.methods.applyParams({
+    })) : n === e ? (a.classList.remove("desc"), await t.methods.clearParams(["orderBy", "sortedBy"])) : (a.classList.add("asc"), t.methods.applyParams({
       orderBy: e,
       sortedBy: "asc"
     }));
   });
-}, Es = (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 r = He(async (o, i) => {
-    const n = i.target.value, c = `filter[${o}]`;
-    if (n)
-      return t.params[c] && t.params[c] === n ? void 0 : t.methods.applyParams({
+  const n = Ve(async (o, i) => {
+    const r = i.target.value, c = `filter[${o}]`;
+    if (r)
+      return t.params[c] && t.params[c] === r ? void 0 : t.methods.applyParams({
         page: 1,
-        [c]: n
+        [c]: r
       });
     await t.methods.removeParam(c);
   }, 200);
-  l.addEventListener("keyup", (o) => r(e, o)), s.appendChild(a);
-}, Fs = (e, s, t) => {
+  l.addEventListener("keyup", (o) => n(e, o)), s.appendChild(a);
+}, 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 = Bs(s);
-}, As = (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), r = t.methods.getSettingsForProp(l);
-  s.childElementCount === 1 && ((!r || !r.columnSort) && a--, (!r || !r.columnFilter) && a--, r && r.columnSort && Ms(l, s, t), r && r.columnFilter && Es(l, s, t)), (s.childElementCount === a || a === 0) && Fs(s, l, r);
-}, js = (e) => {
+  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 && 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");
   a.forEach((l) => {
     l.classList.remove("asc", "desc");
   }), s && t && a.forEach((l) => {
-    const r = l.closest("th"), o = Array.from(r.parentElement.children).indexOf(r);
+    const n = l.closest("th"), o = Array.from(n.parentElement.children).indexOf(n);
     e.methods.colToProp(o) === s && l.classList.add(t);
   });
-}, Os = (e) => (s, t, a, l, r, o, i) => {
+}, Ns = (e) => (s, t, a, l, n, o, i) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-actions");
   const c = (i.rendererConfig || {}).actions || [];
   if (c.length === 0)
     return;
   const p = s.getSourceDataAtRow(s.toPhysicalRow(a)), u = document.createElement("div");
-  u.classList.add("flex", "items-center", "gap-2"), c.forEach((y) => {
-    if (y.condition && typeof y.condition == "function" && !y.condition(p))
+  u.classList.add("flex", "items-center", "gap-2"), c.forEach((h) => {
+    if (h.condition && typeof h.condition == "function" && !h.condition(p))
       return;
     const _ = document.createElement("button");
-    if (_.type = "button", _.classList.add("spark-table-action-button"), y.icon) {
-      const k = document.createElement("span");
-      k.innerHTML = re({ prefix: "far", iconName: y.icon }).html, k.classList.add("size-4"), _.appendChild(k);
+    if (_.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 (y.label) {
-      const k = document.createElement("span");
-      k.textContent = y.label, _.appendChild(k);
+    if (h.label) {
+      const w = document.createElement("span");
+      w.textContent = h.label, _.appendChild(w);
     }
-    _.addEventListener("click", (k) => {
-      if (k.preventDefault(), k.stopPropagation(), y.confirm) {
-        const m = typeof y.confirm == "string" ? y.confirm : `Are you sure you want to ${y.label?.toLowerCase() || "perform this action"}?`;
-        if (!window.confirm(m))
+    _.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;
       }
-      y.event && e.methods.fireEvent(y.event, p), y.handler && typeof y.handler == "function" && y.handler(p);
+      h.event && e.methods.fireEvent(h.event, p), h.handler && typeof h.handler == "function" && h.handler(p);
     }), u.appendChild(_);
   }), t.appendChild(u);
-}, he = {
+}, ye = {
   green: "bg-green-100 text-green-800",
   red: "bg-red-100 text-red-800",
   yellow: "bg-yellow-100 text-yellow-800",
@@ -964,11 +1013,11 @@ const ee = new $s(), Ts = { 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"
-}, zs = (e) => (s, t, a, l, r, o, i) => {
+}, Ds = (e) => (s, t, a, l, n, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-badge"), !o)
     return;
-  const c = (i.rendererConfig || {}).colorMap || {}, p = c[o] || c[o?.toLowerCase()] || "gray", u = he[p] || he.gray, y = document.createElement("span");
-  y.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",
@@ -978,33 +1027,67 @@ const ee = new $s(), Ts = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     "font-medium",
     "capitalize",
     ...u.split(" ")
-  ), y.textContent = o, t.appendChild(y);
-}, Is = (e) => (s, t, a, l, r, 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 n = i.rendererConfig || {}, c = s.getSourceDataAtRow(s.toPhysicalRow(a));
+  const r = i.rendererConfig || {}, c = s.getSourceDataAtRow(s.toPhysicalRow(a));
   let p = o;
-  n.href && (typeof n.href == "function" ? p = n.href(c) : n.href === "email" ? p = `mailto:${o}` : n.href === "tel" ? p = `tel:${o}` : typeof n.href == "string" && (p = c[n.href] || o));
+  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 = p, u.textContent = o, u.classList.add("text-primary-600", "hover:text-primary-900", "hover:underline"), n.target && (u.target = n.target), n.rel && (u.rel = n.rel), u.addEventListener("click", (y) => {
-    y.stopPropagation();
+  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);
-}, ye = {
+}, ve = {
   sm: "h-6 w-6",
   md: "h-8 w-8",
   lg: "h-12 w-12"
-}, Ns = (e) => (s, t, a, l, r, o, i) => {
+}, Us = (e) => (s, t, a, l, n, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-image"), !o)
     return;
-  const n = i.rendererConfig || {}, c = s.getSourceDataAtRow(s.toPhysicalRow(a)), p = n.size || "md", u = ye[p] || ye.md, y = n.rounded !== !1;
-  let _ = n.alt || "";
-  typeof n.alt == "string" && c[n.alt] && (_ = c[n.alt]);
-  const k = document.createElement("img");
-  k.src = o, k.alt = _, k.classList.add(...u.split(" "), "object-cover"), y ? k.classList.add("rounded-full") : k.classList.add("rounded"), t.appendChild(k);
-}, Ds = (e) => (s, t, a, l, r, o, i) => {
+  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 n = i.rendererConfig || {}, c = n.format || "short", p = n.locale || "en-US";
+  const r = i.rendererConfig || {}, c = r.format || "short", p = r.locale || "en-US";
   let u = o;
   try {
     const _ = new Date(o);
@@ -1012,23 +1095,23 @@ const ee = new $s(), Ts = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       year: "numeric",
       month: "long",
       day: "numeric"
-    }) : c === "relative" ? u = qs(_) : c === "datetime" ? u = _.toLocaleString(p) : u = _.toLocaleDateString(p);
+    }) : c === "relative" ? u = Ws(_) : c === "datetime" ? u = _.toLocaleString(p) : u = _.toLocaleDateString(p);
   } catch (_) {
     console.error("Error formatting date:", _), u = o;
   }
-  const y = document.createElement("span");
-  y.textContent = u, t.appendChild(y);
+  const h = document.createElement("span");
+  h.textContent = u, t.appendChild(h);
 };
-function qs(e) {
-  const t = /* @__PURE__ */ new Date() - e, a = Math.floor(Math.abs(t) / 1e3), l = Math.floor(a / 60), r = Math.floor(l / 60), o = Math.floor(r / 24), i = Math.floor(o / 30), n = Math.floor(o / 365), c = t > 0;
-  return a < 60 ? c ? "just now" : "in a moment" : l < 60 ? c ? `${l} minute${l > 1 ? "s" : ""} ago` : `in ${l} minute${l > 1 ? "s" : ""}` : r < 24 ? c ? `${r} hour${r > 1 ? "s" : ""} ago` : `in ${r} hour${r > 1 ? "s" : ""}` : o < 30 ? c ? `${o} day${o > 1 ? "s" : ""} ago` : `in ${o} day${o > 1 ? "s" : ""}` : i < 12 ? c ? `${i} month${i > 1 ? "s" : ""} ago` : `in ${i} month${i > 1 ? "s" : ""}` : c ? `${n} year${n > 1 ? "s" : ""} ago` : `in ${n} year${n > 1 ? "s" : ""}`;
+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 Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
-  Bt(e, (t, a, l, r, o, i, n) => {
-    Mt.apply(null, [t, a, l, r, o, i, n]), s(t, a, l, r, o, i, n);
-  }), Zs.set(e, s);
-}, Ks = (e) => {
-  W("spark.actions", Os(e)), W("spark.badge", zs()), W("spark.link", Is()), W("spark.image", Ns()), W("spark.date", Ds()), W("style.capitalize", (s, t, a, l, r, o) => {
+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;
@@ -1036,110 +1119,118 @@ const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
     const i = document.createElement("span");
     i.innerHTML = o, i.classList.add("capitalize"), t.replaceChildren(i);
   });
-}, Us = () => {
-}, Gs = (e, s = {}) => {
-  const t = q(), a = Q(), l = s.namespace, r = l === null, o = s.syncToRoute !== !1, i = s.persistToStorage === !0, n = s.restoreOnMount !== !1, c = s.storageTTL || 7, p = r ? `spark-table:${a.path}` : `spark-table:${l}`, u = (h, w = "") => {
-    const P = {};
-    return Object.keys(h).forEach((Z) => {
-      const G = h[Z], pe = w ? `${w}[${Z}]` : Z;
-      G != null && (typeof G == "object" && !Array.isArray(G) ? Object.assign(P, u(G, pe)) : P[pe] = String(G));
-    }), P;
-  }, y = () => {
+}, 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 h = {
+        const b = {
           params: e.params,
           timestamp: Date.now()
         };
-        localStorage.setItem(p, JSON.stringify(h));
-      } catch (h) {
-        console.warn("Failed to save table state to localStorage:", h);
+        localStorage.setItem(p, JSON.stringify(b));
+      } catch (b) {
+        console.warn("Failed to save table state to localStorage:", b);
       }
   }, _ = () => {
     if (!i) return null;
     try {
-      const h = localStorage.getItem(p);
-      if (!h) return null;
-      const w = JSON.parse(h);
+      const b = localStorage.getItem(p);
+      if (!b) return null;
+      const S = JSON.parse(b);
       if (c > 0) {
-        const P = Date.now() - w.timestamp, Z = c * 24 * 60 * 60 * 1e3;
-        if (P > Z)
+        const V = Date.now() - S.timestamp, O = c * 24 * 60 * 60 * 1e3;
+        if (V > O)
           return localStorage.removeItem(p), null;
       }
-      return w.params;
-    } catch (h) {
-      return console.warn("Failed to load table state from localStorage:", h), null;
+      return S.params;
+    } catch (b) {
+      return console.warn("Failed to load table state from localStorage:", b), null;
     }
-  }, k = () => {
+  }, w = () => {
     try {
       localStorage.removeItem(p);
-    } catch (h) {
-      console.warn("Failed to clear table state from localStorage:", h);
+    } catch (b) {
+      console.warn("Failed to clear table state from localStorage:", b);
     }
   }, m = () => {
     if (!o) return;
-    const h = { ...a.query };
-    if (r) {
-      Object.keys(h).forEach((P) => {
-        x(P) && delete h[P];
+    const b = { ...a.query };
+    if (n) {
+      Object.keys(b).forEach((V) => {
+        x(V) && delete b[V];
       });
-      const w = u(e.params);
-      Object.assign(h, w);
+      const S = u(e.params);
+      Object.assign(b, S);
     } else {
-      Object.keys(h).forEach((P) => {
-        (P.startsWith(`${l}[`) || P === l) && delete h[P];
+      Object.keys(b).forEach((V) => {
+        (V.startsWith(`${l}[`) || V === l) && delete b[V];
       });
-      const w = u(e.params, l);
-      Object.assign(h, w);
+      const S = u(e.params, l);
+      Object.assign(b, S);
     }
-    t.replace({ query: h });
-  }, x = (h) => !!(["page", "limit", "search", "orderBy", "sortedBy"].includes(h) || h.includes("[")), H = () => {
-    if (r)
-      Object.keys(a.query).forEach((h) => {
-        x(h) && (e.params[h] = a.query[h]);
+    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 h = `${l}[`;
-      Object.keys(a.query).forEach((w) => {
-        if (w.startsWith(h)) {
-          const P = w.slice(h.length, -1);
-          e.params[P] = a.query[w];
+      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 A(
+  return j(
     () => e.params,
     () => {
-      o && m(), i && y();
+      o && m(), i && h();
     },
     { deep: !0 }
-  ), n && ue(() => {
-    let h = !1;
+  ), r && pe(() => {
+    let b = !1;
     if (o) {
-      let w = !1;
-      if (r)
-        w = Object.keys(a.query).some((P) => x(P));
+      let S = !1;
+      if (n)
+        S = Object.keys(a.query).some((V) => x(V));
       else {
-        const P = `${l}[`;
-        w = Object.keys(a.query).some(
-          (Z) => Z.startsWith(P)
+        const V = `${l}[`;
+        S = Object.keys(a.query).some(
+          (O) => O.startsWith(V)
         );
       }
-      w && (h = !0, H());
+      S && (b = !0, k());
     }
-    if (!h && i) {
-      const w = _();
-      w && Object.keys(w).length > 0 && Object.assign(e.params, w);
+    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: H,
-    saveToStorage: y,
+    restoreFromRoute: k,
+    saveToStorage: h,
     loadFromStorage: _,
-    clearStorage: k
+    clearStorage: w
   };
-}, Ws = { class: "flex items-center gap-4 py-3" }, Ys = { class: "shrink-0" }, Xs = { class: "text-sm text-gray-700" }, Js = { class: "font-medium" }, Qs = { class: "font-medium" }, ea = { class: "font-medium" }, ta = {
+}, 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: {
@@ -1150,28 +1241,28 @@ const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
   setup(e) {
     const s = e;
     return (t, a) => (f(), g("div", null, [
-      d("div", Ws, [
-        d("div", Ys, [
-          d("div", Xs, [
-            a[0] || (a[0] = F(" Showing ", -1)),
-            d("span", Js, L(s.sparkTable.response.meta.from), 1),
-            a[1] || (a[1] = F(" to ", -1)),
-            d("span", Qs, L(s.sparkTable.response.meta.to), 1),
-            a[2] || (a[2] = F(" of ", -1)),
-            d("span", ea, L(s.sparkTable.response.meta.total), 1),
-            a[3] || (a[3] = F(" results ", -1))
+      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))
           ])
         ])
       ])
     ]));
   }
-}, sa = { class: "flex items-center gap-4 px-4 py-3" }, aa = {
+}, la = { class: "flex items-center gap-4 px-4 py-3" }, ia = {
   key: 0,
   class: "shrink-0 ml-auto"
-}, oa = {
+}, ca = {
   class: "isolate inline-flex -space-x-px rounded-md shadow-xs bg-white",
   "aria-label": "Pagination"
-}, ra = ["onClick"], na = {
+}, da = ["onClick"], ua = {
   __name: "SparkTablePaginationPaging",
   props: {
     sparkTable: {
@@ -1182,66 +1273,66 @@ const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
   emits: ["paginate"],
   setup(e, { emit: s }) {
     const t = e, a = s, l = (p) => {
-      r(t.sparkTable.params.page + p);
-    }, r = (p) => {
+      n(t.sparkTable.params.page + p);
+    }, n = (p) => {
       p < 1 || p > t.sparkTable.response.meta.last_page || a("paginate", {
         page: p
       });
-    }, o = S(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), i = S(() => t.sparkTable.computed.ready ? St(
+    }, 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
-    ) : []), n = S(
-      () => t.sparkTable.params.page < I(t.sparkTable.response.meta, "last_page", 1)
-    ), c = S(() => t.sparkTable.params.page > 1);
+    ) : []), 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 y = R("font-awesome-icon");
+      const h = B("font-awesome-icon");
       return f(), g("div", null, [
-        d("div", sa, [
-          i.value.length > 1 ? (f(), g("div", aa, [
+        d("div", la, [
+          i.value.length > 1 ? (f(), g("div", ia, [
             d("div", null, [
-              d("nav", oa, [
+              d("nav", ca, [
                 d("a", {
-                  class: $([c.value ? "" : "disabled", "relative inline-flex items-center rounded-l-md px-2 py-[9px] text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-20 focus:outline-offset-0"]),
+                  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] = K((_) => l(-1), ["prevent"]))
+                  onClick: u[0] || (u[0] = G((_) => l(-1), ["prevent"]))
                 }, [
-                  v(y, {
-                    icon: b(B).farChevronLeft,
+                  v(h, {
+                    icon: y(E).farChevronLeft,
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ], 2),
-                (f(!0), g(j, null, N(i.value, (_) => (f(), g("a", {
+                (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 === _ ? "z-10 text-white bg-primary-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 hover:bg-primary-600" : "text-gray-900 hover:bg-gray-50 ring-gray-300 focus:z-20 focus:outline-offset-0"
                   ]),
-                  onClick: (k) => r(_)
-                }, L(_), 11, ra))), 128)),
+                  onClick: (w) => n(_)
+                }, H(_), 11, da))), 128)),
                 d("a", {
-                  class: $([n.value ? "" : "disabled", "relative inline-flex items-center rounded-r-md px-2 py-[9px] text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-20 focus:outline-offset-0"]),
-                  onClick: u[1] || (u[1] = K((_) => l(1), ["prevent"])),
+                  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(y, {
-                    icon: b(B).farChevronRight,
+                  v(h, {
+                    icon: y(E).farChevronRight,
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ], 2)
               ])
             ])
-          ])) : C("", !0)
+          ])) : $("", !0)
         ])
       ]);
     };
   }
-}, U = (e, s) => {
+}, W = (e, s) => {
   const t = e.__vccOpts || e;
   for (const [a, l] of s)
     t[a] = l;
   return t;
-}, la = { class: "spark-table-pagination-per-page" }, ia = {
+}, pa = { class: "spark-table-pagination-per-page" }, fa = {
   __name: "SparkTablePaginationPerPage",
   props: {
     sparkTable: {
@@ -1251,31 +1342,31 @@ const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
   },
   emits: ["paginate"],
   setup(e, { emit: s }) {
-    const t = e, a = s, l = S(() => t.sparkTable.options.perPages.map((o) => ({
+    const t = e, a = s, l = C(() => t.sparkTable.options.perPages.map((o) => ({
       label: String(o),
       value: o
-    }))), r = (o) => {
+    }))), n = (o) => {
       a("paginate", {
         page: 1,
         limit: parseInt(o)
       });
     };
     return (o, i) => {
-      const n = R("FormKit");
-      return f(), g("div", la, [
-        v(n, {
+      const r = B("FormKit");
+      return f(), g("div", pa, [
+        v(r, {
           "model-value": e.sparkTable.params.limit,
           type: "select",
           options: l.value,
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0",
           "input-class": "!py-2",
-          onInput: r
+          onInput: n
         }, null, 8, ["model-value", "options"])
       ]);
     };
   }
-}, ca = /* @__PURE__ */ U(ia, [["__scopeId", "data-v-9ef8544b"]]), be = {
+}, ma = /* @__PURE__ */ W(fa, [["__scopeId", "data-v-9ef8544b"]]), xe = {
   __name: "SparkTableToolbar",
   props: {
     position: {
@@ -1285,18 +1376,18 @@ const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = Se(), a = S(() => !!t.default), l = S(() => {
-      const r = "spark-table-toolbar flex flex-wrap items-center gap-x-5 w-full";
-      return s.position === "footer" ? `${r} spark-table-toolbar-footer justify-between` : `${r} spark-table-toolbar-header gap-y-5 py-5`;
+    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 (r, o) => a.value ? (f(), g("div", {
+    return (n, o) => a.value ? (f(), g("div", {
       key: 0,
-      class: $(l.value)
+      class: T(l.value)
     }, [
-      M(r.$slots, "default")
-    ], 2)) : C("", !0);
+      M(n.$slots, "default")
+    ], 2)) : $("", !0);
   }
-}, da = { class: "spark-table-search" }, ua = {
+}, ga = { class: "spark-table-search" }, ha = {
   __name: "SparkTableSearch",
   props: {
     /** SparkTable instance object */
@@ -1315,33 +1406,33 @@ const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = V(""), 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 = He((o) => {
+    const l = Ve((o) => {
       o ? s.sparkTable.methods.applyParams({
         page: 1,
         [a]: o
       }) : s.sparkTable.methods.removeParam(a);
     }, s.config.debounce || 300);
-    A(t, (o) => {
+    j(t, (o) => {
       l(o);
     });
-    const r = s.config.placeholder || "Search...";
-    return A(
+    const n = s.config.placeholder || "Search...";
+    return j(
       () => s.sparkTable.params[a],
       (o) => {
         o && o !== t.value ? t.value = o : !o && t.value && (t.value = "");
       }
     ), (o, i) => {
-      const n = R("FormKit");
-      return f(), g("div", da, [
-        v(n, se({
+      const r = B("FormKit");
+      return f(), g("div", ga, [
+        v(r, oe({
           modelValue: t.value,
           "onUpdate:modelValue": i[0] || (i[0] = (c) => t.value = c),
           type: "text",
-          placeholder: b(r),
+          placeholder: y(n),
           suffixIcon: "search",
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0",
@@ -1350,7 +1441,7 @@ const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
       ]);
     };
   }
-}, pa = /* @__PURE__ */ U(ua, [["__scopeId", "data-v-976170dc"]]), fa = { class: "spark-table-filter-select" }, ma = {
+}, ya = /* @__PURE__ */ W(ha, [["__scopeId", "data-v-976170dc"]]), ba = { class: "spark-table-filter-select" }, va = {
   __name: "SparkTableFilterSelect",
   props: {
     /** SparkTable instance object */
@@ -1366,33 +1457,33 @@ const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = V(""), 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, r = S(() => [
+    const l = s.config.label || null, n = C(() => [
       { label: s.config.placeholder || "All", value: "" },
       ...s.config.options
     ]);
-    return A(t, (o) => {
+    return j(t, (o) => {
       o ? s.sparkTable.methods.applyParams({
         page: 1,
         [a]: o
       }) : s.sparkTable.methods.removeParam(a);
-    }), A(
+    }), j(
       () => s.sparkTable.params[a],
       (o) => {
         o != null && o !== "" ? t.value !== o && (t.value = o) : t.value && (t.value = "");
       }
     ), (o, i) => {
-      const n = R("FormKit");
-      return f(), g("div", fa, [
-        v(n, se({
+      const r = B("FormKit");
+      return f(), g("div", ba, [
+        v(r, oe({
           modelValue: t.value,
           "onUpdate:modelValue": i[0] || (i[0] = (c) => t.value = c),
           type: "select",
-          label: b(l),
-          options: r.value,
+          label: y(l),
+          options: n.value,
           placeholder: e.config.placeholder || "All",
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0"
@@ -1400,10 +1491,10 @@ const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
       ]);
     };
   }
-}, ga = /* @__PURE__ */ U(ma, [["__scopeId", "data-v-642dbc69"]]), ha = { class: "spark-table-filter-buttons" }, ya = {
+}, xa = /* @__PURE__ */ W(va, [["__scopeId", "data-v-642dbc69"]]), ka = { class: "spark-table-filter-buttons" }, wa = {
   key: 0,
   class: "spark-table-filter-buttons-label"
-}, ba = {
+}, _a = {
   __name: "SparkTableFilterButtons",
   props: {
     /** SparkTable instance object */
@@ -1419,33 +1510,33 @@ const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = V(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
     }));
-    const r = (i) => i == null ? t.value === null || t.value === void 0 || t.value === "" : t.value === i, o = (i) => {
+    const n = (i) => i == null ? t.value === null || t.value === void 0 || t.value === "" : t.value === i, o = (i) => {
       t.value = i, i == null || i === "" ? s.sparkTable.methods.removeParam(l) : s.sparkTable.methods.applyParams({
         page: 1,
         [l]: i
       });
     };
-    return A(
+    return j(
       () => s.sparkTable.params[l],
       (i) => {
         (i == null || i === "") && t.value ? t.value = null : i !== t.value && (t.value = i);
       }
-    ), (i, n) => (f(), g("div", ha, [
-      b(a) ? (f(), g("span", ya, L(b(a)), 1)) : C("", !0),
-      v(_s, { class: "isolate" }, {
-        default: T(() => [
-          (f(!0), g(j, null, N(e.config.options, (c) => (f(), E(z, {
+    ), (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: r(c.value) ? "primary" : "secondary",
+            variant: n(c.value) ? "primary" : "secondary",
             onClick: (p) => o(c.value)
           }, {
-            default: T(() => [
-              F(L(c.label), 1)
+            default: L(() => [
+              A(H(c.label), 1)
             ]),
             _: 2
           }, 1032, ["variant", "onClick"]))), 128))
@@ -1454,7 +1545,7 @@ const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
       })
     ]));
   }
-}, va = /* @__PURE__ */ U(ba, [["__scopeId", "data-v-0fcd0cce"]]), xa = { class: "spark-table-date-picker" }, ka = {
+}, Ca = /* @__PURE__ */ W(_a, [["__scopeId", "data-v-0fcd0cce"]]), Sa = { class: "spark-table-date-picker" }, $a = {
   __name: "SparkTableDatePicker",
   props: {
     /** SparkTable instance object */
@@ -1470,33 +1561,33 @@ const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = V(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`, r = V(`${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, A(t, (o) => {
+    })) : t.value = null, j(t, (o) => {
       o ? s.sparkTable.methods.applyParams({
         page: 1,
         [l]: o
       }) : s.sparkTable.methods.removeParam(l);
-    }), A(
+    }), j(
       () => s.sparkTable.params[l],
       (o) => {
         if ((o == null || o === "") && t.value) {
           t.value = null;
-          const i = parseInt(r.value.split("-").pop()) || 0;
-          r.value = `${l}-${i + 1}`;
+          const i = parseInt(n.value.split("-").pop()) || 0;
+          n.value = `${l}-${i + 1}`;
         } else o && o !== t.value && (t.value = o);
       }
     ), (o, i) => {
-      const n = R("FormKit");
-      return f(), g("div", xa, [
-        (f(), E(n, se({
-          key: r.value,
+      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] = (c) => t.value = c),
           type: "datepicker",
           "picker-only": "",
-          label: b(a),
+          label: y(a),
           placeholder: e.config.placeholder || "Select date",
           overlay: !0,
           "value-format": "YYYY-MM-DD",
@@ -1507,7 +1598,7 @@ const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
       ]);
     };
   }
-}, _a = /* @__PURE__ */ U(ka, [["__scopeId", "data-v-44ef9cb8"]]), wa = { class: "spark-table-reset" }, Sa = { key: 1 }, Ca = {
+}, Ta = /* @__PURE__ */ W($a, [["__scopeId", "data-v-44ef9cb8"]]), La = { class: "spark-table-reset" }, Ha = { key: 1 }, Pa = {
   __name: "SparkTableReset",
   props: {
     /** SparkTable instance object */
@@ -1523,16 +1614,16 @@ const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
   },
   setup(e) {
     const s = e, t = () => {
-      const a = s.sparkTable.plugins || {}, l = [], 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 y = null;
-        p.type === "search" ? y = p.param || "search" : p.type === "filterSelect" || p.type === "filterButtons" ? y = p.param || `filter[${p.key}]` : p.type === "datePicker" && (y = p.param || `filter[${p.key}]`), y && (p.initialValue !== void 0 && p.initialValue !== null ? r[y] = p.initialValue : l.push(y));
+        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 o = l.filter(
         (c) => s.sparkTable.params[c] !== void 0 && s.sparkTable.params[c] !== null && s.sparkTable.params[c] !== ""
-      ), i = Object.entries(r).filter(
+      ), i = Object.entries(n).filter(
         ([c, p]) => s.sparkTable.params[c] !== p
       );
       if (o.length === 0 && i.length === 0)
@@ -1540,40 +1631,40 @@ const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
       o.forEach((c) => {
         delete s.sparkTable.params[c];
       });
-      const n = Object.fromEntries(i);
-      s.sparkTable.methods.applyParams({ ...n, page: 1 });
+      const r = Object.fromEntries(i);
+      s.sparkTable.methods.applyParams({ ...r, page: 1 });
     };
     return (a, l) => {
-      const r = R("font-awesome-icon");
-      return f(), g("div", wa, [
-        v(z, {
+      const n = B("font-awesome-icon");
+      return f(), g("div", La, [
+        v(N, {
           onClick: t,
           variant: "secondary",
           size: "xl"
         }, {
-          default: T(() => [
-            e.config.icon ? (f(), E(r, {
+          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"])) : C("", !0),
-            e.config.label ? (f(), g("span", Sa, L(e.config.label), 1)) : C("", !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
         })
       ]);
     };
   }
-}, $a = /* @__PURE__ */ U(Ca, [["__scopeId", "data-v-45343158"]]), Ta = { class: "spark-table" }, La = {
+}, Va = /* @__PURE__ */ W(Pa, [["__scopeId", "data-v-45343158"]]), Ra = { class: "spark-table" }, Ba = {
   key: 1,
   class: "pt-5"
-}, Ha = { class: "flex items-center gap-x-3" }, de = {
+}, Ea = { class: "flex items-center gap-x-3" }, ue = {
   perPages: [15, 30, 50, 100, 200, 500],
   limit: 15
-}, Pa = {
+}, Ma = {
   page: 1,
-  limit: de.limit
-}, ve = {
+  limit: ue.limit
+}, ke = {
   colHeaders: !0,
   filters: !1,
   stretchH: "all",
@@ -1583,7 +1674,7 @@ const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
   tableClassName: "spark-table-table",
   readOnlyCellClassName: "read-only",
   licenseKey: "non-commercial-and-evaluation"
-}, Vr = {
+}, Mr = {
   __name: "SparkTable",
   props: {
     url: {
@@ -1595,7 +1686,7 @@ const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
     dataTransformer: {
       type: Function,
       default: (e, s) => ({
-        data: I(s.settings, "nestedHeaders") ? e.data.data.map((a) => (s.settings.columnKeys || []).map((r) => a[r])) : 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,
@@ -1607,19 +1698,19 @@ const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
     params: {
       type: Object,
       default() {
-        return Pa;
+        return Ma;
       }
     },
     options: {
       type: Object,
       default() {
-        return de;
+        return ue;
       }
     },
     settings: {
       type: Object,
       default() {
-        return ve;
+        return ke;
       }
     },
     plugins: {
@@ -1648,18 +1739,18 @@ const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
   ],
   setup(e, { expose: s, emit: t }) {
     const a = e;
-    Rt(), oe(Lt), oe(Ht), oe(Pt), I(a, "settings.nestedHeaders") && oe(Vt);
-    const l = t, r = ke("axios"), o = V(null), i = V(!1), n = V(null);
+    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: pa,
-      filterSelect: ga,
-      filterButtons: va,
-      datePicker: _a,
-      reset: $a
-    }, u = D({
+      search: ya,
+      filterSelect: xa,
+      filterButtons: Ca,
+      datePicker: Ta,
+      reset: Va
+    }, u = Z({
       hotInstance: null,
-      url: S(() => a.url),
+      url: C(() => a.url),
       plugins: a.plugins,
       response: {},
       params: {
@@ -1678,33 +1769,33 @@ const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
         },
         loadTable: async (m) => {
           if (!(!o.value || !o.value.hotInstance)) {
-            i.value = !0, n.value = null, l("loading", !0), le.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 h = await a.dataProvider(u.computed.params);
-                u.response = a.dataTransformer(h, a);
+                const k = await a.dataProvider(u.computed.params);
+                u.response = a.dataTransformer(k, a);
               } else if (a.url) {
-                const h = await r.get(a.url, {
+                const k = await n.get(a.url, {
                   params: u.computed.params
                 });
-                u.response = a.dataTransformer(h, a);
+                u.response = a.dataTransformer(k, a);
               } else {
-                console.error("No data provider or URL provided"), i.value = !1, l("loading", !1), le.done();
+                console.error("No data provider or URL provided"), i.value = !1, l("loading", !1), ie.done();
                 return;
               }
               if (c) return;
               u.hotInstance.updateData(u.response.data), u.options.callback && typeof u.options.callback == "function" && await u.options.callback();
               const x = u.hotInstance.getPlugin("autoColumnSize");
-              I(a.settings, "columns", []).forEach((h, w) => {
-                h.width || x.calculateColumnsWidth(w, w, !0);
+              D(a.settings, "columns", []).forEach((k, b) => {
+                k.width || x.calculateColumnsWidth(b, b, !0);
               }), l("load", {
                 data: u.response.data,
                 meta: u.response.meta
               }), m && typeof m == "function" && m();
             } catch (x) {
-              n.value = x, l("error", x), console.error("Error loading table data:", x);
+              r.value = x, l("error", x), console.error("Error loading table data:", x);
             } finally {
-              i.value = !1, l("loading", !1), le.done();
+              i.value = !1, l("loading", !1), ie.done();
             }
           }
         },
@@ -1713,7 +1804,7 @@ const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
         fireEvent: (m, x) => {
           l(m, x);
         },
-        getSettingsForProp: (m) => Ct(I(u.tableSettings, "columns"), { data: m }),
+        getSettingsForProp: (m) => Tt(D(u.tableSettings, "columns"), { data: m }),
         // Helper methods for easier param access
         getParams: () => u.computed.params,
         getParam: (m) => u.computed.params[m],
@@ -1722,42 +1813,42 @@ const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
         },
         clearParam: (m) => u.methods.removeParam(m),
         clearParams: (m) => {
-          (Array.isArray(m) ? m : [m]).forEach((H) => {
-            u.params[H] !== void 0 && delete u.params[H];
+          (Array.isArray(m) ? m : [m]).forEach((P) => {
+            u.params[P] !== void 0 && delete u.params[P];
           }), u.methods.applyParams({ page: 1 });
         }
       },
       computed: {
-        params: S(() => ({
+        params: C(() => ({
           ...a.params,
           ...u.params
         })),
-        ready: S(() => $t(u, "response.meta.last_page"))
+        ready: C(() => Lt(u, "response.meta.last_page"))
       },
-      options: S(() => ({
-        ...de,
+      options: C(() => ({
+        ...ue,
         ...a.options
       })),
-      tableSettings: S(() => ({
-        ...ve,
-        nestedHeaders: I(a.settings, "nestedHeaders", []),
-        ...!I(a.settings, "nestedHeaders") && {
-          afterGetColHeader: (m, x) => As(m, x, u)
+      tableSettings: C(() => ({
+        ...ke,
+        nestedHeaders: D(a.settings, "nestedHeaders", []),
+        ...!D(a.settings, "nestedHeaders") && {
+          afterGetColHeader: (m, x) => zs(m, x, u)
         },
-        afterChange: (m, x) => Us(),
-        afterRender: () => js(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 h = I(a.settings, "columns", [])[x];
-          return h && h.width !== void 0 ? h.width : m;
+          const k = D(a.settings, "columns", [])[x];
+          return k && k.width !== void 0 ? k.width : m;
         },
         ...a.settings
       }))
-    }), y = (m) => {
+    }), h = (m) => {
       if (!m) return null;
       switch (m.type) {
         case "search":
@@ -1769,16 +1860,16 @@ const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
         default:
           return null;
       }
-    }, _ = (m) => m ? typeof m.enabled == "function" ? m.enabled(u.params) : m.enabled : !1, k = S(() => Object.entries(a.plugins).filter(([m, x]) => _(x)).map(([m, x]) => ({ name: m, config: x })));
-    if (A(
+    }, _ = (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 H = y(x);
-          if (!H) return;
-          const h = _(x), w = u.params[H] !== void 0;
-          !h && w && m.push(H);
+          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];
         });
@@ -1786,34 +1877,34 @@ const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
       { deep: !0, flush: "sync" }
     ), a.syncToRoute || a.persistToStorage) {
       const m = typeof a.syncToRoute == "string";
-      Gs(u, {
+      Qs(u, {
         namespace: m ? a.syncToRoute : null,
         syncToRoute: !!a.syncToRoute,
         persistToStorage: a.persistToStorage
       });
     }
-    return me(
+    return ge(
       () => a.params,
       async () => {
         u.params.page = 1, await u.methods.loadTable();
       },
       { debounce: 50, maxWait: 1e3 }
-    ), me(
+    ), ge(
       () => u.params,
       async () => {
         await u.methods.loadTable();
       },
       { debounce: 50, maxWait: 1e3 }
-    ), A(
+    ), j(
       () => a.url,
       async (m, x) => {
         m !== x && (u.params.page = 1, await u.methods.loadTable());
       }
-    ), ue(async () => {
+    ), pe(async () => {
       await u.methods.loadTable(), l("ready");
-    }), Fe(() => {
+    }), je(() => {
       c = !0;
-    }), Ks(u), s({
+    }), Xs(u), s({
       refresh: () => u.methods.loadTable(),
       getParams: () => u.methods.getParams(),
       getParam: (m) => u.methods.getParam(m),
@@ -1822,64 +1913,64 @@ const Zs = /* @__PURE__ */ new Map(), W = (e, s) => {
       clearParams: (m) => u.methods.clearParams(m),
       applyParams: (m) => u.methods.applyParams(m),
       loading: i,
-      error: n,
+      error: r,
       sparkTable: u,
       table: o
-    }), (m, x) => (f(), g("div", Ta, [
-      u.computed.ready && k.value && k.value.length ? (f(), E(be, {
+    }), (m, x) => (f(), g("div", Ra, [
+      u.computed.ready && w.value && w.value.length ? (f(), F(xe, {
         key: 0,
         position: "header"
       }, {
-        default: T(() => [
-          (f(!0), g(j, null, N(k.value, (H) => (f(), E(te(p[H.config.type]), {
-            key: H.name,
-            class: $(H.config.align ? `self-${H.config.align}` : ""),
+        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: H.config
+            config: P.config
           }, null, 8, ["class", "spark-table", "config"]))), 128)),
           M(m.$slots, "header", {
             sparkTable: u,
             loading: i.value,
-            error: n.value
+            error: r.value
           })
         ]),
         _: 3
-      })) : (f(), g("div", La)),
-      v(b(Tt), {
+      })) : (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(), E(be, {
+      u.computed.ready ? (f(), F(xe, {
         key: 2,
         position: "footer"
       }, {
-        default: T(() => [
-          v(ta, { "spark-table": u }, null, 8, ["spark-table"]),
-          d("div", Ha, [
-            v(na, {
+        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(ca, {
+            v(ma, {
               "spark-table": u,
               onPaginate: u.methods.applyParams
             }, null, 8, ["spark-table", "onPaginate"]),
             M(m.$slots, "footer", {
               sparkTable: u,
               loading: i.value,
-              error: n.value
+              error: r.value
             })
           ])
         ]),
         _: 3
-      })) : C("", !0)
+      })) : $("", !0)
     ]));
   }
 };
-function xe() {
-  const e = D({
+function we() {
+  const e = Z({
     isVisible: !1,
     content: null,
     props: {},
@@ -1890,8 +1981,8 @@ function xe() {
     e.isVisible = !1, e.content = null, e.props = {}, e.eventHandlers = {};
   }, a = () => {
     e.isVisible = !0;
-  }, l = (o, i = {}, n = {}) => {
-    e.content = _e(o), e.props = i, e.eventHandlers = n;
+  }, l = (o, i = {}, r = {}) => {
+    e.content = Ce(o), e.props = i, e.eventHandlers = r;
   };
   return {
     state: e,
@@ -1899,14 +1990,14 @@ function xe() {
     close: t,
     open: a,
     setContent: l,
-    show: (o, i = {}, n = {}) => {
-      o && l(o, i, n), a();
+    show: (o, i = {}, r = {}) => {
+      o && l(o, i, r), a();
     }
   };
 }
-class Va {
+class Fa {
   constructor() {
-    this.left = xe(), this.right = xe();
+    this.left = we(), this.right = we();
   }
   showLeft = (s, t = {}, a = {}) => {
     const l = {
@@ -1936,22 +2027,22 @@ class Va {
     this.left.close(), this.right.close();
   };
 }
-const Y = new Va(), Ra = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Ba = { class: "flex flex-1 flex-col" }, Ma = {
+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"
-}, Ea = { class: "flex flex-1 flex-col" }, Fa = {
+}, za = { class: "flex flex-1 flex-col" }, Ia = {
   role: "list",
   class: "flex flex-1 flex-col"
-}, Aa = { class: "flex items-center pb-8" }, ja = ["href", "onClick"], Oa = {
+}, Na = { class: "flex items-center pb-8" }, Da = ["href", "onClick"], qa = {
   key: 2,
   class: "w-full flex justify-center"
-}, za = {
+}, Za = {
   key: 0,
   class: "mt-[5px] flex flex-col gap-[5px]"
-}, Ia = ["href", "onClick"], Na = {
+}, Ka = ["href", "onClick"], Ua = {
   key: 1,
   class: "text-[13px]"
-}, Da = { class: "mt-auto" }, qa = { class: "p-[10px] flex-shrink-0" }, Za = { class: "flex flex-1 items-center gap-x-6" }, Ka = { class: "relative flex flex-1 items-center gap-4" }, Ua = { class: "cursor-pointer" }, Ga = ["src"], Wa = { class: "ml-auto" }, Ya = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, Rr = {
+}, 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: {
@@ -1969,113 +2060,113 @@ const Y = new Va(), Ra = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Ba =
   },
   emits: ["overlayClose"],
   setup(e, { emit: s }) {
-    const t = e, a = s, l = Se(), r = Q(), o = Re(), i = Pe(), n = S(() => i.getAppIcon(t.appStore.state.app)), c = S(() => r.meta.hideBrandSelector === !0 ? !1 : t.appStore.state.showBrandSelector), p = () => {
-      const k = {};
-      l["app-selector-bottom"] ? k.bottomSlot = () => fe("div", {}, l["app-selector-bottom"]()) : t.appSelectorSlots.bottomSlot && (k.bottomSlot = t.appSelectorSlots.bottomSlot), l["app-selector-footer"] ? k.footerSlot = () => fe("div", {}, l["app-selector-footer"]()) : t.appSelectorSlots.footerSlot && (k.footerSlot = t.appSelectorSlots.footerSlot), Y.showRight(os, k, {
+    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) => {
-          Y.closeRight();
+          X.closeRight();
         }
       });
     }, u = () => {
-      Y.showLeft(
-        xs,
+      X.showLeft(
+        ws,
         {},
         {
-          select: (k) => {
-            o.toggleBrand(k), Y.closeLeft();
+          select: (w) => {
+            o.toggleBrand(w), X.closeLeft();
           }
         }
       );
-    }, y = S(() => t.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [t.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), _ = S(() => t.mainNavStore.state.hidden ? ["pl-2.5"] : [t.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
-    return (k, m) => {
-      const x = R("font-awesome-icon"), H = R("router-view");
-      return f(), g(j, null, [
+    }, 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: $([y.value, "fixed inset-y-0 flex transition-all z-100"])
+          class: T([h.value, "fixed inset-y-0 flex transition-all z-100"])
         }, [
-          d("div", Ra, [
-            d("nav", Ba, [
-              d("ul", Ma, [
-                d("li", Ea, [
-                  d("ul", Fa, [
-                    d("li", Aa, [
+          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: m[0] || (m[0] = K((h) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
+                        onClick: m[0] || (m[0] = G((k) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
                       }, [
                         v(x, {
-                          icon: b(B)[n.value],
+                          icon: y(E)[r.value],
                           class: "size-5"
                         }, null, 8, ["icon"])
                       ]),
-                      e.mainNavStore.state.collapsed ? C("", !0) : (f(), g("a", {
+                      e.mainNavStore.state.collapsed ? $("", !0) : (f(), g("a", {
                         key: 0,
-                        onClick: m[1] || (m[1] = K((h) => 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"
-                      }, L(e.appStore.state.app), 1))
+                      }, H(e.appStore.state.app), 1))
                     ]),
-                    (f(!0), g(j, null, N(e.mainNavStore.state.menu, (h) => (f(), g("li", {
-                      key: h.name,
-                      class: $({
-                        "mt-[10px]": h.children,
-                        "mt-auto": h.footerSection
+                    (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
                       })
                     }, [
                       d("a", {
-                        class: $([{
-                          "bg-gray-100": h.current,
-                          "hover:bg-gray-100": h?.href
+                        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: h?.href,
-                        onClick: K((w) => e.mainNavStore.goto(h.href), ["prevent"])
+                        href: k?.href,
+                        onClick: G((b) => e.mainNavStore.goto(k.href), ["prevent"])
                       }, [
-                        h.icon ? (f(), E(x, {
+                        k.icon ? (f(), F(x, {
                           key: 0,
-                          icon: b(B)[h.icon],
-                          class: $([[(h.current, "text-gray-400")], "size-4"])
-                        }, null, 8, ["icon", "class"])) : C("", !0),
-                        e.mainNavStore.state.collapsed ? h?.children ? (f(), g("div", Oa, [...m[6] || (m[6] = [
+                          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)
-                        ])])) : C("", !0) : (f(), g("span", {
+                        ])])) : $("", !0) : (f(), g("span", {
                           key: 1,
-                          class: $({
-                            "text-[11px]": h?.children,
-                            "text-[13px]": !h?.children,
-                            "font-semibold": h?.children,
-                            "text-gray-500": h?.children
+                          class: T({
+                            "text-[11px]": k?.children,
+                            "text-[13px]": !k?.children,
+                            "font-semibold": k?.children,
+                            "text-gray-500": k?.children
                           })
-                        }, L(h.name), 3))
-                      ], 10, ja),
-                      h.children ? (f(), g("ul", za, [
-                        (f(!0), g(j, null, N(h.children, (w) => (f(), g("li", {
-                          key: w.name
+                        }, 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
                         }, [
                           d("a", {
-                            class: $([[w.current ? "bg-gray-100" : "", "hover:bg-gray-100"], "h-[37px] sgroup flex items-center gap-x-2 rounded-md p-3 text-gray-800 leading-5 transition-all duration-300 ease-in-out"]),
-                            href: w.href,
-                            onClick: K((P) => e.mainNavStore.goto(w.href), ["prevent"])
+                            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"])
                           }, [
-                            w.icon ? (f(), E(x, {
+                            b.icon ? (f(), F(x, {
                               key: 0,
-                              icon: b(B)[w.icon],
-                              class: $([[(w.current, "text-gray-400")], "size-4"])
-                            }, null, 8, ["icon", "class"])) : C("", !0),
-                            e.mainNavStore.state.collapsed ? C("", !0) : (f(), g("span", Na, L(w.name), 1))
-                          ], 10, Ia)
+                              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))
-                      ])) : C("", !0)
+                      ])) : $("", !0)
                     ], 2))), 128))
                   ])
                 ]),
-                d("li", Da, [
-                  M(k.$slots, "sidebar-footer"),
+                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: m[2] || (m[2] = K((h) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
+                    onClick: m[2] || (m[2] = G((k) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
                   }, [
                     v(x, {
-                      icon: b(B)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
+                      icon: y(E)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
                       class: "class-5"
                     }, null, 8, ["icon"])
                   ])
@@ -2085,36 +2176,36 @@ const Y = new Va(), Ra = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Ba =
           ])
         ], 2),
         d("div", {
-          class: $([_.value, "h-full transition-all flex flex-col"])
+          class: T([_.value, "h-full transition-all flex flex-col"])
         }, [
-          d("div", qa, [
-            d("div", Za, [
-              d("div", Ka, [
-                M(k.$slots, "header-left", {}, () => [
-                  d("div", Ua, [
+          d("div", Wa, [
+            d("div", Ya, [
+              d("div", Xa, [
+                M(w.$slots, "header-left", {}, () => [
+                  d("div", Ja, [
                     v(x, {
-                      icon: b(B).farBarsSort,
+                      icon: y(E).farBarsSort,
                       class: "size-5",
-                      onClick: m[3] || (m[3] = (h) => e.mainNavStore.toggleHidden())
+                      onClick: m[3] || (m[3] = (k) => e.mainNavStore.toggleHidden())
                     }, null, 8, ["icon"])
                   ])
                 ]),
-                M(k.$slots, "header-center", {}, () => [
+                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: u
                   }, [
-                    b(o).currentBrand ? (f(), g("img", {
+                    y(o).currentBrand ? (f(), g("img", {
                       key: 0,
-                      src: b(o).currentBrand.logo,
+                      src: y(o).currentBrand.logo,
                       alt: "",
                       class: "h-[30px] w-auto"
-                    }, null, 8, Ga)) : C("", !0)
-                  ])) : C("", !0)
+                    }, null, 8, Qa)) : $("", !0)
+                  ])) : $("", !0)
                 ]),
-                d("div", Wa, [
-                  M(k.$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",
@@ -2122,71 +2213,71 @@ const Y = new Va(), Ra = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Ba =
                       onClick: p
                     }, [
                       v(x, {
-                        icon: b(B).farGripDotsVertical,
+                        icon: y(E).farGripDotsVertical,
                         class: "size-4 text-gray-400"
                       }, null, 8, ["icon"])
-                    ])) : C("", !0)
+                    ])) : $("", !0)
                   ])
                 ])
               ])
             ])
           ]),
-          d("main", Ya, [
-            v(H)
+          d("main", to, [
+            v(P)
           ])
         ], 2),
-        v(b(ge), {
+        v(y(he), {
           position: "left",
-          "overlay-instance": b(Y).left,
-          onClose: m[4] || (m[4] = (h) => a("overlayClose", "left"))
+          "overlay-instance": y(X).left,
+          onClose: m[4] || (m[4] = (k) => a("overlayClose", "left"))
         }, null, 8, ["overlay-instance"]),
-        v(b(ge), {
+        v(y(he), {
           position: "right",
-          "overlay-instance": b(Y).right,
-          onClose: m[5] || (m[5] = (h) => a("overlayClose", "right"))
+          "overlay-instance": y(X).right,
+          onClose: m[5] || (m[5] = (k) => a("overlayClose", "right"))
         }, null, 8, ["overlay-instance"]),
-        v(b(Hs))
+        v(y(Es))
       ], 64);
     };
   }
-}, Xa = {}, Ja = { class: "h-full" };
-function Qa(e, s) {
-  const t = R("router-view");
-  return f(), g("main", Ja, [
+}, so = {}, ao = { class: "h-full" };
+function oo(e, s) {
+  const t = B("router-view");
+  return f(), g("main", ao, [
     v(t)
   ]);
 }
-const Br = /* @__PURE__ */ U(Xa, [["render", Qa]]), eo = (e) => {
+const Ar = /* @__PURE__ */ W(so, [["render", oo]]), ro = (e) => {
   const s = document.cookie.match(new RegExp(`(^| )${e}=([^;]+)`));
   return s ? s[2] : null;
-}, to = (e, s, t = {}) => {
+}, no = (e, s, t = {}) => {
   const {
     maxAge: a = 31536e3,
     // 365 days in seconds
-    domain: l = Be(),
-    secure: r = !0,
+    domain: l = Me(),
+    secure: n = !0,
     sameSite: o = "Lax",
     path: i = "/"
   } = t;
-  let n = `${e}=${s}; max-age=${a}; path=${i}; samesite=${o}`;
-  l && (n += `; domain=${l}`), r && (n += "; secure"), document.cookie = n;
-}, so = (e, s = {}) => {
-  const { domain: t = Be(), path: a = "/" } = s;
+  let r = `${e}=${s}; max-age=${a}; path=${i}; samesite=${o}`;
+  l && (r += `; domain=${l}`), n && (r += "; secure"), document.cookie = r;
+}, 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;
-}, Be = () => {
+}, 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;
-}, Me = [];
-function ao(e) {
-  Me.push(e);
+}, Fe = [];
+function io(e) {
+  Fe.push(e);
 }
-function oo() {
-  Me.forEach((e) => e());
+function co() {
+  Fe.forEach((e) => e());
 }
-function Mr(e) {
+function jr(e) {
   let s = !1;
-  return ao(() => {
+  return io(() => {
     s = !1;
   }), {
     bootstrapApp: async () => {
@@ -2199,8 +2290,8 @@ function Mr(e) {
     }
   };
 }
-const ce = "bolt-next-token", O = ae("auth", () => {
-  const e = D({
+const de = "bolt-next-token", I = re("auth", () => {
+  const e = Z({
     user: null,
     token: null,
     ready: !1,
@@ -2235,15 +2326,15 @@ const ce = "bolt-next-token", O = ae("auth", () => {
   }), s = (c = {}) => {
     c.endpoints && Object.assign(e.endpoints, c.endpoints), c.routes && Object.assign(e.routes, c.routes), c.devCredentials && Object.assign(e.devCredentials, c.devCredentials), c.callbacks && Object.assign(e.callbacks, c.callbacks), c.overrideToken && (e.overrideToken = c.overrideToken);
   }, t = (c) => {
-    to(ce, c), e.token = c;
+    no(de, c), e.token = c;
   }, a = () => {
-    so(ce), e.token = null;
-  }, l = () => eo(ce), r = async (c) => {
-    const p = await J.post(e.endpoints.login, c), u = p.headers.authorization;
+    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 J.post(
+      await ee.post(
         e.endpoints.logout,
         {},
         {
@@ -2255,14 +2346,14 @@ const ce = "bolt-next-token", O = ae("auth", () => {
     } catch (c) {
       throw e.callbacks.onLogoutError && await e.callbacks.onLogoutError(c), c;
     } finally {
-      a(), e.user = null, oo();
+      a(), e.user = null, co();
     }
   }, i = async () => {
     const c = e.overrideToken || l();
     if (!c)
       return e.ready = !0, null;
     try {
-      const { data: p } = await J.get(e.endpoints.fetch, {
+      const { data: p } = await ee.get(e.endpoints.fetch, {
         headers: {
           Authorization: `Bearer ${c}`
         }
@@ -2273,29 +2364,29 @@ const ce = "bolt-next-token", O = ae("auth", () => {
     } finally {
       e.ready = !0;
     }
-  }, n = S(() => e.overrideToken ? !0 : !!e.token && !!e.user);
+  }, r = C(() => e.overrideToken ? !0 : !!e.token && !!e.user);
   return {
     state: e,
     initialize: s,
-    login: r,
+    login: n,
     logout: o,
     fetchUser: i,
-    check: n,
+    check: r,
     setTokenCookie: t,
     clearTokenCookie: a,
     getTokenCookie: l
   };
-}), ro = { class: "h-full grid place-content-center relative" }, no = { class: "absolute top-8 left-8" }, lo = ["src"], io = {
+}), 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"
-}, co = { class: "max-w-sm grid gap-y-1 -mt-8" }, uo = { class: "mb-7" }, po = { class: "text-gray-600" }, fo = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, mo = {
+}, 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"
-}, go = { key: 0 }, ho = { key: 1 }, yo = {
+}, xo = { key: 0 }, ko = { key: 1 }, wo = {
   __name: "SparkLoginView",
   props: {
     logo: {
@@ -2312,7 +2403,7 @@ const ce = "bolt-next-token", O = ae("auth", () => {
     }
   },
   setup(e) {
-    const s = q(), t = Q(), a = Ve(), l = O(), r = e, o = V(!1), i = V(""), n = async (c) => {
+    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(c);
@@ -2324,7 +2415,7 @@ const ce = "bolt-next-token", O = ae("auth", () => {
           }
           await s.push(p);
         } else
-          await s.push(r.defaultRedirect);
+          await s.push(n.defaultRedirect);
       } catch (p) {
         i.value = p.response?.data?.message || p.message || "Login failed. Please try again.";
       } finally {
@@ -2332,15 +2423,15 @@ const ce = "bolt-next-token", O = ae("auth", () => {
       }
     };
     return (c, p) => {
-      const u = R("FormKit"), y = R("router-link");
-      return f(), g("div", ro, [
-        d("div", no, [
-          r.logo ? (f(), g("img", {
+      const u = B("FormKit"), h = B("router-link");
+      return f(), g("div", uo, [
+        d("div", po, [
+          n.logo ? (f(), g("img", {
             key: 0,
-            src: r.logo,
+            src: n.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, lo)) : (f(), g("svg", io, [...p[0] || (p[0] = [
+          }, 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"
@@ -2359,17 +2450,17 @@ const ce = "bolt-next-token", O = ae("auth", () => {
             }, null, -1)
           ])]))
         ]),
-        d("div", co, [
-          d("div", uo, [
+        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", po, " Welcome back" + L(b(a).state.app ? ` to ${b(a).state.app}` : "") + "! Please enter your details. ", 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: n,
+            onSubmit: r,
             actions: !1
           }, {
-            default: T(() => [
+            default: L(() => [
               v(u, {
                 label: "Email",
                 name: "email",
@@ -2377,7 +2468,7 @@ const ce = "bolt-next-token", O = ae("auth", () => {
                 type: "email",
                 validation: "required|email",
                 "outer-class": "max-w-full",
-                value: b(l).state.devCredentials.username
+                value: y(l).state.devCredentials.username
               }, null, 8, ["value"]),
               v(u, {
                 label: "Password",
@@ -2386,29 +2477,29 @@ const ce = "bolt-next-token", O = ae("auth", () => {
                 type: "password",
                 validation: "required",
                 "outer-class": "max-w-full",
-                value: b(l).state.devCredentials.password
+                value: y(l).state.devCredentials.password
               }, null, 8, ["value"]),
-              d("div", fo, [
+              d("div", bo, [
                 p[3] || (p[3] = d("span", null, null, -1)),
-                v(y, {
-                  to: r.forgotPasswordRoute,
+                v(h, {
+                  to: n.forgotPasswordRoute,
                   class: "text-sm text-primary-600 font-semibold"
                 }, {
-                  default: T(() => [...p[2] || (p[2] = [
-                    F(" Forgot password ", -1)
+                  default: L(() => [...p[2] || (p[2] = [
+                    A(" Forgot password ", -1)
                   ])]),
                   _: 1
                 }, 8, ["to"])
               ]),
-              i.value ? (f(), g("div", mo, L(i.value), 1)) : C("", !0),
-              v(b(z), {
+              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: T(() => [
-                  o.value ? (f(), g("span", ho, "Signing in...")) : (f(), g("span", go, "Sign in"))
+                default: L(() => [
+                  o.value ? (f(), g("span", ko, "Signing in...")) : (f(), g("span", xo, "Sign in"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -2419,7 +2510,7 @@ const ce = "bolt-next-token", O = ae("auth", () => {
       ]);
     };
   }
-}, bo = {
+}, _o = {
   __name: "SparkLogoutView",
   props: {
     defaultRedirect: {
@@ -2428,27 +2519,27 @@ const ce = "bolt-next-token", O = ae("auth", () => {
     }
   },
   setup(e) {
-    const s = q(), t = Q(), a = O(), l = e;
-    return ue(async () => {
+    const s = K(), t = te(), a = I(), l = e;
+    return pe(async () => {
       await a.logout();
-      const r = t.query.redirect;
-      r && r.startsWith("http") ? window.location.href = r : await s.push(r || l.defaultRedirect);
-    }), (r, o) => null;
+      const n = t.query.redirect;
+      n && n.startsWith("http") ? window.location.href = n : await s.push(n || l.defaultRedirect);
+    }), (n, o) => null;
   }
-}, vo = { class: "h-full grid place-content-center relative" }, xo = { class: "absolute top-8 left-8" }, ko = ["src"], _o = {
+}, 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"
-}, wo = { class: "max-w-sm grid gap-y-1 -mt-8" }, So = {
+}, Lo = { class: "max-w-sm grid gap-y-1 -mt-8" }, Ho = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, Co = {
+}, Po = {
   key: 1,
   class: "text-green-600 text-sm mb-2"
-}, $o = { key: 0 }, To = { key: 1 }, Lo = {
+}, Vo = { key: 0 }, Ro = { key: 1 }, Bo = {
   __name: "SparkForgotPasswordView",
   props: {
     logo: {
@@ -2461,26 +2552,26 @@ const ce = "bolt-next-token", O = ae("auth", () => {
     }
   },
   setup(e) {
-    const s = O(), t = e, a = V(!1), l = V(""), r = V(""), o = async ({ email: i }) => {
-      a.value = !0, l.value = "", r.value = "";
+    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 J.post(s.state.endpoints.passwordEmail, { email: i }), r.value = "Password reset link sent! Check your email.";
-      } catch (n) {
-        l.value = n.response?.data?.message || "Failed to send reset link.";
+        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 {
         a.value = !1;
       }
     };
-    return (i, n) => {
-      const c = R("FormKit"), p = R("router-link");
-      return f(), g("div", vo, [
-        d("div", xo, [
+    return (i, r) => {
+      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, ko)) : (f(), g("svg", _o, [...n[0] || (n[0] = [
+          }, 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"
@@ -2499,8 +2590,8 @@ const ce = "bolt-next-token", O = ae("auth", () => {
             }, null, -1)
           ])]))
         ]),
-        d("div", wo, [
-          n[2] || (n[2] = d("div", { class: "mb-7" }, [
+        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)),
@@ -2509,7 +2600,7 @@ const ce = "bolt-next-token", O = ae("auth", () => {
             onSubmit: o,
             actions: !1
           }, {
-            default: T(() => [
+            default: L(() => [
               v(c, {
                 label: "Email",
                 name: "email",
@@ -2518,16 +2609,16 @@ const ce = "bolt-next-token", O = ae("auth", () => {
                 validation: "required|email",
                 "outer-class": "max-w-full"
               }),
-              l.value ? (f(), g("div", So, L(l.value), 1)) : C("", !0),
-              r.value ? (f(), g("div", Co, L(r.value), 1)) : C("", !0),
-              v(b(z), {
+              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: T(() => [
-                  a.value ? (f(), g("span", To, "Sending...")) : (f(), g("span", $o, "Send reset link"))
+                default: L(() => [
+                  a.value ? (f(), g("span", Ro, "Sending...")) : (f(), g("span", Vo, "Send reset link"))
                 ]),
                 _: 1
               }, 8, ["disabled"]),
@@ -2535,8 +2626,8 @@ const ce = "bolt-next-token", O = ae("auth", () => {
                 to: t.loginRoute,
                 class: "text-sm text-center text-primary-600 font-semibold block"
               }, {
-                default: T(() => [...n[1] || (n[1] = [
-                  F(" Back to login ", -1)
+                default: L(() => [...r[1] || (r[1] = [
+                  A(" Back to login ", -1)
                 ])]),
                 _: 1
               }, 8, ["to"])
@@ -2547,17 +2638,17 @@ const ce = "bolt-next-token", O = ae("auth", () => {
       ]);
     };
   }
-}, Ho = { class: "h-full grid place-content-center relative" }, Po = { class: "absolute top-8 left-8" }, Vo = ["src"], Ro = {
+}, 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"
-}, Bo = { class: "max-w-sm grid gap-y-1 -mt-8" }, Mo = {
+}, jo = { class: "max-w-sm grid gap-y-1 -mt-8" }, Oo = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, Eo = { key: 0 }, Fo = { key: 1 }, Ao = {
+}, zo = { key: 0 }, Io = { key: 1 }, No = {
   __name: "SparkResetPasswordView",
   props: {
     logo: {
@@ -2570,31 +2661,31 @@ const ce = "bolt-next-token", O = ae("auth", () => {
     }
   },
   setup(e) {
-    const s = q(), t = Q(), a = O(), l = e, r = V(!1), o = V(""), i = async ({ password: n, password_confirmation: c }) => {
-      r.value = !0, o.value = "";
+    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 J.post(a.state.endpoints.passwordReset, {
+        await ee.post(a.state.endpoints.passwordReset, {
           email: t.query.email,
           token: t.query.token,
-          password: n,
+          password: r,
           password_confirmation: c
         }), await s.push(l.loginRoute);
       } catch (p) {
         o.value = p.response?.data?.message || "Failed to reset password.";
       } finally {
-        r.value = !1;
+        n.value = !1;
       }
     };
-    return (n, c) => {
-      const p = R("FormKit");
-      return f(), g("div", Ho, [
-        d("div", Po, [
+    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, Vo)) : (f(), g("svg", Ro, [...c[0] || (c[0] = [
+          }, 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"
@@ -2613,7 +2704,7 @@ const ce = "bolt-next-token", O = ae("auth", () => {
             }, null, -1)
           ])]))
         ]),
-        d("div", Bo, [
+        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. ")
@@ -2623,7 +2714,7 @@ const ce = "bolt-next-token", O = ae("auth", () => {
             onSubmit: i,
             actions: !1
           }, {
-            default: T(() => [
+            default: L(() => [
               v(p, {
                 label: "New Password",
                 name: "password",
@@ -2640,15 +2731,15 @@ const ce = "bolt-next-token", O = ae("auth", () => {
                 validation: "required|confirm:password",
                 "outer-class": "max-w-full"
               }),
-              o.value ? (f(), g("div", Mo, L(o.value), 1)) : C("", !0),
-              v(b(z), {
+              o.value ? (f(), g("div", Oo, H(o.value), 1)) : $("", !0),
+              v(y(N), {
                 type: "submit",
                 size: "xl",
-                disabled: r.value,
+                disabled: n.value,
                 "button-class": "w-full mb-2"
               }, {
-                default: T(() => [
-                  r.value ? (f(), g("span", Fo, "Resetting...")) : (f(), g("span", Eo, "Reset password"))
+                default: L(() => [
+                  n.value ? (f(), g("span", Io, "Resetting...")) : (f(), g("span", zo, "Reset password"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -2659,14 +2750,14 @@ const ce = "bolt-next-token", O = ae("auth", () => {
       ]);
     };
   }
-}, jo = { class: "h-full grid place-content-center relative" }, Oo = { class: "absolute top-8 left-8" }, zo = ["src"], Io = {
+}, 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"
-}, No = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Do = { class: "flex gap-4 justify-center" }, qo = {
+}, 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: {
@@ -2679,17 +2770,17 @@ const ce = "bolt-next-token", O = ae("auth", () => {
     }
   },
   setup(e) {
-    const s = q(), t = e, a = () => {
+    const s = K(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, r) => (f(), g("div", jo, [
-      d("div", Oo, [
+    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, zo)) : (f(), g("svg", Io, [...r[0] || (r[0] = [
+        }, 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"
@@ -2708,23 +2799,23 @@ const ce = "bolt-next-token", O = ae("auth", () => {
           }, null, -1)
         ])]))
       ]),
-      d("div", No, [
-        r[2] || (r[2] = d("div", null, [
+      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" }, [
-            F(" You don't have permission to access this resource."),
+            A(" You don't have permission to access this resource."),
             d("br"),
-            F(" If you believe this is an error, please contact your administrator. ")
+            A(" If you believe this is an error, please contact your administrator. ")
           ])
         ], -1)),
-        d("div", Do, [
-          v(b(z), {
+        d("div", Go, [
+          v(y(N), {
             onClick: a,
             size: "lg"
           }, {
-            default: T(() => [...r[1] || (r[1] = [
-              F(" Go to Home ", -1)
+            default: L(() => [...n[1] || (n[1] = [
+              A(" Go to Home ", -1)
             ])]),
             _: 1
           })
@@ -2732,14 +2823,14 @@ const ce = "bolt-next-token", O = ae("auth", () => {
       ])
     ]));
   }
-}, Zo = { class: "h-full grid place-content-center relative" }, Ko = { class: "absolute top-8 left-8" }, Uo = ["src"], Go = {
+}, 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"
-}, Wo = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Yo = { class: "flex gap-4 justify-center" }, Xo = {
+}, 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: {
@@ -2752,17 +2843,17 @@ const ce = "bolt-next-token", O = ae("auth", () => {
     }
   },
   setup(e) {
-    const s = q(), t = e, a = () => {
+    const s = K(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, r) => (f(), g("div", Zo, [
-      d("div", Ko, [
+    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, Uo)) : (f(), g("svg", Go, [...r[0] || (r[0] = [
+        }, 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"
@@ -2781,19 +2872,19 @@ const ce = "bolt-next-token", O = ae("auth", () => {
           }, null, -1)
         ])]))
       ]),
-      d("div", Wo, [
-        r[2] || (r[2] = d("div", null, [
+      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)),
-        d("div", Yo, [
-          v(b(z), {
+        d("div", tr, [
+          v(y(N), {
             onClick: a,
             size: "lg"
           }, {
-            default: T(() => [...r[1] || (r[1] = [
-              F(" Go to Home ", -1)
+            default: L(() => [...n[1] || (n[1] = [
+              A(" Go to Home ", -1)
             ])]),
             _: 1
           })
@@ -2801,14 +2892,14 @@ const ce = "bolt-next-token", O = ae("auth", () => {
       ])
     ]));
   }
-}, Jo = { class: "h-full grid place-content-center relative" }, Qo = { class: "absolute top-8 left-8" }, er = ["src"], tr = {
+}, 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"
-}, sr = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, ar = { class: "text-primary-600 text-7xl font-bold mb-4" }, or = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, rr = { class: "text-gray-600" }, nr = { class: "flex gap-4 justify-center" }, Er = {
+}, 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: {
@@ -2833,17 +2924,17 @@ const ce = "bolt-next-token", O = ae("auth", () => {
     }
   },
   setup(e) {
-    const s = q(), t = e, a = () => {
+    const s = K(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, r) => (f(), g("div", Jo, [
-      d("div", Qo, [
+    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, er)) : (f(), g("svg", tr, [...r[0] || (r[0] = [
+        }, 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"
@@ -2862,19 +2953,19 @@ const ce = "bolt-next-token", O = ae("auth", () => {
           }, null, -1)
         ])]))
       ]),
-      d("div", sr, [
+      d("div", lr, [
         d("div", null, [
-          d("div", ar, L(t.errorCode || "Error"), 1),
-          d("h1", or, L(t.title || "Something went wrong"), 1),
-          d("p", rr, L(t.message || "An unexpected error occurred. Please try again later."), 1)
+          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)
         ]),
-        d("div", nr, [
-          v(b(z), {
+        d("div", ur, [
+          v(y(N), {
             onClick: a,
             size: "lg"
           }, {
-            default: T(() => [...r[1] || (r[1] = [
-              F(" Go to Home ", -1)
+            default: L(() => [...n[1] || (n[1] = [
+              A(" Go to Home ", -1)
             ])]),
             _: 1
           })
@@ -2883,60 +2974,60 @@ const ce = "bolt-next-token", O = ae("auth", () => {
     ]));
   }
 };
-function Fr(e = {}) {
+function zr(e = {}) {
   const {
     loginPath: s = "/login",
     logoutPath: t = "/logout",
     forgotPasswordPath: a = "/forgot-password",
     resetPasswordPath: l = "/password/reset",
-    logo: r = "",
+    logo: n = "",
     defaultRedirect: o = "/dashboard"
   } = e;
   return [
     {
       path: s,
       name: "login",
-      component: yo,
-      props: { logo: r, defaultRedirect: o },
+      component: wo,
+      props: { logo: n, defaultRedirect: o },
       meta: { auth: !1 }
     },
     {
       path: t,
       name: "logout",
-      component: bo,
+      component: _o,
       props: { defaultRedirect: s },
       meta: { auth: !1 }
     },
     {
       path: a,
       name: "forgot-password",
-      component: Lo,
-      props: { logo: r, loginRoute: s },
+      component: Bo,
+      props: { logo: n, loginRoute: s },
       meta: { auth: !1 }
     },
     {
       path: l,
       name: "password-reset",
-      component: Ao,
-      props: { logo: r, loginRoute: s },
+      component: No,
+      props: { logo: n, loginRoute: s },
       meta: { auth: !1 }
     }
   ];
 }
-function Ar(e, s = {}) {
+function Ir(e, s = {}) {
   const { defaultAuthenticatedRoute: t = "/dashboard" } = s;
-  e.beforeEach(async (a, l, r) => {
-    const o = O();
-    o.state.ready || await o.fetchUser(), lr(a, r, o, t);
+  e.beforeEach(async (a, l, n) => {
+    const o = I();
+    o.state.ready || await o.fetchUser(), pr(a, n, o, t);
   });
 }
-function lr(e, s, t, a) {
-  const l = e.meta.auth !== !1, r = t.check;
+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 });
     return;
   }
-  if (!r) {
+  if (!n) {
     if (!l) {
       if (e.path === "/logout") {
         s({ path: t.state.routes.auth });
@@ -2956,7 +3047,7 @@ function lr(e, s, t, a) {
     });
     return;
   }
-  if (r) {
+  if (n) {
     if (!l && e.path === t.state.routes.auth) {
       s({ path: a });
       return;
@@ -2968,7 +3059,7 @@ function lr(e, s, t, a) {
     s();
   }
 }
-function jr(e = {}) {
+function Nr(e = {}) {
   const {
     forbiddenPath: s = "/error/403",
     logo: t = "",
@@ -2977,12 +3068,12 @@ function jr(e = {}) {
   return {
     path: s,
     name: "error-403",
-    component: qo,
+    component: Wo,
     props: { logo: t, homeRoute: a },
     meta: { auth: !1 }
   };
 }
-function Or(e = {}) {
+function Dr(e = {}) {
   const {
     logo: s = "",
     homeRoute: t = "/dashboard"
@@ -2990,21 +3081,21 @@ function Or(e = {}) {
   return {
     path: "/:pathMatch(.*)*",
     name: "error-404",
-    component: Xo,
+    component: sr,
     props: { logo: s, homeRoute: t },
     meta: { auth: !1 }
   };
 }
-function zr(e, s) {
+function qr(e, s) {
   e.beforeResolve(async (t) => {
     if (t.meta.auth !== !1) {
-      const a = O();
+      const a = I();
       a.state.ready && a.check && await s();
     }
   });
 }
-function ir(e = {}) {
-  const s = J.create({
+function fr(e = {}) {
+  const s = ee.create({
     baseURL: e.baseURL || "",
     timeout: e.timeout || 3e4,
     headers: {
@@ -3015,7 +3106,7 @@ function ir(e = {}) {
   return s.interceptors.request.use(
     (t) => {
       try {
-        const a = O();
+        const a = I();
         a.state.overrideToken ? t.headers.Authorization = `Bearer ${a.state.overrideToken}` : a.state.token && (t.headers.Authorization = `Bearer ${a.state.token}`);
       } catch {
       }
@@ -3027,14 +3118,14 @@ function ir(e = {}) {
     async (t) => {
       if (t.response?.status === 401)
         try {
-          const a = O();
+          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 = O();
+          const a = I();
           window.location.href = a.state.routes.forbidden;
         } catch (a) {
           console.error("Error during 403 redirect:", a), window.location.href = "/error/403";
@@ -3043,32 +3134,32 @@ function ir(e = {}) {
     }
   ), s;
 }
-let X = null;
-function Ir(e, s = {}) {
-  return X = ir(s), e.provide("axios", X), e.config.globalProperties.$axios = X, X;
+let Q = null;
+function Zr(e, s = {}) {
+  return Q = fr(s), e.provide("axios", Q), e.config.globalProperties.$axios = Q, Q;
 }
-function Nr() {
-  if (!X)
+function Kr() {
+  if (!Q)
     throw new Error("Axios instance not initialized. Call setupAxios() first.");
-  return X;
+  return Q;
 }
-const Dr = ae("sparkNav", () => {
-  const e = D({
+const Ur = re("sparkNav", () => {
+  const e = Z({
     menu: [],
     collapsed: !1,
     hidden: !1
-  }), s = q(), t = Q(), a = (c = []) => {
-    e.menu = c, n();
+  }), 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 y = l(u.children, p);
-        if (y) return y;
+        const h = l(u.children, p);
+        if (h) return h;
       }
     }
     return null;
-  }, r = async (c) => {
+  }, n = async (c) => {
     if (c) {
       const p = l(e.menu, c);
       if (p && typeof p.action == "function") {
@@ -3081,86 +3172,86 @@ const Dr = ae("sparkNav", () => {
     e.collapsed = !e.collapsed;
   }, i = () => {
     e.hidden = !e.hidden;
-  }, n = () => {
+  }, r = () => {
     const c = t.name || t.path.replace("/", "");
     if (c) {
       const p = (u) => {
-        u.forEach((y) => {
-          y.current = y.href === c, y.children && p(y.children);
+        u.forEach((h) => {
+          h.current = h.href === c, h.children && p(h.children);
         });
       };
       p(e.menu);
     }
   };
-  return A(
+  return j(
     () => t.path,
     () => {
-      n();
+      r();
     },
     { immediate: !0 }
   ), {
     state: e,
     initialize: a,
-    goto: r,
+    goto: n,
     toggleCollapsed: o,
     toggleHidden: i,
-    syncWithRoute: n
+    syncWithRoute: r
   };
 });
 export {
-  B as Icons,
-  Lr as SparkAlert,
-  os as SparkAppSelector,
-  xs as SparkBrandSelector,
-  z as SparkButton,
-  _s as SparkButtonGroup,
-  Hr as SparkCard,
-  Rr as SparkDefaultContainer,
-  qo as SparkError403View,
-  Xo as SparkError404View,
-  Er as SparkErrorGeneralView,
-  Lo as SparkForgotPasswordView,
-  yo as SparkLoginView,
-  bo as SparkLogoutView,
-  Hs as SparkModalContainer,
-  Pr as SparkModalDialog,
-  ge as SparkOverlay,
-  Br as SparkPublicContainer,
-  Ao as SparkResetPasswordView,
-  Vr as SparkTable,
-  _a as SparkTableDatePicker,
-  va as SparkTableFilterButtons,
-  ga as SparkTableFilterSelect,
-  na as SparkTablePaginationPaging,
-  ca as SparkTablePaginationPerPage,
-  $a as SparkTableReset,
-  pa as SparkTableSearch,
-  be as SparkTableToolbar,
-  $r as addIcons,
-  jr as create403Route,
-  Or as create404Route,
-  Fr as createAuthRoutes,
-  ir as createAxiosInstance,
-  Mr as createBootstrapService,
-  As as customiseHeader,
-  so as deleteCookie,
-  Nr as getAxiosInstance,
-  eo as getCookie,
-  Be as getDomain,
-  Bs as renderHeaderTitle,
-  to as setCookie,
-  Ar as setupAuthGuards,
-  Ir as setupAxios,
-  zr as setupBootstrapGuard,
-  Tr as setupFontAwesome,
-  ee as sparkModalService,
-  Y as sparkOverlayService,
-  Us as updateRow,
-  Pe as useSparkAppSelectorStore,
-  Ve as useSparkAppStore,
-  O as useSparkAuthStore,
-  Re as useSparkBrandFilterStore,
-  Dr as useSparkNavStore,
-  xe as useSparkOverlay,
-  Gs as useSparkTableRouteSync
+  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
 };