@wishbone-media/spark 0.15.3 → 0.16.0

package/dist/index.js

@@ -1,12 +1,12 @@
-import { computed as k, resolveComponent as L, 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 $, 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: {
@@ -98,24 +114,24 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
       return f(), g("div", {
         class: _(["rounded-md border p-4", t.value])
       }, [
-        c("div", Lt, [
-          c("div", Ht, [
-            b(n, {
+        c("div", Vt, [
+          c("div", Pt, [
+            v(n, {
               icon: y(H)[l.value],
               class: _(a.value)
             }, null, 8, ["icon", "class"])
           ]),
-          c("div", Tt, [
+          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", r.value]),
                 onClick: i[0] || (i[0] = (d) => o.$emit("close"))
               }, [
-                b(n, {
+                v(n, {
                   icon: y(H).farXmark
                 }, null, 8, ["icon"])
               ], 2)
@@ -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: {
@@ -261,49 +277,49 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
     };
     return (i, n) => {
       const d = L("font-awesome-icon");
-      return f(), g("div", Rt, [
-        c("div", Mt, [
-          c("div", Ft, [
-            c("div", At, [
+      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", Bt, [
-                b(d, {
+              c("div", jt, [
+                v(d, {
                   icon: y(H).farTimes,
                   class: "h-[15px] w-[15px] shrink-0 text-gray-400 cursor-pointer",
                   onClick: n[0] || (n[0] = (m) => t("close"))
                 }, null, 8, ["icon"])
               ])
             ]),
-            (f(!0), g(M, null, B(r.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() : 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)),
+            ], 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)
               ])
@@ -357,13 +373,13 @@ 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 }) {
@@ -372,42 +388,42 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
     };
     return (r, o) => {
       const i = L("font-awesome-icon");
-      return f(), g("div", Ut, [
-        c("div", Wt, [
-          c("div", Yt, [
-            c("div", Xt, [
+      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", Jt, [
-                b(i, {
+              c("div", ts, [
+                v(i, {
                   icon: y(H).farTimes,
                   class: "size-4 text-gray-400 cursor-pointer",
                   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, (n) => (f(), g("div", {
+            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: 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(n.name), 1),
-                    n.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(n.current ? "Current Brand" : "Change to"), 1)
+                  c("div", us, S(n.current ? "Current Brand" : "Change to"), 1)
                 ])
               ])
-            ], 10, es))), 128)),
+            ], 10, as))), 128)),
             o[2] || (o[2] = c("div", null, null, -1))
           ]),
           o[3] || (o[3] = c("div", { class: "mt-auto" }, null, -1))
@@ -415,7 +431,7 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
       ]);
     };
   }
-}, ds = ["disabled"], A = {
+}, fs = ["disabled"], F = {
   __name: "SparkButton",
   props: {
     size: {
@@ -459,11 +475,11 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
     }, o = (n, d) => {
       if (!d) return n;
       const m = n.split(" ").filter(Boolean), u = d.split(" ").filter(Boolean);
-      return [...m.filter((h) => !u.some((v) => {
+      return [...m.filter((h) => !u.some((b) => {
         const N = Object.entries(r).find(
           ([R, J]) => J.test(h)
         )?.[0], C = Object.entries(r).find(
-          ([R, J]) => J.test(v)
+          ([R, J]) => J.test(b)
         )?.[0];
         return N && N === C;
       })), ...u].join(" ");
@@ -524,9 +540,9 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
       onClick: d[0] || (d[0] = (m) => n.$emit("click"))
     }, [
       T(n.$slots, "default")
-    ], 10, ds));
+    ], 10, fs));
   }
-}, us = {
+}, ms = {
   __name: "SparkButtonGroup",
   setup(e) {
     const s = $(null);
@@ -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: {
@@ -732,12 +748,12 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     })[s.type]);
     return (n, d) => {
       const m = L("font-awesome-icon");
-      return f(), g("div", vs, [
+      return f(), g("div", _s, [
         r.value ? (f(), g("div", {
           key: 0,
           class: _(["mx-auto flex size-12 items-center justify-center rounded-full", o.value])
         }, [
-          b(m, {
+          v(m, {
             icon: y(H)[r.value],
             class: _(["h-5 w-5", i.value])
           }, null, 8, ["icon", "class"])
@@ -745,7 +761,7 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
         c("div", {
           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,7 +770,7 @@ 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) => n.$emit(u.event, u)
@@ -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: {
@@ -791,13 +807,13 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       as: "template"
     }, {
       default: w(() => [
-        b(y(_e), {
+        v(y(_e), {
           initialFocus: t.value,
           class: "relative z-200",
           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,26 +862,28 @@ 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 r = t.params.sort;
-    return r === e ? (a.classList.remove("asc"), a.classList.add("desc"), t.methods.applyParams({
-      sort: `-${e}`
-    })) : r === `-${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");
@@ -880,19 +898,29 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     await t.methods.removeParam(d);
   }, 200);
   l.addEventListener("keyup", (o) => r(e, o)), s.appendChild(a);
-}, Ss = (e, s, t) => {
+}, 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), r = t.methods.getSettingsForProp(l);
-  s.childElementCount === 1 && (r && r.hideSort && a--, r && r.hideFilter && a--, (!r || !r.hideSort) && ws(l, s, t), (!r || !r.hideFilter) && Cs(l, s, t)), (s.childElementCount === a || a === 0) && Ss(s, l, r);
-}, Ls = (e) => (s, t, a, l, r, o, i) => {
+  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,7 +956,7 @@ 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, r, o, i) => {
+}, 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[o] || d[o?.toLowerCase()] || "gray", u = de[m] || de.gray, p = document.createElement("span");
@@ -943,7 +971,7 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     "capitalize",
     ...u.split(" ")
   ), p.textContent = o, t.appendChild(p);
-}, Ts = (e) => (s, t, a, l, r, o, i) => {
+}, Bs = (e) => (s, t, a, l, r, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-link"), !o)
     return;
   const n = i.rendererConfig || {}, d = s.getSourceDataAtRow(s.toPhysicalRow(a));
@@ -957,15 +985,15 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   sm: "h-6 w-6",
   md: "h-8 w-8",
   lg: "h-12 w-12"
-}, Vs = (e) => (s, t, a, l, r, o, i) => {
+}, Ms = (e) => (s, t, a, l, r, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-image"), !o)
     return;
   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 v = document.createElement("img");
-  v.src = o, 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, r, o, i) => {
+  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 n = i.rendererConfig || {}, d = n.format || "short", m = n.locale || "en-US";
@@ -976,23 +1004,23 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       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 = o;
   }
   const p = document.createElement("span");
   p.textContent = u, t.appendChild(p);
 };
-function Rs(e) {
+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) => {
+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);
-  }), 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, r, o) => {
+  }), 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;
@@ -1000,8 +1028,8 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
     const i = document.createElement("span");
     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: {
@@ -1058,35 +1086,35 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
     return (m, u) => {
       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) => r(h)
-                }, S(h), 11, Gs))), 128)),
+                  onClick: (b) => r(h)
+                }, S(h), 11, Ys))), 128)),
                 c("a", {
                   class: _([n.value ? "" : "disabled", "relative inline-flex items-center rounded-r-md px-2 py-[9px] text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-20 focus:outline-offset-0"]),
                   onClick: u[1] || (u[1] = 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: {
@@ -1124,8 +1152,8 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
     };
     return (o, i) => {
       const n = L("FormKit");
-      return f(), g("div", Us, [
-        b(n, {
+      return f(), g("div", Js, [
+        v(n, {
           "model-value": e.sparkTable.params.limit,
           type: "select",
           options: l.value,
@@ -1137,7 +1165,7 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
       ]);
     };
   }
-}, Ys = /* @__PURE__ */ I(Ws, [["__scopeId", "data-v-9ef8544b"]]), pe = {
+}, ea = /* @__PURE__ */ O(Qs, [["__scopeId", "data-v-9ef8544b"]]), pe = {
   __name: "SparkTableToolbar",
   props: {
     position: {
@@ -1147,7 +1175,7 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = be(), a = k(() => !!t.default), l = k(() => {
+    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`;
     });
@@ -1158,7 +1186,7 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
       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 */
@@ -1196,8 +1224,8 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
       }
     ), (r, o) => {
       const i = L("FormKit");
-      return f(), g("div", Xs, [
-        b(i, Y({
+      return f(), g("div", ta, [
+        v(i, Y({
           modelValue: t.value,
           "onUpdate:modelValue": o[0] || (o[0] = (n) => t.value = n),
           type: "text",
@@ -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 */
@@ -1243,8 +1271,8 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
       }
     ), (o, i) => {
       const n = L("FormKit");
-      return f(), g("div", ea, [
-        b(n, Y({
+      return f(), g("div", oa, [
+        v(n, Y({
           modelValue: t.value,
           "onUpdate:modelValue": i[0] || (i[0] = (d) => t.value = d),
           type: "select",
@@ -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 */
@@ -1289,11 +1317,11 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
       (i) => {
         (i == null || i === "") && t.value ? t.value = null : i !== t.value && (t.value = i);
       }
-    ), (i, n) => (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: r(d.value) ? "primary" : "secondary",
@@ -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 */
@@ -1342,7 +1370,7 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
       }
     ), (o, i) => {
       const n = L("FormKit");
-      return f(), g("div", la, [
+      return f(), g("div", ua, [
         (f(), V(n, Y({
           key: r.value,
           modelValue: t.value,
@@ -1360,7 +1388,7 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
       ]);
     };
   }
-}, ca = /* @__PURE__ */ I(ia, [["__scopeId", "data-v-f10ddb60"]]), 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 */
@@ -1397,8 +1425,8 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
     };
     return (a, l) => {
       const r = L("font-awesome-icon");
-      return f(), g("div", da, [
-        b(A, {
+      return f(), g("div", ma, [
+        v(F, {
           onClick: t,
           variant: "secondary",
           size: "xl"
@@ -1409,17 +1437,17 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
               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 = {
@@ -1432,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: {
@@ -1456,7 +1484,7 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
     params: {
       type: Object,
       default() {
-        return ha;
+        return xa;
       }
     },
     options: {
@@ -1490,11 +1518,11 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
     const a = e;
     Ct(), Q(xt), Q(kt), Q(_t), q(a, "settings.nestedHeaders") && Q(wt);
     const l = t, r = ge("axios"), o = $(null), i = $(!1), n = $(null), d = {
-      search: Qs,
-      filterSelect: sa,
-      filterButtons: na,
-      datePicker: ca,
-      reset: fa
+      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,
@@ -1519,13 +1547,13 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
             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 r.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;
@@ -1555,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 });
         }
       },
@@ -1565,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,
@@ -1575,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
       }))
     });
@@ -1593,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),
@@ -1607,17 +1636,17 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
       error: n,
       sparkTable: u,
       table: o
-    }), (p, h) => (f(), g("div", ma, [
+    }), (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,
@@ -1627,7 +1656,7 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
         ]),
         _: 3
       })) : x("", !0),
-      b(y(vt), {
+      v(y(bt), {
         "theme-name": "ht-theme-classic",
         ref_key: "table",
         ref: o,
@@ -1638,13 +1667,13 @@ 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"]),
@@ -1686,7 +1715,7 @@ function me() {
     }
   };
 }
-class ya {
+class ka {
   constructor() {
     this.left = me(), this.right = me();
   }
@@ -1718,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: {
@@ -1751,16 +1780,16 @@ 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(), r = Le(), o = Se(), i = k(() => o.getAppIcon(t.appStore.state.app)), n = () => {
+    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) => {
@@ -1770,22 +1799,22 @@ const Z = new ya(), ba = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, va =
       );
     }, 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 = L("font-awesome-icon"), N = L("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"])
@@ -1796,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,
@@ -1811,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,
@@ -1827,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", {
@@ -1837,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"])
@@ -1869,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())
@@ -1892,10 +1921,10 @@ const Z = new ya(), ba = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, va =
                       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,
@@ -1903,7 +1932,7 @@ const Z = new ya(), ba = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, va =
                       type: "button",
                       onClick: n
                     }, [
-                      b(v, {
+                      v(b, {
                         icon: y(H).farGripDotsVertical,
                         class: "size-4 text-gray-400"
                       }, null, 8, ["icon"])
@@ -1913,35 +1942,35 @@ 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) {
+}, Oa = {}, Na = { class: "h-full" };
+function Da(e, s) {
   const t = L("router-view");
-  return f(), g("main", za, [
-    b(t)
+  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
@@ -1952,7 +1981,7 @@ const vr = /* @__PURE__ */ I(Ea, [["render", ja]]), Oa = (e) => {
   } = t;
   let n = `${e}=${s}; max-age=${a}; path=${i}; samesite=${o}`;
   l && (n += `; domain=${l}`), r && (n += "; secure"), document.cookie = n;
-}, Na = (e, s = {}) => {
+}, 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;
@@ -1960,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 () => {
@@ -1981,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,
@@ -2017,10 +2046,10 @@ 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), r = 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;
   }, o = async () => {
@@ -2037,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();
@@ -2067,17 +2096,17 @@ const re = "bolt-next-token", F = X("auth", () => {
     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: {
@@ -2094,7 +2123,7 @@ const re = "bolt-next-token", F = X("auth", () => {
     }
   },
   setup(e) {
-    const s = O(), t = se(), a = $e(), l = F(), r = e, o = $(!1), i = $(""), n = async (d) => {
+    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);
@@ -2115,14 +2144,14 @@ const re = "bolt-next-token", F = X("auth", () => {
     };
     return (d, m) => {
       const u = L("FormKit"), p = L("router-link");
-      return f(), g("div", qa, [
-        c("div", Ga, [
+      return f(), g("div", Wa, [
+        c("div", Ya, [
           r.logo ? (f(), g("img", {
             key: 0,
             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"
@@ -2141,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: n,
             actions: !1
           }, {
             default: w(() => [
-              b(u, {
+              v(u, {
                 label: "Email",
                 name: "email",
                 placeholder: "Enter your email",
@@ -2161,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: "••••••••",
@@ -2170,9 +2199,9 @@ 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, {
+                v(p, {
                   to: r.forgotPasswordRoute,
                   class: "text-sm text-primary-600 font-semibold"
                 }, {
@@ -2182,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: o.value,
                 "button-class": "w-full mb-2"
               }, {
                 default: w(() => [
-                  o.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"])
@@ -2201,7 +2230,7 @@ const re = "bolt-next-token", F = X("auth", () => {
       ]);
     };
   }
-}, ao = {
+}, lo = {
   __name: "SparkLogoutView",
   props: {
     defaultRedirect: {
@@ -2210,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 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: {
@@ -2243,7 +2272,7 @@ const re = "bolt-next-token", F = X("auth", () => {
     }
   },
   setup(e) {
-    const s = F(), t = e, a = $(!1), l = $(""), r = $(""), o = async ({ email: i }) => {
+    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 }), r.value = "Password reset link sent! Check your email.";
@@ -2255,14 +2284,14 @@ const re = "bolt-next-token", F = X("auth", () => {
     };
     return (i, n) => {
       const d = L("FormKit"), m = L("router-link");
-      return f(), g("div", oo, [
-        c("div", ro, [
+      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, [...n[0] || (n[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"
@@ -2281,18 +2310,18 @@ const re = "bolt-next-token", F = X("auth", () => {
             }, null, -1)
           ])]))
         ]),
-        c("div", io, [
+        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: o,
             actions: !1
           }, {
             default: w(() => [
-              b(d, {
+              v(d, {
                 label: "Email",
                 name: "email",
                 placeholder: "Enter your email",
@@ -2300,20 +2329,20 @@ 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),
-              r.value ? (f(), g("div", uo, S(r.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"
               }, {
@@ -2329,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: {
@@ -2352,7 +2381,7 @@ const re = "bolt-next-token", F = X("auth", () => {
     }
   },
   setup(e) {
-    const s = O(), t = se(), a = F(), l = e, r = $(!1), o = $(""), i = async ({ password: n, password_confirmation: d }) => {
+    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, {
@@ -2369,14 +2398,14 @@ const re = "bolt-next-token", F = X("auth", () => {
     };
     return (n, d) => {
       const m = L("FormKit");
-      return f(), g("div", go, [
-        c("div", ho, [
+      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"
@@ -2395,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: "••••••••",
@@ -2414,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: "••••••••",
@@ -2422,15 +2451,15 @@ const re = "bolt-next-token", F = X("auth", () => {
                 validation: "required|confirm:password",
                 "outer-class": "max-w-full"
               }),
-              o.value ? (f(), g("div", xo, S(o.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: r.value,
                 "button-class": "w-full mb-2"
               }, {
                 default: w(() => [
-                  r.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"])
@@ -2441,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: {
@@ -2461,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, r) => (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, [...r[0] || (r[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"
@@ -2490,7 +2519,7 @@ const re = "bolt-next-token", F = X("auth", () => {
           }, null, -1)
         ])]))
       ]),
-      c("div", Ho, [
+      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 "),
@@ -2500,8 +2529,8 @@ 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"
           }, {
@@ -2514,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: {
@@ -2534,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, r) => (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, [...r[0] || (r[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"
@@ -2563,14 +2592,14 @@ const re = "bolt-next-token", F = X("auth", () => {
           }, null, -1)
         ])]))
       ]),
-      c("div", Ao, [
+      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"
           }, {
@@ -2583,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: {
@@ -2615,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, r) => (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, [...r[0] || (r[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"
@@ -2644,14 +2673,14 @@ 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"
           }, {
@@ -2665,7 +2694,7 @@ const re = "bolt-next-token", F = X("auth", () => {
     ]));
   }
 };
-function _r(e = {}) {
+function $r(e = {}) {
   const {
     loginPath: s = "/login",
     logoutPath: t = "/logout",
@@ -2678,41 +2707,41 @@ function _r(e = {}) {
     {
       path: s,
       name: "login",
-      component: so,
+      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,
+      component: vo,
       props: { logo: r, loginRoute: s },
       meta: { auth: !1 }
     },
     {
       path: l,
       name: "password-reset",
-      component: wo,
+      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, r) => {
-    const o = F();
-    o.state.ready || await o.fetchUser(), Ko(a, r, o, t);
+    const o = M();
+    o.state.ready || await o.fetchUser(), Xo(a, r, o, t);
   });
 }
-function Ko(e, s, t, a) {
+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 });
@@ -2750,7 +2779,7 @@ function Ko(e, s, t, a) {
     s();
   }
 }
-function Cr(e = {}) {
+function Hr(e = {}) {
   const {
     forbiddenPath: s = "/error/403",
     logo: t = "",
@@ -2759,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"
@@ -2772,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,
@@ -2797,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 {
       }
@@ -2809,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";
@@ -2826,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) {
@@ -2891,57 +2920,57 @@ const Tr = X("sparkNav", () => {
 });
 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
 };