@wishbone-media/spark 0.23.1 → 0.25.0

package/dist/index.js

@@ -1,88 +1,89 @@
-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 { computed as C, resolveComponent as A, createElementBlock as h, openBlock as m, normalizeClass as H, createElementVNode as f, createCommentVNode as L, createVNode as b, unref as x, renderSlot as O, reactive as q, Fragment as R, renderList as D, toDisplayString as P, createBlock as V, resolveDynamicComponent as N, markRaw as me, ref as B, watch as I, Transition as Ue, withCtx as T, normalizeProps as Ke, mergeProps as Z, createTextVNode as E, Teleport as Ge, TransitionGroup as le, inject as Ve, provide as We, toHandlers as Re, onMounted as xe, withModifiers as Q, useSlots as Ee, onUnmounted as Ye, withDirectives as Xe, vShow as Je, h as ke } from "vue";
+import { library as Be, icon as ce } from "@fortawesome/fontawesome-svg-core";
+import { FontAwesomeIcon as Qe } from "@fortawesome/vue-fontawesome";
+import { faInbox as et, faCloudDownload as tt, faBolt as st, faUndo as ot, faEye as at, faSignOut as rt, faXmark as nt, faTrash as lt, faTimes as it, faStreetView as ct, faSortUp as ut, faSortDown as dt, faSort as pt, faScaleBalanced as ft, faSatelliteDish as mt, faLayerPlus as ht, faLaptopMobile as gt, faInfoCircle as yt, faGripDotsVertical as vt, faGearComplex as bt, faFlag as xt, faFaceSmileWink as kt, faFaceSmileRelaxed as wt, faExclamationTriangle as _t, faEllipsisVertical as St, faEllipsis as Ct, faEdit as $t, faComments as Tt, faCircleXmark as Lt, faCircleUser as Pt, faChevronUp as Mt, faChevronRight as Ht, faChevronLeft as Vt, faChevronDown as Rt, faCheckCircle as Et, faCheck as Bt, faBullhorn as At, faBellRing as Ft, faBarsSort as Ot, faArrowRightToLine as zt, faArrowLeftToLine as Dt } 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 { TransitionRoot as Ae, Dialog as Fe, TransitionChild as fe, DialogPanel as Oe } from "@headlessui/vue";
+import he from "nprogress";
+import { range as jt, get as Y, find as It, has as Nt } from "lodash";
+import { HotTable as Zt } from "@handsontable/vue3";
 import "handsontable/styles/handsontable.css";
 import "handsontable/styles/ht-theme-classic.css";
-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 { registerPlugin as pe, AutoColumnSize as qt, CopyPaste as Ut, StretchColumns as Kt, NestedHeaders as Gt } from "handsontable/plugins";
+import { registerAllCellTypes as Wt } from "handsontable/cellTypes";
 import { useDebounceFn as ze, watchDebounced as we } from "@vueuse/core";
-import { registerRenderer as Kt, baseRenderer as Gt } from "handsontable/renderers";
+import { registerRenderer as Yt, baseRenderer as Xt } from "handsontable/renderers";
 import { useRouter as J, useRoute as ne } from "vue-router";
 import re from "axios";
-var Wt = {
+var Jt = {
   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"]]
-}, Yt = {
+}, Qt = {
   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"]]
-}, Xt = {
+}, es = {
   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: 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
+  farArrowLeftToLine: Dt,
+  farArrowRightToLine: zt,
+  farBarsSort: Ot,
+  farBellRing: Ft,
+  farBullhorn: At,
+  farCheck: Bt,
+  farCheckCircle: Et,
+  farChevronDown: Rt,
+  farChevronLeft: Vt,
+  farChevronRight: Ht,
+  farChevronUp: Mt,
+  farCircleUser: Pt,
+  farCircleXmark: Lt,
+  farComments: Tt,
+  farEdit: $t,
+  farEllipsis: Ct,
+  farEllipsisVertical: St,
+  farExclamationTriangle: _t,
+  farFaceSmileRelaxed: wt,
+  farFaceSmileWink: kt,
+  farFlag: xt,
+  farGearComplex: bt,
+  farGripDotsVertical: vt,
+  farInfoCircle: yt,
+  farLaptopMobile: gt,
+  farLayerPlus: ht,
+  farSatelliteDish: mt,
+  farScaleBalanced: ft,
+  farSort: pt,
+  farSortDown: dt,
+  farSortUp: ut,
+  farStreetView: ct,
+  farTimes: it,
+  farTrash: lt,
+  farXmark: nt,
+  farSignOut: rt,
+  farEye: at,
+  farUndo: ot,
+  farBolt: st,
+  farCloudDownload: tt,
+  farInbox: et,
+  fadSort: Qt,
+  fadSortDown: es,
+  fadSortUp: Jt
 };
-function nn(e) {
-  Object.assign(F, e), Ee.add(...Object.values(e));
+function dn(e) {
+  Object.assign(F, e), Be.add(...Object.values(e));
 }
-function ln(e) {
-  Ee.add(...Object.values(F)), e.component("FontAwesomeIcon", Xe);
+function pn(e) {
+  Be.add(...Object.values(F)), e.component("FontAwesomeIcon", Qe);
 }
-const Jt = { class: "flex items-center" }, Qt = { class: "shrink-0 self-start" }, es = { class: "ml-3" }, ts = {
+const ts = { class: "flex items-center" }, ss = { class: "shrink-0 self-start" }, os = { class: "ml-3" }, as = {
   key: 0,
   class: "ml-auto pl-3 pt-1 self-start"
-}, ss = { class: "-mx-1.5 -my-1.5" }, se = {
+}, rs = { class: "-mx-1.5 -my-1.5" }, se = {
   __name: "SparkAlert",
   props: {
     type: {
@@ -97,22 +98,22 @@ const Jt = { class: "flex items-center" }, Qt = { class: "shrink-0 self-start" }
   },
   emits: ["close"],
   setup(e) {
-    const s = e, t = S(() => ({
+    const s = e, t = C(() => ({
       success: "bg-green-50 border-green-200 text-green-700",
       warning: "bg-yellow-50 border-yellow-200 text-yellow-700",
       danger: "bg-red-50 border-red-200 text-red-700",
       info: "bg-blue-50 border-blue-200 text-blue-700"
-    })[s.type]), o = S(() => ({
+    })[s.type]), o = C(() => ({
       success: "text-green-400",
       warning: "text-yellow-400",
       danger: "text-red-400",
       info: "text-blue-400"
-    })[s.type]), l = S(() => ({
+    })[s.type]), l = C(() => ({
       success: "farCheckCircle",
       warning: "farExclamationTriangle",
       danger: "farCircleXmark",
       info: "farInfoCircle"
-    })[s.type]), n = S(() => ({
+    })[s.type]), n = C(() => ({
       success: "text-green-400 hover:bg-green-100",
       warning: "text-yellow-400 hover:bg-yellow-100",
       danger: "text-red-400 hover:bg-red-100",
@@ -120,37 +121,37 @@ const Jt = { class: "flex items-center" }, Qt = { class: "shrink-0 self-start" }
     })[s.type]);
     return (a, c) => {
       const r = A("font-awesome-icon");
-      return m(), g("div", {
+      return m(), h("div", {
         class: H(["rounded-md border p-4", t.value])
       }, [
-        f("div", Jt, [
-          f("div", Qt, [
+        f("div", ts, [
+          f("div", ss, [
             b(r, {
-              icon: w(F)[l.value],
+              icon: x(F)[l.value],
               class: H(o.value)
             }, null, 8, ["icon", "class"])
           ]),
-          f("div", es, [
+          f("div", os, [
             O(a.$slots, "default")
           ]),
-          e.closeable ? (m(), g("div", ts, [
-            f("div", ss, [
+          e.closeable ? (m(), h("div", as, [
+            f("div", rs, [
               f("button", {
                 type: "button",
                 class: H(["inline-flex rounded-md px-2 py-1.5", n.value]),
                 onClick: c[0] || (c[0] = (i) => a.$emit("close"))
               }, [
                 b(r, {
-                  icon: w(F).farXmark
+                  icon: x(F).farXmark
                 }, null, 8, ["icon"])
               ], 2)
             ])
-          ])) : T("", !0)
+          ])) : L("", !0)
         ])
       ], 2);
     };
   }
-}, he = [
+}, ge = [
   {
     name: "Bolt",
     description: "Job management",
@@ -201,7 +202,7 @@ const Jt = { class: "flex items-center" }, Qt = { class: "shrink-0 self-start" }
   }
 ], De = ue("sparkAppSelector", () => {
   const e = q({
-    apps: [...he]
+    apps: [...ge]
   }), s = (n = {}) => {
     if (n.apps && Array.isArray(n.apps)) {
       const a = n.apps.filter((c) => {
@@ -220,7 +221,7 @@ const Jt = { class: "flex items-center" }, Qt = { class: "shrink-0 self-start" }
       const a = /* @__PURE__ */ new Map();
       Object.keys(n.appHrefs).forEach((c) => {
         a.set(c.toLowerCase(), n.appHrefs[c]);
-      }), e.apps = he.map((c) => {
+      }), e.apps = ge.map((c) => {
         const r = a.get(c.name.toLowerCase());
         return {
           ...c,
@@ -229,8 +230,8 @@ const Jt = { class: "flex items-center" }, Qt = { class: "shrink-0 self-start" }
       });
       return;
     }
-    e.apps = [...he];
-  }, t = S(() => e.apps), o = (n) => {
+    e.apps = [...ge];
+  }, t = C(() => e.apps), o = (n) => {
     if (!n) return null;
     const a = n.toLowerCase();
     return e.apps.find((c) => c.name.toLowerCase() === a) || null;
@@ -258,16 +259,16 @@ const Jt = { class: "flex items-center" }, Qt = { class: "shrink-0 self-start" }
       e.app = t.app || "", e.homeRoute = t.homeRoute ?? "dashboard", e.showBrandSelector = t.showBrandSelector ?? !0, e.showAppSelector = t.showAppSelector ?? !0;
     }
   };
-}), 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 = {
+}), ns = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, ls = { class: "flex flex-1 flex-col" }, is = { class: "divide-y divide-gray-200" }, cs = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, us = { class: "ml-auto flex items-center" }, ds = ["href", "onClick"], ps = { class: "gap-y-1" }, fs = { class: "text-base text-gray-800 flex items-center" }, ms = { class: "font-medium" }, hs = {
   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"
-}, fs = { class: "text-sm text-gray-500" }, ms = { class: "ml-auto flex items-center" }, hs = { class: "mt-auto" }, gs = {
+}, gs = { class: "text-sm text-gray-500" }, ys = { class: "ml-auto flex items-center" }, vs = { class: "mt-auto" }, bs = {
   key: 0,
   class: "p-6"
-}, ys = {
+}, xs = {
   key: 1,
   class: "bg-gray-50 p-6"
-}, vs = {
+}, ks = {
   __name: "SparkAppSelector",
   props: {
     bottomSlot: {
@@ -281,7 +282,7 @@ const Jt = { class: "flex items-center" }, Qt = { class: "shrink-0 self-start" }
   },
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, o = De(), l = je(), n = S(() => {
+    const t = s, o = De(), l = je(), n = C(() => {
       const c = l.state.app;
       return o.state.apps.map((r) => ({
         ...r,
@@ -292,66 +293,66 @@ const Jt = { class: "flex items-center" }, Qt = { class: "shrink-0 self-start" }
     };
     return (c, r) => {
       const i = A("font-awesome-icon");
-      return m(), g("div", os, [
-        f("div", as, [
-          f("div", rs, [
-            f("div", ns, [
+      return m(), h("div", ns, [
+        f("div", ls, [
+          f("div", is, [
+            f("div", cs, [
               r[1] || (r[1] = f("div", null, "Mr Group Network", -1)),
-              f("div", ls, [
+              f("div", us, [
                 b(i, {
-                  icon: w(F).farTimes,
+                  icon: x(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"])
               ])
             ]),
-            (m(!0), g(R, null, z(n.value, (u) => (m(), g("a", {
+            (m(!0), h(R, null, D(n.value, (u) => (m(), h("a", {
               key: u.name,
               href: u.href,
               target: "_blank",
               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)
             }, [
-              f("div", cs, [
-                f("div", us, [
-                  f("div", ds, L(u.name), 1),
-                  u.current ? (m(), g("span", ps, " Active ")) : T("", !0)
+              f("div", ps, [
+                f("div", fs, [
+                  f("div", ms, P(u.name), 1),
+                  u.current ? (m(), h("span", hs, " Active ")) : L("", !0)
                 ]),
-                f("div", fs, L(u.description), 1)
+                f("div", gs, P(u.description), 1)
               ]),
-              f("div", ms, [
+              f("div", ys, [
                 b(i, {
                   class: H([u.current ? "text-gray-700" : "text-gray-400", "h-5 w-5 shrink-0"]),
-                  icon: w(F)[u.icon]
+                  icon: x(F)[u.icon]
                 }, null, 8, ["class", "icon"])
               ])
-            ], 10, is))), 128)),
+            ], 10, ds))), 128)),
             r[2] || (r[2] = f("div", null, null, -1))
           ]),
-          f("div", hs, [
-            c.$slots.bottom || e.bottomSlot ? (m(), g("div", gs, [
+          f("div", vs, [
+            c.$slots.bottom || e.bottomSlot ? (m(), h("div", bs, [
               O(c.$slots, "bottom", {}, () => [
-                e.bottomSlot ? (m(), V(I(e.bottomSlot), { key: 0 })) : T("", !0)
+                e.bottomSlot ? (m(), V(N(e.bottomSlot), { key: 0 })) : L("", !0)
               ])
-            ])) : T("", !0),
-            c.$slots.footer || e.footerSlot ? (m(), g("div", ys, [
+            ])) : L("", !0),
+            c.$slots.footer || e.footerSlot ? (m(), h("div", xs, [
               O(c.$slots, "footer", {}, () => [
-                e.footerSlot ? (m(), V(I(e.footerSlot), { key: 0 })) : T("", !0)
+                e.footerSlot ? (m(), V(N(e.footerSlot), { key: 0 })) : L("", !0)
               ])
-            ])) : T("", !0)
+            ])) : L("", !0)
           ])
         ])
       ]);
     };
   }
-}, Ne = {
+}, Ie = {
   success: 5e3,
   info: 5e3,
   warning: 5e3,
   danger: 0
   // sticky by default
 }, _e = ["top-left", "top-right", "center", "bottom-left", "bottom-right"];
-function bs() {
+function ws() {
   const e = q({
     isVisible: !1,
     type: "info",
@@ -376,16 +377,16 @@ function bs() {
     show: (p = {}) => {
       n();
       const {
-        type: y = "info",
+        type: v = "info",
         message: k = null,
-        component: h = null,
-        props: x = {},
-        closeable: P = !0,
-        duration: _ = null
+        component: $ = null,
+        props: g = {},
+        closeable: _ = !0,
+        duration: w = 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);
+      e.type = v, e.message = k, e.component = $ ? me($) : null, e.props = g, e.closeable = _, e.isVisible = !0;
+      const y = w !== null ? w : Ie[v];
+      e.duration = y, y > 0 && c(y);
     },
     hide: a,
     reset: () => {
@@ -404,7 +405,7 @@ function bs() {
     }
   };
 }
-class xs {
+class _s {
   constructor() {
     this.outlets = /* @__PURE__ */ new Map(), this.toastState = q({
       toasts: [],
@@ -422,7 +423,7 @@ class xs {
    * @returns {Object} Notification outlet instance
    */
   getOutlet(s = "default") {
-    return this.outlets.has(s) || this.outlets.set(s, bs()), this.outlets.get(s);
+    return this.outlets.has(s) || this.outlets.set(s, ws()), this.outlets.get(s);
   }
   /**
    * Show a banner notification in the specified outlet
@@ -516,23 +517,23 @@ class xs {
       closeable: a = !0,
       duration: c = null,
       position: r = null
-    } = s, i = ++this._toastIdCounter, u = r && _e.includes(r) ? r : this.toastState.defaultPosition, d = c !== null ? c : Ne[t], p = {
+    } = s, i = ++this._toastIdCounter, u = r && _e.includes(r) ? r : this.toastState.defaultPosition, d = c !== null ? c : Ie[t], p = {
       id: i,
       type: t,
       message: o,
-      component: l ? fe(l) : null,
+      component: l ? me(l) : null,
       props: n,
       closeable: a,
       duration: d,
       position: u,
       createdAt: Date.now()
-    }, y = this.toastState.toasts.filter((k) => k.position === u);
-    if (y.length >= this.toastState.maxToasts) {
-      const k = this.toastState.newestOnTop ? y[y.length - 1] : y[0];
+    }, v = this.toastState.toasts.filter((k) => k.position === u);
+    if (v.length >= this.toastState.maxToasts) {
+      const k = this.toastState.newestOnTop ? v[v.length - 1] : v[0];
       this.hideToast(k.id);
     }
     if (this.toastState.newestOnTop) {
-      const k = this.toastState.toasts.findIndex((h) => h.position === u);
+      const k = this.toastState.toasts.findIndex(($) => $.position === u);
       k === -1 ? this.toastState.toasts.push(p) : this.toastState.toasts.splice(k, 0, p);
     } else
       this.toastState.toasts.push(p);
@@ -609,7 +610,7 @@ class xs {
     t && (t.timeout && clearTimeout(t.timeout), this._toastTimers.delete(s));
   }
 }
-const X = new xs(), cn = {
+const X = new _s(), fn = {
   __name: "SparkNotificationOutlet",
   props: {
     name: {
@@ -618,8 +619,8 @@ const X = new xs(), cn = {
     }
   },
   setup(e) {
-    const s = e, t = S(() => X.getOutlet(s.name)), o = E(0);
-    N(
+    const s = e, t = C(() => X.getOutlet(s.name)), o = B(0);
+    I(
       () => [t.value.state.message, t.value.state.component, t.value.state.type],
       () => {
         t.value.state.isVisible && o.value++;
@@ -641,7 +642,7 @@ const X = new xs(), cn = {
       "leave-to-class": "opacity-0 -translate-y-2",
       mode: "out-in"
     }, {
-      default: C(() => [
+      default: T(() => [
         t.value.state.isVisible ? (m(), V(se, {
           key: o.value,
           type: t.value.state.type,
@@ -650,29 +651,29 @@ const X = new xs(), cn = {
           onMouseenter: n,
           onMouseleave: a
         }, {
-          default: C(() => [
-            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)
+          default: T(() => [
+            t.value.state.component ? (m(), V(N(t.value.state.component), Ke(Z({ key: 0 }, t.value.state.props)), null, 16)) : (m(), h(R, { key: 1 }, [
+              E(P(t.value.state.message), 1)
             ], 64))
           ]),
           _: 1
-        }, 8, ["type", "closeable"])) : T("", !0)
+        }, 8, ["type", "closeable"])) : L("", !0)
       ]),
       _: 1
     }));
   }
-}, 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 = {
+}, Ss = { class: "fixed top-4 left-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, Cs = { 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" }, Ts = { class: "fixed bottom-4 left-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, Ls = { class: "fixed bottom-4 right-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, mn = {
   __name: "SparkToastContainer",
   setup(e) {
-    const s = X.toastState, t = S(
+    const s = X.toastState, t = C(
       () => s.toasts.filter((u) => u.position === "top-left")
-    ), o = S(
+    ), o = C(
       () => s.toasts.filter((u) => u.position === "top-right")
-    ), l = S(
+    ), l = C(
       () => s.toasts.filter((u) => u.position === "center")
-    ), n = S(
+    ), n = C(
       () => s.toasts.filter((u) => u.position === "bottom-left")
-    ), a = S(
+    ), a = C(
       () => s.toasts.filter((u) => u.position === "bottom-right")
     ), c = (u) => {
       X.hideToast(u);
@@ -682,7 +683,7 @@ const X = new xs(), cn = {
       X.resumeToast(u);
     };
     return (u, d) => (m(), V(Ge, { to: "body" }, [
-      f("div", ks, [
+      f("div", Ss, [
         b(le, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 -translate-x-4",
@@ -691,24 +692,24 @@ const X = new xs(), cn = {
           "leave-from-class": "opacity-100 translate-x-0",
           "leave-to-class": "opacity-0 -translate-x-4"
         }, {
-          default: C(() => [
-            (m(!0), g(R, null, z(t.value, (p) => (m(), g("div", {
+          default: T(() => [
+            (m(!0), h(R, null, D(t.value, (p) => (m(), h("div", {
               key: p.id,
               class: "pointer-events-auto"
             }, [
               b(se, {
                 type: p.type,
                 closeable: p.closeable,
-                onClose: (y) => c(p.id),
-                onMouseenter: (y) => r(p.id),
-                onMouseleave: (y) => i(p.id)
+                onClose: (v) => c(p.id),
+                onMouseenter: (v) => r(p.id),
+                onMouseleave: (v) => i(p.id)
               }, {
-                default: C(() => [
-                  p.component ? (m(), V(I(p.component), Z({
+                default: T(() => [
+                  p.component ? (m(), V(N(p.component), Z({
                     key: 0,
                     ref_for: !0
-                  }, p.props), null, 16)) : (m(), g(R, { key: 1 }, [
-                    B(L(p.message), 1)
+                  }, p.props), null, 16)) : (m(), h(R, { key: 1 }, [
+                    E(P(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -718,7 +719,7 @@ const X = new xs(), cn = {
           _: 1
         })
       ]),
-      f("div", ws, [
+      f("div", Cs, [
         b(le, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 translate-x-4",
@@ -727,24 +728,24 @@ const X = new xs(), cn = {
           "leave-from-class": "opacity-100 translate-x-0",
           "leave-to-class": "opacity-0 translate-x-4"
         }, {
-          default: C(() => [
-            (m(!0), g(R, null, z(o.value, (p) => (m(), g("div", {
+          default: T(() => [
+            (m(!0), h(R, null, D(o.value, (p) => (m(), h("div", {
               key: p.id,
               class: "pointer-events-auto"
             }, [
               b(se, {
                 type: p.type,
                 closeable: p.closeable,
-                onClose: (y) => c(p.id),
-                onMouseenter: (y) => r(p.id),
-                onMouseleave: (y) => i(p.id)
+                onClose: (v) => c(p.id),
+                onMouseenter: (v) => r(p.id),
+                onMouseleave: (v) => i(p.id)
               }, {
-                default: C(() => [
-                  p.component ? (m(), V(I(p.component), Z({
+                default: T(() => [
+                  p.component ? (m(), V(N(p.component), Z({
                     key: 0,
                     ref_for: !0
-                  }, p.props), null, 16)) : (m(), g(R, { key: 1 }, [
-                    B(L(p.message), 1)
+                  }, p.props), null, 16)) : (m(), h(R, { key: 1 }, [
+                    E(P(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -754,7 +755,7 @@ const X = new xs(), cn = {
           _: 1
         })
       ]),
-      f("div", _s, [
+      f("div", $s, [
         b(le, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 scale-95",
@@ -763,24 +764,24 @@ const X = new xs(), cn = {
           "leave-from-class": "opacity-100 scale-100",
           "leave-to-class": "opacity-0 scale-95"
         }, {
-          default: C(() => [
-            (m(!0), g(R, null, z(l.value, (p) => (m(), g("div", {
+          default: T(() => [
+            (m(!0), h(R, null, D(l.value, (p) => (m(), h("div", {
               key: p.id,
               class: "pointer-events-auto"
             }, [
               b(se, {
                 type: p.type,
                 closeable: p.closeable,
-                onClose: (y) => c(p.id),
-                onMouseenter: (y) => r(p.id),
-                onMouseleave: (y) => i(p.id)
+                onClose: (v) => c(p.id),
+                onMouseenter: (v) => r(p.id),
+                onMouseleave: (v) => i(p.id)
               }, {
-                default: C(() => [
-                  p.component ? (m(), V(I(p.component), Z({
+                default: T(() => [
+                  p.component ? (m(), V(N(p.component), Z({
                     key: 0,
                     ref_for: !0
-                  }, p.props), null, 16)) : (m(), g(R, { key: 1 }, [
-                    B(L(p.message), 1)
+                  }, p.props), null, 16)) : (m(), h(R, { key: 1 }, [
+                    E(P(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -790,7 +791,7 @@ const X = new xs(), cn = {
           _: 1
         })
       ]),
-      f("div", Ss, [
+      f("div", Ts, [
         b(le, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 -translate-x-4",
@@ -799,24 +800,24 @@ const X = new xs(), cn = {
           "leave-from-class": "opacity-100 translate-x-0",
           "leave-to-class": "opacity-0 -translate-x-4"
         }, {
-          default: C(() => [
-            (m(!0), g(R, null, z(n.value, (p) => (m(), g("div", {
+          default: T(() => [
+            (m(!0), h(R, null, D(n.value, (p) => (m(), h("div", {
               key: p.id,
               class: "pointer-events-auto"
             }, [
               b(se, {
                 type: p.type,
                 closeable: p.closeable,
-                onClose: (y) => c(p.id),
-                onMouseenter: (y) => r(p.id),
-                onMouseleave: (y) => i(p.id)
+                onClose: (v) => c(p.id),
+                onMouseenter: (v) => r(p.id),
+                onMouseleave: (v) => i(p.id)
               }, {
-                default: C(() => [
-                  p.component ? (m(), V(I(p.component), Z({
+                default: T(() => [
+                  p.component ? (m(), V(N(p.component), Z({
                     key: 0,
                     ref_for: !0
-                  }, p.props), null, 16)) : (m(), g(R, { key: 1 }, [
-                    B(L(p.message), 1)
+                  }, p.props), null, 16)) : (m(), h(R, { key: 1 }, [
+                    E(P(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -826,7 +827,7 @@ const X = new xs(), cn = {
           _: 1
         })
       ]),
-      f("div", Cs, [
+      f("div", Ls, [
         b(le, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 translate-x-4",
@@ -835,24 +836,24 @@ const X = new xs(), cn = {
           "leave-from-class": "opacity-100 translate-x-0",
           "leave-to-class": "opacity-0 translate-x-4"
         }, {
-          default: C(() => [
-            (m(!0), g(R, null, z(a.value, (p) => (m(), g("div", {
+          default: T(() => [
+            (m(!0), h(R, null, D(a.value, (p) => (m(), h("div", {
               key: p.id,
               class: "pointer-events-auto"
             }, [
               b(se, {
                 type: p.type,
                 closeable: p.closeable,
-                onClose: (y) => c(p.id),
-                onMouseenter: (y) => r(p.id),
-                onMouseleave: (y) => i(p.id)
+                onClose: (v) => c(p.id),
+                onMouseenter: (v) => r(p.id),
+                onMouseleave: (v) => i(p.id)
               }, {
-                default: C(() => [
-                  p.component ? (m(), V(I(p.component), Z({
+                default: T(() => [
+                  p.component ? (m(), V(N(p.component), Z({
                     key: 0,
                     ref_for: !0
-                  }, p.props), null, 16)) : (m(), g(R, { key: 1 }, [
-                    B(L(p.message), 1)
+                  }, p.props), null, 16)) : (m(), h(R, { key: 1 }, [
+                    E(P(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -864,7 +865,7 @@ const X = new xs(), cn = {
       ])
     ]));
   }
-}, Ie = ue(
+}, Ne = ue(
   "brandFilter",
   () => {
     const e = q({
@@ -886,7 +887,7 @@ const X = new xs(), cn = {
         logo: r.logo,
         current: r.current || !1
       }));
-    }, t = S(() => e.brands.find((n) => n.current) || null), o = S(() => e.brands);
+    }, t = C(() => e.brands.find((n) => n.current) || null), o = C(() => e.brands);
     return {
       state: e,
       initialize: s,
@@ -908,57 +909,57 @@ const X = new xs(), cn = {
       paths: ["state.brands"]
     }
   }
-), $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 = {
+), Ps = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Ms = { class: "flex flex-1 flex-col" }, Hs = { class: "divide-y divide-gray-200" }, Vs = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Rs = { class: "ml-auto flex items-center" }, Es = {
   key: 0,
   class: "flex px-[22px] py-[15px] text-gray-500 text-sm"
-}, 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 = {
+}, Bs = ["onClick"], As = { class: "w-full gap-y-1 flex justify-between" }, Fs = { class: "flex flex-col" }, Os = { class: "flex items-center" }, zs = { class: "font-medium text-base text-gray-900" }, Ds = {
   key: 0,
   class: "inline-flex items-center rounded-full bg-green-100 px-1.5 py-0.5 text-xs font-medium text-green-800 ml-1"
-}, Os = { class: "text-sm text-gray-500 font-normal" }, zs = { class: "flex items-center" }, Ds = ["src", "alt"], js = {
+}, js = { class: "text-sm text-gray-500 font-normal" }, Is = { class: "flex items-center" }, Ns = ["src", "alt"], Zs = {
   __name: "SparkBrandSelector",
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, o = Ie(), l = (n) => {
+    const t = s, o = Ne(), l = (n) => {
       t("select", n);
     };
     return (n, a) => {
       const c = A("font-awesome-icon");
-      return m(), g("div", $s, [
-        f("div", Ts, [
-          f("div", Ls, [
-            f("div", Ps, [
+      return m(), h("div", Ps, [
+        f("div", Ms, [
+          f("div", Hs, [
+            f("div", Vs, [
               a[1] || (a[1] = f("div", null, "Filter by Brand", -1)),
-              f("div", Ms, [
+              f("div", Rs, [
                 b(c, {
-                  icon: w(F).farTimes,
+                  icon: x(F).farTimes,
                   class: "size-4 text-gray-400 cursor-pointer",
                   onClick: a[0] || (a[0] = (r) => t("close"))
                 }, null, 8, ["icon"])
               ])
             ]),
-            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", {
+            x(o).allBrands.length === 0 ? (m(), h("div", Es, " No brands configured ")) : L("", !0),
+            (m(!0), h(R, null, D(x(o).allBrands, (r) => (m(), h("div", {
               key: r.id,
               class: H([r.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
               onClick: (i) => l(r)
             }, [
-              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)
+              f("div", As, [
+                f("div", Fs, [
+                  f("div", Os, [
+                    f("div", zs, P(r.name), 1),
+                    r.current ? (m(), h("span", Ds, " Current ")) : L("", !0)
                   ]),
-                  f("div", Os, L(r.current ? "Current Brand" : "Change to"), 1)
+                  f("div", js, P(r.current ? "Current Brand" : "Change to"), 1)
                 ]),
-                f("div", zs, [
+                f("div", Is, [
                   f("img", {
                     src: r.logo,
                     alt: `${r.name} logo`,
                     class: "h-8 w-auto"
-                  }, null, 8, Ds)
+                  }, null, 8, Ns)
                 ])
               ])
-            ], 10, Vs))), 128)),
+            ], 10, Bs))), 128)),
             a[2] || (a[2] = f("div", null, null, -1))
           ]),
           a[3] || (a[3] = f("div", { class: "mt-auto" }, null, -1))
@@ -966,7 +967,7 @@ const X = new xs(), cn = {
       ]);
     };
   }
-}, Ns = ["disabled"], G = {
+}, qs = ["disabled"], G = {
   __name: "SparkButton",
   props: {
     size: {
@@ -989,7 +990,7 @@ const X = new xs(), cn = {
   },
   emits: ["click"],
   setup(e) {
-    const s = e, t = E(null), o = Ve("buttonGroup", null), l = S(() => {
+    const s = e, t = B(null), o = Ve("buttonGroup", null), l = C(() => {
       if (!o?.isInGroup || !t.value) return null;
       const r = o.getButtonIndex(t.value), i = o.getButtonCount();
       return {
@@ -1011,31 +1012,31 @@ const X = new xs(), cn = {
     }, a = (r, i) => {
       if (!i) return r;
       const u = r.split(" ").filter(Boolean), d = i.split(" ").filter(Boolean);
-      return [...u.filter((y) => !d.some((k) => {
-        const h = Object.entries(n).find(
-          ([P, _]) => _.test(y)
-        )?.[0], x = Object.entries(n).find(
-          ([P, _]) => _.test(k)
+      return [...u.filter((v) => !d.some((k) => {
+        const $ = Object.entries(n).find(
+          ([_, w]) => w.test(v)
+        )?.[0], g = Object.entries(n).find(
+          ([_, w]) => w.test(k)
         )?.[0];
-        return h && h === x;
+        return $ && $ === g;
       })), ...d].join(" ");
-    }, c = S(() => {
+    }, c = C(() => {
       let r = "", i = "";
       switch (s.size) {
         case "xs":
-          r += " px-2 py-1 text-xs", i = "sm";
+          r += " px-4 py-1 text-xs", i = "sm";
           break;
         case "sm":
-          r += " px-2 py-1 text-sm", i = "sm";
+          r += " px-4 py-1 text-sm", i = "sm";
           break;
         case "md":
-          r += " px-2.5 py-1.5 text-sm", i = "md";
+          r += " px-5 py-1.5 text-sm", i = "md";
           break;
         case "lg":
-          r += " px-3 py-2 text-sm", i = "md";
+          r += " px-6 py-2 text-sm", i = "md";
           break;
         case "xl":
-          r += " px-3.5 py-2.5 min-h-[42px] text-sm", i = "md";
+          r += " px-7 py-2.5 min-h-[42px] text-sm", i = "md";
           break;
       }
       if (o?.isInGroup && l.value) {
@@ -1067,7 +1068,7 @@ const X = new xs(), cn = {
       }
       return r = a(r, s.buttonClass), r;
     });
-    return (r, i) => (m(), g("button", {
+    return (r, i) => (m(), h("button", {
       type: "button",
       ref_key: "buttonRef",
       ref: t,
@@ -1076,17 +1077,17 @@ const X = new xs(), cn = {
       onClick: i[0] || (i[0] = (u) => r.$emit("click"))
     }, [
       O(r.$slots, "default")
-    ], 10, Ns));
+    ], 10, qs));
   }
-}, Is = {
+}, Us = {
   __name: "SparkButtonGroup",
   setup(e) {
-    const s = E(null);
+    const s = B(null);
     return We("buttonGroup", {
       isInGroup: !0,
       getButtonIndex: (l) => s.value ? Array.from(s.value.children).indexOf(l) : -1,
       getButtonCount: () => s.value?.children.length || 0
-    }), (l, n) => (m(), g("div", {
+    }), (l, n) => (m(), h("div", {
       class: "inline-flex rounded-md shadow-xs",
       ref_key: "groupRef",
       ref: s
@@ -1094,13 +1095,13 @@ const X = new xs(), cn = {
       O(l.$slots, "default")
     ], 512));
   }
-}, Zs = { class: "divide-y divide-gray-300 rounded-lg border border-gray-300 text-gray-700 bg-gray-100" }, qs = {
+}, Ks = { class: "divide-y divide-gray-300 rounded-lg border border-gray-300 text-gray-700 bg-gray-100" }, Gs = {
   key: 0,
-  class: "p-5"
-}, Us = {
+  class: "px-[30px] py-5"
+}, Ws = {
   key: 1,
   class: "p-5"
-}, dn = {
+}, hn = {
   __name: "SparkCard",
   props: {
     padded: {
@@ -1114,24 +1115,24 @@ const X = new xs(), cn = {
   },
   setup(e) {
     const s = e;
-    return (t, o) => (m(), g("div", Zs, [
-      t.$slots.header ? (m(), g("div", qs, [
+    return (t, o) => (m(), h("div", Ks, [
+      t.$slots.header ? (m(), h("div", Gs, [
         O(t.$slots, "header")
-      ])) : T("", !0),
+      ])) : L("", !0),
       f("div", {
         class: H([s.padded ? s.paddedClass : ""])
       }, [
         O(t.$slots, "default")
       ], 2),
-      t.$slots.footer ? (m(), g("div", Us, [
+      t.$slots.footer ? (m(), h("div", Ws, [
         O(t.$slots, "footer")
-      ])) : T("", !0)
+      ])) : L("", !0)
     ]));
   }
-}, Ks = { class: "px-4 pt-5 pb-4 sm:p-6" }, Gs = {
+}, Ys = { class: "px-4 pt-5 pb-4 sm:p-6" }, Xs = {
   key: 0,
   class: "text-lg font-medium text-gray-900"
-}, Ws = {
+}, Js = {
   __name: "SparkModalDialog",
   props: {
     title: {
@@ -1181,7 +1182,7 @@ const X = new xs(), cn = {
     "input"
   ],
   setup(e) {
-    const s = e, t = S(() => !s.buttons || s.buttons.length === 0 ? [{ text: "OK", variant: "primary", event: "ok" }] : s.buttons), o = S(() => {
+    const s = e, t = C(() => !s.buttons || s.buttons.length === 0 ? [{ text: "OK", variant: "primary", event: "ok" }] : s.buttons), o = C(() => {
       switch (t.value.length) {
         case 1:
           return "sm:grid sm:grid-flow-row-dense";
@@ -1197,12 +1198,12 @@ const X = new xs(), cn = {
       success: "farCheckCircle",
       warning: "farExclamationTriangle",
       danger: "farCircleXmark"
-    }, n = S(() => s.icon || l[s.type]), a = S(() => ({
+    }, n = C(() => s.icon || l[s.type]), a = C(() => ({
       info: "bg-blue-100",
       success: "bg-green-100",
       warning: "bg-yellow-100",
       danger: "bg-red-100"
-    })[s.type]), c = S(() => ({
+    })[s.type]), c = C(() => ({
       info: "text-blue-400",
       success: "text-green-400",
       warning: "text-yellow-400",
@@ -1210,35 +1211,35 @@ const X = new xs(), cn = {
     })[s.type]);
     return (r, i) => {
       const u = A("font-awesome-icon");
-      return m(), g("div", Ks, [
-        n.value ? (m(), g("div", {
+      return m(), h("div", Ys, [
+        n.value ? (m(), h("div", {
           key: 0,
           class: H(["mx-auto flex size-12 items-center justify-center rounded-full", a.value])
         }, [
           b(u, {
-            icon: w(F)[n.value],
+            icon: x(F)[n.value],
             class: H(["h-5 w-5", c.value])
           }, null, 8, ["icon", "class"])
-        ], 2)) : T("", !0),
+        ], 2)) : L("", !0),
         f("div", {
           class: H(["text-center", { "mt-3 sm:mt-5": n.value }])
         }, [
-          e.title ? (m(), g("h3", Gs, L(e.title), 1)) : T("", !0),
-          e.message ? (m(), g("div", {
+          e.title ? (m(), h("h3", Xs, P(e.title), 1)) : L("", !0),
+          e.message ? (m(), h("div", {
             key: 1,
             class: H([{ "mt-2": e.title }, "text-sm text-gray-500"])
-          }, L(e.message), 3)) : T("", !0)
+          }, P(e.message), 3)) : L("", !0)
         ], 2),
         f("div", {
           class: H(["mt-5 sm:mt-6", o.value])
         }, [
-          (m(!0), g(R, null, z(t.value, (d, p) => (m(), V(w(G), {
+          (m(!0), h(R, null, D(t.value, (d, p) => (m(), V(x(G), {
             key: p,
             variant: d.variant,
-            onClick: (y) => r.$emit(d.event, d)
+            onClick: (v) => r.$emit(d.event, d)
           }, {
-            default: C(() => [
-              B(L(d.text), 1)
+            default: T(() => [
+              E(P(d.text), 1)
             ]),
             _: 2
           }, 1032, ["variant", "onClick"]))), 128))
@@ -1247,7 +1248,7 @@ const X = new xs(), cn = {
     };
   }
 };
-class Ys {
+class Qs {
   constructor() {
     this.state = q({
       isVisible: !1,
@@ -1257,7 +1258,7 @@ class Ys {
     });
   }
   show = (s, t = {}, o = {}) => {
-    this.state.content = fe(s), this.state.props = t, this.state.eventHandlers = o, this.state.isVisible = !0;
+    this.state.content = me(s), this.state.props = t, this.state.eventHandlers = o, this.state.isVisible = !0;
   };
   hide = () => {
     this.state.isVisible = !1, this.state.eventHandlers = {};
@@ -1284,7 +1285,7 @@ class Ys {
       confirmVariant: r = "primary"
     } = s;
     this.show(
-      Ws,
+      Js,
       {
         title: o,
         message: l,
@@ -1305,20 +1306,20 @@ class Ys {
     );
   });
 }
-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 = {
+const oe = new Qs(), eo = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, to = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, so = {
   __name: "SparkModalContainer",
   setup(e) {
-    return (s, t) => (m(), V(w(Ae), {
+    return (s, t) => (m(), V(x(Ae), {
       as: "template",
-      show: w(oe).state.isVisible
+      show: x(oe).state.isVisible
     }, {
-      default: C(() => [
-        b(w(Fe), {
+      default: T(() => [
+        b(x(Fe), {
           class: "relative z-1000",
-          onClose: w(oe).hide
+          onClose: x(oe).hide
         }, {
-          default: C(() => [
-            b(w(pe), {
+          default: T(() => [
+            b(x(fe), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -1327,14 +1328,14 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               "leave-from": "opacity-100",
               "leave-to": "opacity-0"
             }, {
-              default: C(() => [...t[0] || (t[0] = [
+              default: T(() => [...t[0] || (t[0] = [
                 f("div", { class: "fixed inset-0 bg-gray-500/75 transition-opacity" }, null, -1)
               ])]),
               _: 1
             }),
-            f("div", Xs, [
-              f("div", Js, [
-                b(w(pe), {
+            f("div", eo, [
+              f("div", to, [
+                b(x(fe), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -1343,10 +1344,10 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                   "leave-from": "opacity-100 translate-y-0 sm:scale-100",
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 }, {
-                  default: C(() => [
-                    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(), V(I(w(oe).state.content), Z(w(oe).state.props, Re(w(oe).state.eventHandlers)), null, 16))
+                  default: T(() => [
+                    b(x(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: T(() => [
+                        (m(), V(N(x(oe).state.content), Z(x(oe).state.props, Re(x(oe).state.eventHandlers)), null, 16))
                       ]),
                       _: 1
                     })
@@ -1362,7 +1363,7 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}, eo = { class: "fixed inset-0 flex" }, Se = {
+}, oo = { class: "fixed inset-0 flex" }, Se = {
   __name: "SparkOverlay",
   props: {
     position: {
@@ -1377,27 +1378,27 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   },
   emits: ["close"],
   setup(e, { emit: s }) {
-    const t = E(null), o = {
+    const t = B(null), o = {
       xs: "w-[250px]",
       sm: "w-[300px]",
       md: "w-[450px]",
       lg: "w-[810px]",
       xl: "w-[1000px]"
-    }, l = e, n = s, a = S(() => o[l.overlayInstance.state.size] || o.md), c = () => {
+    }, l = e, n = s, a = C(() => o[l.overlayInstance.state.size] || o.md), c = () => {
       l.overlayInstance.close(), n("close");
     };
-    return (r, i) => (m(), V(w(Ae), {
+    return (r, i) => (m(), V(x(Ae), {
       show: e.overlayInstance.state.isVisible,
       as: "template"
     }, {
-      default: C(() => [
-        b(w(Fe), {
+      default: T(() => [
+        b(x(Fe), {
           initialFocus: t.value,
           class: "relative z-1000",
           onClose: c
         }, {
-          default: C(() => [
-            b(w(pe), {
+          default: T(() => [
+            b(x(fe), {
               as: "template",
               enter: "transition-opacity ease-linear duration-150",
               "enter-from": "opacity-0",
@@ -1406,13 +1407,13 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               "leave-from": "opacity-100",
               "leave-to": "opacity-0"
             }, {
-              default: C(() => [...i[0] || (i[0] = [
+              default: T(() => [...i[0] || (i[0] = [
                 f("div", { class: "fixed inset-0 bg-gray-600/30" }, null, -1)
               ])]),
               _: 1
             }),
-            f("div", eo, [
-              b(w(pe), {
+            f("div", oo, [
+              b(x(fe), {
                 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",
@@ -1421,8 +1422,8 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                 "leave-from": "translate-x-0 opacity-100",
                 "leave-to": e.position === "left" ? "-translate-x-full opacity-0" : "translate-x-full opacity-0"
               }, {
-                default: C(() => [
-                  b(w(Oe), {
+                default: T(() => [
+                  b(x(Oe), {
                     ref_key: "panelRef",
                     ref: t,
                     class: H([
@@ -1431,8 +1432,8 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                       e.position === "left" ? "relative left-[10px]" : "absolute right-[10px] h-full"
                     ])
                   }, {
-                    default: C(() => [
-                      (m(), V(I(e.overlayInstance.state.content), Z(e.overlayInstance.state.props, Re(e.overlayInstance.state.eventHandlers)), null, 16))
+                    default: T(() => [
+                      (m(), V(N(e.overlayInstance.state.content), Z(e.overlayInstance.state.props, Re(e.overlayInstance.state.eventHandlers)), null, 16))
                     ]),
                     _: 1
                   }, 8, ["class"])
@@ -1447,13 +1448,13 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}, to = (e) => {
+}, ao = (e) => {
   if (e.includes(".")) {
     const s = e.split(".");
     e = s[s.length - 1];
   }
   return e.replace(/_/g, " ");
-}, so = (e, s, t) => {
+}, ro = (e, s, t) => {
   const o = s.querySelector(".relative");
   if (!o || o.querySelector(".spark-table-head-sorting"))
     return;
@@ -1468,7 +1469,7 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       sortedBy: "asc"
     }));
   });
-}, oo = (e, s, t) => {
+}, no = (e, s, t) => {
   if (s.querySelector(".spark-table-head-filter"))
     return;
   const o = document.createElement("div"), l = document.createElement("input");
@@ -1483,19 +1484,19 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     await t.methods.removeParam(i);
   }, 200);
   l.addEventListener("keyup", (a) => n(e, a)), s.appendChild(o);
-}, ao = (e, s, t) => {
+}, lo = (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 = to(s);
-}, ro = (e, s, t) => {
+  l.classList.add("spark-table-head-title"), l.innerHTML = ao(s);
+}, io = (e, s, t) => {
   if (typeof e != "number")
     return e;
   if (e < 0)
     return;
   let o = 2;
   const l = t.methods.colToProp(e), n = t.methods.getSettingsForProp(l);
-  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) => {
+  s.childElementCount === 1 && ((!n || !n.columnSort) && o--, (!n || !n.columnFilter) && o--, n && n.columnSort && ro(l, s, t), n && n.columnFilter && no(l, s, t)), (s.childElementCount === o || o === 0) && lo(s, l, n);
+}, co = (e) => {
   if (!e.hotInstance || !e.hotInstance.rootElement)
     return;
   const s = e.params.orderBy, t = e.params.sortedBy, o = e.hotInstance.rootElement.querySelectorAll("thead th.can-sort .relative");
@@ -1505,7 +1506,7 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     const n = l.closest("th"), a = Array.from(n.parentElement.children).indexOf(n);
     e.methods.colToProp(a) === s && l.classList.add(t);
   });
-}, lo = (e) => (s, t, o, l, n, a, c) => {
+}, uo = (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)
@@ -1514,21 +1515,21 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   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"), p.icon) {
+    const v = document.createElement("button");
+    if (v.type = "button", v.classList.add("spark-table-action-button"), p.icon) {
       const k = document.createElement("span");
-      k.innerHTML = ce({ prefix: "far", iconName: p.icon }).html, k.classList.add("size-4"), y.appendChild(k);
+      k.innerHTML = ce({ prefix: "far", iconName: p.icon }).html, k.classList.add("size-4"), v.appendChild(k);
     }
     if (p.label) {
       const k = document.createElement("span");
-      k.textContent = p.label, y.appendChild(k);
+      k.textContent = p.label, v.appendChild(k);
     }
-    y.addEventListener("click", async (k) => {
+    v.addEventListener("click", async (k) => {
       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"}?`;
+        const $ = 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,
+          message: $,
           type: p.confirmType,
           confirmText: p.confirmText,
           cancelText: p.cancelText,
@@ -1537,7 +1538,7 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
           return;
       }
       p.event && e.methods.fireEvent(p.event, u), p.handler && typeof p.handler == "function" && p.handler(u);
-    }), d.appendChild(y);
+    }), d.appendChild(v);
   }), t.appendChild(d);
 }, Ce = {
   green: "bg-green-100 text-green-800",
@@ -1548,7 +1549,7 @@ const oe = new Ys(), Xs = { 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"
-}, io = (e) => (s, t, o, l, n, a, c) => {
+}, po = (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[a] || i[a?.toLowerCase()] || "gray", d = Ce[u] || Ce.gray, p = document.createElement("span");
@@ -1570,7 +1571,7 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   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" }
-}, co = (e) => {
+}, fo = (e) => {
   if (e == null || e === "")
     return !1;
   if (typeof e == "boolean")
@@ -1582,24 +1583,24 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     return s === "1" || s === "yes" || s === "true";
   }
   return !1;
-}, uo = (e) => (s, t, o, l, n, a, c) => {
+}, mo = (e) => (s, t, o, l, n, a, c) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-boolean");
-  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;
+  const r = c.rendererConfig || {}, i = fo(a), u = i ? r.trueIcon || "check" : r.falseIcon || "xmark", d = i ? r.trueColor || "green" : r.falseColor || "red", p = r.size || 32, v = r.iconPrefix || "far", k = $e[d] || $e.gray;
   t.dataset.copyValue = i ? "true" : "false";
-  const h = document.createElement("div");
-  h.classList.add(
+  const $ = document.createElement("div");
+  $.classList.add(
     "inline-flex",
     "items-center",
     "justify-center",
     "rounded-full",
     k.bg,
     k.text
-  ), 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) => {
+  ), $.style.width = `${p}px`, $.style.height = `${p}px`;
+  const g = document.createElement("span");
+  g.innerHTML = ce({ prefix: v, iconName: u }).html, g.classList.add("flex", "items-center", "justify-center");
+  const _ = Math.round(p * 0.5);
+  g.style.fontSize = `${_}px`, $.appendChild(g), t.appendChild($);
+}, ho = (e, s = 2) => {
   const t = Number(e);
   if (isNaN(t)) return null;
   const o = t < 0, n = Math.abs(t).toLocaleString("en-AU", {
@@ -1607,21 +1608,21 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     maximumFractionDigits: s
   });
   return o ? `-$${n}` : `$${n}`;
-}, fo = (e) => (s, t, o, l, n, a, c) => {
+}, go = (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);
+  const d = ho(a, i);
   if (d === null) {
     t.textContent = u;
     return;
   }
   const p = document.createElement("span");
   p.textContent = d, t.appendChild(p);
-}, mo = (e) => (s, t, o, l, n, a, c) => {
+}, yo = (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));
@@ -1635,46 +1636,46 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   sm: "h-6 w-6",
   md: "h-8 w-8",
   lg: "h-12 w-12"
-}, ho = (e) => (s, t, o, l, n, a, c) => {
+}, vo = (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(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]);
+  let v = r.alt || "";
+  typeof r.alt == "string" && i[r.alt] && (v = i[r.alt]);
   const k = document.createElement("img");
-  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) => {
+  k.src = a, k.alt = v, k.classList.add(...d.split(" "), "object-cover"), p ? k.classList.add("rounded-full") : k.classList.add("rounded"), t.appendChild(k);
+}, bo = (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 d = a;
   try {
-    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, {
+    const v = new Date(a);
+    isNaN(v.getTime()) ? d = a : typeof i == "function" ? d = i(v) : i === "short" ? d = v.toLocaleDateString(u) : i === "long" ? d = v.toLocaleDateString(u, {
       year: "numeric",
       month: "long",
       day: "numeric"
-    }) : i === "relative" ? d = yo(y) : i === "datetime" ? d = y.toLocaleString(u) : d = y.toLocaleDateString(u);
-  } catch (y) {
-    console.error("Error formatting date:", y), d = a;
+    }) : i === "relative" ? d = xo(v) : i === "datetime" ? d = v.toLocaleString(u) : d = v.toLocaleDateString(u);
+  } catch (v) {
+    console.error("Error formatting date:", v), d = a;
   }
   const p = document.createElement("span");
   p.textContent = d, t.appendChild(p);
 };
-function yo(e) {
+function xo(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 vo = (e) => {
+const ko = (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) => {
+}, j = (e, s = 2) => String(e).padStart(s, "0"), ye = /* @__PURE__ */ new Map(), wo = (e, s) => {
   const t = `${e}:${JSON.stringify(s)}`;
-  return ge.has(t) || ge.set(t, new Intl.DateTimeFormat(e, s)), ge.get(t);
+  return ye.has(t) || ye.set(t, new Intl.DateTimeFormat(e, s)), ye.get(t);
 }, ie = (e, s, t, o) => {
-  const a = bo(s, t).formatToParts(e).find((c) => c.type === o);
+  const a = wo(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(
+}, _o = (e) => e.epochMilliseconds !== void 0 ? new Date(e.epochMilliseconds) : new Date(
   e.year,
   e.month - 1,
   e.day,
@@ -1682,7 +1683,7 @@ const vo = (e) => {
   e.minute || 0,
   e.second || 0,
   e.millisecond || 0
-), ko = (e) => {
+), So = (e) => {
   const s = e.hour || 0, t = s % 12 || 12, o = s >= 12;
   return {
     year: e.year,
@@ -1705,8 +1706,8 @@ const vo = (e) => {
     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;
+}, Co = (e, s) => {
+  const t = So(e), o = _o(e), l = t.dayOfWeek === 7 ? 0 : t.dayOfWeek;
   return [
     // Year
     ["YYYY", () => String(t.year)],
@@ -1718,7 +1719,7 @@ const vo = (e) => {
     ["M", () => String(t.month)],
     // Day of month
     ["DD", () => j(t.day)],
-    ["Do", () => vo(t.day)],
+    ["Do", () => ko(t.day)],
     ["D", () => String(t.day)],
     // Day of week
     ["dddd", () => ie(o, s, { weekday: "long" }, "weekday")],
@@ -1752,7 +1753,7 @@ const vo = (e) => {
     ["x", () => String(e.epochMilliseconds ?? o.getTime())],
     ["X", () => String(Math.floor((e.epochMilliseconds ?? o.getTime()) / 1e3))]
   ];
-}, _o = (e, s, t = {}) => {
+}, $o = (e, s, t = {}) => {
   const { locale: o = "en-US" } = t;
   if (!e)
     return "";
@@ -1768,49 +1769,49 @@ const vo = (e) => {
     } 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");
+  const n = Co(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 = {}) => {
+}, To = (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) => {
+}, Lo = (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 = ""
+    emptyText: v = ""
   } = r;
   if (!a) {
-    t.textContent = y;
+    t.textContent = v;
     return;
   }
   try {
-    const k = So(a, { fromTimezone: u, toTimezone: d });
+    const k = To(a, { fromTimezone: u, toTimezone: d });
     if (!k) {
-      t.textContent = y;
+      t.textContent = v;
       return;
     }
-    const h = _o(k, i, { locale: p }), x = document.createElement("span");
-    x.textContent = h, t.appendChild(x);
+    const $ = $o(k, i, { locale: p }), g = document.createElement("span");
+    g.textContent = $, t.appendChild(g);
   } 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) => {
+}, Po = /* @__PURE__ */ new Map(), U = (e, s) => {
+  Yt(e, (t, o, l, n, a, c, r) => {
+    Xt.apply(null, [t, o, l, n, a, c, r]), s(t, o, l, n, a, c, r);
+  }), Po.set(e, s);
+}, Mo = (e) => {
+  U("spark.actions", uo(e)), U("spark.badge", po()), U("spark.boolean", mo()), U("spark.currency", go()), U("spark.link", yo()), U("spark.image", vo()), U("spark.date", bo()), U("spark.datetime", Lo()), U("style.capitalize", (s, t, o, l, n, a) => {
     if (!a || a.length === 0) {
       t.innerText = "";
       return;
@@ -1818,118 +1819,118 @@ const vo = (e) => {
     const c = document.createElement("span");
     c.innerHTML = a, c.classList.add("capitalize"), t.replaceChildren(c);
   });
-}, 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, $ = "") => {
+}, Ho = () => {
+}, Vo = (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 = (y, S = "") => {
     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));
+    return Object.keys(y).forEach((z) => {
+      const W = y[z], de = S ? `${S}[${z}]` : z;
+      W != null && (typeof W == "object" && !Array.isArray(W) ? Object.assign(M, d(W, de)) : M[de] = String(W));
     }), M;
   }, p = () => {
     if (c)
       try {
-        const v = {
+        const y = {
           params: e.params,
           timestamp: Date.now()
         };
-        localStorage.setItem(u, JSON.stringify(v));
-      } catch (v) {
-        console.warn("Failed to save table state to localStorage:", v);
+        localStorage.setItem(u, JSON.stringify(y));
+      } catch (y) {
+        console.warn("Failed to save table state to localStorage:", y);
       }
-  }, y = () => {
+  }, v = () => {
     if (!c) return null;
     try {
-      const v = localStorage.getItem(u);
-      if (!v) return null;
-      const $ = JSON.parse(v);
+      const y = localStorage.getItem(u);
+      if (!y) return null;
+      const S = JSON.parse(y);
       if (i > 0) {
-        const M = Date.now() - $.timestamp, D = i * 24 * 60 * 60 * 1e3;
-        if (M > D)
+        const M = Date.now() - S.timestamp, z = i * 24 * 60 * 60 * 1e3;
+        if (M > z)
           return localStorage.removeItem(u), null;
       }
-      return $.params;
-    } catch (v) {
-      return console.warn("Failed to load table state from localStorage:", v), null;
+      return S.params;
+    } catch (y) {
+      return console.warn("Failed to load table state from localStorage:", y), null;
     }
   }, k = () => {
     try {
       localStorage.removeItem(u);
-    } catch (v) {
-      console.warn("Failed to clear table state from localStorage:", v);
+    } catch (y) {
+      console.warn("Failed to clear table state from localStorage:", y);
     }
-  }, h = () => {
+  }, $ = () => {
     if (!a) return;
-    const v = { ...o.query };
+    const y = { ...o.query };
     if (n) {
-      Object.keys(v).forEach((M) => {
-        x(M) && delete v[M];
+      Object.keys(y).forEach((M) => {
+        g(M) && delete y[M];
       });
-      const $ = d(e.params);
-      Object.assign(v, $);
+      const S = d(e.params);
+      Object.assign(y, S);
     } else {
-      Object.keys(v).forEach((M) => {
-        (M.startsWith(`${l}[`) || M === l) && delete v[M];
+      Object.keys(y).forEach((M) => {
+        (M.startsWith(`${l}[`) || M === l) && delete y[M];
       });
-      const $ = d(e.params, l);
-      Object.assign(v, $);
+      const S = d(e.params, l);
+      Object.assign(y, S);
     }
-    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;
+    t.replace({ query: y });
+  }, g = (y) => !!(["page", "limit", "search", "orderBy", "sortedBy"].includes(y) || y.includes("[")), _ = (y, S) => {
+    if (["page", "limit"].includes(y) && S !== null && S !== void 0) {
+      const z = parseInt(S, 10);
+      return isNaN(z) ? S : z;
     }
-    return $;
-  }, _ = () => {
+    return S;
+  }, w = () => {
     if (n)
-      Object.keys(o.query).forEach((v) => {
-        x(v) && (e.params[v] = P(v, o.query[v]));
+      Object.keys(o.query).forEach((y) => {
+        g(y) && (e.params[y] = _(y, o.query[y]));
       });
     else {
-      const v = `${l}[`;
-      Object.keys(o.query).forEach(($) => {
-        if ($.startsWith(v)) {
-          const M = $.slice(v.length, -1);
-          e.params[M] = P(M, o.query[$]);
+      const y = `${l}[`;
+      Object.keys(o.query).forEach((S) => {
+        if (S.startsWith(y)) {
+          const M = S.slice(y.length, -1);
+          e.params[M] = _(M, o.query[S]);
         }
       });
     }
   };
-  return N(
+  return I(
     () => e.params,
     () => {
-      a && h(), c && p();
+      a && $(), c && p();
     },
     { deep: !0 }
-  ), r && be(() => {
-    let v = !1;
+  ), r && xe(() => {
+    let y = !1;
     if (a) {
-      let $ = !1;
+      let S = !1;
       if (n)
-        $ = Object.keys(o.query).some((M) => x(M));
+        S = Object.keys(o.query).some((M) => g(M));
       else {
         const M = `${l}[`;
-        $ = Object.keys(o.query).some(
-          (D) => D.startsWith(M)
+        S = Object.keys(o.query).some(
+          (z) => z.startsWith(M)
         );
       }
-      $ && (v = !0, _());
+      S && (y = !0, w());
     }
-    if (!v && c) {
-      const $ = y();
-      $ && Object.keys($).length > 0 && (Object.keys($).forEach((M) => {
-        $[M] = P(M, $[M]);
-      }), Object.assign(e.params, $));
+    if (!y && c) {
+      const S = v();
+      S && Object.keys(S).length > 0 && (Object.keys(S).forEach((M) => {
+        S[M] = _(M, S[M]);
+      }), Object.assign(e.params, S));
     }
   }), {
-    syncToRoute: h,
-    restoreFromRoute: _,
+    syncToRoute: $,
+    restoreFromRoute: w,
     saveToStorage: p,
-    loadFromStorage: y,
+    loadFromStorage: v,
     clearStorage: k
   };
-}, 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 = {
+}, Ro = { class: "flex items-center gap-4 py-3" }, Eo = { class: "shrink-0" }, Bo = { class: "text-sm text-gray-700" }, Ao = { class: "font-medium" }, Fo = { class: "font-medium" }, Oo = { class: "font-medium" }, zo = {
   __name: "SparkTablePaginationDetails",
   props: {
     sparkTable: {
@@ -1939,29 +1940,29 @@ const vo = (e) => {
   },
   setup(e) {
     const s = e;
-    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))
+    return (t, o) => (m(), h("div", null, [
+      f("div", Ro, [
+        f("div", Eo, [
+          f("div", Bo, [
+            o[0] || (o[0] = E(" Showing ", -1)),
+            f("span", Ao, P(s.sparkTable.response.meta.from), 1),
+            o[1] || (o[1] = E(" to ", -1)),
+            f("span", Fo, P(s.sparkTable.response.meta.to), 1),
+            o[2] || (o[2] = E(" of ", -1)),
+            f("span", Oo, P(s.sparkTable.response.meta.total), 1),
+            o[3] || (o[3] = E(" results ", -1))
           ])
         ])
       ])
     ]));
   }
-}, Fo = { class: "flex items-center gap-4 px-4 py-3" }, Oo = {
+}, Do = { class: "flex items-center gap-4 px-4 py-3" }, jo = {
   key: 0,
   class: "shrink-0 ml-auto"
-}, zo = {
+}, Io = {
   class: "isolate inline-flex -space-x-px rounded-md shadow-xs bg-white",
   "aria-label": "Pagination"
-}, Do = ["onClick"], jo = {
+}, No = ["onClick"], Zo = {
   __name: "SparkTablePaginationPaging",
   props: {
     sparkTable: {
@@ -1977,51 +1978,51 @@ const vo = (e) => {
       u < 1 || u > t.sparkTable.response.meta.last_page || o("paginate", {
         page: u
       });
-    }, a = S(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), c = S(() => t.sparkTable.computed.ready ? Ot(
+    }, a = C(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), c = C(() => t.sparkTable.computed.ready ? jt(
       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(
+    ) : []), r = C(
       () => t.sparkTable.params.page < Y(t.sparkTable.response.meta, "last_page", 1)
-    ), i = S(() => t.sparkTable.params.page > 1);
+    ), i = C(() => t.sparkTable.params.page > 1);
     return (u, d) => {
       const p = A("font-awesome-icon");
-      return m(), g("div", null, [
-        f("div", Fo, [
-          c.value.length > 1 ? (m(), g("div", Oo, [
+      return m(), h("div", null, [
+        f("div", Do, [
+          c.value.length > 1 ? (m(), h("div", jo, [
             f("div", null, [
-              f("nav", zo, [
+              f("nav", Io, [
                 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: d[0] || (d[0] = Q((y) => l(-1), ["prevent"]))
+                  onClick: d[0] || (d[0] = Q((v) => l(-1), ["prevent"]))
                 }, [
                   b(p, {
-                    icon: w(F).farChevronLeft,
+                    icon: x(F).farChevronLeft,
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ], 2),
-                (m(!0), g(R, null, z(c.value, (y) => (m(), g("a", {
-                  key: `page-${y}`,
+                (m(!0), h(R, null, D(c.value, (v) => (m(), h("a", {
+                  key: `page-${v}`,
                   href: "#",
                   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"
+                    e.sparkTable.params.page === v ? "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, Do))), 128)),
+                  onClick: (k) => n(v)
+                }, P(v), 11, No))), 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"])),
+                  onClick: d[1] || (d[1] = Q((v) => l(1), ["prevent"])),
                   href: "#"
                 }, [
                   b(p, {
-                    icon: w(F).farChevronRight,
+                    icon: x(F).farChevronRight,
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ], 2)
               ])
             ])
-          ])) : T("", !0)
+          ])) : L("", !0)
         ])
       ]);
     };
@@ -2031,7 +2032,7 @@ const vo = (e) => {
   for (const [o, l] of s)
     t[o] = l;
   return t;
-}, No = { class: "spark-table-pagination-per-page" }, Io = {
+}, qo = { class: "spark-table-pagination-per-page" }, Uo = {
   __name: "SparkTablePaginationPerPage",
   props: {
     sparkTable: {
@@ -2041,7 +2042,7 @@ const vo = (e) => {
   },
   emits: ["paginate"],
   setup(e, { emit: s }) {
-    const t = e, o = s, l = S(() => t.sparkTable.options.perPages.map((a) => ({
+    const t = e, o = s, l = C(() => t.sparkTable.options.perPages.map((a) => ({
       label: String(a),
       value: a
     }))), n = (a) => {
@@ -2052,7 +2053,7 @@ const vo = (e) => {
     };
     return (a, c) => {
       const r = A("FormKit");
-      return m(), g("div", No, [
+      return m(), h("div", qo, [
         b(r, {
           "model-value": e.sparkTable.params.limit,
           type: "select",
@@ -2065,7 +2066,7 @@ const vo = (e) => {
       ]);
     };
   }
-}, Zo = /* @__PURE__ */ ee(Io, [["__scopeId", "data-v-9ef8544b"]]), Pe = {
+}, Ko = /* @__PURE__ */ ee(Uo, [["__scopeId", "data-v-9ef8544b"]]), Pe = {
   __name: "SparkTableToolbar",
   props: {
     position: {
@@ -2075,18 +2076,18 @@ const vo = (e) => {
     }
   },
   setup(e) {
-    const s = e, t = Be(), o = S(() => !!t.default), l = S(() => {
+    const s = e, t = Ee(), o = C(() => !!t.default), l = C(() => {
       const n = "spark-table-toolbar flex flex-wrap items-center gap-x-5 w-full";
       return s.position === "footer" ? `${n} spark-table-toolbar-footer justify-between` : `${n} spark-table-toolbar-header gap-y-5 py-5`;
     });
-    return (n, a) => o.value ? (m(), g("div", {
+    return (n, a) => o.value ? (m(), h("div", {
       key: 0,
       class: H(l.value)
     }, [
       O(n.$slots, "default")
-    ], 2)) : T("", !0);
+    ], 2)) : L("", !0);
   }
-}, qo = { class: "spark-table-search" }, Uo = {
+}, Go = { class: "spark-table-search" }, Wo = {
   __name: "SparkTableSearch",
   props: {
     /** SparkTable instance object */
@@ -2105,7 +2106,7 @@ const vo = (e) => {
     }
   },
   setup(e) {
-    const s = e, t = E(""), o = s.config.param || "search";
+    const s = e, t = B(""), 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
     }));
@@ -2115,23 +2116,23 @@ const vo = (e) => {
         [o]: a
       }) : s.sparkTable.methods.removeParam(o);
     }, s.config.debounce || 300);
-    N(t, (a) => {
+    I(t, (a) => {
       l(a);
     });
     const n = s.config.placeholder || "Search...";
-    return N(
+    return I(
       () => s.sparkTable.params[o],
       (a) => {
         a && a !== t.value ? t.value = a : !a && t.value && (t.value = "");
       }
     ), (a, c) => {
       const r = A("FormKit");
-      return m(), g("div", qo, [
+      return m(), h("div", Go, [
         b(r, Z({
           modelValue: t.value,
           "onUpdate:modelValue": c[0] || (c[0] = (i) => t.value = i),
           type: "text",
-          placeholder: w(n),
+          placeholder: x(n),
           suffixIcon: "search",
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0",
@@ -2140,7 +2141,7 @@ const vo = (e) => {
       ]);
     };
   }
-}, Ko = /* @__PURE__ */ ee(Uo, [["__scopeId", "data-v-976170dc"]]), Go = { class: "spark-table-filter-select" }, Wo = {
+}, Yo = /* @__PURE__ */ ee(Wo, [["__scopeId", "data-v-976170dc"]]), Xo = { class: "spark-table-filter-select" }, Jo = {
   __name: "SparkTableFilterSelect",
   props: {
     /** SparkTable instance object */
@@ -2156,32 +2157,32 @@ const vo = (e) => {
     }
   },
   setup(e) {
-    const s = e, t = E(""), o = s.config.param || `filter[${s.config.key}]`;
+    const s = e, t = B(""), 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(() => [
+    const l = s.config.label || null, n = C(() => [
       { label: s.config.placeholder || "All", value: "" },
       ...s.config.options
     ]);
-    return N(t, (a) => {
+    return I(t, (a) => {
       a ? s.sparkTable.methods.applyParams({
         page: 1,
         [o]: a
       }) : s.sparkTable.methods.removeParam(o);
-    }), N(
+    }), I(
       () => s.sparkTable.params[o],
       (a) => {
         a != null && a !== "" ? t.value !== a && (t.value = a) : t.value && (t.value = "");
       }
     ), (a, c) => {
       const r = A("FormKit");
-      return m(), g("div", Go, [
+      return m(), h("div", Xo, [
         b(r, Z({
           modelValue: t.value,
           "onUpdate:modelValue": c[0] || (c[0] = (i) => t.value = i),
           type: "select",
-          label: w(l),
+          label: x(l),
           options: n.value,
           placeholder: e.config.placeholder || "All",
           "outer-class": "!mb-0",
@@ -2190,10 +2191,10 @@ const vo = (e) => {
       ]);
     };
   }
-}, Yo = /* @__PURE__ */ ee(Wo, [["__scopeId", "data-v-642dbc69"]]), Xo = { class: "spark-table-filter-buttons" }, Jo = {
+}, Qo = /* @__PURE__ */ ee(Jo, [["__scopeId", "data-v-642dbc69"]]), ea = { class: "spark-table-filter-buttons" }, ta = {
   key: 0,
   class: "spark-table-filter-buttons-label"
-}, Qo = {
+}, sa = {
   __name: "SparkTableFilterButtons",
   props: {
     /** SparkTable instance object */
@@ -2209,7 +2210,7 @@ const vo = (e) => {
     }
   },
   setup(e) {
-    const s = e, t = E(null), o = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`;
+    const s = e, t = B(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
     }));
@@ -2219,23 +2220,24 @@ const vo = (e) => {
         [l]: c
       });
     };
-    return N(
+    return I(
       () => s.sparkTable.params[l],
       (c) => {
         (c == null || c === "") && t.value ? t.value = null : c !== t.value && (t.value = c);
       }
-    ), (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(), V(G, {
+    ), (c, r) => (m(), h("div", ea, [
+      x(o) ? (m(), h("span", ta, P(x(o)), 1)) : L("", !0),
+      b(Us, { class: "isolate" }, {
+        default: T(() => [
+          (m(!0), h(R, null, D(e.config.options, (i) => (m(), V(G, {
             key: i.value,
             size: "xl",
+            "button-class": "px-3.5",
             variant: n(i.value) ? "primary" : "secondary",
             onClick: (u) => a(i.value)
           }, {
-            default: C(() => [
-              B(L(i.label), 1)
+            default: T(() => [
+              E(P(i.label), 1)
             ]),
             _: 2
           }, 1032, ["variant", "onClick"]))), 128))
@@ -2244,7 +2246,7 @@ const vo = (e) => {
       })
     ]));
   }
-}, ea = /* @__PURE__ */ ee(Qo, [["__scopeId", "data-v-0fcd0cce"]]), ta = { class: "spark-table-date-picker" }, sa = {
+}, oa = /* @__PURE__ */ ee(sa, [["__scopeId", "data-v-01a49899"]]), aa = { class: "spark-table-date-picker" }, ra = {
   __name: "SparkTableDatePicker",
   props: {
     /** SparkTable instance object */
@@ -2260,15 +2262,15 @@ const vo = (e) => {
     }
   },
   setup(e) {
-    const s = e, t = E(null), o = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`, n = E(`${l}-0`);
+    const s = e, t = B(null), o = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`, n = B(`${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, N(t, (a) => {
+    })) : t.value = null, I(t, (a) => {
       a ? s.sparkTable.methods.applyParams({
         page: 1,
         [l]: a
       }) : s.sparkTable.methods.removeParam(l);
-    }), N(
+    }), I(
       () => s.sparkTable.params[l],
       (a) => {
         if ((a == null || a === "") && t.value) {
@@ -2279,14 +2281,14 @@ const vo = (e) => {
       }
     ), (a, c) => {
       const r = A("FormKit");
-      return m(), g("div", ta, [
+      return m(), h("div", aa, [
         (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: w(o),
+          label: x(o),
           placeholder: e.config.placeholder || "Select date",
           overlay: !0,
           "value-format": "YYYY-MM-DD",
@@ -2297,7 +2299,7 @@ const vo = (e) => {
       ]);
     };
   }
-}, oa = /* @__PURE__ */ ee(sa, [["__scopeId", "data-v-44ef9cb8"]]), aa = { class: "spark-table-reset" }, ra = { key: 1 }, na = {
+}, na = /* @__PURE__ */ ee(ra, [["__scopeId", "data-v-44ef9cb8"]]), la = { class: "spark-table-reset" }, ia = { key: 1 }, ca = {
   __name: "SparkTableReset",
   props: {
     /** SparkTable instance object */
@@ -2335,34 +2337,38 @@ const vo = (e) => {
     };
     return (o, l) => {
       const n = A("font-awesome-icon");
-      return m(), g("div", aa, [
+      return m(), h("div", la, [
         b(G, {
           onClick: t,
           variant: "secondary",
+          "button-class": "px-3.5",
           size: "xl"
         }, {
-          default: C(() => [
+          default: T(() => [
             e.config.icon ? (m(), V(n, {
               key: 0,
               icon: ["far", e.config.icon],
               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)
+            }, null, 8, ["icon", "class"])) : L("", !0),
+            e.config.label ? (m(), h("span", ia, P(e.config.label), 1)) : L("", !0)
           ]),
           _: 1
         })
       ]);
     };
   }
-}, la = /* @__PURE__ */ ee(na, [["__scopeId", "data-v-45343158"]]), ia = { class: "spark-table" }, ca = {
+}, ua = /* @__PURE__ */ ee(ca, [["__scopeId", "data-v-0894e3bf"]]), da = { class: "spark-table" }, pa = {
   key: 1,
   class: "pt-5"
-}, ua = { class: "flex items-center gap-x-3" }, ve = {
+}, fa = {
+  key: 2,
+  class: "flex flex-col items-center justify-center py-16 text-gray-500 rounded-md border border-gray-300 bg-white"
+}, ma = { class: "flex items-center gap-x-3 ml-auto" }, be = {
   perPages: [15, 30, 50, 100, 200, 500],
   limit: 15
-}, da = {
+}, ha = {
   page: 1,
-  limit: ve.limit
+  limit: be.limit
 }, Me = {
   colHeaders: !0,
   filters: !1,
@@ -2373,7 +2379,7 @@ const vo = (e) => {
   tableClassName: "spark-table-table",
   readOnlyCellClassName: "read-only",
   licenseKey: "non-commercial-and-evaluation"
-}, pn = {
+}, gn = {
   __name: "SparkTable",
   props: {
     url: {
@@ -2397,13 +2403,13 @@ const vo = (e) => {
     params: {
       type: Object,
       default() {
-        return da;
+        return ha;
       }
     },
     options: {
       type: Object,
       default() {
-        return ve;
+        return be;
       }
     },
     settings: {
@@ -2438,18 +2444,18 @@ const vo = (e) => {
   ],
   setup(e, { expose: s, emit: t }) {
     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);
+    Wt(), pe(qt), pe(Ut), pe(Kt), Y(o, "settings.nestedHeaders") && pe(Gt);
+    const l = t, n = Ve("axios"), a = B(null), c = B(!1), r = B(null);
     let i = !1;
     const u = {
-      search: Ko,
-      filterSelect: Yo,
-      filterButtons: ea,
-      datePicker: oa,
-      reset: la
+      search: Yo,
+      filterSelect: Qo,
+      filterButtons: oa,
+      datePicker: na,
+      reset: ua
     }, d = q({
       hotInstance: null,
-      url: S(() => o.url),
+      url: C(() => o.url),
       plugins: o.plugins,
       response: {},
       params: {
@@ -2457,144 +2463,146 @@ const vo = (e) => {
         limit: o.options.limit
       },
       methods: {
-        applyParams: (h) => {
-          h && (d.params = {
+        applyParams: (g) => {
+          g && (d.params = {
             ...d.params,
-            ...h
+            ...g
           }, l("page-change", d.params));
         },
-        removeParam: async (h) => {
-          d.params[h] && (delete d.params[h], await d.methods.loadTable());
+        removeParam: async (g) => {
+          d.params[g] && (delete d.params[g], await d.methods.loadTable());
         },
-        loadTable: async (h) => {
+        loadTable: async (g) => {
           if (!(!a.value || !a.value.hotInstance)) {
-            c.value = !0, r.value = null, l("loading", !0), me.start(), d.hotInstance = a.value.hotInstance;
+            c.value = !0, r.value = null, l("loading", !0), he.start(), d.hotInstance = a.value.hotInstance;
             try {
               if (o.dataProvider) {
-                const _ = await o.dataProvider(d.computed.params);
-                d.response = o.dataTransformer(_, o);
+                const y = await o.dataProvider(d.computed.params);
+                d.response = o.dataTransformer(y, o);
               } else if (o.url) {
-                const _ = await n.get(o.url, {
+                const y = await n.get(o.url, {
                   params: d.computed.params
                 });
-                d.response = o.dataTransformer(_, o);
+                d.response = o.dataTransformer(y, o);
               } else {
-                console.error("No data provider or URL provided"), c.value = !1, l("loading", !1), me.done();
+                console.error("No data provider or URL provided"), c.value = !1, l("loading", !1), he.done();
                 return;
               }
               if (i) return;
               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);
+              const _ = d.hotInstance.getPlugin("autoColumnSize");
+              Y(o.settings, "columns", []).forEach((y, S) => {
+                y.width || _.calculateColumnsWidth(S, S, !0);
               }), l("load", {
                 data: d.response.data,
                 meta: d.response.meta
-              }), h && typeof h == "function" && h();
-            } catch (x) {
-              r.value = x, l("error", x), console.error("Error loading table data:", x);
+              }), g && typeof g == "function" && g();
+            } catch (_) {
+              r.value = _, l("error", _), console.error("Error loading table data:", _);
             } finally {
-              c.value = !1, l("loading", !1), me.done();
+              c.value = !1, l("loading", !1), he.done();
             }
           }
         },
         // can't use sparkTable.hotInstance here because the ref isn't ready
-        colToProp: (h) => a.value.hotInstance.colToProp(h),
-        fireEvent: (h, x) => {
-          l(h, x);
+        colToProp: (g) => a.value.hotInstance.colToProp(g),
+        fireEvent: (g, _) => {
+          l(g, _);
         },
-        getSettingsForProp: (h) => zt(Y(d.tableSettings, "columns"), { data: h }),
+        getSettingsForProp: (g) => It(Y(d.tableSettings, "columns"), { data: g }),
         // Helper methods for easier param access
         getParams: () => d.computed.params,
-        getParam: (h) => d.computed.params[h],
-        setParam: (h, x) => {
-          d.methods.applyParams({ [h]: x });
+        getParam: (g) => d.computed.params[g],
+        setParam: (g, _) => {
+          d.methods.applyParams({ [g]: _ });
         },
-        clearParam: (h) => d.methods.removeParam(h),
-        clearParams: (h) => {
-          (Array.isArray(h) ? h : [h]).forEach((P) => {
-            d.params[P] !== void 0 && delete d.params[P];
+        clearParam: (g) => d.methods.removeParam(g),
+        clearParams: (g) => {
+          (Array.isArray(g) ? g : [g]).forEach((w) => {
+            d.params[w] !== void 0 && delete d.params[w];
           }), d.methods.applyParams({ page: 1 });
         }
       },
       computed: {
-        params: S(() => ({
+        params: C(() => ({
           ...o.params,
           ...d.params
         })),
-        ready: S(() => Dt(d, "response.meta.last_page"))
+        ready: C(() => Nt(d, "response.meta.last_page"))
       },
-      options: S(() => ({
-        ...ve,
+      options: C(() => ({
+        ...be,
         ...o.options
       })),
-      tableSettings: S(() => ({
+      tableSettings: C(() => ({
         ...Me,
         nestedHeaders: Y(o.settings, "nestedHeaders", []),
         ...!Y(o.settings, "nestedHeaders") && {
-          afterGetColHeader: (h, x) => ro(h, x, d)
+          afterGetColHeader: (g, _) => io(g, _, d)
         },
-        afterChange: (h, x) => Lo(),
-        afterRender: () => no(d),
+        afterChange: (g, _) => Ho(),
+        afterRender: () => co(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, x) => {
-          const _ = Y(o.settings, "columns", [])[x];
-          return _ && _.width !== void 0 ? _.width : h;
+        beforeStretchingColumnWidth: (g, _) => {
+          const y = Y(o.settings, "columns", [])[_];
+          return y && y.width !== void 0 ? y.width : g;
         },
         /**
          * 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 ?? "";
+        beforeCopy: (g, _) => {
+          const w = a.value?.hotInstance;
+          w && _.forEach((y) => {
+            for (let S = y.startRow; S <= y.endRow; S++)
+              for (let M = y.startCol; M <= y.endCol; M++) {
+                const z = w.getCell(S, M);
+                if (z) {
+                  const W = S - _[0].startRow, de = M - _[0].startCol;
+                  g[W][de] = z.dataset.copyValue ?? z.textContent ?? "";
                 }
               }
           });
         },
         ...o.settings
       }))
-    }), p = (h) => {
-      if (!h) return null;
-      switch (h.type) {
+    }), p = C(
+      () => d.computed.ready && d.response.data?.length === 0
+    ), v = (g) => {
+      if (!g) return null;
+      switch (g.type) {
         case "search":
-          return h.param || "search";
+          return g.param || "search";
         case "filterSelect":
         case "filterButtons":
         case "datePicker":
-          return h.param || `filter[${h.key}]`;
+          return g.param || `filter[${g.key}]`;
         default:
           return null;
       }
-    }, 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(
+    }, k = (g) => g ? typeof g.enabled == "function" ? g.enabled(d.params) : g.enabled : !1, $ = C(() => Object.entries(o.plugins).filter(([g, _]) => k(_)).map(([g, _]) => ({ name: g, config: _ })));
+    if (I(
       () => ({ ...d.params }),
       () => {
-        const h = [];
-        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];
+        const g = [];
+        Object.values(o.plugins).forEach((_) => {
+          const w = v(_);
+          if (!w) return;
+          const y = k(_), S = d.params[w] !== void 0;
+          !y && S && g.push(w);
+        }), g.length > 0 && g.forEach((_) => {
+          delete d.params[_];
         });
       },
       { deep: !0, flush: "sync" }
     ), o.syncToRoute || o.persistToStorage) {
-      const h = typeof o.syncToRoute == "string";
-      Po(d, {
-        namespace: h ? o.syncToRoute : null,
+      const g = typeof o.syncToRoute == "string";
+      Vo(d, {
+        namespace: g ? o.syncToRoute : null,
         syncToRoute: !!o.syncToRoute,
         persistToStorage: o.persistToStorage
       });
@@ -2611,78 +2619,94 @@ const vo = (e) => {
         await d.methods.loadTable();
       },
       { debounce: 50, maxWait: 1e3 }
-    ), N(
+    ), I(
       () => o.url,
-      async (h, x) => {
-        h !== x && (d.params.page = 1, await d.methods.loadTable());
+      async (g, _) => {
+        g !== _ && (d.params.page = 1, await d.methods.loadTable());
       }
-    ), be(async () => {
+    ), xe(async () => {
       await d.methods.loadTable(), l("ready");
     }), Ye(() => {
       i = !0;
-    }), To(d), s({
+    }), Mo(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),
+      getParam: (g) => d.methods.getParam(g),
+      setParam: (g, _) => d.methods.setParam(g, _),
+      clearParam: (g) => d.methods.clearParam(g),
+      clearParams: (g) => d.methods.clearParams(g),
+      applyParams: (g) => d.methods.applyParams(g),
       loading: c,
       error: r,
       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, (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: d,
-            loading: c.value,
-            error: r.value
-          })
-        ]),
-        _: 3
-      })) : (m(), g("div", ca)),
-      b(w(jt), {
-        "theme-name": "ht-theme-classic",
-        ref_key: "table",
-        ref: a,
-        settings: d.tableSettings
-      }, null, 8, ["settings"]),
-      d.computed.ready ? (m(), V(Pe, {
-        key: 2,
-        position: "footer"
-      }, {
-        default: C(() => [
-          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"]),
-            b(Zo, {
+    }), (g, _) => {
+      const w = A("font-awesome-icon");
+      return m(), h("div", da, [
+        d.computed.ready && $.value && $.value.length ? (m(), V(Pe, {
+          key: 0,
+          position: "header"
+        }, {
+          default: T(() => [
+            (m(!0), h(R, null, D($.value, (y) => (m(), V(N(u[y.config.type]), {
+              key: y.name,
+              class: H(y.config.align ? `self-${y.config.align}` : ""),
               "spark-table": d,
-              onPaginate: d.methods.applyParams
-            }, null, 8, ["spark-table", "onPaginate"]),
-            O(h.$slots, "footer", {
+              config: y.config
+            }, null, 8, ["class", "spark-table", "config"]))), 128)),
+            O(g.$slots, "header", {
               sparkTable: d,
               loading: c.value,
               error: r.value
             })
-          ])
+          ]),
+          _: 3
+        })) : (m(), h("div", pa)),
+        Xe(b(x(Zt), {
+          "theme-name": "ht-theme-classic",
+          ref_key: "table",
+          ref: a,
+          settings: d.tableSettings
+        }, null, 8, ["settings"]), [
+          [Je, !p.value]
         ]),
-        _: 3
-      })) : T("", !0)
-    ]));
+        p.value ? (m(), h("div", fa, [
+          b(w, {
+            icon: x(F).farInbox,
+            class: "size-12 mb-4 text-gray-300"
+          }, null, 8, ["icon"]),
+          _[0] || (_[0] = f("p", { class: "text-sm" }, "No records found", -1))
+        ])) : L("", !0),
+        d.computed.ready ? (m(), V(Pe, {
+          key: 3,
+          position: "footer"
+        }, {
+          default: T(() => [
+            p.value ? L("", !0) : (m(), V(zo, {
+              key: 0,
+              "spark-table": d
+            }, null, 8, ["spark-table"])),
+            f("div", ma, [
+              p.value ? L("", !0) : (m(), V(Zo, {
+                key: 0,
+                "spark-table": d,
+                onPaginate: d.methods.applyParams
+              }, null, 8, ["spark-table", "onPaginate"])),
+              b(Ko, {
+                "spark-table": d,
+                onPaginate: d.methods.applyParams
+              }, null, 8, ["spark-table", "onPaginate"]),
+              O(g.$slots, "footer", {
+                sparkTable: d,
+                loading: c.value,
+                error: r.value
+              })
+            ])
+          ]),
+          _: 3
+        })) : L("", !0)
+      ]);
+    };
   }
 };
 function He() {
@@ -2699,7 +2723,7 @@ function He() {
   }, o = () => {
     e.isVisible = !0;
   }, l = (a, c = {}, r = {}, i = {}) => {
-    e.content = fe(a), e.props = c, e.eventHandlers = r, e.size = i.size || "md";
+    e.content = me(a), e.props = c, e.eventHandlers = r, e.size = i.size || "md";
   };
   return {
     state: e,
@@ -2712,7 +2736,7 @@ function He() {
     }
   };
 }
-class pa {
+class ga {
   constructor() {
     this.left = He(), this.right = He();
   }
@@ -2744,22 +2768,22 @@ class pa {
     this.left.close(), this.right.close();
   };
 }
-const te = new pa(), fa = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, ma = { class: "flex flex-1 flex-col" }, ha = {
+const te = new ga(), ya = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, va = { class: "flex flex-1 flex-col" }, ba = {
   class: "flex flex-1 flex-col gap-y-7",
   role: "list"
-}, ga = { class: "flex flex-1 flex-col" }, ya = {
+}, xa = { class: "flex flex-1 flex-col" }, ka = {
   role: "list",
   class: "flex flex-1 flex-col"
-}, va = { class: "flex items-center pb-8" }, ba = ["href", "onClick"], xa = {
+}, wa = { class: "flex items-center pb-8" }, _a = ["href", "onClick"], Sa = {
   key: 2,
   class: "w-full flex justify-center"
-}, ka = {
+}, Ca = {
   key: 0,
   class: "mt-[5px] flex flex-col gap-[5px]"
-}, wa = ["href", "onClick"], _a = {
+}, $a = ["href", "onClick"], Ta = {
   key: 1,
   class: "text-[13px]"
-}, 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 = {
+}, La = { class: "mt-auto" }, Pa = { class: "p-[10px] flex-shrink-0" }, Ma = { class: "flex flex-1 items-center gap-x-6" }, Ha = { class: "relative flex flex-1 items-center gap-4" }, Va = { class: "cursor-pointer" }, Ra = ["src"], Ea = { class: "ml-auto" }, Ba = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, yn = {
   __name: "SparkDefaultContainer",
   props: {
     appStore: {
@@ -2777,16 +2801,16 @@ const te = new pa(), fa = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, ma =
   },
   emits: ["overlayClose"],
   setup(e, { emit: s }) {
-    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 t = e, o = s, l = Ee(), n = ne(), a = Ne(), c = De(), r = C(() => c.getAppIcon(t.appStore.state.app)), i = C(() => n.meta.hideBrandSelector === !0 ? !1 : t.appStore.state.showBrandSelector), u = () => {
       const 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) => {
+      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(ks, k, {
+        select: ($) => {
           te.closeRight();
         }
       });
     }, d = () => {
       te.showLeft(
-        js,
+        Zs,
         {},
         {
           select: (k) => {
@@ -2794,96 +2818,96 @@ const te = new pa(), fa = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, ma =
           }
         }
       );
-    }, 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 x = A("font-awesome-icon"), P = A("router-view");
-      return m(), g(R, null, [
+    }, p = C(() => t.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [t.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), v = C(() => t.mainNavStore.state.hidden ? ["pl-2.5"] : [t.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
+    return (k, $) => {
+      const g = A("font-awesome-icon"), _ = A("router-view");
+      return m(), h(R, null, [
         f("div", {
           class: H([p.value, "fixed inset-y-0 flex transition-all z-100"])
         }, [
-          f("div", fa, [
-            f("nav", ma, [
-              f("ul", ha, [
-                f("li", ga, [
-                  f("ul", ya, [
-                    f("li", va, [
+          f("div", ya, [
+            f("nav", va, [
+              f("ul", ba, [
+                f("li", xa, [
+                  f("ul", ka, [
+                    f("li", wa, [
                       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] = Q((_) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
+                        onClick: $[0] || ($[0] = Q((w) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
                       }, [
-                        b(x, {
-                          icon: w(F)[r.value],
+                        b(g, {
+                          icon: x(F)[r.value],
                           class: "size-5"
                         }, null, 8, ["icon"])
                       ]),
-                      e.mainNavStore.state.collapsed ? T("", !0) : (m(), g("a", {
+                      e.mainNavStore.state.collapsed ? L("", !0) : (m(), h("a", {
                         key: 0,
-                        onClick: h[1] || (h[1] = Q((_) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"])),
+                        onClick: $[1] || ($[1] = Q((w) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"])),
                         class: "font-medium text-gray-800 ml-[10px] cursor-pointer"
-                      }, L(e.appStore.state.app), 1))
+                      }, P(e.appStore.state.app), 1))
                     ]),
-                    (m(!0), g(R, null, z(e.mainNavStore.state.menu, (_) => (m(), g("li", {
-                      key: _.name,
+                    (m(!0), h(R, null, D(e.mainNavStore.state.menu, (w) => (m(), h("li", {
+                      key: w.name,
                       class: H({
-                        "mt-[10px]": _.children,
-                        "mt-auto": _.footerSection
+                        "mt-[10px]": w.children,
+                        "mt-auto": w.footerSection
                       })
                     }, [
                       f("a", {
                         class: H([{
-                          "bg-gray-100": _.current,
-                          "hover:bg-gray-100": _?.href
+                          "bg-gray-100": w.current,
+                          "hover:bg-gray-100": w?.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: _?.href,
-                        onClick: Q((v) => e.mainNavStore.goto(_.href), ["prevent"])
+                        href: w?.href,
+                        onClick: Q((y) => e.mainNavStore.goto(w.href), ["prevent"])
                       }, [
-                        _.icon ? (m(), V(x, {
+                        w.icon ? (m(), V(g, {
                           key: 0,
-                          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] = [
+                          icon: x(F)[w.icon],
+                          class: H([[(w.current, "text-gray-400")], "size-4"])
+                        }, null, 8, ["icon", "class"])) : L("", !0),
+                        e.mainNavStore.state.collapsed ? w?.children ? (m(), h("div", Sa, [...$[6] || ($[6] = [
                           f("div", { class: "w-[10px] h-px bg-gray-400" }, null, -1)
-                        ])])) : T("", !0) : (m(), g("span", {
+                        ])])) : L("", !0) : (m(), h("span", {
                           key: 1,
                           class: H({
-                            "text-[11px]": _?.children,
-                            "text-[13px]": !_?.children,
-                            "font-semibold": _?.children,
-                            "text-gray-500": _?.children
+                            "text-[11px]": w?.children,
+                            "text-[13px]": !w?.children,
+                            "font-semibold": w?.children,
+                            "text-gray-500": w?.children
                           })
-                        }, L(_.name), 3))
-                      ], 10, ba),
-                      _.children ? (m(), g("ul", ka, [
-                        (m(!0), g(R, null, z(_.children, (v) => (m(), g("li", {
-                          key: v.name
+                        }, P(w.name), 3))
+                      ], 10, _a),
+                      w.children ? (m(), h("ul", Ca, [
+                        (m(!0), h(R, null, D(w.children, (y) => (m(), h("li", {
+                          key: y.name
                         }, [
                           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"])
+                            class: H([[y.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: y.href,
+                            onClick: Q((S) => e.mainNavStore.goto(y.href), ["prevent"])
                           }, [
-                            v.icon ? (m(), V(x, {
+                            y.icon ? (m(), V(g, {
                               key: 0,
-                              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)
+                              icon: x(F)[y.icon],
+                              class: H([[(y.current, "text-gray-400")], "size-4"])
+                            }, null, 8, ["icon", "class"])) : L("", !0),
+                            e.mainNavStore.state.collapsed ? L("", !0) : (m(), h("span", Ta, P(y.name), 1))
+                          ], 10, $a)
                         ]))), 128))
-                      ])) : T("", !0)
+                      ])) : L("", !0)
                     ], 2))), 128))
                   ])
                 ]),
-                f("li", Sa, [
+                f("li", La, [
                   O(k.$slots, "sidebar-footer"),
                   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] = Q((_) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
+                    onClick: $[2] || ($[2] = Q((w) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
                   }, [
-                    b(x, {
-                      icon: w(F)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
+                    b(g, {
+                      icon: x(F)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
                       class: "class-5"
                     }, null, 8, ["icon"])
                   ])
@@ -2893,81 +2917,81 @@ const te = new pa(), fa = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, ma =
           ])
         ], 2),
         f("div", {
-          class: H([y.value, "h-full transition-all flex flex-col"])
+          class: H([v.value, "h-full transition-all flex flex-col"])
         }, [
-          f("div", Ca, [
-            f("div", $a, [
-              f("div", Ta, [
+          f("div", Pa, [
+            f("div", Ma, [
+              f("div", Ha, [
                 O(k.$slots, "header-left", {}, () => [
-                  f("div", La, [
-                    b(x, {
-                      icon: w(F).farBarsSort,
+                  f("div", Va, [
+                    b(g, {
+                      icon: x(F).farBarsSort,
                       class: "size-5",
-                      onClick: h[3] || (h[3] = (_) => e.mainNavStore.toggleHidden())
+                      onClick: $[3] || ($[3] = (w) => e.mainNavStore.toggleHidden())
                     }, null, 8, ["icon"])
                   ])
                 ]),
                 O(k.$slots, "header-center", {}, () => [
-                  i.value ? (m(), g("div", {
+                  i.value ? (m(), h("div", {
                     key: 0,
                     class: "absolute left-1/2 -translate-x-1/2 cursor-pointer h-9 flex items-center",
                     onClick: d
                   }, [
-                    w(a).currentBrand ? (m(), g("img", {
+                    x(a).currentBrand ? (m(), h("img", {
                       key: 0,
-                      src: w(a).currentBrand.logo,
+                      src: x(a).currentBrand.logo,
                       alt: "",
                       class: "h-[30px] w-auto"
-                    }, null, 8, Pa)) : T("", !0)
-                  ])) : T("", !0)
+                    }, null, 8, Ra)) : L("", !0)
+                  ])) : L("", !0)
                 ]),
-                f("div", Ma, [
+                f("div", Ea, [
                   O(k.$slots, "header-right", {}, () => [
-                    e.appStore.state.showAppSelector ? (m(), g("button", {
+                    e.appStore.state.showAppSelector ? (m(), h("button", {
                       key: 0,
                       class: "rounded-sm bg-white w-[42px] h-[42px] ring-1 ring-inset ring-gray-300",
                       type: "button",
                       onClick: u
                     }, [
-                      b(x, {
-                        icon: w(F).farGripDotsVertical,
+                      b(g, {
+                        icon: x(F).farGripDotsVertical,
                         class: "size-4 text-gray-400"
                       }, null, 8, ["icon"])
-                    ])) : T("", !0)
+                    ])) : L("", !0)
                   ])
                 ])
               ])
             ])
           ]),
-          f("main", Ha, [
-            b(P)
+          f("main", Ba, [
+            b(_)
           ])
         ], 2),
-        b(w(Se), {
+        b(x(Se), {
           position: "left",
-          "overlay-instance": w(te).left,
-          onClose: h[4] || (h[4] = (_) => o("overlayClose", "left"))
+          "overlay-instance": x(te).left,
+          onClose: $[4] || ($[4] = (w) => o("overlayClose", "left"))
         }, null, 8, ["overlay-instance"]),
-        b(w(Se), {
+        b(x(Se), {
           position: "right",
-          "overlay-instance": w(te).right,
-          onClose: h[5] || (h[5] = (_) => o("overlayClose", "right"))
+          "overlay-instance": x(te).right,
+          onClose: $[5] || ($[5] = (w) => o("overlayClose", "right"))
         }, null, 8, ["overlay-instance"]),
-        b(w(Qs))
+        b(x(so))
       ], 64);
     };
   }
-}, Va = {}, Ra = { class: "h-full" };
-function Ba(e, s) {
+}, Aa = {}, Fa = { class: "h-full" };
+function Oa(e, s) {
   const t = A("router-view");
-  return m(), g("main", Ra, [
+  return m(), h("main", Fa, [
     b(t)
   ]);
 }
-const mn = /* @__PURE__ */ ee(Va, [["render", Ba]]), Ea = (e) => {
+const vn = /* @__PURE__ */ ee(Aa, [["render", Oa]]), za = (e) => {
   const s = document.cookie.match(new RegExp(`(^| )${e}=([^;]+)`));
   return s ? s[2] : null;
-}, Aa = (e, s, t = {}) => {
+}, Da = (e, s, t = {}) => {
   const {
     maxAge: o = 31536e3,
     // 365 days in seconds
@@ -2978,7 +3002,7 @@ const mn = /* @__PURE__ */ ee(Va, [["render", Ba]]), Ea = (e) => {
   } = t;
   let r = `${e}=${s}; max-age=${o}; path=${c}; samesite=${a}`;
   l && (r += `; domain=${l}`), n && (r += "; secure"), document.cookie = r;
-}, Fa = (e, s = {}) => {
+}, ja = (e, s = {}) => {
   const { domain: t = Ze(), path: o = "/" } = s;
   let l = `${e}=; max-age=0; path=${o}`;
   t && (l += `; domain=${t}`), document.cookie = l;
@@ -2986,15 +3010,15 @@ const mn = /* @__PURE__ */ ee(Va, [["render", Ba]]), Ea = (e) => {
   const e = window.location.hostname;
   return e === "localhost" ? "localhost" : e.endsWith(".test") || e.endsWith(".io") ? "." + e.split(".").slice(-2).join(".") : e.endsWith(".com.au") ? "." + e.split(".").slice(-3).join(".") : e;
 }, qe = [];
-function Oa(e) {
+function Ia(e) {
   qe.push(e);
 }
-function za() {
+function Na() {
   qe.forEach((e) => e());
 }
-function hn(e) {
+function bn(e) {
   let s = !1;
-  return Oa(() => {
+  return Ia(() => {
     s = !1;
   }), {
     bootstrapApp: async () => {
@@ -3007,7 +3031,7 @@ function hn(e) {
     }
   };
 }
-const ye = "bolt-next-token", K = ue("auth", () => {
+const ve = "bolt-next-token", K = ue("auth", () => {
   const e = q({
     user: null,
     token: null,
@@ -3043,10 +3067,10 @@ const ye = "bolt-next-token", K = ue("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) => {
-    Aa(ye, i), e.token = i;
+    Da(ve, i), e.token = i;
   }, o = () => {
-    Fa(ye), e.token = null;
-  }, l = () => Ea(ye), n = async (i) => {
+    ja(ve), e.token = null;
+  }, l = () => za(ve), 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 () => {
@@ -3063,7 +3087,7 @@ const ye = "bolt-next-token", K = ue("auth", () => {
     } catch (i) {
       throw e.callbacks.onLogoutError && await e.callbacks.onLogoutError(i), i;
     } finally {
-      o(), e.user = null, za();
+      o(), e.user = null, Na();
     }
   }, c = async () => {
     const i = e.overrideToken || l();
@@ -3081,7 +3105,7 @@ const ye = "bolt-next-token", K = ue("auth", () => {
     } finally {
       e.ready = !0;
     }
-  }, r = S(() => e.overrideToken ? !0 : !!e.token && !!e.user);
+  }, r = C(() => e.overrideToken ? !0 : !!e.token && !!e.user);
   return {
     state: e,
     initialize: s,
@@ -3093,17 +3117,17 @@ const ye = "bolt-next-token", K = ue("auth", () => {
     clearTokenCookie: o,
     getTokenCookie: l
   };
-}), Da = { class: "h-full grid place-content-center relative" }, ja = { class: "absolute top-8 left-8" }, Na = ["src"], Ia = {
+}), Za = { class: "h-full grid place-content-center relative" }, qa = { class: "absolute top-8 left-8" }, Ua = ["src"], Ka = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, 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 = {
+}, Ga = { class: "max-w-sm grid gap-y-1 -mt-8" }, Wa = { class: "mb-7" }, Ya = { class: "text-gray-600" }, Xa = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, Ja = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, Wa = { key: 0 }, Ya = { key: 1 }, Xa = {
+}, Qa = { key: 0 }, er = { key: 1 }, tr = {
   __name: "SparkLoginView",
   props: {
     logo: {
@@ -3120,7 +3144,7 @@ const ye = "bolt-next-token", K = ue("auth", () => {
     }
   },
   setup(e) {
-    const s = J(), t = ne(), o = je(), l = K(), n = e, a = E(!1), c = E(""), r = async (i) => {
+    const s = J(), t = ne(), o = je(), l = K(), n = e, a = B(!1), c = B(""), r = async (i) => {
       a.value = !0, c.value = "";
       try {
         await l.login(i);
@@ -3141,14 +3165,14 @@ const ye = "bolt-next-token", K = ue("auth", () => {
     };
     return (i, u) => {
       const d = A("FormKit"), p = A("router-link");
-      return m(), g("div", Da, [
-        f("div", ja, [
-          n.logo ? (m(), g("img", {
+      return m(), h("div", Za, [
+        f("div", qa, [
+          n.logo ? (m(), h("img", {
             key: 0,
             src: n.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Na)) : (m(), g("svg", Ia, [...u[0] || (u[0] = [
+          }, null, 8, Ua)) : (m(), h("svg", Ka, [...u[0] || (u[0] = [
             f("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -3167,17 +3191,17 @@ const ye = "bolt-next-token", K = ue("auth", () => {
             }, null, -1)
           ])]))
         ]),
-        f("div", Za, [
-          f("div", qa, [
+        f("div", Ga, [
+          f("div", Wa, [
             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)
+            f("p", Ya, " Welcome back" + P(x(o).state.app ? ` to ${x(o).state.app}` : "") + "! Please enter your details. ", 1)
           ]),
           b(d, {
             type: "form",
             onSubmit: r,
             actions: !1
           }, {
-            default: C(() => [
+            default: T(() => [
               b(d, {
                 label: "Email",
                 name: "email",
@@ -3185,7 +3209,7 @@ const ye = "bolt-next-token", K = ue("auth", () => {
                 type: "email",
                 validation: "required|email",
                 "outer-class": "max-w-full",
-                value: w(l).state.devCredentials.username
+                value: x(l).state.devCredentials.username
               }, null, 8, ["value"]),
               b(d, {
                 label: "Password",
@@ -3194,29 +3218,29 @@ const ye = "bolt-next-token", K = ue("auth", () => {
                 type: "password",
                 validation: "required",
                 "outer-class": "max-w-full",
-                value: w(l).state.devCredentials.password
+                value: x(l).state.devCredentials.password
               }, null, 8, ["value"]),
-              f("div", Ka, [
+              f("div", Xa, [
                 u[3] || (u[3] = f("span", null, null, -1)),
                 b(p, {
                   to: n.forgotPasswordRoute,
                   class: "text-sm text-primary-600 font-semibold"
                 }, {
-                  default: C(() => [...u[2] || (u[2] = [
-                    B(" Forgot password ", -1)
+                  default: T(() => [...u[2] || (u[2] = [
+                    E(" Forgot password ", -1)
                   ])]),
                   _: 1
                 }, 8, ["to"])
               ]),
-              c.value ? (m(), g("div", Ga, L(c.value), 1)) : T("", !0),
-              b(w(G), {
+              c.value ? (m(), h("div", Ja, P(c.value), 1)) : L("", !0),
+              b(x(G), {
                 type: "submit",
                 size: "xl",
                 disabled: a.value,
                 "button-class": "w-full mb-2"
               }, {
-                default: C(() => [
-                  a.value ? (m(), g("span", Ya, "Signing in...")) : (m(), g("span", Wa, "Sign in"))
+                default: T(() => [
+                  a.value ? (m(), h("span", er, "Signing in...")) : (m(), h("span", Qa, "Sign in"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -3227,7 +3251,7 @@ const ye = "bolt-next-token", K = ue("auth", () => {
       ]);
     };
   }
-}, Ja = {
+}, sr = {
   __name: "SparkLogoutView",
   props: {
     defaultRedirect: {
@@ -3237,26 +3261,26 @@ const ye = "bolt-next-token", K = ue("auth", () => {
   },
   setup(e) {
     const s = J(), t = ne(), o = K(), l = e;
-    return be(async () => {
+    return xe(async () => {
       await o.logout();
       const n = t.query.redirect;
       n && n.startsWith("http") ? window.location.href = n : await s.push(n || l.defaultRedirect);
     }), (n, a) => null;
   }
-}, Qa = { class: "h-full grid place-content-center relative" }, er = { class: "absolute top-8 left-8" }, tr = ["src"], sr = {
+}, or = { class: "h-full grid place-content-center relative" }, ar = { class: "absolute top-8 left-8" }, rr = ["src"], nr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, or = { class: "max-w-sm grid gap-y-1 -mt-8" }, ar = {
+}, lr = { class: "max-w-sm grid gap-y-1 -mt-8" }, ir = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, rr = {
+}, cr = {
   key: 1,
   class: "text-green-600 text-sm mb-2"
-}, nr = { key: 0 }, lr = { key: 1 }, ir = {
+}, ur = { key: 0 }, dr = { key: 1 }, pr = {
   __name: "SparkForgotPasswordView",
   props: {
     logo: {
@@ -3269,7 +3293,7 @@ const ye = "bolt-next-token", K = ue("auth", () => {
     }
   },
   setup(e) {
-    const s = K(), t = e, o = E(!1), l = E(""), n = E(""), a = async ({ email: c }) => {
+    const s = K(), t = e, o = B(!1), l = B(""), n = B(""), a = async ({ email: c }) => {
       o.value = !0, l.value = "", n.value = "";
       try {
         await re.post(s.state.endpoints.passwordEmail, { email: c }), n.value = "Password reset link sent! Check your email.";
@@ -3281,14 +3305,14 @@ const ye = "bolt-next-token", K = ue("auth", () => {
     };
     return (c, r) => {
       const i = A("FormKit"), u = A("router-link");
-      return m(), g("div", Qa, [
-        f("div", er, [
-          t.logo ? (m(), g("img", {
+      return m(), h("div", or, [
+        f("div", ar, [
+          t.logo ? (m(), h("img", {
             key: 0,
             src: t.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, tr)) : (m(), g("svg", sr, [...r[0] || (r[0] = [
+          }, null, 8, rr)) : (m(), h("svg", nr, [...r[0] || (r[0] = [
             f("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -3307,7 +3331,7 @@ const ye = "bolt-next-token", K = ue("auth", () => {
             }, null, -1)
           ])]))
         ]),
-        f("div", or, [
+        f("div", lr, [
           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. ")
@@ -3317,7 +3341,7 @@ const ye = "bolt-next-token", K = ue("auth", () => {
             onSubmit: a,
             actions: !1
           }, {
-            default: C(() => [
+            default: T(() => [
               b(i, {
                 label: "Email",
                 name: "email",
@@ -3326,16 +3350,16 @@ const ye = "bolt-next-token", K = ue("auth", () => {
                 validation: "required|email",
                 "outer-class": "max-w-full"
               }),
-              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), {
+              l.value ? (m(), h("div", ir, P(l.value), 1)) : L("", !0),
+              n.value ? (m(), h("div", cr, P(n.value), 1)) : L("", !0),
+              b(x(G), {
                 type: "submit",
                 size: "xl",
                 disabled: o.value,
                 "button-class": "w-full mb-2"
               }, {
-                default: C(() => [
-                  o.value ? (m(), g("span", lr, "Sending...")) : (m(), g("span", nr, "Send reset link"))
+                default: T(() => [
+                  o.value ? (m(), h("span", dr, "Sending...")) : (m(), h("span", ur, "Send reset link"))
                 ]),
                 _: 1
               }, 8, ["disabled"]),
@@ -3343,8 +3367,8 @@ const ye = "bolt-next-token", K = ue("auth", () => {
                 to: t.loginRoute,
                 class: "text-sm text-center text-primary-600 font-semibold block"
               }, {
-                default: C(() => [...r[1] || (r[1] = [
-                  B(" Back to login ", -1)
+                default: T(() => [...r[1] || (r[1] = [
+                  E(" Back to login ", -1)
                 ])]),
                 _: 1
               }, 8, ["to"])
@@ -3355,17 +3379,17 @@ const ye = "bolt-next-token", K = ue("auth", () => {
       ]);
     };
   }
-}, cr = { class: "h-full grid place-content-center relative" }, ur = { class: "absolute top-8 left-8" }, dr = ["src"], pr = {
+}, fr = { class: "h-full grid place-content-center relative" }, mr = { class: "absolute top-8 left-8" }, hr = ["src"], gr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, fr = { class: "max-w-sm grid gap-y-1 -mt-8" }, mr = {
+}, yr = { class: "max-w-sm grid gap-y-1 -mt-8" }, vr = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, hr = { key: 0 }, gr = { key: 1 }, yr = {
+}, br = { key: 0 }, xr = { key: 1 }, kr = {
   __name: "SparkResetPasswordView",
   props: {
     logo: {
@@ -3378,7 +3402,7 @@ const ye = "bolt-next-token", K = ue("auth", () => {
     }
   },
   setup(e) {
-    const s = J(), t = ne(), o = K(), l = e, n = E(!1), a = E(""), c = async ({ password: r, password_confirmation: i }) => {
+    const s = J(), t = ne(), o = K(), l = e, n = B(!1), a = B(""), c = async ({ password: r, password_confirmation: i }) => {
       n.value = !0, a.value = "";
       try {
         await re.post(o.state.endpoints.passwordReset, {
@@ -3395,14 +3419,14 @@ const ye = "bolt-next-token", K = ue("auth", () => {
     };
     return (r, i) => {
       const u = A("FormKit");
-      return m(), g("div", cr, [
-        f("div", ur, [
-          l.logo ? (m(), g("img", {
+      return m(), h("div", fr, [
+        f("div", mr, [
+          l.logo ? (m(), h("img", {
             key: 0,
             src: l.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, dr)) : (m(), g("svg", pr, [...i[0] || (i[0] = [
+          }, null, 8, hr)) : (m(), h("svg", gr, [...i[0] || (i[0] = [
             f("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -3421,7 +3445,7 @@ const ye = "bolt-next-token", K = ue("auth", () => {
             }, null, -1)
           ])]))
         ]),
-        f("div", fr, [
+        f("div", yr, [
           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. ")
@@ -3431,7 +3455,7 @@ const ye = "bolt-next-token", K = ue("auth", () => {
             onSubmit: c,
             actions: !1
           }, {
-            default: C(() => [
+            default: T(() => [
               b(u, {
                 label: "New Password",
                 name: "password",
@@ -3448,15 +3472,15 @@ const ye = "bolt-next-token", K = ue("auth", () => {
                 validation: "required|confirm:password",
                 "outer-class": "max-w-full"
               }),
-              a.value ? (m(), g("div", mr, L(a.value), 1)) : T("", !0),
-              b(w(G), {
+              a.value ? (m(), h("div", vr, P(a.value), 1)) : L("", !0),
+              b(x(G), {
                 type: "submit",
                 size: "xl",
                 disabled: n.value,
                 "button-class": "w-full mb-2"
               }, {
-                default: C(() => [
-                  n.value ? (m(), g("span", gr, "Resetting...")) : (m(), g("span", hr, "Reset password"))
+                default: T(() => [
+                  n.value ? (m(), h("span", xr, "Resetting...")) : (m(), h("span", br, "Reset password"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -3467,14 +3491,14 @@ const ye = "bolt-next-token", K = ue("auth", () => {
       ]);
     };
   }
-}, vr = { class: "h-full grid place-content-center relative" }, br = { class: "absolute top-8 left-8" }, xr = ["src"], kr = {
+}, wr = { class: "h-full grid place-content-center relative" }, _r = { class: "absolute top-8 left-8" }, Sr = ["src"], Cr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, wr = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, _r = { class: "flex gap-4 justify-center" }, Sr = {
+}, $r = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Tr = { class: "flex gap-4 justify-center" }, Lr = {
   __name: "SparkError403View",
   props: {
     logo: {
@@ -3490,14 +3514,14 @@ const ye = "bolt-next-token", K = ue("auth", () => {
     const s = J(), t = e, o = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (m(), g("div", vr, [
-      f("div", br, [
-        t.logo ? (m(), g("img", {
+    return (l, n) => (m(), h("div", wr, [
+      f("div", _r, [
+        t.logo ? (m(), h("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, xr)) : (m(), g("svg", kr, [...n[0] || (n[0] = [
+        }, null, 8, Sr)) : (m(), h("svg", Cr, [...n[0] || (n[0] = [
           f("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -3516,23 +3540,23 @@ const ye = "bolt-next-token", K = ue("auth", () => {
           }, null, -1)
         ])]))
       ]),
-      f("div", wr, [
+      f("div", $r, [
         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."),
+            E(" You don't have permission to access this resource."),
             f("br"),
-            B(" If you believe this is an error, please contact your administrator. ")
+            E(" If you believe this is an error, please contact your administrator. ")
           ])
         ], -1)),
-        f("div", _r, [
-          b(w(G), {
+        f("div", Tr, [
+          b(x(G), {
             onClick: o,
             size: "lg"
           }, {
-            default: C(() => [...n[1] || (n[1] = [
-              B(" Go to Home ", -1)
+            default: T(() => [...n[1] || (n[1] = [
+              E(" Go to Home ", -1)
             ])]),
             _: 1
           })
@@ -3540,14 +3564,14 @@ const ye = "bolt-next-token", K = ue("auth", () => {
       ])
     ]));
   }
-}, Cr = { class: "h-full grid place-content-center relative" }, $r = { class: "absolute top-8 left-8" }, Tr = ["src"], Lr = {
+}, Pr = { class: "h-full grid place-content-center relative" }, Mr = { class: "absolute top-8 left-8" }, Hr = ["src"], Vr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Pr = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Mr = { class: "flex gap-4 justify-center" }, Hr = {
+}, Rr = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Er = { class: "flex gap-4 justify-center" }, Br = {
   __name: "SparkError404View",
   props: {
     logo: {
@@ -3563,14 +3587,14 @@ const ye = "bolt-next-token", K = ue("auth", () => {
     const s = J(), t = e, o = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (m(), g("div", Cr, [
-      f("div", $r, [
-        t.logo ? (m(), g("img", {
+    return (l, n) => (m(), h("div", Pr, [
+      f("div", Mr, [
+        t.logo ? (m(), h("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, Tr)) : (m(), g("svg", Lr, [...n[0] || (n[0] = [
+        }, null, 8, Hr)) : (m(), h("svg", Vr, [...n[0] || (n[0] = [
           f("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -3589,19 +3613,19 @@ const ye = "bolt-next-token", K = ue("auth", () => {
           }, null, -1)
         ])]))
       ]),
-      f("div", Pr, [
+      f("div", Rr, [
         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)),
-        f("div", Mr, [
-          b(w(G), {
+        f("div", Er, [
+          b(x(G), {
             onClick: o,
             size: "lg"
           }, {
-            default: C(() => [...n[1] || (n[1] = [
-              B(" Go to Home ", -1)
+            default: T(() => [...n[1] || (n[1] = [
+              E(" Go to Home ", -1)
             ])]),
             _: 1
           })
@@ -3609,14 +3633,14 @@ const ye = "bolt-next-token", K = ue("auth", () => {
       ])
     ]));
   }
-}, Vr = { class: "h-full grid place-content-center relative" }, Rr = { class: "absolute top-8 left-8" }, Br = ["src"], Er = {
+}, Ar = { class: "h-full grid place-content-center relative" }, Fr = { class: "absolute top-8 left-8" }, Or = ["src"], zr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, 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 = {
+}, Dr = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, jr = { class: "text-primary-600 text-7xl font-bold mb-4" }, Ir = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, Nr = { class: "text-gray-600" }, Zr = { class: "flex gap-4 justify-center" }, xn = {
   __name: "SparkErrorGeneralView",
   props: {
     logo: {
@@ -3644,14 +3668,14 @@ const ye = "bolt-next-token", K = ue("auth", () => {
     const s = J(), t = e, o = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (m(), g("div", Vr, [
-      f("div", Rr, [
-        t.logo ? (m(), g("img", {
+    return (l, n) => (m(), h("div", Ar, [
+      f("div", Fr, [
+        t.logo ? (m(), h("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, Br)) : (m(), g("svg", Er, [...n[0] || (n[0] = [
+        }, null, 8, Or)) : (m(), h("svg", zr, [...n[0] || (n[0] = [
           f("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -3670,19 +3694,19 @@ const ye = "bolt-next-token", K = ue("auth", () => {
           }, null, -1)
         ])]))
       ]),
-      f("div", Ar, [
+      f("div", Dr, [
         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)
+          f("div", jr, P(t.errorCode || "Error"), 1),
+          f("h1", Ir, P(t.title || "Something went wrong"), 1),
+          f("p", Nr, P(t.message || "An unexpected error occurred. Please try again later."), 1)
         ]),
-        f("div", Dr, [
-          b(w(G), {
+        f("div", Zr, [
+          b(x(G), {
             onClick: o,
             size: "lg"
           }, {
-            default: C(() => [...n[1] || (n[1] = [
-              B(" Go to Home ", -1)
+            default: T(() => [...n[1] || (n[1] = [
+              E(" Go to Home ", -1)
             ])]),
             _: 1
           })
@@ -3691,7 +3715,7 @@ const ye = "bolt-next-token", K = ue("auth", () => {
     ]));
   }
 };
-function yn(e = {}) {
+function kn(e = {}) {
   const {
     loginPath: s = "/login",
     logoutPath: t = "/logout",
@@ -3704,41 +3728,41 @@ function yn(e = {}) {
     {
       path: s,
       name: "login",
-      component: Xa,
+      component: tr,
       props: { logo: n, defaultRedirect: a },
       meta: { auth: !1 }
     },
     {
       path: t,
       name: "logout",
-      component: Ja,
+      component: sr,
       props: { defaultRedirect: s },
       meta: { auth: !1 }
     },
     {
       path: o,
       name: "forgot-password",
-      component: ir,
+      component: pr,
       props: { logo: n, loginRoute: s },
       meta: { auth: !1 }
     },
     {
       path: l,
       name: "password-reset",
-      component: yr,
+      component: kr,
       props: { logo: n, loginRoute: s },
       meta: { auth: !1 }
     }
   ];
 }
-function vn(e, s = {}) {
+function wn(e, s = {}) {
   const { defaultAuthenticatedRoute: t = "/dashboard" } = s;
   e.beforeEach(async (o, l, n) => {
     const a = K();
-    a.state.ready || await a.fetchUser(), jr(o, n, a, t);
+    a.state.ready || await a.fetchUser(), qr(o, n, a, t);
   });
 }
-function jr(e, s, t, o) {
+function qr(e, s, t, o) {
   const l = e.meta.auth !== !1, n = t.check;
   if (t.state.overrideToken && e.path === "/logout") {
     s({ path: o });
@@ -3776,7 +3800,7 @@ function jr(e, s, t, o) {
     s();
   }
 }
-function bn(e = {}) {
+function _n(e = {}) {
   const {
     forbiddenPath: s = "/error/403",
     logo: t = "",
@@ -3785,12 +3809,12 @@ function bn(e = {}) {
   return {
     path: s,
     name: "error-403",
-    component: Sr,
+    component: Lr,
     props: { logo: t, homeRoute: o },
     meta: { auth: !1 }
   };
 }
-function xn(e = {}) {
+function Sn(e = {}) {
   const {
     logo: s = "",
     homeRoute: t = "/dashboard"
@@ -3798,12 +3822,12 @@ function xn(e = {}) {
   return {
     path: "/:pathMatch(.*)*",
     name: "error-404",
-    component: Hr,
+    component: Br,
     props: { logo: s, homeRoute: t },
     meta: { auth: !1 }
   };
 }
-function kn(e, s) {
+function Cn(e, s) {
   e.beforeResolve(async (t) => {
     if (t.meta.auth !== !1) {
       const o = K();
@@ -3811,7 +3835,7 @@ function kn(e, s) {
     }
   });
 }
-function Nr(e = {}) {
+function Ur(e = {}) {
   const s = re.create({
     baseURL: e.baseURL || "",
     timeout: e.timeout || 3e4,
@@ -3852,15 +3876,15 @@ function Nr(e = {}) {
   ), s;
 }
 let ae = null;
-function wn(e, s = {}) {
-  return ae = Nr(s), e.provide("axios", ae), e.config.globalProperties.$axios = ae, ae;
+function $n(e, s = {}) {
+  return ae = Ur(s), e.provide("axios", ae), e.config.globalProperties.$axios = ae, ae;
 }
-function _n() {
+function Tn() {
   if (!ae)
     throw new Error("Axios instance not initialized. Call setupAxios() first.");
   return ae;
 }
-const Sn = ue("sparkNav", () => {
+const Ln = ue("sparkNav", () => {
   const e = q({
     menu: [],
     collapsed: !1,
@@ -3900,7 +3924,7 @@ const Sn = ue("sparkNav", () => {
       u(e.menu);
     }
   };
-  return N(
+  return I(
     () => t.path,
     () => {
       r();
@@ -3918,62 +3942,62 @@ const Sn = ue("sparkNav", () => {
 export {
   F as Icons,
   se as SparkAlert,
-  vs as SparkAppSelector,
-  js as SparkBrandSelector,
+  ks as SparkAppSelector,
+  Zs 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,
+  Us as SparkButtonGroup,
+  hn as SparkCard,
+  yn as SparkDefaultContainer,
+  Lr as SparkError403View,
+  Br as SparkError404View,
+  xn as SparkErrorGeneralView,
+  pr as SparkForgotPasswordView,
+  tr as SparkLoginView,
+  sr as SparkLogoutView,
+  so as SparkModalContainer,
+  Js as SparkModalDialog,
+  fn 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,
+  vn as SparkPublicContainer,
+  kr as SparkResetPasswordView,
+  gn as SparkTable,
+  na as SparkTableDatePicker,
+  oa as SparkTableFilterButtons,
+  Qo as SparkTableFilterSelect,
+  Zo as SparkTablePaginationPaging,
+  Ko as SparkTablePaginationPerPage,
+  ua as SparkTableReset,
+  Yo 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,
+  mn as SparkToastContainer,
+  dn as addIcons,
+  _n as create403Route,
+  Sn as create404Route,
+  kn as createAuthRoutes,
+  Ur as createAxiosInstance,
+  bn as createBootstrapService,
+  io as customiseHeader,
+  ja as deleteCookie,
+  $o as formatTemporal,
+  Tn as getAxiosInstance,
+  za 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,
+  To as parseDatetime,
+  ao as renderHeaderTitle,
+  Da as setCookie,
+  wn as setupAuthGuards,
+  $n as setupAxios,
+  Cn as setupBootstrapGuard,
+  pn as setupFontAwesome,
   oe as sparkModalService,
   X as sparkNotificationService,
   te as sparkOverlayService,
-  Lo as updateRow,
+  Ho as updateRow,
   De as useSparkAppSelectorStore,
   je as useSparkAppStore,
   K as useSparkAuthStore,
-  Ie as useSparkBrandFilterStore,
-  Sn as useSparkNavStore,
+  Ne as useSparkBrandFilterStore,
+  Ln as useSparkNavStore,
   He as useSparkOverlay,
-  Po as useSparkTableRouteSync
+  Vo as useSparkTableRouteSync
 };