@wishbone-media/spark 0.22.0 → 0.23.0

package/dist/index.js

@@ -1,17 +1,17 @@
-import { computed as S, resolveComponent as A, createElementBlock as g, openBlock as m, normalizeClass as H, createElementVNode as p, createCommentVNode as T, createVNode as b, unref as _, renderSlot as F, reactive as q, Fragment as R, renderList as z, toDisplayString as L, createBlock as V, resolveDynamicComponent as N, markRaw as fe, ref as E, watch as I, 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 { 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 _t, faEdit as wt, 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 Ot } from "@fortawesome/pro-regular-svg-icons";
+import { faCloudDownload as Je, faBolt as Qe, faUndo as et, faEye as tt, faSignOut as st, faXmark as ot, faTrash as at, faTimes as rt, faStreetView as nt, faSortUp as lt, faSortDown as it, faSort as ct, faScaleBalanced as ut, faSatelliteDish as dt, faLayerPlus as pt, faLaptopMobile as ft, faInfoCircle as mt, faGripDotsVertical as ht, faGearComplex as gt, faFlag as yt, faFaceSmileWink as vt, faFaceSmileRelaxed as bt, faExclamationTriangle as xt, faEllipsisVertical as kt, faEllipsis as wt, faEdit as _t, faComments as St, faCircleXmark as Ct, faCircleUser as $t, faChevronUp as Tt, faChevronRight as Lt, faChevronLeft as Pt, faChevronDown as Mt, faCheckCircle as Ht, faCheck as Vt, faBullhorn as Rt, faBellRing as Bt, faBarsSort as Et, faArrowRightToLine as At, faArrowLeftToLine as Ft } from "@fortawesome/pro-regular-svg-icons";
 import { defineStore as ue } from "pinia";
-import { TransitionRoot as Ae, Dialog as Oe, TransitionChild as pe, DialogPanel as Fe } from "@headlessui/vue";
+import { TransitionRoot as Ae, Dialog as Fe, TransitionChild as pe, DialogPanel as Oe } from "@headlessui/vue";
 import me from "nprogress";
-import { range as Ft, get as Y, find as zt, has as Dt } from "lodash";
+import { range as Ot, get as Y, find as zt, has as Dt } from "lodash";
 import { HotTable as jt } from "@handsontable/vue3";
 import "handsontable/styles/handsontable.css";
 import "handsontable/styles/ht-theme-classic.css";
-import { registerPlugin as de, AutoColumnSize as It, CopyPaste as Nt, StretchColumns as Zt, NestedHeaders as qt } from "handsontable/plugins";
+import { registerPlugin as de, AutoColumnSize as Nt, CopyPaste as It, StretchColumns as Zt, NestedHeaders as qt } from "handsontable/plugins";
 import { registerAllCellTypes as Ut } from "handsontable/cellTypes";
-import { useDebounceFn as ze, watchDebounced as _e } from "@vueuse/core";
+import { useDebounceFn as ze, watchDebounced as we } from "@vueuse/core";
 import { registerRenderer as Kt, baseRenderer as Gt } from "handsontable/renderers";
 import { useRouter as J, useRoute as ne } from "vue-router";
 import re from "axios";
@@ -28,8 +28,8 @@ var Wt = {
   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 O = {
-  farArrowLeftToLine: Ot,
+const F = {
+  farArrowLeftToLine: Ft,
   farArrowRightToLine: At,
   farBarsSort: Et,
   farBellRing: Bt,
@@ -43,8 +43,8 @@ const O = {
   farCircleUser: $t,
   farCircleXmark: Ct,
   farComments: St,
-  farEdit: wt,
-  farEllipsis: _t,
+  farEdit: _t,
+  farEllipsis: wt,
   farEllipsisVertical: kt,
   farExclamationTriangle: xt,
   farFaceSmileRelaxed: bt,
@@ -73,11 +73,11 @@ const O = {
   fadSortDown: Xt,
   fadSortUp: Wt
 };
-function an(e) {
-  Object.assign(O, e), Ee.add(...Object.values(e));
+function nn(e) {
+  Object.assign(F, e), Ee.add(...Object.values(e));
 }
-function rn(e) {
-  Ee.add(...Object.values(O)), e.component("FontAwesomeIcon", Xe);
+function ln(e) {
+  Ee.add(...Object.values(F)), e.component("FontAwesomeIcon", Xe);
 }
 const Jt = { class: "flex items-center" }, Qt = { class: "shrink-0 self-start" }, es = { class: "ml-3" }, ts = {
   key: 0,
@@ -123,25 +123,25 @@ const Jt = { class: "flex items-center" }, Qt = { class: "shrink-0 self-start" }
       return m(), g("div", {
         class: H(["rounded-md border p-4", t.value])
       }, [
-        p("div", Jt, [
-          p("div", Qt, [
+        f("div", Jt, [
+          f("div", Qt, [
             b(r, {
-              icon: _(O)[l.value],
+              icon: w(F)[l.value],
               class: H(o.value)
             }, null, 8, ["icon", "class"])
           ]),
-          p("div", es, [
-            F(a.$slots, "default")
+          f("div", es, [
+            O(a.$slots, "default")
           ]),
           e.closeable ? (m(), g("div", ts, [
-            p("div", ss, [
-              p("button", {
+            f("div", ss, [
+              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: _(O).farXmark
+                  icon: w(F).farXmark
                 }, null, 8, ["icon"])
               ], 2)
             ])
@@ -293,13 +293,13 @@ 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, [
-        p("div", as, [
-          p("div", rs, [
-            p("div", ns, [
-              r[1] || (r[1] = p("div", null, "Mr Group Network", -1)),
-              p("div", ls, [
+        f("div", as, [
+          f("div", rs, [
+            f("div", ns, [
+              r[1] || (r[1] = f("div", null, "Mr Group Network", -1)),
+              f("div", ls, [
                 b(i, {
-                  icon: _(O).farTimes,
+                  icon: w(F).farTimes,
                   class: "h-[15px] w-[15px] shrink-0 text-gray-400 cursor-pointer",
                   onClick: r[0] || (r[0] = (u) => t("close"))
                 }, null, 8, ["icon"])
@@ -312,31 +312,31 @@ const Jt = { class: "flex items-center" }, Qt = { class: "shrink-0 self-start" }
               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)
             }, [
-              p("div", cs, [
-                p("div", us, [
-                  p("div", ds, L(u.name), 1),
+              f("div", cs, [
+                f("div", us, [
+                  f("div", ds, L(u.name), 1),
                   u.current ? (m(), g("span", ps, " Active ")) : T("", !0)
                 ]),
-                p("div", fs, L(u.description), 1)
+                f("div", fs, L(u.description), 1)
               ]),
-              p("div", ms, [
+              f("div", ms, [
                 b(i, {
                   class: H([u.current ? "text-gray-700" : "text-gray-400", "h-5 w-5 shrink-0"]),
-                  icon: _(O)[u.icon]
+                  icon: w(F)[u.icon]
                 }, null, 8, ["class", "icon"])
               ])
             ], 10, is))), 128)),
-            r[2] || (r[2] = p("div", null, null, -1))
+            r[2] || (r[2] = f("div", null, null, -1))
           ]),
-          p("div", hs, [
+          f("div", hs, [
             c.$slots.bottom || e.bottomSlot ? (m(), g("div", gs, [
-              F(c.$slots, "bottom", {}, () => [
-                e.bottomSlot ? (m(), V(N(e.bottomSlot), { key: 0 })) : T("", !0)
+              O(c.$slots, "bottom", {}, () => [
+                e.bottomSlot ? (m(), V(I(e.bottomSlot), { key: 0 })) : T("", !0)
               ])
             ])) : T("", !0),
             c.$slots.footer || e.footerSlot ? (m(), g("div", ys, [
-              F(c.$slots, "footer", {}, () => [
-                e.footerSlot ? (m(), V(N(e.footerSlot), { key: 0 })) : T("", !0)
+              O(c.$slots, "footer", {}, () => [
+                e.footerSlot ? (m(), V(I(e.footerSlot), { key: 0 })) : T("", !0)
               ])
             ])) : T("", !0)
           ])
@@ -344,13 +344,13 @@ const Jt = { class: "flex items-center" }, Qt = { class: "shrink-0 self-start" }
       ]);
     };
   }
-}, Ie = {
+}, Ne = {
   success: 5e3,
   info: 5e3,
   warning: 5e3,
   danger: 0
   // sticky by default
-}, we = ["top-left", "top-right", "center", "bottom-left", "bottom-right"];
+}, _e = ["top-left", "top-right", "center", "bottom-left", "bottom-right"];
 function bs() {
   const e = q({
     isVisible: !1,
@@ -366,14 +366,14 @@ function bs() {
     s && (clearTimeout(s), s = null), t = 0, o = !1, l = null;
   }, a = () => {
     n(), e.isVisible = !1;
-  }, c = (f) => {
-    f <= 0 || (t = f, l = Date.now(), s = setTimeout(() => {
+  }, c = (p) => {
+    p <= 0 || (t = p, l = Date.now(), s = setTimeout(() => {
       a();
-    }, f));
+    }, p));
   };
   return {
     state: e,
-    show: (f = {}) => {
+    show: (p = {}) => {
       n();
       const {
         type: y = "info",
@@ -381,10 +381,10 @@ function bs() {
         component: h = null,
         props: x = {},
         closeable: P = !0,
-        duration: w = null
-      } = f;
+        duration: _ = null
+      } = p;
       e.type = y, e.message = k, e.component = h ? fe(h) : null, e.props = x, e.closeable = P, e.isVisible = !0;
-      const v = w !== null ? w : Ie[y];
+      const v = _ !== null ? _ : Ne[y];
       e.duration = v, v > 0 && c(v);
     },
     hide: a,
@@ -394,8 +394,8 @@ function bs() {
     pause: () => {
       if (!s || o) return;
       clearTimeout(s), s = null;
-      const f = Date.now() - l;
-      t = Math.max(0, t - f), o = !0;
+      const p = Date.now() - l;
+      t = Math.max(0, t - p), o = !0;
     },
     resume: () => {
       !o || t <= 0 || (o = !1, l = Date.now(), s = setTimeout(() => {
@@ -493,7 +493,7 @@ class xs {
    * @param {boolean} options.newestOnTop - Whether newest toasts appear on top (default: true)
    */
   configureToasts(s = {}) {
-    s.maxToasts !== void 0 && (this.toastState.maxToasts = s.maxToasts), s.defaultPosition !== void 0 && we.includes(s.defaultPosition) && (this.toastState.defaultPosition = s.defaultPosition), s.newestOnTop !== void 0 && (this.toastState.newestOnTop = s.newestOnTop);
+    s.maxToasts !== void 0 && (this.toastState.maxToasts = s.maxToasts), s.defaultPosition !== void 0 && _e.includes(s.defaultPosition) && (this.toastState.defaultPosition = s.defaultPosition), s.newestOnTop !== void 0 && (this.toastState.newestOnTop = s.newestOnTop);
   }
   /**
    * Show a toast notification
@@ -516,7 +516,7 @@ class xs {
       closeable: a = !0,
       duration: c = null,
       position: r = null
-    } = s, i = ++this._toastIdCounter, u = r && we.includes(r) ? r : this.toastState.defaultPosition, d = c !== null ? c : Ie[t], f = {
+    } = s, i = ++this._toastIdCounter, u = r && _e.includes(r) ? r : this.toastState.defaultPosition, d = c !== null ? c : Ne[t], p = {
       id: i,
       type: t,
       message: o,
@@ -533,9 +533,9 @@ class xs {
     }
     if (this.toastState.newestOnTop) {
       const k = this.toastState.toasts.findIndex((h) => h.position === u);
-      k === -1 ? this.toastState.toasts.push(f) : this.toastState.toasts.splice(k, 0, f);
+      k === -1 ? this.toastState.toasts.push(p) : this.toastState.toasts.splice(k, 0, p);
     } else
-      this.toastState.toasts.push(f);
+      this.toastState.toasts.push(p);
     return d > 0 && this._startToastTimer(i, d), i;
   }
   /**
@@ -609,7 +609,7 @@ class xs {
     t && (t.timeout && clearTimeout(t.timeout), this._toastTimers.delete(s));
   }
 }
-const X = new xs(), nn = {
+const X = new xs(), cn = {
   __name: "SparkNotificationOutlet",
   props: {
     name: {
@@ -619,7 +619,7 @@ const X = new xs(), nn = {
   },
   setup(e) {
     const s = e, t = S(() => X.getOutlet(s.name)), o = E(0);
-    I(
+    N(
       () => [t.value.state.message, t.value.state.component, t.value.state.type],
       () => {
         t.value.state.isVisible && o.value++;
@@ -651,7 +651,7 @@ const X = new xs(), nn = {
           onMouseleave: a
         }, {
           default: C(() => [
-            t.value.state.component ? (m(), V(N(t.value.state.component), Ke(Z({ key: 0 }, t.value.state.props)), null, 16)) : (m(), g(R, { key: 1 }, [
+            t.value.state.component ? (m(), V(I(t.value.state.component), Ke(Z({ key: 0 }, t.value.state.props)), null, 16)) : (m(), g(R, { key: 1 }, [
               B(L(t.value.state.message), 1)
             ], 64))
           ]),
@@ -661,7 +661,7 @@ const X = new xs(), nn = {
       _: 1
     }));
   }
-}, ks = { class: "fixed top-4 left-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, _s = { class: "fixed top-4 right-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, ws = { 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" }, ln = {
+}, ks = { class: "fixed top-4 left-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, ws = { class: "fixed top-4 right-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, _s = { class: "fixed top-[40%] left-1/2 -translate-x-1/2 -translate-y-1/2 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, Ss = { class: "fixed bottom-4 left-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, Cs = { class: "fixed bottom-4 right-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, un = {
   __name: "SparkToastContainer",
   setup(e) {
     const s = X.toastState, t = S(
@@ -682,7 +682,7 @@ const X = new xs(), nn = {
       X.resumeToast(u);
     };
     return (u, d) => (m(), V(Ge, { to: "body" }, [
-      p("div", ks, [
+      f("div", ks, [
         b(le, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 -translate-x-4",
@@ -692,23 +692,23 @@ const X = new xs(), nn = {
           "leave-to-class": "opacity-0 -translate-x-4"
         }, {
           default: C(() => [
-            (m(!0), g(R, null, z(t.value, (f) => (m(), g("div", {
-              key: f.id,
+            (m(!0), g(R, null, z(t.value, (p) => (m(), g("div", {
+              key: p.id,
               class: "pointer-events-auto"
             }, [
               b(se, {
-                type: f.type,
-                closeable: f.closeable,
-                onClose: (y) => c(f.id),
-                onMouseenter: (y) => r(f.id),
-                onMouseleave: (y) => i(f.id)
+                type: p.type,
+                closeable: p.closeable,
+                onClose: (y) => c(p.id),
+                onMouseenter: (y) => r(p.id),
+                onMouseleave: (y) => i(p.id)
               }, {
                 default: C(() => [
-                  f.component ? (m(), V(N(f.component), Z({
+                  p.component ? (m(), V(I(p.component), Z({
                     key: 0,
                     ref_for: !0
-                  }, f.props), null, 16)) : (m(), g(R, { key: 1 }, [
-                    B(L(f.message), 1)
+                  }, p.props), null, 16)) : (m(), g(R, { key: 1 }, [
+                    B(L(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -718,7 +718,7 @@ const X = new xs(), nn = {
           _: 1
         })
       ]),
-      p("div", _s, [
+      f("div", ws, [
         b(le, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 translate-x-4",
@@ -728,23 +728,23 @@ const X = new xs(), nn = {
           "leave-to-class": "opacity-0 translate-x-4"
         }, {
           default: C(() => [
-            (m(!0), g(R, null, z(o.value, (f) => (m(), g("div", {
-              key: f.id,
+            (m(!0), g(R, null, z(o.value, (p) => (m(), g("div", {
+              key: p.id,
               class: "pointer-events-auto"
             }, [
               b(se, {
-                type: f.type,
-                closeable: f.closeable,
-                onClose: (y) => c(f.id),
-                onMouseenter: (y) => r(f.id),
-                onMouseleave: (y) => i(f.id)
+                type: p.type,
+                closeable: p.closeable,
+                onClose: (y) => c(p.id),
+                onMouseenter: (y) => r(p.id),
+                onMouseleave: (y) => i(p.id)
               }, {
                 default: C(() => [
-                  f.component ? (m(), V(N(f.component), Z({
+                  p.component ? (m(), V(I(p.component), Z({
                     key: 0,
                     ref_for: !0
-                  }, f.props), null, 16)) : (m(), g(R, { key: 1 }, [
-                    B(L(f.message), 1)
+                  }, p.props), null, 16)) : (m(), g(R, { key: 1 }, [
+                    B(L(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -754,7 +754,7 @@ const X = new xs(), nn = {
           _: 1
         })
       ]),
-      p("div", ws, [
+      f("div", _s, [
         b(le, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 scale-95",
@@ -764,23 +764,23 @@ const X = new xs(), nn = {
           "leave-to-class": "opacity-0 scale-95"
         }, {
           default: C(() => [
-            (m(!0), g(R, null, z(l.value, (f) => (m(), g("div", {
-              key: f.id,
+            (m(!0), g(R, null, z(l.value, (p) => (m(), g("div", {
+              key: p.id,
               class: "pointer-events-auto"
             }, [
               b(se, {
-                type: f.type,
-                closeable: f.closeable,
-                onClose: (y) => c(f.id),
-                onMouseenter: (y) => r(f.id),
-                onMouseleave: (y) => i(f.id)
+                type: p.type,
+                closeable: p.closeable,
+                onClose: (y) => c(p.id),
+                onMouseenter: (y) => r(p.id),
+                onMouseleave: (y) => i(p.id)
               }, {
                 default: C(() => [
-                  f.component ? (m(), V(N(f.component), Z({
+                  p.component ? (m(), V(I(p.component), Z({
                     key: 0,
                     ref_for: !0
-                  }, f.props), null, 16)) : (m(), g(R, { key: 1 }, [
-                    B(L(f.message), 1)
+                  }, p.props), null, 16)) : (m(), g(R, { key: 1 }, [
+                    B(L(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -790,7 +790,7 @@ const X = new xs(), nn = {
           _: 1
         })
       ]),
-      p("div", Ss, [
+      f("div", Ss, [
         b(le, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 -translate-x-4",
@@ -800,23 +800,23 @@ const X = new xs(), nn = {
           "leave-to-class": "opacity-0 -translate-x-4"
         }, {
           default: C(() => [
-            (m(!0), g(R, null, z(n.value, (f) => (m(), g("div", {
-              key: f.id,
+            (m(!0), g(R, null, z(n.value, (p) => (m(), g("div", {
+              key: p.id,
               class: "pointer-events-auto"
             }, [
               b(se, {
-                type: f.type,
-                closeable: f.closeable,
-                onClose: (y) => c(f.id),
-                onMouseenter: (y) => r(f.id),
-                onMouseleave: (y) => i(f.id)
+                type: p.type,
+                closeable: p.closeable,
+                onClose: (y) => c(p.id),
+                onMouseenter: (y) => r(p.id),
+                onMouseleave: (y) => i(p.id)
               }, {
                 default: C(() => [
-                  f.component ? (m(), V(N(f.component), Z({
+                  p.component ? (m(), V(I(p.component), Z({
                     key: 0,
                     ref_for: !0
-                  }, f.props), null, 16)) : (m(), g(R, { key: 1 }, [
-                    B(L(f.message), 1)
+                  }, p.props), null, 16)) : (m(), g(R, { key: 1 }, [
+                    B(L(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -826,7 +826,7 @@ const X = new xs(), nn = {
           _: 1
         })
       ]),
-      p("div", Cs, [
+      f("div", Cs, [
         b(le, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 translate-x-4",
@@ -836,23 +836,23 @@ const X = new xs(), nn = {
           "leave-to-class": "opacity-0 translate-x-4"
         }, {
           default: C(() => [
-            (m(!0), g(R, null, z(a.value, (f) => (m(), g("div", {
-              key: f.id,
+            (m(!0), g(R, null, z(a.value, (p) => (m(), g("div", {
+              key: p.id,
               class: "pointer-events-auto"
             }, [
               b(se, {
-                type: f.type,
-                closeable: f.closeable,
-                onClose: (y) => c(f.id),
-                onMouseenter: (y) => r(f.id),
-                onMouseleave: (y) => i(f.id)
+                type: p.type,
+                closeable: p.closeable,
+                onClose: (y) => c(p.id),
+                onMouseenter: (y) => r(p.id),
+                onMouseleave: (y) => i(p.id)
               }, {
                 default: C(() => [
-                  f.component ? (m(), V(N(f.component), Z({
+                  p.component ? (m(), V(I(p.component), Z({
                     key: 0,
                     ref_for: !0
-                  }, f.props), null, 16)) : (m(), g(R, { key: 1 }, [
-                    B(L(f.message), 1)
+                  }, p.props), null, 16)) : (m(), g(R, { key: 1 }, [
+                    B(L(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -864,7 +864,7 @@ const X = new xs(), nn = {
       ])
     ]));
   }
-}, Ne = ue(
+}, Ie = ue(
   "brandFilter",
   () => {
     const e = q({
@@ -911,47 +911,47 @@ const X = new xs(), nn = {
 ), $s = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Ts = { class: "flex flex-1 flex-col" }, Ls = { class: "divide-y divide-gray-200" }, Ps = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Ms = { class: "ml-auto flex items-center" }, Hs = {
   key: 0,
   class: "flex px-[22px] py-[15px] text-gray-500 text-sm"
-}, 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" }, Os = {
+}, Vs = ["onClick"], Rs = { class: "w-full gap-y-1 flex justify-between" }, Bs = { class: "flex flex-col" }, Es = { class: "flex items-center" }, As = { class: "font-medium text-base text-gray-900" }, Fs = {
   key: 0,
   class: "inline-flex items-center rounded-full bg-green-100 px-1.5 py-0.5 text-xs font-medium text-green-800 ml-1"
-}, Fs = { class: "text-sm text-gray-500 font-normal" }, zs = { class: "flex items-center" }, Ds = ["src", "alt"], js = {
+}, Os = { class: "text-sm text-gray-500 font-normal" }, zs = { class: "flex items-center" }, Ds = ["src", "alt"], js = {
   __name: "SparkBrandSelector",
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, o = Ne(), l = (n) => {
+    const t = s, o = Ie(), l = (n) => {
       t("select", n);
     };
     return (n, a) => {
       const c = A("font-awesome-icon");
       return m(), g("div", $s, [
-        p("div", Ts, [
-          p("div", Ls, [
-            p("div", Ps, [
-              a[1] || (a[1] = p("div", null, "Filter by Brand", -1)),
-              p("div", Ms, [
+        f("div", Ts, [
+          f("div", Ls, [
+            f("div", Ps, [
+              a[1] || (a[1] = f("div", null, "Filter by Brand", -1)),
+              f("div", Ms, [
                 b(c, {
-                  icon: _(O).farTimes,
+                  icon: w(F).farTimes,
                   class: "size-4 text-gray-400 cursor-pointer",
                   onClick: a[0] || (a[0] = (r) => t("close"))
                 }, null, 8, ["icon"])
               ])
             ]),
-            _(o).allBrands.length === 0 ? (m(), g("div", Hs, " No brands configured ")) : T("", !0),
-            (m(!0), g(R, null, z(_(o).allBrands, (r) => (m(), g("div", {
+            w(o).allBrands.length === 0 ? (m(), g("div", Hs, " No brands configured ")) : T("", !0),
+            (m(!0), g(R, null, z(w(o).allBrands, (r) => (m(), g("div", {
               key: r.id,
               class: H([r.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
               onClick: (i) => l(r)
             }, [
-              p("div", Rs, [
-                p("div", Bs, [
-                  p("div", Es, [
-                    p("div", As, L(r.name), 1),
-                    r.current ? (m(), g("span", Os, " Current ")) : T("", !0)
+              f("div", Rs, [
+                f("div", Bs, [
+                  f("div", Es, [
+                    f("div", As, L(r.name), 1),
+                    r.current ? (m(), g("span", Fs, " Current ")) : T("", !0)
                   ]),
-                  p("div", Fs, L(r.current ? "Current Brand" : "Change to"), 1)
+                  f("div", Os, L(r.current ? "Current Brand" : "Change to"), 1)
                 ]),
-                p("div", zs, [
-                  p("img", {
+                f("div", zs, [
+                  f("img", {
                     src: r.logo,
                     alt: `${r.name} logo`,
                     class: "h-8 w-auto"
@@ -959,14 +959,14 @@ const X = new xs(), nn = {
                 ])
               ])
             ], 10, Vs))), 128)),
-            a[2] || (a[2] = p("div", null, null, -1))
+            a[2] || (a[2] = f("div", null, null, -1))
           ]),
-          a[3] || (a[3] = p("div", { class: "mt-auto" }, null, -1))
+          a[3] || (a[3] = f("div", { class: "mt-auto" }, null, -1))
         ])
       ]);
     };
   }
-}, Is = ["disabled"], K = {
+}, Ns = ["disabled"], G = {
   __name: "SparkButton",
   props: {
     size: {
@@ -1013,9 +1013,9 @@ const X = new xs(), nn = {
       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, w]) => w.test(y)
+          ([P, _]) => _.test(y)
         )?.[0], x = Object.entries(n).find(
-          ([P, w]) => w.test(k)
+          ([P, _]) => _.test(k)
         )?.[0];
         return h && h === x;
       })), ...d].join(" ");
@@ -1075,10 +1075,10 @@ const X = new xs(), nn = {
       disabled: e.disabled,
       onClick: i[0] || (i[0] = (u) => r.$emit("click"))
     }, [
-      F(r.$slots, "default")
-    ], 10, Is));
+      O(r.$slots, "default")
+    ], 10, Ns));
   }
-}, Ns = {
+}, Is = {
   __name: "SparkButtonGroup",
   setup(e) {
     const s = E(null);
@@ -1091,7 +1091,7 @@ const X = new xs(), nn = {
       ref_key: "groupRef",
       ref: s
     }, [
-      F(l.$slots, "default")
+      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 = {
@@ -1100,7 +1100,7 @@ const X = new xs(), nn = {
 }, Us = {
   key: 1,
   class: "p-5"
-}, cn = {
+}, dn = {
   __name: "SparkCard",
   props: {
     padded: {
@@ -1116,15 +1116,15 @@ const X = new xs(), nn = {
     const s = e;
     return (t, o) => (m(), g("div", Zs, [
       t.$slots.header ? (m(), g("div", qs, [
-        F(t.$slots, "header")
+        O(t.$slots, "header")
       ])) : T("", !0),
-      p("div", {
+      f("div", {
         class: H([s.padded ? s.paddedClass : ""])
       }, [
-        F(t.$slots, "default")
+        O(t.$slots, "default")
       ], 2),
       t.$slots.footer ? (m(), g("div", Us, [
-        F(t.$slots, "footer")
+        O(t.$slots, "footer")
       ])) : T("", !0)
     ]));
   }
@@ -1216,11 +1216,11 @@ const X = new xs(), nn = {
           class: H(["mx-auto flex size-12 items-center justify-center rounded-full", a.value])
         }, [
           b(u, {
-            icon: _(O)[n.value],
+            icon: w(F)[n.value],
             class: H(["h-5 w-5", c.value])
           }, null, 8, ["icon", "class"])
         ], 2)) : T("", !0),
-        p("div", {
+        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),
@@ -1229,11 +1229,11 @@ const X = new xs(), nn = {
             class: H([{ "mt-2": e.title }, "text-sm text-gray-500"])
           }, L(e.message), 3)) : T("", !0)
         ], 2),
-        p("div", {
+        f("div", {
           class: H(["mt-5 sm:mt-6", o.value])
         }, [
-          (m(!0), g(R, null, z(t.value, (d, f) => (m(), V(_(K), {
-            key: f,
+          (m(!0), g(R, null, z(t.value, (d, p) => (m(), V(w(G), {
+            key: p,
             variant: d.variant,
             onClick: (y) => r.$emit(d.event, d)
           }, {
@@ -1308,17 +1308,17 @@ 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 = {
   __name: "SparkModalContainer",
   setup(e) {
-    return (s, t) => (m(), V(_(Ae), {
+    return (s, t) => (m(), V(w(Ae), {
       as: "template",
-      show: _(oe).state.isVisible
+      show: w(oe).state.isVisible
     }, {
       default: C(() => [
-        b(_(Oe), {
+        b(w(Fe), {
           class: "relative z-1000",
-          onClose: _(oe).hide
+          onClose: w(oe).hide
         }, {
           default: C(() => [
-            b(_(pe), {
+            b(w(pe), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -1328,13 +1328,13 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               "leave-to": "opacity-0"
             }, {
               default: C(() => [...t[0] || (t[0] = [
-                p("div", { class: "fixed inset-0 bg-gray-500/75 transition-opacity" }, null, -1)
+                f("div", { class: "fixed inset-0 bg-gray-500/75 transition-opacity" }, null, -1)
               ])]),
               _: 1
             }),
-            p("div", Xs, [
-              p("div", Js, [
-                b(_(pe), {
+            f("div", Xs, [
+              f("div", Js, [
+                b(w(pe), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -1344,9 +1344,9 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 }, {
                   default: C(() => [
-                    b(_(Fe), { class: "relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:min-w-lg sm:max-w-max" }, {
+                    b(w(Oe), { class: "relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:min-w-lg sm:max-w-max" }, {
                       default: C(() => [
-                        (m(), V(N(_(oe).state.content), Z(_(oe).state.props, Re(_(oe).state.eventHandlers)), null, 16))
+                        (m(), V(I(w(oe).state.content), Z(w(oe).state.props, Re(w(oe).state.eventHandlers)), null, 16))
                       ]),
                       _: 1
                     })
@@ -1386,18 +1386,18 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     }, l = e, n = s, a = S(() => o[l.overlayInstance.state.size] || o.md), c = () => {
       l.overlayInstance.close(), n("close");
     };
-    return (r, i) => (m(), V(_(Ae), {
+    return (r, i) => (m(), V(w(Ae), {
       show: e.overlayInstance.state.isVisible,
       as: "template"
     }, {
       default: C(() => [
-        b(_(Oe), {
+        b(w(Fe), {
           initialFocus: t.value,
           class: "relative z-1000",
           onClose: c
         }, {
           default: C(() => [
-            b(_(pe), {
+            b(w(pe), {
               as: "template",
               enter: "transition-opacity ease-linear duration-150",
               "enter-from": "opacity-0",
@@ -1407,12 +1407,12 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               "leave-to": "opacity-0"
             }, {
               default: C(() => [...i[0] || (i[0] = [
-                p("div", { class: "fixed inset-0 bg-gray-600/30" }, null, -1)
+                f("div", { class: "fixed inset-0 bg-gray-600/30" }, null, -1)
               ])]),
               _: 1
             }),
-            p("div", eo, [
-              b(_(pe), {
+            f("div", eo, [
+              b(w(pe), {
                 as: "template",
                 enter: "transition ease-in-out duration-150 transform",
                 "enter-from": e.position === "left" ? "-translate-x-full opacity-0" : "translate-x-full opacity-0",
@@ -1422,7 +1422,7 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                 "leave-to": e.position === "left" ? "-translate-x-full opacity-0" : "translate-x-full opacity-0"
               }, {
                 default: C(() => [
-                  b(_(Fe), {
+                  b(w(Oe), {
                     ref_key: "panelRef",
                     ref: t,
                     class: H([
@@ -1432,7 +1432,7 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                     ])
                   }, {
                     default: C(() => [
-                      (m(), V(N(e.overlayInstance.state.content), Z(e.overlayInstance.state.props, Re(e.overlayInstance.state.eventHandlers)), null, 16))
+                      (m(), V(I(e.overlayInstance.state.content), Z(e.overlayInstance.state.props, Re(e.overlayInstance.state.eventHandlers)), null, 16))
                     ]),
                     _: 1
                   }, 8, ["class"])
@@ -1511,32 +1511,32 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   if (i.length === 0)
     return;
   const u = s.getSourceDataAtRow(s.toPhysicalRow(o)), d = document.createElement("div");
-  d.classList.add("flex", "items-center", "gap-2"), i.forEach((f) => {
-    if (f.condition && typeof f.condition == "function" && !f.condition(u))
+  d.classList.add("flex", "items-center", "gap-2"), i.forEach((p) => {
+    if (p.condition && typeof p.condition == "function" && !p.condition(u))
       return;
     const y = document.createElement("button");
-    if (y.type = "button", y.classList.add("spark-table-action-button"), f.icon) {
+    if (y.type = "button", y.classList.add("spark-table-action-button"), p.icon) {
       const k = document.createElement("span");
-      k.innerHTML = ce({ prefix: "far", iconName: f.icon }).html, k.classList.add("size-4"), y.appendChild(k);
+      k.innerHTML = ce({ prefix: "far", iconName: p.icon }).html, k.classList.add("size-4"), y.appendChild(k);
     }
-    if (f.label) {
+    if (p.label) {
       const k = document.createElement("span");
-      k.textContent = f.label, y.appendChild(k);
+      k.textContent = p.label, y.appendChild(k);
     }
     y.addEventListener("click", async (k) => {
-      if (k.preventDefault(), k.stopPropagation(), f.confirm) {
-        const h = typeof f.confirm == "string" ? f.confirm : `Are you sure you want to ${f.label?.toLowerCase() || "perform this action"}?`;
+      if (k.preventDefault(), k.stopPropagation(), p.confirm) {
+        const h = typeof p.confirm == "string" ? p.confirm : `Are you sure you want to ${p.label?.toLowerCase() || "perform this action"}?`;
         if (!await oe.confirm({
-          title: f.confirmTitle,
+          title: p.confirmTitle,
           message: h,
-          type: f.confirmType,
-          confirmText: f.confirmText,
-          cancelText: f.cancelText,
-          confirmVariant: f.confirmVariant
+          type: p.confirmType,
+          confirmText: p.confirmText,
+          cancelText: p.cancelText,
+          confirmVariant: p.confirmVariant
         }))
           return;
       }
-      f.event && e.methods.fireEvent(f.event, u), f.handler && typeof f.handler == "function" && f.handler(u);
+      p.event && e.methods.fireEvent(p.event, u), p.handler && typeof p.handler == "function" && p.handler(u);
     }), d.appendChild(y);
   }), t.appendChild(d);
 }, Ce = {
@@ -1551,8 +1551,8 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
 }, io = (e) => (s, t, o, l, n, a, c) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-badge"), !a)
     return;
-  const i = (c.rendererConfig || {}).colorMap || {}, u = i[a] || i[a?.toLowerCase()] || "gray", d = Ce[u] || Ce.gray, f = document.createElement("span");
-  f.classList.add(
+  const i = (c.rendererConfig || {}).colorMap || {}, u = i[a] || i[a?.toLowerCase()] || "gray", d = Ce[u] || Ce.gray, p = document.createElement("span");
+  p.classList.add(
     "inline-flex",
     "items-center",
     "px-2.5",
@@ -1562,7 +1562,7 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     "font-medium",
     "capitalize",
     ...d.split(" ")
-  ), f.textContent = a, t.appendChild(f);
+  ), p.textContent = a, t.appendChild(p);
 }, $e = {
   green: { bg: "bg-green-100", text: "text-green-500" },
   red: { bg: "bg-red-100", text: "text-red-500" },
@@ -1584,7 +1584,7 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   return !1;
 }, uo = (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", f = r.size || 32, y = r.iconPrefix || "far", k = $e[d] || $e.gray;
+  const r = c.rendererConfig || {}, i = co(a), u = i ? r.trueIcon || "check" : r.falseIcon || "xmark", d = i ? r.trueColor || "green" : r.falseColor || "red", p = r.size || 32, y = r.iconPrefix || "far", k = $e[d] || $e.gray;
   t.dataset.copyValue = i ? "true" : "false";
   const h = document.createElement("div");
   h.classList.add(
@@ -1594,34 +1594,56 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     "rounded-full",
     k.bg,
     k.text
-  ), h.style.width = `${f}px`, h.style.height = `${f}px`;
+  ), 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(f * 0.5);
+  const P = Math.round(p * 0.5);
   x.style.fontSize = `${P}px`, h.appendChild(x), t.appendChild(h);
-}, po = (e) => (s, t, o, l, n, a, c) => {
+}, po = (e, s = 2) => {
+  const t = Number(e);
+  if (isNaN(t)) return null;
+  const o = t < 0, n = Math.abs(t).toLocaleString("en-AU", {
+    minimumFractionDigits: s,
+    maximumFractionDigits: s
+  });
+  return o ? `-$${n}` : `$${n}`;
+}, fo = (e) => (s, t, o, l, n, a, c) => {
+  t.innerHTML = "", t.classList.add("spark-table-cell-currency");
+  const r = c.rendererConfig || {}, { decimals: i = 2, emptyText: u = "" } = r;
+  if (a == null || a === "") {
+    t.textContent = u;
+    return;
+  }
+  const d = po(a, i);
+  if (d === null) {
+    t.textContent = u;
+    return;
+  }
+  const p = document.createElement("span");
+  p.textContent = d, t.appendChild(p);
+}, mo = (e) => (s, t, o, l, n, a, c) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-link"), !a)
     return;
   const r = c.rendererConfig || {}, i = s.getSourceDataAtRow(s.toPhysicalRow(o));
   let u = a;
   r.href && (typeof r.href == "function" ? u = r.href(i) : r.href === "email" ? u = `mailto:${a}` : r.href === "tel" ? u = `tel:${a}` : typeof r.href == "string" && (u = i[r.href] || a));
   const d = document.createElement("a");
-  d.href = u, d.textContent = a, d.classList.add("text-primary-600", "hover:text-primary-900", "hover:underline"), r.target && (d.target = r.target), r.rel && (d.rel = r.rel), d.addEventListener("click", (f) => {
-    f.stopPropagation();
+  d.href = u, d.textContent = a, d.classList.add("text-primary-600", "hover:text-primary-900", "hover:underline"), r.target && (d.target = r.target), r.rel && (d.rel = r.rel), d.addEventListener("click", (p) => {
+    p.stopPropagation();
   }), t.appendChild(d);
 }, Te = {
   sm: "h-6 w-6",
   md: "h-8 w-8",
   lg: "h-12 w-12"
-}, fo = (e) => (s, t, o, l, n, a, c) => {
+}, ho = (e) => (s, t, o, l, n, a, c) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-image"), !a)
     return;
-  const r = c.rendererConfig || {}, i = s.getSourceDataAtRow(s.toPhysicalRow(o)), u = r.size || "md", d = Te[u] || Te.md, f = r.rounded !== !1;
+  const r = c.rendererConfig || {}, i = s.getSourceDataAtRow(s.toPhysicalRow(o)), u = r.size || "md", d = Te[u] || Te.md, p = r.rounded !== !1;
   let y = r.alt || "";
   typeof r.alt == "string" && i[r.alt] && (y = i[r.alt]);
   const k = document.createElement("img");
-  k.src = a, k.alt = y, k.classList.add(...d.split(" "), "object-cover"), f ? k.classList.add("rounded-full") : k.classList.add("rounded"), t.appendChild(k);
-}, mo = (e) => (s, t, o, l, n, a, c) => {
+  k.src = a, k.alt = y, k.classList.add(...d.split(" "), "object-cover"), p ? k.classList.add("rounded-full") : k.classList.add("rounded"), t.appendChild(k);
+}, go = (e) => (s, t, o, l, n, a, c) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-date"), !a)
     return;
   const r = c.rendererConfig || {}, i = r.format || "short", u = r.locale || "en-US";
@@ -1632,27 +1654,27 @@ const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       year: "numeric",
       month: "long",
       day: "numeric"
-    }) : i === "relative" ? d = ho(y) : i === "datetime" ? d = y.toLocaleString(u) : d = y.toLocaleDateString(u);
+    }) : i === "relative" ? d = yo(y) : i === "datetime" ? d = y.toLocaleString(u) : d = y.toLocaleDateString(u);
   } catch (y) {
     console.error("Error formatting date:", y), d = a;
   }
-  const f = document.createElement("span");
-  f.textContent = d, t.appendChild(f);
+  const p = document.createElement("span");
+  p.textContent = d, t.appendChild(p);
 };
-function ho(e) {
+function yo(e) {
   const t = /* @__PURE__ */ new Date() - e, o = Math.floor(Math.abs(t) / 1e3), l = Math.floor(o / 60), n = Math.floor(l / 60), a = Math.floor(n / 24), c = Math.floor(a / 30), r = Math.floor(a / 365), i = t > 0;
   return o < 60 ? i ? "just now" : "in a moment" : l < 60 ? i ? `${l} minute${l > 1 ? "s" : ""} ago` : `in ${l} minute${l > 1 ? "s" : ""}` : n < 24 ? i ? `${n} hour${n > 1 ? "s" : ""} ago` : `in ${n} hour${n > 1 ? "s" : ""}` : a < 30 ? i ? `${a} day${a > 1 ? "s" : ""} ago` : `in ${a} day${a > 1 ? "s" : ""}` : c < 12 ? i ? `${c} month${c > 1 ? "s" : ""} ago` : `in ${c} month${c > 1 ? "s" : ""}` : i ? `${r} year${r > 1 ? "s" : ""} ago` : `in ${r} year${r > 1 ? "s" : ""}`;
 }
-const go = (e) => {
+const vo = (e) => {
   const s = ["th", "st", "nd", "rd"], t = e % 100;
   return e + (s[(t - 20) % 10] || s[t] || s[0]);
-}, j = (e, s = 2) => String(e).padStart(s, "0"), ge = /* @__PURE__ */ new Map(), yo = (e, s) => {
+}, j = (e, s = 2) => String(e).padStart(s, "0"), ge = /* @__PURE__ */ new Map(), bo = (e, s) => {
   const t = `${e}:${JSON.stringify(s)}`;
   return ge.has(t) || ge.set(t, new Intl.DateTimeFormat(e, s)), ge.get(t);
 }, ie = (e, s, t, o) => {
-  const a = yo(s, t).formatToParts(e).find((c) => c.type === o);
+  const a = bo(s, t).formatToParts(e).find((c) => c.type === o);
   return a ? a.value : "";
-}, vo = (e) => e.epochMilliseconds !== void 0 ? new Date(e.epochMilliseconds) : new Date(
+}, xo = (e) => e.epochMilliseconds !== void 0 ? new Date(e.epochMilliseconds) : new Date(
   e.year,
   e.month - 1,
   e.day,
@@ -1660,7 +1682,7 @@ const go = (e) => {
   e.minute || 0,
   e.second || 0,
   e.millisecond || 0
-), bo = (e) => {
+), ko = (e) => {
   const s = e.hour || 0, t = s % 12 || 12, o = s >= 12;
   return {
     year: e.year,
@@ -1683,8 +1705,8 @@ const go = (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)}`;
-}, xo = (e, s) => {
-  const t = bo(e), o = vo(e), l = t.dayOfWeek === 7 ? 0 : t.dayOfWeek;
+}, wo = (e, s) => {
+  const t = ko(e), o = xo(e), l = t.dayOfWeek === 7 ? 0 : t.dayOfWeek;
   return [
     // Year
     ["YYYY", () => String(t.year)],
@@ -1696,7 +1718,7 @@ const go = (e) => {
     ["M", () => String(t.month)],
     // Day of month
     ["DD", () => j(t.day)],
-    ["Do", () => go(t.day)],
+    ["Do", () => vo(t.day)],
     ["D", () => String(t.day)],
     // Day of week
     ["dddd", () => ie(o, s, { weekday: "long" }, "weekday")],
@@ -1730,7 +1752,7 @@ const go = (e) => {
     ["x", () => String(e.epochMilliseconds ?? o.getTime())],
     ["X", () => String(Math.floor((e.epochMilliseconds ?? o.getTime()) / 1e3))]
   ];
-}, ko = (e, s, t = {}) => {
+}, _o = (e, s, t = {}) => {
   const { locale: o = "en-US" } = t;
   if (!e)
     return "";
@@ -1746,26 +1768,26 @@ const go = (e) => {
     } catch (r) {
       return console.error("Failed to parse date string:", e, r), e;
     }
-  const n = xo(l, o), a = n.map(([r]) => r).join("|"), c = new RegExp(`\\[([^\\]]+)\\]|(${a})`, "g");
+  const n = wo(l, o), a = n.map(([r]) => r).join("|"), c = new RegExp(`\\[([^\\]]+)\\]|(${a})`, "g");
   return s.replace(c, (r, i, u) => {
     if (i !== void 0)
       return i;
-    const d = n.find(([f]) => f === u);
+    const d = n.find(([p]) => p === u);
     return d ? d[1]() : r;
   });
-}, _o = (e, s = {}) => {
+}, So = (e, s = {}) => {
   const { fromTimezone: t, toTimezone: o } = s;
   if (!e)
     return null;
   const l = e.replace(" ", "T");
   return t && o ? Temporal.PlainDateTime.from(l).toZonedDateTime(t).withTimeZone(o) : t ? Temporal.PlainDateTime.from(l).toZonedDateTime(t) : Temporal.PlainDateTime.from(l);
-}, wo = (e) => (s, t, o, l, n, a, c) => {
+}, Co = (e) => (s, t, o, l, n, a, c) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-datetime");
   const r = c.rendererConfig || {}, {
     format: i = "DD MMM YYYY, HH:mm",
     fromTimezone: u,
     toTimezone: d,
-    locale: f = "en-US",
+    locale: p = "en-US",
     emptyText: y = ""
   } = r;
   if (!a) {
@@ -1773,22 +1795,22 @@ const go = (e) => {
     return;
   }
   try {
-    const k = _o(a, { fromTimezone: u, toTimezone: d });
+    const k = So(a, { fromTimezone: u, toTimezone: d });
     if (!k) {
       t.textContent = y;
       return;
     }
-    const h = ko(k, i, { locale: f }), x = document.createElement("span");
+    const h = _o(k, i, { locale: p }), x = document.createElement("span");
     x.textContent = h, t.appendChild(x);
   } catch (k) {
     console.error("Error formatting datetime:", k, { value: a, format: i }), t.textContent = a;
   }
-}, So = /* @__PURE__ */ new Map(), W = (e, s) => {
+}, $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);
-  }), So.set(e, s);
-}, Co = (e) => {
-  W("spark.actions", lo(e)), W("spark.badge", io()), W("spark.boolean", uo()), W("spark.link", po()), W("spark.image", fo()), W("spark.date", mo()), W("spark.datetime", wo()), W("style.capitalize", (s, t, o, l, n, a) => {
+  }), $o.set(e, s);
+}, To = (e) => {
+  U("spark.actions", lo(e)), U("spark.badge", io()), U("spark.boolean", uo()), U("spark.currency", fo()), U("spark.link", mo()), U("spark.image", ho()), U("spark.date", go()), U("spark.datetime", Co()), U("style.capitalize", (s, t, o, l, n, a) => {
     if (!a || a.length === 0) {
       t.innerText = "";
       return;
@@ -1796,15 +1818,15 @@ const go = (e) => {
     const c = document.createElement("span");
     c.innerHTML = a, c.classList.add("capitalize"), t.replaceChildren(c);
   });
-}, $o = () => {
-}, To = (e, s = {}) => {
+}, Lo = () => {
+}, Po = (e, s = {}) => {
   const t = J(), o = ne(), l = s.namespace, n = l === null, a = s.syncToRoute !== !1, c = s.persistToStorage === !0, r = s.restoreOnMount !== !1, i = s.storageTTL || 7, u = n ? `spark-table:${o.path}` : `spark-table:${l}`, d = (v, $ = "") => {
     const M = {};
     return Object.keys(v).forEach((D) => {
-      const G = v[D], xe = $ ? `${$}[${D}]` : D;
-      G != null && (typeof G == "object" && !Array.isArray(G) ? Object.assign(M, d(G, xe)) : M[xe] = String(G));
+      const W = v[D], xe = $ ? `${$}[${D}]` : D;
+      W != null && (typeof W == "object" && !Array.isArray(W) ? Object.assign(M, d(W, xe)) : M[xe] = String(W));
     }), M;
-  }, f = () => {
+  }, p = () => {
     if (c)
       try {
         const v = {
@@ -1859,7 +1881,7 @@ const go = (e) => {
       return isNaN(D) ? $ : D;
     }
     return $;
-  }, w = () => {
+  }, _ = () => {
     if (n)
       Object.keys(o.query).forEach((v) => {
         x(v) && (e.params[v] = P(v, o.query[v]));
@@ -1874,10 +1896,10 @@ const go = (e) => {
       });
     }
   };
-  return I(
+  return N(
     () => e.params,
     () => {
-      a && h(), c && f();
+      a && h(), c && p();
     },
     { deep: !0 }
   ), r && be(() => {
@@ -1892,7 +1914,7 @@ const go = (e) => {
           (D) => D.startsWith(M)
         );
       }
-      $ && (v = !0, w());
+      $ && (v = !0, _());
     }
     if (!v && c) {
       const $ = y();
@@ -1902,12 +1924,12 @@ const go = (e) => {
     }
   }), {
     syncToRoute: h,
-    restoreFromRoute: w,
-    saveToStorage: f,
+    restoreFromRoute: _,
+    saveToStorage: p,
     loadFromStorage: y,
     clearStorage: k
   };
-}, Lo = { class: "flex items-center gap-4 py-3" }, Po = { class: "shrink-0" }, Mo = { class: "text-sm text-gray-700" }, Ho = { class: "font-medium" }, Vo = { class: "font-medium" }, Ro = { class: "font-medium" }, Bo = {
+}, Mo = { class: "flex items-center gap-4 py-3" }, Ho = { class: "shrink-0" }, Vo = { class: "text-sm text-gray-700" }, Ro = { class: "font-medium" }, Bo = { class: "font-medium" }, Eo = { class: "font-medium" }, Ao = {
   __name: "SparkTablePaginationDetails",
   props: {
     sparkTable: {
@@ -1918,28 +1940,28 @@ const go = (e) => {
   setup(e) {
     const s = e;
     return (t, o) => (m(), g("div", null, [
-      p("div", Lo, [
-        p("div", Po, [
-          p("div", Mo, [
+      f("div", Mo, [
+        f("div", Ho, [
+          f("div", Vo, [
             o[0] || (o[0] = B(" Showing ", -1)),
-            p("span", Ho, L(s.sparkTable.response.meta.from), 1),
+            f("span", Ro, L(s.sparkTable.response.meta.from), 1),
             o[1] || (o[1] = B(" to ", -1)),
-            p("span", Vo, L(s.sparkTable.response.meta.to), 1),
+            f("span", Bo, L(s.sparkTable.response.meta.to), 1),
             o[2] || (o[2] = B(" of ", -1)),
-            p("span", Ro, L(s.sparkTable.response.meta.total), 1),
+            f("span", Eo, L(s.sparkTable.response.meta.total), 1),
             o[3] || (o[3] = B(" results ", -1))
           ])
         ])
       ])
     ]));
   }
-}, Eo = { class: "flex items-center gap-4 px-4 py-3" }, Ao = {
+}, Fo = { class: "flex items-center gap-4 px-4 py-3" }, Oo = {
   key: 0,
   class: "shrink-0 ml-auto"
-}, Oo = {
+}, zo = {
   class: "isolate inline-flex -space-x-px rounded-md shadow-xs bg-white",
   "aria-label": "Pagination"
-}, Fo = ["onClick"], zo = {
+}, Do = ["onClick"], jo = {
   __name: "SparkTablePaginationPaging",
   props: {
     sparkTable: {
@@ -1955,26 +1977,26 @@ const go = (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 ? Ft(
+    }, a = S(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), c = S(() => t.sparkTable.computed.ready ? Ot(
       Math.floor((a.value - 1) / 10) * 10 + 1,
       a.value > t.sparkTable.response.meta.last_page ? t.sparkTable.response.meta.last_page + 1 : a.value + 1
     ) : []), r = S(
       () => t.sparkTable.params.page < Y(t.sparkTable.response.meta, "last_page", 1)
     ), i = S(() => t.sparkTable.params.page > 1);
     return (u, d) => {
-      const f = A("font-awesome-icon");
+      const p = A("font-awesome-icon");
       return m(), g("div", null, [
-        p("div", Eo, [
-          c.value.length > 1 ? (m(), g("div", Ao, [
-            p("div", null, [
-              p("nav", Oo, [
-                p("a", {
+        f("div", Fo, [
+          c.value.length > 1 ? (m(), g("div", Oo, [
+            f("div", null, [
+              f("nav", zo, [
+                f("a", {
                   class: H([i.value ? "" : "disabled", "relative inline-flex items-center rounded-l-md px-2 py-[9px] text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-20 focus:outline-offset-0"]),
                   href: "#",
                   onClick: d[0] || (d[0] = Q((y) => l(-1), ["prevent"]))
                 }, [
-                  b(f, {
-                    icon: _(O).farChevronLeft,
+                  b(p, {
+                    icon: w(F).farChevronLeft,
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ], 2),
@@ -1986,14 +2008,14 @@ const go = (e) => {
                     e.sparkTable.params.page === y ? "z-10 text-white bg-primary-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 hover:bg-primary-600" : "text-gray-900 hover:bg-gray-50 ring-gray-300 focus:z-20 focus:outline-offset-0"
                   ]),
                   onClick: (k) => n(y)
-                }, L(y), 11, Fo))), 128)),
-                p("a", {
+                }, L(y), 11, Do))), 128)),
+                f("a", {
                   class: H([r.value ? "" : "disabled", "relative inline-flex items-center rounded-r-md px-2 py-[9px] text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-20 focus:outline-offset-0"]),
                   onClick: d[1] || (d[1] = Q((y) => l(1), ["prevent"])),
                   href: "#"
                 }, [
-                  b(f, {
-                    icon: _(O).farChevronRight,
+                  b(p, {
+                    icon: w(F).farChevronRight,
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ], 2)
@@ -2009,7 +2031,7 @@ const go = (e) => {
   for (const [o, l] of s)
     t[o] = l;
   return t;
-}, Do = { class: "spark-table-pagination-per-page" }, jo = {
+}, No = { class: "spark-table-pagination-per-page" }, Io = {
   __name: "SparkTablePaginationPerPage",
   props: {
     sparkTable: {
@@ -2030,7 +2052,7 @@ const go = (e) => {
     };
     return (a, c) => {
       const r = A("FormKit");
-      return m(), g("div", Do, [
+      return m(), g("div", No, [
         b(r, {
           "model-value": e.sparkTable.params.limit,
           type: "select",
@@ -2043,7 +2065,7 @@ const go = (e) => {
       ]);
     };
   }
-}, Io = /* @__PURE__ */ ee(jo, [["__scopeId", "data-v-9ef8544b"]]), Pe = {
+}, Zo = /* @__PURE__ */ ee(Io, [["__scopeId", "data-v-9ef8544b"]]), Pe = {
   __name: "SparkTableToolbar",
   props: {
     position: {
@@ -2061,10 +2083,10 @@ const go = (e) => {
       key: 0,
       class: H(l.value)
     }, [
-      F(n.$slots, "default")
+      O(n.$slots, "default")
     ], 2)) : T("", !0);
   }
-}, No = { class: "spark-table-search" }, Zo = {
+}, qo = { class: "spark-table-search" }, Uo = {
   __name: "SparkTableSearch",
   props: {
     /** SparkTable instance object */
@@ -2093,23 +2115,23 @@ const go = (e) => {
         [o]: a
       }) : s.sparkTable.methods.removeParam(o);
     }, s.config.debounce || 300);
-    I(t, (a) => {
+    N(t, (a) => {
       l(a);
     });
     const n = s.config.placeholder || "Search...";
-    return I(
+    return N(
       () => 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", No, [
+      return m(), g("div", qo, [
         b(r, Z({
           modelValue: t.value,
           "onUpdate:modelValue": c[0] || (c[0] = (i) => t.value = i),
           type: "text",
-          placeholder: _(n),
+          placeholder: w(n),
           suffixIcon: "search",
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0",
@@ -2118,7 +2140,7 @@ const go = (e) => {
       ]);
     };
   }
-}, qo = /* @__PURE__ */ ee(Zo, [["__scopeId", "data-v-976170dc"]]), Uo = { class: "spark-table-filter-select" }, Ko = {
+}, Ko = /* @__PURE__ */ ee(Uo, [["__scopeId", "data-v-976170dc"]]), Go = { class: "spark-table-filter-select" }, Wo = {
   __name: "SparkTableFilterSelect",
   props: {
     /** SparkTable instance object */
@@ -2142,24 +2164,24 @@ const go = (e) => {
       { label: s.config.placeholder || "All", value: "" },
       ...s.config.options
     ]);
-    return I(t, (a) => {
+    return N(t, (a) => {
       a ? s.sparkTable.methods.applyParams({
         page: 1,
         [o]: a
       }) : s.sparkTable.methods.removeParam(o);
-    }), I(
+    }), N(
       () => 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", Uo, [
+      return m(), g("div", Go, [
         b(r, Z({
           modelValue: t.value,
           "onUpdate:modelValue": c[0] || (c[0] = (i) => t.value = i),
           type: "select",
-          label: _(l),
+          label: w(l),
           options: n.value,
           placeholder: e.config.placeholder || "All",
           "outer-class": "!mb-0",
@@ -2168,10 +2190,10 @@ const go = (e) => {
       ]);
     };
   }
-}, Go = /* @__PURE__ */ ee(Ko, [["__scopeId", "data-v-642dbc69"]]), Wo = { class: "spark-table-filter-buttons" }, Yo = {
+}, Yo = /* @__PURE__ */ ee(Wo, [["__scopeId", "data-v-642dbc69"]]), Xo = { class: "spark-table-filter-buttons" }, Jo = {
   key: 0,
   class: "spark-table-filter-buttons-label"
-}, Xo = {
+}, Qo = {
   __name: "SparkTableFilterButtons",
   props: {
     /** SparkTable instance object */
@@ -2197,16 +2219,16 @@ const go = (e) => {
         [l]: c
       });
     };
-    return I(
+    return N(
       () => s.sparkTable.params[l],
       (c) => {
         (c == null || c === "") && t.value ? t.value = null : c !== t.value && (t.value = c);
       }
-    ), (c, r) => (m(), g("div", Wo, [
-      _(o) ? (m(), g("span", Yo, L(_(o)), 1)) : T("", !0),
-      b(Ns, { class: "isolate" }, {
+    ), (c, r) => (m(), g("div", Xo, [
+      w(o) ? (m(), g("span", Jo, L(w(o)), 1)) : T("", !0),
+      b(Is, { class: "isolate" }, {
         default: C(() => [
-          (m(!0), g(R, null, z(e.config.options, (i) => (m(), V(K, {
+          (m(!0), g(R, null, z(e.config.options, (i) => (m(), V(G, {
             key: i.value,
             size: "xl",
             variant: n(i.value) ? "primary" : "secondary",
@@ -2222,7 +2244,7 @@ const go = (e) => {
       })
     ]));
   }
-}, Jo = /* @__PURE__ */ ee(Xo, [["__scopeId", "data-v-0fcd0cce"]]), Qo = { class: "spark-table-date-picker" }, ea = {
+}, ea = /* @__PURE__ */ ee(Qo, [["__scopeId", "data-v-0fcd0cce"]]), ta = { class: "spark-table-date-picker" }, sa = {
   __name: "SparkTableDatePicker",
   props: {
     /** SparkTable instance object */
@@ -2241,12 +2263,12 @@ const go = (e) => {
     const s = e, t = E(null), o = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`, n = E(`${l}-0`);
     return s.sparkTable.params[l] ? t.value = s.sparkTable.params[l] : s.config.initialValue ? (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
       [l]: s.config.initialValue
-    })) : t.value = null, I(t, (a) => {
+    })) : t.value = null, N(t, (a) => {
       a ? s.sparkTable.methods.applyParams({
         page: 1,
         [l]: a
       }) : s.sparkTable.methods.removeParam(l);
-    }), I(
+    }), N(
       () => s.sparkTable.params[l],
       (a) => {
         if ((a == null || a === "") && t.value) {
@@ -2257,14 +2279,14 @@ const go = (e) => {
       }
     ), (a, c) => {
       const r = A("FormKit");
-      return m(), g("div", Qo, [
+      return m(), g("div", ta, [
         (m(), V(r, Z({
           key: n.value,
           modelValue: t.value,
           "onUpdate:modelValue": c[0] || (c[0] = (i) => t.value = i),
           type: "datepicker",
           "picker-only": "",
-          label: _(o),
+          label: w(o),
           placeholder: e.config.placeholder || "Select date",
           overlay: !0,
           "value-format": "YYYY-MM-DD",
@@ -2275,7 +2297,7 @@ const go = (e) => {
       ]);
     };
   }
-}, ta = /* @__PURE__ */ ee(ea, [["__scopeId", "data-v-44ef9cb8"]]), sa = { class: "spark-table-reset" }, oa = { key: 1 }, aa = {
+}, oa = /* @__PURE__ */ ee(sa, [["__scopeId", "data-v-44ef9cb8"]]), aa = { class: "spark-table-reset" }, ra = { key: 1 }, na = {
   __name: "SparkTableReset",
   props: {
     /** SparkTable instance object */
@@ -2295,8 +2317,8 @@ const go = (e) => {
       Object.entries(o).forEach(([i, u]) => {
         if (!u || u.type === "reset" || !(typeof u.enabled == "function" ? u.enabled(s.sparkTable.params) : u.enabled))
           return;
-        let f = null;
-        u.type === "search" ? f = u.param || "search" : u.type === "filterSelect" || u.type === "filterButtons" ? f = u.param || `filter[${u.key}]` : u.type === "datePicker" && (f = u.param || `filter[${u.key}]`), f && (u.initialValue !== void 0 && u.initialValue !== null ? n[f] = u.initialValue : l.push(f));
+        let p = null;
+        u.type === "search" ? p = u.param || "search" : u.type === "filterSelect" || u.type === "filterButtons" ? p = u.param || `filter[${u.key}]` : u.type === "datePicker" && (p = u.param || `filter[${u.key}]`), p && (u.initialValue !== void 0 && u.initialValue !== null ? n[p] = u.initialValue : l.push(p));
       });
       const a = l.filter(
         (i) => s.sparkTable.params[i] !== void 0 && s.sparkTable.params[i] !== null && s.sparkTable.params[i] !== ""
@@ -2313,8 +2335,8 @@ const go = (e) => {
     };
     return (o, l) => {
       const n = A("font-awesome-icon");
-      return m(), g("div", sa, [
-        b(K, {
+      return m(), g("div", aa, [
+        b(G, {
           onClick: t,
           variant: "secondary",
           size: "xl"
@@ -2325,20 +2347,20 @@ const go = (e) => {
               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", oa, L(e.config.label), 1)) : T("", !0)
+            e.config.label ? (m(), g("span", ra, L(e.config.label), 1)) : T("", !0)
           ]),
           _: 1
         })
       ]);
     };
   }
-}, ra = /* @__PURE__ */ ee(aa, [["__scopeId", "data-v-45343158"]]), na = { class: "spark-table" }, la = {
+}, la = /* @__PURE__ */ ee(na, [["__scopeId", "data-v-45343158"]]), ia = { class: "spark-table" }, ca = {
   key: 1,
   class: "pt-5"
-}, ia = { class: "flex items-center gap-x-3" }, ve = {
+}, ua = { class: "flex items-center gap-x-3" }, ve = {
   perPages: [15, 30, 50, 100, 200, 500],
   limit: 15
-}, ca = {
+}, da = {
   page: 1,
   limit: ve.limit
 }, Me = {
@@ -2351,7 +2373,7 @@ const go = (e) => {
   tableClassName: "spark-table-table",
   readOnlyCellClassName: "read-only",
   licenseKey: "non-commercial-and-evaluation"
-}, un = {
+}, pn = {
   __name: "SparkTable",
   props: {
     url: {
@@ -2375,7 +2397,7 @@ const go = (e) => {
     params: {
       type: Object,
       default() {
-        return ca;
+        return da;
       }
     },
     options: {
@@ -2416,15 +2438,15 @@ const go = (e) => {
   ],
   setup(e, { expose: s, emit: t }) {
     const o = e;
-    Ut(), de(It), de(Nt), de(Zt), Y(o, "settings.nestedHeaders") && de(qt);
+    Ut(), de(Nt), de(It), de(Zt), Y(o, "settings.nestedHeaders") && de(qt);
     const l = t, n = Ve("axios"), a = E(null), c = E(!1), r = E(null);
     let i = !1;
     const u = {
-      search: qo,
-      filterSelect: Go,
-      filterButtons: Jo,
-      datePicker: ta,
-      reset: ra
+      search: Ko,
+      filterSelect: Yo,
+      filterButtons: ea,
+      datePicker: oa,
+      reset: la
     }, d = q({
       hotInstance: null,
       url: S(() => o.url),
@@ -2449,13 +2471,13 @@ const go = (e) => {
             c.value = !0, r.value = null, l("loading", !0), me.start(), d.hotInstance = a.value.hotInstance;
             try {
               if (o.dataProvider) {
-                const w = await o.dataProvider(d.computed.params);
-                d.response = o.dataTransformer(w, o);
+                const _ = await o.dataProvider(d.computed.params);
+                d.response = o.dataTransformer(_, o);
               } else if (o.url) {
-                const w = await n.get(o.url, {
+                const _ = await n.get(o.url, {
                   params: d.computed.params
                 });
-                d.response = o.dataTransformer(w, o);
+                d.response = o.dataTransformer(_, o);
               } else {
                 console.error("No data provider or URL provided"), c.value = !1, l("loading", !1), me.done();
                 return;
@@ -2463,8 +2485,8 @@ const go = (e) => {
               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((w, v) => {
-                w.width || x.calculateColumnsWidth(v, v, !0);
+              Y(o.settings, "columns", []).forEach((_, v) => {
+                _.width || x.calculateColumnsWidth(v, v, !0);
               }), l("load", {
                 data: d.response.data,
                 meta: d.response.meta
@@ -2512,7 +2534,7 @@ const go = (e) => {
         ...!Y(o.settings, "nestedHeaders") && {
           afterGetColHeader: (h, x) => ro(h, x, d)
         },
-        afterChange: (h, x) => $o(),
+        afterChange: (h, x) => Lo(),
         afterRender: () => no(d),
         /**
          * Prevent columns with explicit width from being stretched
@@ -2520,8 +2542,8 @@ const go = (e) => {
          * while letting others stretch normally
          */
         beforeStretchingColumnWidth: (h, x) => {
-          const w = Y(o.settings, "columns", [])[x];
-          return w && w.width !== void 0 ? w.width : h;
+          const _ = Y(o.settings, "columns", [])[x];
+          return _ && _.width !== void 0 ? _.width : h;
         },
         /**
          * Copy displayed cell content instead of raw data values
@@ -2529,20 +2551,20 @@ const go = (e) => {
          */
         beforeCopy: (h, x) => {
           const P = a.value?.hotInstance;
-          P && x.forEach((w) => {
-            for (let v = w.startRow; v <= w.endRow; v++)
-              for (let $ = w.startCol; $ <= w.endCol; $++) {
+          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, G = $ - x[0].startCol;
-                  h[D][G] = M.dataset.copyValue ?? M.textContent ?? "";
+                  const D = v - x[0].startRow, W = $ - x[0].startCol;
+                  h[D][W] = M.dataset.copyValue ?? M.textContent ?? "";
                 }
               }
           });
         },
         ...o.settings
       }))
-    }), f = (h) => {
+    }), p = (h) => {
       if (!h) return null;
       switch (h.type) {
         case "search":
@@ -2555,15 +2577,15 @@ const go = (e) => {
           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 (I(
+    if (N(
       () => ({ ...d.params }),
       () => {
         const h = [];
         Object.values(o.plugins).forEach((x) => {
-          const P = f(x);
+          const P = p(x);
           if (!P) return;
-          const w = y(x), v = d.params[P] !== void 0;
-          !w && v && h.push(P);
+          const _ = y(x), v = d.params[P] !== void 0;
+          !_ && v && h.push(P);
         }), h.length > 0 && h.forEach((x) => {
           delete d.params[x];
         });
@@ -2571,25 +2593,25 @@ const go = (e) => {
       { deep: !0, flush: "sync" }
     ), o.syncToRoute || o.persistToStorage) {
       const h = typeof o.syncToRoute == "string";
-      To(d, {
+      Po(d, {
         namespace: h ? o.syncToRoute : null,
         syncToRoute: !!o.syncToRoute,
         persistToStorage: o.persistToStorage
       });
     }
-    return _e(
+    return we(
       () => o.params,
       async () => {
         d.params.page = 1, await d.methods.loadTable();
       },
       { debounce: 50, maxWait: 1e3 }
-    ), _e(
+    ), we(
       () => d.params,
       async () => {
         await d.methods.loadTable();
       },
       { debounce: 50, maxWait: 1e3 }
-    ), I(
+    ), N(
       () => o.url,
       async (h, x) => {
         h !== x && (d.params.page = 1, await d.methods.loadTable());
@@ -2598,7 +2620,7 @@ const go = (e) => {
       await d.methods.loadTable(), l("ready");
     }), Ye(() => {
       i = !0;
-    }), Co(d), s({
+    }), To(d), s({
       refresh: () => d.methods.loadTable(),
       getParams: () => d.methods.getParams(),
       getParam: (h) => d.methods.getParam(h),
@@ -2610,27 +2632,27 @@ const go = (e) => {
       error: r,
       sparkTable: d,
       table: a
-    }), (h, x) => (m(), g("div", na, [
+    }), (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(N(u[P.config.type]), {
+          (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)),
-          F(h.$slots, "header", {
+          O(h.$slots, "header", {
             sparkTable: d,
             loading: c.value,
             error: r.value
           })
         ]),
         _: 3
-      })) : (m(), g("div", la)),
-      b(_(jt), {
+      })) : (m(), g("div", ca)),
+      b(w(jt), {
         "theme-name": "ht-theme-classic",
         ref_key: "table",
         ref: a,
@@ -2641,17 +2663,17 @@ const go = (e) => {
         position: "footer"
       }, {
         default: C(() => [
-          b(Bo, { "spark-table": d }, null, 8, ["spark-table"]),
-          p("div", ia, [
-            b(zo, {
+          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(Io, {
+            b(Zo, {
               "spark-table": d,
               onPaginate: d.methods.applyParams
             }, null, 8, ["spark-table", "onPaginate"]),
-            F(h.$slots, "footer", {
+            O(h.$slots, "footer", {
               sparkTable: d,
               loading: c.value,
               error: r.value
@@ -2690,7 +2712,7 @@ function He() {
     }
   };
 }
-class ua {
+class pa {
   constructor() {
     this.left = He(), this.right = He();
   }
@@ -2722,22 +2744,22 @@ class ua {
     this.left.close(), this.right.close();
   };
 }
-const te = new ua(), da = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, pa = { class: "flex flex-1 flex-col" }, fa = {
+const te = new pa(), fa = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, ma = { class: "flex flex-1 flex-col" }, ha = {
   class: "flex flex-1 flex-col gap-y-7",
   role: "list"
-}, ma = { class: "flex flex-1 flex-col" }, ha = {
+}, ga = { class: "flex flex-1 flex-col" }, ya = {
   role: "list",
   class: "flex flex-1 flex-col"
-}, ga = { class: "flex items-center pb-8" }, ya = ["href", "onClick"], va = {
+}, va = { class: "flex items-center pb-8" }, ba = ["href", "onClick"], xa = {
   key: 2,
   class: "w-full flex justify-center"
-}, ba = {
+}, ka = {
   key: 0,
   class: "mt-[5px] flex flex-col gap-[5px]"
-}, xa = ["href", "onClick"], ka = {
+}, wa = ["href", "onClick"], _a = {
   key: 1,
   class: "text-[13px]"
-}, _a = { class: "mt-auto" }, wa = { class: "p-[10px] flex-shrink-0" }, Sa = { class: "flex flex-1 items-center gap-x-6" }, Ca = { class: "relative flex flex-1 items-center gap-4" }, $a = { class: "cursor-pointer" }, Ta = ["src"], La = { class: "ml-auto" }, Pa = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, dn = {
+}, Sa = { class: "mt-auto" }, Ca = { class: "p-[10px] flex-shrink-0" }, $a = { class: "flex flex-1 items-center gap-x-6" }, Ta = { class: "relative flex flex-1 items-center gap-4" }, La = { class: "cursor-pointer" }, Pa = ["src"], Ma = { class: "ml-auto" }, Ha = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, fn = {
   __name: "SparkDefaultContainer",
   props: {
     appStore: {
@@ -2755,7 +2777,7 @@ const te = new ua(), da = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, pa =
   },
   emits: ["overlayClose"],
   setup(e, { emit: s }) {
-    const t = e, o = s, l = Be(), n = ne(), a = Ne(), 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 = Be(), n = ne(), a = Ie(), c = De(), r = S(() => c.getAppIcon(t.appStore.state.app)), i = S(() => n.meta.hideBrandSelector === !0 ? !1 : t.appStore.state.showBrandSelector), u = () => {
       const k = {};
       l["app-selector-bottom"] ? k.bottomSlot = () => 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) => {
@@ -2772,96 +2794,96 @@ const te = new ua(), da = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, pa =
           }
         }
       );
-    }, f = S(() => t.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [t.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), y = S(() => t.mainNavStore.state.hidden ? ["pl-2.5"] : [t.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
+    }, p = S(() => t.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [t.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), y = S(() => t.mainNavStore.state.hidden ? ["pl-2.5"] : [t.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
     return (k, h) => {
       const x = A("font-awesome-icon"), P = A("router-view");
       return m(), g(R, null, [
-        p("div", {
-          class: H([f.value, "fixed inset-y-0 flex transition-all z-100"])
+        f("div", {
+          class: H([p.value, "fixed inset-y-0 flex transition-all z-100"])
         }, [
-          p("div", da, [
-            p("nav", pa, [
-              p("ul", fa, [
-                p("li", ma, [
-                  p("ul", ha, [
-                    p("li", ga, [
-                      p("a", {
+          f("div", fa, [
+            f("nav", ma, [
+              f("ul", ha, [
+                f("li", ga, [
+                  f("ul", ya, [
+                    f("li", va, [
+                      f("a", {
                         class: "grid w-[40px] h-[40px] place-items-center rounded-md bg-primary-600 text-white text-[13px] cursor-pointer",
-                        onClick: h[0] || (h[0] = Q((w) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
+                        onClick: h[0] || (h[0] = Q((_) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
                       }, [
                         b(x, {
-                          icon: _(O)[r.value],
+                          icon: w(F)[r.value],
                           class: "size-5"
                         }, null, 8, ["icon"])
                       ]),
                       e.mainNavStore.state.collapsed ? T("", !0) : (m(), g("a", {
                         key: 0,
-                        onClick: h[1] || (h[1] = Q((w) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"])),
+                        onClick: h[1] || (h[1] = Q((_) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"])),
                         class: "font-medium text-gray-800 ml-[10px] cursor-pointer"
                       }, L(e.appStore.state.app), 1))
                     ]),
-                    (m(!0), g(R, null, z(e.mainNavStore.state.menu, (w) => (m(), g("li", {
-                      key: w.name,
+                    (m(!0), g(R, null, z(e.mainNavStore.state.menu, (_) => (m(), g("li", {
+                      key: _.name,
                       class: H({
-                        "mt-[10px]": w.children,
-                        "mt-auto": w.footerSection
+                        "mt-[10px]": _.children,
+                        "mt-auto": _.footerSection
                       })
                     }, [
-                      p("a", {
+                      f("a", {
                         class: H([{
-                          "bg-gray-100": w.current,
-                          "hover:bg-gray-100": w?.href
+                          "bg-gray-100": _.current,
+                          "hover:bg-gray-100": _?.href
                         }, "h-[37px] sgroup flex items-center gap-x-2 rounded-md p-3 text-gray-800 leading-5 transition-all duration-300 ease-in-out"]),
-                        href: w?.href,
-                        onClick: Q((v) => e.mainNavStore.goto(w.href), ["prevent"])
+                        href: _?.href,
+                        onClick: Q((v) => e.mainNavStore.goto(_.href), ["prevent"])
                       }, [
-                        w.icon ? (m(), V(x, {
+                        _.icon ? (m(), V(x, {
                           key: 0,
-                          icon: _(O)[w.icon],
-                          class: H([[(w.current, "text-gray-400")], "size-4"])
+                          icon: w(F)[_.icon],
+                          class: H([[(_.current, "text-gray-400")], "size-4"])
                         }, null, 8, ["icon", "class"])) : T("", !0),
-                        e.mainNavStore.state.collapsed ? w?.children ? (m(), g("div", va, [...h[6] || (h[6] = [
-                          p("div", { class: "w-[10px] h-px bg-gray-400" }, null, -1)
+                        e.mainNavStore.state.collapsed ? _?.children ? (m(), g("div", xa, [...h[6] || (h[6] = [
+                          f("div", { class: "w-[10px] h-px bg-gray-400" }, null, -1)
                         ])])) : T("", !0) : (m(), g("span", {
                           key: 1,
                           class: H({
-                            "text-[11px]": w?.children,
-                            "text-[13px]": !w?.children,
-                            "font-semibold": w?.children,
-                            "text-gray-500": w?.children
+                            "text-[11px]": _?.children,
+                            "text-[13px]": !_?.children,
+                            "font-semibold": _?.children,
+                            "text-gray-500": _?.children
                           })
-                        }, L(w.name), 3))
-                      ], 10, ya),
-                      w.children ? (m(), g("ul", ba, [
-                        (m(!0), g(R, null, z(w.children, (v) => (m(), g("li", {
+                        }, 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("a", {
+                          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"])
                           }, [
                             v.icon ? (m(), V(x, {
                               key: 0,
-                              icon: _(O)[v.icon],
+                              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", ka, L(v.name), 1))
-                          ], 10, xa)
+                            e.mainNavStore.state.collapsed ? T("", !0) : (m(), g("span", _a, L(v.name), 1))
+                          ], 10, wa)
                         ]))), 128))
                       ])) : T("", !0)
                     ], 2))), 128))
                   ])
                 ]),
-                p("li", _a, [
-                  F(k.$slots, "sidebar-footer"),
-                  p("a", {
+                f("li", Sa, [
+                  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((w) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
+                    onClick: h[2] || (h[2] = Q((_) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
                   }, [
                     b(x, {
-                      icon: _(O)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
+                      icon: w(F)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
                       class: "class-5"
                     }, null, 8, ["icon"])
                   ])
@@ -2870,37 +2892,37 @@ const te = new ua(), da = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, pa =
             ])
           ])
         ], 2),
-        p("div", {
+        f("div", {
           class: H([y.value, "h-full transition-all flex flex-col"])
         }, [
-          p("div", wa, [
-            p("div", Sa, [
-              p("div", Ca, [
-                F(k.$slots, "header-left", {}, () => [
-                  p("div", $a, [
+          f("div", Ca, [
+            f("div", $a, [
+              f("div", Ta, [
+                O(k.$slots, "header-left", {}, () => [
+                  f("div", La, [
                     b(x, {
-                      icon: _(O).farBarsSort,
+                      icon: w(F).farBarsSort,
                       class: "size-5",
-                      onClick: h[3] || (h[3] = (w) => e.mainNavStore.toggleHidden())
+                      onClick: h[3] || (h[3] = (_) => e.mainNavStore.toggleHidden())
                     }, null, 8, ["icon"])
                   ])
                 ]),
-                F(k.$slots, "header-center", {}, () => [
+                O(k.$slots, "header-center", {}, () => [
                   i.value ? (m(), g("div", {
                     key: 0,
                     class: "absolute left-1/2 -translate-x-1/2 cursor-pointer h-9 flex items-center",
                     onClick: d
                   }, [
-                    _(a).currentBrand ? (m(), g("img", {
+                    w(a).currentBrand ? (m(), g("img", {
                       key: 0,
-                      src: _(a).currentBrand.logo,
+                      src: w(a).currentBrand.logo,
                       alt: "",
                       class: "h-[30px] w-auto"
-                    }, null, 8, Ta)) : T("", !0)
+                    }, null, 8, Pa)) : T("", !0)
                   ])) : T("", !0)
                 ]),
-                p("div", La, [
-                  F(k.$slots, "header-right", {}, () => [
+                f("div", Ma, [
+                  O(k.$slots, "header-right", {}, () => [
                     e.appStore.state.showAppSelector ? (m(), g("button", {
                       key: 0,
                       class: "rounded-sm bg-white w-[42px] h-[42px] ring-1 ring-inset ring-gray-300",
@@ -2908,7 +2930,7 @@ const te = new ua(), da = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, pa =
                       onClick: u
                     }, [
                       b(x, {
-                        icon: _(O).farGripDotsVertical,
+                        icon: w(F).farGripDotsVertical,
                         class: "size-4 text-gray-400"
                       }, null, 8, ["icon"])
                     ])) : T("", !0)
@@ -2917,35 +2939,35 @@ const te = new ua(), da = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, pa =
               ])
             ])
           ]),
-          p("main", Pa, [
+          f("main", Ha, [
             b(P)
           ])
         ], 2),
-        b(_(Se), {
+        b(w(Se), {
           position: "left",
-          "overlay-instance": _(te).left,
-          onClose: h[4] || (h[4] = (w) => o("overlayClose", "left"))
+          "overlay-instance": w(te).left,
+          onClose: h[4] || (h[4] = (_) => o("overlayClose", "left"))
         }, null, 8, ["overlay-instance"]),
-        b(_(Se), {
+        b(w(Se), {
           position: "right",
-          "overlay-instance": _(te).right,
-          onClose: h[5] || (h[5] = (w) => o("overlayClose", "right"))
+          "overlay-instance": w(te).right,
+          onClose: h[5] || (h[5] = (_) => o("overlayClose", "right"))
         }, null, 8, ["overlay-instance"]),
-        b(_(Qs))
+        b(w(Qs))
       ], 64);
     };
   }
-}, Ma = {}, Ha = { class: "h-full" };
-function Va(e, s) {
+}, Va = {}, Ra = { class: "h-full" };
+function Ba(e, s) {
   const t = A("router-view");
-  return m(), g("main", Ha, [
+  return m(), g("main", Ra, [
     b(t)
   ]);
 }
-const pn = /* @__PURE__ */ ee(Ma, [["render", Va]]), Ra = (e) => {
+const mn = /* @__PURE__ */ ee(Va, [["render", Ba]]), Ea = (e) => {
   const s = document.cookie.match(new RegExp(`(^| )${e}=([^;]+)`));
   return s ? s[2] : null;
-}, Ba = (e, s, t = {}) => {
+}, Aa = (e, s, t = {}) => {
   const {
     maxAge: o = 31536e3,
     // 365 days in seconds
@@ -2956,7 +2978,7 @@ const pn = /* @__PURE__ */ ee(Ma, [["render", Va]]), Ra = (e) => {
   } = t;
   let r = `${e}=${s}; max-age=${o}; path=${c}; samesite=${a}`;
   l && (r += `; domain=${l}`), n && (r += "; secure"), document.cookie = r;
-}, Ea = (e, s = {}) => {
+}, Fa = (e, s = {}) => {
   const { domain: t = Ze(), path: o = "/" } = s;
   let l = `${e}=; max-age=0; path=${o}`;
   t && (l += `; domain=${t}`), document.cookie = l;
@@ -2964,15 +2986,15 @@ const pn = /* @__PURE__ */ ee(Ma, [["render", Va]]), Ra = (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 Aa(e) {
+function Oa(e) {
   qe.push(e);
 }
-function Oa() {
+function za() {
   qe.forEach((e) => e());
 }
-function fn(e) {
+function hn(e) {
   let s = !1;
-  return Aa(() => {
+  return Oa(() => {
     s = !1;
   }), {
     bootstrapApp: async () => {
@@ -2985,7 +3007,7 @@ function fn(e) {
     }
   };
 }
-const ye = "bolt-next-token", U = ue("auth", () => {
+const ye = "bolt-next-token", K = ue("auth", () => {
   const e = q({
     user: null,
     token: null,
@@ -3021,10 +3043,10 @@ const ye = "bolt-next-token", U = 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) => {
-    Ba(ye, i), e.token = i;
+    Aa(ye, i), e.token = i;
   }, o = () => {
-    Ea(ye), e.token = null;
-  }, l = () => Ra(ye), n = async (i) => {
+    Fa(ye), e.token = null;
+  }, l = () => Ea(ye), n = async (i) => {
     const u = await re.post(e.endpoints.login, i), d = u.headers.authorization;
     return t(d), e.user = u.data, e.callbacks.onLoginSuccess && await e.callbacks.onLoginSuccess(u.data), u.data;
   }, a = async () => {
@@ -3041,7 +3063,7 @@ const ye = "bolt-next-token", U = ue("auth", () => {
     } catch (i) {
       throw e.callbacks.onLogoutError && await e.callbacks.onLogoutError(i), i;
     } finally {
-      o(), e.user = null, Oa();
+      o(), e.user = null, za();
     }
   }, c = async () => {
     const i = e.overrideToken || l();
@@ -3071,17 +3093,17 @@ const ye = "bolt-next-token", U = ue("auth", () => {
     clearTokenCookie: o,
     getTokenCookie: l
   };
-}), Fa = { class: "h-full grid place-content-center relative" }, za = { class: "absolute top-8 left-8" }, Da = ["src"], ja = {
+}), Da = { class: "h-full grid place-content-center relative" }, ja = { class: "absolute top-8 left-8" }, Na = ["src"], Ia = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ia = { class: "max-w-sm grid gap-y-1 -mt-8" }, Na = { class: "mb-7" }, Za = { class: "text-gray-600" }, qa = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, Ua = {
+}, Za = { class: "max-w-sm grid gap-y-1 -mt-8" }, qa = { class: "mb-7" }, Ua = { class: "text-gray-600" }, Ka = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, Ga = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, Ka = { key: 0 }, Ga = { key: 1 }, Wa = {
+}, Wa = { key: 0 }, Ya = { key: 1 }, Xa = {
   __name: "SparkLoginView",
   props: {
     logo: {
@@ -3098,7 +3120,7 @@ const ye = "bolt-next-token", U = ue("auth", () => {
     }
   },
   setup(e) {
-    const s = J(), t = ne(), o = je(), l = U(), n = e, a = E(!1), c = E(""), r = async (i) => {
+    const s = J(), t = ne(), o = je(), l = K(), n = e, a = E(!1), c = E(""), r = async (i) => {
       a.value = !0, c.value = "";
       try {
         await l.login(i);
@@ -3118,37 +3140,37 @@ const ye = "bolt-next-token", U = ue("auth", () => {
       }
     };
     return (i, u) => {
-      const d = A("FormKit"), f = A("router-link");
-      return m(), g("div", Fa, [
-        p("div", za, [
+      const d = A("FormKit"), p = A("router-link");
+      return m(), g("div", Da, [
+        f("div", ja, [
           n.logo ? (m(), g("img", {
             key: 0,
             src: n.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Da)) : (m(), g("svg", ja, [...u[0] || (u[0] = [
-            p("path", {
+          }, null, 8, Na)) : (m(), g("svg", Ia, [...u[0] || (u[0] = [
+            f("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
             }, null, -1),
-            p("path", {
+            f("path", {
               d: "M34.5 5.22235H38.228V14.1664H46.5V17.1264H34.5V5.22235Z",
               fill: "#1C64F2"
             }, null, -1),
-            p("path", {
+            f("path", {
               d: "M28.3161 0C29.1499 0 29.7522 0.798785 29.5209 1.59757L27.1856 9.77748H30.9046C31.747 9.77748 32.4279 10.4584 32.4279 11.3008C32.4279 11.7504 32.2315 12.1738 31.891 12.4619L20.5989 22.0517C20.3719 22.2438 20.0839 22.3485 19.787 22.3485C18.9533 22.3485 18.351 21.5497 18.5823 20.751L20.9176 12.571H17.1463C16.33 12.571 15.6709 11.9119 15.6709 11.1001C15.6709 10.6679 15.8586 10.262 16.186 9.98263L27.5043 0.301181C27.7312 0.104759 28.0193 0 28.3161 0ZM26.7404 3.71021L18.8311 10.4759H22.3056C22.633 10.4759 22.9429 10.6286 23.1437 10.8905C23.3445 11.1524 23.4056 11.4929 23.3139 11.8072L21.3584 18.6601L29.355 11.8727H25.7976C25.4702 11.8727 25.1603 11.7199 24.9595 11.458C24.7587 11.1961 24.6976 10.8556 24.7893 10.5413L26.7404 3.71021Z",
               fill: "#1C64F2"
             }, null, -1),
-            p("path", {
+            f("path", {
               d: "M0 17.1264V5.22235H10.192C13.6 5.22235 14.544 6.53435 14.544 7.94235V8.16635C14.544 9.70235 13.232 10.3264 12.656 10.4864C13.472 10.6944 15.216 11.3984 15.216 13.4784V13.7024C15.216 15.5904 14.144 17.1264 10.288 17.1264H0ZM9.552 7.73435H3.728V9.67035H9.552C10.592 9.67035 10.848 9.19035 10.848 8.71035V8.67835C10.848 8.18235 10.592 7.73435 9.552 7.73435ZM9.872 12.1984H3.728V14.5344H9.872C11.12 14.5344 11.344 13.8464 11.344 13.3664V13.3024C11.344 12.7904 11.104 12.1984 9.872 12.1984Z",
               fill: "#1C64F2"
             }, null, -1)
           ])]))
         ]),
-        p("div", Ia, [
-          p("div", Na, [
-            u[1] || (u[1] = p("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Log in", -1)),
-            p("p", Za, " Welcome back" + L(_(o).state.app ? ` to ${_(o).state.app}` : "") + "! Please enter your details. ", 1)
+        f("div", Za, [
+          f("div", qa, [
+            u[1] || (u[1] = f("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Log in", -1)),
+            f("p", Ua, " Welcome back" + L(w(o).state.app ? ` to ${w(o).state.app}` : "") + "! Please enter your details. ", 1)
           ]),
           b(d, {
             type: "form",
@@ -3163,7 +3185,7 @@ const ye = "bolt-next-token", U = ue("auth", () => {
                 type: "email",
                 validation: "required|email",
                 "outer-class": "max-w-full",
-                value: _(l).state.devCredentials.username
+                value: w(l).state.devCredentials.username
               }, null, 8, ["value"]),
               b(d, {
                 label: "Password",
@@ -3172,11 +3194,11 @@ const ye = "bolt-next-token", U = ue("auth", () => {
                 type: "password",
                 validation: "required",
                 "outer-class": "max-w-full",
-                value: _(l).state.devCredentials.password
+                value: w(l).state.devCredentials.password
               }, null, 8, ["value"]),
-              p("div", qa, [
-                u[3] || (u[3] = p("span", null, null, -1)),
-                b(f, {
+              f("div", Ka, [
+                u[3] || (u[3] = f("span", null, null, -1)),
+                b(p, {
                   to: n.forgotPasswordRoute,
                   class: "text-sm text-primary-600 font-semibold"
                 }, {
@@ -3186,15 +3208,15 @@ const ye = "bolt-next-token", U = ue("auth", () => {
                   _: 1
                 }, 8, ["to"])
               ]),
-              c.value ? (m(), g("div", Ua, L(c.value), 1)) : T("", !0),
-              b(_(K), {
+              c.value ? (m(), g("div", Ga, L(c.value), 1)) : T("", !0),
+              b(w(G), {
                 type: "submit",
                 size: "xl",
                 disabled: a.value,
                 "button-class": "w-full mb-2"
               }, {
                 default: C(() => [
-                  a.value ? (m(), g("span", Ga, "Signing in...")) : (m(), g("span", Ka, "Sign in"))
+                  a.value ? (m(), g("span", Ya, "Signing in...")) : (m(), g("span", Wa, "Sign in"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -3205,7 +3227,7 @@ const ye = "bolt-next-token", U = ue("auth", () => {
       ]);
     };
   }
-}, Ya = {
+}, Ja = {
   __name: "SparkLogoutView",
   props: {
     defaultRedirect: {
@@ -3214,27 +3236,27 @@ const ye = "bolt-next-token", U = ue("auth", () => {
     }
   },
   setup(e) {
-    const s = J(), t = ne(), o = U(), l = e;
+    const s = J(), t = ne(), o = K(), l = e;
     return be(async () => {
       await o.logout();
       const n = t.query.redirect;
       n && n.startsWith("http") ? window.location.href = n : await s.push(n || l.defaultRedirect);
     }), (n, a) => null;
   }
-}, Xa = { class: "h-full grid place-content-center relative" }, Ja = { class: "absolute top-8 left-8" }, Qa = ["src"], er = {
+}, Qa = { class: "h-full grid place-content-center relative" }, er = { class: "absolute top-8 left-8" }, tr = ["src"], sr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, tr = { class: "max-w-sm grid gap-y-1 -mt-8" }, sr = {
+}, or = { class: "max-w-sm grid gap-y-1 -mt-8" }, ar = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, or = {
+}, rr = {
   key: 1,
   class: "text-green-600 text-sm mb-2"
-}, ar = { key: 0 }, rr = { key: 1 }, nr = {
+}, nr = { key: 0 }, lr = { key: 1 }, ir = {
   __name: "SparkForgotPasswordView",
   props: {
     logo: {
@@ -3247,7 +3269,7 @@ const ye = "bolt-next-token", U = ue("auth", () => {
     }
   },
   setup(e) {
-    const s = U(), t = e, o = E(!1), l = E(""), n = E(""), a = async ({ email: c }) => {
+    const s = K(), t = e, o = E(!1), l = E(""), n = E(""), a = async ({ email: c }) => {
       o.value = !0, l.value = "", n.value = "";
       try {
         await re.post(s.state.endpoints.passwordEmail, { email: c }), n.value = "Password reset link sent! Check your email.";
@@ -3259,36 +3281,36 @@ const ye = "bolt-next-token", U = ue("auth", () => {
     };
     return (c, r) => {
       const i = A("FormKit"), u = A("router-link");
-      return m(), g("div", Xa, [
-        p("div", Ja, [
+      return m(), g("div", Qa, [
+        f("div", er, [
           t.logo ? (m(), g("img", {
             key: 0,
             src: t.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Qa)) : (m(), g("svg", er, [...r[0] || (r[0] = [
-            p("path", {
+          }, null, 8, tr)) : (m(), g("svg", sr, [...r[0] || (r[0] = [
+            f("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
             }, null, -1),
-            p("path", {
+            f("path", {
               d: "M34.5 5.22235H38.228V14.1664H46.5V17.1264H34.5V5.22235Z",
               fill: "#1C64F2"
             }, null, -1),
-            p("path", {
+            f("path", {
               d: "M28.3161 0C29.1499 0 29.7522 0.798785 29.5209 1.59757L27.1856 9.77748H30.9046C31.747 9.77748 32.4279 10.4584 32.4279 11.3008C32.4279 11.7504 32.2315 12.1738 31.891 12.4619L20.5989 22.0517C20.3719 22.2438 20.0839 22.3485 19.787 22.3485C18.9533 22.3485 18.351 21.5497 18.5823 20.751L20.9176 12.571H17.1463C16.33 12.571 15.6709 11.9119 15.6709 11.1001C15.6709 10.6679 15.8586 10.262 16.186 9.98263L27.5043 0.301181C27.7312 0.104759 28.0193 0 28.3161 0ZM26.7404 3.71021L18.8311 10.4759H22.3056C22.633 10.4759 22.9429 10.6286 23.1437 10.8905C23.3445 11.1524 23.4056 11.4929 23.3139 11.8072L21.3584 18.6601L29.355 11.8727H25.7976C25.4702 11.8727 25.1603 11.7199 24.9595 11.458C24.7587 11.1961 24.6976 10.8556 24.7893 10.5413L26.7404 3.71021Z",
               fill: "#1C64F2"
             }, null, -1),
-            p("path", {
+            f("path", {
               d: "M0 17.1264V5.22235H10.192C13.6 5.22235 14.544 6.53435 14.544 7.94235V8.16635C14.544 9.70235 13.232 10.3264 12.656 10.4864C13.472 10.6944 15.216 11.3984 15.216 13.4784V13.7024C15.216 15.5904 14.144 17.1264 10.288 17.1264H0ZM9.552 7.73435H3.728V9.67035H9.552C10.592 9.67035 10.848 9.19035 10.848 8.71035V8.67835C10.848 8.18235 10.592 7.73435 9.552 7.73435ZM9.872 12.1984H3.728V14.5344H9.872C11.12 14.5344 11.344 13.8464 11.344 13.3664V13.3024C11.344 12.7904 11.104 12.1984 9.872 12.1984Z",
               fill: "#1C64F2"
             }, null, -1)
           ])]))
         ]),
-        p("div", tr, [
-          r[2] || (r[2] = p("div", { class: "mb-7" }, [
-            p("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Reset password"),
-            p("p", { class: "text-gray-600" }, " Enter your email and we'll send you a link to reset your password. ")
+        f("div", or, [
+          r[2] || (r[2] = f("div", { class: "mb-7" }, [
+            f("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Reset password"),
+            f("p", { class: "text-gray-600" }, " Enter your email and we'll send you a link to reset your password. ")
           ], -1)),
           b(i, {
             type: "form",
@@ -3304,16 +3326,16 @@ const ye = "bolt-next-token", U = ue("auth", () => {
                 validation: "required|email",
                 "outer-class": "max-w-full"
               }),
-              l.value ? (m(), g("div", sr, L(l.value), 1)) : T("", !0),
-              n.value ? (m(), g("div", or, L(n.value), 1)) : T("", !0),
-              b(_(K), {
+              l.value ? (m(), g("div", ar, L(l.value), 1)) : T("", !0),
+              n.value ? (m(), g("div", rr, L(n.value), 1)) : T("", !0),
+              b(w(G), {
                 type: "submit",
                 size: "xl",
                 disabled: o.value,
                 "button-class": "w-full mb-2"
               }, {
                 default: C(() => [
-                  o.value ? (m(), g("span", rr, "Sending...")) : (m(), g("span", ar, "Send reset link"))
+                  o.value ? (m(), g("span", lr, "Sending...")) : (m(), g("span", nr, "Send reset link"))
                 ]),
                 _: 1
               }, 8, ["disabled"]),
@@ -3333,17 +3355,17 @@ const ye = "bolt-next-token", U = ue("auth", () => {
       ]);
     };
   }
-}, lr = { class: "h-full grid place-content-center relative" }, ir = { class: "absolute top-8 left-8" }, cr = ["src"], ur = {
+}, cr = { class: "h-full grid place-content-center relative" }, ur = { class: "absolute top-8 left-8" }, dr = ["src"], pr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, dr = { class: "max-w-sm grid gap-y-1 -mt-8" }, pr = {
+}, fr = { class: "max-w-sm grid gap-y-1 -mt-8" }, mr = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, fr = { key: 0 }, mr = { key: 1 }, hr = {
+}, hr = { key: 0 }, gr = { key: 1 }, yr = {
   __name: "SparkResetPasswordView",
   props: {
     logo: {
@@ -3356,7 +3378,7 @@ const ye = "bolt-next-token", U = ue("auth", () => {
     }
   },
   setup(e) {
-    const s = J(), t = ne(), o = U(), l = e, n = E(!1), a = E(""), c = async ({ password: r, password_confirmation: i }) => {
+    const s = J(), t = ne(), o = K(), l = e, n = E(!1), a = E(""), c = async ({ password: r, password_confirmation: i }) => {
       n.value = !0, a.value = "";
       try {
         await re.post(o.state.endpoints.passwordReset, {
@@ -3373,36 +3395,36 @@ const ye = "bolt-next-token", U = ue("auth", () => {
     };
     return (r, i) => {
       const u = A("FormKit");
-      return m(), g("div", lr, [
-        p("div", ir, [
+      return m(), g("div", cr, [
+        f("div", ur, [
           l.logo ? (m(), g("img", {
             key: 0,
             src: l.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, cr)) : (m(), g("svg", ur, [...i[0] || (i[0] = [
-            p("path", {
+          }, null, 8, dr)) : (m(), g("svg", pr, [...i[0] || (i[0] = [
+            f("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
             }, null, -1),
-            p("path", {
+            f("path", {
               d: "M34.5 5.22235H38.228V14.1664H46.5V17.1264H34.5V5.22235Z",
               fill: "#1C64F2"
             }, null, -1),
-            p("path", {
+            f("path", {
               d: "M28.3161 0C29.1499 0 29.7522 0.798785 29.5209 1.59757L27.1856 9.77748H30.9046C31.747 9.77748 32.4279 10.4584 32.4279 11.3008C32.4279 11.7504 32.2315 12.1738 31.891 12.4619L20.5989 22.0517C20.3719 22.2438 20.0839 22.3485 19.787 22.3485C18.9533 22.3485 18.351 21.5497 18.5823 20.751L20.9176 12.571H17.1463C16.33 12.571 15.6709 11.9119 15.6709 11.1001C15.6709 10.6679 15.8586 10.262 16.186 9.98263L27.5043 0.301181C27.7312 0.104759 28.0193 0 28.3161 0ZM26.7404 3.71021L18.8311 10.4759H22.3056C22.633 10.4759 22.9429 10.6286 23.1437 10.8905C23.3445 11.1524 23.4056 11.4929 23.3139 11.8072L21.3584 18.6601L29.355 11.8727H25.7976C25.4702 11.8727 25.1603 11.7199 24.9595 11.458C24.7587 11.1961 24.6976 10.8556 24.7893 10.5413L26.7404 3.71021Z",
               fill: "#1C64F2"
             }, null, -1),
-            p("path", {
+            f("path", {
               d: "M0 17.1264V5.22235H10.192C13.6 5.22235 14.544 6.53435 14.544 7.94235V8.16635C14.544 9.70235 13.232 10.3264 12.656 10.4864C13.472 10.6944 15.216 11.3984 15.216 13.4784V13.7024C15.216 15.5904 14.144 17.1264 10.288 17.1264H0ZM9.552 7.73435H3.728V9.67035H9.552C10.592 9.67035 10.848 9.19035 10.848 8.71035V8.67835C10.848 8.18235 10.592 7.73435 9.552 7.73435ZM9.872 12.1984H3.728V14.5344H9.872C11.12 14.5344 11.344 13.8464 11.344 13.3664V13.3024C11.344 12.7904 11.104 12.1984 9.872 12.1984Z",
               fill: "#1C64F2"
             }, null, -1)
           ])]))
         ]),
-        p("div", dr, [
-          i[1] || (i[1] = p("div", { class: "mb-7" }, [
-            p("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Set new password"),
-            p("p", { class: "text-gray-600" }, " Enter your new password below. ")
+        f("div", fr, [
+          i[1] || (i[1] = f("div", { class: "mb-7" }, [
+            f("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Set new password"),
+            f("p", { class: "text-gray-600" }, " Enter your new password below. ")
           ], -1)),
           b(u, {
             type: "form",
@@ -3426,15 +3448,15 @@ const ye = "bolt-next-token", U = ue("auth", () => {
                 validation: "required|confirm:password",
                 "outer-class": "max-w-full"
               }),
-              a.value ? (m(), g("div", pr, L(a.value), 1)) : T("", !0),
-              b(_(K), {
+              a.value ? (m(), g("div", mr, L(a.value), 1)) : T("", !0),
+              b(w(G), {
                 type: "submit",
                 size: "xl",
                 disabled: n.value,
                 "button-class": "w-full mb-2"
               }, {
                 default: C(() => [
-                  n.value ? (m(), g("span", mr, "Resetting...")) : (m(), g("span", fr, "Reset password"))
+                  n.value ? (m(), g("span", gr, "Resetting...")) : (m(), g("span", hr, "Reset password"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -3445,14 +3467,14 @@ const ye = "bolt-next-token", U = ue("auth", () => {
       ]);
     };
   }
-}, gr = { class: "h-full grid place-content-center relative" }, yr = { class: "absolute top-8 left-8" }, vr = ["src"], br = {
+}, vr = { class: "h-full grid place-content-center relative" }, br = { class: "absolute top-8 left-8" }, xr = ["src"], kr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, xr = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, kr = { class: "flex gap-4 justify-center" }, _r = {
+}, wr = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, _r = { class: "flex gap-4 justify-center" }, Sr = {
   __name: "SparkError403View",
   props: {
     logo: {
@@ -3468,44 +3490,44 @@ const ye = "bolt-next-token", U = ue("auth", () => {
     const s = J(), t = e, o = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (m(), g("div", gr, [
-      p("div", yr, [
+    return (l, n) => (m(), g("div", vr, [
+      f("div", br, [
         t.logo ? (m(), g("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, vr)) : (m(), g("svg", br, [...n[0] || (n[0] = [
-          p("path", {
+        }, null, 8, xr)) : (m(), g("svg", kr, [...n[0] || (n[0] = [
+          f("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
           }, null, -1),
-          p("path", {
+          f("path", {
             d: "M34.5 5.22235H38.228V14.1664H46.5V17.1264H34.5V5.22235Z",
             fill: "#1C64F2"
           }, null, -1),
-          p("path", {
+          f("path", {
             d: "M28.3161 0C29.1499 0 29.7522 0.798785 29.5209 1.59757L27.1856 9.77748H30.9046C31.747 9.77748 32.4279 10.4584 32.4279 11.3008C32.4279 11.7504 32.2315 12.1738 31.891 12.4619L20.5989 22.0517C20.3719 22.2438 20.0839 22.3485 19.787 22.3485C18.9533 22.3485 18.351 21.5497 18.5823 20.751L20.9176 12.571H17.1463C16.33 12.571 15.6709 11.9119 15.6709 11.1001C15.6709 10.6679 15.8586 10.262 16.186 9.98263L27.5043 0.301181C27.7312 0.104759 28.0193 0 28.3161 0ZM26.7404 3.71021L18.8311 10.4759H22.3056C22.633 10.4759 22.9429 10.6286 23.1437 10.8905C23.3445 11.1524 23.4056 11.4929 23.3139 11.8072L21.3584 18.6601L29.355 11.8727H25.7976C25.4702 11.8727 25.1603 11.7199 24.9595 11.458C24.7587 11.1961 24.6976 10.8556 24.7893 10.5413L26.7404 3.71021Z",
             fill: "#1C64F2"
           }, null, -1),
-          p("path", {
+          f("path", {
             d: "M0 17.1264V5.22235H10.192C13.6 5.22235 14.544 6.53435 14.544 7.94235V8.16635C14.544 9.70235 13.232 10.3264 12.656 10.4864C13.472 10.6944 15.216 11.3984 15.216 13.4784V13.7024C15.216 15.5904 14.144 17.1264 10.288 17.1264H0ZM9.552 7.73435H3.728V9.67035H9.552C10.592 9.67035 10.848 9.19035 10.848 8.71035V8.67835C10.848 8.18235 10.592 7.73435 9.552 7.73435ZM9.872 12.1984H3.728V14.5344H9.872C11.12 14.5344 11.344 13.8464 11.344 13.3664V13.3024C11.344 12.7904 11.104 12.1984 9.872 12.1984Z",
             fill: "#1C64F2"
           }, null, -1)
         ])]))
       ]),
-      p("div", xr, [
-        n[2] || (n[2] = p("div", null, [
-          p("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "403"),
-          p("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Access Forbidden "),
-          p("p", { class: "text-gray-600" }, [
+      f("div", wr, [
+        n[2] || (n[2] = f("div", null, [
+          f("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "403"),
+          f("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Access Forbidden "),
+          f("p", { class: "text-gray-600" }, [
             B(" You don't have permission to access this resource."),
-            p("br"),
+            f("br"),
             B(" If you believe this is an error, please contact your administrator. ")
           ])
         ], -1)),
-        p("div", kr, [
-          b(_(K), {
+        f("div", _r, [
+          b(w(G), {
             onClick: o,
             size: "lg"
           }, {
@@ -3518,14 +3540,14 @@ const ye = "bolt-next-token", U = ue("auth", () => {
       ])
     ]));
   }
-}, wr = { class: "h-full grid place-content-center relative" }, Sr = { class: "absolute top-8 left-8" }, Cr = ["src"], $r = {
+}, Cr = { class: "h-full grid place-content-center relative" }, $r = { class: "absolute top-8 left-8" }, Tr = ["src"], Lr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Tr = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Lr = { class: "flex gap-4 justify-center" }, Pr = {
+}, Pr = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Mr = { class: "flex gap-4 justify-center" }, Hr = {
   __name: "SparkError404View",
   props: {
     logo: {
@@ -3541,40 +3563,40 @@ const ye = "bolt-next-token", U = ue("auth", () => {
     const s = J(), t = e, o = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (m(), g("div", wr, [
-      p("div", Sr, [
+    return (l, n) => (m(), g("div", Cr, [
+      f("div", $r, [
         t.logo ? (m(), g("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, Cr)) : (m(), g("svg", $r, [...n[0] || (n[0] = [
-          p("path", {
+        }, null, 8, Tr)) : (m(), g("svg", Lr, [...n[0] || (n[0] = [
+          f("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
           }, null, -1),
-          p("path", {
+          f("path", {
             d: "M34.5 5.22235H38.228V14.1664H46.5V17.1264H34.5V5.22235Z",
             fill: "#1C64F2"
           }, null, -1),
-          p("path", {
+          f("path", {
             d: "M28.3161 0C29.1499 0 29.7522 0.798785 29.5209 1.59757L27.1856 9.77748H30.9046C31.747 9.77748 32.4279 10.4584 32.4279 11.3008C32.4279 11.7504 32.2315 12.1738 31.891 12.4619L20.5989 22.0517C20.3719 22.2438 20.0839 22.3485 19.787 22.3485C18.9533 22.3485 18.351 21.5497 18.5823 20.751L20.9176 12.571H17.1463C16.33 12.571 15.6709 11.9119 15.6709 11.1001C15.6709 10.6679 15.8586 10.262 16.186 9.98263L27.5043 0.301181C27.7312 0.104759 28.0193 0 28.3161 0ZM26.7404 3.71021L18.8311 10.4759H22.3056C22.633 10.4759 22.9429 10.6286 23.1437 10.8905C23.3445 11.1524 23.4056 11.4929 23.3139 11.8072L21.3584 18.6601L29.355 11.8727H25.7976C25.4702 11.8727 25.1603 11.7199 24.9595 11.458C24.7587 11.1961 24.6976 10.8556 24.7893 10.5413L26.7404 3.71021Z",
             fill: "#1C64F2"
           }, null, -1),
-          p("path", {
+          f("path", {
             d: "M0 17.1264V5.22235H10.192C13.6 5.22235 14.544 6.53435 14.544 7.94235V8.16635C14.544 9.70235 13.232 10.3264 12.656 10.4864C13.472 10.6944 15.216 11.3984 15.216 13.4784V13.7024C15.216 15.5904 14.144 17.1264 10.288 17.1264H0ZM9.552 7.73435H3.728V9.67035H9.552C10.592 9.67035 10.848 9.19035 10.848 8.71035V8.67835C10.848 8.18235 10.592 7.73435 9.552 7.73435ZM9.872 12.1984H3.728V14.5344H9.872C11.12 14.5344 11.344 13.8464 11.344 13.3664V13.3024C11.344 12.7904 11.104 12.1984 9.872 12.1984Z",
             fill: "#1C64F2"
           }, null, -1)
         ])]))
       ]),
-      p("div", Tr, [
-        n[2] || (n[2] = p("div", null, [
-          p("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "404"),
-          p("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Page Not Found "),
-          p("p", { class: "text-gray-600" }, " The page you're looking for doesn't exist or has been moved. ")
+      f("div", Pr, [
+        n[2] || (n[2] = f("div", null, [
+          f("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "404"),
+          f("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Page Not Found "),
+          f("p", { class: "text-gray-600" }, " The page you're looking for doesn't exist or has been moved. ")
         ], -1)),
-        p("div", Lr, [
-          b(_(K), {
+        f("div", Mr, [
+          b(w(G), {
             onClick: o,
             size: "lg"
           }, {
@@ -3587,14 +3609,14 @@ const ye = "bolt-next-token", U = ue("auth", () => {
       ])
     ]));
   }
-}, Mr = { class: "h-full grid place-content-center relative" }, Hr = { class: "absolute top-8 left-8" }, Vr = ["src"], Rr = {
+}, Vr = { class: "h-full grid place-content-center relative" }, Rr = { class: "absolute top-8 left-8" }, Br = ["src"], Er = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Br = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Er = { class: "text-primary-600 text-7xl font-bold mb-4" }, Ar = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, Or = { class: "text-gray-600" }, Fr = { class: "flex gap-4 justify-center" }, mn = {
+}, Ar = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Fr = { class: "text-primary-600 text-7xl font-bold mb-4" }, Or = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, zr = { class: "text-gray-600" }, Dr = { class: "flex gap-4 justify-center" }, gn = {
   __name: "SparkErrorGeneralView",
   props: {
     logo: {
@@ -3622,40 +3644,40 @@ const ye = "bolt-next-token", U = ue("auth", () => {
     const s = J(), t = e, o = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (m(), g("div", Mr, [
-      p("div", Hr, [
+    return (l, n) => (m(), g("div", Vr, [
+      f("div", Rr, [
         t.logo ? (m(), g("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, Vr)) : (m(), g("svg", Rr, [...n[0] || (n[0] = [
-          p("path", {
+        }, null, 8, Br)) : (m(), g("svg", Er, [...n[0] || (n[0] = [
+          f("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
           }, null, -1),
-          p("path", {
+          f("path", {
             d: "M34.5 5.22235H38.228V14.1664H46.5V17.1264H34.5V5.22235Z",
             fill: "#1C64F2"
           }, null, -1),
-          p("path", {
+          f("path", {
             d: "M28.3161 0C29.1499 0 29.7522 0.798785 29.5209 1.59757L27.1856 9.77748H30.9046C31.747 9.77748 32.4279 10.4584 32.4279 11.3008C32.4279 11.7504 32.2315 12.1738 31.891 12.4619L20.5989 22.0517C20.3719 22.2438 20.0839 22.3485 19.787 22.3485C18.9533 22.3485 18.351 21.5497 18.5823 20.751L20.9176 12.571H17.1463C16.33 12.571 15.6709 11.9119 15.6709 11.1001C15.6709 10.6679 15.8586 10.262 16.186 9.98263L27.5043 0.301181C27.7312 0.104759 28.0193 0 28.3161 0ZM26.7404 3.71021L18.8311 10.4759H22.3056C22.633 10.4759 22.9429 10.6286 23.1437 10.8905C23.3445 11.1524 23.4056 11.4929 23.3139 11.8072L21.3584 18.6601L29.355 11.8727H25.7976C25.4702 11.8727 25.1603 11.7199 24.9595 11.458C24.7587 11.1961 24.6976 10.8556 24.7893 10.5413L26.7404 3.71021Z",
             fill: "#1C64F2"
           }, null, -1),
-          p("path", {
+          f("path", {
             d: "M0 17.1264V5.22235H10.192C13.6 5.22235 14.544 6.53435 14.544 7.94235V8.16635C14.544 9.70235 13.232 10.3264 12.656 10.4864C13.472 10.6944 15.216 11.3984 15.216 13.4784V13.7024C15.216 15.5904 14.144 17.1264 10.288 17.1264H0ZM9.552 7.73435H3.728V9.67035H9.552C10.592 9.67035 10.848 9.19035 10.848 8.71035V8.67835C10.848 8.18235 10.592 7.73435 9.552 7.73435ZM9.872 12.1984H3.728V14.5344H9.872C11.12 14.5344 11.344 13.8464 11.344 13.3664V13.3024C11.344 12.7904 11.104 12.1984 9.872 12.1984Z",
             fill: "#1C64F2"
           }, null, -1)
         ])]))
       ]),
-      p("div", Br, [
-        p("div", null, [
-          p("div", Er, L(t.errorCode || "Error"), 1),
-          p("h1", Ar, L(t.title || "Something went wrong"), 1),
-          p("p", Or, L(t.message || "An unexpected error occurred. Please try again later."), 1)
+      f("div", Ar, [
+        f("div", null, [
+          f("div", Fr, L(t.errorCode || "Error"), 1),
+          f("h1", Or, L(t.title || "Something went wrong"), 1),
+          f("p", zr, L(t.message || "An unexpected error occurred. Please try again later."), 1)
         ]),
-        p("div", Fr, [
-          b(_(K), {
+        f("div", Dr, [
+          b(w(G), {
             onClick: o,
             size: "lg"
           }, {
@@ -3669,7 +3691,7 @@ const ye = "bolt-next-token", U = ue("auth", () => {
     ]));
   }
 };
-function hn(e = {}) {
+function yn(e = {}) {
   const {
     loginPath: s = "/login",
     logoutPath: t = "/logout",
@@ -3682,41 +3704,41 @@ function hn(e = {}) {
     {
       path: s,
       name: "login",
-      component: Wa,
+      component: Xa,
       props: { logo: n, defaultRedirect: a },
       meta: { auth: !1 }
     },
     {
       path: t,
       name: "logout",
-      component: Ya,
+      component: Ja,
       props: { defaultRedirect: s },
       meta: { auth: !1 }
     },
     {
       path: o,
       name: "forgot-password",
-      component: nr,
+      component: ir,
       props: { logo: n, loginRoute: s },
       meta: { auth: !1 }
     },
     {
       path: l,
       name: "password-reset",
-      component: hr,
+      component: yr,
       props: { logo: n, loginRoute: s },
       meta: { auth: !1 }
     }
   ];
 }
-function gn(e, s = {}) {
+function vn(e, s = {}) {
   const { defaultAuthenticatedRoute: t = "/dashboard" } = s;
   e.beforeEach(async (o, l, n) => {
-    const a = U();
-    a.state.ready || await a.fetchUser(), zr(o, n, a, t);
+    const a = K();
+    a.state.ready || await a.fetchUser(), jr(o, n, a, t);
   });
 }
-function zr(e, s, t, o) {
+function jr(e, s, t, o) {
   const l = e.meta.auth !== !1, n = t.check;
   if (t.state.overrideToken && e.path === "/logout") {
     s({ path: o });
@@ -3754,7 +3776,7 @@ function zr(e, s, t, o) {
     s();
   }
 }
-function yn(e = {}) {
+function bn(e = {}) {
   const {
     forbiddenPath: s = "/error/403",
     logo: t = "",
@@ -3763,12 +3785,12 @@ function yn(e = {}) {
   return {
     path: s,
     name: "error-403",
-    component: _r,
+    component: Sr,
     props: { logo: t, homeRoute: o },
     meta: { auth: !1 }
   };
 }
-function vn(e = {}) {
+function xn(e = {}) {
   const {
     logo: s = "",
     homeRoute: t = "/dashboard"
@@ -3776,20 +3798,20 @@ function vn(e = {}) {
   return {
     path: "/:pathMatch(.*)*",
     name: "error-404",
-    component: Pr,
+    component: Hr,
     props: { logo: s, homeRoute: t },
     meta: { auth: !1 }
   };
 }
-function bn(e, s) {
+function kn(e, s) {
   e.beforeResolve(async (t) => {
     if (t.meta.auth !== !1) {
-      const o = U();
+      const o = K();
       o.state.ready && o.check && await s();
     }
   });
 }
-function Dr(e = {}) {
+function Nr(e = {}) {
   const s = re.create({
     baseURL: e.baseURL || "",
     timeout: e.timeout || 3e4,
@@ -3801,7 +3823,7 @@ function Dr(e = {}) {
   return s.interceptors.request.use(
     (t) => {
       try {
-        const o = U();
+        const o = K();
         o.state.overrideToken ? t.headers.Authorization = `Bearer ${o.state.overrideToken}` : o.state.token && (t.headers.Authorization = `Bearer ${o.state.token}`);
       } catch {
       }
@@ -3813,14 +3835,14 @@ function Dr(e = {}) {
     async (t) => {
       if (t.response?.status === 401)
         try {
-          const o = U();
+          const o = K();
           await o.logout(), window.location.href = o.state.routes.auth;
         } catch (o) {
           console.error("Error during auto-logout:", o), window.location.href = "/login";
         }
       if (t.response?.status === 403)
         try {
-          const o = U();
+          const o = K();
           window.location.href = o.state.routes.forbidden;
         } catch (o) {
           console.error("Error during 403 redirect:", o), window.location.href = "/error/403";
@@ -3830,15 +3852,15 @@ function Dr(e = {}) {
   ), s;
 }
 let ae = null;
-function xn(e, s = {}) {
-  return ae = Dr(s), e.provide("axios", ae), e.config.globalProperties.$axios = ae, ae;
+function wn(e, s = {}) {
+  return ae = Nr(s), e.provide("axios", ae), e.config.globalProperties.$axios = ae, ae;
 }
-function kn() {
+function _n() {
   if (!ae)
     throw new Error("Axios instance not initialized. Call setupAxios() first.");
   return ae;
 }
-const _n = ue("sparkNav", () => {
+const Sn = ue("sparkNav", () => {
   const e = q({
     menu: [],
     collapsed: !1,
@@ -3849,8 +3871,8 @@ const _n = ue("sparkNav", () => {
     for (const d of i) {
       if (d.href === u) return d;
       if (d.children) {
-        const f = l(d.children, u);
-        if (f) return f;
+        const p = l(d.children, u);
+        if (p) return p;
       }
     }
     return null;
@@ -3871,14 +3893,14 @@ const _n = ue("sparkNav", () => {
     const i = t.name || t.path.replace("/", "");
     if (i) {
       const u = (d) => {
-        d.forEach((f) => {
-          f.current = f.href === i, f.children && u(f.children);
+        d.forEach((p) => {
+          p.current = p.href === i, p.children && u(p.children);
         });
       };
       u(e.menu);
     }
   };
-  return I(
+  return N(
     () => t.path,
     () => {
       r();
@@ -3894,64 +3916,64 @@ const _n = ue("sparkNav", () => {
   };
 });
 export {
-  O as Icons,
+  F as Icons,
   se as SparkAlert,
   vs as SparkAppSelector,
   js as SparkBrandSelector,
-  K as SparkButton,
-  Ns as SparkButtonGroup,
-  cn as SparkCard,
-  dn as SparkDefaultContainer,
-  _r as SparkError403View,
-  Pr as SparkError404View,
-  mn as SparkErrorGeneralView,
-  nr as SparkForgotPasswordView,
-  Wa as SparkLoginView,
-  Ya as SparkLogoutView,
+  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,
-  nn as SparkNotificationOutlet,
+  cn as SparkNotificationOutlet,
   Se as SparkOverlay,
-  pn as SparkPublicContainer,
-  hr as SparkResetPasswordView,
-  un as SparkTable,
-  ta as SparkTableDatePicker,
-  Jo as SparkTableFilterButtons,
-  Go as SparkTableFilterSelect,
-  zo as SparkTablePaginationPaging,
-  Io as SparkTablePaginationPerPage,
-  ra as SparkTableReset,
-  qo as SparkTableSearch,
+  mn as SparkPublicContainer,
+  yr as SparkResetPasswordView,
+  pn as SparkTable,
+  oa as SparkTableDatePicker,
+  ea as SparkTableFilterButtons,
+  Yo as SparkTableFilterSelect,
+  jo as SparkTablePaginationPaging,
+  Zo as SparkTablePaginationPerPage,
+  la as SparkTableReset,
+  Ko as SparkTableSearch,
   Pe as SparkTableToolbar,
-  ln as SparkToastContainer,
-  an as addIcons,
-  yn as create403Route,
-  vn as create404Route,
-  hn as createAuthRoutes,
-  Dr as createAxiosInstance,
-  fn as createBootstrapService,
+  un as SparkToastContainer,
+  nn as addIcons,
+  bn as create403Route,
+  xn as create404Route,
+  yn as createAuthRoutes,
+  Nr as createAxiosInstance,
+  hn as createBootstrapService,
   ro as customiseHeader,
-  Ea as deleteCookie,
-  ko as formatTemporal,
-  kn as getAxiosInstance,
-  Ra as getCookie,
+  Fa as deleteCookie,
+  _o as formatTemporal,
+  _n as getAxiosInstance,
+  Ea as getCookie,
   Ze as getDomain,
-  _o as parseDatetime,
+  So as parseDatetime,
   to as renderHeaderTitle,
-  Ba as setCookie,
-  gn as setupAuthGuards,
-  xn as setupAxios,
-  bn as setupBootstrapGuard,
-  rn as setupFontAwesome,
+  Aa as setCookie,
+  vn as setupAuthGuards,
+  wn as setupAxios,
+  kn as setupBootstrapGuard,
+  ln as setupFontAwesome,
   oe as sparkModalService,
   X as sparkNotificationService,
   te as sparkOverlayService,
-  $o as updateRow,
+  Lo as updateRow,
   De as useSparkAppSelectorStore,
   je as useSparkAppStore,
-  U as useSparkAuthStore,
-  Ne as useSparkBrandFilterStore,
-  _n as useSparkNavStore,
+  K as useSparkAuthStore,
+  Ie as useSparkBrandFilterStore,
+  Sn as useSparkNavStore,
   He as useSparkOverlay,
-  To as useSparkTableRouteSync
+  Po as useSparkTableRouteSync
 };