@wishbone-media/spark 0.21.0 → 0.23.0

package/dist/index.js

@@ -1,88 +1,88 @@
-import { computed as S, resolveComponent as A, createElementBlock as g, openBlock as m, normalizeClass as P, createElementVNode as d, createCommentVNode as $, createVNode as v, unref as x, renderSlot as O, reactive as q, Fragment as R, renderList as z, toDisplayString as L, createBlock as M, resolveDynamicComponent as I, markRaw as de, ref as E, watch as j, Transition as De, withCtx as C, normalizeProps as Ne, mergeProps as D, createTextVNode as B, Teleport as qe, TransitionGroup as ne, inject as Le, provide as Ze, toHandlers as Pe, onMounted as ge, withModifiers as X, useSlots as He, onUnmounted as Ke, h as ve } from "vue";
-import { library as Ve, icon as le } from "@fortawesome/fontawesome-svg-core";
-import { FontAwesomeIcon as Ue } from "@fortawesome/vue-fontawesome";
-import { faCloudDownload as Ge, faBolt as We, faUndo as Ye, faEye as Xe, faSignOut as Je, faXmark as Qe, faTrash as et, faTimes as tt, faStreetView as st, faSortUp as at, faSortDown as ot, faSort as rt, faScaleBalanced as nt, faSatelliteDish as lt, faLayerPlus as it, faLaptopMobile as ct, faInfoCircle as ut, faGripDotsVertical as dt, faGearComplex as pt, faFlag as ft, faFaceSmileWink as mt, faFaceSmileRelaxed as ht, faExclamationTriangle as gt, faEllipsisVertical as yt, faEllipsis as vt, faEdit as bt, faComments as xt, faCircleXmark as kt, faCircleUser as _t, faChevronUp as wt, faChevronRight as St, faChevronLeft as Ct, faChevronDown as $t, faCheckCircle as Tt, faCheck as Lt, faBullhorn as Pt, faBellRing as Ht, faBarsSort as Vt, faArrowRightToLine as Mt, faArrowLeftToLine as Rt } from "@fortawesome/pro-regular-svg-icons";
-import { defineStore as ie } from "pinia";
-import { TransitionRoot as Me, Dialog as Re, TransitionChild as ue, DialogPanel as Be } from "@headlessui/vue";
-import pe from "nprogress";
-import { range as Bt, get as U, find as Et, has as At } from "lodash";
-import { HotTable as Ft } from "@handsontable/vue3";
+import { computed as S, resolveComponent as A, createElementBlock as g, openBlock as m, normalizeClass as H, createElementVNode as f, createCommentVNode as T, createVNode as b, unref as w, renderSlot as O, reactive as q, Fragment as R, renderList as z, toDisplayString as L, createBlock as V, resolveDynamicComponent as I, markRaw as fe, ref as E, watch as N, Transition as Ue, withCtx as C, normalizeProps as Ke, mergeProps as Z, createTextVNode as B, Teleport as Ge, TransitionGroup as le, inject as Ve, provide as We, toHandlers as Re, onMounted as be, withModifiers as Q, useSlots as Be, onUnmounted as Ye, h as ke } from "vue";
+import { library as Ee, icon as ce } from "@fortawesome/fontawesome-svg-core";
+import { FontAwesomeIcon as Xe } from "@fortawesome/vue-fontawesome";
+import { faCloudDownload as Je, faBolt as Qe, faUndo as et, faEye as tt, faSignOut as st, faXmark as ot, faTrash as at, faTimes as rt, faStreetView as nt, faSortUp as lt, faSortDown as it, faSort as ct, faScaleBalanced as ut, faSatelliteDish as dt, faLayerPlus as pt, faLaptopMobile as ft, faInfoCircle as mt, faGripDotsVertical as ht, faGearComplex as gt, faFlag as yt, faFaceSmileWink as vt, faFaceSmileRelaxed as bt, faExclamationTriangle as xt, faEllipsisVertical as kt, faEllipsis as wt, faEdit as _t, faComments as St, faCircleXmark as Ct, faCircleUser as $t, faChevronUp as Tt, faChevronRight as Lt, faChevronLeft as Pt, faChevronDown as Mt, faCheckCircle as Ht, faCheck as Vt, faBullhorn as Rt, faBellRing as Bt, faBarsSort as Et, faArrowRightToLine as At, faArrowLeftToLine as Ft } from "@fortawesome/pro-regular-svg-icons";
+import { defineStore as ue } from "pinia";
+import { TransitionRoot as Ae, Dialog as Fe, TransitionChild as pe, DialogPanel as Oe } from "@headlessui/vue";
+import me from "nprogress";
+import { range as Ot, get as Y, find as zt, has as Dt } from "lodash";
+import { HotTable as jt } from "@handsontable/vue3";
 import "handsontable/styles/handsontable.css";
 import "handsontable/styles/ht-theme-classic.css";
-import { registerPlugin as ce, AutoColumnSize as Ot, CopyPaste as zt, StretchColumns as jt, NestedHeaders as It } from "handsontable/plugins";
-import { registerAllCellTypes as Dt } from "handsontable/cellTypes";
-import { useDebounceFn as Ee, watchDebounced as be } from "@vueuse/core";
-import { registerRenderer as Nt, baseRenderer as qt } from "handsontable/renderers";
-import { useRouter as W, useRoute as re } from "vue-router";
-import oe from "axios";
-var Zt = {
+import { registerPlugin as de, AutoColumnSize as Nt, CopyPaste as It, StretchColumns as Zt, NestedHeaders as qt } from "handsontable/plugins";
+import { registerAllCellTypes as Ut } from "handsontable/cellTypes";
+import { useDebounceFn as ze, watchDebounced as we } from "@vueuse/core";
+import { registerRenderer as Kt, baseRenderer as Gt } from "handsontable/renderers";
+import { useRouter as J, useRoute as ne } from "vue-router";
+import re from "axios";
+var Wt = {
   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"]]
-}, Kt = {
+}, Yt = {
   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"]]
-}, Ut = {
+}, Xt = {
   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 F = {
-  farArrowLeftToLine: Rt,
-  farArrowRightToLine: Mt,
-  farBarsSort: Vt,
-  farBellRing: Ht,
-  farBullhorn: Pt,
-  farCheck: Lt,
-  farCheckCircle: Tt,
-  farChevronDown: $t,
-  farChevronLeft: Ct,
-  farChevronRight: St,
-  farChevronUp: wt,
-  farCircleUser: _t,
-  farCircleXmark: kt,
-  farComments: xt,
-  farEdit: bt,
-  farEllipsis: vt,
-  farEllipsisVertical: yt,
-  farExclamationTriangle: gt,
-  farFaceSmileRelaxed: ht,
-  farFaceSmileWink: mt,
-  farFlag: ft,
-  farGearComplex: pt,
-  farGripDotsVertical: dt,
-  farInfoCircle: ut,
-  farLaptopMobile: ct,
-  farLayerPlus: it,
-  farSatelliteDish: lt,
-  farScaleBalanced: nt,
-  farSort: rt,
-  farSortDown: ot,
-  farSortUp: at,
-  farStreetView: st,
-  farTimes: tt,
-  farTrash: et,
-  farXmark: Qe,
-  farSignOut: Je,
-  farEye: Xe,
-  farUndo: Ye,
-  farBolt: We,
-  farCloudDownload: Ge,
-  fadSort: Kt,
-  fadSortDown: Ut,
-  fadSortUp: Zt
+  farArrowLeftToLine: Ft,
+  farArrowRightToLine: At,
+  farBarsSort: Et,
+  farBellRing: Bt,
+  farBullhorn: Rt,
+  farCheck: Vt,
+  farCheckCircle: Ht,
+  farChevronDown: Mt,
+  farChevronLeft: Pt,
+  farChevronRight: Lt,
+  farChevronUp: Tt,
+  farCircleUser: $t,
+  farCircleXmark: Ct,
+  farComments: St,
+  farEdit: _t,
+  farEllipsis: wt,
+  farEllipsisVertical: kt,
+  farExclamationTriangle: xt,
+  farFaceSmileRelaxed: bt,
+  farFaceSmileWink: vt,
+  farFlag: yt,
+  farGearComplex: gt,
+  farGripDotsVertical: ht,
+  farInfoCircle: mt,
+  farLaptopMobile: ft,
+  farLayerPlus: pt,
+  farSatelliteDish: dt,
+  farScaleBalanced: ut,
+  farSort: ct,
+  farSortDown: it,
+  farSortUp: lt,
+  farStreetView: nt,
+  farTimes: rt,
+  farTrash: at,
+  farXmark: ot,
+  farSignOut: st,
+  farEye: tt,
+  farUndo: et,
+  farBolt: Qe,
+  farCloudDownload: Je,
+  fadSort: Yt,
+  fadSortDown: Xt,
+  fadSortUp: Wt
 };
-function Kr(e) {
-  Object.assign(F, e), Ve.add(...Object.values(e));
+function nn(e) {
+  Object.assign(F, e), Ee.add(...Object.values(e));
 }
-function Ur(e) {
-  Ve.add(...Object.values(F)), e.component("FontAwesomeIcon", Ue);
+function ln(e) {
+  Ee.add(...Object.values(F)), e.component("FontAwesomeIcon", Xe);
 }
-const Gt = { class: "flex items-center" }, Wt = { class: "shrink-0 self-start" }, Yt = { class: "ml-3" }, Xt = {
+const Jt = { class: "flex items-center" }, Qt = { class: "shrink-0 self-start" }, es = { class: "ml-3" }, ts = {
   key: 0,
   class: "ml-auto pl-3 pt-1 self-start"
-}, Jt = { class: "-mx-1.5 -my-1.5" }, te = {
+}, ss = { class: "-mx-1.5 -my-1.5" }, se = {
   __name: "SparkAlert",
   props: {
     type: {
@@ -102,7 +102,7 @@ const Gt = { class: "flex items-center" }, Wt = { class: "shrink-0 self-start" }
       warning: "bg-yellow-50 border-yellow-200 text-yellow-700",
       danger: "bg-red-50 border-red-200 text-red-700",
       info: "bg-blue-50 border-blue-200 text-blue-700"
-    })[s.type]), a = S(() => ({
+    })[s.type]), o = S(() => ({
       success: "text-green-400",
       warning: "text-yellow-400",
       danger: "text-red-400",
@@ -118,39 +118,39 @@ const Gt = { class: "flex items-center" }, Wt = { class: "shrink-0 self-start" }
       danger: "text-red-400 hover:bg-red-100",
       info: "text-blue-400 hover:bg-blue-100"
     })[s.type]);
-    return (o, c) => {
+    return (a, c) => {
       const r = A("font-awesome-icon");
       return m(), g("div", {
-        class: P(["rounded-md border p-4", t.value])
+        class: H(["rounded-md border p-4", t.value])
       }, [
-        d("div", Gt, [
-          d("div", Wt, [
-            v(r, {
-              icon: x(F)[l.value],
-              class: P(a.value)
+        f("div", Jt, [
+          f("div", Qt, [
+            b(r, {
+              icon: w(F)[l.value],
+              class: H(o.value)
             }, null, 8, ["icon", "class"])
           ]),
-          d("div", Yt, [
-            O(o.$slots, "default")
+          f("div", es, [
+            O(a.$slots, "default")
           ]),
-          e.closeable ? (m(), g("div", Xt, [
-            d("div", Jt, [
-              d("button", {
+          e.closeable ? (m(), g("div", ts, [
+            f("div", ss, [
+              f("button", {
                 type: "button",
-                class: P(["inline-flex rounded-md px-2 py-1.5", n.value]),
-                onClick: c[0] || (c[0] = (i) => o.$emit("close"))
+                class: H(["inline-flex rounded-md px-2 py-1.5", n.value]),
+                onClick: c[0] || (c[0] = (i) => a.$emit("close"))
               }, [
-                v(r, {
-                  icon: x(F).farXmark
+                b(r, {
+                  icon: w(F).farXmark
                 }, null, 8, ["icon"])
               ], 2)
             ])
-          ])) : $("", !0)
+          ])) : T("", !0)
         ])
       ], 2);
     };
   }
-}, fe = [
+}, he = [
   {
     name: "Bolt",
     description: "Job management",
@@ -199,16 +199,16 @@ const Gt = { class: "flex items-center" }, Wt = { class: "shrink-0 self-start" }
     href: "https://tabula.letsbolt.io",
     icon: "farCompass"
   }
-], Ae = ie("sparkAppSelector", () => {
+], De = ue("sparkAppSelector", () => {
   const e = q({
-    apps: [...fe]
+    apps: [...he]
   }), s = (n = {}) => {
     if (n.apps && Array.isArray(n.apps)) {
-      const o = n.apps.filter((c) => {
+      const a = n.apps.filter((c) => {
         const r = c.name && c.description && c.icon && c.href;
         return r || console.warn("useSparkAppSelectorStore: Invalid app object", c), r;
       });
-      e.apps = o.map((c) => ({
+      e.apps = a.map((c) => ({
         name: c.name,
         description: c.description,
         icon: c.icon,
@@ -217,11 +217,11 @@ const Gt = { class: "flex items-center" }, Wt = { class: "shrink-0 self-start" }
       return;
     }
     if (n.appHrefs && typeof n.appHrefs == "object") {
-      const o = /* @__PURE__ */ new Map();
+      const a = /* @__PURE__ */ new Map();
       Object.keys(n.appHrefs).forEach((c) => {
-        o.set(c.toLowerCase(), n.appHrefs[c]);
-      }), e.apps = fe.map((c) => {
-        const r = o.get(c.name.toLowerCase());
+        a.set(c.toLowerCase(), n.appHrefs[c]);
+      }), e.apps = he.map((c) => {
+        const r = a.get(c.name.toLowerCase());
         return {
           ...c,
           href: r || c.href
@@ -229,23 +229,23 @@ const Gt = { class: "flex items-center" }, Wt = { class: "shrink-0 self-start" }
       });
       return;
     }
-    e.apps = [...fe];
-  }, t = S(() => e.apps), a = (n) => {
+    e.apps = [...he];
+  }, t = S(() => e.apps), o = (n) => {
     if (!n) return null;
-    const o = n.toLowerCase();
-    return e.apps.find((c) => c.name.toLowerCase() === o) || null;
+    const a = n.toLowerCase();
+    return e.apps.find((c) => c.name.toLowerCase() === a) || null;
   };
   return {
     state: e,
     initialize: s,
     allApps: t,
-    getAppByName: a,
+    getAppByName: o,
     getAppIcon: (n) => {
-      const o = a(n);
-      return o ? o.icon : "";
+      const a = o(n);
+      return a ? a.icon : "";
     }
   };
-}), Fe = ie("sparkApp", () => {
+}), je = ue("sparkApp", () => {
   const e = q({
     app: "",
     homeRoute: "dashboard",
@@ -258,16 +258,16 @@ const Gt = { class: "flex items-center" }, Wt = { class: "shrink-0 self-start" }
       e.app = t.app || "", e.homeRoute = t.homeRoute ?? "dashboard", e.showBrandSelector = t.showBrandSelector ?? !0, e.showAppSelector = t.showAppSelector ?? !0;
     }
   };
-}), Qt = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, es = { class: "flex flex-1 flex-col" }, ts = { class: "divide-y divide-gray-200" }, ss = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, as = { class: "ml-auto flex items-center" }, os = ["href", "onClick"], rs = { class: "gap-y-1" }, ns = { class: "text-base text-gray-800 flex items-center" }, ls = { class: "font-medium" }, is = {
+}), os = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, as = { class: "flex flex-1 flex-col" }, rs = { class: "divide-y divide-gray-200" }, ns = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, ls = { class: "ml-auto flex items-center" }, is = ["href", "onClick"], cs = { class: "gap-y-1" }, us = { class: "text-base text-gray-800 flex items-center" }, ds = { class: "font-medium" }, ps = {
   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"
-}, cs = { class: "text-sm text-gray-500" }, us = { class: "ml-auto flex items-center" }, ds = { class: "mt-auto" }, ps = {
+}, fs = { class: "text-sm text-gray-500" }, ms = { class: "ml-auto flex items-center" }, hs = { class: "mt-auto" }, gs = {
   key: 0,
   class: "p-6"
-}, fs = {
+}, ys = {
   key: 1,
   class: "bg-gray-50 p-6"
-}, ms = {
+}, vs = {
   __name: "SparkAppSelector",
   props: {
     bottomSlot: {
@@ -281,25 +281,25 @@ const Gt = { class: "flex items-center" }, Wt = { class: "shrink-0 self-start" }
   },
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, a = Ae(), l = Fe(), n = S(() => {
+    const t = s, o = De(), l = je(), n = S(() => {
       const c = l.state.app;
-      return a.state.apps.map((r) => ({
+      return o.state.apps.map((r) => ({
         ...r,
         current: c && r.name.toLowerCase() === c.toLowerCase()
       }));
-    }), o = (c, r) => {
+    }), a = (c, r) => {
       t("select", c);
     };
     return (c, r) => {
       const i = A("font-awesome-icon");
-      return m(), g("div", Qt, [
-        d("div", es, [
-          d("div", ts, [
-            d("div", ss, [
-              r[1] || (r[1] = d("div", null, "Mr Group Network", -1)),
-              d("div", as, [
-                v(i, {
-                  icon: x(F).farTimes,
+      return m(), g("div", os, [
+        f("div", as, [
+          f("div", rs, [
+            f("div", ns, [
+              r[1] || (r[1] = f("div", null, "Mr Group Network", -1)),
+              f("div", ls, [
+                b(i, {
+                  icon: w(F).farTimes,
                   class: "h-[15px] w-[15px] shrink-0 text-gray-400 cursor-pointer",
                   onClick: r[0] || (r[0] = (u) => t("close"))
                 }, null, 8, ["icon"])
@@ -309,49 +309,49 @@ const Gt = { class: "flex items-center" }, Wt = { class: "shrink-0 self-start" }
               key: u.name,
               href: u.href,
               target: "_blank",
-              class: P([u.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
-              onClick: (p) => u.current ? p.preventDefault() : o(u)
+              class: H([u.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
+              onClick: (d) => u.current ? d.preventDefault() : a(u)
             }, [
-              d("div", rs, [
-                d("div", ns, [
-                  d("div", ls, L(u.name), 1),
-                  u.current ? (m(), g("span", is, " Active ")) : $("", !0)
+              f("div", cs, [
+                f("div", us, [
+                  f("div", ds, L(u.name), 1),
+                  u.current ? (m(), g("span", ps, " Active ")) : T("", !0)
                 ]),
-                d("div", cs, L(u.description), 1)
+                f("div", fs, L(u.description), 1)
               ]),
-              d("div", us, [
-                v(i, {
-                  class: P([u.current ? "text-gray-700" : "text-gray-400", "h-5 w-5 shrink-0"]),
-                  icon: x(F)[u.icon]
+              f("div", ms, [
+                b(i, {
+                  class: H([u.current ? "text-gray-700" : "text-gray-400", "h-5 w-5 shrink-0"]),
+                  icon: w(F)[u.icon]
                 }, null, 8, ["class", "icon"])
               ])
-            ], 10, os))), 128)),
-            r[2] || (r[2] = d("div", null, null, -1))
+            ], 10, is))), 128)),
+            r[2] || (r[2] = f("div", null, null, -1))
           ]),
-          d("div", ds, [
-            c.$slots.bottom || e.bottomSlot ? (m(), g("div", ps, [
+          f("div", hs, [
+            c.$slots.bottom || e.bottomSlot ? (m(), g("div", gs, [
               O(c.$slots, "bottom", {}, () => [
-                e.bottomSlot ? (m(), M(I(e.bottomSlot), { key: 0 })) : $("", !0)
+                e.bottomSlot ? (m(), V(I(e.bottomSlot), { key: 0 })) : T("", !0)
               ])
-            ])) : $("", !0),
-            c.$slots.footer || e.footerSlot ? (m(), g("div", fs, [
+            ])) : T("", !0),
+            c.$slots.footer || e.footerSlot ? (m(), g("div", ys, [
               O(c.$slots, "footer", {}, () => [
-                e.footerSlot ? (m(), M(I(e.footerSlot), { key: 0 })) : $("", !0)
+                e.footerSlot ? (m(), V(I(e.footerSlot), { key: 0 })) : T("", !0)
               ])
-            ])) : $("", !0)
+            ])) : T("", !0)
           ])
         ])
       ]);
     };
   }
-}, Oe = {
+}, Ne = {
   success: 5e3,
   info: 5e3,
   warning: 5e3,
   danger: 0
   // sticky by default
-}, xe = ["top-left", "top-right", "center", "bottom-left", "bottom-right"];
-function hs() {
+}, _e = ["top-left", "top-right", "center", "bottom-left", "bottom-right"];
+function bs() {
   const e = q({
     isVisible: !1,
     type: "info",
@@ -361,50 +361,50 @@ function hs() {
     closeable: !0,
     duration: null
   });
-  let s = null, t = 0, a = !1, l = null;
+  let s = null, t = 0, o = !1, l = null;
   const n = () => {
-    s && (clearTimeout(s), s = null), t = 0, a = !1, l = null;
-  }, o = () => {
+    s && (clearTimeout(s), s = null), t = 0, o = !1, l = null;
+  }, a = () => {
     n(), e.isVisible = !1;
-  }, c = (f) => {
-    f <= 0 || (t = f, l = Date.now(), s = setTimeout(() => {
-      o();
-    }, f));
+  }, c = (p) => {
+    p <= 0 || (t = p, l = Date.now(), s = setTimeout(() => {
+      a();
+    }, p));
   };
   return {
     state: e,
-    show: (f = {}) => {
+    show: (p = {}) => {
       n();
       const {
         type: y = "info",
         message: k = null,
         component: h = null,
-        props: _ = {},
-        closeable: H = !0,
-        duration: w = null
-      } = f;
-      e.type = y, e.message = k, e.component = h ? de(h) : null, e.props = _, e.closeable = H, e.isVisible = !0;
-      const b = w !== null ? w : Oe[y];
-      e.duration = b, b > 0 && c(b);
+        props: x = {},
+        closeable: P = !0,
+        duration: _ = null
+      } = p;
+      e.type = y, e.message = k, e.component = h ? fe(h) : null, e.props = x, e.closeable = P, e.isVisible = !0;
+      const v = _ !== null ? _ : Ne[y];
+      e.duration = v, v > 0 && c(v);
     },
-    hide: o,
+    hide: a,
     reset: () => {
-      o(), e.type = "info", e.message = null, e.component = null, e.props = {}, e.closeable = !0, e.duration = null;
+      a(), e.type = "info", e.message = null, e.component = null, e.props = {}, e.closeable = !0, e.duration = null;
     },
     pause: () => {
-      if (!s || a) return;
+      if (!s || o) return;
       clearTimeout(s), s = null;
-      const f = Date.now() - l;
-      t = Math.max(0, t - f), a = !0;
+      const p = Date.now() - l;
+      t = Math.max(0, t - p), o = !0;
     },
     resume: () => {
-      !a || t <= 0 || (a = !1, l = Date.now(), s = setTimeout(() => {
-        o();
+      !o || t <= 0 || (o = !1, l = Date.now(), s = setTimeout(() => {
+        a();
       }, t));
     }
   };
 }
-class gs {
+class xs {
   constructor() {
     this.outlets = /* @__PURE__ */ new Map(), this.toastState = q({
       toasts: [],
@@ -422,7 +422,7 @@ class gs {
    * @returns {Object} Notification outlet instance
    */
   getOutlet(s = "default") {
-    return this.outlets.has(s) || this.outlets.set(s, hs()), this.outlets.get(s);
+    return this.outlets.has(s) || this.outlets.set(s, bs()), this.outlets.get(s);
   }
   /**
    * Show a banner notification in the specified outlet
@@ -493,7 +493,7 @@ class gs {
    * @param {boolean} options.newestOnTop - Whether newest toasts appear on top (default: true)
    */
   configureToasts(s = {}) {
-    s.maxToasts !== void 0 && (this.toastState.maxToasts = s.maxToasts), s.defaultPosition !== void 0 && xe.includes(s.defaultPosition) && (this.toastState.defaultPosition = s.defaultPosition), s.newestOnTop !== void 0 && (this.toastState.newestOnTop = s.newestOnTop);
+    s.maxToasts !== void 0 && (this.toastState.maxToasts = s.maxToasts), s.defaultPosition !== void 0 && _e.includes(s.defaultPosition) && (this.toastState.defaultPosition = s.defaultPosition), s.newestOnTop !== void 0 && (this.toastState.newestOnTop = s.newestOnTop);
   }
   /**
    * Show a toast notification
@@ -510,20 +510,20 @@ class gs {
   toast(s = {}) {
     const {
       type: t = "info",
-      message: a = null,
+      message: o = null,
       component: l = null,
       props: n = {},
-      closeable: o = !0,
+      closeable: a = !0,
       duration: c = null,
       position: r = null
-    } = s, i = ++this._toastIdCounter, u = r && xe.includes(r) ? r : this.toastState.defaultPosition, p = c !== null ? c : Oe[t], f = {
+    } = s, i = ++this._toastIdCounter, u = r && _e.includes(r) ? r : this.toastState.defaultPosition, d = c !== null ? c : Ne[t], p = {
       id: i,
       type: t,
-      message: a,
-      component: l ? de(l) : null,
+      message: o,
+      component: l ? fe(l) : null,
       props: n,
-      closeable: o,
-      duration: p,
+      closeable: a,
+      duration: d,
       position: u,
       createdAt: Date.now()
     }, y = this.toastState.toasts.filter((k) => k.position === u);
@@ -533,10 +533,10 @@ class gs {
     }
     if (this.toastState.newestOnTop) {
       const k = this.toastState.toasts.findIndex((h) => h.position === u);
-      k === -1 ? this.toastState.toasts.push(f) : this.toastState.toasts.splice(k, 0, f);
+      k === -1 ? this.toastState.toasts.push(p) : this.toastState.toasts.splice(k, 0, p);
     } else
-      this.toastState.toasts.push(f);
-    return p > 0 && this._startToastTimer(i, p), i;
+      this.toastState.toasts.push(p);
+    return d > 0 && this._startToastTimer(i, d), i;
   }
   /**
    * Hide a specific toast by ID
@@ -544,7 +544,7 @@ class gs {
    */
   hideToast(s) {
     this._clearToastTimer(s);
-    const t = this.toastState.toasts.findIndex((a) => a.id === s);
+    const t = this.toastState.toasts.findIndex((o) => o.id === s);
     t !== -1 && this.toastState.toasts.splice(t, 1);
   }
   /**
@@ -563,8 +563,8 @@ class gs {
     const t = this._toastTimers.get(s);
     if (!t || t.isPaused) return;
     clearTimeout(t.timeout), t.timeout = null;
-    const a = Date.now() - t.startedAt;
-    t.remainingTime = Math.max(0, t.remainingTime - a), t.isPaused = !0;
+    const o = Date.now() - t.startedAt;
+    t.remainingTime = Math.max(0, t.remainingTime - o), t.isPaused = !0;
   }
   /**
    * Resume auto-dismiss timer for a specific toast
@@ -591,15 +591,15 @@ class gs {
    * @private
    */
   _startToastTimer(s, t) {
-    const a = {
+    const o = {
       timeout: null,
       remainingTime: t,
       startedAt: Date.now(),
       isPaused: !1
     };
-    a.timeout = setTimeout(() => {
+    o.timeout = setTimeout(() => {
       this.hideToast(s);
-    }, t), this._toastTimers.set(s, a);
+    }, t), this._toastTimers.set(s, o);
   }
   /**
    * @private
@@ -609,7 +609,7 @@ class gs {
     t && (t.timeout && clearTimeout(t.timeout), this._toastTimers.delete(s));
   }
 }
-const G = new gs(), Gr = {
+const X = new xs(), cn = {
   __name: "SparkNotificationOutlet",
   props: {
     name: {
@@ -618,21 +618,21 @@ const G = new gs(), Gr = {
     }
   },
   setup(e) {
-    const s = e, t = S(() => G.getOutlet(s.name)), a = E(0);
-    j(
+    const s = e, t = S(() => X.getOutlet(s.name)), o = E(0);
+    N(
       () => [t.value.state.message, t.value.state.component, t.value.state.type],
       () => {
-        t.value.state.isVisible && a.value++;
+        t.value.state.isVisible && o.value++;
       }
     );
     const l = () => {
-      G.hide(s.name);
+      X.hide(s.name);
     }, n = () => {
-      G.pause(s.name);
-    }, o = () => {
-      G.resume(s.name);
+      X.pause(s.name);
+    }, a = () => {
+      X.resume(s.name);
     };
-    return (c, r) => (m(), M(De, {
+    return (c, r) => (m(), V(Ue, {
       "enter-active-class": "transition-all duration-300 ease-out",
       "enter-from-class": "opacity-0 -translate-y-2",
       "enter-to-class": "opacity-100 translate-y-0",
@@ -642,48 +642,48 @@ const G = new gs(), Gr = {
       mode: "out-in"
     }, {
       default: C(() => [
-        t.value.state.isVisible ? (m(), M(te, {
-          key: a.value,
+        t.value.state.isVisible ? (m(), V(se, {
+          key: o.value,
           type: t.value.state.type,
           closeable: t.value.state.closeable,
           onClose: l,
           onMouseenter: n,
-          onMouseleave: o
+          onMouseleave: a
         }, {
           default: C(() => [
-            t.value.state.component ? (m(), M(I(t.value.state.component), Ne(D({ key: 0 }, t.value.state.props)), null, 16)) : (m(), g(R, { key: 1 }, [
+            t.value.state.component ? (m(), V(I(t.value.state.component), Ke(Z({ key: 0 }, t.value.state.props)), null, 16)) : (m(), g(R, { key: 1 }, [
               B(L(t.value.state.message), 1)
             ], 64))
           ]),
           _: 1
-        }, 8, ["type", "closeable"])) : $("", !0)
+        }, 8, ["type", "closeable"])) : T("", !0)
       ]),
       _: 1
     }));
   }
-}, ys = { class: "fixed top-4 left-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, vs = { class: "fixed top-4 right-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, bs = { class: "fixed top-[40%] left-1/2 -translate-x-1/2 -translate-y-1/2 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, xs = { class: "fixed bottom-4 left-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, ks = { class: "fixed bottom-4 right-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, Wr = {
+}, ks = { class: "fixed top-4 left-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, ws = { class: "fixed top-4 right-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, _s = { class: "fixed top-[40%] left-1/2 -translate-x-1/2 -translate-y-1/2 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, Ss = { class: "fixed bottom-4 left-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, Cs = { class: "fixed bottom-4 right-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, un = {
   __name: "SparkToastContainer",
   setup(e) {
-    const s = G.toastState, t = S(
+    const s = X.toastState, t = S(
       () => s.toasts.filter((u) => u.position === "top-left")
-    ), a = S(
+    ), o = S(
       () => s.toasts.filter((u) => u.position === "top-right")
     ), l = S(
       () => s.toasts.filter((u) => u.position === "center")
     ), n = S(
       () => s.toasts.filter((u) => u.position === "bottom-left")
-    ), o = S(
+    ), a = S(
       () => s.toasts.filter((u) => u.position === "bottom-right")
     ), c = (u) => {
-      G.hideToast(u);
+      X.hideToast(u);
     }, r = (u) => {
-      G.pauseToast(u);
+      X.pauseToast(u);
     }, i = (u) => {
-      G.resumeToast(u);
+      X.resumeToast(u);
     };
-    return (u, p) => (m(), M(qe, { to: "body" }, [
-      d("div", ys, [
-        v(ne, {
+    return (u, d) => (m(), V(Ge, { to: "body" }, [
+      f("div", ks, [
+        b(le, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 -translate-x-4",
           "enter-to-class": "opacity-100 translate-x-0",
@@ -692,23 +692,23 @@ const G = new gs(), Gr = {
           "leave-to-class": "opacity-0 -translate-x-4"
         }, {
           default: C(() => [
-            (m(!0), g(R, null, z(t.value, (f) => (m(), g("div", {
-              key: f.id,
+            (m(!0), g(R, null, z(t.value, (p) => (m(), g("div", {
+              key: p.id,
               class: "pointer-events-auto"
             }, [
-              v(te, {
-                type: f.type,
-                closeable: f.closeable,
-                onClose: (y) => c(f.id),
-                onMouseenter: (y) => r(f.id),
-                onMouseleave: (y) => i(f.id)
+              b(se, {
+                type: p.type,
+                closeable: p.closeable,
+                onClose: (y) => c(p.id),
+                onMouseenter: (y) => r(p.id),
+                onMouseleave: (y) => i(p.id)
               }, {
                 default: C(() => [
-                  f.component ? (m(), M(I(f.component), D({
+                  p.component ? (m(), V(I(p.component), Z({
                     key: 0,
                     ref_for: !0
-                  }, f.props), null, 16)) : (m(), g(R, { key: 1 }, [
-                    B(L(f.message), 1)
+                  }, p.props), null, 16)) : (m(), g(R, { key: 1 }, [
+                    B(L(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -718,8 +718,8 @@ const G = new gs(), Gr = {
           _: 1
         })
       ]),
-      d("div", vs, [
-        v(ne, {
+      f("div", ws, [
+        b(le, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 translate-x-4",
           "enter-to-class": "opacity-100 translate-x-0",
@@ -728,23 +728,23 @@ const G = new gs(), Gr = {
           "leave-to-class": "opacity-0 translate-x-4"
         }, {
           default: C(() => [
-            (m(!0), g(R, null, z(a.value, (f) => (m(), g("div", {
-              key: f.id,
+            (m(!0), g(R, null, z(o.value, (p) => (m(), g("div", {
+              key: p.id,
               class: "pointer-events-auto"
             }, [
-              v(te, {
-                type: f.type,
-                closeable: f.closeable,
-                onClose: (y) => c(f.id),
-                onMouseenter: (y) => r(f.id),
-                onMouseleave: (y) => i(f.id)
+              b(se, {
+                type: p.type,
+                closeable: p.closeable,
+                onClose: (y) => c(p.id),
+                onMouseenter: (y) => r(p.id),
+                onMouseleave: (y) => i(p.id)
               }, {
                 default: C(() => [
-                  f.component ? (m(), M(I(f.component), D({
+                  p.component ? (m(), V(I(p.component), Z({
                     key: 0,
                     ref_for: !0
-                  }, f.props), null, 16)) : (m(), g(R, { key: 1 }, [
-                    B(L(f.message), 1)
+                  }, p.props), null, 16)) : (m(), g(R, { key: 1 }, [
+                    B(L(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -754,8 +754,8 @@ const G = new gs(), Gr = {
           _: 1
         })
       ]),
-      d("div", bs, [
-        v(ne, {
+      f("div", _s, [
+        b(le, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 scale-95",
           "enter-to-class": "opacity-100 scale-100",
@@ -764,23 +764,23 @@ const G = new gs(), Gr = {
           "leave-to-class": "opacity-0 scale-95"
         }, {
           default: C(() => [
-            (m(!0), g(R, null, z(l.value, (f) => (m(), g("div", {
-              key: f.id,
+            (m(!0), g(R, null, z(l.value, (p) => (m(), g("div", {
+              key: p.id,
               class: "pointer-events-auto"
             }, [
-              v(te, {
-                type: f.type,
-                closeable: f.closeable,
-                onClose: (y) => c(f.id),
-                onMouseenter: (y) => r(f.id),
-                onMouseleave: (y) => i(f.id)
+              b(se, {
+                type: p.type,
+                closeable: p.closeable,
+                onClose: (y) => c(p.id),
+                onMouseenter: (y) => r(p.id),
+                onMouseleave: (y) => i(p.id)
               }, {
                 default: C(() => [
-                  f.component ? (m(), M(I(f.component), D({
+                  p.component ? (m(), V(I(p.component), Z({
                     key: 0,
                     ref_for: !0
-                  }, f.props), null, 16)) : (m(), g(R, { key: 1 }, [
-                    B(L(f.message), 1)
+                  }, p.props), null, 16)) : (m(), g(R, { key: 1 }, [
+                    B(L(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -790,8 +790,8 @@ const G = new gs(), Gr = {
           _: 1
         })
       ]),
-      d("div", xs, [
-        v(ne, {
+      f("div", Ss, [
+        b(le, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 -translate-x-4",
           "enter-to-class": "opacity-100 translate-x-0",
@@ -800,23 +800,23 @@ const G = new gs(), Gr = {
           "leave-to-class": "opacity-0 -translate-x-4"
         }, {
           default: C(() => [
-            (m(!0), g(R, null, z(n.value, (f) => (m(), g("div", {
-              key: f.id,
+            (m(!0), g(R, null, z(n.value, (p) => (m(), g("div", {
+              key: p.id,
               class: "pointer-events-auto"
             }, [
-              v(te, {
-                type: f.type,
-                closeable: f.closeable,
-                onClose: (y) => c(f.id),
-                onMouseenter: (y) => r(f.id),
-                onMouseleave: (y) => i(f.id)
+              b(se, {
+                type: p.type,
+                closeable: p.closeable,
+                onClose: (y) => c(p.id),
+                onMouseenter: (y) => r(p.id),
+                onMouseleave: (y) => i(p.id)
               }, {
                 default: C(() => [
-                  f.component ? (m(), M(I(f.component), D({
+                  p.component ? (m(), V(I(p.component), Z({
                     key: 0,
                     ref_for: !0
-                  }, f.props), null, 16)) : (m(), g(R, { key: 1 }, [
-                    B(L(f.message), 1)
+                  }, p.props), null, 16)) : (m(), g(R, { key: 1 }, [
+                    B(L(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -826,8 +826,8 @@ const G = new gs(), Gr = {
           _: 1
         })
       ]),
-      d("div", ks, [
-        v(ne, {
+      f("div", Cs, [
+        b(le, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 translate-x-4",
           "enter-to-class": "opacity-100 translate-x-0",
@@ -836,23 +836,23 @@ const G = new gs(), Gr = {
           "leave-to-class": "opacity-0 translate-x-4"
         }, {
           default: C(() => [
-            (m(!0), g(R, null, z(o.value, (f) => (m(), g("div", {
-              key: f.id,
+            (m(!0), g(R, null, z(a.value, (p) => (m(), g("div", {
+              key: p.id,
               class: "pointer-events-auto"
             }, [
-              v(te, {
-                type: f.type,
-                closeable: f.closeable,
-                onClose: (y) => c(f.id),
-                onMouseenter: (y) => r(f.id),
-                onMouseleave: (y) => i(f.id)
+              b(se, {
+                type: p.type,
+                closeable: p.closeable,
+                onClose: (y) => c(p.id),
+                onMouseenter: (y) => r(p.id),
+                onMouseleave: (y) => i(p.id)
               }, {
                 default: C(() => [
-                  f.component ? (m(), M(I(f.component), D({
+                  p.component ? (m(), V(I(p.component), Z({
                     key: 0,
                     ref_for: !0
-                  }, f.props), null, 16)) : (m(), g(R, { key: 1 }, [
-                    B(L(f.message), 1)
+                  }, p.props), null, 16)) : (m(), g(R, { key: 1 }, [
+                    B(L(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -864,7 +864,7 @@ const G = new gs(), Gr = {
       ])
     ]));
   }
-}, ze = ie(
+}, Ie = ue(
   "brandFilter",
   () => {
     const e = q({
@@ -874,31 +874,31 @@ const G = new gs(), Gr = {
         console.warn("useSparkBrandFilterStore: No brands provided to initialize()"), e.brands = [];
         return;
       }
-      const o = n.brands.filter((r) => {
+      const a = n.brands.filter((r) => {
         const i = r.name && r.logo;
         return i || console.warn("useSparkBrandFilterStore: Invalid brand object", r), i;
-      }), c = o.filter((r) => r.current);
-      c.length === 0 && o.length > 0 ? o[0].current = !0 : c.length > 1 && o.forEach((r) => {
+      }), c = a.filter((r) => r.current);
+      c.length === 0 && a.length > 0 ? a[0].current = !0 : c.length > 1 && a.forEach((r) => {
         r.current = r === c[0];
-      }), e.brands = o.map((r) => ({
+      }), e.brands = a.map((r) => ({
         id: r.id,
         name: r.name,
         logo: r.logo,
         current: r.current || !1
       }));
-    }, t = S(() => e.brands.find((n) => n.current) || null), a = S(() => e.brands);
+    }, t = S(() => e.brands.find((n) => n.current) || null), o = S(() => e.brands);
     return {
       state: e,
       initialize: s,
       currentBrand: t,
-      allBrands: a,
+      allBrands: o,
       toggleBrand: (n) => {
         if (!n || !e.brands.includes(n)) {
           console.warn("useSparkBrandFilterStore: Invalid brand provided to toggleBrand()");
           return;
         }
-        e.brands.forEach((o) => {
-          o.current = o === n;
+        e.brands.forEach((a) => {
+          a.current = a === n;
         });
       }
     };
@@ -908,65 +908,65 @@ const G = new gs(), Gr = {
       paths: ["state.brands"]
     }
   }
-), _s = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, ws = { class: "flex flex-1 flex-col" }, Ss = { class: "divide-y divide-gray-200" }, Cs = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, $s = { class: "ml-auto flex items-center" }, Ts = {
+), $s = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Ts = { class: "flex flex-1 flex-col" }, Ls = { class: "divide-y divide-gray-200" }, Ps = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Ms = { class: "ml-auto flex items-center" }, Hs = {
   key: 0,
   class: "flex px-[22px] py-[15px] text-gray-500 text-sm"
-}, Ls = ["onClick"], Ps = { class: "w-full gap-y-1 flex justify-between" }, Hs = { class: "flex flex-col" }, Vs = { class: "flex items-center" }, Ms = { class: "font-medium text-base text-gray-900" }, Rs = {
+}, Vs = ["onClick"], Rs = { class: "w-full gap-y-1 flex justify-between" }, Bs = { class: "flex flex-col" }, Es = { class: "flex items-center" }, As = { class: "font-medium text-base text-gray-900" }, Fs = {
   key: 0,
   class: "inline-flex items-center rounded-full bg-green-100 px-1.5 py-0.5 text-xs font-medium text-green-800 ml-1"
-}, Bs = { class: "text-sm text-gray-500 font-normal" }, Es = { class: "flex items-center" }, As = ["src", "alt"], Fs = {
+}, Os = { class: "text-sm text-gray-500 font-normal" }, zs = { class: "flex items-center" }, Ds = ["src", "alt"], js = {
   __name: "SparkBrandSelector",
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, a = ze(), l = (n) => {
+    const t = s, o = Ie(), l = (n) => {
       t("select", n);
     };
-    return (n, o) => {
+    return (n, a) => {
       const c = A("font-awesome-icon");
-      return m(), g("div", _s, [
-        d("div", ws, [
-          d("div", Ss, [
-            d("div", Cs, [
-              o[1] || (o[1] = d("div", null, "Filter by Brand", -1)),
-              d("div", $s, [
-                v(c, {
-                  icon: x(F).farTimes,
+      return m(), g("div", $s, [
+        f("div", Ts, [
+          f("div", Ls, [
+            f("div", Ps, [
+              a[1] || (a[1] = f("div", null, "Filter by Brand", -1)),
+              f("div", Ms, [
+                b(c, {
+                  icon: w(F).farTimes,
                   class: "size-4 text-gray-400 cursor-pointer",
-                  onClick: o[0] || (o[0] = (r) => t("close"))
+                  onClick: a[0] || (a[0] = (r) => t("close"))
                 }, null, 8, ["icon"])
               ])
             ]),
-            x(a).allBrands.length === 0 ? (m(), g("div", Ts, " No brands configured ")) : $("", !0),
-            (m(!0), g(R, null, z(x(a).allBrands, (r) => (m(), g("div", {
+            w(o).allBrands.length === 0 ? (m(), g("div", Hs, " No brands configured ")) : T("", !0),
+            (m(!0), g(R, null, z(w(o).allBrands, (r) => (m(), g("div", {
               key: r.id,
-              class: P([r.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
+              class: H([r.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
               onClick: (i) => l(r)
             }, [
-              d("div", Ps, [
-                d("div", Hs, [
-                  d("div", Vs, [
-                    d("div", Ms, L(r.name), 1),
-                    r.current ? (m(), g("span", Rs, " Current ")) : $("", !0)
+              f("div", Rs, [
+                f("div", Bs, [
+                  f("div", Es, [
+                    f("div", As, L(r.name), 1),
+                    r.current ? (m(), g("span", Fs, " Current ")) : T("", !0)
                   ]),
-                  d("div", Bs, L(r.current ? "Current Brand" : "Change to"), 1)
+                  f("div", Os, L(r.current ? "Current Brand" : "Change to"), 1)
                 ]),
-                d("div", Es, [
-                  d("img", {
+                f("div", zs, [
+                  f("img", {
                     src: r.logo,
                     alt: `${r.name} logo`,
                     class: "h-8 w-auto"
-                  }, null, 8, As)
+                  }, null, 8, Ds)
                 ])
               ])
-            ], 10, Ls))), 128)),
-            o[2] || (o[2] = d("div", null, null, -1))
+            ], 10, Vs))), 128)),
+            a[2] || (a[2] = f("div", null, null, -1))
           ]),
-          o[3] || (o[3] = d("div", { class: "mt-auto" }, null, -1))
+          a[3] || (a[3] = f("div", { class: "mt-auto" }, null, -1))
         ])
       ]);
     };
   }
-}, Os = ["disabled"], K = {
+}, Ns = ["disabled"], G = {
   __name: "SparkButton",
   props: {
     size: {
@@ -989,9 +989,9 @@ const G = new gs(), Gr = {
   },
   emits: ["click"],
   setup(e) {
-    const s = e, t = E(null), a = Le("buttonGroup", null), l = S(() => {
-      if (!a?.isInGroup || !t.value) return null;
-      const r = a.getButtonIndex(t.value), i = a.getButtonCount();
+    const s = e, t = E(null), o = Ve("buttonGroup", null), l = S(() => {
+      if (!o?.isInGroup || !t.value) return null;
+      const r = o.getButtonIndex(t.value), i = o.getButtonCount();
       return {
         isFirst: r === 0,
         isLast: r === i - 1,
@@ -1008,17 +1008,17 @@ const G = new gs(), Gr = {
       borderRadius: /^rounded-/,
       background: /^bg-/,
       text: /^text-(?!white|black)/
-    }, o = (r, i) => {
+    }, a = (r, i) => {
       if (!i) return r;
-      const u = r.split(" ").filter(Boolean), p = i.split(" ").filter(Boolean);
-      return [...u.filter((y) => !p.some((k) => {
+      const u = r.split(" ").filter(Boolean), d = i.split(" ").filter(Boolean);
+      return [...u.filter((y) => !d.some((k) => {
         const h = Object.entries(n).find(
-          ([H, w]) => w.test(y)
-        )?.[0], _ = Object.entries(n).find(
-          ([H, w]) => w.test(k)
+          ([P, _]) => _.test(y)
+        )?.[0], x = Object.entries(n).find(
+          ([P, _]) => _.test(k)
         )?.[0];
-        return h && h === _;
-      })), ...p].join(" ");
+        return h && h === x;
+      })), ...d].join(" ");
     }, c = S(() => {
       let r = "", i = "";
       switch (s.size) {
@@ -1038,9 +1038,9 @@ const G = new gs(), Gr = {
           r += " px-3.5 py-2.5 min-h-[42px] text-sm", i = "md";
           break;
       }
-      if (a?.isInGroup && l.value) {
-        const { isFirst: u, isLast: p } = l.value;
-        r += " relative inline-flex items-center focus:z-10", u && p ? r += ` rounded-${i}` : u ? r += ` rounded-l-${i} rounded-r-none` : p ? r += ` rounded-r-${i} rounded-l-none -ml-px` : r += " rounded-none -ml-px";
+      if (o?.isInGroup && l.value) {
+        const { isFirst: u, isLast: d } = l.value;
+        r += " relative inline-flex items-center focus:z-10", u && d ? r += ` rounded-${i}` : u ? r += ` rounded-l-${i} rounded-r-none` : d ? r += ` rounded-r-${i} rounded-l-none -ml-px` : r += " rounded-none -ml-px";
       } else
         r += ` shadow-xs rounded-${i}`;
       switch (s.variant) {
@@ -1065,24 +1065,24 @@ const G = new gs(), Gr = {
         default:
           r += ` bg-${s.variant}-600 hover:bg-${s.variant}-500 text-white`;
       }
-      return r = o(r, s.buttonClass), r;
+      return r = a(r, s.buttonClass), r;
     });
     return (r, i) => (m(), g("button", {
       type: "button",
       ref_key: "buttonRef",
       ref: t,
-      class: P(c.value),
+      class: H(c.value),
       disabled: e.disabled,
       onClick: i[0] || (i[0] = (u) => r.$emit("click"))
     }, [
       O(r.$slots, "default")
-    ], 10, Os));
+    ], 10, Ns));
   }
-}, zs = {
+}, Is = {
   __name: "SparkButtonGroup",
   setup(e) {
     const s = E(null);
-    return Ze("buttonGroup", {
+    return We("buttonGroup", {
       isInGroup: !0,
       getButtonIndex: (l) => s.value ? Array.from(s.value.children).indexOf(l) : -1,
       getButtonCount: () => s.value?.children.length || 0
@@ -1094,13 +1094,13 @@ const G = new gs(), Gr = {
       O(l.$slots, "default")
     ], 512));
   }
-}, js = { class: "divide-y divide-gray-300 rounded-lg border border-gray-300 text-gray-700 bg-gray-100" }, Is = {
+}, Zs = { class: "divide-y divide-gray-300 rounded-lg border border-gray-300 text-gray-700 bg-gray-100" }, qs = {
   key: 0,
   class: "p-5"
-}, Ds = {
+}, Us = {
   key: 1,
   class: "p-5"
-}, Yr = {
+}, dn = {
   __name: "SparkCard",
   props: {
     padded: {
@@ -1114,24 +1114,24 @@ const G = new gs(), Gr = {
   },
   setup(e) {
     const s = e;
-    return (t, a) => (m(), g("div", js, [
-      t.$slots.header ? (m(), g("div", Is, [
+    return (t, o) => (m(), g("div", Zs, [
+      t.$slots.header ? (m(), g("div", qs, [
         O(t.$slots, "header")
-      ])) : $("", !0),
-      d("div", {
-        class: P([s.padded ? s.paddedClass : ""])
+      ])) : T("", !0),
+      f("div", {
+        class: H([s.padded ? s.paddedClass : ""])
       }, [
         O(t.$slots, "default")
       ], 2),
-      t.$slots.footer ? (m(), g("div", Ds, [
+      t.$slots.footer ? (m(), g("div", Us, [
         O(t.$slots, "footer")
-      ])) : $("", !0)
+      ])) : T("", !0)
     ]));
   }
-}, Ns = { class: "px-4 pt-5 pb-4 sm:p-6" }, qs = {
+}, Ks = { class: "px-4 pt-5 pb-4 sm:p-6" }, Gs = {
   key: 0,
   class: "text-lg font-medium text-gray-900"
-}, Zs = {
+}, Ws = {
   __name: "SparkModalDialog",
   props: {
     title: {
@@ -1181,7 +1181,7 @@ const G = new gs(), Gr = {
     "input"
   ],
   setup(e) {
-    const s = e, t = S(() => !s.buttons || s.buttons.length === 0 ? [{ text: "OK", variant: "primary", event: "ok" }] : s.buttons), a = S(() => {
+    const s = e, t = S(() => !s.buttons || s.buttons.length === 0 ? [{ text: "OK", variant: "primary", event: "ok" }] : s.buttons), o = S(() => {
       switch (t.value.length) {
         case 1:
           return "sm:grid sm:grid-flow-row-dense";
@@ -1197,7 +1197,7 @@ const G = new gs(), Gr = {
       success: "farCheckCircle",
       warning: "farExclamationTriangle",
       danger: "farCircleXmark"
-    }, n = S(() => s.icon || l[s.type]), o = S(() => ({
+    }, n = S(() => s.icon || l[s.type]), a = S(() => ({
       info: "bg-blue-100",
       success: "bg-green-100",
       warning: "bg-yellow-100",
@@ -1210,35 +1210,35 @@ const G = new gs(), Gr = {
     })[s.type]);
     return (r, i) => {
       const u = A("font-awesome-icon");
-      return m(), g("div", Ns, [
+      return m(), g("div", Ks, [
         n.value ? (m(), g("div", {
           key: 0,
-          class: P(["mx-auto flex size-12 items-center justify-center rounded-full", o.value])
+          class: H(["mx-auto flex size-12 items-center justify-center rounded-full", a.value])
         }, [
-          v(u, {
-            icon: x(F)[n.value],
-            class: P(["h-5 w-5", c.value])
+          b(u, {
+            icon: w(F)[n.value],
+            class: H(["h-5 w-5", c.value])
           }, null, 8, ["icon", "class"])
-        ], 2)) : $("", !0),
-        d("div", {
-          class: P(["text-center", { "mt-3 sm:mt-5": n.value }])
+        ], 2)) : T("", !0),
+        f("div", {
+          class: H(["text-center", { "mt-3 sm:mt-5": n.value }])
         }, [
-          e.title ? (m(), g("h3", qs, L(e.title), 1)) : $("", !0),
+          e.title ? (m(), g("h3", Gs, L(e.title), 1)) : T("", !0),
           e.message ? (m(), g("div", {
             key: 1,
-            class: P([{ "mt-2": e.title }, "text-sm text-gray-500"])
-          }, L(e.message), 3)) : $("", !0)
+            class: H([{ "mt-2": e.title }, "text-sm text-gray-500"])
+          }, L(e.message), 3)) : T("", !0)
         ], 2),
-        d("div", {
-          class: P(["mt-5 sm:mt-6", a.value])
+        f("div", {
+          class: H(["mt-5 sm:mt-6", o.value])
         }, [
-          (m(!0), g(R, null, z(t.value, (p, f) => (m(), M(x(K), {
-            key: f,
-            variant: p.variant,
-            onClick: (y) => r.$emit(p.event, p)
+          (m(!0), g(R, null, z(t.value, (d, p) => (m(), V(w(G), {
+            key: p,
+            variant: d.variant,
+            onClick: (y) => r.$emit(d.event, d)
           }, {
             default: C(() => [
-              B(L(p.text), 1)
+              B(L(d.text), 1)
             ]),
             _: 2
           }, 1032, ["variant", "onClick"]))), 128))
@@ -1247,7 +1247,7 @@ const G = new gs(), Gr = {
     };
   }
 };
-class Ks {
+class Ys {
   constructor() {
     this.state = q({
       isVisible: !1,
@@ -1256,8 +1256,8 @@ class Ks {
       eventHandlers: {}
     });
   }
-  show = (s, t = {}, a = {}) => {
-    this.state.content = de(s), this.state.props = t, this.state.eventHandlers = a, this.state.isVisible = !0;
+  show = (s, t = {}, o = {}) => {
+    this.state.content = fe(s), this.state.props = t, this.state.eventHandlers = o, this.state.isVisible = !0;
   };
   hide = () => {
     this.state.isVisible = !1, this.state.eventHandlers = {};
@@ -1276,21 +1276,21 @@ class Ks {
    */
   confirm = (s = {}) => new Promise((t) => {
     const {
-      title: a = "Confirm",
+      title: o = "Confirm",
       message: l = "Are you sure?",
       type: n = "warning",
-      confirmText: o = "Confirm",
+      confirmText: a = "Confirm",
       cancelText: c = "Cancel",
       confirmVariant: r = "primary"
     } = s;
     this.show(
-      Zs,
+      Ws,
       {
-        title: a,
+        title: o,
         message: l,
         type: n,
         buttons: [
-          { text: o, variant: r, event: "confirm" },
+          { text: a, variant: r, event: "confirm" },
           { text: c, variant: "secondary", event: "cancel" }
         ]
       },
@@ -1305,20 +1305,20 @@ class Ks {
     );
   });
 }
-const se = new Ks(), Us = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, Gs = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Ws = {
+const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, Js = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Qs = {
   __name: "SparkModalContainer",
   setup(e) {
-    return (s, t) => (m(), M(x(Me), {
+    return (s, t) => (m(), V(w(Ae), {
       as: "template",
-      show: x(se).state.isVisible
+      show: w(oe).state.isVisible
     }, {
       default: C(() => [
-        v(x(Re), {
+        b(w(Fe), {
           class: "relative z-1000",
-          onClose: x(se).hide
+          onClose: w(oe).hide
         }, {
           default: C(() => [
-            v(x(ue), {
+            b(w(pe), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -1328,13 +1328,13 @@ const se = new Ks(), Us = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               "leave-to": "opacity-0"
             }, {
               default: C(() => [...t[0] || (t[0] = [
-                d("div", { class: "fixed inset-0 bg-gray-500/75 transition-opacity" }, null, -1)
+                f("div", { class: "fixed inset-0 bg-gray-500/75 transition-opacity" }, null, -1)
               ])]),
               _: 1
             }),
-            d("div", Us, [
-              d("div", Gs, [
-                v(x(ue), {
+            f("div", Xs, [
+              f("div", Js, [
+                b(w(pe), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -1344,9 +1344,9 @@ const se = new Ks(), Us = { 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: C(() => [
-                    v(x(Be), { 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" }, {
+                    b(w(Oe), { 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: C(() => [
-                        (m(), M(I(x(se).state.content), D(x(se).state.props, Pe(x(se).state.eventHandlers)), null, 16))
+                        (m(), V(I(w(oe).state.content), Z(w(oe).state.props, Re(w(oe).state.eventHandlers)), null, 16))
                       ]),
                       _: 1
                     })
@@ -1362,7 +1362,7 @@ const se = new Ks(), Us = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}, Ys = { class: "fixed inset-0 flex" }, ke = {
+}, eo = { class: "fixed inset-0 flex" }, Se = {
   __name: "SparkOverlay",
   props: {
     position: {
@@ -1377,27 +1377,27 @@ const se = new Ks(), Us = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   },
   emits: ["close"],
   setup(e, { emit: s }) {
-    const t = E(null), a = {
+    const t = E(null), o = {
       xs: "w-[250px]",
       sm: "w-[300px]",
       md: "w-[450px]",
       lg: "w-[810px]",
       xl: "w-[1000px]"
-    }, l = e, n = s, o = S(() => a[l.overlayInstance.state.size] || a.md), c = () => {
+    }, l = e, n = s, a = S(() => o[l.overlayInstance.state.size] || o.md), c = () => {
       l.overlayInstance.close(), n("close");
     };
-    return (r, i) => (m(), M(x(Me), {
+    return (r, i) => (m(), V(w(Ae), {
       show: e.overlayInstance.state.isVisible,
       as: "template"
     }, {
       default: C(() => [
-        v(x(Re), {
+        b(w(Fe), {
           initialFocus: t.value,
           class: "relative z-1000",
           onClose: c
         }, {
           default: C(() => [
-            v(x(ue), {
+            b(w(pe), {
               as: "template",
               enter: "transition-opacity ease-linear duration-150",
               "enter-from": "opacity-0",
@@ -1407,12 +1407,12 @@ const se = new Ks(), Us = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               "leave-to": "opacity-0"
             }, {
               default: C(() => [...i[0] || (i[0] = [
-                d("div", { class: "fixed inset-0 bg-gray-600/30" }, null, -1)
+                f("div", { class: "fixed inset-0 bg-gray-600/30" }, null, -1)
               ])]),
               _: 1
             }),
-            d("div", Ys, [
-              v(x(ue), {
+            f("div", eo, [
+              b(w(pe), {
                 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",
@@ -1422,17 +1422,17 @@ const se = new Ks(), Us = { 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: C(() => [
-                  v(x(Be), {
+                  b(w(Oe), {
                     ref_key: "panelRef",
                     ref: t,
-                    class: P([
+                    class: H([
                       "flex py-2.5",
-                      o.value,
+                      a.value,
                       e.position === "left" ? "relative left-[10px]" : "absolute right-[10px] h-full"
                     ])
                   }, {
                     default: C(() => [
-                      (m(), M(I(e.overlayInstance.state.content), D(e.overlayInstance.state.props, Pe(e.overlayInstance.state.eventHandlers)), null, 16))
+                      (m(), V(I(e.overlayInstance.state.content), Z(e.overlayInstance.state.props, Re(e.overlayInstance.state.eventHandlers)), null, 16))
                     ]),
                     _: 1
                   }, 8, ["class"])
@@ -1447,34 +1447,34 @@ const se = new Ks(), Us = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}, Xs = (e) => {
+}, to = (e) => {
   if (e.includes(".")) {
     const s = e.split(".");
     e = s[s.length - 1];
   }
   return e.replace(/_/g, " ");
-}, Js = (e, s, t) => {
-  const a = s.querySelector(".relative");
-  if (!a || a.querySelector(".spark-table-head-sorting"))
+}, so = (e, s, t) => {
+  const o = s.querySelector(".relative");
+  if (!o || o.querySelector(".spark-table-head-sorting"))
     return;
   const l = document.createElement("span");
-  l.classList.add("spark-table-head-sorting"), l.innerHTML = le({ prefix: "fad", iconName: "sort" }).html + le({ prefix: "fad", iconName: "sort-up" }).html + le({ prefix: "fad", iconName: "sort-down" }).html, a.appendChild(l), a.addEventListener("click", async () => {
-    const n = t.params.orderBy, o = t.params.sortedBy;
-    return n === e && o === "asc" ? (a.classList.remove("asc"), a.classList.add("desc"), t.methods.applyParams({
+  l.classList.add("spark-table-head-sorting"), l.innerHTML = ce({ prefix: "fad", iconName: "sort" }).html + ce({ prefix: "fad", iconName: "sort-up" }).html + ce({ prefix: "fad", iconName: "sort-down" }).html, o.appendChild(l), o.addEventListener("click", async () => {
+    const n = t.params.orderBy, a = t.params.sortedBy;
+    return n === e && a === "asc" ? (o.classList.remove("asc"), o.classList.add("desc"), t.methods.applyParams({
       orderBy: e,
       sortedBy: "desc"
-    })) : n === e ? (a.classList.remove("desc"), await t.methods.clearParams(["orderBy", "sortedBy"])) : (a.classList.add("asc"), t.methods.applyParams({
+    })) : n === e ? (o.classList.remove("desc"), await t.methods.clearParams(["orderBy", "sortedBy"])) : (o.classList.add("asc"), t.methods.applyParams({
       orderBy: e,
       sortedBy: "asc"
     }));
   });
-}, Qs = (e, s, t) => {
+}, oo = (e, s, t) => {
   if (s.querySelector(".spark-table-head-filter"))
     return;
-  const a = document.createElement("div"), l = document.createElement("input");
-  l.type = "text", l.placeholder = "Filter...", a.className = "spark-table-head-filter", a.appendChild(l);
-  const n = Ee(async (o, c) => {
-    const r = c.target.value, i = `filter[${o}]`;
+  const o = document.createElement("div"), l = document.createElement("input");
+  l.type = "text", l.placeholder = "Filter...", o.className = "spark-table-head-filter", o.appendChild(l);
+  const n = ze(async (a, c) => {
+    const r = c.target.value, i = `filter[${a}]`;
     if (r)
       return t.params[i] && t.params[i] === r ? void 0 : t.methods.applyParams({
         page: 1,
@@ -1482,64 +1482,64 @@ const se = new Ks(), Us = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       });
     await t.methods.removeParam(i);
   }, 200);
-  l.addEventListener("keyup", (o) => n(e, o)), s.appendChild(a);
-}, ea = (e, s, t) => {
+  l.addEventListener("keyup", (a) => n(e, a)), s.appendChild(o);
+}, ao = (e, s, t) => {
   e.classList.add("spark-table-head"), t && t.columnSort && e.classList.add("can-sort"), t && t.columnFilter && e.classList.add("can-filter"), e.querySelector(".relative").classList.add("spark-table-head-title-wrapper");
   const l = e.querySelector(".colHeader");
-  l.classList.add("spark-table-head-title"), l.innerHTML = Xs(s);
-}, ta = (e, s, t) => {
+  l.classList.add("spark-table-head-title"), l.innerHTML = to(s);
+}, ro = (e, s, t) => {
   if (typeof e != "number")
     return e;
   if (e < 0)
     return;
-  let a = 2;
+  let o = 2;
   const l = t.methods.colToProp(e), n = t.methods.getSettingsForProp(l);
-  s.childElementCount === 1 && ((!n || !n.columnSort) && a--, (!n || !n.columnFilter) && a--, n && n.columnSort && Js(l, s, t), n && n.columnFilter && Qs(l, s, t)), (s.childElementCount === a || a === 0) && ea(s, l, n);
-}, sa = (e) => {
+  s.childElementCount === 1 && ((!n || !n.columnSort) && o--, (!n || !n.columnFilter) && o--, n && n.columnSort && so(l, s, t), n && n.columnFilter && oo(l, s, t)), (s.childElementCount === o || o === 0) && ao(s, l, n);
+}, no = (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) => {
+  const s = e.params.orderBy, t = e.params.sortedBy, o = e.hotInstance.rootElement.querySelectorAll("thead th.can-sort .relative");
+  o.forEach((l) => {
     l.classList.remove("asc", "desc");
-  }), s && t && a.forEach((l) => {
-    const n = l.closest("th"), o = Array.from(n.parentElement.children).indexOf(n);
-    e.methods.colToProp(o) === s && l.classList.add(t);
+  }), s && t && o.forEach((l) => {
+    const n = l.closest("th"), a = Array.from(n.parentElement.children).indexOf(n);
+    e.methods.colToProp(a) === s && l.classList.add(t);
   });
-}, aa = (e) => (s, t, a, l, n, o, c) => {
+}, lo = (e) => (s, t, o, l, n, a, c) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-actions");
   const i = (c.rendererConfig || {}).actions || [];
   if (i.length === 0)
     return;
-  const u = s.getSourceDataAtRow(s.toPhysicalRow(a)), p = document.createElement("div");
-  p.classList.add("flex", "items-center", "gap-2"), i.forEach((f) => {
-    if (f.condition && typeof f.condition == "function" && !f.condition(u))
+  const u = s.getSourceDataAtRow(s.toPhysicalRow(o)), d = document.createElement("div");
+  d.classList.add("flex", "items-center", "gap-2"), i.forEach((p) => {
+    if (p.condition && typeof p.condition == "function" && !p.condition(u))
       return;
     const y = document.createElement("button");
-    if (y.type = "button", y.classList.add("spark-table-action-button"), f.icon) {
+    if (y.type = "button", y.classList.add("spark-table-action-button"), p.icon) {
       const k = document.createElement("span");
-      k.innerHTML = le({ prefix: "far", iconName: f.icon }).html, k.classList.add("size-4"), y.appendChild(k);
+      k.innerHTML = ce({ prefix: "far", iconName: p.icon }).html, k.classList.add("size-4"), y.appendChild(k);
     }
-    if (f.label) {
+    if (p.label) {
       const k = document.createElement("span");
-      k.textContent = f.label, y.appendChild(k);
+      k.textContent = p.label, y.appendChild(k);
     }
     y.addEventListener("click", async (k) => {
-      if (k.preventDefault(), k.stopPropagation(), f.confirm) {
-        const h = typeof f.confirm == "string" ? f.confirm : `Are you sure you want to ${f.label?.toLowerCase() || "perform this action"}?`;
-        if (!await se.confirm({
-          title: f.confirmTitle,
+      if (k.preventDefault(), k.stopPropagation(), p.confirm) {
+        const h = typeof p.confirm == "string" ? p.confirm : `Are you sure you want to ${p.label?.toLowerCase() || "perform this action"}?`;
+        if (!await oe.confirm({
+          title: p.confirmTitle,
           message: h,
-          type: f.confirmType,
-          confirmText: f.confirmText,
-          cancelText: f.cancelText,
-          confirmVariant: f.confirmVariant
+          type: p.confirmType,
+          confirmText: p.confirmText,
+          cancelText: p.cancelText,
+          confirmVariant: p.confirmVariant
         }))
           return;
       }
-      f.event && e.methods.fireEvent(f.event, u), f.handler && typeof f.handler == "function" && f.handler(u);
-    }), p.appendChild(y);
-  }), t.appendChild(p);
-}, _e = {
+      p.event && e.methods.fireEvent(p.event, u), p.handler && typeof p.handler == "function" && p.handler(u);
+    }), d.appendChild(y);
+  }), t.appendChild(d);
+}, Ce = {
   green: "bg-green-100 text-green-800",
   red: "bg-red-100 text-red-800",
   yellow: "bg-yellow-100 text-yellow-800",
@@ -1548,11 +1548,11 @@ const se = new Ks(), Us = { 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"
-}, oa = (e) => (s, t, a, l, n, o, c) => {
-  if (t.innerHTML = "", t.classList.add("spark-table-cell-badge"), !o)
+}, io = (e) => (s, t, o, l, n, a, c) => {
+  if (t.innerHTML = "", t.classList.add("spark-table-cell-badge"), !a)
     return;
-  const i = (c.rendererConfig || {}).colorMap || {}, u = i[o] || i[o?.toLowerCase()] || "gray", p = _e[u] || _e.gray, f = document.createElement("span");
-  f.classList.add(
+  const i = (c.rendererConfig || {}).colorMap || {}, u = i[a] || i[a?.toLowerCase()] || "gray", d = Ce[u] || Ce.gray, p = document.createElement("span");
+  p.classList.add(
     "inline-flex",
     "items-center",
     "px-2.5",
@@ -1561,16 +1561,16 @@ const se = new Ks(), Us = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     "text-xs",
     "font-medium",
     "capitalize",
-    ...p.split(" ")
-  ), f.textContent = o, t.appendChild(f);
-}, we = {
+    ...d.split(" ")
+  ), p.textContent = a, t.appendChild(p);
+}, $e = {
   green: { bg: "bg-green-100", text: "text-green-500" },
   red: { bg: "bg-red-100", text: "text-red-500" },
   yellow: { bg: "bg-yellow-100", text: "text-yellow-500" },
   blue: { bg: "bg-blue-100", text: "text-blue-500" },
   gray: { bg: "bg-gray-100", text: "text-gray-500" },
   purple: { bg: "bg-purple-100", text: "text-purple-500" }
-}, ra = (e) => {
+}, co = (e) => {
   if (e == null || e === "")
     return !1;
   if (typeof e == "boolean")
@@ -1582,9 +1582,11 @@ const se = new Ks(), Us = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     return s === "1" || s === "yes" || s === "true";
   }
   return !1;
-}, na = (e) => (s, t, a, l, n, o, c) => {
+}, uo = (e) => (s, t, o, l, n, a, c) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-boolean");
-  const r = c.rendererConfig || {}, i = ra(o), u = i ? r.trueIcon || "check" : r.falseIcon || "xmark", p = i ? r.trueColor || "green" : r.falseColor || "red", f = r.size || 32, y = r.iconPrefix || "far", k = we[p] || we.gray, h = document.createElement("div");
+  const r = c.rendererConfig || {}, i = co(a), u = i ? r.trueIcon || "check" : r.falseIcon || "xmark", d = i ? r.trueColor || "green" : r.falseColor || "red", p = r.size || 32, y = r.iconPrefix || "far", k = $e[d] || $e.gray;
+  t.dataset.copyValue = i ? "true" : "false";
+  const h = document.createElement("div");
   h.classList.add(
     "inline-flex",
     "items-center",
@@ -1592,180 +1594,342 @@ const se = new Ks(), Us = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     "rounded-full",
     k.bg,
     k.text
-  ), h.style.width = `${f}px`, h.style.height = `${f}px`;
-  const _ = document.createElement("span");
-  _.innerHTML = le({ prefix: y, iconName: u }).html, _.classList.add("flex", "items-center", "justify-center");
-  const H = Math.round(f * 0.5);
-  _.style.fontSize = `${H}px`, h.appendChild(_), t.appendChild(h);
-}, la = (e) => (s, t, a, l, n, o, c) => {
-  if (t.innerHTML = "", t.classList.add("spark-table-cell-link"), !o)
+  ), h.style.width = `${p}px`, h.style.height = `${p}px`;
+  const x = document.createElement("span");
+  x.innerHTML = ce({ prefix: y, iconName: u }).html, x.classList.add("flex", "items-center", "justify-center");
+  const P = Math.round(p * 0.5);
+  x.style.fontSize = `${P}px`, h.appendChild(x), t.appendChild(h);
+}, po = (e, s = 2) => {
+  const t = Number(e);
+  if (isNaN(t)) return null;
+  const o = t < 0, n = Math.abs(t).toLocaleString("en-AU", {
+    minimumFractionDigits: s,
+    maximumFractionDigits: s
+  });
+  return o ? `-$${n}` : `$${n}`;
+}, fo = (e) => (s, t, o, l, n, a, c) => {
+  t.innerHTML = "", t.classList.add("spark-table-cell-currency");
+  const r = c.rendererConfig || {}, { decimals: i = 2, emptyText: u = "" } = r;
+  if (a == null || a === "") {
+    t.textContent = u;
+    return;
+  }
+  const d = po(a, i);
+  if (d === null) {
+    t.textContent = u;
     return;
-  const r = c.rendererConfig || {}, i = s.getSourceDataAtRow(s.toPhysicalRow(a));
-  let u = o;
-  r.href && (typeof r.href == "function" ? u = r.href(i) : r.href === "email" ? u = `mailto:${o}` : r.href === "tel" ? u = `tel:${o}` : typeof r.href == "string" && (u = i[r.href] || o));
-  const p = document.createElement("a");
-  p.href = u, p.textContent = o, p.classList.add("text-primary-600", "hover:text-primary-900", "hover:underline"), r.target && (p.target = r.target), r.rel && (p.rel = r.rel), p.addEventListener("click", (f) => {
-    f.stopPropagation();
-  }), t.appendChild(p);
-}, Se = {
+  }
+  const p = document.createElement("span");
+  p.textContent = d, t.appendChild(p);
+}, mo = (e) => (s, t, o, l, n, a, c) => {
+  if (t.innerHTML = "", t.classList.add("spark-table-cell-link"), !a)
+    return;
+  const r = c.rendererConfig || {}, i = s.getSourceDataAtRow(s.toPhysicalRow(o));
+  let u = a;
+  r.href && (typeof r.href == "function" ? u = r.href(i) : r.href === "email" ? u = `mailto:${a}` : r.href === "tel" ? u = `tel:${a}` : typeof r.href == "string" && (u = i[r.href] || a));
+  const d = document.createElement("a");
+  d.href = u, d.textContent = a, d.classList.add("text-primary-600", "hover:text-primary-900", "hover:underline"), r.target && (d.target = r.target), r.rel && (d.rel = r.rel), d.addEventListener("click", (p) => {
+    p.stopPropagation();
+  }), t.appendChild(d);
+}, Te = {
   sm: "h-6 w-6",
   md: "h-8 w-8",
   lg: "h-12 w-12"
-}, ia = (e) => (s, t, a, l, n, o, c) => {
-  if (t.innerHTML = "", t.classList.add("spark-table-cell-image"), !o)
+}, ho = (e) => (s, t, o, l, n, a, c) => {
+  if (t.innerHTML = "", t.classList.add("spark-table-cell-image"), !a)
     return;
-  const r = c.rendererConfig || {}, i = s.getSourceDataAtRow(s.toPhysicalRow(a)), u = r.size || "md", p = Se[u] || Se.md, f = r.rounded !== !1;
+  const r = c.rendererConfig || {}, i = s.getSourceDataAtRow(s.toPhysicalRow(o)), u = r.size || "md", d = Te[u] || Te.md, p = r.rounded !== !1;
   let y = r.alt || "";
   typeof r.alt == "string" && i[r.alt] && (y = i[r.alt]);
   const k = document.createElement("img");
-  k.src = o, k.alt = y, k.classList.add(...p.split(" "), "object-cover"), f ? k.classList.add("rounded-full") : k.classList.add("rounded"), t.appendChild(k);
-}, ca = (e) => (s, t, a, l, n, o, c) => {
-  if (t.innerHTML = "", t.classList.add("spark-table-cell-date"), !o)
+  k.src = a, k.alt = y, k.classList.add(...d.split(" "), "object-cover"), p ? k.classList.add("rounded-full") : k.classList.add("rounded"), t.appendChild(k);
+}, go = (e) => (s, t, o, l, n, a, c) => {
+  if (t.innerHTML = "", t.classList.add("spark-table-cell-date"), !a)
     return;
   const r = c.rendererConfig || {}, i = r.format || "short", u = r.locale || "en-US";
-  let p = o;
+  let d = a;
   try {
-    const y = new Date(o);
-    isNaN(y.getTime()) ? p = o : typeof i == "function" ? p = i(y) : i === "short" ? p = y.toLocaleDateString(u) : i === "long" ? p = y.toLocaleDateString(u, {
+    const y = new Date(a);
+    isNaN(y.getTime()) ? d = a : typeof i == "function" ? d = i(y) : i === "short" ? d = y.toLocaleDateString(u) : i === "long" ? d = y.toLocaleDateString(u, {
       year: "numeric",
       month: "long",
       day: "numeric"
-    }) : i === "relative" ? p = ua(y) : i === "datetime" ? p = y.toLocaleString(u) : p = y.toLocaleDateString(u);
+    }) : i === "relative" ? d = yo(y) : i === "datetime" ? d = y.toLocaleString(u) : d = y.toLocaleDateString(u);
   } catch (y) {
-    console.error("Error formatting date:", y), p = o;
+    console.error("Error formatting date:", y), d = a;
   }
-  const f = document.createElement("span");
-  f.textContent = p, t.appendChild(f);
+  const p = document.createElement("span");
+  p.textContent = d, t.appendChild(p);
 };
-function ua(e) {
-  const t = /* @__PURE__ */ new Date() - e, a = Math.floor(Math.abs(t) / 1e3), l = Math.floor(a / 60), n = Math.floor(l / 60), o = Math.floor(n / 24), c = Math.floor(o / 30), r = Math.floor(o / 365), i = t > 0;
-  return a < 60 ? i ? "just now" : "in a moment" : l < 60 ? i ? `${l} minute${l > 1 ? "s" : ""} ago` : `in ${l} minute${l > 1 ? "s" : ""}` : n < 24 ? i ? `${n} hour${n > 1 ? "s" : ""} ago` : `in ${n} hour${n > 1 ? "s" : ""}` : o < 30 ? i ? `${o} day${o > 1 ? "s" : ""} ago` : `in ${o} day${o > 1 ? "s" : ""}` : c < 12 ? i ? `${c} month${c > 1 ? "s" : ""} ago` : `in ${c} month${c > 1 ? "s" : ""}` : i ? `${r} year${r > 1 ? "s" : ""} ago` : `in ${r} year${r > 1 ? "s" : ""}`;
+function yo(e) {
+  const t = /* @__PURE__ */ new Date() - e, o = Math.floor(Math.abs(t) / 1e3), l = Math.floor(o / 60), n = Math.floor(l / 60), a = Math.floor(n / 24), c = Math.floor(a / 30), r = Math.floor(a / 365), i = t > 0;
+  return o < 60 ? i ? "just now" : "in a moment" : l < 60 ? i ? `${l} minute${l > 1 ? "s" : ""} ago` : `in ${l} minute${l > 1 ? "s" : ""}` : n < 24 ? i ? `${n} hour${n > 1 ? "s" : ""} ago` : `in ${n} hour${n > 1 ? "s" : ""}` : a < 30 ? i ? `${a} day${a > 1 ? "s" : ""} ago` : `in ${a} day${a > 1 ? "s" : ""}` : c < 12 ? i ? `${c} month${c > 1 ? "s" : ""} ago` : `in ${c} month${c > 1 ? "s" : ""}` : i ? `${r} year${r > 1 ? "s" : ""} ago` : `in ${r} year${r > 1 ? "s" : ""}`;
 }
-const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
-  Nt(e, (t, a, l, n, o, c, r) => {
-    qt.apply(null, [t, a, l, n, o, c, r]), s(t, a, l, n, o, c, r);
-  }), da.set(e, s);
-}, pa = (e) => {
-  Y("spark.actions", aa(e)), Y("spark.badge", oa()), Y("spark.boolean", na()), Y("spark.link", la()), Y("spark.image", ia()), Y("spark.date", ca()), Y("style.capitalize", (s, t, a, l, n, o) => {
-    if (!o || o.length === 0) {
+const vo = (e) => {
+  const s = ["th", "st", "nd", "rd"], t = e % 100;
+  return e + (s[(t - 20) % 10] || s[t] || s[0]);
+}, j = (e, s = 2) => String(e).padStart(s, "0"), ge = /* @__PURE__ */ new Map(), bo = (e, s) => {
+  const t = `${e}:${JSON.stringify(s)}`;
+  return ge.has(t) || ge.set(t, new Intl.DateTimeFormat(e, s)), ge.get(t);
+}, ie = (e, s, t, o) => {
+  const a = bo(s, t).formatToParts(e).find((c) => c.type === o);
+  return a ? a.value : "";
+}, xo = (e) => e.epochMilliseconds !== void 0 ? new Date(e.epochMilliseconds) : new Date(
+  e.year,
+  e.month - 1,
+  e.day,
+  e.hour || 0,
+  e.minute || 0,
+  e.second || 0,
+  e.millisecond || 0
+), ko = (e) => {
+  const s = e.hour || 0, t = s % 12 || 12, o = s >= 12;
+  return {
+    year: e.year,
+    month: e.month,
+    day: e.day,
+    hour24: s,
+    hour12: t,
+    hourFrom1: s === 0 ? 24 : s,
+    // k format (1-24)
+    minute: e.minute || 0,
+    second: e.second || 0,
+    millisecond: e.millisecond || 0,
+    dayOfWeek: e.dayOfWeek,
+    // 1=Monday, 7=Sunday in Temporal
+    isPM: o,
+    quarter: Math.ceil(e.month / 3)
+  };
+}, Le = (e, s = !0) => {
+  if (!e.offsetNanoseconds && e.offsetNanoseconds !== 0)
+    return "";
+  const t = Math.round(e.offsetNanoseconds / 6e10), o = t >= 0 ? "+" : "-", l = Math.abs(t), n = Math.floor(l / 60), a = l % 60;
+  return s ? `${o}${j(n)}:${j(a)}` : `${o}${j(n)}${j(a)}`;
+}, wo = (e, s) => {
+  const t = ko(e), o = xo(e), l = t.dayOfWeek === 7 ? 0 : t.dayOfWeek;
+  return [
+    // Year
+    ["YYYY", () => String(t.year)],
+    ["YY", () => String(t.year).slice(-2)],
+    // Month
+    ["MMMM", () => ie(o, s, { month: "long" }, "month")],
+    ["MMM", () => ie(o, s, { month: "short" }, "month")],
+    ["MM", () => j(t.month)],
+    ["M", () => String(t.month)],
+    // Day of month
+    ["DD", () => j(t.day)],
+    ["Do", () => vo(t.day)],
+    ["D", () => String(t.day)],
+    // Day of week
+    ["dddd", () => ie(o, s, { weekday: "long" }, "weekday")],
+    ["ddd", () => ie(o, s, { weekday: "short" }, "weekday")],
+    ["dd", () => ie(o, s, { weekday: "short" }, "weekday").slice(0, 2)],
+    ["d", () => String(l)],
+    // Hour
+    ["HH", () => j(t.hour24)],
+    ["H", () => String(t.hour24)],
+    ["hh", () => j(t.hour12)],
+    ["h", () => String(t.hour12)],
+    ["kk", () => j(t.hourFrom1)],
+    ["k", () => String(t.hourFrom1)],
+    // Minute
+    ["mm", () => j(t.minute)],
+    ["m", () => String(t.minute)],
+    // Second
+    ["ss", () => j(t.second)],
+    ["s", () => String(t.second)],
+    // Millisecond
+    ["SSS", () => j(t.millisecond, 3)],
+    // AM/PM
+    ["A", () => t.isPM ? "PM" : "AM"],
+    ["a", () => t.isPM ? "pm" : "am"],
+    // Timezone offset
+    ["ZZ", () => Le(e, !1)],
+    ["Z", () => Le(e, !0)],
+    // Quarter
+    ["Q", () => String(t.quarter)],
+    // Unix timestamp
+    ["x", () => String(e.epochMilliseconds ?? o.getTime())],
+    ["X", () => String(Math.floor((e.epochMilliseconds ?? o.getTime()) / 1e3))]
+  ];
+}, _o = (e, s, t = {}) => {
+  const { locale: o = "en-US" } = t;
+  if (!e)
+    return "";
+  let l = e;
+  if (typeof e == "string")
+    try {
+      if (e.includes("[") || e.includes("Z") || /[+-]\d{2}:\d{2}$/.test(e))
+        l = Temporal.ZonedDateTime.from(e);
+      else {
+        const r = e.replace(" ", "T");
+        l = Temporal.PlainDateTime.from(r);
+      }
+    } catch (r) {
+      return console.error("Failed to parse date string:", e, r), e;
+    }
+  const n = wo(l, o), a = n.map(([r]) => r).join("|"), c = new RegExp(`\\[([^\\]]+)\\]|(${a})`, "g");
+  return s.replace(c, (r, i, u) => {
+    if (i !== void 0)
+      return i;
+    const d = n.find(([p]) => p === u);
+    return d ? d[1]() : r;
+  });
+}, So = (e, s = {}) => {
+  const { fromTimezone: t, toTimezone: o } = s;
+  if (!e)
+    return null;
+  const l = e.replace(" ", "T");
+  return t && o ? Temporal.PlainDateTime.from(l).toZonedDateTime(t).withTimeZone(o) : t ? Temporal.PlainDateTime.from(l).toZonedDateTime(t) : Temporal.PlainDateTime.from(l);
+}, Co = (e) => (s, t, o, l, n, a, c) => {
+  t.innerHTML = "", t.classList.add("spark-table-cell-datetime");
+  const r = c.rendererConfig || {}, {
+    format: i = "DD MMM YYYY, HH:mm",
+    fromTimezone: u,
+    toTimezone: d,
+    locale: p = "en-US",
+    emptyText: y = ""
+  } = r;
+  if (!a) {
+    t.textContent = y;
+    return;
+  }
+  try {
+    const k = So(a, { fromTimezone: u, toTimezone: d });
+    if (!k) {
+      t.textContent = y;
+      return;
+    }
+    const h = _o(k, i, { locale: p }), x = document.createElement("span");
+    x.textContent = h, t.appendChild(x);
+  } catch (k) {
+    console.error("Error formatting datetime:", k, { value: a, format: i }), t.textContent = a;
+  }
+}, $o = /* @__PURE__ */ new Map(), U = (e, s) => {
+  Kt(e, (t, o, l, n, a, c, r) => {
+    Gt.apply(null, [t, o, l, n, a, c, r]), s(t, o, l, n, a, c, r);
+  }), $o.set(e, s);
+}, To = (e) => {
+  U("spark.actions", lo(e)), U("spark.badge", io()), U("spark.boolean", uo()), U("spark.currency", fo()), U("spark.link", mo()), U("spark.image", ho()), U("spark.date", go()), U("spark.datetime", Co()), U("style.capitalize", (s, t, o, l, n, a) => {
+    if (!a || a.length === 0) {
       t.innerText = "";
       return;
     }
     const c = document.createElement("span");
-    c.innerHTML = o, c.classList.add("capitalize"), t.replaceChildren(c);
+    c.innerHTML = a, c.classList.add("capitalize"), t.replaceChildren(c);
   });
-}, fa = () => {
-}, ma = (e, s = {}) => {
-  const t = W(), a = re(), l = s.namespace, n = l === null, o = s.syncToRoute !== !1, c = s.persistToStorage === !0, r = s.restoreOnMount !== !1, i = s.storageTTL || 7, u = n ? `spark-table:${a.path}` : `spark-table:${l}`, p = (b, T = "") => {
-    const V = {};
-    return Object.keys(b).forEach((N) => {
-      const Q = b[N], ye = T ? `${T}[${N}]` : N;
-      Q != null && (typeof Q == "object" && !Array.isArray(Q) ? Object.assign(V, p(Q, ye)) : V[ye] = String(Q));
-    }), V;
-  }, f = () => {
+}, Lo = () => {
+}, Po = (e, s = {}) => {
+  const t = J(), o = ne(), l = s.namespace, n = l === null, a = s.syncToRoute !== !1, c = s.persistToStorage === !0, r = s.restoreOnMount !== !1, i = s.storageTTL || 7, u = n ? `spark-table:${o.path}` : `spark-table:${l}`, d = (v, $ = "") => {
+    const M = {};
+    return Object.keys(v).forEach((D) => {
+      const W = v[D], xe = $ ? `${$}[${D}]` : D;
+      W != null && (typeof W == "object" && !Array.isArray(W) ? Object.assign(M, d(W, xe)) : M[xe] = String(W));
+    }), M;
+  }, p = () => {
     if (c)
       try {
-        const b = {
+        const v = {
           params: e.params,
           timestamp: Date.now()
         };
-        localStorage.setItem(u, JSON.stringify(b));
-      } catch (b) {
-        console.warn("Failed to save table state to localStorage:", b);
+        localStorage.setItem(u, JSON.stringify(v));
+      } catch (v) {
+        console.warn("Failed to save table state to localStorage:", v);
       }
   }, y = () => {
     if (!c) return null;
     try {
-      const b = localStorage.getItem(u);
-      if (!b) return null;
-      const T = JSON.parse(b);
+      const v = localStorage.getItem(u);
+      if (!v) return null;
+      const $ = JSON.parse(v);
       if (i > 0) {
-        const V = Date.now() - T.timestamp, N = i * 24 * 60 * 60 * 1e3;
-        if (V > N)
+        const M = Date.now() - $.timestamp, D = i * 24 * 60 * 60 * 1e3;
+        if (M > D)
           return localStorage.removeItem(u), null;
       }
-      return T.params;
-    } catch (b) {
-      return console.warn("Failed to load table state from localStorage:", b), null;
+      return $.params;
+    } catch (v) {
+      return console.warn("Failed to load table state from localStorage:", v), null;
     }
   }, k = () => {
     try {
       localStorage.removeItem(u);
-    } catch (b) {
-      console.warn("Failed to clear table state from localStorage:", b);
+    } catch (v) {
+      console.warn("Failed to clear table state from localStorage:", v);
     }
   }, h = () => {
-    if (!o) return;
-    const b = { ...a.query };
+    if (!a) return;
+    const v = { ...o.query };
     if (n) {
-      Object.keys(b).forEach((V) => {
-        _(V) && delete b[V];
+      Object.keys(v).forEach((M) => {
+        x(M) && delete v[M];
       });
-      const T = p(e.params);
-      Object.assign(b, T);
+      const $ = d(e.params);
+      Object.assign(v, $);
     } else {
-      Object.keys(b).forEach((V) => {
-        (V.startsWith(`${l}[`) || V === l) && delete b[V];
+      Object.keys(v).forEach((M) => {
+        (M.startsWith(`${l}[`) || M === l) && delete v[M];
       });
-      const T = p(e.params, l);
-      Object.assign(b, T);
+      const $ = d(e.params, l);
+      Object.assign(v, $);
     }
-    t.replace({ query: b });
-  }, _ = (b) => !!(["page", "limit", "search", "orderBy", "sortedBy"].includes(b) || b.includes("[")), H = (b, T) => {
-    if (["page", "limit"].includes(b) && T !== null && T !== void 0) {
-      const N = parseInt(T, 10);
-      return isNaN(N) ? T : N;
+    t.replace({ query: v });
+  }, x = (v) => !!(["page", "limit", "search", "orderBy", "sortedBy"].includes(v) || v.includes("[")), P = (v, $) => {
+    if (["page", "limit"].includes(v) && $ !== null && $ !== void 0) {
+      const D = parseInt($, 10);
+      return isNaN(D) ? $ : D;
     }
-    return T;
-  }, w = () => {
+    return $;
+  }, _ = () => {
     if (n)
-      Object.keys(a.query).forEach((b) => {
-        _(b) && (e.params[b] = H(b, a.query[b]));
+      Object.keys(o.query).forEach((v) => {
+        x(v) && (e.params[v] = P(v, o.query[v]));
       });
     else {
-      const b = `${l}[`;
-      Object.keys(a.query).forEach((T) => {
-        if (T.startsWith(b)) {
-          const V = T.slice(b.length, -1);
-          e.params[V] = H(V, a.query[T]);
+      const v = `${l}[`;
+      Object.keys(o.query).forEach(($) => {
+        if ($.startsWith(v)) {
+          const M = $.slice(v.length, -1);
+          e.params[M] = P(M, o.query[$]);
         }
       });
     }
   };
-  return j(
+  return N(
     () => e.params,
     () => {
-      o && h(), c && f();
+      a && h(), c && p();
     },
     { deep: !0 }
-  ), r && ge(() => {
-    let b = !1;
-    if (o) {
-      let T = !1;
+  ), r && be(() => {
+    let v = !1;
+    if (a) {
+      let $ = !1;
       if (n)
-        T = Object.keys(a.query).some((V) => _(V));
+        $ = Object.keys(o.query).some((M) => x(M));
       else {
-        const V = `${l}[`;
-        T = Object.keys(a.query).some(
-          (N) => N.startsWith(V)
+        const M = `${l}[`;
+        $ = Object.keys(o.query).some(
+          (D) => D.startsWith(M)
         );
       }
-      T && (b = !0, w());
+      $ && (v = !0, _());
     }
-    if (!b && c) {
-      const T = y();
-      T && Object.keys(T).length > 0 && (Object.keys(T).forEach((V) => {
-        T[V] = H(V, T[V]);
-      }), Object.assign(e.params, T));
+    if (!v && c) {
+      const $ = y();
+      $ && Object.keys($).length > 0 && (Object.keys($).forEach((M) => {
+        $[M] = P(M, $[M]);
+      }), Object.assign(e.params, $));
     }
   }), {
     syncToRoute: h,
-    restoreFromRoute: w,
-    saveToStorage: f,
+    restoreFromRoute: _,
+    saveToStorage: p,
     loadFromStorage: y,
     clearStorage: k
   };
-}, ha = { class: "flex items-center gap-4 py-3" }, ga = { class: "shrink-0" }, ya = { class: "text-sm text-gray-700" }, va = { class: "font-medium" }, ba = { class: "font-medium" }, xa = { class: "font-medium" }, ka = {
+}, Mo = { class: "flex items-center gap-4 py-3" }, Ho = { class: "shrink-0" }, Vo = { class: "text-sm text-gray-700" }, Ro = { class: "font-medium" }, Bo = { class: "font-medium" }, Eo = { class: "font-medium" }, Ao = {
   __name: "SparkTablePaginationDetails",
   props: {
     sparkTable: {
@@ -1775,29 +1939,29 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
   },
   setup(e) {
     const s = e;
-    return (t, a) => (m(), g("div", null, [
-      d("div", ha, [
-        d("div", ga, [
-          d("div", ya, [
-            a[0] || (a[0] = B(" Showing ", -1)),
-            d("span", va, L(s.sparkTable.response.meta.from), 1),
-            a[1] || (a[1] = B(" to ", -1)),
-            d("span", ba, L(s.sparkTable.response.meta.to), 1),
-            a[2] || (a[2] = B(" of ", -1)),
-            d("span", xa, L(s.sparkTable.response.meta.total), 1),
-            a[3] || (a[3] = B(" results ", -1))
+    return (t, o) => (m(), g("div", null, [
+      f("div", Mo, [
+        f("div", Ho, [
+          f("div", Vo, [
+            o[0] || (o[0] = B(" Showing ", -1)),
+            f("span", Ro, L(s.sparkTable.response.meta.from), 1),
+            o[1] || (o[1] = B(" to ", -1)),
+            f("span", Bo, L(s.sparkTable.response.meta.to), 1),
+            o[2] || (o[2] = B(" of ", -1)),
+            f("span", Eo, L(s.sparkTable.response.meta.total), 1),
+            o[3] || (o[3] = B(" results ", -1))
           ])
         ])
       ])
     ]));
   }
-}, _a = { class: "flex items-center gap-4 px-4 py-3" }, wa = {
+}, Fo = { class: "flex items-center gap-4 px-4 py-3" }, Oo = {
   key: 0,
   class: "shrink-0 ml-auto"
-}, Sa = {
+}, zo = {
   class: "isolate inline-flex -space-x-px rounded-md shadow-xs bg-white",
   "aria-label": "Pagination"
-}, Ca = ["onClick"], $a = {
+}, Do = ["onClick"], jo = {
   __name: "SparkTablePaginationPaging",
   props: {
     sparkTable: {
@@ -1807,67 +1971,67 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
   },
   emits: ["paginate"],
   setup(e, { emit: s }) {
-    const t = e, a = s, l = (u) => {
+    const t = e, o = s, l = (u) => {
       n(t.sparkTable.params.page + u);
     }, n = (u) => {
-      u < 1 || u > t.sparkTable.response.meta.last_page || a("paginate", {
+      u < 1 || u > t.sparkTable.response.meta.last_page || o("paginate", {
         page: u
       });
-    }, o = S(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), c = S(() => t.sparkTable.computed.ready ? Bt(
-      Math.floor((o.value - 1) / 10) * 10 + 1,
-      o.value > t.sparkTable.response.meta.last_page ? t.sparkTable.response.meta.last_page + 1 : o.value + 1
+    }, a = S(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), c = S(() => t.sparkTable.computed.ready ? Ot(
+      Math.floor((a.value - 1) / 10) * 10 + 1,
+      a.value > t.sparkTable.response.meta.last_page ? t.sparkTable.response.meta.last_page + 1 : a.value + 1
     ) : []), r = S(
-      () => t.sparkTable.params.page < U(t.sparkTable.response.meta, "last_page", 1)
+      () => t.sparkTable.params.page < Y(t.sparkTable.response.meta, "last_page", 1)
     ), i = S(() => t.sparkTable.params.page > 1);
-    return (u, p) => {
-      const f = A("font-awesome-icon");
+    return (u, d) => {
+      const p = A("font-awesome-icon");
       return m(), g("div", null, [
-        d("div", _a, [
-          c.value.length > 1 ? (m(), g("div", wa, [
-            d("div", null, [
-              d("nav", Sa, [
-                d("a", {
-                  class: P([i.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"]),
+        f("div", Fo, [
+          c.value.length > 1 ? (m(), g("div", Oo, [
+            f("div", null, [
+              f("nav", zo, [
+                f("a", {
+                  class: H([i.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: p[0] || (p[0] = X((y) => l(-1), ["prevent"]))
+                  onClick: d[0] || (d[0] = Q((y) => l(-1), ["prevent"]))
                 }, [
-                  v(f, {
-                    icon: x(F).farChevronLeft,
+                  b(p, {
+                    icon: w(F).farChevronLeft,
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ], 2),
                 (m(!0), g(R, null, z(c.value, (y) => (m(), g("a", {
                   key: `page-${y}`,
                   href: "#",
-                  class: P([
+                  class: H([
                     "relative inline-flex items-center px-4 py-[9px] text-sm font-semibold ring-1 ring-inset",
                     e.sparkTable.params.page === y ? "z-10 text-white bg-primary-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 hover:bg-primary-600" : "text-gray-900 hover:bg-gray-50 ring-gray-300 focus:z-20 focus:outline-offset-0"
                   ]),
                   onClick: (k) => n(y)
-                }, L(y), 11, Ca))), 128)),
-                d("a", {
-                  class: P([r.value ? "" : "disabled", "relative inline-flex items-center rounded-r-md px-2 py-[9px] text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-20 focus:outline-offset-0"]),
-                  onClick: p[1] || (p[1] = X((y) => l(1), ["prevent"])),
+                }, L(y), 11, Do))), 128)),
+                f("a", {
+                  class: H([r.value ? "" : "disabled", "relative inline-flex items-center rounded-r-md px-2 py-[9px] text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-20 focus:outline-offset-0"]),
+                  onClick: d[1] || (d[1] = Q((y) => l(1), ["prevent"])),
                   href: "#"
                 }, [
-                  v(f, {
-                    icon: x(F).farChevronRight,
+                  b(p, {
+                    icon: w(F).farChevronRight,
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ], 2)
               ])
             ])
-          ])) : $("", !0)
+          ])) : T("", !0)
         ])
       ]);
     };
   }
-}, J = (e, s) => {
+}, ee = (e, s) => {
   const t = e.__vccOpts || e;
-  for (const [a, l] of s)
-    t[a] = l;
+  for (const [o, l] of s)
+    t[o] = l;
   return t;
-}, Ta = { class: "spark-table-pagination-per-page" }, La = {
+}, No = { class: "spark-table-pagination-per-page" }, Io = {
   __name: "SparkTablePaginationPerPage",
   props: {
     sparkTable: {
@@ -1877,19 +2041,19 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
   },
   emits: ["paginate"],
   setup(e, { emit: s }) {
-    const t = e, a = s, l = S(() => t.sparkTable.options.perPages.map((o) => ({
-      label: String(o),
-      value: o
-    }))), n = (o) => {
-      a("paginate", {
+    const t = e, o = s, l = S(() => t.sparkTable.options.perPages.map((a) => ({
+      label: String(a),
+      value: a
+    }))), n = (a) => {
+      o("paginate", {
         page: 1,
-        limit: parseInt(o)
+        limit: parseInt(a)
       });
     };
-    return (o, c) => {
+    return (a, c) => {
       const r = A("FormKit");
-      return m(), g("div", Ta, [
-        v(r, {
+      return m(), g("div", No, [
+        b(r, {
           "model-value": e.sparkTable.params.limit,
           type: "select",
           options: l.value,
@@ -1901,7 +2065,7 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
       ]);
     };
   }
-}, Pa = /* @__PURE__ */ J(La, [["__scopeId", "data-v-9ef8544b"]]), Ce = {
+}, Zo = /* @__PURE__ */ ee(Io, [["__scopeId", "data-v-9ef8544b"]]), Pe = {
   __name: "SparkTableToolbar",
   props: {
     position: {
@@ -1911,18 +2075,18 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = He(), a = S(() => !!t.default), l = S(() => {
+    const s = e, t = Be(), o = S(() => !!t.default), l = S(() => {
       const n = "spark-table-toolbar flex flex-wrap items-center gap-x-5 w-full";
       return s.position === "footer" ? `${n} spark-table-toolbar-footer justify-between` : `${n} spark-table-toolbar-header gap-y-5 py-5`;
     });
-    return (n, o) => a.value ? (m(), g("div", {
+    return (n, a) => o.value ? (m(), g("div", {
       key: 0,
-      class: P(l.value)
+      class: H(l.value)
     }, [
       O(n.$slots, "default")
-    ], 2)) : $("", !0);
+    ], 2)) : T("", !0);
   }
-}, Ha = { class: "spark-table-search" }, Va = {
+}, qo = { class: "spark-table-search" }, Uo = {
   __name: "SparkTableSearch",
   props: {
     /** SparkTable instance object */
@@ -1941,33 +2105,33 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = E(""), a = s.config.param || "search";
-    s.sparkTable.params[a] ? t.value = s.sparkTable.params[a] : s.config.initialValue && (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
-      [a]: s.config.initialValue
+    const s = e, t = E(""), o = s.config.param || "search";
+    s.sparkTable.params[o] ? t.value = s.sparkTable.params[o] : s.config.initialValue && (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
+      [o]: s.config.initialValue
     }));
-    const l = Ee((o) => {
-      o ? s.sparkTable.methods.applyParams({
+    const l = ze((a) => {
+      a ? s.sparkTable.methods.applyParams({
         page: 1,
-        [a]: o
-      }) : s.sparkTable.methods.removeParam(a);
+        [o]: a
+      }) : s.sparkTable.methods.removeParam(o);
     }, s.config.debounce || 300);
-    j(t, (o) => {
-      l(o);
+    N(t, (a) => {
+      l(a);
     });
     const n = s.config.placeholder || "Search...";
-    return j(
-      () => s.sparkTable.params[a],
-      (o) => {
-        o && o !== t.value ? t.value = o : !o && t.value && (t.value = "");
+    return N(
+      () => s.sparkTable.params[o],
+      (a) => {
+        a && a !== t.value ? t.value = a : !a && t.value && (t.value = "");
       }
-    ), (o, c) => {
+    ), (a, c) => {
       const r = A("FormKit");
-      return m(), g("div", Ha, [
-        v(r, D({
+      return m(), g("div", qo, [
+        b(r, Z({
           modelValue: t.value,
           "onUpdate:modelValue": c[0] || (c[0] = (i) => t.value = i),
           type: "text",
-          placeholder: x(n),
+          placeholder: w(n),
           suffixIcon: "search",
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0",
@@ -1976,7 +2140,7 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
       ]);
     };
   }
-}, Ma = /* @__PURE__ */ J(Va, [["__scopeId", "data-v-976170dc"]]), Ra = { class: "spark-table-filter-select" }, Ba = {
+}, Ko = /* @__PURE__ */ ee(Uo, [["__scopeId", "data-v-976170dc"]]), Go = { class: "spark-table-filter-select" }, Wo = {
   __name: "SparkTableFilterSelect",
   props: {
     /** SparkTable instance object */
@@ -1992,32 +2156,32 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = E(""), a = s.config.param || `filter[${s.config.key}]`;
-    s.sparkTable.params[a] ? t.value = s.sparkTable.params[a] : s.config.initialValue !== void 0 && s.config.initialValue !== null && (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
-      [a]: s.config.initialValue
+    const s = e, t = E(""), o = s.config.param || `filter[${s.config.key}]`;
+    s.sparkTable.params[o] ? t.value = s.sparkTable.params[o] : s.config.initialValue !== void 0 && s.config.initialValue !== null && (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
+      [o]: s.config.initialValue
     }));
     const l = s.config.label || null, n = S(() => [
       { label: s.config.placeholder || "All", value: "" },
       ...s.config.options
     ]);
-    return j(t, (o) => {
-      o ? s.sparkTable.methods.applyParams({
+    return N(t, (a) => {
+      a ? s.sparkTable.methods.applyParams({
         page: 1,
-        [a]: o
-      }) : s.sparkTable.methods.removeParam(a);
-    }), j(
-      () => s.sparkTable.params[a],
-      (o) => {
-        o != null && o !== "" ? t.value !== o && (t.value = o) : t.value && (t.value = "");
+        [o]: a
+      }) : s.sparkTable.methods.removeParam(o);
+    }), N(
+      () => s.sparkTable.params[o],
+      (a) => {
+        a != null && a !== "" ? t.value !== a && (t.value = a) : t.value && (t.value = "");
       }
-    ), (o, c) => {
+    ), (a, c) => {
       const r = A("FormKit");
-      return m(), g("div", Ra, [
-        v(r, D({
+      return m(), g("div", Go, [
+        b(r, Z({
           modelValue: t.value,
           "onUpdate:modelValue": c[0] || (c[0] = (i) => t.value = i),
           type: "select",
-          label: x(l),
+          label: w(l),
           options: n.value,
           placeholder: e.config.placeholder || "All",
           "outer-class": "!mb-0",
@@ -2026,10 +2190,10 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
       ]);
     };
   }
-}, Ea = /* @__PURE__ */ J(Ba, [["__scopeId", "data-v-642dbc69"]]), Aa = { class: "spark-table-filter-buttons" }, Fa = {
+}, Yo = /* @__PURE__ */ ee(Wo, [["__scopeId", "data-v-642dbc69"]]), Xo = { class: "spark-table-filter-buttons" }, Jo = {
   key: 0,
   class: "spark-table-filter-buttons-label"
-}, Oa = {
+}, Qo = {
   __name: "SparkTableFilterButtons",
   props: {
     /** SparkTable instance object */
@@ -2045,30 +2209,30 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = E(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`;
+    const s = e, t = E(null), o = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`;
     s.sparkTable.params[l] !== void 0 ? t.value = s.sparkTable.params[l] : s.config.initialValue !== void 0 && (t.value = s.config.initialValue, s.config.initialValue !== null && s.sparkTable.methods.applyParams({
       [l]: s.config.initialValue
     }));
-    const n = (c) => c == null ? t.value === null || t.value === void 0 || t.value === "" : t.value === c, o = (c) => {
+    const n = (c) => c == null ? t.value === null || t.value === void 0 || t.value === "" : t.value === c, a = (c) => {
       t.value = c, c == null || c === "" ? s.sparkTable.methods.removeParam(l) : s.sparkTable.methods.applyParams({
         page: 1,
         [l]: c
       });
     };
-    return j(
+    return N(
       () => s.sparkTable.params[l],
       (c) => {
         (c == null || c === "") && t.value ? t.value = null : c !== t.value && (t.value = c);
       }
-    ), (c, r) => (m(), g("div", Aa, [
-      x(a) ? (m(), g("span", Fa, L(x(a)), 1)) : $("", !0),
-      v(zs, { class: "isolate" }, {
+    ), (c, r) => (m(), g("div", Xo, [
+      w(o) ? (m(), g("span", Jo, L(w(o)), 1)) : T("", !0),
+      b(Is, { class: "isolate" }, {
         default: C(() => [
-          (m(!0), g(R, null, z(e.config.options, (i) => (m(), M(K, {
+          (m(!0), g(R, null, z(e.config.options, (i) => (m(), V(G, {
             key: i.value,
             size: "xl",
             variant: n(i.value) ? "primary" : "secondary",
-            onClick: (u) => o(i.value)
+            onClick: (u) => a(i.value)
           }, {
             default: C(() => [
               B(L(i.label), 1)
@@ -2080,7 +2244,7 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
       })
     ]));
   }
-}, za = /* @__PURE__ */ J(Oa, [["__scopeId", "data-v-0fcd0cce"]]), ja = { class: "spark-table-date-picker" }, Ia = {
+}, ea = /* @__PURE__ */ ee(Qo, [["__scopeId", "data-v-0fcd0cce"]]), ta = { class: "spark-table-date-picker" }, sa = {
   __name: "SparkTableDatePicker",
   props: {
     /** SparkTable instance object */
@@ -2096,33 +2260,33 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = E(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`, n = E(`${l}-0`);
+    const s = e, t = E(null), o = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`, n = E(`${l}-0`);
     return s.sparkTable.params[l] ? t.value = s.sparkTable.params[l] : s.config.initialValue ? (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
       [l]: s.config.initialValue
-    })) : t.value = null, j(t, (o) => {
-      o ? s.sparkTable.methods.applyParams({
+    })) : t.value = null, N(t, (a) => {
+      a ? s.sparkTable.methods.applyParams({
         page: 1,
-        [l]: o
+        [l]: a
       }) : s.sparkTable.methods.removeParam(l);
-    }), j(
+    }), N(
       () => s.sparkTable.params[l],
-      (o) => {
-        if ((o == null || o === "") && t.value) {
+      (a) => {
+        if ((a == null || a === "") && t.value) {
           t.value = null;
           const c = parseInt(n.value.split("-").pop()) || 0;
           n.value = `${l}-${c + 1}`;
-        } else o && o !== t.value && (t.value = o);
+        } else a && a !== t.value && (t.value = a);
       }
-    ), (o, c) => {
+    ), (a, c) => {
       const r = A("FormKit");
-      return m(), g("div", ja, [
-        (m(), M(r, D({
+      return m(), g("div", ta, [
+        (m(), V(r, Z({
           key: n.value,
           modelValue: t.value,
           "onUpdate:modelValue": c[0] || (c[0] = (i) => t.value = i),
           type: "datepicker",
           "picker-only": "",
-          label: x(a),
+          label: w(o),
           placeholder: e.config.placeholder || "Select date",
           overlay: !0,
           "value-format": "YYYY-MM-DD",
@@ -2133,7 +2297,7 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
       ]);
     };
   }
-}, Da = /* @__PURE__ */ J(Ia, [["__scopeId", "data-v-44ef9cb8"]]), Na = { class: "spark-table-reset" }, qa = { key: 1 }, Za = {
+}, oa = /* @__PURE__ */ ee(sa, [["__scopeId", "data-v-44ef9cb8"]]), aa = { class: "spark-table-reset" }, ra = { key: 1 }, na = {
   __name: "SparkTableReset",
   props: {
     /** SparkTable instance object */
@@ -2149,57 +2313,57 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
   },
   setup(e) {
     const s = e, t = () => {
-      const a = s.sparkTable.plugins || {}, l = [], n = {};
-      Object.entries(a).forEach(([i, u]) => {
+      const o = s.sparkTable.plugins || {}, l = [], n = {};
+      Object.entries(o).forEach(([i, u]) => {
         if (!u || u.type === "reset" || !(typeof u.enabled == "function" ? u.enabled(s.sparkTable.params) : u.enabled))
           return;
-        let f = null;
-        u.type === "search" ? f = u.param || "search" : u.type === "filterSelect" || u.type === "filterButtons" ? f = u.param || `filter[${u.key}]` : u.type === "datePicker" && (f = u.param || `filter[${u.key}]`), f && (u.initialValue !== void 0 && u.initialValue !== null ? n[f] = u.initialValue : l.push(f));
+        let p = null;
+        u.type === "search" ? p = u.param || "search" : u.type === "filterSelect" || u.type === "filterButtons" ? p = u.param || `filter[${u.key}]` : u.type === "datePicker" && (p = u.param || `filter[${u.key}]`), p && (u.initialValue !== void 0 && u.initialValue !== null ? n[p] = u.initialValue : l.push(p));
       });
-      const o = l.filter(
+      const a = l.filter(
         (i) => s.sparkTable.params[i] !== void 0 && s.sparkTable.params[i] !== null && s.sparkTable.params[i] !== ""
       ), c = Object.entries(n).filter(
         ([i, u]) => s.sparkTable.params[i] !== u
       );
-      if (o.length === 0 && c.length === 0)
+      if (a.length === 0 && c.length === 0)
         return;
-      o.forEach((i) => {
+      a.forEach((i) => {
         delete s.sparkTable.params[i];
       });
       const r = Object.fromEntries(c);
       s.sparkTable.methods.applyParams({ ...r, page: 1 });
     };
-    return (a, l) => {
+    return (o, l) => {
       const n = A("font-awesome-icon");
-      return m(), g("div", Na, [
-        v(K, {
+      return m(), g("div", aa, [
+        b(G, {
           onClick: t,
           variant: "secondary",
           size: "xl"
         }, {
           default: C(() => [
-            e.config.icon ? (m(), M(n, {
+            e.config.icon ? (m(), V(n, {
               key: 0,
               icon: ["far", e.config.icon],
-              class: P({ "mr-1.5": e.config.label })
-            }, null, 8, ["icon", "class"])) : $("", !0),
-            e.config.label ? (m(), g("span", qa, L(e.config.label), 1)) : $("", !0)
+              class: H({ "mr-1.5": e.config.label })
+            }, null, 8, ["icon", "class"])) : T("", !0),
+            e.config.label ? (m(), g("span", ra, L(e.config.label), 1)) : T("", !0)
           ]),
           _: 1
         })
       ]);
     };
   }
-}, Ka = /* @__PURE__ */ J(Za, [["__scopeId", "data-v-45343158"]]), Ua = { class: "spark-table" }, Ga = {
+}, la = /* @__PURE__ */ ee(na, [["__scopeId", "data-v-45343158"]]), ia = { class: "spark-table" }, ca = {
   key: 1,
   class: "pt-5"
-}, Wa = { class: "flex items-center gap-x-3" }, he = {
+}, ua = { class: "flex items-center gap-x-3" }, ve = {
   perPages: [15, 30, 50, 100, 200, 500],
   limit: 15
-}, Ya = {
+}, da = {
   page: 1,
-  limit: he.limit
-}, $e = {
+  limit: ve.limit
+}, Me = {
   colHeaders: !0,
   filters: !1,
   stretchH: "all",
@@ -2209,7 +2373,7 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
   tableClassName: "spark-table-table",
   readOnlyCellClassName: "read-only",
   licenseKey: "non-commercial-and-evaluation"
-}, Xr = {
+}, pn = {
   __name: "SparkTable",
   props: {
     url: {
@@ -2221,7 +2385,7 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
     dataTransformer: {
       type: Function,
       default: (e, s) => ({
-        data: U(s.settings, "nestedHeaders") ? e.data.data.map((a) => (s.settings.columnKeys || []).map((n) => a[n])) : e.data.data,
+        data: Y(s.settings, "nestedHeaders") ? e.data.data.map((o) => (s.settings.columnKeys || []).map((n) => o[n])) : e.data.data,
         meta: {
           last_page: e.data.last_page,
           from: e.data.from,
@@ -2233,19 +2397,19 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
     params: {
       type: Object,
       default() {
-        return Ya;
+        return da;
       }
     },
     options: {
       type: Object,
       default() {
-        return he;
+        return ve;
       }
     },
     settings: {
       type: Object,
       default() {
-        return $e;
+        return Me;
       }
     },
     plugins: {
@@ -2273,117 +2437,134 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
     "page-change"
   ],
   setup(e, { expose: s, emit: t }) {
-    const a = e;
-    Dt(), ce(Ot), ce(zt), ce(jt), U(a, "settings.nestedHeaders") && ce(It);
-    const l = t, n = Le("axios"), o = E(null), c = E(!1), r = E(null);
+    const o = e;
+    Ut(), de(Nt), de(It), de(Zt), Y(o, "settings.nestedHeaders") && de(qt);
+    const l = t, n = Ve("axios"), a = E(null), c = E(!1), r = E(null);
     let i = !1;
     const u = {
-      search: Ma,
-      filterSelect: Ea,
-      filterButtons: za,
-      datePicker: Da,
-      reset: Ka
-    }, p = q({
+      search: Ko,
+      filterSelect: Yo,
+      filterButtons: ea,
+      datePicker: oa,
+      reset: la
+    }, d = q({
       hotInstance: null,
-      url: S(() => a.url),
-      plugins: a.plugins,
+      url: S(() => o.url),
+      plugins: o.plugins,
       response: {},
       params: {
         page: 1,
-        limit: a.options.limit
+        limit: o.options.limit
       },
       methods: {
         applyParams: (h) => {
-          h && (p.params = {
-            ...p.params,
+          h && (d.params = {
+            ...d.params,
             ...h
-          }, l("page-change", p.params));
+          }, l("page-change", d.params));
         },
         removeParam: async (h) => {
-          p.params[h] && (delete p.params[h], await p.methods.loadTable());
+          d.params[h] && (delete d.params[h], await d.methods.loadTable());
         },
         loadTable: async (h) => {
-          if (!(!o.value || !o.value.hotInstance)) {
-            c.value = !0, r.value = null, l("loading", !0), pe.start(), p.hotInstance = o.value.hotInstance;
+          if (!(!a.value || !a.value.hotInstance)) {
+            c.value = !0, r.value = null, l("loading", !0), me.start(), d.hotInstance = a.value.hotInstance;
             try {
-              if (a.dataProvider) {
-                const w = await a.dataProvider(p.computed.params);
-                p.response = a.dataTransformer(w, a);
-              } else if (a.url) {
-                const w = await n.get(a.url, {
-                  params: p.computed.params
+              if (o.dataProvider) {
+                const _ = await o.dataProvider(d.computed.params);
+                d.response = o.dataTransformer(_, o);
+              } else if (o.url) {
+                const _ = await n.get(o.url, {
+                  params: d.computed.params
                 });
-                p.response = a.dataTransformer(w, a);
+                d.response = o.dataTransformer(_, o);
               } else {
-                console.error("No data provider or URL provided"), c.value = !1, l("loading", !1), pe.done();
+                console.error("No data provider or URL provided"), c.value = !1, l("loading", !1), me.done();
                 return;
               }
               if (i) return;
-              p.hotInstance.updateData(p.response.data), p.options.callback && typeof p.options.callback == "function" && await p.options.callback();
-              const _ = p.hotInstance.getPlugin("autoColumnSize");
-              U(a.settings, "columns", []).forEach((w, b) => {
-                w.width || _.calculateColumnsWidth(b, b, !0);
+              d.hotInstance.updateData(d.response.data), d.options.callback && typeof d.options.callback == "function" && await d.options.callback();
+              const x = d.hotInstance.getPlugin("autoColumnSize");
+              Y(o.settings, "columns", []).forEach((_, v) => {
+                _.width || x.calculateColumnsWidth(v, v, !0);
               }), l("load", {
-                data: p.response.data,
-                meta: p.response.meta
+                data: d.response.data,
+                meta: d.response.meta
               }), h && typeof h == "function" && h();
-            } catch (_) {
-              r.value = _, l("error", _), console.error("Error loading table data:", _);
+            } catch (x) {
+              r.value = x, l("error", x), console.error("Error loading table data:", x);
             } finally {
-              c.value = !1, l("loading", !1), pe.done();
+              c.value = !1, l("loading", !1), me.done();
             }
           }
         },
         // can't use sparkTable.hotInstance here because the ref isn't ready
-        colToProp: (h) => o.value.hotInstance.colToProp(h),
-        fireEvent: (h, _) => {
-          l(h, _);
+        colToProp: (h) => a.value.hotInstance.colToProp(h),
+        fireEvent: (h, x) => {
+          l(h, x);
         },
-        getSettingsForProp: (h) => Et(U(p.tableSettings, "columns"), { data: h }),
+        getSettingsForProp: (h) => zt(Y(d.tableSettings, "columns"), { data: h }),
         // Helper methods for easier param access
-        getParams: () => p.computed.params,
-        getParam: (h) => p.computed.params[h],
-        setParam: (h, _) => {
-          p.methods.applyParams({ [h]: _ });
+        getParams: () => d.computed.params,
+        getParam: (h) => d.computed.params[h],
+        setParam: (h, x) => {
+          d.methods.applyParams({ [h]: x });
         },
-        clearParam: (h) => p.methods.removeParam(h),
+        clearParam: (h) => d.methods.removeParam(h),
         clearParams: (h) => {
-          (Array.isArray(h) ? h : [h]).forEach((H) => {
-            p.params[H] !== void 0 && delete p.params[H];
-          }), p.methods.applyParams({ page: 1 });
+          (Array.isArray(h) ? h : [h]).forEach((P) => {
+            d.params[P] !== void 0 && delete d.params[P];
+          }), d.methods.applyParams({ page: 1 });
         }
       },
       computed: {
         params: S(() => ({
-          ...a.params,
-          ...p.params
+          ...o.params,
+          ...d.params
         })),
-        ready: S(() => At(p, "response.meta.last_page"))
+        ready: S(() => Dt(d, "response.meta.last_page"))
       },
       options: S(() => ({
-        ...he,
-        ...a.options
+        ...ve,
+        ...o.options
       })),
       tableSettings: S(() => ({
-        ...$e,
-        nestedHeaders: U(a.settings, "nestedHeaders", []),
-        ...!U(a.settings, "nestedHeaders") && {
-          afterGetColHeader: (h, _) => ta(h, _, p)
+        ...Me,
+        nestedHeaders: Y(o.settings, "nestedHeaders", []),
+        ...!Y(o.settings, "nestedHeaders") && {
+          afterGetColHeader: (h, x) => ro(h, x, d)
         },
-        afterChange: (h, _) => fa(),
-        afterRender: () => sa(p),
+        afterChange: (h, x) => Lo(),
+        afterRender: () => no(d),
         /**
          * Prevent columns with explicit width from being stretched
          * This hook fires BEFORE stretchH is applied, allowing us to cap specific columns
          * while letting others stretch normally
          */
-        beforeStretchingColumnWidth: (h, _) => {
-          const w = U(a.settings, "columns", [])[_];
-          return w && w.width !== void 0 ? w.width : h;
+        beforeStretchingColumnWidth: (h, x) => {
+          const _ = Y(o.settings, "columns", [])[x];
+          return _ && _.width !== void 0 ? _.width : h;
         },
-        ...a.settings
+        /**
+         * Copy displayed cell content instead of raw data values
+         * This ensures custom renderers copy their visual output, not the underlying data
+         */
+        beforeCopy: (h, x) => {
+          const P = a.value?.hotInstance;
+          P && x.forEach((_) => {
+            for (let v = _.startRow; v <= _.endRow; v++)
+              for (let $ = _.startCol; $ <= _.endCol; $++) {
+                const M = P.getCell(v, $);
+                if (M) {
+                  const D = v - x[0].startRow, W = $ - x[0].startCol;
+                  h[D][W] = M.dataset.copyValue ?? M.textContent ?? "";
+                }
+              }
+          });
+        },
+        ...o.settings
       }))
-    }), f = (h) => {
+    }), p = (h) => {
       if (!h) return null;
       switch (h.type) {
         case "search":
@@ -2395,116 +2576,116 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
         default:
           return null;
       }
-    }, y = (h) => h ? typeof h.enabled == "function" ? h.enabled(p.params) : h.enabled : !1, k = S(() => Object.entries(a.plugins).filter(([h, _]) => y(_)).map(([h, _]) => ({ name: h, config: _ })));
-    if (j(
-      () => ({ ...p.params }),
+    }, y = (h) => h ? typeof h.enabled == "function" ? h.enabled(d.params) : h.enabled : !1, k = S(() => Object.entries(o.plugins).filter(([h, x]) => y(x)).map(([h, x]) => ({ name: h, config: x })));
+    if (N(
+      () => ({ ...d.params }),
       () => {
         const h = [];
-        Object.values(a.plugins).forEach((_) => {
-          const H = f(_);
-          if (!H) return;
-          const w = y(_), b = p.params[H] !== void 0;
-          !w && b && h.push(H);
-        }), h.length > 0 && h.forEach((_) => {
-          delete p.params[_];
+        Object.values(o.plugins).forEach((x) => {
+          const P = p(x);
+          if (!P) return;
+          const _ = y(x), v = d.params[P] !== void 0;
+          !_ && v && h.push(P);
+        }), h.length > 0 && h.forEach((x) => {
+          delete d.params[x];
         });
       },
       { deep: !0, flush: "sync" }
-    ), a.syncToRoute || a.persistToStorage) {
-      const h = typeof a.syncToRoute == "string";
-      ma(p, {
-        namespace: h ? a.syncToRoute : null,
-        syncToRoute: !!a.syncToRoute,
-        persistToStorage: a.persistToStorage
+    ), o.syncToRoute || o.persistToStorage) {
+      const h = typeof o.syncToRoute == "string";
+      Po(d, {
+        namespace: h ? o.syncToRoute : null,
+        syncToRoute: !!o.syncToRoute,
+        persistToStorage: o.persistToStorage
       });
     }
-    return be(
-      () => a.params,
+    return we(
+      () => o.params,
       async () => {
-        p.params.page = 1, await p.methods.loadTable();
+        d.params.page = 1, await d.methods.loadTable();
       },
       { debounce: 50, maxWait: 1e3 }
-    ), be(
-      () => p.params,
+    ), we(
+      () => d.params,
       async () => {
-        await p.methods.loadTable();
+        await d.methods.loadTable();
       },
       { debounce: 50, maxWait: 1e3 }
-    ), j(
-      () => a.url,
-      async (h, _) => {
-        h !== _ && (p.params.page = 1, await p.methods.loadTable());
+    ), N(
+      () => o.url,
+      async (h, x) => {
+        h !== x && (d.params.page = 1, await d.methods.loadTable());
       }
-    ), ge(async () => {
-      await p.methods.loadTable(), l("ready");
-    }), Ke(() => {
+    ), be(async () => {
+      await d.methods.loadTable(), l("ready");
+    }), Ye(() => {
       i = !0;
-    }), pa(p), s({
-      refresh: () => p.methods.loadTable(),
-      getParams: () => p.methods.getParams(),
-      getParam: (h) => p.methods.getParam(h),
-      setParam: (h, _) => p.methods.setParam(h, _),
-      clearParam: (h) => p.methods.clearParam(h),
-      clearParams: (h) => p.methods.clearParams(h),
-      applyParams: (h) => p.methods.applyParams(h),
+    }), To(d), s({
+      refresh: () => d.methods.loadTable(),
+      getParams: () => d.methods.getParams(),
+      getParam: (h) => d.methods.getParam(h),
+      setParam: (h, x) => d.methods.setParam(h, x),
+      clearParam: (h) => d.methods.clearParam(h),
+      clearParams: (h) => d.methods.clearParams(h),
+      applyParams: (h) => d.methods.applyParams(h),
       loading: c,
       error: r,
-      sparkTable: p,
-      table: o
-    }), (h, _) => (m(), g("div", Ua, [
-      p.computed.ready && k.value && k.value.length ? (m(), M(Ce, {
+      sparkTable: d,
+      table: a
+    }), (h, x) => (m(), g("div", ia, [
+      d.computed.ready && k.value && k.value.length ? (m(), V(Pe, {
         key: 0,
         position: "header"
       }, {
         default: C(() => [
-          (m(!0), g(R, null, z(k.value, (H) => (m(), M(I(u[H.config.type]), {
-            key: H.name,
-            class: P(H.config.align ? `self-${H.config.align}` : ""),
-            "spark-table": p,
-            config: H.config
+          (m(!0), g(R, null, z(k.value, (P) => (m(), V(I(u[P.config.type]), {
+            key: P.name,
+            class: H(P.config.align ? `self-${P.config.align}` : ""),
+            "spark-table": d,
+            config: P.config
           }, null, 8, ["class", "spark-table", "config"]))), 128)),
           O(h.$slots, "header", {
-            sparkTable: p,
+            sparkTable: d,
             loading: c.value,
             error: r.value
           })
         ]),
         _: 3
-      })) : (m(), g("div", Ga)),
-      v(x(Ft), {
+      })) : (m(), g("div", ca)),
+      b(w(jt), {
         "theme-name": "ht-theme-classic",
         ref_key: "table",
-        ref: o,
-        settings: p.tableSettings
+        ref: a,
+        settings: d.tableSettings
       }, null, 8, ["settings"]),
-      p.computed.ready ? (m(), M(Ce, {
+      d.computed.ready ? (m(), V(Pe, {
         key: 2,
         position: "footer"
       }, {
         default: C(() => [
-          v(ka, { "spark-table": p }, null, 8, ["spark-table"]),
-          d("div", Wa, [
-            v($a, {
-              "spark-table": p,
-              onPaginate: p.methods.applyParams
+          b(Ao, { "spark-table": d }, null, 8, ["spark-table"]),
+          f("div", ua, [
+            b(jo, {
+              "spark-table": d,
+              onPaginate: d.methods.applyParams
             }, null, 8, ["spark-table", "onPaginate"]),
-            v(Pa, {
-              "spark-table": p,
-              onPaginate: p.methods.applyParams
+            b(Zo, {
+              "spark-table": d,
+              onPaginate: d.methods.applyParams
             }, null, 8, ["spark-table", "onPaginate"]),
             O(h.$slots, "footer", {
-              sparkTable: p,
+              sparkTable: d,
               loading: c.value,
               error: r.value
             })
           ])
         ]),
         _: 3
-      })) : $("", !0)
+      })) : T("", !0)
     ]));
   }
 };
-function Te() {
+function He() {
   const e = q({
     isVisible: !1,
     content: null,
@@ -2515,41 +2696,41 @@ function Te() {
     e.isVisible = !e.isVisible;
   }, t = () => {
     e.isVisible = !1, e.content = null, e.props = {}, e.eventHandlers = {}, e.size = "md";
-  }, a = () => {
+  }, o = () => {
     e.isVisible = !0;
-  }, l = (o, c = {}, r = {}, i = {}) => {
-    e.content = de(o), e.props = c, e.eventHandlers = r, e.size = i.size || "md";
+  }, l = (a, c = {}, r = {}, i = {}) => {
+    e.content = fe(a), e.props = c, e.eventHandlers = r, e.size = i.size || "md";
   };
   return {
     state: e,
     toggle: s,
     close: t,
-    open: a,
+    open: o,
     setContent: l,
-    show: (o, c = {}, r = {}, i = {}) => {
-      o && l(o, c, r, i), a();
+    show: (a, c = {}, r = {}, i = {}) => {
+      a && l(a, c, r, i), o();
     }
   };
 }
-class Xa {
+class pa {
   constructor() {
-    this.left = Te(), this.right = Te();
+    this.left = He(), this.right = He();
   }
-  showLeft = (s, t = {}, a = {}, l = {}) => {
+  showLeft = (s, t = {}, o = {}, l = {}) => {
     const n = {
       close: () => {
-        a.close?.(), this.closeLeft();
+        o.close?.(), this.closeLeft();
       },
-      ...a
+      ...o
     };
     this.left.show(s, t, n, l);
   };
-  showRight = (s, t = {}, a = {}, l = {}) => {
+  showRight = (s, t = {}, o = {}, l = {}) => {
     const n = {
       close: () => {
-        a.close?.(), this.closeRight();
+        o.close?.(), this.closeRight();
       },
-      ...a
+      ...o
     };
     this.right.show(s, t, n, l);
   };
@@ -2563,22 +2744,22 @@ class Xa {
     this.left.close(), this.right.close();
   };
 }
-const ee = new Xa(), Ja = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Qa = { class: "flex flex-1 flex-col" }, eo = {
+const te = new pa(), fa = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, ma = { class: "flex flex-1 flex-col" }, ha = {
   class: "flex flex-1 flex-col gap-y-7",
   role: "list"
-}, to = { class: "flex flex-1 flex-col" }, so = {
+}, ga = { class: "flex flex-1 flex-col" }, ya = {
   role: "list",
   class: "flex flex-1 flex-col"
-}, ao = { class: "flex items-center pb-8" }, oo = ["href", "onClick"], ro = {
+}, va = { class: "flex items-center pb-8" }, ba = ["href", "onClick"], xa = {
   key: 2,
   class: "w-full flex justify-center"
-}, no = {
+}, ka = {
   key: 0,
   class: "mt-[5px] flex flex-col gap-[5px]"
-}, lo = ["href", "onClick"], io = {
+}, wa = ["href", "onClick"], _a = {
   key: 1,
   class: "text-[13px]"
-}, co = { class: "mt-auto" }, uo = { class: "p-[10px] flex-shrink-0" }, po = { class: "flex flex-1 items-center gap-x-6" }, fo = { class: "relative flex flex-1 items-center gap-4" }, mo = { class: "cursor-pointer" }, ho = ["src"], go = { class: "ml-auto" }, yo = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, Jr = {
+}, Sa = { class: "mt-auto" }, Ca = { class: "p-[10px] flex-shrink-0" }, $a = { class: "flex flex-1 items-center gap-x-6" }, Ta = { class: "relative flex flex-1 items-center gap-4" }, La = { class: "cursor-pointer" }, Pa = ["src"], Ma = { class: "ml-auto" }, Ha = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, fn = {
   __name: "SparkDefaultContainer",
   props: {
     appStore: {
@@ -2596,113 +2777,113 @@ const ee = new Xa(), Ja = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Qa =
   },
   emits: ["overlayClose"],
   setup(e, { emit: s }) {
-    const t = e, a = s, l = He(), n = re(), o = ze(), c = Ae(), r = S(() => c.getAppIcon(t.appStore.state.app)), i = S(() => n.meta.hideBrandSelector === !0 ? !1 : t.appStore.state.showBrandSelector), u = () => {
+    const t = e, o = s, l = Be(), n = ne(), a = Ie(), c = De(), r = S(() => c.getAppIcon(t.appStore.state.app)), i = S(() => n.meta.hideBrandSelector === !0 ? !1 : t.appStore.state.showBrandSelector), u = () => {
       const k = {};
-      l["app-selector-bottom"] ? k.bottomSlot = () => ve("div", {}, l["app-selector-bottom"]()) : t.appSelectorSlots.bottomSlot && (k.bottomSlot = t.appSelectorSlots.bottomSlot), l["app-selector-footer"] ? k.footerSlot = () => ve("div", {}, l["app-selector-footer"]()) : t.appSelectorSlots.footerSlot && (k.footerSlot = t.appSelectorSlots.footerSlot), ee.showRight(ms, k, {
+      l["app-selector-bottom"] ? k.bottomSlot = () => ke("div", {}, l["app-selector-bottom"]()) : t.appSelectorSlots.bottomSlot && (k.bottomSlot = t.appSelectorSlots.bottomSlot), l["app-selector-footer"] ? k.footerSlot = () => ke("div", {}, l["app-selector-footer"]()) : t.appSelectorSlots.footerSlot && (k.footerSlot = t.appSelectorSlots.footerSlot), te.showRight(vs, k, {
         select: (h) => {
-          ee.closeRight();
+          te.closeRight();
         }
       });
-    }, p = () => {
-      ee.showLeft(
-        Fs,
+    }, d = () => {
+      te.showLeft(
+        js,
         {},
         {
           select: (k) => {
-            o.toggleBrand(k), ee.closeLeft();
+            a.toggleBrand(k), te.closeLeft();
           }
         }
       );
-    }, f = S(() => t.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [t.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), y = S(() => t.mainNavStore.state.hidden ? ["pl-2.5"] : [t.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
+    }, p = S(() => t.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [t.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), y = S(() => t.mainNavStore.state.hidden ? ["pl-2.5"] : [t.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
     return (k, h) => {
-      const _ = A("font-awesome-icon"), H = A("router-view");
+      const x = A("font-awesome-icon"), P = A("router-view");
       return m(), g(R, null, [
-        d("div", {
-          class: P([f.value, "fixed inset-y-0 flex transition-all z-100"])
+        f("div", {
+          class: H([p.value, "fixed inset-y-0 flex transition-all z-100"])
         }, [
-          d("div", Ja, [
-            d("nav", Qa, [
-              d("ul", eo, [
-                d("li", to, [
-                  d("ul", so, [
-                    d("li", ao, [
-                      d("a", {
+          f("div", fa, [
+            f("nav", ma, [
+              f("ul", ha, [
+                f("li", ga, [
+                  f("ul", ya, [
+                    f("li", va, [
+                      f("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] = X((w) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
+                        onClick: h[0] || (h[0] = Q((_) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
                       }, [
-                        v(_, {
-                          icon: x(F)[r.value],
+                        b(x, {
+                          icon: w(F)[r.value],
                           class: "size-5"
                         }, null, 8, ["icon"])
                       ]),
-                      e.mainNavStore.state.collapsed ? $("", !0) : (m(), g("a", {
+                      e.mainNavStore.state.collapsed ? T("", !0) : (m(), g("a", {
                         key: 0,
-                        onClick: h[1] || (h[1] = X((w) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"])),
+                        onClick: h[1] || (h[1] = Q((_) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"])),
                         class: "font-medium text-gray-800 ml-[10px] cursor-pointer"
                       }, L(e.appStore.state.app), 1))
                     ]),
-                    (m(!0), g(R, null, z(e.mainNavStore.state.menu, (w) => (m(), g("li", {
-                      key: w.name,
-                      class: P({
-                        "mt-[10px]": w.children,
-                        "mt-auto": w.footerSection
+                    (m(!0), g(R, null, z(e.mainNavStore.state.menu, (_) => (m(), g("li", {
+                      key: _.name,
+                      class: H({
+                        "mt-[10px]": _.children,
+                        "mt-auto": _.footerSection
                       })
                     }, [
-                      d("a", {
-                        class: P([{
-                          "bg-gray-100": w.current,
-                          "hover:bg-gray-100": w?.href
+                      f("a", {
+                        class: H([{
+                          "bg-gray-100": _.current,
+                          "hover:bg-gray-100": _?.href
                         }, "h-[37px] sgroup flex items-center gap-x-2 rounded-md p-3 text-gray-800 leading-5 transition-all duration-300 ease-in-out"]),
-                        href: w?.href,
-                        onClick: X((b) => e.mainNavStore.goto(w.href), ["prevent"])
+                        href: _?.href,
+                        onClick: Q((v) => e.mainNavStore.goto(_.href), ["prevent"])
                       }, [
-                        w.icon ? (m(), M(_, {
+                        _.icon ? (m(), V(x, {
                           key: 0,
-                          icon: x(F)[w.icon],
-                          class: P([[(w.current, "text-gray-400")], "size-4"])
-                        }, null, 8, ["icon", "class"])) : $("", !0),
-                        e.mainNavStore.state.collapsed ? w?.children ? (m(), g("div", ro, [...h[6] || (h[6] = [
-                          d("div", { class: "w-[10px] h-px bg-gray-400" }, null, -1)
-                        ])])) : $("", !0) : (m(), g("span", {
+                          icon: w(F)[_.icon],
+                          class: H([[(_.current, "text-gray-400")], "size-4"])
+                        }, null, 8, ["icon", "class"])) : T("", !0),
+                        e.mainNavStore.state.collapsed ? _?.children ? (m(), g("div", xa, [...h[6] || (h[6] = [
+                          f("div", { class: "w-[10px] h-px bg-gray-400" }, null, -1)
+                        ])])) : T("", !0) : (m(), g("span", {
                           key: 1,
-                          class: P({
-                            "text-[11px]": w?.children,
-                            "text-[13px]": !w?.children,
-                            "font-semibold": w?.children,
-                            "text-gray-500": w?.children
+                          class: H({
+                            "text-[11px]": _?.children,
+                            "text-[13px]": !_?.children,
+                            "font-semibold": _?.children,
+                            "text-gray-500": _?.children
                           })
-                        }, L(w.name), 3))
-                      ], 10, oo),
-                      w.children ? (m(), g("ul", no, [
-                        (m(!0), g(R, null, z(w.children, (b) => (m(), g("li", {
-                          key: b.name
+                        }, L(_.name), 3))
+                      ], 10, ba),
+                      _.children ? (m(), g("ul", ka, [
+                        (m(!0), g(R, null, z(_.children, (v) => (m(), g("li", {
+                          key: v.name
                         }, [
-                          d("a", {
-                            class: P([[b.current ? "bg-gray-100" : "", "hover:bg-gray-100"], "h-[37px] sgroup flex items-center gap-x-2 rounded-md p-3 text-gray-800 leading-5 transition-all duration-300 ease-in-out"]),
-                            href: b.href,
-                            onClick: X((T) => e.mainNavStore.goto(b.href), ["prevent"])
+                          f("a", {
+                            class: H([[v.current ? "bg-gray-100" : "", "hover:bg-gray-100"], "h-[37px] sgroup flex items-center gap-x-2 rounded-md p-3 text-gray-800 leading-5 transition-all duration-300 ease-in-out"]),
+                            href: v.href,
+                            onClick: Q(($) => e.mainNavStore.goto(v.href), ["prevent"])
                           }, [
-                            b.icon ? (m(), M(_, {
+                            v.icon ? (m(), V(x, {
                               key: 0,
-                              icon: x(F)[b.icon],
-                              class: P([[(b.current, "text-gray-400")], "size-4"])
-                            }, null, 8, ["icon", "class"])) : $("", !0),
-                            e.mainNavStore.state.collapsed ? $("", !0) : (m(), g("span", io, L(b.name), 1))
-                          ], 10, lo)
+                              icon: w(F)[v.icon],
+                              class: H([[(v.current, "text-gray-400")], "size-4"])
+                            }, null, 8, ["icon", "class"])) : T("", !0),
+                            e.mainNavStore.state.collapsed ? T("", !0) : (m(), g("span", _a, L(v.name), 1))
+                          ], 10, wa)
                         ]))), 128))
-                      ])) : $("", !0)
+                      ])) : T("", !0)
                     ], 2))), 128))
                   ])
                 ]),
-                d("li", co, [
+                f("li", Sa, [
                   O(k.$slots, "sidebar-footer"),
-                  d("a", {
+                  f("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] = X((w) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
+                    onClick: h[2] || (h[2] = Q((_) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
                   }, [
-                    v(_, {
-                      icon: x(F)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
+                    b(x, {
+                      icon: w(F)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
                       class: "class-5"
                     }, null, 8, ["icon"])
                   ])
@@ -2711,18 +2892,18 @@ const ee = new Xa(), Ja = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Qa =
             ])
           ])
         ], 2),
-        d("div", {
-          class: P([y.value, "h-full transition-all flex flex-col"])
+        f("div", {
+          class: H([y.value, "h-full transition-all flex flex-col"])
         }, [
-          d("div", uo, [
-            d("div", po, [
-              d("div", fo, [
+          f("div", Ca, [
+            f("div", $a, [
+              f("div", Ta, [
                 O(k.$slots, "header-left", {}, () => [
-                  d("div", mo, [
-                    v(_, {
-                      icon: x(F).farBarsSort,
+                  f("div", La, [
+                    b(x, {
+                      icon: w(F).farBarsSort,
                       class: "size-5",
-                      onClick: h[3] || (h[3] = (w) => e.mainNavStore.toggleHidden())
+                      onClick: h[3] || (h[3] = (_) => e.mainNavStore.toggleHidden())
                     }, null, 8, ["icon"])
                   ])
                 ]),
@@ -2730,17 +2911,17 @@ const ee = new Xa(), Ja = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Qa =
                   i.value ? (m(), g("div", {
                     key: 0,
                     class: "absolute left-1/2 -translate-x-1/2 cursor-pointer h-9 flex items-center",
-                    onClick: p
+                    onClick: d
                   }, [
-                    x(o).currentBrand ? (m(), g("img", {
+                    w(a).currentBrand ? (m(), g("img", {
                       key: 0,
-                      src: x(o).currentBrand.logo,
+                      src: w(a).currentBrand.logo,
                       alt: "",
                       class: "h-[30px] w-auto"
-                    }, null, 8, ho)) : $("", !0)
-                  ])) : $("", !0)
+                    }, null, 8, Pa)) : T("", !0)
+                  ])) : T("", !0)
                 ]),
-                d("div", go, [
+                f("div", Ma, [
                   O(k.$slots, "header-right", {}, () => [
                     e.appStore.state.showAppSelector ? (m(), g("button", {
                       key: 0,
@@ -2748,72 +2929,72 @@ const ee = new Xa(), Ja = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Qa =
                       type: "button",
                       onClick: u
                     }, [
-                      v(_, {
-                        icon: x(F).farGripDotsVertical,
+                      b(x, {
+                        icon: w(F).farGripDotsVertical,
                         class: "size-4 text-gray-400"
                       }, null, 8, ["icon"])
-                    ])) : $("", !0)
+                    ])) : T("", !0)
                   ])
                 ])
               ])
             ])
           ]),
-          d("main", yo, [
-            v(H)
+          f("main", Ha, [
+            b(P)
           ])
         ], 2),
-        v(x(ke), {
+        b(w(Se), {
           position: "left",
-          "overlay-instance": x(ee).left,
-          onClose: h[4] || (h[4] = (w) => a("overlayClose", "left"))
+          "overlay-instance": w(te).left,
+          onClose: h[4] || (h[4] = (_) => o("overlayClose", "left"))
         }, null, 8, ["overlay-instance"]),
-        v(x(ke), {
+        b(w(Se), {
           position: "right",
-          "overlay-instance": x(ee).right,
-          onClose: h[5] || (h[5] = (w) => a("overlayClose", "right"))
+          "overlay-instance": w(te).right,
+          onClose: h[5] || (h[5] = (_) => o("overlayClose", "right"))
         }, null, 8, ["overlay-instance"]),
-        v(x(Ws))
+        b(w(Qs))
       ], 64);
     };
   }
-}, vo = {}, bo = { class: "h-full" };
-function xo(e, s) {
+}, Va = {}, Ra = { class: "h-full" };
+function Ba(e, s) {
   const t = A("router-view");
-  return m(), g("main", bo, [
-    v(t)
+  return m(), g("main", Ra, [
+    b(t)
   ]);
 }
-const Qr = /* @__PURE__ */ J(vo, [["render", xo]]), ko = (e) => {
+const mn = /* @__PURE__ */ ee(Va, [["render", Ba]]), Ea = (e) => {
   const s = document.cookie.match(new RegExp(`(^| )${e}=([^;]+)`));
   return s ? s[2] : null;
-}, _o = (e, s, t = {}) => {
+}, Aa = (e, s, t = {}) => {
   const {
-    maxAge: a = 31536e3,
+    maxAge: o = 31536e3,
     // 365 days in seconds
-    domain: l = je(),
+    domain: l = Ze(),
     secure: n = !0,
-    sameSite: o = "Lax",
+    sameSite: a = "Lax",
     path: c = "/"
   } = t;
-  let r = `${e}=${s}; max-age=${a}; path=${c}; samesite=${o}`;
+  let r = `${e}=${s}; max-age=${o}; path=${c}; samesite=${a}`;
   l && (r += `; domain=${l}`), n && (r += "; secure"), document.cookie = r;
-}, wo = (e, s = {}) => {
-  const { domain: t = je(), path: a = "/" } = s;
-  let l = `${e}=; max-age=0; path=${a}`;
+}, Fa = (e, s = {}) => {
+  const { domain: t = Ze(), path: o = "/" } = s;
+  let l = `${e}=; max-age=0; path=${o}`;
   t && (l += `; domain=${t}`), document.cookie = l;
-}, je = () => {
+}, Ze = () => {
   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;
-}, Ie = [];
-function So(e) {
-  Ie.push(e);
+}, qe = [];
+function Oa(e) {
+  qe.push(e);
 }
-function Co() {
-  Ie.forEach((e) => e());
+function za() {
+  qe.forEach((e) => e());
 }
-function en(e) {
+function hn(e) {
   let s = !1;
-  return So(() => {
+  return Oa(() => {
     s = !1;
   }), {
     bootstrapApp: async () => {
@@ -2826,7 +3007,7 @@ function en(e) {
     }
   };
 }
-const me = "bolt-next-token", Z = ie("auth", () => {
+const ye = "bolt-next-token", K = ue("auth", () => {
   const e = q({
     user: null,
     token: null,
@@ -2862,15 +3043,15 @@ const me = "bolt-next-token", Z = ie("auth", () => {
   }), s = (i = {}) => {
     i.endpoints && Object.assign(e.endpoints, i.endpoints), i.routes && Object.assign(e.routes, i.routes), i.devCredentials && Object.assign(e.devCredentials, i.devCredentials), i.callbacks && Object.assign(e.callbacks, i.callbacks), i.overrideToken && (e.overrideToken = i.overrideToken);
   }, t = (i) => {
-    _o(me, i), e.token = i;
-  }, a = () => {
-    wo(me), e.token = null;
-  }, l = () => ko(me), n = async (i) => {
-    const u = await oe.post(e.endpoints.login, i), p = u.headers.authorization;
-    return t(p), e.user = u.data, e.callbacks.onLoginSuccess && await e.callbacks.onLoginSuccess(u.data), u.data;
-  }, o = async () => {
+    Aa(ye, i), e.token = i;
+  }, o = () => {
+    Fa(ye), e.token = null;
+  }, l = () => Ea(ye), n = async (i) => {
+    const u = await re.post(e.endpoints.login, i), d = u.headers.authorization;
+    return t(d), e.user = u.data, e.callbacks.onLoginSuccess && await e.callbacks.onLoginSuccess(u.data), u.data;
+  }, a = async () => {
     try {
-      await oe.post(
+      await re.post(
         e.endpoints.logout,
         {},
         {
@@ -2882,21 +3063,21 @@ const me = "bolt-next-token", Z = ie("auth", () => {
     } catch (i) {
       throw e.callbacks.onLogoutError && await e.callbacks.onLogoutError(i), i;
     } finally {
-      a(), e.user = null, Co();
+      o(), e.user = null, za();
     }
   }, c = async () => {
     const i = e.overrideToken || l();
     if (!i)
       return e.ready = !0, null;
     try {
-      const { data: u } = await oe.get(e.endpoints.fetch, {
+      const { data: u } = await re.get(e.endpoints.fetch, {
         headers: {
           Authorization: `Bearer ${i}`
         }
       });
       e.user = u, e.overrideToken || (e.token = i);
     } catch {
-      e.overrideToken || a();
+      e.overrideToken || o();
     } finally {
       e.ready = !0;
     }
@@ -2905,24 +3086,24 @@ const me = "bolt-next-token", Z = ie("auth", () => {
     state: e,
     initialize: s,
     login: n,
-    logout: o,
+    logout: a,
     fetchUser: c,
     check: r,
     setTokenCookie: t,
-    clearTokenCookie: a,
+    clearTokenCookie: o,
     getTokenCookie: l
   };
-}), $o = { class: "h-full grid place-content-center relative" }, To = { class: "absolute top-8 left-8" }, Lo = ["src"], Po = {
+}), Da = { class: "h-full grid place-content-center relative" }, ja = { class: "absolute top-8 left-8" }, Na = ["src"], Ia = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ho = { class: "max-w-sm grid gap-y-1 -mt-8" }, Vo = { class: "mb-7" }, Mo = { class: "text-gray-600" }, Ro = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, Bo = {
+}, Za = { class: "max-w-sm grid gap-y-1 -mt-8" }, qa = { class: "mb-7" }, Ua = { class: "text-gray-600" }, Ka = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, Ga = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, Eo = { key: 0 }, Ao = { key: 1 }, Fo = {
+}, Wa = { key: 0 }, Ya = { key: 1 }, Xa = {
   __name: "SparkLoginView",
   props: {
     logo: {
@@ -2939,8 +3120,8 @@ const me = "bolt-next-token", Z = ie("auth", () => {
     }
   },
   setup(e) {
-    const s = W(), t = re(), a = Fe(), l = Z(), n = e, o = E(!1), c = E(""), r = async (i) => {
-      o.value = !0, c.value = "";
+    const s = J(), t = ne(), o = je(), l = K(), n = e, a = E(!1), c = E(""), r = async (i) => {
+      a.value = !0, c.value = "";
       try {
         await l.login(i);
         const u = t.query.redirect;
@@ -2955,69 +3136,69 @@ const me = "bolt-next-token", Z = ie("auth", () => {
       } catch (u) {
         c.value = u.response?.data?.message || u.message || "Login failed. Please try again.";
       } finally {
-        o.value = !1;
+        a.value = !1;
       }
     };
     return (i, u) => {
-      const p = A("FormKit"), f = A("router-link");
-      return m(), g("div", $o, [
-        d("div", To, [
+      const d = A("FormKit"), p = A("router-link");
+      return m(), g("div", Da, [
+        f("div", ja, [
           n.logo ? (m(), g("img", {
             key: 0,
             src: n.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Lo)) : (m(), g("svg", Po, [...u[0] || (u[0] = [
-            d("path", {
+          }, null, 8, Na)) : (m(), g("svg", Ia, [...u[0] || (u[0] = [
+            f("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
             }, null, -1),
-            d("path", {
+            f("path", {
               d: "M34.5 5.22235H38.228V14.1664H46.5V17.1264H34.5V5.22235Z",
               fill: "#1C64F2"
             }, null, -1),
-            d("path", {
+            f("path", {
               d: "M28.3161 0C29.1499 0 29.7522 0.798785 29.5209 1.59757L27.1856 9.77748H30.9046C31.747 9.77748 32.4279 10.4584 32.4279 11.3008C32.4279 11.7504 32.2315 12.1738 31.891 12.4619L20.5989 22.0517C20.3719 22.2438 20.0839 22.3485 19.787 22.3485C18.9533 22.3485 18.351 21.5497 18.5823 20.751L20.9176 12.571H17.1463C16.33 12.571 15.6709 11.9119 15.6709 11.1001C15.6709 10.6679 15.8586 10.262 16.186 9.98263L27.5043 0.301181C27.7312 0.104759 28.0193 0 28.3161 0ZM26.7404 3.71021L18.8311 10.4759H22.3056C22.633 10.4759 22.9429 10.6286 23.1437 10.8905C23.3445 11.1524 23.4056 11.4929 23.3139 11.8072L21.3584 18.6601L29.355 11.8727H25.7976C25.4702 11.8727 25.1603 11.7199 24.9595 11.458C24.7587 11.1961 24.6976 10.8556 24.7893 10.5413L26.7404 3.71021Z",
               fill: "#1C64F2"
             }, null, -1),
-            d("path", {
+            f("path", {
               d: "M0 17.1264V5.22235H10.192C13.6 5.22235 14.544 6.53435 14.544 7.94235V8.16635C14.544 9.70235 13.232 10.3264 12.656 10.4864C13.472 10.6944 15.216 11.3984 15.216 13.4784V13.7024C15.216 15.5904 14.144 17.1264 10.288 17.1264H0ZM9.552 7.73435H3.728V9.67035H9.552C10.592 9.67035 10.848 9.19035 10.848 8.71035V8.67835C10.848 8.18235 10.592 7.73435 9.552 7.73435ZM9.872 12.1984H3.728V14.5344H9.872C11.12 14.5344 11.344 13.8464 11.344 13.3664V13.3024C11.344 12.7904 11.104 12.1984 9.872 12.1984Z",
               fill: "#1C64F2"
             }, null, -1)
           ])]))
         ]),
-        d("div", Ho, [
-          d("div", Vo, [
-            u[1] || (u[1] = d("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Log in", -1)),
-            d("p", Mo, " Welcome back" + L(x(a).state.app ? ` to ${x(a).state.app}` : "") + "! Please enter your details. ", 1)
+        f("div", Za, [
+          f("div", qa, [
+            u[1] || (u[1] = f("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Log in", -1)),
+            f("p", Ua, " Welcome back" + L(w(o).state.app ? ` to ${w(o).state.app}` : "") + "! Please enter your details. ", 1)
           ]),
-          v(p, {
+          b(d, {
             type: "form",
             onSubmit: r,
             actions: !1
           }, {
             default: C(() => [
-              v(p, {
+              b(d, {
                 label: "Email",
                 name: "email",
                 placeholder: "Enter your email",
                 type: "email",
                 validation: "required|email",
                 "outer-class": "max-w-full",
-                value: x(l).state.devCredentials.username
+                value: w(l).state.devCredentials.username
               }, null, 8, ["value"]),
-              v(p, {
+              b(d, {
                 label: "Password",
                 name: "password",
                 placeholder: "••••••••",
                 type: "password",
                 validation: "required",
                 "outer-class": "max-w-full",
-                value: x(l).state.devCredentials.password
+                value: w(l).state.devCredentials.password
               }, null, 8, ["value"]),
-              d("div", Ro, [
-                u[3] || (u[3] = d("span", null, null, -1)),
-                v(f, {
+              f("div", Ka, [
+                u[3] || (u[3] = f("span", null, null, -1)),
+                b(p, {
                   to: n.forgotPasswordRoute,
                   class: "text-sm text-primary-600 font-semibold"
                 }, {
@@ -3027,15 +3208,15 @@ const me = "bolt-next-token", Z = ie("auth", () => {
                   _: 1
                 }, 8, ["to"])
               ]),
-              c.value ? (m(), g("div", Bo, L(c.value), 1)) : $("", !0),
-              v(x(K), {
+              c.value ? (m(), g("div", Ga, L(c.value), 1)) : T("", !0),
+              b(w(G), {
                 type: "submit",
                 size: "xl",
-                disabled: o.value,
+                disabled: a.value,
                 "button-class": "w-full mb-2"
               }, {
                 default: C(() => [
-                  o.value ? (m(), g("span", Ao, "Signing in...")) : (m(), g("span", Eo, "Sign in"))
+                  a.value ? (m(), g("span", Ya, "Signing in...")) : (m(), g("span", Wa, "Sign in"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -3046,7 +3227,7 @@ const me = "bolt-next-token", Z = ie("auth", () => {
       ]);
     };
   }
-}, Oo = {
+}, Ja = {
   __name: "SparkLogoutView",
   props: {
     defaultRedirect: {
@@ -3055,27 +3236,27 @@ const me = "bolt-next-token", Z = ie("auth", () => {
     }
   },
   setup(e) {
-    const s = W(), t = re(), a = Z(), l = e;
-    return ge(async () => {
-      await a.logout();
+    const s = J(), t = ne(), o = K(), l = e;
+    return be(async () => {
+      await o.logout();
       const n = t.query.redirect;
       n && n.startsWith("http") ? window.location.href = n : await s.push(n || l.defaultRedirect);
-    }), (n, o) => null;
+    }), (n, a) => null;
   }
-}, zo = { class: "h-full grid place-content-center relative" }, jo = { class: "absolute top-8 left-8" }, Io = ["src"], Do = {
+}, Qa = { class: "h-full grid place-content-center relative" }, er = { class: "absolute top-8 left-8" }, tr = ["src"], sr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, No = { class: "max-w-sm grid gap-y-1 -mt-8" }, qo = {
+}, or = { class: "max-w-sm grid gap-y-1 -mt-8" }, ar = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, Zo = {
+}, rr = {
   key: 1,
   class: "text-green-600 text-sm mb-2"
-}, Ko = { key: 0 }, Uo = { key: 1 }, Go = {
+}, nr = { key: 0 }, lr = { key: 1 }, ir = {
   __name: "SparkForgotPasswordView",
   props: {
     logo: {
@@ -3088,56 +3269,56 @@ const me = "bolt-next-token", Z = ie("auth", () => {
     }
   },
   setup(e) {
-    const s = Z(), t = e, a = E(!1), l = E(""), n = E(""), o = async ({ email: c }) => {
-      a.value = !0, l.value = "", n.value = "";
+    const s = K(), t = e, o = E(!1), l = E(""), n = E(""), a = async ({ email: c }) => {
+      o.value = !0, l.value = "", n.value = "";
       try {
-        await oe.post(s.state.endpoints.passwordEmail, { email: c }), n.value = "Password reset link sent! Check your email.";
+        await re.post(s.state.endpoints.passwordEmail, { email: c }), n.value = "Password reset link sent! Check your email.";
       } catch (r) {
         l.value = r.response?.data?.message || "Failed to send reset link.";
       } finally {
-        a.value = !1;
+        o.value = !1;
       }
     };
     return (c, r) => {
       const i = A("FormKit"), u = A("router-link");
-      return m(), g("div", zo, [
-        d("div", jo, [
+      return m(), g("div", Qa, [
+        f("div", er, [
           t.logo ? (m(), g("img", {
             key: 0,
             src: t.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Io)) : (m(), g("svg", Do, [...r[0] || (r[0] = [
-            d("path", {
+          }, null, 8, tr)) : (m(), g("svg", sr, [...r[0] || (r[0] = [
+            f("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
             }, null, -1),
-            d("path", {
+            f("path", {
               d: "M34.5 5.22235H38.228V14.1664H46.5V17.1264H34.5V5.22235Z",
               fill: "#1C64F2"
             }, null, -1),
-            d("path", {
+            f("path", {
               d: "M28.3161 0C29.1499 0 29.7522 0.798785 29.5209 1.59757L27.1856 9.77748H30.9046C31.747 9.77748 32.4279 10.4584 32.4279 11.3008C32.4279 11.7504 32.2315 12.1738 31.891 12.4619L20.5989 22.0517C20.3719 22.2438 20.0839 22.3485 19.787 22.3485C18.9533 22.3485 18.351 21.5497 18.5823 20.751L20.9176 12.571H17.1463C16.33 12.571 15.6709 11.9119 15.6709 11.1001C15.6709 10.6679 15.8586 10.262 16.186 9.98263L27.5043 0.301181C27.7312 0.104759 28.0193 0 28.3161 0ZM26.7404 3.71021L18.8311 10.4759H22.3056C22.633 10.4759 22.9429 10.6286 23.1437 10.8905C23.3445 11.1524 23.4056 11.4929 23.3139 11.8072L21.3584 18.6601L29.355 11.8727H25.7976C25.4702 11.8727 25.1603 11.7199 24.9595 11.458C24.7587 11.1961 24.6976 10.8556 24.7893 10.5413L26.7404 3.71021Z",
               fill: "#1C64F2"
             }, null, -1),
-            d("path", {
+            f("path", {
               d: "M0 17.1264V5.22235H10.192C13.6 5.22235 14.544 6.53435 14.544 7.94235V8.16635C14.544 9.70235 13.232 10.3264 12.656 10.4864C13.472 10.6944 15.216 11.3984 15.216 13.4784V13.7024C15.216 15.5904 14.144 17.1264 10.288 17.1264H0ZM9.552 7.73435H3.728V9.67035H9.552C10.592 9.67035 10.848 9.19035 10.848 8.71035V8.67835C10.848 8.18235 10.592 7.73435 9.552 7.73435ZM9.872 12.1984H3.728V14.5344H9.872C11.12 14.5344 11.344 13.8464 11.344 13.3664V13.3024C11.344 12.7904 11.104 12.1984 9.872 12.1984Z",
               fill: "#1C64F2"
             }, null, -1)
           ])]))
         ]),
-        d("div", No, [
-          r[2] || (r[2] = d("div", { class: "mb-7" }, [
-            d("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Reset password"),
-            d("p", { class: "text-gray-600" }, " Enter your email and we'll send you a link to reset your password. ")
+        f("div", or, [
+          r[2] || (r[2] = f("div", { class: "mb-7" }, [
+            f("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Reset password"),
+            f("p", { class: "text-gray-600" }, " Enter your email and we'll send you a link to reset your password. ")
           ], -1)),
-          v(i, {
+          b(i, {
             type: "form",
-            onSubmit: o,
+            onSubmit: a,
             actions: !1
           }, {
             default: C(() => [
-              v(i, {
+              b(i, {
                 label: "Email",
                 name: "email",
                 placeholder: "Enter your email",
@@ -3145,20 +3326,20 @@ const me = "bolt-next-token", Z = ie("auth", () => {
                 validation: "required|email",
                 "outer-class": "max-w-full"
               }),
-              l.value ? (m(), g("div", qo, L(l.value), 1)) : $("", !0),
-              n.value ? (m(), g("div", Zo, L(n.value), 1)) : $("", !0),
-              v(x(K), {
+              l.value ? (m(), g("div", ar, L(l.value), 1)) : T("", !0),
+              n.value ? (m(), g("div", rr, L(n.value), 1)) : T("", !0),
+              b(w(G), {
                 type: "submit",
                 size: "xl",
-                disabled: a.value,
+                disabled: o.value,
                 "button-class": "w-full mb-2"
               }, {
                 default: C(() => [
-                  a.value ? (m(), g("span", Uo, "Sending...")) : (m(), g("span", Ko, "Send reset link"))
+                  o.value ? (m(), g("span", lr, "Sending...")) : (m(), g("span", nr, "Send reset link"))
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              v(u, {
+              b(u, {
                 to: t.loginRoute,
                 class: "text-sm text-center text-primary-600 font-semibold block"
               }, {
@@ -3174,17 +3355,17 @@ const me = "bolt-next-token", Z = ie("auth", () => {
       ]);
     };
   }
-}, Wo = { class: "h-full grid place-content-center relative" }, Yo = { class: "absolute top-8 left-8" }, Xo = ["src"], Jo = {
+}, cr = { class: "h-full grid place-content-center relative" }, ur = { class: "absolute top-8 left-8" }, dr = ["src"], pr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Qo = { class: "max-w-sm grid gap-y-1 -mt-8" }, er = {
+}, fr = { class: "max-w-sm grid gap-y-1 -mt-8" }, mr = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, tr = { key: 0 }, sr = { key: 1 }, ar = {
+}, hr = { key: 0 }, gr = { key: 1 }, yr = {
   __name: "SparkResetPasswordView",
   props: {
     logo: {
@@ -3197,61 +3378,61 @@ const me = "bolt-next-token", Z = ie("auth", () => {
     }
   },
   setup(e) {
-    const s = W(), t = re(), a = Z(), l = e, n = E(!1), o = E(""), c = async ({ password: r, password_confirmation: i }) => {
-      n.value = !0, o.value = "";
+    const s = J(), t = ne(), o = K(), l = e, n = E(!1), a = E(""), c = async ({ password: r, password_confirmation: i }) => {
+      n.value = !0, a.value = "";
       try {
-        await oe.post(a.state.endpoints.passwordReset, {
+        await re.post(o.state.endpoints.passwordReset, {
           email: t.query.email,
           token: t.query.token,
           password: r,
           password_confirmation: i
         }), await s.push(l.loginRoute);
       } catch (u) {
-        o.value = u.response?.data?.message || "Failed to reset password.";
+        a.value = u.response?.data?.message || "Failed to reset password.";
       } finally {
         n.value = !1;
       }
     };
     return (r, i) => {
       const u = A("FormKit");
-      return m(), g("div", Wo, [
-        d("div", Yo, [
+      return m(), g("div", cr, [
+        f("div", ur, [
           l.logo ? (m(), g("img", {
             key: 0,
             src: l.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Xo)) : (m(), g("svg", Jo, [...i[0] || (i[0] = [
-            d("path", {
+          }, null, 8, dr)) : (m(), g("svg", pr, [...i[0] || (i[0] = [
+            f("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
             }, null, -1),
-            d("path", {
+            f("path", {
               d: "M34.5 5.22235H38.228V14.1664H46.5V17.1264H34.5V5.22235Z",
               fill: "#1C64F2"
             }, null, -1),
-            d("path", {
+            f("path", {
               d: "M28.3161 0C29.1499 0 29.7522 0.798785 29.5209 1.59757L27.1856 9.77748H30.9046C31.747 9.77748 32.4279 10.4584 32.4279 11.3008C32.4279 11.7504 32.2315 12.1738 31.891 12.4619L20.5989 22.0517C20.3719 22.2438 20.0839 22.3485 19.787 22.3485C18.9533 22.3485 18.351 21.5497 18.5823 20.751L20.9176 12.571H17.1463C16.33 12.571 15.6709 11.9119 15.6709 11.1001C15.6709 10.6679 15.8586 10.262 16.186 9.98263L27.5043 0.301181C27.7312 0.104759 28.0193 0 28.3161 0ZM26.7404 3.71021L18.8311 10.4759H22.3056C22.633 10.4759 22.9429 10.6286 23.1437 10.8905C23.3445 11.1524 23.4056 11.4929 23.3139 11.8072L21.3584 18.6601L29.355 11.8727H25.7976C25.4702 11.8727 25.1603 11.7199 24.9595 11.458C24.7587 11.1961 24.6976 10.8556 24.7893 10.5413L26.7404 3.71021Z",
               fill: "#1C64F2"
             }, null, -1),
-            d("path", {
+            f("path", {
               d: "M0 17.1264V5.22235H10.192C13.6 5.22235 14.544 6.53435 14.544 7.94235V8.16635C14.544 9.70235 13.232 10.3264 12.656 10.4864C13.472 10.6944 15.216 11.3984 15.216 13.4784V13.7024C15.216 15.5904 14.144 17.1264 10.288 17.1264H0ZM9.552 7.73435H3.728V9.67035H9.552C10.592 9.67035 10.848 9.19035 10.848 8.71035V8.67835C10.848 8.18235 10.592 7.73435 9.552 7.73435ZM9.872 12.1984H3.728V14.5344H9.872C11.12 14.5344 11.344 13.8464 11.344 13.3664V13.3024C11.344 12.7904 11.104 12.1984 9.872 12.1984Z",
               fill: "#1C64F2"
             }, null, -1)
           ])]))
         ]),
-        d("div", Qo, [
-          i[1] || (i[1] = d("div", { class: "mb-7" }, [
-            d("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Set new password"),
-            d("p", { class: "text-gray-600" }, " Enter your new password below. ")
+        f("div", fr, [
+          i[1] || (i[1] = f("div", { class: "mb-7" }, [
+            f("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Set new password"),
+            f("p", { class: "text-gray-600" }, " Enter your new password below. ")
           ], -1)),
-          v(u, {
+          b(u, {
             type: "form",
             onSubmit: c,
             actions: !1
           }, {
             default: C(() => [
-              v(u, {
+              b(u, {
                 label: "New Password",
                 name: "password",
                 placeholder: "••••••••",
@@ -3259,7 +3440,7 @@ const me = "bolt-next-token", Z = ie("auth", () => {
                 validation: "required|length:8",
                 "outer-class": "max-w-full"
               }),
-              v(u, {
+              b(u, {
                 label: "Confirm Password",
                 name: "password_confirmation",
                 placeholder: "••••••••",
@@ -3267,15 +3448,15 @@ const me = "bolt-next-token", Z = ie("auth", () => {
                 validation: "required|confirm:password",
                 "outer-class": "max-w-full"
               }),
-              o.value ? (m(), g("div", er, L(o.value), 1)) : $("", !0),
-              v(x(K), {
+              a.value ? (m(), g("div", mr, L(a.value), 1)) : T("", !0),
+              b(w(G), {
                 type: "submit",
                 size: "xl",
                 disabled: n.value,
                 "button-class": "w-full mb-2"
               }, {
                 default: C(() => [
-                  n.value ? (m(), g("span", sr, "Resetting...")) : (m(), g("span", tr, "Reset password"))
+                  n.value ? (m(), g("span", gr, "Resetting...")) : (m(), g("span", hr, "Reset password"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -3286,14 +3467,14 @@ const me = "bolt-next-token", Z = ie("auth", () => {
       ]);
     };
   }
-}, or = { class: "h-full grid place-content-center relative" }, rr = { class: "absolute top-8 left-8" }, nr = ["src"], lr = {
+}, vr = { class: "h-full grid place-content-center relative" }, br = { class: "absolute top-8 left-8" }, xr = ["src"], kr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, ir = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, cr = { class: "flex gap-4 justify-center" }, ur = {
+}, wr = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, _r = { class: "flex gap-4 justify-center" }, Sr = {
   __name: "SparkError403View",
   props: {
     logo: {
@@ -3306,48 +3487,48 @@ const me = "bolt-next-token", Z = ie("auth", () => {
     }
   },
   setup(e) {
-    const s = W(), t = e, a = () => {
+    const s = J(), t = e, o = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (m(), g("div", or, [
-      d("div", rr, [
+    return (l, n) => (m(), g("div", vr, [
+      f("div", br, [
         t.logo ? (m(), g("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, nr)) : (m(), g("svg", lr, [...n[0] || (n[0] = [
-          d("path", {
+        }, null, 8, xr)) : (m(), g("svg", kr, [...n[0] || (n[0] = [
+          f("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
           }, null, -1),
-          d("path", {
+          f("path", {
             d: "M34.5 5.22235H38.228V14.1664H46.5V17.1264H34.5V5.22235Z",
             fill: "#1C64F2"
           }, null, -1),
-          d("path", {
+          f("path", {
             d: "M28.3161 0C29.1499 0 29.7522 0.798785 29.5209 1.59757L27.1856 9.77748H30.9046C31.747 9.77748 32.4279 10.4584 32.4279 11.3008C32.4279 11.7504 32.2315 12.1738 31.891 12.4619L20.5989 22.0517C20.3719 22.2438 20.0839 22.3485 19.787 22.3485C18.9533 22.3485 18.351 21.5497 18.5823 20.751L20.9176 12.571H17.1463C16.33 12.571 15.6709 11.9119 15.6709 11.1001C15.6709 10.6679 15.8586 10.262 16.186 9.98263L27.5043 0.301181C27.7312 0.104759 28.0193 0 28.3161 0ZM26.7404 3.71021L18.8311 10.4759H22.3056C22.633 10.4759 22.9429 10.6286 23.1437 10.8905C23.3445 11.1524 23.4056 11.4929 23.3139 11.8072L21.3584 18.6601L29.355 11.8727H25.7976C25.4702 11.8727 25.1603 11.7199 24.9595 11.458C24.7587 11.1961 24.6976 10.8556 24.7893 10.5413L26.7404 3.71021Z",
             fill: "#1C64F2"
           }, null, -1),
-          d("path", {
+          f("path", {
             d: "M0 17.1264V5.22235H10.192C13.6 5.22235 14.544 6.53435 14.544 7.94235V8.16635C14.544 9.70235 13.232 10.3264 12.656 10.4864C13.472 10.6944 15.216 11.3984 15.216 13.4784V13.7024C15.216 15.5904 14.144 17.1264 10.288 17.1264H0ZM9.552 7.73435H3.728V9.67035H9.552C10.592 9.67035 10.848 9.19035 10.848 8.71035V8.67835C10.848 8.18235 10.592 7.73435 9.552 7.73435ZM9.872 12.1984H3.728V14.5344H9.872C11.12 14.5344 11.344 13.8464 11.344 13.3664V13.3024C11.344 12.7904 11.104 12.1984 9.872 12.1984Z",
             fill: "#1C64F2"
           }, null, -1)
         ])]))
       ]),
-      d("div", ir, [
-        n[2] || (n[2] = d("div", null, [
-          d("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "403"),
-          d("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Access Forbidden "),
-          d("p", { class: "text-gray-600" }, [
+      f("div", wr, [
+        n[2] || (n[2] = f("div", null, [
+          f("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "403"),
+          f("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Access Forbidden "),
+          f("p", { class: "text-gray-600" }, [
             B(" You don't have permission to access this resource."),
-            d("br"),
+            f("br"),
             B(" If you believe this is an error, please contact your administrator. ")
           ])
         ], -1)),
-        d("div", cr, [
-          v(x(K), {
-            onClick: a,
+        f("div", _r, [
+          b(w(G), {
+            onClick: o,
             size: "lg"
           }, {
             default: C(() => [...n[1] || (n[1] = [
@@ -3359,14 +3540,14 @@ const me = "bolt-next-token", Z = ie("auth", () => {
       ])
     ]));
   }
-}, dr = { class: "h-full grid place-content-center relative" }, pr = { class: "absolute top-8 left-8" }, fr = ["src"], mr = {
+}, Cr = { class: "h-full grid place-content-center relative" }, $r = { class: "absolute top-8 left-8" }, Tr = ["src"], Lr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, hr = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, gr = { class: "flex gap-4 justify-center" }, yr = {
+}, Pr = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Mr = { class: "flex gap-4 justify-center" }, Hr = {
   __name: "SparkError404View",
   props: {
     logo: {
@@ -3379,44 +3560,44 @@ const me = "bolt-next-token", Z = ie("auth", () => {
     }
   },
   setup(e) {
-    const s = W(), t = e, a = () => {
+    const s = J(), t = e, o = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (m(), g("div", dr, [
-      d("div", pr, [
+    return (l, n) => (m(), g("div", Cr, [
+      f("div", $r, [
         t.logo ? (m(), g("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, fr)) : (m(), g("svg", mr, [...n[0] || (n[0] = [
-          d("path", {
+        }, null, 8, Tr)) : (m(), g("svg", Lr, [...n[0] || (n[0] = [
+          f("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
           }, null, -1),
-          d("path", {
+          f("path", {
             d: "M34.5 5.22235H38.228V14.1664H46.5V17.1264H34.5V5.22235Z",
             fill: "#1C64F2"
           }, null, -1),
-          d("path", {
+          f("path", {
             d: "M28.3161 0C29.1499 0 29.7522 0.798785 29.5209 1.59757L27.1856 9.77748H30.9046C31.747 9.77748 32.4279 10.4584 32.4279 11.3008C32.4279 11.7504 32.2315 12.1738 31.891 12.4619L20.5989 22.0517C20.3719 22.2438 20.0839 22.3485 19.787 22.3485C18.9533 22.3485 18.351 21.5497 18.5823 20.751L20.9176 12.571H17.1463C16.33 12.571 15.6709 11.9119 15.6709 11.1001C15.6709 10.6679 15.8586 10.262 16.186 9.98263L27.5043 0.301181C27.7312 0.104759 28.0193 0 28.3161 0ZM26.7404 3.71021L18.8311 10.4759H22.3056C22.633 10.4759 22.9429 10.6286 23.1437 10.8905C23.3445 11.1524 23.4056 11.4929 23.3139 11.8072L21.3584 18.6601L29.355 11.8727H25.7976C25.4702 11.8727 25.1603 11.7199 24.9595 11.458C24.7587 11.1961 24.6976 10.8556 24.7893 10.5413L26.7404 3.71021Z",
             fill: "#1C64F2"
           }, null, -1),
-          d("path", {
+          f("path", {
             d: "M0 17.1264V5.22235H10.192C13.6 5.22235 14.544 6.53435 14.544 7.94235V8.16635C14.544 9.70235 13.232 10.3264 12.656 10.4864C13.472 10.6944 15.216 11.3984 15.216 13.4784V13.7024C15.216 15.5904 14.144 17.1264 10.288 17.1264H0ZM9.552 7.73435H3.728V9.67035H9.552C10.592 9.67035 10.848 9.19035 10.848 8.71035V8.67835C10.848 8.18235 10.592 7.73435 9.552 7.73435ZM9.872 12.1984H3.728V14.5344H9.872C11.12 14.5344 11.344 13.8464 11.344 13.3664V13.3024C11.344 12.7904 11.104 12.1984 9.872 12.1984Z",
             fill: "#1C64F2"
           }, null, -1)
         ])]))
       ]),
-      d("div", hr, [
-        n[2] || (n[2] = d("div", null, [
-          d("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "404"),
-          d("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Page Not Found "),
-          d("p", { class: "text-gray-600" }, " The page you're looking for doesn't exist or has been moved. ")
+      f("div", Pr, [
+        n[2] || (n[2] = f("div", null, [
+          f("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "404"),
+          f("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Page Not Found "),
+          f("p", { class: "text-gray-600" }, " The page you're looking for doesn't exist or has been moved. ")
         ], -1)),
-        d("div", gr, [
-          v(x(K), {
-            onClick: a,
+        f("div", Mr, [
+          b(w(G), {
+            onClick: o,
             size: "lg"
           }, {
             default: C(() => [...n[1] || (n[1] = [
@@ -3428,14 +3609,14 @@ const me = "bolt-next-token", Z = ie("auth", () => {
       ])
     ]));
   }
-}, vr = { class: "h-full grid place-content-center relative" }, br = { class: "absolute top-8 left-8" }, xr = ["src"], kr = {
+}, Vr = { class: "h-full grid place-content-center relative" }, Rr = { class: "absolute top-8 left-8" }, Br = ["src"], Er = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, _r = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, wr = { class: "text-primary-600 text-7xl font-bold mb-4" }, Sr = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, Cr = { class: "text-gray-600" }, $r = { class: "flex gap-4 justify-center" }, tn = {
+}, Ar = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Fr = { class: "text-primary-600 text-7xl font-bold mb-4" }, Or = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, zr = { class: "text-gray-600" }, Dr = { class: "flex gap-4 justify-center" }, gn = {
   __name: "SparkErrorGeneralView",
   props: {
     logo: {
@@ -3460,44 +3641,44 @@ const me = "bolt-next-token", Z = ie("auth", () => {
     }
   },
   setup(e) {
-    const s = W(), t = e, a = () => {
+    const s = J(), t = e, o = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (m(), g("div", vr, [
-      d("div", br, [
+    return (l, n) => (m(), g("div", Vr, [
+      f("div", Rr, [
         t.logo ? (m(), g("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, xr)) : (m(), g("svg", kr, [...n[0] || (n[0] = [
-          d("path", {
+        }, null, 8, Br)) : (m(), g("svg", Er, [...n[0] || (n[0] = [
+          f("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
           }, null, -1),
-          d("path", {
+          f("path", {
             d: "M34.5 5.22235H38.228V14.1664H46.5V17.1264H34.5V5.22235Z",
             fill: "#1C64F2"
           }, null, -1),
-          d("path", {
+          f("path", {
             d: "M28.3161 0C29.1499 0 29.7522 0.798785 29.5209 1.59757L27.1856 9.77748H30.9046C31.747 9.77748 32.4279 10.4584 32.4279 11.3008C32.4279 11.7504 32.2315 12.1738 31.891 12.4619L20.5989 22.0517C20.3719 22.2438 20.0839 22.3485 19.787 22.3485C18.9533 22.3485 18.351 21.5497 18.5823 20.751L20.9176 12.571H17.1463C16.33 12.571 15.6709 11.9119 15.6709 11.1001C15.6709 10.6679 15.8586 10.262 16.186 9.98263L27.5043 0.301181C27.7312 0.104759 28.0193 0 28.3161 0ZM26.7404 3.71021L18.8311 10.4759H22.3056C22.633 10.4759 22.9429 10.6286 23.1437 10.8905C23.3445 11.1524 23.4056 11.4929 23.3139 11.8072L21.3584 18.6601L29.355 11.8727H25.7976C25.4702 11.8727 25.1603 11.7199 24.9595 11.458C24.7587 11.1961 24.6976 10.8556 24.7893 10.5413L26.7404 3.71021Z",
             fill: "#1C64F2"
           }, null, -1),
-          d("path", {
+          f("path", {
             d: "M0 17.1264V5.22235H10.192C13.6 5.22235 14.544 6.53435 14.544 7.94235V8.16635C14.544 9.70235 13.232 10.3264 12.656 10.4864C13.472 10.6944 15.216 11.3984 15.216 13.4784V13.7024C15.216 15.5904 14.144 17.1264 10.288 17.1264H0ZM9.552 7.73435H3.728V9.67035H9.552C10.592 9.67035 10.848 9.19035 10.848 8.71035V8.67835C10.848 8.18235 10.592 7.73435 9.552 7.73435ZM9.872 12.1984H3.728V14.5344H9.872C11.12 14.5344 11.344 13.8464 11.344 13.3664V13.3024C11.344 12.7904 11.104 12.1984 9.872 12.1984Z",
             fill: "#1C64F2"
           }, null, -1)
         ])]))
       ]),
-      d("div", _r, [
-        d("div", null, [
-          d("div", wr, L(t.errorCode || "Error"), 1),
-          d("h1", Sr, L(t.title || "Something went wrong"), 1),
-          d("p", Cr, L(t.message || "An unexpected error occurred. Please try again later."), 1)
+      f("div", Ar, [
+        f("div", null, [
+          f("div", Fr, L(t.errorCode || "Error"), 1),
+          f("h1", Or, L(t.title || "Something went wrong"), 1),
+          f("p", zr, L(t.message || "An unexpected error occurred. Please try again later."), 1)
         ]),
-        d("div", $r, [
-          v(x(K), {
-            onClick: a,
+        f("div", Dr, [
+          b(w(G), {
+            onClick: o,
             size: "lg"
           }, {
             default: C(() => [...n[1] || (n[1] = [
@@ -3510,57 +3691,57 @@ const me = "bolt-next-token", Z = ie("auth", () => {
     ]));
   }
 };
-function sn(e = {}) {
+function yn(e = {}) {
   const {
     loginPath: s = "/login",
     logoutPath: t = "/logout",
-    forgotPasswordPath: a = "/forgot-password",
+    forgotPasswordPath: o = "/forgot-password",
     resetPasswordPath: l = "/password/reset",
     logo: n = "",
-    defaultRedirect: o = "/dashboard"
+    defaultRedirect: a = "/dashboard"
   } = e;
   return [
     {
       path: s,
       name: "login",
-      component: Fo,
-      props: { logo: n, defaultRedirect: o },
+      component: Xa,
+      props: { logo: n, defaultRedirect: a },
       meta: { auth: !1 }
     },
     {
       path: t,
       name: "logout",
-      component: Oo,
+      component: Ja,
       props: { defaultRedirect: s },
       meta: { auth: !1 }
     },
     {
-      path: a,
+      path: o,
       name: "forgot-password",
-      component: Go,
+      component: ir,
       props: { logo: n, loginRoute: s },
       meta: { auth: !1 }
     },
     {
       path: l,
       name: "password-reset",
-      component: ar,
+      component: yr,
       props: { logo: n, loginRoute: s },
       meta: { auth: !1 }
     }
   ];
 }
-function an(e, s = {}) {
+function vn(e, s = {}) {
   const { defaultAuthenticatedRoute: t = "/dashboard" } = s;
-  e.beforeEach(async (a, l, n) => {
-    const o = Z();
-    o.state.ready || await o.fetchUser(), Tr(a, n, o, t);
+  e.beforeEach(async (o, l, n) => {
+    const a = K();
+    a.state.ready || await a.fetchUser(), jr(o, n, a, t);
   });
 }
-function Tr(e, s, t, a) {
+function jr(e, s, t, o) {
   const l = e.meta.auth !== !1, n = t.check;
   if (t.state.overrideToken && e.path === "/logout") {
-    s({ path: a });
+    s({ path: o });
     return;
   }
   if (!n) {
@@ -3572,44 +3753,44 @@ function Tr(e, s, t, a) {
       s();
       return;
     }
-    let o = e.fullPath;
-    if (o === "/" || o === "" || o === a) {
+    let a = e.fullPath;
+    if (a === "/" || a === "" || a === o) {
       s({ path: t.state.routes.auth });
       return;
     }
-    o.includes("%") && (o = decodeURIComponent(o)), s({
+    a.includes("%") && (a = decodeURIComponent(a)), s({
       path: t.state.routes.auth,
-      query: { redirect: o }
+      query: { redirect: a }
     });
     return;
   }
   if (n) {
     if (!l && e.path === t.state.routes.auth) {
-      s({ path: a });
+      s({ path: o });
       return;
     }
     if (e.path === "/") {
-      s({ path: a });
+      s({ path: o });
       return;
     }
     s();
   }
 }
-function on(e = {}) {
+function bn(e = {}) {
   const {
     forbiddenPath: s = "/error/403",
     logo: t = "",
-    homeRoute: a = "/dashboard"
+    homeRoute: o = "/dashboard"
   } = e;
   return {
     path: s,
     name: "error-403",
-    component: ur,
-    props: { logo: t, homeRoute: a },
+    component: Sr,
+    props: { logo: t, homeRoute: o },
     meta: { auth: !1 }
   };
 }
-function rn(e = {}) {
+function xn(e = {}) {
   const {
     logo: s = "",
     homeRoute: t = "/dashboard"
@@ -3617,21 +3798,21 @@ function rn(e = {}) {
   return {
     path: "/:pathMatch(.*)*",
     name: "error-404",
-    component: yr,
+    component: Hr,
     props: { logo: s, homeRoute: t },
     meta: { auth: !1 }
   };
 }
-function nn(e, s) {
+function kn(e, s) {
   e.beforeResolve(async (t) => {
     if (t.meta.auth !== !1) {
-      const a = Z();
-      a.state.ready && a.check && await s();
+      const o = K();
+      o.state.ready && o.check && await s();
     }
   });
 }
-function Lr(e = {}) {
-  const s = oe.create({
+function Nr(e = {}) {
+  const s = re.create({
     baseURL: e.baseURL || "",
     timeout: e.timeout || 3e4,
     headers: {
@@ -3642,8 +3823,8 @@ function Lr(e = {}) {
   return s.interceptors.request.use(
     (t) => {
       try {
-        const a = Z();
-        a.state.overrideToken ? t.headers.Authorization = `Bearer ${a.state.overrideToken}` : a.state.token && (t.headers.Authorization = `Bearer ${a.state.token}`);
+        const o = K();
+        o.state.overrideToken ? t.headers.Authorization = `Bearer ${o.state.overrideToken}` : o.state.token && (t.headers.Authorization = `Bearer ${o.state.token}`);
       } catch {
       }
       return t;
@@ -3654,44 +3835,44 @@ function Lr(e = {}) {
     async (t) => {
       if (t.response?.status === 401)
         try {
-          const a = Z();
-          await a.logout(), window.location.href = a.state.routes.auth;
-        } catch (a) {
-          console.error("Error during auto-logout:", a), window.location.href = "/login";
+          const o = K();
+          await o.logout(), window.location.href = o.state.routes.auth;
+        } catch (o) {
+          console.error("Error during auto-logout:", o), window.location.href = "/login";
         }
       if (t.response?.status === 403)
         try {
-          const a = Z();
-          window.location.href = a.state.routes.forbidden;
-        } catch (a) {
-          console.error("Error during 403 redirect:", a), window.location.href = "/error/403";
+          const o = K();
+          window.location.href = o.state.routes.forbidden;
+        } catch (o) {
+          console.error("Error during 403 redirect:", o), window.location.href = "/error/403";
         }
       return Promise.reject(t);
     }
   ), s;
 }
 let ae = null;
-function ln(e, s = {}) {
-  return ae = Lr(s), e.provide("axios", ae), e.config.globalProperties.$axios = ae, ae;
+function wn(e, s = {}) {
+  return ae = Nr(s), e.provide("axios", ae), e.config.globalProperties.$axios = ae, ae;
 }
-function cn() {
+function _n() {
   if (!ae)
     throw new Error("Axios instance not initialized. Call setupAxios() first.");
   return ae;
 }
-const un = ie("sparkNav", () => {
+const Sn = ue("sparkNav", () => {
   const e = q({
     menu: [],
     collapsed: !1,
     hidden: !1
-  }), s = W(), t = re(), a = (i = []) => {
+  }), s = J(), t = ne(), o = (i = []) => {
     e.menu = i, r();
   }, l = (i, u) => {
-    for (const p of i) {
-      if (p.href === u) return p;
-      if (p.children) {
-        const f = l(p.children, u);
-        if (f) return f;
+    for (const d of i) {
+      if (d.href === u) return d;
+      if (d.children) {
+        const p = l(d.children, u);
+        if (p) return p;
       }
     }
     return null;
@@ -3704,22 +3885,22 @@ const un = ie("sparkNav", () => {
       }
       await s.push(i);
     }
-  }, o = () => {
+  }, a = () => {
     e.collapsed = !e.collapsed;
   }, c = () => {
     e.hidden = !e.hidden;
   }, r = () => {
     const i = t.name || t.path.replace("/", "");
     if (i) {
-      const u = (p) => {
-        p.forEach((f) => {
-          f.current = f.href === i, f.children && u(f.children);
+      const u = (d) => {
+        d.forEach((p) => {
+          p.current = p.href === i, p.children && u(p.children);
         });
       };
       u(e.menu);
     }
   };
-  return j(
+  return N(
     () => t.path,
     () => {
       r();
@@ -3727,70 +3908,72 @@ const un = ie("sparkNav", () => {
     { immediate: !0 }
   ), {
     state: e,
-    initialize: a,
+    initialize: o,
     goto: n,
-    toggleCollapsed: o,
+    toggleCollapsed: a,
     toggleHidden: c,
     syncWithRoute: r
   };
 });
 export {
   F as Icons,
-  te as SparkAlert,
-  ms as SparkAppSelector,
-  Fs as SparkBrandSelector,
-  K as SparkButton,
-  zs as SparkButtonGroup,
-  Yr as SparkCard,
-  Jr as SparkDefaultContainer,
-  ur as SparkError403View,
-  yr as SparkError404View,
-  tn as SparkErrorGeneralView,
-  Go as SparkForgotPasswordView,
-  Fo as SparkLoginView,
-  Oo as SparkLogoutView,
-  Ws as SparkModalContainer,
-  Zs as SparkModalDialog,
-  Gr as SparkNotificationOutlet,
-  ke as SparkOverlay,
-  Qr as SparkPublicContainer,
-  ar as SparkResetPasswordView,
-  Xr as SparkTable,
-  Da as SparkTableDatePicker,
-  za as SparkTableFilterButtons,
-  Ea as SparkTableFilterSelect,
-  $a as SparkTablePaginationPaging,
-  Pa as SparkTablePaginationPerPage,
-  Ka as SparkTableReset,
-  Ma as SparkTableSearch,
-  Ce as SparkTableToolbar,
-  Wr as SparkToastContainer,
-  Kr as addIcons,
-  on as create403Route,
-  rn as create404Route,
-  sn as createAuthRoutes,
-  Lr as createAxiosInstance,
-  en as createBootstrapService,
-  ta as customiseHeader,
-  wo as deleteCookie,
-  cn as getAxiosInstance,
-  ko as getCookie,
-  je as getDomain,
-  Xs as renderHeaderTitle,
-  _o as setCookie,
-  an as setupAuthGuards,
-  ln as setupAxios,
-  nn as setupBootstrapGuard,
-  Ur as setupFontAwesome,
-  se as sparkModalService,
-  G as sparkNotificationService,
-  ee as sparkOverlayService,
-  fa as updateRow,
-  Ae as useSparkAppSelectorStore,
-  Fe as useSparkAppStore,
-  Z as useSparkAuthStore,
-  ze as useSparkBrandFilterStore,
-  un as useSparkNavStore,
-  Te as useSparkOverlay,
-  ma as useSparkTableRouteSync
+  se as SparkAlert,
+  vs as SparkAppSelector,
+  js as SparkBrandSelector,
+  G as SparkButton,
+  Is as SparkButtonGroup,
+  dn as SparkCard,
+  fn as SparkDefaultContainer,
+  Sr as SparkError403View,
+  Hr as SparkError404View,
+  gn as SparkErrorGeneralView,
+  ir as SparkForgotPasswordView,
+  Xa as SparkLoginView,
+  Ja as SparkLogoutView,
+  Qs as SparkModalContainer,
+  Ws as SparkModalDialog,
+  cn as SparkNotificationOutlet,
+  Se as SparkOverlay,
+  mn as SparkPublicContainer,
+  yr as SparkResetPasswordView,
+  pn as SparkTable,
+  oa as SparkTableDatePicker,
+  ea as SparkTableFilterButtons,
+  Yo as SparkTableFilterSelect,
+  jo as SparkTablePaginationPaging,
+  Zo as SparkTablePaginationPerPage,
+  la as SparkTableReset,
+  Ko as SparkTableSearch,
+  Pe as SparkTableToolbar,
+  un as SparkToastContainer,
+  nn as addIcons,
+  bn as create403Route,
+  xn as create404Route,
+  yn as createAuthRoutes,
+  Nr as createAxiosInstance,
+  hn as createBootstrapService,
+  ro as customiseHeader,
+  Fa as deleteCookie,
+  _o as formatTemporal,
+  _n as getAxiosInstance,
+  Ea as getCookie,
+  Ze as getDomain,
+  So as parseDatetime,
+  to as renderHeaderTitle,
+  Aa as setCookie,
+  vn as setupAuthGuards,
+  wn as setupAxios,
+  kn as setupBootstrapGuard,
+  ln as setupFontAwesome,
+  oe as sparkModalService,
+  X as sparkNotificationService,
+  te as sparkOverlayService,
+  Lo as updateRow,
+  De as useSparkAppSelectorStore,
+  je as useSparkAppStore,
+  K as useSparkAuthStore,
+  Ie as useSparkBrandFilterStore,
+  Sn as useSparkNavStore,
+  He as useSparkOverlay,
+  Po as useSparkTableRouteSync
 };