@wishbone-media/spark 0.15.2 → 0.16.0

package/dist/index.js

@@ -1,12 +1,12 @@
-import { computed as k, resolveComponent as $, createElementBlock as g, openBlock as f, normalizeClass as _, createElementVNode as c, createVNode as b, unref as y, renderSlot as T, reactive as z, Fragment as M, renderList as B, createCommentVNode as x, toDisplayString as S, createBlock as V, resolveDynamicComponent as W, ref as L, inject as ge, provide as Ve, markRaw as he, withCtx as w, mergeProps as Y, toHandlers as ye, createTextVNode as P, withModifiers as j, useSlots as be, watch as E, onMounted as ve, h as le } from "vue";
+import { computed as k, resolveComponent as L, createElementBlock as g, openBlock as f, normalizeClass as _, createElementVNode as c, createVNode as v, unref as y, renderSlot as T, reactive as z, Fragment as B, renderList as A, createCommentVNode as x, toDisplayString as S, createBlock as V, resolveDynamicComponent as W, ref as $, inject as ge, provide as Ve, markRaw as he, withCtx as w, mergeProps as Y, toHandlers as ye, createTextVNode as P, withModifiers as j, useSlots as ve, watch as E, onMounted as be, h as le } from "vue";
 import { library as xe, icon as ee } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon as Pe } from "@fortawesome/vue-fontawesome";
-import { faUndo as Re, faEye as Me, faSignOut as Fe, faXmark as Ae, faTrash as Be, faTimes as Ee, faStreetView as ze, faSortUp as je, faSortDown as Oe, faSort as Ie, faScaleBalanced as Ne, faSatelliteDish as De, faLayerPlus as Ze, faLaptopMobile as qe, faInfoCircle as Ge, faGripDotsVertical as Ke, faGearComplex as Ue, faFlag as We, faFaceSmileWink as Ye, faFaceSmileRelaxed as Xe, faExclamationTriangle as Je, faEllipsisVertical as Qe, faEllipsis as et, faEdit as tt, faComments as st, faCircleXmark as at, faCircleUser as ot, faChevronUp as rt, faChevronRight as nt, faChevronLeft as lt, faChevronDown as it, faCheckCircle as ct, faCheck as dt, faBullhorn as ut, faBellRing as pt, faBarsSort as ft, faArrowRightToLine as mt, faArrowLeftToLine as gt } from "@fortawesome/pro-regular-svg-icons";
+import { faUndo as Re, faEye as Be, faSignOut as Me, faXmark as Fe, faTrash as Ae, faTimes as Ee, faStreetView as ze, faSortUp as je, faSortDown as Ie, faSort as Oe, faScaleBalanced as Ne, faSatelliteDish as De, faLayerPlus as Ze, faLaptopMobile as qe, faInfoCircle as Ge, faGripDotsVertical as Ke, faGearComplex as Ue, faFlag as We, faFaceSmileWink as Ye, faFaceSmileRelaxed as Xe, faExclamationTriangle as Je, faEllipsisVertical as Qe, faEllipsis as et, faEdit as tt, faComments as st, faCircleXmark as at, faCircleUser as ot, faChevronUp as rt, faChevronRight as nt, faChevronLeft as lt, faChevronDown as it, faCheckCircle as ct, faCheck as dt, faBullhorn as ut, faBellRing as pt, faBarsSort as ft, faArrowRightToLine as mt, faArrowLeftToLine as gt } from "@fortawesome/pro-regular-svg-icons";
 import { defineStore as X } from "pinia";
 import { TransitionRoot as ke, Dialog as _e, TransitionChild as te, DialogPanel as we } from "@headlessui/vue";
 import ae from "nprogress";
-import { range as ht, get as q, find as yt, has as bt } from "lodash";
-import { HotTable as vt } from "@handsontable/vue3";
+import { range as ht, get as q, find as yt, has as vt } from "lodash";
+import { HotTable as bt } from "@handsontable/vue3";
 import "handsontable/styles/handsontable.css";
 import "handsontable/styles/ht-theme-classic.css";
 import { registerPlugin as Q, AutoColumnSize as xt, CopyPaste as kt, StretchColumns as _t, NestedHeaders as wt } from "handsontable/plugins";
@@ -14,7 +14,20 @@ import { registerAllCellTypes as Ct } from "handsontable/cellTypes";
 import { useDebounceFn as Ce, watchDebounced as ie } from "@vueuse/core";
 import { registerRenderer as St, baseRenderer as $t } from "handsontable/renderers";
 import K from "axios";
-import { useRouter as O, useRoute as se } from "vue-router";
+import { useRouter as I, useRoute as se } from "vue-router";
+var Lt = {
+  prefix: "fad",
+  iconName: "sort-up",
+  icon: [384, 512, ["sort-asc"], "f0de", ["", "M32 224c-12.9 0-24.6-7.8-29.6-19.8S.2 178.5 9.4 169.4l160-160c12.5-12.5 32.8-12.5 45.3 0l160 160c9.2 9.2 11.9 22.9 6.9 34.9S364.9 224 352 224L32 224z"]]
+}, Ht = {
+  prefix: "fad",
+  iconName: "sort",
+  icon: [384, 512, ["unsorted"], "f0dc", ["M2.4 307.8c-5 12-2.2 25.7 6.9 34.9l160 160c12.5 12.5 32.8 12.5 45.3 0l160-160c9.2-9.2 11.9-22.9 6.9-34.9S364.9 288 352 288L32 288c-12.9 0-24.6 7.8-29.6 19.8z", "M32 224c-12.9 0-24.6-7.8-29.6-19.8S.2 178.5 9.4 169.4l160-160c12.5-12.5 32.8-12.5 45.3 0l160 160c9.2 9.2 11.9 22.9 6.9 34.9S364.9 224 352 224L32 224z"]]
+}, Tt = {
+  prefix: "fad",
+  iconName: "sort-down",
+  icon: [384, 512, ["sort-desc"], "f0dd", ["", "M32 288c-12.9 0-24.6 7.8-29.6 19.8S.2 333.5 9.4 342.6l160 160c12.5 12.5 32.8 12.5 45.3 0l160-160c9.2-9.2 11.9-22.9 6.9-34.9S364.9 288 352 288L32 288z"]]
+};
 const H = {
   farArrowLeftToLine: gt,
   farArrowRightToLine: mt,
@@ -44,24 +57,27 @@ const H = {
   farLayerPlus: Ze,
   farSatelliteDish: De,
   farScaleBalanced: Ne,
-  farSort: Ie,
-  farSortDown: Oe,
+  farSort: Oe,
+  farSortDown: Ie,
   farSortUp: je,
   farStreetView: ze,
   farTimes: Ee,
-  farTrash: Be,
-  farXmark: Ae,
-  farSignOut: Fe,
-  farEye: Me,
-  farUndo: Re
+  farTrash: Ae,
+  farXmark: Fe,
+  farSignOut: Me,
+  farEye: Be,
+  farUndo: Re,
+  fadSort: Ht,
+  fadSortDown: Tt,
+  fadSortUp: Lt
 };
-function pr(e) {
+function hr(e) {
   Object.assign(H, e), xe.add(...Object.values(e));
 }
-function fr(e) {
+function yr(e) {
   xe.add(...Object.values(H)), e.component("FontAwesomeIcon", Pe);
 }
-const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }, Tt = { class: "ml-3" }, Vt = { class: "ml-auto pl-3 pt-1 self-start" }, Pt = { class: "-mx-1.5 -my-1.5" }, mr = {
+const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }, Rt = { class: "ml-3" }, Bt = { class: "ml-auto pl-3 pt-1 self-start" }, Mt = { class: "-mx-1.5 -my-1.5" }, vr = {
   __name: "SparkAlert",
   props: {
     type: {
@@ -87,35 +103,35 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
       warning: "farExclamationTriangle",
       danger: "farCircleXmark",
       info: "farInfoCircle"
-    })[s.type]), o = k(() => ({
+    })[s.type]), r = k(() => ({
       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 (n, i) => {
-      const r = $("font-awesome-icon");
+    return (o, i) => {
+      const n = L("font-awesome-icon");
       return f(), g("div", {
         class: _(["rounded-md border p-4", t.value])
       }, [
-        c("div", Lt, [
-          c("div", Ht, [
-            b(r, {
+        c("div", Vt, [
+          c("div", Pt, [
+            v(n, {
               icon: y(H)[l.value],
               class: _(a.value)
             }, null, 8, ["icon", "class"])
           ]),
-          c("div", Tt, [
-            T(n.$slots, "default")
+          c("div", Rt, [
+            T(o.$slots, "default")
           ]),
-          c("div", Vt, [
-            c("div", Pt, [
+          c("div", Bt, [
+            c("div", Mt, [
               c("button", {
                 type: "button",
-                class: _(["inline-flex rounded-md px-2 py-1.5", o.value]),
-                onClick: i[0] || (i[0] = (d) => n.$emit("close"))
+                class: _(["inline-flex rounded-md px-2 py-1.5", r.value]),
+                onClick: i[0] || (i[0] = (d) => o.$emit("close"))
               }, [
-                b(r, {
+                v(n, {
                   icon: y(H).farXmark
                 }, null, 8, ["icon"])
               ], 2)
@@ -171,13 +187,13 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
 ], Se = X("sparkAppSelector", () => {
   const e = z({
     apps: [...oe]
-  }), s = (o = {}) => {
-    if (o.apps && Array.isArray(o.apps)) {
-      const n = o.apps.filter((i) => {
-        const r = i.name && i.description && i.icon && i.href;
-        return r || console.warn("useSparkAppSelectorStore: Invalid app object", i), r;
+  }), s = (r = {}) => {
+    if (r.apps && Array.isArray(r.apps)) {
+      const o = r.apps.filter((i) => {
+        const n = i.name && i.description && i.icon && i.href;
+        return n || console.warn("useSparkAppSelectorStore: Invalid app object", i), n;
       });
-      e.apps = n.map((i) => ({
+      e.apps = o.map((i) => ({
         name: i.name,
         description: i.description,
         icon: i.icon,
@@ -185,33 +201,33 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
       }));
       return;
     }
-    if (o.appHrefs && typeof o.appHrefs == "object") {
-      const n = /* @__PURE__ */ new Map();
-      Object.keys(o.appHrefs).forEach((i) => {
-        n.set(i.toLowerCase(), o.appHrefs[i]);
+    if (r.appHrefs && typeof r.appHrefs == "object") {
+      const o = /* @__PURE__ */ new Map();
+      Object.keys(r.appHrefs).forEach((i) => {
+        o.set(i.toLowerCase(), r.appHrefs[i]);
       }), e.apps = oe.map((i) => {
-        const r = n.get(i.name.toLowerCase());
+        const n = o.get(i.name.toLowerCase());
         return {
           ...i,
-          href: r || i.href
+          href: n || i.href
         };
       });
       return;
     }
     e.apps = [...oe];
-  }, t = k(() => e.apps), a = (o) => {
-    if (!o) return null;
-    const n = o.toLowerCase();
-    return e.apps.find((i) => i.name.toLowerCase() === n) || null;
+  }, t = k(() => e.apps), a = (r) => {
+    if (!r) return null;
+    const o = r.toLowerCase();
+    return e.apps.find((i) => i.name.toLowerCase() === o) || null;
   };
   return {
     state: e,
     initialize: s,
     allApps: t,
     getAppByName: a,
-    getAppIcon: (o) => {
-      const n = a(o);
-      return n ? n.icon : "";
+    getAppIcon: (r) => {
+      const o = a(r);
+      return o ? o.icon : "";
     }
   };
 }), $e = X("sparkApp", () => {
@@ -227,16 +243,16 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
       e.app = t.app || "", e.homeRoute = t.homeRoute ?? "dashboard", e.showBrandSelector = t.showBrandSelector ?? !0, e.showAppSelector = t.showAppSelector ?? !0;
     }
   };
-}), Rt = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Mt = { class: "flex flex-1 flex-col" }, Ft = { class: "divide-y divide-gray-200" }, At = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Bt = { class: "ml-auto flex items-center" }, Et = ["href", "onClick"], zt = { class: "gap-y-1" }, jt = { class: "text-base text-gray-800 flex items-center" }, Ot = { class: "font-medium" }, It = {
+}), Ft = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, At = { class: "flex flex-1 flex-col" }, Et = { class: "divide-y divide-gray-200" }, zt = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, jt = { class: "ml-auto flex items-center" }, It = ["href", "onClick"], Ot = { class: "gap-y-1" }, Nt = { class: "text-base text-gray-800 flex items-center" }, Dt = { class: "font-medium" }, Zt = {
   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"
-}, Nt = { class: "text-sm text-gray-500" }, Dt = { class: "ml-auto flex items-center" }, Zt = { class: "mt-auto" }, qt = {
+}, qt = { class: "text-sm text-gray-500" }, Gt = { class: "ml-auto flex items-center" }, Kt = { class: "mt-auto" }, Ut = {
   key: 0,
   class: "p-6"
-}, Gt = {
+}, Wt = {
   key: 1,
   class: "bg-gray-50 p-6"
-}, Kt = {
+}, Yt = {
   __name: "SparkAppSelector",
   props: {
     bottomSlot: {
@@ -250,60 +266,60 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
   },
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, a = Se(), l = $e(), o = k(() => {
+    const t = s, a = Se(), l = $e(), r = k(() => {
       const i = l.state.app;
-      return a.state.apps.map((r) => ({
-        ...r,
-        current: i && r.name.toLowerCase() === i.toLowerCase()
+      return a.state.apps.map((n) => ({
+        ...n,
+        current: i && n.name.toLowerCase() === i.toLowerCase()
       }));
-    }), n = (i, r) => {
+    }), o = (i, n) => {
       t("select", i);
     };
-    return (i, r) => {
-      const d = $("font-awesome-icon");
-      return f(), g("div", Rt, [
-        c("div", Mt, [
-          c("div", Ft, [
-            c("div", At, [
-              r[1] || (r[1] = c("div", null, "Mr Group Network", -1)),
-              c("div", Bt, [
-                b(d, {
+    return (i, n) => {
+      const d = L("font-awesome-icon");
+      return f(), g("div", Ft, [
+        c("div", At, [
+          c("div", Et, [
+            c("div", zt, [
+              n[1] || (n[1] = c("div", null, "Mr Group Network", -1)),
+              c("div", jt, [
+                v(d, {
                   icon: y(H).farTimes,
                   class: "h-[15px] w-[15px] shrink-0 text-gray-400 cursor-pointer",
-                  onClick: r[0] || (r[0] = (m) => t("close"))
+                  onClick: n[0] || (n[0] = (m) => t("close"))
                 }, null, 8, ["icon"])
               ])
             ]),
-            (f(!0), g(M, null, B(o.value, (m) => (f(), g("a", {
+            (f(!0), g(B, null, A(r.value, (m) => (f(), g("a", {
               key: m.name,
               href: m.href,
               target: "_blank",
               class: _([m.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
-              onClick: (u) => m.current ? u.preventDefault() : n(m)
+              onClick: (u) => m.current ? u.preventDefault() : o(m)
             }, [
-              c("div", zt, [
-                c("div", jt, [
-                  c("div", Ot, S(m.name), 1),
-                  m.current ? (f(), g("span", It, " Active ")) : x("", !0)
+              c("div", Ot, [
+                c("div", Nt, [
+                  c("div", Dt, S(m.name), 1),
+                  m.current ? (f(), g("span", Zt, " Active ")) : x("", !0)
                 ]),
-                c("div", Nt, S(m.description), 1)
+                c("div", qt, S(m.description), 1)
               ]),
-              c("div", Dt, [
-                b(d, {
+              c("div", Gt, [
+                v(d, {
                   class: _([m.current ? "text-gray-700" : "text-gray-400", "h-5 w-5 shrink-0"]),
                   icon: y(H)[m.icon]
                 }, null, 8, ["class", "icon"])
               ])
-            ], 10, Et))), 128)),
-            r[2] || (r[2] = c("div", null, null, -1))
+            ], 10, It))), 128)),
+            n[2] || (n[2] = c("div", null, null, -1))
           ]),
-          c("div", Zt, [
-            i.$slots.bottom || e.bottomSlot ? (f(), g("div", qt, [
+          c("div", Kt, [
+            i.$slots.bottom || e.bottomSlot ? (f(), g("div", Ut, [
               T(i.$slots, "bottom", {}, () => [
                 e.bottomSlot ? (f(), V(W(e.bottomSlot), { key: 0 })) : x("", !0)
               ])
             ])) : x("", !0),
-            i.$slots.footer || e.footerSlot ? (f(), g("div", Gt, [
+            i.$slots.footer || e.footerSlot ? (f(), g("div", Wt, [
               T(i.$slots, "footer", {}, () => [
                 e.footerSlot ? (f(), V(W(e.footerSlot), { key: 0 })) : x("", !0)
               ])
@@ -318,36 +334,36 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
   () => {
     const e = z({
       brands: []
-    }), s = (o = {}) => {
-      if (!o.brands || !Array.isArray(o.brands)) {
+    }), s = (r = {}) => {
+      if (!r.brands || !Array.isArray(r.brands)) {
         console.warn("useSparkBrandFilterStore: No brands provided to initialize()"), e.brands = [];
         return;
       }
-      const n = o.brands.filter((r) => {
-        const d = r.id && r.name && r.logo;
-        return d || console.warn("useSparkBrandFilterStore: Invalid brand object", r), d;
-      }), i = n.filter((r) => r.current);
-      i.length === 0 && n.length > 0 ? n[0].current = !0 : i.length > 1 && n.forEach((r) => {
-        r.current = r === i[0];
-      }), e.brands = n.map((r) => ({
-        id: r.id,
-        name: r.name,
-        logo: r.logo,
-        current: r.current || !1
+      const o = r.brands.filter((n) => {
+        const d = n.id && n.name && n.logo;
+        return d || console.warn("useSparkBrandFilterStore: Invalid brand object", n), d;
+      }), i = o.filter((n) => n.current);
+      i.length === 0 && o.length > 0 ? o[0].current = !0 : i.length > 1 && o.forEach((n) => {
+        n.current = n === i[0];
+      }), e.brands = o.map((n) => ({
+        id: n.id,
+        name: n.name,
+        logo: n.logo,
+        current: n.current || !1
       }));
-    }, t = k(() => e.brands.find((o) => o.current) || null), a = k(() => e.brands);
+    }, t = k(() => e.brands.find((r) => r.current) || null), a = k(() => e.brands);
     return {
       state: e,
       initialize: s,
       currentBrand: t,
       allBrands: a,
-      toggleBrand: (o) => {
-        if (!o || !e.brands.includes(o)) {
+      toggleBrand: (r) => {
+        if (!r || !e.brands.includes(r)) {
           console.warn("useSparkBrandFilterStore: Invalid brand provided to toggleBrand()");
           return;
         }
-        e.brands.forEach((n) => {
-          n.current = n === o;
+        e.brands.forEach((o) => {
+          o.current = o === r;
         });
       }
     };
@@ -357,65 +373,65 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
       paths: ["state.brands"]
     }
   }
-), Ut = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Wt = { class: "flex flex-1 flex-col" }, Yt = { class: "divide-y divide-gray-200" }, Xt = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Jt = { class: "ml-auto flex items-center" }, Qt = {
+), Xt = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Jt = { class: "flex flex-1 flex-col" }, Qt = { class: "divide-y divide-gray-200" }, es = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, ts = { class: "ml-auto flex items-center" }, ss = {
   key: 0,
   class: "flex px-[22px] py-[15px] text-gray-500 text-sm"
-}, es = ["onClick"], ts = { class: "gap-y-1 flex" }, ss = { class: "flex items-center mr-4" }, as = ["src", "alt"], os = { class: "ml-auto flex flex-col" }, rs = { class: "text-base text-gray-800 flex items-center" }, ns = { class: "font-medium" }, ls = {
+}, as = ["onClick"], os = { class: "gap-y-1 flex" }, rs = { class: "flex items-center mr-4" }, ns = ["src", "alt"], ls = { class: "ml-auto flex flex-col" }, is = { class: "text-base text-gray-800 flex items-center" }, cs = { class: "font-medium" }, ds = {
   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"
-}, is = { class: "text-sm text-gray-500" }, cs = {
+}, us = { class: "text-sm text-gray-500" }, ps = {
   __name: "SparkBrandSelector",
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, a = Le(), l = (o) => {
-      t("select", o);
+    const t = s, a = Le(), l = (r) => {
+      t("select", r);
     };
-    return (o, n) => {
-      const i = $("font-awesome-icon");
-      return f(), g("div", Ut, [
-        c("div", Wt, [
-          c("div", Yt, [
-            c("div", Xt, [
-              n[1] || (n[1] = c("div", null, "Filter by Brand", -1)),
-              c("div", Jt, [
-                b(i, {
+    return (r, o) => {
+      const i = L("font-awesome-icon");
+      return f(), g("div", Xt, [
+        c("div", Jt, [
+          c("div", Qt, [
+            c("div", es, [
+              o[1] || (o[1] = c("div", null, "Filter by Brand", -1)),
+              c("div", ts, [
+                v(i, {
                   icon: y(H).farTimes,
                   class: "size-4 text-gray-400 cursor-pointer",
-                  onClick: n[0] || (n[0] = (r) => t("close"))
+                  onClick: o[0] || (o[0] = (n) => t("close"))
                 }, null, 8, ["icon"])
               ])
             ]),
-            y(a).allBrands.length === 0 ? (f(), g("div", Qt, " No brands configured ")) : x("", !0),
-            (f(!0), g(M, null, B(y(a).allBrands, (r) => (f(), g("div", {
-              key: r.id,
-              class: _([r.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
-              onClick: (d) => l(r)
+            y(a).allBrands.length === 0 ? (f(), g("div", ss, " No brands configured ")) : x("", !0),
+            (f(!0), g(B, null, A(y(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: (d) => l(n)
             }, [
-              c("div", ts, [
-                c("div", ss, [
+              c("div", os, [
+                c("div", rs, [
                   c("img", {
-                    src: r.logo,
-                    alt: `${r.name} logo`,
+                    src: n.logo,
+                    alt: `${n.name} logo`,
                     class: "h-8 w-auto"
-                  }, null, 8, as)
+                  }, null, 8, ns)
                 ]),
-                c("div", os, [
-                  c("div", rs, [
-                    c("div", ns, S(r.name), 1),
-                    r.current ? (f(), g("span", ls, " Current ")) : x("", !0)
+                c("div", ls, [
+                  c("div", is, [
+                    c("div", cs, S(n.name), 1),
+                    n.current ? (f(), g("span", ds, " Current ")) : x("", !0)
                   ]),
-                  c("div", is, S(r.current ? "Current Brand" : "Change to"), 1)
+                  c("div", us, S(n.current ? "Current Brand" : "Change to"), 1)
                 ])
               ])
-            ], 10, es))), 128)),
-            n[2] || (n[2] = c("div", null, null, -1))
+            ], 10, as))), 128)),
+            o[2] || (o[2] = c("div", null, null, -1))
           ]),
-          n[3] || (n[3] = c("div", { class: "mt-auto" }, null, -1))
+          o[3] || (o[3] = c("div", { class: "mt-auto" }, null, -1))
         ])
       ]);
     };
   }
-}, ds = ["disabled"], A = {
+}, fs = ["disabled"], F = {
   __name: "SparkButton",
   props: {
     size: {
@@ -437,16 +453,16 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
     }
   },
   setup(e) {
-    const s = e, t = L(null), a = ge("buttonGroup", null), l = k(() => {
+    const s = e, t = $(null), a = ge("buttonGroup", null), l = k(() => {
       if (!a?.isInGroup || !t.value) return null;
-      const r = a.getButtonIndex(t.value), d = a.getButtonCount();
+      const n = a.getButtonIndex(t.value), d = a.getButtonCount();
       return {
-        isFirst: r === 0,
-        isLast: r === d - 1,
-        index: r,
+        isFirst: n === 0,
+        isLast: n === d - 1,
+        index: n,
         total: d
       };
-    }), o = {
+    }), r = {
       paddingX: /^px-/,
       paddingY: /^py-/,
       paddingAll: /^p-/,
@@ -456,85 +472,85 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
       borderRadius: /^rounded-/,
       background: /^bg-/,
       text: /^text-(?!white|black)/
-    }, n = (r, d) => {
-      if (!d) return r;
-      const m = r.split(" ").filter(Boolean), u = d.split(" ").filter(Boolean);
-      return [...m.filter((h) => !u.some((v) => {
-        const N = Object.entries(o).find(
+    }, o = (n, d) => {
+      if (!d) return n;
+      const m = n.split(" ").filter(Boolean), u = d.split(" ").filter(Boolean);
+      return [...m.filter((h) => !u.some((b) => {
+        const N = Object.entries(r).find(
           ([R, J]) => J.test(h)
-        )?.[0], C = Object.entries(o).find(
-          ([R, J]) => J.test(v)
+        )?.[0], C = Object.entries(r).find(
+          ([R, J]) => J.test(b)
         )?.[0];
         return N && N === C;
       })), ...u].join(" ");
     }, i = k(() => {
-      let r = "", d = "";
+      let n = "", d = "";
       switch (s.size) {
         case "xs":
-          r += " px-2 py-1 text-xs", d = "sm";
+          n += " px-2 py-1 text-xs", d = "sm";
           break;
         case "sm":
-          r += " px-2 py-1 text-sm", d = "sm";
+          n += " px-2 py-1 text-sm", d = "sm";
           break;
         case "md":
-          r += " px-2.5 py-1.5 text-sm", d = "md";
+          n += " px-2.5 py-1.5 text-sm", d = "md";
           break;
         case "lg":
-          r += " px-3 py-2 text-sm", d = "md";
+          n += " px-3 py-2 text-sm", d = "md";
           break;
         case "xl":
-          r += " px-3.5 py-2.5 min-h-[42px] text-sm", d = "md";
+          n += " px-3.5 py-2.5 min-h-[42px] text-sm", d = "md";
           break;
       }
       if (a?.isInGroup && l.value) {
         const { isFirst: m, isLast: u } = l.value;
-        r += " relative inline-flex items-center focus:z-10", m && u ? r += ` rounded-${d}` : m ? r += ` rounded-l-${d} rounded-r-none` : u ? r += ` rounded-r-${d} rounded-l-none -ml-px` : r += " rounded-none -ml-px";
+        n += " relative inline-flex items-center focus:z-10", m && u ? n += ` rounded-${d}` : m ? n += ` rounded-l-${d} rounded-r-none` : u ? n += ` rounded-r-${d} rounded-l-none -ml-px` : n += " rounded-none -ml-px";
       } else
-        r += ` shadow-xs rounded-${d}`;
+        n += ` shadow-xs rounded-${d}`;
       switch (s.variant) {
         case "primary":
-          r += " bg-primary-600 hover:bg-primary-500 text-white";
+          n += " bg-primary-600 hover:bg-primary-500 text-white";
           break;
         case "secondary":
-          r += "  ring-1 ring-gray-300 ring-inset bg-white hover:bg-gray-50 text-gray-900";
+          n += "  ring-1 ring-gray-300 ring-inset bg-white hover:bg-gray-50 text-gray-900";
           break;
         case "success":
-          r += " bg-green-600 hover:bg-green-500 text-white";
+          n += " bg-green-600 hover:bg-green-500 text-white";
           break;
         case "warning":
-          r += " bg-amber-600 hover:bg-amber-500 text-white";
+          n += " bg-amber-600 hover:bg-amber-500 text-white";
           break;
         case "danger":
-          r += " bg-red-600 hover:bg-red-500 text-white";
+          n += " bg-red-600 hover:bg-red-500 text-white";
           break;
         case "info":
-          r += " bg-cyan-600 hover:bg-cyan-500 text-white";
+          n += " bg-cyan-600 hover:bg-cyan-500 text-white";
           break;
         default:
-          r += ` bg-${s.variant}-600 hover:bg-${s.variant}-500 text-white`;
+          n += ` bg-${s.variant}-600 hover:bg-${s.variant}-500 text-white`;
       }
-      return r = n(r, s.buttonClass), r;
+      return n = o(n, s.buttonClass), n;
     });
-    return (r, d) => (f(), g("button", {
+    return (n, d) => (f(), g("button", {
       type: "button",
       ref_key: "buttonRef",
       ref: t,
       class: _(i.value),
       disabled: e.disabled,
-      onClick: d[0] || (d[0] = (m) => r.$emit("click"))
+      onClick: d[0] || (d[0] = (m) => n.$emit("click"))
     }, [
-      T(r.$slots, "default")
-    ], 10, ds));
+      T(n.$slots, "default")
+    ], 10, fs));
   }
-}, us = {
+}, ms = {
   __name: "SparkButtonGroup",
   setup(e) {
-    const s = L(null);
+    const s = $(null);
     return Ve("buttonGroup", {
       isInGroup: !0,
       getButtonIndex: (l) => s.value ? Array.from(s.value.children).indexOf(l) : -1,
       getButtonCount: () => s.value?.children.length || 0
-    }), (l, o) => (f(), g("div", {
+    }), (l, r) => (f(), g("div", {
       class: "inline-flex rounded-md shadow-xs",
       ref_key: "groupRef",
       ref: s
@@ -542,13 +558,13 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
       T(l.$slots, "default")
     ], 512));
   }
-}, ps = { class: "divide-y divide-gray-300 rounded-lg border border-gray-300 text-gray-700 bg-gray-100" }, fs = {
+}, gs = { class: "divide-y divide-gray-300 rounded-lg border border-gray-300 text-gray-700 bg-gray-100" }, hs = {
   key: 0,
   class: "p-5"
-}, ms = {
+}, ys = {
   key: 1,
   class: "p-5"
-}, gr = {
+}, br = {
   __name: "SparkCard",
   props: {
     padded: {
@@ -562,8 +578,8 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
   },
   setup(e) {
     const s = e;
-    return (t, a) => (f(), g("div", ps, [
-      t.$slots.header ? (f(), g("div", fs, [
+    return (t, a) => (f(), g("div", gs, [
+      t.$slots.header ? (f(), g("div", hs, [
         T(t.$slots, "header")
       ])) : x("", !0),
       c("div", {
@@ -571,13 +587,13 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
       }, [
         T(t.$slots, "default")
       ], 2),
-      t.$slots.footer ? (f(), g("div", ms, [
+      t.$slots.footer ? (f(), g("div", ys, [
         T(t.$slots, "footer")
       ])) : x("", !0)
     ]));
   }
 };
-class gs {
+class vs {
   constructor() {
     this.state = z({
       isVisible: !1,
@@ -593,7 +609,7 @@ class gs {
     this.state.isVisible = !1, this.state.eventHandlers = {};
   };
 }
-const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, ys = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, bs = {
+const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, xs = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, ks = {
   __name: "SparkModalContainer",
   setup(e) {
     return (s, t) => (f(), V(y(ke), {
@@ -601,12 +617,12 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       show: y(U).state.isVisible
     }, {
       default: w(() => [
-        b(y(_e), {
+        v(y(_e), {
           class: "relative z-200",
           onClose: y(U).hide
         }, {
           default: w(() => [
-            b(y(te), {
+            v(y(te), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -620,9 +636,9 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               ])]),
               _: 1
             }),
-            c("div", hs, [
-              c("div", ys, [
-                b(y(te), {
+            c("div", bs, [
+              c("div", xs, [
+                v(y(te), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -632,7 +648,7 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 }, {
                   default: w(() => [
-                    b(y(we), { class: "relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:min-w-lg sm:max-w-max" }, {
+                    v(y(we), { class: "relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:min-w-lg sm:max-w-max" }, {
                       default: w(() => [
                         (f(), V(W(y(U).state.content), Y(y(U).state.props, ye(y(U).state.eventHandlers)), null, 16))
                       ]),
@@ -650,10 +666,10 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}, vs = { class: "px-4 pt-5 pb-4 sm:p-6" }, xs = {
+}, _s = { class: "px-4 pt-5 pb-4 sm:p-6" }, ws = {
   key: 0,
   class: "text-lg font-medium text-gray-900"
-}, hr = {
+}, xr = {
   __name: "SparkModalDialog",
   props: {
     title: {
@@ -719,7 +735,7 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       success: "farCheckCircle",
       warning: "farExclamationTriangle",
       danger: "farCircleXmark"
-    }, o = k(() => s.icon || l[s.type]), n = k(() => ({
+    }, r = k(() => s.icon || l[s.type]), o = k(() => ({
       info: "bg-blue-100",
       success: "bg-green-100",
       warning: "bg-yellow-100",
@@ -730,22 +746,22 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       warning: "text-yellow-400",
       danger: "text-red-400"
     })[s.type]);
-    return (r, d) => {
-      const m = $("font-awesome-icon");
-      return f(), g("div", vs, [
-        o.value ? (f(), g("div", {
+    return (n, d) => {
+      const m = L("font-awesome-icon");
+      return f(), g("div", _s, [
+        r.value ? (f(), g("div", {
           key: 0,
-          class: _(["mx-auto flex size-12 items-center justify-center rounded-full", n.value])
+          class: _(["mx-auto flex size-12 items-center justify-center rounded-full", o.value])
         }, [
-          b(m, {
-            icon: y(H)[o.value],
+          v(m, {
+            icon: y(H)[r.value],
             class: _(["h-5 w-5", i.value])
           }, null, 8, ["icon", "class"])
         ], 2)) : x("", !0),
         c("div", {
-          class: _(["text-center", { "mt-3 sm:mt-5": o.value }])
+          class: _(["text-center", { "mt-3 sm:mt-5": r.value }])
         }, [
-          e.title ? (f(), g("h3", xs, S(e.title), 1)) : x("", !0),
+          e.title ? (f(), g("h3", ws, S(e.title), 1)) : x("", !0),
           e.message ? (f(), g("div", {
             key: 1,
             class: _([{ "mt-2": e.title }, "text-sm text-gray-500"])
@@ -754,10 +770,10 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
         c("div", {
           class: _(["mt-5 sm:mt-6", a.value])
         }, [
-          (f(!0), g(M, null, B(t.value, (u, p) => (f(), V(y(A), {
+          (f(!0), g(B, null, A(t.value, (u, p) => (f(), V(y(F), {
             key: p,
             variant: u.variant,
-            onClick: (h) => r.$emit(u.event, u)
+            onClick: (h) => n.$emit(u.event, u)
           }, {
             default: w(() => [
               P(S(u.text), 1)
@@ -768,7 +784,7 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       ]);
     };
   }
-}, ks = { class: "fixed inset-0 flex" }, ce = {
+}, Cs = { class: "fixed inset-0 flex" }, ce = {
   __name: "SparkOverlay",
   props: {
     position: {
@@ -783,21 +799,21 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   },
   emits: ["close"],
   setup(e, { emit: s }) {
-    const t = L(null), a = e, l = s, o = () => {
+    const t = $(null), a = e, l = s, r = () => {
       a.overlayInstance.close(), l("close");
     };
-    return (n, i) => (f(), V(y(ke), {
+    return (o, i) => (f(), V(y(ke), {
       show: e.overlayInstance.state.isVisible,
       as: "template"
     }, {
       default: w(() => [
-        b(y(_e), {
+        v(y(_e), {
           initialFocus: t.value,
           class: "relative z-200",
-          onClose: o
+          onClose: r
         }, {
           default: w(() => [
-            b(y(te), {
+            v(y(te), {
               as: "template",
               enter: "transition-opacity ease-linear duration-150",
               "enter-from": "opacity-0",
@@ -811,8 +827,8 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               ])]),
               _: 1
             }),
-            c("div", ks, [
-              b(y(te), {
+            c("div", Cs, [
+              v(y(te), {
                 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",
@@ -822,7 +838,7 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                 "leave-to": e.position === "left" ? "-translate-x-full opacity-0" : "translate-x-full opacity-0"
               }, {
                 default: w(() => [
-                  b(y(we), {
+                  v(y(we), {
                     ref_key: "panelRef",
                     ref: t,
                     class: _([
@@ -846,53 +862,65 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}, _s = (e) => {
+}, Ss = (e) => {
   if (e.includes(".")) {
     const s = e.split(".");
     e = s[s.length - 1];
   }
   return e.replace(/_/g, " ");
-}, ws = (e, s, t) => {
+}, $s = (e, s, t) => {
   const a = s.querySelector(".relative");
   if (!a || a.querySelector(".spark-table-head-sorting"))
     return;
   const l = document.createElement("span");
-  l.classList.add("spark-table-head-sorting"), l.innerHTML = ee({ prefix: "far", iconName: "sort" }).html + ee({ prefix: "far", iconName: "sort-up" }).html + ee({ prefix: "far", iconName: "sort-down" }).html, a.appendChild(l), a.addEventListener("click", async () => {
-    const o = t.params.sort;
-    return o === e ? (a.classList.remove("asc"), a.classList.add("desc"), t.methods.applyParams({
-      sort: `-${e}`
-    })) : o === `-${e}` ? (a.classList.remove("desc"), await t.methods.removeParam("sort")) : (a.classList.add("asc"), t.methods.applyParams({
-      sort: e
+  l.classList.add("spark-table-head-sorting"), l.innerHTML = ee({ prefix: "fad", iconName: "sort" }).html + ee({ prefix: "fad", iconName: "sort-up" }).html + ee({ prefix: "fad", iconName: "sort-down" }).html, a.appendChild(l), a.addEventListener("click", async () => {
+    const r = t.params.orderBy, o = t.params.sortedBy;
+    return r === e && o === "asc" ? (a.classList.remove("asc"), a.classList.add("desc"), t.methods.applyParams({
+      orderBy: e,
+      sortedBy: "desc"
+    })) : r === e ? (a.classList.remove("desc"), await t.methods.clearParams(["orderBy", "sortedBy"])) : (a.classList.add("asc"), t.methods.applyParams({
+      orderBy: e,
+      sortedBy: "asc"
     }));
   });
-}, Cs = (e, s, t) => {
+}, Ls = (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 o = Ce(async (n, i) => {
-    const r = i.target.value, d = `filter[${n}]`;
-    if (r)
-      return t.params[d] && t.params[d] === r ? void 0 : t.methods.applyParams({
+  const r = Ce(async (o, i) => {
+    const n = i.target.value, d = `filter[${o}]`;
+    if (n)
+      return t.params[d] && t.params[d] === n ? void 0 : t.methods.applyParams({
         page: 1,
-        [d]: r
+        [d]: n
       });
     await t.methods.removeParam(d);
   }, 200);
-  l.addEventListener("keyup", (n) => o(e, n)), s.appendChild(a);
-}, Ss = (e, s, t) => {
+  l.addEventListener("keyup", (o) => r(e, o)), s.appendChild(a);
+}, Hs = (e, s, t) => {
   e.classList.add("spark-table-head"), (!t || !t.hideSort) && e.classList.add("can-sort"), (!t || !t.hideFilter) && 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 = _s(s);
-}, $s = (e, s, t) => {
+  l.classList.add("spark-table-head-title"), l.innerHTML = Ss(s);
+}, Ts = (e, s, t) => {
   if (typeof e != "number")
     return e;
   if (e < 0)
     return;
   let a = 2;
-  const l = t.methods.colToProp(e), o = t.methods.getSettingsForProp(l);
-  s.childElementCount === 1 && (o && o.hideSort && a--, o && o.hideFilter && a--, (!o || !o.hideSort) && ws(l, s, t), (!o || !o.hideFilter) && Cs(l, s, t)), (s.childElementCount === a || a === 0) && Ss(s, l, o);
-}, Ls = (e) => (s, t, a, l, o, n, i) => {
+  const l = t.methods.colToProp(e), r = t.methods.getSettingsForProp(l);
+  s.childElementCount === 1 && (r && r.hideSort && a--, r && r.hideFilter && a--, (!r || !r.hideSort) && $s(l, s, t), (!r || !r.hideFilter) && Ls(l, s, t)), (s.childElementCount === a || a === 0) && Hs(s, l, r);
+}, Vs = (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);
+    e.methods.colToProp(o) === s && l.classList.add(t);
+  });
+}, Ps = (e) => (s, t, a, l, r, o, i) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-actions");
   const d = (i.rendererConfig || {}).actions || [];
   if (d.length === 0)
@@ -903,15 +931,15 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       return;
     const h = document.createElement("button");
     if (h.type = "button", h.classList.add("spark-table-action-button"), p.icon) {
-      const v = document.createElement("span");
-      v.innerHTML = ee({ prefix: "far", iconName: p.icon }).html, v.classList.add("size-4"), h.appendChild(v);
+      const b = document.createElement("span");
+      b.innerHTML = ee({ prefix: "far", iconName: p.icon }).html, b.classList.add("size-4"), h.appendChild(b);
     }
     if (p.label) {
-      const v = document.createElement("span");
-      v.textContent = p.label, h.appendChild(v);
+      const b = document.createElement("span");
+      b.textContent = p.label, h.appendChild(b);
     }
-    h.addEventListener("click", (v) => {
-      if (v.preventDefault(), v.stopPropagation(), p.confirm) {
+    h.addEventListener("click", (b) => {
+      if (b.preventDefault(), b.stopPropagation(), p.confirm) {
         const N = typeof p.confirm == "string" ? p.confirm : `Are you sure you want to ${p.label?.toLowerCase() || "perform this action"}?`;
         if (!window.confirm(N))
           return;
@@ -928,10 +956,10 @@ const U = new gs(), hs = { 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"
-}, Hs = (e) => (s, t, a, l, o, n, i) => {
-  if (t.innerHTML = "", t.classList.add("spark-table-cell-badge"), !n)
+}, Rs = (e) => (s, t, a, l, r, o, i) => {
+  if (t.innerHTML = "", t.classList.add("spark-table-cell-badge"), !o)
     return;
-  const d = (i.rendererConfig || {}).colorMap || {}, m = d[n] || d[n?.toLowerCase()] || "gray", u = de[m] || de.gray, p = document.createElement("span");
+  const d = (i.rendererConfig || {}).colorMap || {}, m = d[o] || d[o?.toLowerCase()] || "gray", u = de[m] || de.gray, p = document.createElement("span");
   p.classList.add(
     "inline-flex",
     "items-center",
@@ -942,66 +970,66 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     "font-medium",
     "capitalize",
     ...u.split(" ")
-  ), p.textContent = n, t.appendChild(p);
-}, Ts = (e) => (s, t, a, l, o, n, i) => {
-  if (t.innerHTML = "", t.classList.add("spark-table-cell-link"), !n)
+  ), p.textContent = o, t.appendChild(p);
+}, Bs = (e) => (s, t, a, l, r, o, i) => {
+  if (t.innerHTML = "", t.classList.add("spark-table-cell-link"), !o)
     return;
-  const r = i.rendererConfig || {}, d = s.getSourceDataAtRow(s.toPhysicalRow(a));
-  let m = n;
-  r.href && (typeof r.href == "function" ? m = r.href(d) : r.href === "email" ? m = `mailto:${n}` : r.href === "tel" ? m = `tel:${n}` : typeof r.href == "string" && (m = d[r.href] || n));
+  const n = i.rendererConfig || {}, d = s.getSourceDataAtRow(s.toPhysicalRow(a));
+  let m = o;
+  n.href && (typeof n.href == "function" ? m = n.href(d) : n.href === "email" ? m = `mailto:${o}` : n.href === "tel" ? m = `tel:${o}` : typeof n.href == "string" && (m = d[n.href] || o));
   const u = document.createElement("a");
-  u.href = m, u.textContent = n, u.classList.add("text-primary-600", "hover:text-primary-900", "hover:underline"), r.target && (u.target = r.target), r.rel && (u.rel = r.rel), u.addEventListener("click", (p) => {
+  u.href = m, 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", (p) => {
     p.stopPropagation();
   }), t.appendChild(u);
 }, ue = {
   sm: "h-6 w-6",
   md: "h-8 w-8",
   lg: "h-12 w-12"
-}, Vs = (e) => (s, t, a, l, o, n, i) => {
-  if (t.innerHTML = "", t.classList.add("spark-table-cell-image"), !n)
+}, Ms = (e) => (s, t, a, l, r, o, i) => {
+  if (t.innerHTML = "", t.classList.add("spark-table-cell-image"), !o)
     return;
-  const r = i.rendererConfig || {}, d = s.getSourceDataAtRow(s.toPhysicalRow(a)), m = r.size || "md", u = ue[m] || ue.md, p = r.rounded !== !1;
-  let h = r.alt || "";
-  typeof r.alt == "string" && d[r.alt] && (h = d[r.alt]);
-  const v = document.createElement("img");
-  v.src = n, v.alt = h, v.classList.add(...u.split(" "), "object-cover"), p ? v.classList.add("rounded-full") : v.classList.add("rounded"), t.appendChild(v);
-}, Ps = (e) => (s, t, a, l, o, n, i) => {
-  if (t.innerHTML = "", t.classList.add("spark-table-cell-date"), !n)
+  const n = i.rendererConfig || {}, d = s.getSourceDataAtRow(s.toPhysicalRow(a)), m = n.size || "md", u = ue[m] || ue.md, p = n.rounded !== !1;
+  let h = n.alt || "";
+  typeof n.alt == "string" && d[n.alt] && (h = d[n.alt]);
+  const b = document.createElement("img");
+  b.src = o, b.alt = h, b.classList.add(...u.split(" "), "object-cover"), p ? b.classList.add("rounded-full") : b.classList.add("rounded"), t.appendChild(b);
+}, Fs = (e) => (s, t, a, l, r, o, i) => {
+  if (t.innerHTML = "", t.classList.add("spark-table-cell-date"), !o)
     return;
-  const r = i.rendererConfig || {}, d = r.format || "short", m = r.locale || "en-US";
-  let u = n;
+  const n = i.rendererConfig || {}, d = n.format || "short", m = n.locale || "en-US";
+  let u = o;
   try {
-    const h = new Date(n);
-    isNaN(h.getTime()) ? u = n : typeof d == "function" ? u = d(h) : d === "short" ? u = h.toLocaleDateString(m) : d === "long" ? u = h.toLocaleDateString(m, {
+    const h = new Date(o);
+    isNaN(h.getTime()) ? u = o : typeof d == "function" ? u = d(h) : d === "short" ? u = h.toLocaleDateString(m) : d === "long" ? u = h.toLocaleDateString(m, {
       year: "numeric",
       month: "long",
       day: "numeric"
-    }) : d === "relative" ? u = Rs(h) : d === "datetime" ? u = h.toLocaleString(m) : u = h.toLocaleDateString(m);
+    }) : d === "relative" ? u = As(h) : d === "datetime" ? u = h.toLocaleString(m) : u = h.toLocaleDateString(m);
   } catch (h) {
-    console.error("Error formatting date:", h), u = n;
+    console.error("Error formatting date:", h), u = o;
   }
   const p = document.createElement("span");
   p.textContent = u, t.appendChild(p);
 };
-function Rs(e) {
-  const t = /* @__PURE__ */ new Date() - e, a = Math.floor(Math.abs(t) / 1e3), l = Math.floor(a / 60), o = Math.floor(l / 60), n = Math.floor(o / 24), i = Math.floor(n / 30), r = Math.floor(n / 365), d = t > 0;
-  return a < 60 ? d ? "just now" : "in a moment" : l < 60 ? d ? `${l} minute${l > 1 ? "s" : ""} ago` : `in ${l} minute${l > 1 ? "s" : ""}` : o < 24 ? d ? `${o} hour${o > 1 ? "s" : ""} ago` : `in ${o} hour${o > 1 ? "s" : ""}` : n < 30 ? d ? `${n} day${n > 1 ? "s" : ""} ago` : `in ${n} day${n > 1 ? "s" : ""}` : i < 12 ? d ? `${i} month${i > 1 ? "s" : ""} ago` : `in ${i} month${i > 1 ? "s" : ""}` : d ? `${r} year${r > 1 ? "s" : ""} ago` : `in ${r} year${r > 1 ? "s" : ""}`;
+function As(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), d = t > 0;
+  return a < 60 ? d ? "just now" : "in a moment" : l < 60 ? d ? `${l} minute${l > 1 ? "s" : ""} ago` : `in ${l} minute${l > 1 ? "s" : ""}` : r < 24 ? d ? `${r} hour${r > 1 ? "s" : ""} ago` : `in ${r} hour${r > 1 ? "s" : ""}` : o < 30 ? d ? `${o} day${o > 1 ? "s" : ""} ago` : `in ${o} day${o > 1 ? "s" : ""}` : i < 12 ? d ? `${i} month${i > 1 ? "s" : ""} ago` : `in ${i} month${i > 1 ? "s" : ""}` : d ? `${n} year${n > 1 ? "s" : ""} ago` : `in ${n} year${n > 1 ? "s" : ""}`;
 }
-const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
-  St(e, (t, a, l, o, n, i, r) => {
-    $t.apply(null, [t, a, l, o, n, i, r]), s(t, a, l, o, n, i, r);
-  }), Ms.set(e, s);
-}, Fs = (e) => {
-  D("spark.actions", Ls(e)), D("spark.badge", Hs()), D("spark.link", Ts()), D("spark.image", Vs()), D("spark.date", Ps()), D("style.capitalize", (s, t, a, l, o, n) => {
-    if (!n || n.length === 0) {
+const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
+  St(e, (t, a, l, r, o, i, n) => {
+    $t.apply(null, [t, a, l, r, o, i, n]), s(t, a, l, r, o, i, n);
+  }), Es.set(e, s);
+}, zs = (e) => {
+  D("spark.actions", Ps(e)), D("spark.badge", Rs()), D("spark.link", Bs()), D("spark.image", Ms()), D("spark.date", Fs()), D("style.capitalize", (s, t, a, l, r, o) => {
+    if (!o || o.length === 0) {
       t.innerText = "";
       return;
     }
     const i = document.createElement("span");
-    i.innerHTML = n, i.classList.add("capitalize"), t.replaceChildren(i);
+    i.innerHTML = o, i.classList.add("capitalize"), t.replaceChildren(i);
   });
-}, As = () => {
-}, Bs = { class: "flex items-center gap-4 px-4 py-3" }, Es = { class: "shrink-0" }, zs = { class: "text-sm text-gray-700" }, js = { class: "font-medium" }, Os = { class: "font-medium" }, Is = { class: "font-medium" }, Ns = {
+}, js = () => {
+}, Is = { class: "flex items-center gap-4 px-4 py-3" }, Os = { class: "shrink-0" }, Ns = { class: "text-sm text-gray-700" }, Ds = { class: "font-medium" }, Zs = { class: "font-medium" }, qs = { class: "font-medium" }, Gs = {
   __name: "SparkTablePaginationDetails",
   props: {
     sparkTable: {
@@ -1012,28 +1040,28 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
   setup(e) {
     const s = e;
     return (t, a) => (f(), g("div", null, [
-      c("div", Bs, [
-        c("div", Es, [
-          c("div", zs, [
+      c("div", Is, [
+        c("div", Os, [
+          c("div", Ns, [
             a[0] || (a[0] = P(" Showing ", -1)),
-            c("span", js, S(s.sparkTable.response.meta.from), 1),
+            c("span", Ds, S(s.sparkTable.response.meta.from), 1),
             a[1] || (a[1] = P(" to ", -1)),
-            c("span", Os, S(s.sparkTable.response.meta.to), 1),
+            c("span", Zs, S(s.sparkTable.response.meta.to), 1),
             a[2] || (a[2] = P(" of ", -1)),
-            c("span", Is, S(s.sparkTable.response.meta.total), 1),
+            c("span", qs, S(s.sparkTable.response.meta.total), 1),
             a[3] || (a[3] = P(" results ", -1))
           ])
         ])
       ])
     ]));
   }
-}, Ds = { class: "flex items-center gap-4 px-4 py-3" }, Zs = {
+}, Ks = { class: "flex items-center gap-4 px-4 py-3" }, Us = {
   key: 0,
   class: "shrink-0 ml-auto"
-}, qs = {
+}, Ws = {
   class: "isolate inline-flex -space-x-px rounded-md shadow-xs bg-white",
   "aria-label": "Pagination"
-}, Gs = ["onClick"], Ks = {
+}, Ys = ["onClick"], Xs = {
   __name: "SparkTablePaginationPaging",
   props: {
     sparkTable: {
@@ -1044,49 +1072,49 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
   emits: ["paginate"],
   setup(e, { emit: s }) {
     const t = e, a = s, l = (m) => {
-      o(t.sparkTable.params.page + m);
-    }, o = (m) => {
+      r(t.sparkTable.params.page + m);
+    }, r = (m) => {
       m < 1 || m > t.sparkTable.response.meta.last_page || a("paginate", {
         page: m
       });
-    }, n = k(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), i = k(() => t.sparkTable.computed.ready ? ht(
-      Math.floor((n.value - 1) / 10) * 10 + 1,
-      n.value > t.sparkTable.response.meta.last_page ? t.sparkTable.response.meta.last_page + 1 : n.value + 1
-    ) : []), r = k(
+    }, o = k(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), i = k(() => t.sparkTable.computed.ready ? ht(
+      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 = k(
       () => t.sparkTable.params.page < q(t.sparkTable.response.meta, "last_page", 1)
     ), d = k(() => t.sparkTable.params.page > 1);
     return (m, u) => {
-      const p = $("font-awesome-icon");
+      const p = L("font-awesome-icon");
       return f(), g("div", null, [
-        c("div", Ds, [
-          i.value.length > 1 ? (f(), g("div", Zs, [
+        c("div", Ks, [
+          i.value.length > 1 ? (f(), g("div", Us, [
             c("div", null, [
-              c("nav", qs, [
+              c("nav", Ws, [
                 c("a", {
                   class: _([d.value ? "" : "disabled", "relative inline-flex items-center rounded-l-md px-2 py-[9px] text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-20 focus:outline-offset-0"]),
                   href: "#",
                   onClick: u[0] || (u[0] = j((h) => l(-1), ["prevent"]))
                 }, [
-                  b(p, {
+                  v(p, {
                     icon: y(H).farChevronLeft,
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ], 2),
-                (f(!0), g(M, null, B(i.value, (h) => (f(), g("a", {
+                (f(!0), g(B, null, A(i.value, (h) => (f(), g("a", {
                   key: `page-${h}`,
                   href: "#",
                   class: _([
                     "relative inline-flex items-center px-4 py-[9px] text-sm font-semibold ring-1 ring-inset",
                     e.sparkTable.params.page === h ? "z-10 text-white bg-primary-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 hover:bg-primary-600" : "text-gray-900 hover:bg-gray-50 ring-gray-300 focus:z-20 focus:outline-offset-0"
                   ]),
-                  onClick: (v) => o(h)
-                }, S(h), 11, Gs))), 128)),
+                  onClick: (b) => r(h)
+                }, S(h), 11, Ys))), 128)),
                 c("a", {
-                  class: _([r.value ? "" : "disabled", "relative inline-flex items-center rounded-r-md px-2 py-[9px] text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-20 focus:outline-offset-0"]),
+                  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] = j((h) => l(1), ["prevent"])),
                   href: "#"
                 }, [
-                  b(p, {
+                  v(p, {
                     icon: y(H).farChevronRight,
                     class: "size-5"
                   }, null, 8, ["icon"])
@@ -1098,12 +1126,12 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
       ]);
     };
   }
-}, I = (e, s) => {
+}, O = (e, s) => {
   const t = e.__vccOpts || e;
   for (const [a, l] of s)
     t[a] = l;
   return t;
-}, Us = { class: "spark-table-pagination-per-page" }, Ws = {
+}, Js = { class: "spark-table-pagination-per-page" }, Qs = {
   __name: "SparkTablePaginationPerPage",
   props: {
     sparkTable: {
@@ -1113,31 +1141,31 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
   },
   emits: ["paginate"],
   setup(e, { emit: s }) {
-    const t = e, a = s, l = k(() => t.sparkTable.options.perPages.map((n) => ({
-      label: String(n),
-      value: n
-    }))), o = (n) => {
+    const t = e, a = s, l = k(() => t.sparkTable.options.perPages.map((o) => ({
+      label: String(o),
+      value: o
+    }))), r = (o) => {
       a("paginate", {
         page: 1,
-        limit: parseInt(n)
+        limit: parseInt(o)
       });
     };
-    return (n, i) => {
-      const r = $("FormKit");
-      return f(), g("div", Us, [
-        b(r, {
+    return (o, i) => {
+      const n = L("FormKit");
+      return f(), g("div", Js, [
+        v(n, {
           "model-value": e.sparkTable.params.limit,
           type: "select",
           options: l.value,
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0",
           "input-class": "!py-2",
-          onInput: o
+          onInput: r
         }, null, 8, ["model-value", "options"])
       ]);
     };
   }
-}, Ys = /* @__PURE__ */ I(Ws, [["__scopeId", "data-v-9ef8544b"]]), pe = {
+}, ea = /* @__PURE__ */ O(Qs, [["__scopeId", "data-v-9ef8544b"]]), pe = {
   __name: "SparkTableToolbar",
   props: {
     position: {
@@ -1147,18 +1175,18 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = be(), a = k(() => !!t.default), l = k(() => {
-      const o = "spark-table-toolbar flex flex-wrap items-center gap-x-5 px-5 w-full";
-      return s.position === "footer" ? `${o} spark-table-toolbar-footer justify-between` : `${o} spark-table-toolbar-header gap-y-5 py-5`;
+    const s = e, t = ve(), a = k(() => !!t.default), l = k(() => {
+      const r = "spark-table-toolbar flex flex-wrap items-center gap-x-5 px-5 w-full";
+      return s.position === "footer" ? `${r} spark-table-toolbar-footer justify-between` : `${r} spark-table-toolbar-header gap-y-5 py-5`;
     });
-    return (o, n) => a.value ? (f(), g("div", {
+    return (r, o) => a.value ? (f(), g("div", {
       key: 0,
       class: _(l.value)
     }, [
-      T(o.$slots, "default")
+      T(r.$slots, "default")
     ], 2)) : x("", !0);
   }
-}, Xs = { class: "spark-table-search" }, Js = {
+}, ta = { class: "spark-table-search" }, sa = {
   __name: "SparkTableSearch",
   props: {
     /** SparkTable instance object */
@@ -1177,29 +1205,29 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = L("");
+    const s = e, t = $("");
     s.sparkTable.params[s.config.param] && (t.value = s.sparkTable.params[s.config.param]);
-    const a = Ce((o) => {
-      o ? s.sparkTable.methods.applyParams({
+    const a = Ce((r) => {
+      r ? s.sparkTable.methods.applyParams({
         page: 1,
-        [s.config.param]: o
+        [s.config.param]: r
       }) : s.sparkTable.methods.removeParam(s.config.param);
     }, s.config.debounce || 300);
-    E(t, (o) => {
-      a(o);
+    E(t, (r) => {
+      a(r);
     });
     const l = s.config.placeholder || "Search...";
     return E(
       () => s.sparkTable.params[s.config.param],
-      (o) => {
-        !o && t.value && (t.value = "");
+      (r) => {
+        !r && t.value && (t.value = "");
       }
-    ), (o, n) => {
-      const i = $("FormKit");
-      return f(), g("div", Xs, [
-        b(i, Y({
+    ), (r, o) => {
+      const i = L("FormKit");
+      return f(), g("div", ta, [
+        v(i, Y({
           modelValue: t.value,
-          "onUpdate:modelValue": n[0] || (n[0] = (r) => t.value = r),
+          "onUpdate:modelValue": o[0] || (o[0] = (n) => t.value = n),
           type: "text",
           placeholder: y(l),
           "outer-class": "!mb-0",
@@ -1209,7 +1237,7 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
       ]);
     };
   }
-}, Qs = /* @__PURE__ */ I(Js, [["__scopeId", "data-v-1dde9add"]]), ea = { class: "spark-table-filter-select" }, ta = {
+}, aa = /* @__PURE__ */ O(sa, [["__scopeId", "data-v-1dde9add"]]), oa = { class: "spark-table-filter-select" }, ra = {
   __name: "SparkTableFilterSelect",
   props: {
     /** SparkTable instance object */
@@ -1225,31 +1253,31 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = L(""), a = s.config.param || `filter[${s.config.key}]`;
+    const s = e, t = $(""), a = s.config.param || `filter[${s.config.key}]`;
     s.sparkTable.params[a] && (t.value = s.sparkTable.params[a]);
-    const l = s.config.label || null, o = k(() => [
+    const l = s.config.label || null, r = k(() => [
       { label: s.config.placeholder || "All", value: "" },
       ...s.config.options
     ]);
-    return E(t, (n) => {
-      n ? s.sparkTable.methods.applyParams({
+    return E(t, (o) => {
+      o ? s.sparkTable.methods.applyParams({
         page: 1,
-        [a]: n
+        [a]: o
       }) : s.sparkTable.methods.removeParam(a);
     }), E(
       () => s.sparkTable.params[a],
-      (n) => {
-        !n && t.value && (t.value = "");
+      (o) => {
+        !o && t.value && (t.value = "");
       }
-    ), (n, i) => {
-      const r = $("FormKit");
-      return f(), g("div", ea, [
-        b(r, Y({
+    ), (o, i) => {
+      const n = L("FormKit");
+      return f(), g("div", oa, [
+        v(n, Y({
           modelValue: t.value,
           "onUpdate:modelValue": i[0] || (i[0] = (d) => t.value = d),
           type: "select",
           label: y(l),
-          options: o.value,
+          options: r.value,
           placeholder: e.config.placeholder || "All",
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0"
@@ -1257,10 +1285,10 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
       ]);
     };
   }
-}, sa = /* @__PURE__ */ I(ta, [["__scopeId", "data-v-2d4b75c0"]]), aa = { class: "spark-table-filter-buttons" }, oa = {
+}, na = /* @__PURE__ */ O(ra, [["__scopeId", "data-v-2d4b75c0"]]), la = { class: "spark-table-filter-buttons" }, ia = {
   key: 0,
   class: "spark-table-filter-buttons-label"
-}, ra = {
+}, ca = {
   __name: "SparkTableFilterButtons",
   props: {
     /** SparkTable instance object */
@@ -1276,9 +1304,9 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = L(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`;
+    const s = e, t = $(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]);
-    const o = (i) => i == null ? t.value === null || t.value === void 0 || t.value === "" : t.value === i, n = (i) => {
+    const r = (i) => i == null ? t.value === null || t.value === void 0 || t.value === "" : t.value === i, o = (i) => {
       t.value = i, i == null || i === "" ? s.sparkTable.methods.removeParam(l) : s.sparkTable.methods.applyParams({
         page: 1,
         [l]: i
@@ -1289,15 +1317,15 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
       (i) => {
         (i == null || i === "") && t.value ? t.value = null : i !== t.value && (t.value = i);
       }
-    ), (i, r) => (f(), g("div", aa, [
-      y(a) ? (f(), g("span", oa, S(y(a)), 1)) : x("", !0),
-      b(us, { class: "isolate" }, {
+    ), (i, n) => (f(), g("div", la, [
+      y(a) ? (f(), g("span", ia, S(y(a)), 1)) : x("", !0),
+      v(ms, { class: "isolate" }, {
         default: w(() => [
-          (f(!0), g(M, null, B(e.config.options, (d) => (f(), V(A, {
+          (f(!0), g(B, null, A(e.config.options, (d) => (f(), V(F, {
             key: d.value,
             size: "xl",
-            variant: o(d.value) ? "primary" : "secondary",
-            onClick: (m) => n(d.value)
+            variant: r(d.value) ? "primary" : "secondary",
+            onClick: (m) => o(d.value)
           }, {
             default: w(() => [
               P(S(d.label), 1)
@@ -1309,7 +1337,7 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
       })
     ]));
   }
-}, na = /* @__PURE__ */ I(ra, [["__scopeId", "data-v-6de993cd"]]), la = { class: "spark-table-date-picker" }, ia = {
+}, da = /* @__PURE__ */ O(ca, [["__scopeId", "data-v-6de993cd"]]), ua = { class: "spark-table-date-picker" }, pa = {
   __name: "SparkTableDatePicker",
   props: {
     /** SparkTable instance object */
@@ -1325,7 +1353,7 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = L(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`;
+    const s = e, t = $(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`, r = $(`${l}-0`);
     return t.value = s.sparkTable.params[l] || null, E(t, (o) => {
       o ? s.sparkTable.methods.applyParams({
         page: 1,
@@ -1334,14 +1362,19 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
     }), E(
       () => s.sparkTable.params[l],
       (o) => {
-        !o && t.value && (t.value = null);
+        if ((o == null || o === "") && t.value) {
+          t.value = null;
+          const i = parseInt(r.value.split("-").pop()) || 0;
+          r.value = `${l}-${i + 1}`;
+        } else o && o !== t.value && (t.value = o);
       }
-    ), (o, n) => {
-      const i = $("FormKit");
-      return f(), g("div", la, [
-        b(i, Y({
+    ), (o, i) => {
+      const n = L("FormKit");
+      return f(), g("div", ua, [
+        (f(), V(n, Y({
+          key: r.value,
           modelValue: t.value,
-          "onUpdate:modelValue": n[0] || (n[0] = (r) => t.value = r),
+          "onUpdate:modelValue": i[0] || (i[0] = (d) => t.value = d),
           type: "datepicker",
           "picker-only": "",
           label: y(a),
@@ -1351,11 +1384,11 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
           format: "YYYY-MM-DD",
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0"
-        }, e.config.formkitProps || {}), null, 16, ["modelValue", "label", "placeholder"])
+        }, e.config.formkitProps || {}), null, 16, ["modelValue", "label", "placeholder"]))
       ]);
     };
   }
-}, ca = /* @__PURE__ */ I(ia, [["__scopeId", "data-v-1c489ef8"]]), da = { class: "spark-table-reset" }, ua = { key: 1 }, pa = {
+}, fa = /* @__PURE__ */ O(pa, [["__scopeId", "data-v-f10ddb60"]]), ma = { class: "spark-table-reset" }, ga = { key: 1 }, ha = {
   __name: "SparkTableReset",
   props: {
     /** SparkTable instance object */
@@ -1372,49 +1405,49 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
   setup(e) {
     const s = e, t = () => {
       const a = s.sparkTable.plugins || {}, l = [];
-      Object.entries(a).forEach(([n, i]) => {
+      Object.entries(a).forEach(([o, i]) => {
         if (!(!i || !i.enabled || i.type === "reset")) {
           if (i.type === "search")
             i.param && l.push(i.param);
           else if (i.type === "filterSelect" || i.type === "filterButtons") {
-            const r = i.param || `filter[${i.key}]`;
-            l.push(r);
+            const n = i.param || `filter[${i.key}]`;
+            l.push(n);
           } else if (i.type === "datePicker") {
-            const r = i.param || `filter[${i.key}]`;
-            l.push(r);
+            const n = i.param || `filter[${i.key}]`;
+            l.push(n);
           }
         }
       });
-      const o = l.filter(
-        (n) => s.sparkTable.params[n] !== void 0 && s.sparkTable.params[n] !== null && s.sparkTable.params[n] !== ""
+      const r = l.filter(
+        (o) => s.sparkTable.params[o] !== void 0 && s.sparkTable.params[o] !== null && s.sparkTable.params[o] !== ""
       );
-      o.length !== 0 && s.sparkTable.methods.clearParams(o);
+      r.length !== 0 && s.sparkTable.methods.clearParams(r);
     };
     return (a, l) => {
-      const o = $("font-awesome-icon");
-      return f(), g("div", da, [
-        b(A, {
+      const r = L("font-awesome-icon");
+      return f(), g("div", ma, [
+        v(F, {
           onClick: t,
           variant: "secondary",
           size: "xl"
         }, {
           default: w(() => [
-            e.config.icon ? (f(), V(o, {
+            e.config.icon ? (f(), V(r, {
               key: 0,
               icon: ["far", e.config.icon],
               class: _({ "mr-1.5": e.config.label })
             }, null, 8, ["icon", "class"])) : x("", !0),
-            e.config.label ? (f(), g("span", ua, S(e.config.label), 1)) : x("", !0)
+            e.config.label ? (f(), g("span", ga, S(e.config.label), 1)) : x("", !0)
           ]),
           _: 1
         })
       ]);
     };
   }
-}, fa = /* @__PURE__ */ I(pa, [["__scopeId", "data-v-cbbeeb45"]]), ma = { class: "spark-table" }, ga = { class: "flex items-center gap-x-3" }, ne = {
+}, ya = /* @__PURE__ */ O(ha, [["__scopeId", "data-v-cbbeeb45"]]), va = { class: "spark-table" }, ba = { class: "flex items-center gap-x-3" }, ne = {
   perPages: [100, 200, 500],
   limit: 100
-}, ha = {
+}, xa = {
   page: 1,
   limit: ne.limit
 }, fe = {
@@ -1427,7 +1460,7 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
   tableClassName: "spark-table-table",
   readOnlyCellClassName: "read-only",
   licenseKey: "non-commercial-and-evaluation"
-}, yr = {
+}, kr = {
   __name: "SparkTable",
   props: {
     url: {
@@ -1439,7 +1472,7 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
     dataTransformer: {
       type: Function,
       default: (e, s) => ({
-        data: q(s.settings, "nestedHeaders") ? e.data.data.map((a) => (s.settings.columnKeys || []).map((o) => a[o])) : e.data.data,
+        data: q(s.settings, "nestedHeaders") ? e.data.data.map((a) => (s.settings.columnKeys || []).map((r) => a[r])) : e.data.data,
         meta: {
           last_page: e.data.last_page,
           from: e.data.from,
@@ -1451,7 +1484,7 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
     params: {
       type: Object,
       default() {
-        return ha;
+        return xa;
       }
     },
     options: {
@@ -1484,12 +1517,12 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
   setup(e, { expose: s, emit: t }) {
     const a = e;
     Ct(), Q(xt), Q(kt), Q(_t), q(a, "settings.nestedHeaders") && Q(wt);
-    const l = t, o = ge("axios"), n = L(null), i = L(!1), r = L(null), d = {
-      search: Qs,
-      filterSelect: sa,
-      filterButtons: na,
-      datePicker: ca,
-      reset: fa
+    const l = t, r = ge("axios"), o = $(null), i = $(!1), n = $(null), d = {
+      search: aa,
+      filterSelect: na,
+      filterButtons: da,
+      datePicker: fa,
+      reset: ya
     }, m = k(() => Object.entries(a.plugins).filter(([p, h]) => h && h.enabled).map(([p, h]) => ({ name: p, config: h }))), u = z({
       hotInstance: null,
       url: a.url,
@@ -1510,17 +1543,17 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
           u.params[p] && (delete u.params[p], await u.methods.loadTable());
         },
         loadTable: async (p) => {
-          if (!(!n.value || !n.value.hotInstance)) {
-            i.value = !0, r.value = null, l("loading", !0), ae.start(), u.hotInstance = n.value.hotInstance;
+          if (!(!o.value || !o.value.hotInstance)) {
+            i.value = !0, n.value = null, l("loading", !0), ae.start(), u.hotInstance = o.value.hotInstance;
             try {
               if (a.dataProvider) {
-                const v = await a.dataProvider(u.computed.params);
-                u.response = a.dataTransformer(v, a);
+                const b = await a.dataProvider(u.computed.params);
+                u.response = a.dataTransformer(b, a);
               } else if (a.url) {
-                const v = await o.get(a.url, {
+                const b = await r.get(a.url, {
                   params: u.computed.params
                 });
-                u.response = a.dataTransformer(v, a);
+                u.response = a.dataTransformer(b, a);
               } else {
                 console.error("No data provider or URL provided"), i.value = !1, l("loading", !1), ae.done();
                 return;
@@ -1530,14 +1563,14 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
                 meta: u.response.meta
               }), p && typeof p == "function" && p();
             } catch (h) {
-              r.value = h, l("error", h), console.error("Error loading table data:", h);
+              n.value = h, l("error", h), console.error("Error loading table data:", h);
             } finally {
               i.value = !1, l("loading", !1), ae.done();
             }
           }
         },
         // can't use sparkTable.hotInstance here because the ref isn't ready
-        colToProp: (p) => n.value.hotInstance.colToProp(p),
+        colToProp: (p) => o.value.hotInstance.colToProp(p),
         fireEvent: (p, h) => {
           l(p, h);
         },
@@ -1550,8 +1583,8 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
         },
         clearParam: (p) => u.methods.removeParam(p),
         clearParams: (p) => {
-          (Array.isArray(p) ? p : [p]).forEach((v) => {
-            u.params[v] !== void 0 && delete u.params[v];
+          (Array.isArray(p) ? p : [p]).forEach((b) => {
+            u.params[b] !== void 0 && delete u.params[b];
           }), u.methods.applyParams({ page: 1 });
         }
       },
@@ -1560,7 +1593,7 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
           ...a.params,
           ...u.params
         })),
-        ready: k(() => bt(u, "response.meta.last_page"))
+        ready: k(() => vt(u, "response.meta.last_page"))
       },
       options: k(() => ({
         ...ne,
@@ -1570,9 +1603,10 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
         ...fe,
         nestedHeaders: q(a.settings, "nestedHeaders", []),
         ...!q(a.settings, "nestedHeaders") && {
-          afterGetColHeader: (p, h) => $s(p, h, u)
+          afterGetColHeader: (p, h) => Ts(p, h, u)
         },
-        afterChange: (p, h) => As(),
+        afterChange: (p, h) => js(),
+        afterRender: () => Vs(u),
         ...a.settings
       }))
     });
@@ -1588,9 +1622,9 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
         await u.methods.loadTable();
       },
       { debounce: 50, maxWait: 1e3 }
-    ), ve(async () => {
+    ), be(async () => {
       await u.methods.loadTable(), l("ready");
-    }), Fs(u), s({
+    }), zs(u), s({
       refresh: () => u.methods.loadTable(),
       getParams: () => u.methods.getParams(),
       getParam: (p) => u.methods.getParam(p),
@@ -1599,33 +1633,33 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
       clearParams: (p) => u.methods.clearParams(p),
       applyParams: (p) => u.methods.applyParams(p),
       loading: i,
-      error: r,
+      error: n,
       sparkTable: u,
-      table: n
-    }), (p, h) => (f(), g("div", ma, [
+      table: o
+    }), (p, h) => (f(), g("div", va, [
       u.computed.ready ? (f(), V(pe, {
         key: 0,
         position: "header"
       }, {
         default: w(() => [
-          (f(!0), g(M, null, B(m.value, (v) => (f(), V(W(d[v.config.type]), {
-            key: v.name,
-            class: _(v.config.align ? `self-${v.config.align}` : ""),
+          (f(!0), g(B, null, A(m.value, (b) => (f(), V(W(d[b.config.type]), {
+            key: b.name,
+            class: _(b.config.align ? `self-${b.config.align}` : ""),
             "spark-table": u,
-            config: v.config
+            config: b.config
           }, null, 8, ["class", "spark-table", "config"]))), 128)),
           T(p.$slots, "header", {
             sparkTable: u,
             loading: i.value,
-            error: r.value
+            error: n.value
           })
         ]),
         _: 3
       })) : x("", !0),
-      b(y(vt), {
+      v(y(bt), {
         "theme-name": "ht-theme-classic",
         ref_key: "table",
-        ref: n,
+        ref: o,
         settings: u.tableSettings
       }, null, 8, ["settings"]),
       u.computed.ready ? (f(), V(pe, {
@@ -1633,20 +1667,20 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
         position: "footer"
       }, {
         default: w(() => [
-          b(Ns, { "spark-table": u }, null, 8, ["spark-table"]),
-          c("div", ga, [
-            b(Ks, {
+          v(Gs, { "spark-table": u }, null, 8, ["spark-table"]),
+          c("div", ba, [
+            v(Xs, {
               "spark-table": u,
               onPaginate: u.methods.applyParams
             }, null, 8, ["spark-table", "onPaginate"]),
-            b(Ys, {
+            v(ea, {
               "spark-table": u,
               onPaginate: u.methods.applyParams
             }, null, 8, ["spark-table", "onPaginate"]),
             T(p.$slots, "footer", {
               sparkTable: u,
               loading: i.value,
-              error: r.value
+              error: n.value
             })
           ])
         ]),
@@ -1667,8 +1701,8 @@ function me() {
     e.isVisible = !1, e.content = null, e.props = {}, e.eventHandlers = {};
   }, a = () => {
     e.isVisible = !0;
-  }, l = (n, i = {}, r = {}) => {
-    e.content = he(n), e.props = i, e.eventHandlers = r;
+  }, l = (o, i = {}, n = {}) => {
+    e.content = he(o), e.props = i, e.eventHandlers = n;
   };
   return {
     state: e,
@@ -1676,12 +1710,12 @@ function me() {
     close: t,
     open: a,
     setContent: l,
-    show: (n, i = {}, r = {}) => {
-      n && l(n, i, r), a();
+    show: (o, i = {}, n = {}) => {
+      o && l(o, i, n), a();
     }
   };
 }
-class ya {
+class ka {
   constructor() {
     this.left = me(), this.right = me();
   }
@@ -1713,22 +1747,22 @@ class ya {
     this.left.close(), this.right.close();
   };
 }
-const Z = new ya(), ba = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, va = { class: "flex flex-1 flex-col" }, xa = {
+const Z = new ka(), _a = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, wa = { class: "flex flex-1 flex-col" }, Ca = {
   class: "flex flex-1 flex-col gap-y-7",
   role: "list"
-}, ka = { class: "flex flex-1 flex-col" }, _a = {
+}, Sa = { class: "flex flex-1 flex-col" }, $a = {
   role: "list",
   class: "flex flex-1 flex-col"
-}, wa = { class: "flex items-center pb-8" }, Ca = ["href", "onClick"], Sa = {
+}, La = { class: "flex items-center pb-8" }, Ha = ["href", "onClick"], Ta = {
   key: 2,
   class: "w-full flex justify-center"
-}, $a = {
+}, Va = {
   key: 0,
   class: "mt-[5px] flex flex-col gap-[5px]"
-}, La = ["href", "onClick"], Ha = {
+}, Pa = ["href", "onClick"], Ra = {
   key: 1,
   class: "text-[13px]"
-}, Ta = { class: "mt-auto" }, Va = { class: "p-[10px] flex-shrink-0" }, Pa = { class: "flex flex-1 items-center gap-x-6" }, Ra = { class: "relative flex flex-1 items-center gap-4" }, Ma = { class: "cursor-pointer" }, Fa = ["src"], Aa = { class: "ml-auto" }, Ba = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, br = {
+}, Ba = { class: "mt-auto" }, Ma = { class: "p-[10px] flex-shrink-0" }, Fa = { class: "flex flex-1 items-center gap-x-6" }, Aa = { class: "relative flex flex-1 items-center gap-4" }, Ea = { class: "cursor-pointer" }, za = ["src"], ja = { class: "ml-auto" }, Ia = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, _r = {
   __name: "SparkDefaultContainer",
   props: {
     appStore: {
@@ -1746,41 +1780,41 @@ const Z = new ya(), ba = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, va =
   },
   emits: ["overlayClose"],
   setup(e, { emit: s }) {
-    const t = e, a = s, l = be(), o = Le(), n = Se(), i = k(() => n.getAppIcon(t.appStore.state.app)), r = () => {
+    const t = e, a = s, l = ve(), r = Le(), o = Se(), i = k(() => o.getAppIcon(t.appStore.state.app)), n = () => {
       const p = {};
-      l["app-selector-bottom"] ? p.bottomSlot = () => le("div", {}, l["app-selector-bottom"]()) : t.appSelectorSlots.bottomSlot && (p.bottomSlot = t.appSelectorSlots.bottomSlot), l["app-selector-footer"] ? p.footerSlot = () => le("div", {}, l["app-selector-footer"]()) : t.appSelectorSlots.footerSlot && (p.footerSlot = t.appSelectorSlots.footerSlot), Z.showRight(Kt, p, {
+      l["app-selector-bottom"] ? p.bottomSlot = () => le("div", {}, l["app-selector-bottom"]()) : t.appSelectorSlots.bottomSlot && (p.bottomSlot = t.appSelectorSlots.bottomSlot), l["app-selector-footer"] ? p.footerSlot = () => le("div", {}, l["app-selector-footer"]()) : t.appSelectorSlots.footerSlot && (p.footerSlot = t.appSelectorSlots.footerSlot), Z.showRight(Yt, p, {
         select: (h) => {
           Z.closeRight();
         }
       });
     }, d = () => {
       Z.showLeft(
-        cs,
+        ps,
         {},
         {
           select: (p) => {
-            o.toggleBrand(p), Z.closeLeft();
+            r.toggleBrand(p), Z.closeLeft();
           }
         }
       );
     }, m = k(() => t.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [t.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), u = k(() => t.mainNavStore.state.hidden ? ["pl-2.5"] : [t.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
     return (p, h) => {
-      const v = $("font-awesome-icon"), N = $("router-view");
-      return f(), g(M, null, [
+      const b = L("font-awesome-icon"), N = L("router-view");
+      return f(), g(B, null, [
         c("div", {
           class: _([m.value, "fixed inset-y-0 flex transition-all z-100"])
         }, [
-          c("div", ba, [
-            c("nav", va, [
-              c("ul", xa, [
-                c("li", ka, [
-                  c("ul", _a, [
-                    c("li", wa, [
+          c("div", _a, [
+            c("nav", wa, [
+              c("ul", Ca, [
+                c("li", Sa, [
+                  c("ul", $a, [
+                    c("li", La, [
                       c("a", {
                         class: "grid w-[40px] h-[40px] place-items-center rounded-md bg-primary-600 text-white text-[13px] cursor-pointer",
                         onClick: h[0] || (h[0] = j((C) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
                       }, [
-                        b(v, {
+                        v(b, {
                           icon: y(H)[i.value],
                           class: "size-5"
                         }, null, 8, ["icon"])
@@ -1791,7 +1825,7 @@ const Z = new ya(), ba = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, va =
                         class: "font-medium text-gray-800 ml-[10px] cursor-pointer"
                       }, S(e.appStore.state.app), 1))
                     ]),
-                    (f(!0), g(M, null, B(e.mainNavStore.state.menu, (C) => (f(), g("li", {
+                    (f(!0), g(B, null, A(e.mainNavStore.state.menu, (C) => (f(), g("li", {
                       key: C.name,
                       class: _({
                         "mt-[10px]": C.children,
@@ -1806,12 +1840,12 @@ const Z = new ya(), ba = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, va =
                         href: C?.href,
                         onClick: j((R) => e.mainNavStore.goto(C.href), ["prevent"])
                       }, [
-                        C.icon ? (f(), V(v, {
+                        C.icon ? (f(), V(b, {
                           key: 0,
                           icon: y(H)[C.icon],
                           class: _([[(C.current, "text-gray-400")], "size-4"])
                         }, null, 8, ["icon", "class"])) : x("", !0),
-                        e.mainNavStore.state.collapsed ? C?.children ? (f(), g("div", Sa, [...h[6] || (h[6] = [
+                        e.mainNavStore.state.collapsed ? C?.children ? (f(), g("div", Ta, [...h[6] || (h[6] = [
                           c("div", { class: "w-[10px] h-px bg-gray-400" }, null, -1)
                         ])])) : x("", !0) : (f(), g("span", {
                           key: 1,
@@ -1822,9 +1856,9 @@ const Z = new ya(), ba = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, va =
                             "text-gray-500": C?.children
                           })
                         }, S(C.name), 3))
-                      ], 10, Ca),
-                      C.children ? (f(), g("ul", $a, [
-                        (f(!0), g(M, null, B(C.children, (R) => (f(), g("li", {
+                      ], 10, Ha),
+                      C.children ? (f(), g("ul", Va, [
+                        (f(!0), g(B, null, A(C.children, (R) => (f(), g("li", {
                           key: R.name
                         }, [
                           c("a", {
@@ -1832,26 +1866,26 @@ const Z = new ya(), ba = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, va =
                             href: R.href,
                             onClick: j((J) => e.mainNavStore.goto(R.href), ["prevent"])
                           }, [
-                            R.icon ? (f(), V(v, {
+                            R.icon ? (f(), V(b, {
                               key: 0,
                               icon: y(H)[R.icon],
                               class: _([[(R.current, "text-gray-400")], "size-4"])
                             }, null, 8, ["icon", "class"])) : x("", !0),
-                            e.mainNavStore.state.collapsed ? x("", !0) : (f(), g("span", Ha, S(R.name), 1))
-                          ], 10, La)
+                            e.mainNavStore.state.collapsed ? x("", !0) : (f(), g("span", Ra, S(R.name), 1))
+                          ], 10, Pa)
                         ]))), 128))
                       ])) : x("", !0)
                     ], 2))), 128))
                   ])
                 ]),
-                c("li", Ta, [
+                c("li", Ba, [
                   T(p.$slots, "sidebar-footer"),
                   c("a", {
                     class: "font-medium grid place-content-center gap-x-3 rounded-md h-10 p-2.5 text-gray-800 text-[13px] hover:bg-gray-100 transition-all duration-300 ease-in-out",
                     href: "#",
                     onClick: h[2] || (h[2] = j((C) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
                   }, [
-                    b(v, {
+                    v(b, {
                       icon: y(H)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
                       class: "class-5"
                     }, null, 8, ["icon"])
@@ -1864,12 +1898,12 @@ const Z = new ya(), ba = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, va =
         c("div", {
           class: _([u.value, "h-full transition-all flex flex-col"])
         }, [
-          c("div", Va, [
-            c("div", Pa, [
-              c("div", Ra, [
+          c("div", Ma, [
+            c("div", Fa, [
+              c("div", Aa, [
                 T(p.$slots, "header-left", {}, () => [
-                  c("div", Ma, [
-                    b(v, {
+                  c("div", Ea, [
+                    v(b, {
                       icon: y(H).farBarsSort,
                       class: "size-5",
                       onClick: h[3] || (h[3] = (C) => e.mainNavStore.toggleHidden())
@@ -1882,23 +1916,23 @@ const Z = new ya(), ba = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, va =
                     class: "absolute left-1/2 -translate-x-1/2 cursor-pointer h-9 flex items-center",
                     onClick: d
                   }, [
-                    y(o).currentBrand ? (f(), g("img", {
+                    y(r).currentBrand ? (f(), g("img", {
                       key: 0,
-                      src: y(o).currentBrand.logo,
+                      src: y(r).currentBrand.logo,
                       alt: "",
                       class: "h-[30px] w-auto"
-                    }, null, 8, Fa)) : x("", !0)
+                    }, null, 8, za)) : x("", !0)
                   ])) : x("", !0)
                 ]),
-                c("div", Aa, [
+                c("div", ja, [
                   T(p.$slots, "header-right", {}, () => [
                     e.appStore.state.showAppSelector ? (f(), g("button", {
                       key: 0,
                       class: "rounded-sm bg-white w-[42px] h-[42px] ring-1 ring-inset ring-gray-300",
                       type: "button",
-                      onClick: r
+                      onClick: n
                     }, [
-                      b(v, {
+                      v(b, {
                         icon: y(H).farGripDotsVertical,
                         class: "size-4 text-gray-400"
                       }, null, 8, ["icon"])
@@ -1908,46 +1942,46 @@ const Z = new ya(), ba = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, va =
               ])
             ])
           ]),
-          c("main", Ba, [
-            b(N)
+          c("main", Ia, [
+            v(N)
           ])
         ], 2),
-        b(y(ce), {
+        v(y(ce), {
           position: "left",
           "overlay-instance": y(Z).left,
           onClose: h[4] || (h[4] = (C) => a("overlayClose", "left"))
         }, null, 8, ["overlay-instance"]),
-        b(y(ce), {
+        v(y(ce), {
           position: "right",
           "overlay-instance": y(Z).right,
           onClose: h[5] || (h[5] = (C) => a("overlayClose", "right"))
         }, null, 8, ["overlay-instance"]),
-        b(y(bs))
+        v(y(ks))
       ], 64);
     };
   }
-}, Ea = {}, za = { class: "h-full" };
-function ja(e, s) {
-  const t = $("router-view");
-  return f(), g("main", za, [
-    b(t)
+}, Oa = {}, Na = { class: "h-full" };
+function Da(e, s) {
+  const t = L("router-view");
+  return f(), g("main", Na, [
+    v(t)
   ]);
 }
-const vr = /* @__PURE__ */ I(Ea, [["render", ja]]), Oa = (e) => {
+const wr = /* @__PURE__ */ O(Oa, [["render", Da]]), Za = (e) => {
   const s = document.cookie.match(new RegExp(`(^| )${e}=([^;]+)`));
   return s ? s[2] : null;
-}, Ia = (e, s, t = {}) => {
+}, qa = (e, s, t = {}) => {
   const {
     maxAge: a = 31536e3,
     // 365 days in seconds
     domain: l = He(),
-    secure: o = !0,
-    sameSite: n = "Lax",
+    secure: r = !0,
+    sameSite: o = "Lax",
     path: i = "/"
   } = t;
-  let r = `${e}=${s}; max-age=${a}; path=${i}; samesite=${n}`;
-  l && (r += `; domain=${l}`), o && (r += "; secure"), document.cookie = r;
-}, Na = (e, s = {}) => {
+  let n = `${e}=${s}; max-age=${a}; path=${i}; samesite=${o}`;
+  l && (n += `; domain=${l}`), r && (n += "; secure"), document.cookie = n;
+}, Ga = (e, s = {}) => {
   const { domain: t = He(), path: a = "/" } = s;
   let l = `${e}=; max-age=0; path=${a}`;
   t && (l += `; domain=${t}`), document.cookie = l;
@@ -1955,15 +1989,15 @@ const vr = /* @__PURE__ */ I(Ea, [["render", ja]]), Oa = (e) => {
   const e = window.location.hostname;
   return e === "localhost" ? "localhost" : e.endsWith(".test") || e.endsWith(".io") ? "." + e.split(".").slice(-2).join(".") : e.endsWith(".com.au") ? "." + e.split(".").slice(-3).join(".") : e;
 }, Te = [];
-function Da(e) {
+function Ka(e) {
   Te.push(e);
 }
-function Za() {
+function Ua() {
   Te.forEach((e) => e());
 }
-function xr(e) {
+function Cr(e) {
   let s = !1;
-  return Da(() => {
+  return Ka(() => {
     s = !1;
   }), {
     bootstrapApp: async () => {
@@ -1976,7 +2010,7 @@ function xr(e) {
     }
   };
 }
-const re = "bolt-next-token", F = X("auth", () => {
+const re = "bolt-next-token", M = X("auth", () => {
   const e = z({
     user: null,
     token: null,
@@ -2012,13 +2046,13 @@ const re = "bolt-next-token", F = X("auth", () => {
   }), s = (d = {}) => {
     d.endpoints && Object.assign(e.endpoints, d.endpoints), d.routes && Object.assign(e.routes, d.routes), d.devCredentials && Object.assign(e.devCredentials, d.devCredentials), d.callbacks && Object.assign(e.callbacks, d.callbacks), d.overrideToken && (e.overrideToken = d.overrideToken);
   }, t = (d) => {
-    Ia(re, d), e.token = d;
+    qa(re, d), e.token = d;
   }, a = () => {
-    Na(re), e.token = null;
-  }, l = () => Oa(re), o = async (d) => {
+    Ga(re), e.token = null;
+  }, l = () => Za(re), r = async (d) => {
     const m = await K.post(e.endpoints.login, d), u = m.headers.authorization;
     return t(u), e.user = m.data, e.callbacks.onLoginSuccess && await e.callbacks.onLoginSuccess(m.data), m.data;
-  }, n = async () => {
+  }, o = async () => {
     try {
       await K.post(
         e.endpoints.logout,
@@ -2032,7 +2066,7 @@ const re = "bolt-next-token", F = X("auth", () => {
     } catch (d) {
       throw e.callbacks.onLogoutError && await e.callbacks.onLogoutError(d), d;
     } finally {
-      a(), e.user = null, Za();
+      a(), e.user = null, Ua();
     }
   }, i = async () => {
     const d = e.overrideToken || l();
@@ -2050,29 +2084,29 @@ const re = "bolt-next-token", F = X("auth", () => {
     } finally {
       e.ready = !0;
     }
-  }, r = k(() => e.overrideToken ? !0 : !!e.token && !!e.user);
+  }, n = k(() => e.overrideToken ? !0 : !!e.token && !!e.user);
   return {
     state: e,
     initialize: s,
-    login: o,
-    logout: n,
+    login: r,
+    logout: o,
     fetchUser: i,
-    check: r,
+    check: n,
     setTokenCookie: t,
     clearTokenCookie: a,
     getTokenCookie: l
   };
-}), qa = { class: "h-full grid place-content-center relative" }, Ga = { class: "absolute top-8 left-8" }, Ka = ["src"], Ua = {
+}), Wa = { class: "h-full grid place-content-center relative" }, Ya = { class: "absolute top-8 left-8" }, Xa = ["src"], Ja = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Wa = { class: "max-w-sm grid gap-y-1 -mt-8" }, Ya = { class: "mb-7" }, Xa = { class: "text-gray-600" }, Ja = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, Qa = {
+}, Qa = { class: "max-w-sm grid gap-y-1 -mt-8" }, eo = { class: "mb-7" }, to = { class: "text-gray-600" }, so = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, ao = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, eo = { key: 0 }, to = { key: 1 }, so = {
+}, oo = { key: 0 }, ro = { key: 1 }, no = {
   __name: "SparkLoginView",
   props: {
     logo: {
@@ -2089,8 +2123,8 @@ const re = "bolt-next-token", F = X("auth", () => {
     }
   },
   setup(e) {
-    const s = O(), t = se(), a = $e(), l = F(), o = e, n = L(!1), i = L(""), r = async (d) => {
-      n.value = !0, i.value = "";
+    const s = I(), t = se(), a = $e(), l = M(), r = e, o = $(!1), i = $(""), n = async (d) => {
+      o.value = !0, i.value = "";
       try {
         await l.login(d);
         const m = t.query.redirect;
@@ -2101,23 +2135,23 @@ const re = "bolt-next-token", F = X("auth", () => {
           }
           await s.push(m);
         } else
-          await s.push(o.defaultRedirect);
+          await s.push(r.defaultRedirect);
       } catch (m) {
         i.value = m.response?.data?.message || m.message || "Login failed. Please try again.";
       } finally {
-        n.value = !1;
+        o.value = !1;
       }
     };
     return (d, m) => {
-      const u = $("FormKit"), p = $("router-link");
-      return f(), g("div", qa, [
-        c("div", Ga, [
-          o.logo ? (f(), g("img", {
+      const u = L("FormKit"), p = L("router-link");
+      return f(), g("div", Wa, [
+        c("div", Ya, [
+          r.logo ? (f(), g("img", {
             key: 0,
-            src: o.logo,
+            src: r.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Ka)) : (f(), g("svg", Ua, [...m[0] || (m[0] = [
+          }, null, 8, Xa)) : (f(), g("svg", Ja, [...m[0] || (m[0] = [
             c("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -2136,18 +2170,18 @@ const re = "bolt-next-token", F = X("auth", () => {
             }, null, -1)
           ])]))
         ]),
-        c("div", Wa, [
-          c("div", Ya, [
+        c("div", Qa, [
+          c("div", eo, [
             m[1] || (m[1] = c("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Log in", -1)),
-            c("p", Xa, " Welcome back" + S(y(a).state.app ? ` to ${y(a).state.app}` : "") + "! Please enter your details. ", 1)
+            c("p", to, " Welcome back" + S(y(a).state.app ? ` to ${y(a).state.app}` : "") + "! Please enter your details. ", 1)
           ]),
-          b(u, {
+          v(u, {
             type: "form",
-            onSubmit: r,
+            onSubmit: n,
             actions: !1
           }, {
             default: w(() => [
-              b(u, {
+              v(u, {
                 label: "Email",
                 name: "email",
                 placeholder: "Enter your email",
@@ -2156,7 +2190,7 @@ const re = "bolt-next-token", F = X("auth", () => {
                 "outer-class": "max-w-full",
                 value: y(l).state.devCredentials.username
               }, null, 8, ["value"]),
-              b(u, {
+              v(u, {
                 label: "Password",
                 name: "password",
                 placeholder: "••••••••",
@@ -2165,10 +2199,10 @@ const re = "bolt-next-token", F = X("auth", () => {
                 "outer-class": "max-w-full",
                 value: y(l).state.devCredentials.password
               }, null, 8, ["value"]),
-              c("div", Ja, [
+              c("div", so, [
                 m[3] || (m[3] = c("span", null, null, -1)),
-                b(p, {
-                  to: o.forgotPasswordRoute,
+                v(p, {
+                  to: r.forgotPasswordRoute,
                   class: "text-sm text-primary-600 font-semibold"
                 }, {
                   default: w(() => [...m[2] || (m[2] = [
@@ -2177,15 +2211,15 @@ const re = "bolt-next-token", F = X("auth", () => {
                   _: 1
                 }, 8, ["to"])
               ]),
-              i.value ? (f(), g("div", Qa, S(i.value), 1)) : x("", !0),
-              b(y(A), {
+              i.value ? (f(), g("div", ao, S(i.value), 1)) : x("", !0),
+              v(y(F), {
                 type: "submit",
                 size: "xl",
-                disabled: n.value,
+                disabled: o.value,
                 "button-class": "w-full mb-2"
               }, {
                 default: w(() => [
-                  n.value ? (f(), g("span", to, "Signing in...")) : (f(), g("span", eo, "Sign in"))
+                  o.value ? (f(), g("span", ro, "Signing in...")) : (f(), g("span", oo, "Sign in"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -2196,7 +2230,7 @@ const re = "bolt-next-token", F = X("auth", () => {
       ]);
     };
   }
-}, ao = {
+}, lo = {
   __name: "SparkLogoutView",
   props: {
     defaultRedirect: {
@@ -2205,27 +2239,27 @@ const re = "bolt-next-token", F = X("auth", () => {
     }
   },
   setup(e) {
-    const s = O(), t = se(), a = F(), l = e;
-    return ve(async () => {
+    const s = I(), t = se(), a = M(), l = e;
+    return be(async () => {
       await a.logout();
-      const o = t.query.redirect;
-      o && o.startsWith("http") ? window.location.href = o : await s.push(o || l.defaultRedirect);
-    }), (o, n) => null;
+      const r = t.query.redirect;
+      r && r.startsWith("http") ? window.location.href = r : await s.push(r || l.defaultRedirect);
+    }), (r, o) => null;
   }
-}, oo = { class: "h-full grid place-content-center relative" }, ro = { class: "absolute top-8 left-8" }, no = ["src"], lo = {
+}, io = { class: "h-full grid place-content-center relative" }, co = { class: "absolute top-8 left-8" }, uo = ["src"], po = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, io = { class: "max-w-sm grid gap-y-1 -mt-8" }, co = {
+}, fo = { class: "max-w-sm grid gap-y-1 -mt-8" }, mo = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, uo = {
+}, go = {
   key: 1,
   class: "text-green-600 text-sm mb-2"
-}, po = { key: 0 }, fo = { key: 1 }, mo = {
+}, ho = { key: 0 }, yo = { key: 1 }, vo = {
   __name: "SparkForgotPasswordView",
   props: {
     logo: {
@@ -2238,26 +2272,26 @@ const re = "bolt-next-token", F = X("auth", () => {
     }
   },
   setup(e) {
-    const s = F(), t = e, a = L(!1), l = L(""), o = L(""), n = async ({ email: i }) => {
-      a.value = !0, l.value = "", o.value = "";
+    const s = M(), t = e, a = $(!1), l = $(""), r = $(""), o = async ({ email: i }) => {
+      a.value = !0, l.value = "", r.value = "";
       try {
-        await K.post(s.state.endpoints.passwordEmail, { email: i }), o.value = "Password reset link sent! Check your email.";
-      } catch (r) {
-        l.value = r.response?.data?.message || "Failed to send reset link.";
+        await K.post(s.state.endpoints.passwordEmail, { email: i }), r.value = "Password reset link sent! Check your email.";
+      } catch (n) {
+        l.value = n.response?.data?.message || "Failed to send reset link.";
       } finally {
         a.value = !1;
       }
     };
-    return (i, r) => {
-      const d = $("FormKit"), m = $("router-link");
-      return f(), g("div", oo, [
-        c("div", ro, [
+    return (i, n) => {
+      const d = L("FormKit"), m = L("router-link");
+      return f(), g("div", io, [
+        c("div", co, [
           t.logo ? (f(), g("img", {
             key: 0,
             src: t.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, no)) : (f(), g("svg", lo, [...r[0] || (r[0] = [
+          }, null, 8, uo)) : (f(), g("svg", po, [...n[0] || (n[0] = [
             c("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -2276,18 +2310,18 @@ const re = "bolt-next-token", F = X("auth", () => {
             }, null, -1)
           ])]))
         ]),
-        c("div", io, [
-          r[2] || (r[2] = c("div", { class: "mb-7" }, [
+        c("div", fo, [
+          n[2] || (n[2] = c("div", { class: "mb-7" }, [
             c("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Reset password"),
             c("p", { class: "text-gray-600" }, " Enter your email and we'll send you a link to reset your password. ")
           ], -1)),
-          b(d, {
+          v(d, {
             type: "form",
-            onSubmit: n,
+            onSubmit: o,
             actions: !1
           }, {
             default: w(() => [
-              b(d, {
+              v(d, {
                 label: "Email",
                 name: "email",
                 placeholder: "Enter your email",
@@ -2295,24 +2329,24 @@ const re = "bolt-next-token", F = X("auth", () => {
                 validation: "required|email",
                 "outer-class": "max-w-full"
               }),
-              l.value ? (f(), g("div", co, S(l.value), 1)) : x("", !0),
-              o.value ? (f(), g("div", uo, S(o.value), 1)) : x("", !0),
-              b(y(A), {
+              l.value ? (f(), g("div", mo, S(l.value), 1)) : x("", !0),
+              r.value ? (f(), g("div", go, S(r.value), 1)) : x("", !0),
+              v(y(F), {
                 type: "submit",
                 size: "xl",
                 disabled: a.value,
                 "button-class": "w-full mb-2"
               }, {
                 default: w(() => [
-                  a.value ? (f(), g("span", fo, "Sending...")) : (f(), g("span", po, "Send reset link"))
+                  a.value ? (f(), g("span", yo, "Sending...")) : (f(), g("span", ho, "Send reset link"))
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              b(m, {
+              v(m, {
                 to: t.loginRoute,
                 class: "text-sm text-center text-primary-600 font-semibold block"
               }, {
-                default: w(() => [...r[1] || (r[1] = [
+                default: w(() => [...n[1] || (n[1] = [
                   P(" Back to login ", -1)
                 ])]),
                 _: 1
@@ -2324,17 +2358,17 @@ const re = "bolt-next-token", F = X("auth", () => {
       ]);
     };
   }
-}, go = { class: "h-full grid place-content-center relative" }, ho = { class: "absolute top-8 left-8" }, yo = ["src"], bo = {
+}, bo = { class: "h-full grid place-content-center relative" }, xo = { class: "absolute top-8 left-8" }, ko = ["src"], _o = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, vo = { class: "max-w-sm grid gap-y-1 -mt-8" }, xo = {
+}, wo = { class: "max-w-sm grid gap-y-1 -mt-8" }, Co = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, ko = { key: 0 }, _o = { key: 1 }, wo = {
+}, So = { key: 0 }, $o = { key: 1 }, Lo = {
   __name: "SparkResetPasswordView",
   props: {
     logo: {
@@ -2347,31 +2381,31 @@ const re = "bolt-next-token", F = X("auth", () => {
     }
   },
   setup(e) {
-    const s = O(), t = se(), a = F(), l = e, o = L(!1), n = L(""), i = async ({ password: r, password_confirmation: d }) => {
-      o.value = !0, n.value = "";
+    const s = I(), t = se(), a = M(), l = e, r = $(!1), o = $(""), i = async ({ password: n, password_confirmation: d }) => {
+      r.value = !0, o.value = "";
       try {
         await K.post(a.state.endpoints.passwordReset, {
           email: t.query.email,
           token: t.query.token,
-          password: r,
+          password: n,
           password_confirmation: d
         }), await s.push(l.loginRoute);
       } catch (m) {
-        n.value = m.response?.data?.message || "Failed to reset password.";
+        o.value = m.response?.data?.message || "Failed to reset password.";
       } finally {
-        o.value = !1;
+        r.value = !1;
       }
     };
-    return (r, d) => {
-      const m = $("FormKit");
-      return f(), g("div", go, [
-        c("div", ho, [
+    return (n, d) => {
+      const m = L("FormKit");
+      return f(), g("div", bo, [
+        c("div", xo, [
           l.logo ? (f(), g("img", {
             key: 0,
             src: l.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, yo)) : (f(), g("svg", bo, [...d[0] || (d[0] = [
+          }, null, 8, ko)) : (f(), g("svg", _o, [...d[0] || (d[0] = [
             c("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -2390,18 +2424,18 @@ const re = "bolt-next-token", F = X("auth", () => {
             }, null, -1)
           ])]))
         ]),
-        c("div", vo, [
+        c("div", wo, [
           d[1] || (d[1] = c("div", { class: "mb-7" }, [
             c("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Set new password"),
             c("p", { class: "text-gray-600" }, " Enter your new password below. ")
           ], -1)),
-          b(m, {
+          v(m, {
             type: "form",
             onSubmit: i,
             actions: !1
           }, {
             default: w(() => [
-              b(m, {
+              v(m, {
                 label: "New Password",
                 name: "password",
                 placeholder: "••••••••",
@@ -2409,7 +2443,7 @@ const re = "bolt-next-token", F = X("auth", () => {
                 validation: "required|length:8",
                 "outer-class": "max-w-full"
               }),
-              b(m, {
+              v(m, {
                 label: "Confirm Password",
                 name: "password_confirmation",
                 placeholder: "••••••••",
@@ -2417,15 +2451,15 @@ const re = "bolt-next-token", F = X("auth", () => {
                 validation: "required|confirm:password",
                 "outer-class": "max-w-full"
               }),
-              n.value ? (f(), g("div", xo, S(n.value), 1)) : x("", !0),
-              b(y(A), {
+              o.value ? (f(), g("div", Co, S(o.value), 1)) : x("", !0),
+              v(y(F), {
                 type: "submit",
                 size: "xl",
-                disabled: o.value,
+                disabled: r.value,
                 "button-class": "w-full mb-2"
               }, {
                 default: w(() => [
-                  o.value ? (f(), g("span", _o, "Resetting...")) : (f(), g("span", ko, "Reset password"))
+                  r.value ? (f(), g("span", $o, "Resetting...")) : (f(), g("span", So, "Reset password"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -2436,14 +2470,14 @@ const re = "bolt-next-token", F = X("auth", () => {
       ]);
     };
   }
-}, Co = { class: "h-full grid place-content-center relative" }, So = { class: "absolute top-8 left-8" }, $o = ["src"], Lo = {
+}, Ho = { class: "h-full grid place-content-center relative" }, To = { class: "absolute top-8 left-8" }, Vo = ["src"], Po = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ho = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, To = { class: "flex gap-4 justify-center" }, Vo = {
+}, Ro = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Bo = { class: "flex gap-4 justify-center" }, Mo = {
   __name: "SparkError403View",
   props: {
     logo: {
@@ -2456,17 +2490,17 @@ const re = "bolt-next-token", F = X("auth", () => {
     }
   },
   setup(e) {
-    const s = O(), t = e, a = () => {
+    const s = I(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, o) => (f(), g("div", Co, [
-      c("div", So, [
+    return (l, r) => (f(), g("div", Ho, [
+      c("div", To, [
         t.logo ? (f(), g("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, $o)) : (f(), g("svg", Lo, [...o[0] || (o[0] = [
+        }, null, 8, Vo)) : (f(), g("svg", Po, [...r[0] || (r[0] = [
           c("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -2485,8 +2519,8 @@ const re = "bolt-next-token", F = X("auth", () => {
           }, null, -1)
         ])]))
       ]),
-      c("div", Ho, [
-        o[2] || (o[2] = c("div", null, [
+      c("div", Ro, [
+        r[2] || (r[2] = c("div", null, [
           c("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "403"),
           c("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Access Forbidden "),
           c("p", { class: "text-gray-600" }, [
@@ -2495,12 +2529,12 @@ const re = "bolt-next-token", F = X("auth", () => {
             P(" If you believe this is an error, please contact your administrator. ")
           ])
         ], -1)),
-        c("div", To, [
-          b(y(A), {
+        c("div", Bo, [
+          v(y(F), {
             onClick: a,
             size: "lg"
           }, {
-            default: w(() => [...o[1] || (o[1] = [
+            default: w(() => [...r[1] || (r[1] = [
               P(" Go to Home ", -1)
             ])]),
             _: 1
@@ -2509,14 +2543,14 @@ const re = "bolt-next-token", F = X("auth", () => {
       ])
     ]));
   }
-}, Po = { class: "h-full grid place-content-center relative" }, Ro = { class: "absolute top-8 left-8" }, Mo = ["src"], Fo = {
+}, Fo = { class: "h-full grid place-content-center relative" }, Ao = { class: "absolute top-8 left-8" }, Eo = ["src"], zo = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ao = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Bo = { class: "flex gap-4 justify-center" }, Eo = {
+}, jo = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Io = { class: "flex gap-4 justify-center" }, Oo = {
   __name: "SparkError404View",
   props: {
     logo: {
@@ -2529,17 +2563,17 @@ const re = "bolt-next-token", F = X("auth", () => {
     }
   },
   setup(e) {
-    const s = O(), t = e, a = () => {
+    const s = I(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, o) => (f(), g("div", Po, [
-      c("div", Ro, [
+    return (l, r) => (f(), g("div", Fo, [
+      c("div", Ao, [
         t.logo ? (f(), g("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, Mo)) : (f(), g("svg", Fo, [...o[0] || (o[0] = [
+        }, null, 8, Eo)) : (f(), g("svg", zo, [...r[0] || (r[0] = [
           c("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -2558,18 +2592,18 @@ const re = "bolt-next-token", F = X("auth", () => {
           }, null, -1)
         ])]))
       ]),
-      c("div", Ao, [
-        o[2] || (o[2] = c("div", null, [
+      c("div", jo, [
+        r[2] || (r[2] = c("div", null, [
           c("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "404"),
           c("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Page Not Found "),
           c("p", { class: "text-gray-600" }, " The page you're looking for doesn't exist or has been moved. ")
         ], -1)),
-        c("div", Bo, [
-          b(y(A), {
+        c("div", Io, [
+          v(y(F), {
             onClick: a,
             size: "lg"
           }, {
-            default: w(() => [...o[1] || (o[1] = [
+            default: w(() => [...r[1] || (r[1] = [
               P(" Go to Home ", -1)
             ])]),
             _: 1
@@ -2578,14 +2612,14 @@ const re = "bolt-next-token", F = X("auth", () => {
       ])
     ]));
   }
-}, zo = { class: "h-full grid place-content-center relative" }, jo = { class: "absolute top-8 left-8" }, Oo = ["src"], Io = {
+}, No = { class: "h-full grid place-content-center relative" }, Do = { class: "absolute top-8 left-8" }, Zo = ["src"], qo = {
   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: "text-primary-600 text-7xl font-bold mb-4" }, Zo = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, qo = { class: "text-gray-600" }, Go = { class: "flex gap-4 justify-center" }, kr = {
+}, Go = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Ko = { class: "text-primary-600 text-7xl font-bold mb-4" }, Uo = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, Wo = { class: "text-gray-600" }, Yo = { class: "flex gap-4 justify-center" }, Sr = {
   __name: "SparkErrorGeneralView",
   props: {
     logo: {
@@ -2610,17 +2644,17 @@ const re = "bolt-next-token", F = X("auth", () => {
     }
   },
   setup(e) {
-    const s = O(), t = e, a = () => {
+    const s = I(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, o) => (f(), g("div", zo, [
-      c("div", jo, [
+    return (l, r) => (f(), g("div", No, [
+      c("div", Do, [
         t.logo ? (f(), g("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, Oo)) : (f(), g("svg", Io, [...o[0] || (o[0] = [
+        }, null, 8, Zo)) : (f(), g("svg", qo, [...r[0] || (r[0] = [
           c("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -2639,18 +2673,18 @@ const re = "bolt-next-token", F = X("auth", () => {
           }, null, -1)
         ])]))
       ]),
-      c("div", No, [
+      c("div", Go, [
         c("div", null, [
-          c("div", Do, S(t.errorCode || "Error"), 1),
-          c("h1", Zo, S(t.title || "Something went wrong"), 1),
-          c("p", qo, S(t.message || "An unexpected error occurred. Please try again later."), 1)
+          c("div", Ko, S(t.errorCode || "Error"), 1),
+          c("h1", Uo, S(t.title || "Something went wrong"), 1),
+          c("p", Wo, S(t.message || "An unexpected error occurred. Please try again later."), 1)
         ]),
-        c("div", Go, [
-          b(y(A), {
+        c("div", Yo, [
+          v(y(F), {
             onClick: a,
             size: "lg"
           }, {
-            default: w(() => [...o[1] || (o[1] = [
+            default: w(() => [...r[1] || (r[1] = [
               P(" Go to Home ", -1)
             ])]),
             _: 1
@@ -2660,60 +2694,60 @@ const re = "bolt-next-token", F = X("auth", () => {
     ]));
   }
 };
-function _r(e = {}) {
+function $r(e = {}) {
   const {
     loginPath: s = "/login",
     logoutPath: t = "/logout",
     forgotPasswordPath: a = "/forgot-password",
     resetPasswordPath: l = "/password/reset",
-    logo: o = "",
-    defaultRedirect: n = "/dashboard"
+    logo: r = "",
+    defaultRedirect: o = "/dashboard"
   } = e;
   return [
     {
       path: s,
       name: "login",
-      component: so,
-      props: { logo: o, defaultRedirect: n },
+      component: no,
+      props: { logo: r, defaultRedirect: o },
       meta: { auth: !1 }
     },
     {
       path: t,
       name: "logout",
-      component: ao,
+      component: lo,
       props: { defaultRedirect: s },
       meta: { auth: !1 }
     },
     {
       path: a,
       name: "forgot-password",
-      component: mo,
-      props: { logo: o, loginRoute: s },
+      component: vo,
+      props: { logo: r, loginRoute: s },
       meta: { auth: !1 }
     },
     {
       path: l,
       name: "password-reset",
-      component: wo,
-      props: { logo: o, loginRoute: s },
+      component: Lo,
+      props: { logo: r, loginRoute: s },
       meta: { auth: !1 }
     }
   ];
 }
-function wr(e, s = {}) {
+function Lr(e, s = {}) {
   const { defaultAuthenticatedRoute: t = "/dashboard" } = s;
-  e.beforeEach(async (a, l, o) => {
-    const n = F();
-    n.state.ready || await n.fetchUser(), Ko(a, o, n, t);
+  e.beforeEach(async (a, l, r) => {
+    const o = M();
+    o.state.ready || await o.fetchUser(), Xo(a, r, o, t);
   });
 }
-function Ko(e, s, t, a) {
-  const l = e.meta.auth !== !1, o = t.check;
+function Xo(e, s, t, a) {
+  const l = e.meta.auth !== !1, r = t.check;
   if (t.state.overrideToken && e.path === "/logout") {
     s({ path: a });
     return;
   }
-  if (!o) {
+  if (!r) {
     if (!l) {
       if (e.path === "/logout") {
         s({ path: t.state.routes.auth });
@@ -2722,18 +2756,18 @@ function Ko(e, s, t, a) {
       s();
       return;
     }
-    let n = e.fullPath;
-    if (n === "/" || n === "" || n === a) {
+    let o = e.fullPath;
+    if (o === "/" || o === "" || o === a) {
       s({ path: t.state.routes.auth });
       return;
     }
-    n.includes("%") && (n = decodeURIComponent(n)), s({
+    o.includes("%") && (o = decodeURIComponent(o)), s({
       path: t.state.routes.auth,
-      query: { redirect: n }
+      query: { redirect: o }
     });
     return;
   }
-  if (o) {
+  if (r) {
     if (!l && e.path === t.state.routes.auth) {
       s({ path: a });
       return;
@@ -2745,7 +2779,7 @@ function Ko(e, s, t, a) {
     s();
   }
 }
-function Cr(e = {}) {
+function Hr(e = {}) {
   const {
     forbiddenPath: s = "/error/403",
     logo: t = "",
@@ -2754,12 +2788,12 @@ function Cr(e = {}) {
   return {
     path: s,
     name: "error-403",
-    component: Vo,
+    component: Mo,
     props: { logo: t, homeRoute: a },
     meta: { auth: !1 }
   };
 }
-function Sr(e = {}) {
+function Tr(e = {}) {
   const {
     logo: s = "",
     homeRoute: t = "/dashboard"
@@ -2767,20 +2801,20 @@ function Sr(e = {}) {
   return {
     path: "/:pathMatch(.*)*",
     name: "error-404",
-    component: Eo,
+    component: Oo,
     props: { logo: s, homeRoute: t },
     meta: { auth: !1 }
   };
 }
-function $r(e, s) {
+function Vr(e, s) {
   e.beforeResolve(async (t) => {
     if (t.meta.auth !== !1) {
-      const a = F();
+      const a = M();
       a.state.ready && a.check && await s();
     }
   });
 }
-function Uo(e = {}) {
+function Jo(e = {}) {
   const s = K.create({
     baseURL: e.baseURL || "",
     timeout: e.timeout || 3e4,
@@ -2792,7 +2826,7 @@ function Uo(e = {}) {
   return s.interceptors.request.use(
     (t) => {
       try {
-        const a = F();
+        const a = M();
         a.state.overrideToken ? t.headers.Authorization = `Bearer ${a.state.overrideToken}` : a.state.token && (t.headers.Authorization = `Bearer ${a.state.token}`);
       } catch {
       }
@@ -2804,14 +2838,14 @@ function Uo(e = {}) {
     async (t) => {
       if (t.response?.status === 401)
         try {
-          const a = F();
+          const a = M();
           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 = F();
+          const a = M();
           window.location.href = a.state.routes.forbidden;
         } catch (a) {
           console.error("Error during 403 redirect:", a), window.location.href = "/error/403";
@@ -2821,20 +2855,20 @@ function Uo(e = {}) {
   ), s;
 }
 let G = null;
-function Lr(e, s = {}) {
-  return G = Uo(s), e.provide("axios", G), e.config.globalProperties.$axios = G, G;
+function Pr(e, s = {}) {
+  return G = Jo(s), e.provide("axios", G), e.config.globalProperties.$axios = G, G;
 }
-function Hr() {
+function Rr() {
   if (!G)
     throw new Error("Axios instance not initialized. Call setupAxios() first.");
   return G;
 }
-const Tr = X("sparkNav", () => {
+const Br = X("sparkNav", () => {
   const e = z({
     menu: [],
     collapsed: !1,
     hidden: !1
-  }), s = O(), t = se(), a = (d = []) => {
+  }), s = I(), t = se(), a = (d = []) => {
     e.menu = d;
   }, l = (d, m) => {
     for (const u of d) {
@@ -2845,7 +2879,7 @@ const Tr = X("sparkNav", () => {
       }
     }
     return null;
-  }, o = async (d) => {
+  }, r = async (d) => {
     if (d) {
       const m = l(e.menu, d);
       if (m && typeof m.action == "function") {
@@ -2854,11 +2888,11 @@ const Tr = X("sparkNav", () => {
       }
       await s.push(d);
     }
-  }, n = () => {
+  }, o = () => {
     e.collapsed = !e.collapsed;
   }, i = () => {
     e.hidden = !e.hidden;
-  }, r = () => {
+  }, n = () => {
     const d = t.name || t.path.replace("/", "");
     if (d) {
       const m = (u) => {
@@ -2872,71 +2906,71 @@ const Tr = X("sparkNav", () => {
   return E(
     () => t.path,
     () => {
-      r();
+      n();
     },
     { immediate: !0 }
   ), {
     state: e,
     initialize: a,
-    goto: o,
-    toggleCollapsed: n,
+    goto: r,
+    toggleCollapsed: o,
     toggleHidden: i,
-    syncWithRoute: r
+    syncWithRoute: n
   };
 });
 export {
   H as Icons,
-  mr as SparkAlert,
-  Kt as SparkAppSelector,
-  cs as SparkBrandSelector,
-  A as SparkButton,
-  us as SparkButtonGroup,
-  gr as SparkCard,
-  br as SparkDefaultContainer,
-  Vo as SparkError403View,
-  Eo as SparkError404View,
-  kr as SparkErrorGeneralView,
-  mo as SparkForgotPasswordView,
-  so as SparkLoginView,
-  ao as SparkLogoutView,
-  bs as SparkModalContainer,
-  hr as SparkModalDialog,
+  vr as SparkAlert,
+  Yt as SparkAppSelector,
+  ps as SparkBrandSelector,
+  F as SparkButton,
+  ms as SparkButtonGroup,
+  br as SparkCard,
+  _r as SparkDefaultContainer,
+  Mo as SparkError403View,
+  Oo as SparkError404View,
+  Sr as SparkErrorGeneralView,
+  vo as SparkForgotPasswordView,
+  no as SparkLoginView,
+  lo as SparkLogoutView,
+  ks as SparkModalContainer,
+  xr as SparkModalDialog,
   ce as SparkOverlay,
-  vr as SparkPublicContainer,
-  wo as SparkResetPasswordView,
-  yr as SparkTable,
-  ca as SparkTableDatePicker,
-  na as SparkTableFilterButtons,
-  sa as SparkTableFilterSelect,
-  Ks as SparkTablePaginationPaging,
-  Ys as SparkTablePaginationPerPage,
-  fa as SparkTableReset,
-  Qs as SparkTableSearch,
+  wr as SparkPublicContainer,
+  Lo as SparkResetPasswordView,
+  kr as SparkTable,
+  fa as SparkTableDatePicker,
+  da as SparkTableFilterButtons,
+  na as SparkTableFilterSelect,
+  Xs as SparkTablePaginationPaging,
+  ea as SparkTablePaginationPerPage,
+  ya as SparkTableReset,
+  aa as SparkTableSearch,
   pe as SparkTableToolbar,
-  pr as addIcons,
-  Cr as create403Route,
-  Sr as create404Route,
-  _r as createAuthRoutes,
-  Uo as createAxiosInstance,
-  xr as createBootstrapService,
-  $s as customiseHeader,
-  Na as deleteCookie,
-  Hr as getAxiosInstance,
-  Oa as getCookie,
+  hr as addIcons,
+  Hr as create403Route,
+  Tr as create404Route,
+  $r as createAuthRoutes,
+  Jo as createAxiosInstance,
+  Cr as createBootstrapService,
+  Ts as customiseHeader,
+  Ga as deleteCookie,
+  Rr as getAxiosInstance,
+  Za as getCookie,
   He as getDomain,
-  _s as renderHeaderTitle,
-  Ia as setCookie,
-  wr as setupAuthGuards,
-  Lr as setupAxios,
-  $r as setupBootstrapGuard,
-  fr as setupFontAwesome,
+  Ss as renderHeaderTitle,
+  qa as setCookie,
+  Lr as setupAuthGuards,
+  Pr as setupAxios,
+  Vr as setupBootstrapGuard,
+  yr as setupFontAwesome,
   U as sparkModalService,
   Z as sparkOverlayService,
-  As as updateRow,
+  js as updateRow,
   Se as useSparkAppSelectorStore,
   $e as useSparkAppStore,
-  F as useSparkAuthStore,
+  M as useSparkAuthStore,
   Le as useSparkBrandFilterStore,
-  Tr as useSparkNavStore,
+  Br as useSparkNavStore,
   me as useSparkOverlay
 };