@wishbone-media/spark 0.24.0 → 0.26.0

package/dist/index.js

@@ -1,89 +1,131 @@
-import { computed as C, resolveComponent as A, createElementBlock as h, openBlock as m, normalizeClass as H, createElementVNode as f, createCommentVNode as L, createVNode as b, unref as x, renderSlot as O, reactive as q, Fragment as R, renderList as D, toDisplayString as P, createBlock as V, resolveDynamicComponent as N, markRaw as me, ref as B, watch as I, Transition as Ue, withCtx as T, normalizeProps as Ke, mergeProps as Z, createTextVNode as E, Teleport as Ge, TransitionGroup as le, inject as Ve, provide as We, toHandlers as Re, onMounted as xe, withModifiers as Q, useSlots as Ee, onUnmounted as Ye, withDirectives as Xe, vShow as Je, h as ke } from "vue";
-import { library as Be, icon as ce } from "@fortawesome/fontawesome-svg-core";
-import { FontAwesomeIcon as Qe } from "@fortawesome/vue-fontawesome";
-import { faInbox as et, faCloudDownload as tt, faBolt as st, faUndo as ot, faEye as at, faSignOut as rt, faXmark as nt, faTrash as lt, faTimes as it, faStreetView as ct, faSortUp as ut, faSortDown as dt, faSort as pt, faScaleBalanced as ft, faSatelliteDish as mt, faLayerPlus as ht, faLaptopMobile as gt, faInfoCircle as yt, faGripDotsVertical as vt, faGearComplex as bt, faFlag as xt, faFaceSmileWink as kt, faFaceSmileRelaxed as wt, faExclamationTriangle as _t, faEllipsisVertical as St, faEllipsis as Ct, faEdit as $t, faComments as Tt, faCircleXmark as Lt, faCircleUser as Pt, faChevronUp as Mt, faChevronRight as Ht, faChevronLeft as Vt, faChevronDown as Rt, faCheckCircle as Et, faCheck as Bt, faBullhorn as At, faBellRing as Ft, faBarsSort as Ot, faArrowRightToLine as zt, faArrowLeftToLine as Dt } from "@fortawesome/pro-regular-svg-icons";
+import { computed as C, resolveComponent as O, createElementBlock as h, openBlock as m, normalizeClass as H, createElementVNode as f, createCommentVNode as P, createVNode as b, unref as x, renderSlot as B, reactive as q, Fragment as R, renderList as z, toDisplayString as L, createBlock as V, resolveDynamicComponent as N, markRaw as me, ref as F, watch as I, Transition as ut, withCtx as T, normalizeProps as dt, mergeProps as Z, createTextVNode as E, Teleport as pt, TransitionGroup as ie, inject as Ee, provide as ft, toHandlers as Fe, onMounted as _e, withModifiers as ee, useSlots as Oe, onUnmounted as mt, withDirectives as ht, vShow as gt, h as Se } from "vue";
+import { icon as J, library as Be } from "@fortawesome/fontawesome-svg-core";
+import { FontAwesomeIcon as yt } from "@fortawesome/vue-fontawesome";
+import { faCircleDot as De, faEyeDropper as ze, faAnglesLeft as je, faAnglesRight as Ie, faStar as Ne, faSpinnerThird as Ze, faCircle as vt, faFile as be, faCalendar as qe, faArrowUp as Ue, faArrowDown as Ke, faPlus as Ge, faInbox as bt, faCloudDownload as xt, faBolt as kt, faUndo as wt, faEye as _t, faSignOut as St, faXmark as xe, faTrash as We, faTimes as Ct, faStreetView as $t, faSortUp as Tt, faSortDown as Pt, faSort as Lt, faScaleBalanced as Mt, faSatelliteDish as Ht, faLayerPlus as Vt, faLaptopMobile as Rt, faInfoCircle as At, faGripDotsVertical as Ye, faGearComplex as Et, faFlag as Ft, faFaceSmileWink as Ot, faFaceSmileRelaxed as Bt, faExclamationTriangle as Dt, faEllipsisVertical as zt, faEllipsis as jt, faEdit as It, faComments as Nt, faCircleXmark as Zt, faCircleUser as qt, faChevronUp as Ut, faChevronRight as Xe, faChevronLeft as Je, faChevronDown as Qe, faCheckCircle as Kt, faCheck as ke, faBullhorn as Gt, faBellRing as Wt, faBarsSort as Yt, faArrowRightToLine as Xt, faArrowLeftToLine as Jt } from "@fortawesome/pro-regular-svg-icons";
+import { faSortUp as Qt, faSortDown as es, faSort as ts } from "@fortawesome/pro-duotone-svg-icons";
 import { defineStore as ue } from "pinia";
-import { TransitionRoot as Ae, Dialog as Fe, TransitionChild as fe, DialogPanel as Oe } from "@headlessui/vue";
+import { TransitionRoot as et, Dialog as tt, TransitionChild as fe, DialogPanel as st } from "@headlessui/vue";
 import he from "nprogress";
-import { range as jt, get as Y, find as It, has as Nt } from "lodash";
-import { HotTable as Zt } from "@handsontable/vue3";
+import { range as ss, get as Y, find as os, has as as } from "lodash";
+import { HotTable as rs } from "@handsontable/vue3";
 import "handsontable/styles/handsontable.css";
 import "handsontable/styles/ht-theme-classic.css";
-import { registerPlugin as pe, AutoColumnSize as qt, CopyPaste as Ut, StretchColumns as Kt, NestedHeaders as Gt } from "handsontable/plugins";
-import { registerAllCellTypes as Wt } from "handsontable/cellTypes";
-import { useDebounceFn as ze, watchDebounced as we } from "@vueuse/core";
-import { registerRenderer as Yt, baseRenderer as Xt } from "handsontable/renderers";
-import { useRouter as J, useRoute as ne } from "vue-router";
-import re from "axios";
-var Jt = {
-  prefix: "fad",
-  iconName: "sort-up",
-  icon: [384, 512, ["sort-asc"], "f0de", ["", "M32 224c-12.9 0-24.6-7.8-29.6-19.8S.2 178.5 9.4 169.4l160-160c12.5-12.5 32.8-12.5 45.3 0l160 160c9.2 9.2 11.9 22.9 6.9 34.9S364.9 224 352 224L32 224z"]]
-}, Qt = {
-  prefix: "fad",
-  iconName: "sort",
-  icon: [384, 512, ["unsorted"], "f0dc", ["M2.4 307.8c-5 12-2.2 25.7 6.9 34.9l160 160c12.5 12.5 32.8 12.5 45.3 0l160-160c9.2-9.2 11.9-22.9 6.9-34.9S364.9 288 352 288L32 288c-12.9 0-24.6 7.8-29.6 19.8z", "M32 224c-12.9 0-24.6-7.8-29.6-19.8S.2 178.5 9.4 169.4l160-160c12.5-12.5 32.8-12.5 45.3 0l160 160c9.2 9.2 11.9 22.9 6.9 34.9S364.9 224 352 224L32 224z"]]
-}, es = {
-  prefix: "fad",
-  iconName: "sort-down",
-  icon: [384, 512, ["sort-desc"], "f0dd", ["", "M32 288c-12.9 0-24.6 7.8-29.6 19.8S.2 333.5 9.4 342.6l160 160c12.5 12.5 32.8 12.5 45.3 0l160-160c9.2-9.2 11.9-22.9 6.9-34.9S364.9 288 352 288L32 288z"]]
-};
-const F = {
-  farArrowLeftToLine: Dt,
-  farArrowRightToLine: zt,
-  farBarsSort: Ot,
-  farBellRing: Ft,
-  farBullhorn: At,
-  farCheck: Bt,
-  farCheckCircle: Et,
-  farChevronDown: Rt,
-  farChevronLeft: Vt,
-  farChevronRight: Ht,
-  farChevronUp: Mt,
-  farCircleUser: Pt,
-  farCircleXmark: Lt,
-  farComments: Tt,
-  farEdit: $t,
-  farEllipsis: Ct,
-  farEllipsisVertical: St,
-  farExclamationTriangle: _t,
-  farFaceSmileRelaxed: wt,
-  farFaceSmileWink: kt,
-  farFlag: xt,
-  farGearComplex: bt,
-  farGripDotsVertical: vt,
-  farInfoCircle: yt,
-  farLaptopMobile: gt,
-  farLayerPlus: ht,
-  farSatelliteDish: mt,
-  farScaleBalanced: ft,
-  farSort: pt,
-  farSortDown: dt,
-  farSortUp: ut,
-  farStreetView: ct,
-  farTimes: it,
-  farTrash: lt,
-  farXmark: nt,
-  farSignOut: rt,
-  farEye: at,
-  farUndo: ot,
-  farBolt: st,
-  farCloudDownload: tt,
-  farInbox: et,
-  fadSort: Qt,
+import { registerPlugin as pe, AutoColumnSize as ns, CopyPaste as ls, StretchColumns as is, NestedHeaders as cs } from "handsontable/plugins";
+import { registerAllCellTypes as us } from "handsontable/cellTypes";
+import { useDebounceFn as ot, watchDebounced as Ce } from "@vueuse/core";
+import { registerRenderer as ds, baseRenderer as ps } from "handsontable/renderers";
+import { useRouter as Q, useRoute as le } from "vue-router";
+import ne from "axios";
+const A = {
+  farArrowLeftToLine: Jt,
+  farArrowRightToLine: Xt,
+  farBarsSort: Yt,
+  farBellRing: Wt,
+  farBullhorn: Gt,
+  farCheck: ke,
+  farCheckCircle: Kt,
+  farChevronDown: Qe,
+  farChevronLeft: Je,
+  farChevronRight: Xe,
+  farChevronUp: Ut,
+  farCircleUser: qt,
+  farCircleXmark: Zt,
+  farComments: Nt,
+  farEdit: It,
+  farEllipsis: jt,
+  farEllipsisVertical: zt,
+  farExclamationTriangle: Dt,
+  farFaceSmileRelaxed: Bt,
+  farFaceSmileWink: Ot,
+  farFlag: Ft,
+  farGearComplex: Et,
+  farGripDotsVertical: Ye,
+  farInfoCircle: At,
+  farLaptopMobile: Rt,
+  farLayerPlus: Vt,
+  farSatelliteDish: Ht,
+  farScaleBalanced: Mt,
+  farSort: Lt,
+  farSortDown: Pt,
+  farSortUp: Tt,
+  farStreetView: $t,
+  farTimes: Ct,
+  farTrash: We,
+  farXmark: xe,
+  farSignOut: St,
+  farEye: _t,
+  farUndo: wt,
+  farBolt: kt,
+  farCloudDownload: xt,
+  farInbox: bt,
+  fadSort: ts,
   fadSortDown: es,
-  fadSortUp: Jt
-};
-function dn(e) {
-  Object.assign(F, e), Be.add(...Object.values(e));
+  fadSortUp: Qt,
+  // Additional icons for FormKit genesis replacement
+  farPlus: Ge,
+  farArrowDown: Ke,
+  farArrowUp: Ue,
+  farCalendar: qe,
+  farFile: be,
+  farCircle: vt,
+  farSpinner: Ze,
+  farStar: Ne,
+  farAnglesRight: Ie,
+  farAnglesLeft: je,
+  farEyeDropper: ze,
+  farCircleDot: De
+}, Cn = Object.fromEntries(
+  Object.entries(A).map(([e, s]) => {
+    const t = J(s);
+    return [e, t?.html?.[0] || ""];
+  })
+), fs = {
+  add: Ge,
+  arrowDown: Ke,
+  arrowUp: Ue,
+  check: ke,
+  close: xe,
+  checkboxDecorator: ke,
+  date: qe,
+  dragHandle: Ye,
+  fileItem: be,
+  fileRemove: xe,
+  noFiles: be,
+  radioDecorator: De,
+  // Circle with dot for radio indicator
+  select: Qe,
+  spinner: Ze,
+  star: Ne,
+  trash: We,
+  fastForward: Ie,
+  right: Xe,
+  left: Je,
+  rewind: je,
+  color: ze
+}, $n = Object.fromEntries(
+  Object.entries(fs).map(([e, s]) => {
+    const t = J(s);
+    return [e, t?.html?.[0] || ""];
+  })
+);
+function Tn(e) {
+  const s = A[e];
+  if (s) {
+    const t = J(s);
+    return Promise.resolve(t?.html?.[0] || void 0);
+  }
+  return Promise.resolve(void 0);
+}
+function Pn(e) {
+  Object.assign(A, e), Be.add(...Object.values(e));
 }
-function pn(e) {
-  Be.add(...Object.values(F)), e.component("FontAwesomeIcon", Qe);
+function Ln(e) {
+  Be.add(...Object.values(A)), e.component("FontAwesomeIcon", yt);
 }
-const ts = { class: "flex items-center" }, ss = { class: "shrink-0 self-start" }, os = { class: "ml-3" }, as = {
+const ms = { class: "flex items-center" }, hs = { class: "shrink-0 self-start" }, gs = { class: "ml-3" }, ys = {
   key: 0,
   class: "ml-auto pl-3 pt-1 self-start"
-}, rs = { class: "-mx-1.5 -my-1.5" }, se = {
+}, vs = { class: "-mx-1.5 -my-1.5" }, oe = {
   __name: "SparkAlert",
   props: {
     type: {
@@ -120,33 +162,33 @@ const ts = { class: "flex items-center" }, ss = { class: "shrink-0 self-start" }
       info: "text-blue-400 hover:bg-blue-100"
     })[s.type]);
     return (a, c) => {
-      const r = A("font-awesome-icon");
+      const r = O("font-awesome-icon");
       return m(), h("div", {
         class: H(["rounded-md border p-4", t.value])
       }, [
-        f("div", ts, [
-          f("div", ss, [
+        f("div", ms, [
+          f("div", hs, [
             b(r, {
-              icon: x(F)[l.value],
+              icon: x(A)[l.value],
               class: H(o.value)
             }, null, 8, ["icon", "class"])
           ]),
-          f("div", os, [
-            O(a.$slots, "default")
+          f("div", gs, [
+            B(a.$slots, "default")
           ]),
-          e.closeable ? (m(), h("div", as, [
-            f("div", rs, [
+          e.closeable ? (m(), h("div", ys, [
+            f("div", vs, [
               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: x(F).farXmark
+                  icon: x(A).farXmark
                 }, null, 8, ["icon"])
               ], 2)
             ])
-          ])) : L("", !0)
+          ])) : P("", !0)
         ])
       ], 2);
     };
@@ -200,7 +242,7 @@ const ts = { class: "flex items-center" }, ss = { class: "shrink-0 self-start" }
     href: "https://tabula.letsbolt.io",
     icon: "farCompass"
   }
-], De = ue("sparkAppSelector", () => {
+], at = ue("sparkAppSelector", () => {
   const e = q({
     apps: [...ge]
   }), s = (n = {}) => {
@@ -246,7 +288,7 @@ const ts = { class: "flex items-center" }, ss = { class: "shrink-0 self-start" }
       return a ? a.icon : "";
     }
   };
-}), je = ue("sparkApp", () => {
+}), rt = ue("sparkApp", () => {
   const e = q({
     app: "",
     homeRoute: "dashboard",
@@ -259,16 +301,16 @@ const ts = { class: "flex items-center" }, ss = { class: "shrink-0 self-start" }
       e.app = t.app || "", e.homeRoute = t.homeRoute ?? "dashboard", e.showBrandSelector = t.showBrandSelector ?? !0, e.showAppSelector = t.showAppSelector ?? !0;
     }
   };
-}), ns = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, ls = { class: "flex flex-1 flex-col" }, is = { class: "divide-y divide-gray-200" }, cs = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, us = { class: "ml-auto flex items-center" }, ds = ["href", "onClick"], ps = { class: "gap-y-1" }, fs = { class: "text-base text-gray-800 flex items-center" }, ms = { class: "font-medium" }, hs = {
+}), bs = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, xs = { class: "flex flex-1 flex-col" }, ks = { class: "divide-y divide-gray-200" }, ws = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, _s = { class: "ml-auto flex items-center" }, Ss = ["href", "onClick"], Cs = { class: "gap-y-1" }, $s = { class: "text-base text-gray-800 flex items-center" }, Ts = { class: "font-medium" }, Ps = {
   key: 0,
   class: "inline-flex items-center rounded-full bg-green-100 px-1.5 py-0.5 text-xs font-medium text-green-700 ml-1"
-}, gs = { class: "text-sm text-gray-500" }, ys = { class: "ml-auto flex items-center" }, vs = { class: "mt-auto" }, bs = {
+}, Ls = { class: "text-sm text-gray-500" }, Ms = { class: "ml-auto flex items-center" }, Hs = { class: "mt-auto" }, Vs = {
   key: 0,
   class: "p-6"
-}, xs = {
+}, Rs = {
   key: 1,
   class: "bg-gray-50 p-6"
-}, ks = {
+}, As = {
   __name: "SparkAppSelector",
   props: {
     bottomSlot: {
@@ -282,7 +324,7 @@ const ts = { class: "flex items-center" }, ss = { class: "shrink-0 self-start" }
   },
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, o = De(), l = je(), n = C(() => {
+    const t = s, o = at(), l = rt(), n = C(() => {
       const c = l.state.app;
       return o.state.apps.map((r) => ({
         ...r,
@@ -292,67 +334,67 @@ const ts = { class: "flex items-center" }, ss = { class: "shrink-0 self-start" }
       t("select", c);
     };
     return (c, r) => {
-      const i = A("font-awesome-icon");
-      return m(), h("div", ns, [
-        f("div", ls, [
-          f("div", is, [
-            f("div", cs, [
+      const i = O("font-awesome-icon");
+      return m(), h("div", bs, [
+        f("div", xs, [
+          f("div", ks, [
+            f("div", ws, [
               r[1] || (r[1] = f("div", null, "Mr Group Network", -1)),
-              f("div", us, [
+              f("div", _s, [
                 b(i, {
-                  icon: x(F).farTimes,
+                  icon: x(A).farTimes,
                   class: "h-[15px] w-[15px] shrink-0 text-gray-400 cursor-pointer",
                   onClick: r[0] || (r[0] = (u) => t("close"))
                 }, null, 8, ["icon"])
               ])
             ]),
-            (m(!0), h(R, null, D(n.value, (u) => (m(), h("a", {
+            (m(!0), h(R, null, z(n.value, (u) => (m(), h("a", {
               key: u.name,
               href: u.href,
               target: "_blank",
               class: H([u.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
               onClick: (d) => u.current ? d.preventDefault() : a(u)
             }, [
-              f("div", ps, [
-                f("div", fs, [
-                  f("div", ms, P(u.name), 1),
-                  u.current ? (m(), h("span", hs, " Active ")) : L("", !0)
+              f("div", Cs, [
+                f("div", $s, [
+                  f("div", Ts, L(u.name), 1),
+                  u.current ? (m(), h("span", Ps, " Active ")) : P("", !0)
                 ]),
-                f("div", gs, P(u.description), 1)
+                f("div", Ls, L(u.description), 1)
               ]),
-              f("div", ys, [
+              f("div", Ms, [
                 b(i, {
                   class: H([u.current ? "text-gray-700" : "text-gray-400", "h-5 w-5 shrink-0"]),
-                  icon: x(F)[u.icon]
+                  icon: x(A)[u.icon]
                 }, null, 8, ["class", "icon"])
               ])
-            ], 10, ds))), 128)),
+            ], 10, Ss))), 128)),
             r[2] || (r[2] = f("div", null, null, -1))
           ]),
-          f("div", vs, [
-            c.$slots.bottom || e.bottomSlot ? (m(), h("div", bs, [
-              O(c.$slots, "bottom", {}, () => [
-                e.bottomSlot ? (m(), V(N(e.bottomSlot), { key: 0 })) : L("", !0)
+          f("div", Hs, [
+            c.$slots.bottom || e.bottomSlot ? (m(), h("div", Vs, [
+              B(c.$slots, "bottom", {}, () => [
+                e.bottomSlot ? (m(), V(N(e.bottomSlot), { key: 0 })) : P("", !0)
               ])
-            ])) : L("", !0),
-            c.$slots.footer || e.footerSlot ? (m(), h("div", xs, [
-              O(c.$slots, "footer", {}, () => [
-                e.footerSlot ? (m(), V(N(e.footerSlot), { key: 0 })) : L("", !0)
+            ])) : P("", !0),
+            c.$slots.footer || e.footerSlot ? (m(), h("div", Rs, [
+              B(c.$slots, "footer", {}, () => [
+                e.footerSlot ? (m(), V(N(e.footerSlot), { key: 0 })) : P("", !0)
               ])
-            ])) : L("", !0)
+            ])) : P("", !0)
           ])
         ])
       ]);
     };
   }
-}, Ie = {
+}, nt = {
   success: 5e3,
   info: 5e3,
   warning: 5e3,
   danger: 0
   // sticky by default
-}, _e = ["top-left", "top-right", "center", "bottom-left", "bottom-right"];
-function ws() {
+}, $e = ["top-left", "top-right", "center", "bottom-left", "bottom-right"];
+function Es() {
   const e = q({
     isVisible: !1,
     type: "info",
@@ -385,7 +427,7 @@ function ws() {
         duration: w = null
       } = p;
       e.type = v, e.message = k, e.component = $ ? me($) : null, e.props = g, e.closeable = _, e.isVisible = !0;
-      const y = w !== null ? w : Ie[v];
+      const y = w !== null ? w : nt[v];
       e.duration = y, y > 0 && c(y);
     },
     hide: a,
@@ -405,7 +447,7 @@ function ws() {
     }
   };
 }
-class _s {
+class Fs {
   constructor() {
     this.outlets = /* @__PURE__ */ new Map(), this.toastState = q({
       toasts: [],
@@ -423,7 +465,7 @@ class _s {
    * @returns {Object} Notification outlet instance
    */
   getOutlet(s = "default") {
-    return this.outlets.has(s) || this.outlets.set(s, ws()), this.outlets.get(s);
+    return this.outlets.has(s) || this.outlets.set(s, Es()), this.outlets.get(s);
   }
   /**
    * Show a banner notification in the specified outlet
@@ -494,7 +536,7 @@ class _s {
    * @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 && _e.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
@@ -517,7 +559,7 @@ class _s {
       closeable: a = !0,
       duration: c = null,
       position: r = null
-    } = s, i = ++this._toastIdCounter, u = r && _e.includes(r) ? r : this.toastState.defaultPosition, d = c !== null ? c : Ie[t], p = {
+    } = s, i = ++this._toastIdCounter, u = r && $e.includes(r) ? r : this.toastState.defaultPosition, d = c !== null ? c : nt[t], p = {
       id: i,
       type: t,
       message: o,
@@ -610,7 +652,7 @@ class _s {
     t && (t.timeout && clearTimeout(t.timeout), this._toastTimers.delete(s));
   }
 }
-const X = new _s(), fn = {
+const X = new Fs(), Mn = {
   __name: "SparkNotificationOutlet",
   props: {
     name: {
@@ -619,7 +661,7 @@ const X = new _s(), fn = {
     }
   },
   setup(e) {
-    const s = e, t = C(() => X.getOutlet(s.name)), o = B(0);
+    const s = e, t = C(() => X.getOutlet(s.name)), o = F(0);
     I(
       () => [t.value.state.message, t.value.state.component, t.value.state.type],
       () => {
@@ -633,7 +675,7 @@ const X = new _s(), fn = {
     }, a = () => {
       X.resume(s.name);
     };
-    return (c, r) => (m(), V(Ue, {
+    return (c, r) => (m(), V(ut, {
       "enter-active-class": "transition-all duration-300 ease-out",
       "enter-from-class": "opacity-0 -translate-y-2",
       "enter-to-class": "opacity-100 translate-y-0",
@@ -643,7 +685,7 @@ const X = new _s(), fn = {
       mode: "out-in"
     }, {
       default: T(() => [
-        t.value.state.isVisible ? (m(), V(se, {
+        t.value.state.isVisible ? (m(), V(oe, {
           key: o.value,
           type: t.value.state.type,
           closeable: t.value.state.closeable,
@@ -652,17 +694,17 @@ const X = new _s(), fn = {
           onMouseleave: a
         }, {
           default: T(() => [
-            t.value.state.component ? (m(), V(N(t.value.state.component), Ke(Z({ key: 0 }, t.value.state.props)), null, 16)) : (m(), h(R, { key: 1 }, [
-              E(P(t.value.state.message), 1)
+            t.value.state.component ? (m(), V(N(t.value.state.component), dt(Z({ key: 0 }, t.value.state.props)), null, 16)) : (m(), h(R, { key: 1 }, [
+              E(L(t.value.state.message), 1)
             ], 64))
           ]),
           _: 1
-        }, 8, ["type", "closeable"])) : L("", !0)
+        }, 8, ["type", "closeable"])) : P("", !0)
       ]),
       _: 1
     }));
   }
-}, Ss = { class: "fixed top-4 left-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, Cs = { class: "fixed top-4 right-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, $s = { class: "fixed top-[40%] left-1/2 -translate-x-1/2 -translate-y-1/2 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, Ts = { class: "fixed bottom-4 left-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, Ls = { class: "fixed bottom-4 right-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, mn = {
+}, Os = { class: "fixed top-4 left-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, Bs = { class: "fixed top-4 right-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, Ds = { 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" }, zs = { class: "fixed bottom-4 left-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, js = { class: "fixed bottom-4 right-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, Hn = {
   __name: "SparkToastContainer",
   setup(e) {
     const s = X.toastState, t = C(
@@ -682,9 +724,9 @@ const X = new _s(), fn = {
     }, i = (u) => {
       X.resumeToast(u);
     };
-    return (u, d) => (m(), V(Ge, { to: "body" }, [
-      f("div", Ss, [
-        b(le, {
+    return (u, d) => (m(), V(pt, { to: "body" }, [
+      f("div", Os, [
+        b(ie, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 -translate-x-4",
           "enter-to-class": "opacity-100 translate-x-0",
@@ -693,11 +735,11 @@ const X = new _s(), fn = {
           "leave-to-class": "opacity-0 -translate-x-4"
         }, {
           default: T(() => [
-            (m(!0), h(R, null, D(t.value, (p) => (m(), h("div", {
+            (m(!0), h(R, null, z(t.value, (p) => (m(), h("div", {
               key: p.id,
               class: "pointer-events-auto"
             }, [
-              b(se, {
+              b(oe, {
                 type: p.type,
                 closeable: p.closeable,
                 onClose: (v) => c(p.id),
@@ -709,7 +751,7 @@ const X = new _s(), fn = {
                     key: 0,
                     ref_for: !0
                   }, p.props), null, 16)) : (m(), h(R, { key: 1 }, [
-                    E(P(p.message), 1)
+                    E(L(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -719,8 +761,8 @@ const X = new _s(), fn = {
           _: 1
         })
       ]),
-      f("div", Cs, [
-        b(le, {
+      f("div", Bs, [
+        b(ie, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 translate-x-4",
           "enter-to-class": "opacity-100 translate-x-0",
@@ -729,11 +771,11 @@ const X = new _s(), fn = {
           "leave-to-class": "opacity-0 translate-x-4"
         }, {
           default: T(() => [
-            (m(!0), h(R, null, D(o.value, (p) => (m(), h("div", {
+            (m(!0), h(R, null, z(o.value, (p) => (m(), h("div", {
               key: p.id,
               class: "pointer-events-auto"
             }, [
-              b(se, {
+              b(oe, {
                 type: p.type,
                 closeable: p.closeable,
                 onClose: (v) => c(p.id),
@@ -745,7 +787,7 @@ const X = new _s(), fn = {
                     key: 0,
                     ref_for: !0
                   }, p.props), null, 16)) : (m(), h(R, { key: 1 }, [
-                    E(P(p.message), 1)
+                    E(L(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -755,8 +797,8 @@ const X = new _s(), fn = {
           _: 1
         })
       ]),
-      f("div", $s, [
-        b(le, {
+      f("div", Ds, [
+        b(ie, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 scale-95",
           "enter-to-class": "opacity-100 scale-100",
@@ -765,11 +807,11 @@ const X = new _s(), fn = {
           "leave-to-class": "opacity-0 scale-95"
         }, {
           default: T(() => [
-            (m(!0), h(R, null, D(l.value, (p) => (m(), h("div", {
+            (m(!0), h(R, null, z(l.value, (p) => (m(), h("div", {
               key: p.id,
               class: "pointer-events-auto"
             }, [
-              b(se, {
+              b(oe, {
                 type: p.type,
                 closeable: p.closeable,
                 onClose: (v) => c(p.id),
@@ -781,7 +823,7 @@ const X = new _s(), fn = {
                     key: 0,
                     ref_for: !0
                   }, p.props), null, 16)) : (m(), h(R, { key: 1 }, [
-                    E(P(p.message), 1)
+                    E(L(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -791,8 +833,8 @@ const X = new _s(), fn = {
           _: 1
         })
       ]),
-      f("div", Ts, [
-        b(le, {
+      f("div", zs, [
+        b(ie, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 -translate-x-4",
           "enter-to-class": "opacity-100 translate-x-0",
@@ -801,11 +843,11 @@ const X = new _s(), fn = {
           "leave-to-class": "opacity-0 -translate-x-4"
         }, {
           default: T(() => [
-            (m(!0), h(R, null, D(n.value, (p) => (m(), h("div", {
+            (m(!0), h(R, null, z(n.value, (p) => (m(), h("div", {
               key: p.id,
               class: "pointer-events-auto"
             }, [
-              b(se, {
+              b(oe, {
                 type: p.type,
                 closeable: p.closeable,
                 onClose: (v) => c(p.id),
@@ -817,7 +859,7 @@ const X = new _s(), fn = {
                     key: 0,
                     ref_for: !0
                   }, p.props), null, 16)) : (m(), h(R, { key: 1 }, [
-                    E(P(p.message), 1)
+                    E(L(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -827,8 +869,8 @@ const X = new _s(), fn = {
           _: 1
         })
       ]),
-      f("div", Ls, [
-        b(le, {
+      f("div", js, [
+        b(ie, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 translate-x-4",
           "enter-to-class": "opacity-100 translate-x-0",
@@ -837,11 +879,11 @@ const X = new _s(), fn = {
           "leave-to-class": "opacity-0 translate-x-4"
         }, {
           default: T(() => [
-            (m(!0), h(R, null, D(a.value, (p) => (m(), h("div", {
+            (m(!0), h(R, null, z(a.value, (p) => (m(), h("div", {
               key: p.id,
               class: "pointer-events-auto"
             }, [
-              b(se, {
+              b(oe, {
                 type: p.type,
                 closeable: p.closeable,
                 onClose: (v) => c(p.id),
@@ -853,7 +895,7 @@ const X = new _s(), fn = {
                     key: 0,
                     ref_for: !0
                   }, p.props), null, 16)) : (m(), h(R, { key: 1 }, [
-                    E(P(p.message), 1)
+                    E(L(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -865,7 +907,7 @@ const X = new _s(), fn = {
       ])
     ]));
   }
-}, Ne = ue(
+}, lt = ue(
   "brandFilter",
   () => {
     const e = q({
@@ -909,57 +951,57 @@ const X = new _s(), fn = {
       paths: ["state.brands"]
     }
   }
-), Ps = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Ms = { class: "flex flex-1 flex-col" }, Hs = { class: "divide-y divide-gray-200" }, Vs = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Rs = { class: "ml-auto flex items-center" }, Es = {
+), Is = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Ns = { class: "flex flex-1 flex-col" }, Zs = { class: "divide-y divide-gray-200" }, qs = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Us = { class: "ml-auto flex items-center" }, Ks = {
   key: 0,
   class: "flex px-[22px] py-[15px] text-gray-500 text-sm"
-}, Bs = ["onClick"], As = { class: "w-full gap-y-1 flex justify-between" }, Fs = { class: "flex flex-col" }, Os = { class: "flex items-center" }, zs = { class: "font-medium text-base text-gray-900" }, Ds = {
+}, Gs = ["onClick"], Ws = { class: "w-full gap-y-1 flex justify-between" }, Ys = { class: "flex flex-col" }, Xs = { class: "flex items-center" }, Js = { class: "font-medium text-base text-gray-900" }, Qs = {
   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"
-}, js = { class: "text-sm text-gray-500 font-normal" }, Is = { class: "flex items-center" }, Ns = ["src", "alt"], Zs = {
+}, eo = { class: "text-sm text-gray-500 font-normal" }, to = { class: "flex items-center" }, so = ["src", "alt"], oo = {
   __name: "SparkBrandSelector",
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, o = Ne(), l = (n) => {
+    const t = s, o = lt(), l = (n) => {
       t("select", n);
     };
     return (n, a) => {
-      const c = A("font-awesome-icon");
-      return m(), h("div", Ps, [
-        f("div", Ms, [
-          f("div", Hs, [
-            f("div", Vs, [
+      const c = O("font-awesome-icon");
+      return m(), h("div", Is, [
+        f("div", Ns, [
+          f("div", Zs, [
+            f("div", qs, [
               a[1] || (a[1] = f("div", null, "Filter by Brand", -1)),
-              f("div", Rs, [
+              f("div", Us, [
                 b(c, {
-                  icon: x(F).farTimes,
+                  icon: x(A).farTimes,
                   class: "size-4 text-gray-400 cursor-pointer",
                   onClick: a[0] || (a[0] = (r) => t("close"))
                 }, null, 8, ["icon"])
               ])
             ]),
-            x(o).allBrands.length === 0 ? (m(), h("div", Es, " No brands configured ")) : L("", !0),
-            (m(!0), h(R, null, D(x(o).allBrands, (r) => (m(), h("div", {
+            x(o).allBrands.length === 0 ? (m(), h("div", Ks, " No brands configured ")) : P("", !0),
+            (m(!0), h(R, null, z(x(o).allBrands, (r) => (m(), h("div", {
               key: r.id,
               class: H([r.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
               onClick: (i) => l(r)
             }, [
-              f("div", As, [
-                f("div", Fs, [
-                  f("div", Os, [
-                    f("div", zs, P(r.name), 1),
-                    r.current ? (m(), h("span", Ds, " Current ")) : L("", !0)
+              f("div", Ws, [
+                f("div", Ys, [
+                  f("div", Xs, [
+                    f("div", Js, L(r.name), 1),
+                    r.current ? (m(), h("span", Qs, " Current ")) : P("", !0)
                   ]),
-                  f("div", js, P(r.current ? "Current Brand" : "Change to"), 1)
+                  f("div", eo, L(r.current ? "Current Brand" : "Change to"), 1)
                 ]),
-                f("div", Is, [
+                f("div", to, [
                   f("img", {
                     src: r.logo,
                     alt: `${r.name} logo`,
                     class: "h-8 w-auto"
-                  }, null, 8, Ns)
+                  }, null, 8, so)
                 ])
               ])
-            ], 10, Bs))), 128)),
+            ], 10, Gs))), 128)),
             a[2] || (a[2] = f("div", null, null, -1))
           ]),
           a[3] || (a[3] = f("div", { class: "mt-auto" }, null, -1))
@@ -967,7 +1009,7 @@ const X = new _s(), fn = {
       ]);
     };
   }
-}, qs = ["disabled"], G = {
+}, ao = ["disabled"], G = {
   __name: "SparkButton",
   props: {
     size: {
@@ -990,7 +1032,7 @@ const X = new _s(), fn = {
   },
   emits: ["click"],
   setup(e) {
-    const s = e, t = B(null), o = Ve("buttonGroup", null), l = C(() => {
+    const s = e, t = F(null), o = Ee("buttonGroup", null), l = C(() => {
       if (!o?.isInGroup || !t.value) return null;
       const r = o.getButtonIndex(t.value), i = o.getButtonCount();
       return {
@@ -1024,19 +1066,19 @@ const X = new _s(), fn = {
       let r = "", i = "";
       switch (s.size) {
         case "xs":
-          r += " px-2 py-1 text-xs", i = "sm";
+          r += " px-4 py-1 text-xs", i = "sm";
           break;
         case "sm":
-          r += " px-2 py-1 text-sm", i = "sm";
+          r += " px-4 py-1 text-sm", i = "sm";
           break;
         case "md":
-          r += " px-2.5 py-1.5 text-sm", i = "md";
+          r += " px-5 py-1.5 text-sm", i = "md";
           break;
         case "lg":
-          r += " px-3 py-2 text-sm", i = "md";
+          r += " px-6 py-2 text-sm", i = "md";
           break;
         case "xl":
-          r += " px-3.5 py-2.5 min-h-[42px] text-sm", i = "md";
+          r += " px-7 py-2.5 min-h-[42px] text-sm", i = "md";
           break;
       }
       if (o?.isInGroup && l.value) {
@@ -1076,14 +1118,14 @@ const X = new _s(), fn = {
       disabled: e.disabled,
       onClick: i[0] || (i[0] = (u) => r.$emit("click"))
     }, [
-      O(r.$slots, "default")
-    ], 10, qs));
+      B(r.$slots, "default")
+    ], 10, ao));
   }
-}, Us = {
+}, ro = {
   __name: "SparkButtonGroup",
   setup(e) {
-    const s = B(null);
-    return We("buttonGroup", {
+    const s = F(null);
+    return ft("buttonGroup", {
       isInGroup: !0,
       getButtonIndex: (l) => s.value ? Array.from(s.value.children).indexOf(l) : -1,
       getButtonCount: () => s.value?.children.length || 0
@@ -1092,16 +1134,16 @@ const X = new _s(), fn = {
       ref_key: "groupRef",
       ref: s
     }, [
-      O(l.$slots, "default")
+      B(l.$slots, "default")
     ], 512));
   }
-}, Ks = { class: "divide-y divide-gray-300 rounded-lg border border-gray-300 text-gray-700 bg-gray-100" }, Gs = {
+}, no = { class: "divide-y divide-gray-300 rounded-lg border border-gray-300 text-gray-700 bg-gray-100" }, lo = {
   key: 0,
-  class: "p-5"
-}, Ws = {
+  class: "px-[30px] py-5"
+}, io = {
   key: 1,
   class: "p-5"
-}, hn = {
+}, Vn = {
   __name: "SparkCard",
   props: {
     padded: {
@@ -1115,24 +1157,24 @@ const X = new _s(), fn = {
   },
   setup(e) {
     const s = e;
-    return (t, o) => (m(), h("div", Ks, [
-      t.$slots.header ? (m(), h("div", Gs, [
-        O(t.$slots, "header")
-      ])) : L("", !0),
+    return (t, o) => (m(), h("div", no, [
+      t.$slots.header ? (m(), h("div", lo, [
+        B(t.$slots, "header")
+      ])) : P("", !0),
       f("div", {
         class: H([s.padded ? s.paddedClass : ""])
       }, [
-        O(t.$slots, "default")
+        B(t.$slots, "default")
       ], 2),
-      t.$slots.footer ? (m(), h("div", Ws, [
-        O(t.$slots, "footer")
-      ])) : L("", !0)
+      t.$slots.footer ? (m(), h("div", io, [
+        B(t.$slots, "footer")
+      ])) : P("", !0)
     ]));
   }
-}, Ys = { class: "px-4 pt-5 pb-4 sm:p-6" }, Xs = {
+}, co = { class: "px-4 pt-5 pb-4 sm:p-6" }, uo = {
   key: 0,
   class: "text-lg font-medium text-gray-900"
-}, Js = {
+}, po = {
   __name: "SparkModalDialog",
   props: {
     title: {
@@ -1210,36 +1252,36 @@ const X = new _s(), fn = {
       danger: "text-red-400"
     })[s.type]);
     return (r, i) => {
-      const u = A("font-awesome-icon");
-      return m(), h("div", Ys, [
+      const u = O("font-awesome-icon");
+      return m(), h("div", co, [
         n.value ? (m(), h("div", {
           key: 0,
           class: H(["mx-auto flex size-12 items-center justify-center rounded-full", a.value])
         }, [
           b(u, {
-            icon: x(F)[n.value],
+            icon: x(A)[n.value],
             class: H(["h-5 w-5", c.value])
           }, null, 8, ["icon", "class"])
-        ], 2)) : L("", !0),
+        ], 2)) : P("", !0),
         f("div", {
           class: H(["text-center", { "mt-3 sm:mt-5": n.value }])
         }, [
-          e.title ? (m(), h("h3", Xs, P(e.title), 1)) : L("", !0),
+          e.title ? (m(), h("h3", uo, L(e.title), 1)) : P("", !0),
           e.message ? (m(), h("div", {
             key: 1,
             class: H([{ "mt-2": e.title }, "text-sm text-gray-500"])
-          }, P(e.message), 3)) : L("", !0)
+          }, L(e.message), 3)) : P("", !0)
         ], 2),
         f("div", {
           class: H(["mt-5 sm:mt-6", o.value])
         }, [
-          (m(!0), h(R, null, D(t.value, (d, p) => (m(), V(x(G), {
+          (m(!0), h(R, null, z(t.value, (d, p) => (m(), V(x(G), {
             key: p,
             variant: d.variant,
             onClick: (v) => r.$emit(d.event, d)
           }, {
             default: T(() => [
-              E(P(d.text), 1)
+              E(L(d.text), 1)
             ]),
             _: 2
           }, 1032, ["variant", "onClick"]))), 128))
@@ -1248,7 +1290,7 @@ const X = new _s(), fn = {
     };
   }
 };
-class Qs {
+class fo {
   constructor() {
     this.state = q({
       isVisible: !1,
@@ -1285,7 +1327,7 @@ class Qs {
       confirmVariant: r = "primary"
     } = s;
     this.show(
-      Js,
+      po,
       {
         title: o,
         message: l,
@@ -1306,17 +1348,17 @@ class Qs {
     );
   });
 }
-const oe = new Qs(), eo = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, to = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, so = {
+const ae = new fo(), mo = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, ho = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, go = {
   __name: "SparkModalContainer",
   setup(e) {
-    return (s, t) => (m(), V(x(Ae), {
+    return (s, t) => (m(), V(x(et), {
       as: "template",
-      show: x(oe).state.isVisible
+      show: x(ae).state.isVisible
     }, {
       default: T(() => [
-        b(x(Fe), {
+        b(x(tt), {
           class: "relative z-1000",
-          onClose: x(oe).hide
+          onClose: x(ae).hide
         }, {
           default: T(() => [
             b(x(fe), {
@@ -1333,8 +1375,8 @@ const oe = new Qs(), eo = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               ])]),
               _: 1
             }),
-            f("div", eo, [
-              f("div", to, [
+            f("div", mo, [
+              f("div", ho, [
                 b(x(fe), {
                   as: "template",
                   enter: "ease-out duration-300",
@@ -1345,9 +1387,9 @@ const oe = new Qs(), eo = { 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: T(() => [
-                    b(x(Oe), { class: "relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:min-w-lg sm:max-w-max" }, {
+                    b(x(st), { class: "relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:min-w-lg sm:max-w-max" }, {
                       default: T(() => [
-                        (m(), V(N(x(oe).state.content), Z(x(oe).state.props, Re(x(oe).state.eventHandlers)), null, 16))
+                        (m(), V(N(x(ae).state.content), Z(x(ae).state.props, Fe(x(ae).state.eventHandlers)), null, 16))
                       ]),
                       _: 1
                     })
@@ -1363,7 +1405,7 @@ const oe = new Qs(), eo = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}, oo = { class: "fixed inset-0 flex" }, Se = {
+}, yo = { class: "fixed inset-0 flex" }, Te = {
   __name: "SparkOverlay",
   props: {
     position: {
@@ -1378,7 +1420,7 @@ const oe = new Qs(), eo = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   },
   emits: ["close"],
   setup(e, { emit: s }) {
-    const t = B(null), o = {
+    const t = F(null), o = {
       xs: "w-[250px]",
       sm: "w-[300px]",
       md: "w-[450px]",
@@ -1387,12 +1429,12 @@ const oe = new Qs(), eo = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     }, l = e, n = s, a = C(() => o[l.overlayInstance.state.size] || o.md), c = () => {
       l.overlayInstance.close(), n("close");
     };
-    return (r, i) => (m(), V(x(Ae), {
+    return (r, i) => (m(), V(x(et), {
       show: e.overlayInstance.state.isVisible,
       as: "template"
     }, {
       default: T(() => [
-        b(x(Fe), {
+        b(x(tt), {
           initialFocus: t.value,
           class: "relative z-1000",
           onClose: c
@@ -1412,7 +1454,7 @@ const oe = new Qs(), eo = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               ])]),
               _: 1
             }),
-            f("div", oo, [
+            f("div", yo, [
               b(x(fe), {
                 as: "template",
                 enter: "transition ease-in-out duration-150 transform",
@@ -1423,7 +1465,7 @@ const oe = new Qs(), eo = { 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: T(() => [
-                  b(x(Oe), {
+                  b(x(st), {
                     ref_key: "panelRef",
                     ref: t,
                     class: H([
@@ -1433,7 +1475,7 @@ const oe = new Qs(), eo = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                     ])
                   }, {
                     default: T(() => [
-                      (m(), V(N(e.overlayInstance.state.content), Z(e.overlayInstance.state.props, Re(e.overlayInstance.state.eventHandlers)), null, 16))
+                      (m(), V(N(e.overlayInstance.state.content), Z(e.overlayInstance.state.props, Fe(e.overlayInstance.state.eventHandlers)), null, 16))
                     ]),
                     _: 1
                   }, 8, ["class"])
@@ -1448,18 +1490,18 @@ const oe = new Qs(), eo = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}, ao = (e) => {
+}, vo = (e) => {
   if (e.includes(".")) {
     const s = e.split(".");
     e = s[s.length - 1];
   }
   return e.replace(/_/g, " ");
-}, ro = (e, s, t) => {
+}, bo = (e, s, t) => {
   const o = s.querySelector(".relative");
   if (!o || o.querySelector(".spark-table-head-sorting"))
     return;
   const l = document.createElement("span");
-  l.classList.add("spark-table-head-sorting"), l.innerHTML = ce({ prefix: "fad", iconName: "sort" }).html + ce({ prefix: "fad", iconName: "sort-up" }).html + ce({ prefix: "fad", iconName: "sort-down" }).html, o.appendChild(l), o.addEventListener("click", async () => {
+  l.classList.add("spark-table-head-sorting"), l.innerHTML = J({ prefix: "fad", iconName: "sort" }).html + J({ prefix: "fad", iconName: "sort-up" }).html + J({ prefix: "fad", iconName: "sort-down" }).html, o.appendChild(l), o.addEventListener("click", async () => {
     const n = t.params.orderBy, a = t.params.sortedBy;
     return n === e && a === "asc" ? (o.classList.remove("asc"), o.classList.add("desc"), t.methods.applyParams({
       orderBy: e,
@@ -1469,12 +1511,12 @@ const oe = new Qs(), eo = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       sortedBy: "asc"
     }));
   });
-}, no = (e, s, t) => {
+}, xo = (e, s, t) => {
   if (s.querySelector(".spark-table-head-filter"))
     return;
   const o = document.createElement("div"), l = document.createElement("input");
   l.type = "text", l.placeholder = "Filter...", o.className = "spark-table-head-filter", o.appendChild(l);
-  const n = ze(async (a, c) => {
+  const n = ot(async (a, c) => {
     const r = c.target.value, i = `filter[${a}]`;
     if (r)
       return t.params[i] && t.params[i] === r ? void 0 : t.methods.applyParams({
@@ -1484,19 +1526,19 @@ const oe = new Qs(), eo = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     await t.methods.removeParam(i);
   }, 200);
   l.addEventListener("keyup", (a) => n(e, a)), s.appendChild(o);
-}, lo = (e, s, t) => {
+}, ko = (e, s, t) => {
   e.classList.add("spark-table-head"), t && t.columnSort && e.classList.add("can-sort"), t && t.columnFilter && e.classList.add("can-filter"), e.querySelector(".relative").classList.add("spark-table-head-title-wrapper");
   const l = e.querySelector(".colHeader");
-  l.classList.add("spark-table-head-title"), l.innerHTML = ao(s);
-}, io = (e, s, t) => {
+  l.classList.add("spark-table-head-title"), l.innerHTML = vo(s);
+}, wo = (e, s, t) => {
   if (typeof e != "number")
     return e;
   if (e < 0)
     return;
   let o = 2;
   const l = t.methods.colToProp(e), n = t.methods.getSettingsForProp(l);
-  s.childElementCount === 1 && ((!n || !n.columnSort) && o--, (!n || !n.columnFilter) && o--, n && n.columnSort && ro(l, s, t), n && n.columnFilter && no(l, s, t)), (s.childElementCount === o || o === 0) && lo(s, l, n);
-}, co = (e) => {
+  s.childElementCount === 1 && ((!n || !n.columnSort) && o--, (!n || !n.columnFilter) && o--, n && n.columnSort && bo(l, s, t), n && n.columnFilter && xo(l, s, t)), (s.childElementCount === o || o === 0) && ko(s, l, n);
+}, _o = (e) => {
   if (!e.hotInstance || !e.hotInstance.rootElement)
     return;
   const s = e.params.orderBy, t = e.params.sortedBy, o = e.hotInstance.rootElement.querySelectorAll("thead th.can-sort .relative");
@@ -1506,7 +1548,7 @@ const oe = new Qs(), eo = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     const n = l.closest("th"), a = Array.from(n.parentElement.children).indexOf(n);
     e.methods.colToProp(a) === s && l.classList.add(t);
   });
-}, uo = (e) => (s, t, o, l, n, a, c) => {
+}, So = (e) => (s, t, o, l, n, a, c) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-actions");
   const i = (c.rendererConfig || {}).actions || [];
   if (i.length === 0)
@@ -1518,7 +1560,7 @@ const oe = new Qs(), eo = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     const v = document.createElement("button");
     if (v.type = "button", v.classList.add("spark-table-action-button"), p.icon) {
       const k = document.createElement("span");
-      k.innerHTML = ce({ prefix: "far", iconName: p.icon }).html, k.classList.add("size-4"), v.appendChild(k);
+      k.innerHTML = J({ prefix: "far", iconName: p.icon }).html, k.classList.add("size-4"), v.appendChild(k);
     }
     if (p.label) {
       const k = document.createElement("span");
@@ -1527,7 +1569,7 @@ const oe = new Qs(), eo = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     v.addEventListener("click", async (k) => {
       if (k.preventDefault(), k.stopPropagation(), p.confirm) {
         const $ = typeof p.confirm == "string" ? p.confirm : `Are you sure you want to ${p.label?.toLowerCase() || "perform this action"}?`;
-        if (!await oe.confirm({
+        if (!await ae.confirm({
           title: p.confirmTitle,
           message: $,
           type: p.confirmType,
@@ -1540,7 +1582,7 @@ const oe = new Qs(), eo = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       p.event && e.methods.fireEvent(p.event, u), p.handler && typeof p.handler == "function" && p.handler(u);
     }), d.appendChild(v);
   }), t.appendChild(d);
-}, Ce = {
+}, Pe = {
   green: "bg-green-100 text-green-800",
   red: "bg-red-100 text-red-800",
   yellow: "bg-yellow-100 text-yellow-800",
@@ -1549,10 +1591,10 @@ const oe = new Qs(), eo = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   purple: "bg-purple-100 text-purple-800",
   pink: "bg-pink-100 text-pink-800",
   indigo: "bg-indigo-100 text-indigo-800"
-}, po = (e) => (s, t, o, l, n, a, c) => {
+}, Co = (e) => (s, t, o, l, n, a, c) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-badge"), !a)
     return;
-  const i = (c.rendererConfig || {}).colorMap || {}, u = i[a] || i[a?.toLowerCase()] || "gray", d = Ce[u] || Ce.gray, p = document.createElement("span");
+  const i = (c.rendererConfig || {}).colorMap || {}, u = i[a] || i[a?.toLowerCase()] || "gray", d = Pe[u] || Pe.gray, p = document.createElement("span");
   p.classList.add(
     "inline-flex",
     "items-center",
@@ -1564,14 +1606,14 @@ const oe = new Qs(), eo = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     "capitalize",
     ...d.split(" ")
   ), p.textContent = a, t.appendChild(p);
-}, $e = {
+}, Le = {
   green: { bg: "bg-green-100", text: "text-green-500" },
   red: { bg: "bg-red-100", text: "text-red-500" },
   yellow: { bg: "bg-yellow-100", text: "text-yellow-500" },
   blue: { bg: "bg-blue-100", text: "text-blue-500" },
   gray: { bg: "bg-gray-100", text: "text-gray-500" },
   purple: { bg: "bg-purple-100", text: "text-purple-500" }
-}, fo = (e) => {
+}, $o = (e) => {
   if (e == null || e === "")
     return !1;
   if (typeof e == "boolean")
@@ -1583,9 +1625,9 @@ const oe = new Qs(), eo = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     return s === "1" || s === "yes" || s === "true";
   }
   return !1;
-}, mo = (e) => (s, t, o, l, n, a, c) => {
+}, To = (e) => (s, t, o, l, n, a, c) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-boolean");
-  const r = c.rendererConfig || {}, i = fo(a), u = i ? r.trueIcon || "check" : r.falseIcon || "xmark", d = i ? r.trueColor || "green" : r.falseColor || "red", p = r.size || 32, v = r.iconPrefix || "far", k = $e[d] || $e.gray;
+  const r = c.rendererConfig || {}, i = $o(a), u = i ? r.trueIcon || "check" : r.falseIcon || "xmark", d = i ? r.trueColor || "green" : r.falseColor || "red", p = r.size || 32, v = r.iconPrefix || "far", k = Le[d] || Le.gray;
   t.dataset.copyValue = i ? "true" : "false";
   const $ = document.createElement("div");
   $.classList.add(
@@ -1597,10 +1639,10 @@ const oe = new Qs(), eo = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     k.text
   ), $.style.width = `${p}px`, $.style.height = `${p}px`;
   const g = document.createElement("span");
-  g.innerHTML = ce({ prefix: v, iconName: u }).html, g.classList.add("flex", "items-center", "justify-center");
+  g.innerHTML = J({ prefix: v, iconName: u }).html, g.classList.add("flex", "items-center", "justify-center");
   const _ = Math.round(p * 0.5);
   g.style.fontSize = `${_}px`, $.appendChild(g), t.appendChild($);
-}, ho = (e, s = 2) => {
+}, Po = (e, s = 2) => {
   const t = Number(e);
   if (isNaN(t)) return null;
   const o = t < 0, n = Math.abs(t).toLocaleString("en-AU", {
@@ -1608,21 +1650,21 @@ const oe = new Qs(), eo = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     maximumFractionDigits: s
   });
   return o ? `-$${n}` : `$${n}`;
-}, go = (e) => (s, t, o, l, n, a, c) => {
+}, Lo = (e) => (s, t, o, l, n, a, c) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-currency");
   const r = c.rendererConfig || {}, { decimals: i = 2, emptyText: u = "" } = r;
   if (a == null || a === "") {
     t.textContent = u;
     return;
   }
-  const d = ho(a, i);
+  const d = Po(a, i);
   if (d === null) {
     t.textContent = u;
     return;
   }
   const p = document.createElement("span");
   p.textContent = d, t.appendChild(p);
-}, yo = (e) => (s, t, o, l, n, a, c) => {
+}, 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));
@@ -1632,19 +1674,19 @@ const oe = new Qs(), eo = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   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 = {
+}, Me = {
   sm: "h-6 w-6",
   md: "h-8 w-8",
   lg: "h-12 w-12"
-}, vo = (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, p = r.rounded !== !1;
+  const r = c.rendererConfig || {}, i = s.getSourceDataAtRow(s.toPhysicalRow(o)), u = r.size || "md", d = Me[u] || Me.md, p = r.rounded !== !1;
   let v = r.alt || "";
   typeof r.alt == "string" && i[r.alt] && (v = i[r.alt]);
   const k = document.createElement("img");
   k.src = a, k.alt = v, k.classList.add(...d.split(" "), "object-cover"), p ? k.classList.add("rounded-full") : k.classList.add("rounded"), t.appendChild(k);
-}, bo = (e) => (s, t, o, l, n, a, c) => {
+}, Vo = (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";
@@ -1655,27 +1697,27 @@ const oe = new Qs(), eo = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       year: "numeric",
       month: "long",
       day: "numeric"
-    }) : i === "relative" ? d = xo(v) : i === "datetime" ? d = v.toLocaleString(u) : d = v.toLocaleDateString(u);
+    }) : i === "relative" ? d = Ro(v) : i === "datetime" ? d = v.toLocaleString(u) : d = v.toLocaleDateString(u);
   } catch (v) {
     console.error("Error formatting date:", v), d = a;
   }
   const p = document.createElement("span");
   p.textContent = d, t.appendChild(p);
 };
-function xo(e) {
+function Ro(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 ko = (e) => {
+const Ao = (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"), ye = /* @__PURE__ */ new Map(), wo = (e, s) => {
+}, j = (e, s = 2) => String(e).padStart(s, "0"), ye = /* @__PURE__ */ new Map(), Eo = (e, s) => {
   const t = `${e}:${JSON.stringify(s)}`;
   return ye.has(t) || ye.set(t, new Intl.DateTimeFormat(e, s)), ye.get(t);
-}, ie = (e, s, t, o) => {
-  const a = wo(s, t).formatToParts(e).find((c) => c.type === o);
+}, ce = (e, s, t, o) => {
+  const a = Eo(s, t).formatToParts(e).find((c) => c.type === o);
   return a ? a.value : "";
-}, _o = (e) => e.epochMilliseconds !== void 0 ? new Date(e.epochMilliseconds) : new Date(
+}, Fo = (e) => e.epochMilliseconds !== void 0 ? new Date(e.epochMilliseconds) : new Date(
   e.year,
   e.month - 1,
   e.day,
@@ -1683,7 +1725,7 @@ const ko = (e) => {
   e.minute || 0,
   e.second || 0,
   e.millisecond || 0
-), So = (e) => {
+), Oo = (e) => {
   const s = e.hour || 0, t = s % 12 || 12, o = s >= 12;
   return {
     year: e.year,
@@ -1701,30 +1743,30 @@ const ko = (e) => {
     isPM: o,
     quarter: Math.ceil(e.month / 3)
   };
-}, Le = (e, s = !0) => {
+}, He = (e, s = !0) => {
   if (!e.offsetNanoseconds && e.offsetNanoseconds !== 0)
     return "";
   const t = Math.round(e.offsetNanoseconds / 6e10), o = t >= 0 ? "+" : "-", l = Math.abs(t), n = Math.floor(l / 60), a = l % 60;
   return s ? `${o}${j(n)}:${j(a)}` : `${o}${j(n)}${j(a)}`;
-}, Co = (e, s) => {
-  const t = So(e), o = _o(e), l = t.dayOfWeek === 7 ? 0 : t.dayOfWeek;
+}, Bo = (e, s) => {
+  const t = Oo(e), o = Fo(e), l = t.dayOfWeek === 7 ? 0 : t.dayOfWeek;
   return [
     // Year
     ["YYYY", () => String(t.year)],
     ["YY", () => String(t.year).slice(-2)],
     // Month
-    ["MMMM", () => ie(o, s, { month: "long" }, "month")],
-    ["MMM", () => ie(o, s, { month: "short" }, "month")],
+    ["MMMM", () => ce(o, s, { month: "long" }, "month")],
+    ["MMM", () => ce(o, s, { month: "short" }, "month")],
     ["MM", () => j(t.month)],
     ["M", () => String(t.month)],
     // Day of month
     ["DD", () => j(t.day)],
-    ["Do", () => ko(t.day)],
+    ["Do", () => Ao(t.day)],
     ["D", () => String(t.day)],
     // Day of week
-    ["dddd", () => ie(o, s, { weekday: "long" }, "weekday")],
-    ["ddd", () => ie(o, s, { weekday: "short" }, "weekday")],
-    ["dd", () => ie(o, s, { weekday: "short" }, "weekday").slice(0, 2)],
+    ["dddd", () => ce(o, s, { weekday: "long" }, "weekday")],
+    ["ddd", () => ce(o, s, { weekday: "short" }, "weekday")],
+    ["dd", () => ce(o, s, { weekday: "short" }, "weekday").slice(0, 2)],
     ["d", () => String(l)],
     // Hour
     ["HH", () => j(t.hour24)],
@@ -1745,15 +1787,15 @@ const ko = (e) => {
     ["A", () => t.isPM ? "PM" : "AM"],
     ["a", () => t.isPM ? "pm" : "am"],
     // Timezone offset
-    ["ZZ", () => Le(e, !1)],
-    ["Z", () => Le(e, !0)],
+    ["ZZ", () => He(e, !1)],
+    ["Z", () => He(e, !0)],
     // Quarter
     ["Q", () => String(t.quarter)],
     // Unix timestamp
     ["x", () => String(e.epochMilliseconds ?? o.getTime())],
     ["X", () => String(Math.floor((e.epochMilliseconds ?? o.getTime()) / 1e3))]
   ];
-}, $o = (e, s, t = {}) => {
+}, Do = (e, s, t = {}) => {
   const { locale: o = "en-US" } = t;
   if (!e)
     return "";
@@ -1769,20 +1811,20 @@ const ko = (e) => {
     } catch (r) {
       return console.error("Failed to parse date string:", e, r), e;
     }
-  const n = Co(l, o), a = n.map(([r]) => r).join("|"), c = new RegExp(`\\[([^\\]]+)\\]|(${a})`, "g");
+  const n = Bo(l, o), a = n.map(([r]) => r).join("|"), c = new RegExp(`\\[([^\\]]+)\\]|(${a})`, "g");
   return s.replace(c, (r, i, u) => {
     if (i !== void 0)
       return i;
     const d = n.find(([p]) => p === u);
     return d ? d[1]() : r;
   });
-}, To = (e, s = {}) => {
+}, zo = (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);
-}, Lo = (e) => (s, t, o, l, n, a, c) => {
+}, jo = (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",
@@ -1796,22 +1838,22 @@ const ko = (e) => {
     return;
   }
   try {
-    const k = To(a, { fromTimezone: u, toTimezone: d });
+    const k = zo(a, { fromTimezone: u, toTimezone: d });
     if (!k) {
       t.textContent = v;
       return;
     }
-    const $ = $o(k, i, { locale: p }), g = document.createElement("span");
+    const $ = Do(k, i, { locale: p }), g = document.createElement("span");
     g.textContent = $, t.appendChild(g);
   } catch (k) {
     console.error("Error formatting datetime:", k, { value: a, format: i }), t.textContent = a;
   }
-}, Po = /* @__PURE__ */ new Map(), U = (e, s) => {
-  Yt(e, (t, o, l, n, a, c, r) => {
-    Xt.apply(null, [t, o, l, n, a, c, r]), s(t, o, l, n, a, c, r);
-  }), Po.set(e, s);
-}, Mo = (e) => {
-  U("spark.actions", uo(e)), U("spark.badge", po()), U("spark.boolean", mo()), U("spark.currency", go()), U("spark.link", yo()), U("spark.image", vo()), U("spark.date", bo()), U("spark.datetime", Lo()), U("style.capitalize", (s, t, o, l, n, a) => {
+}, Io = /* @__PURE__ */ new Map(), U = (e, s) => {
+  ds(e, (t, o, l, n, a, c, r) => {
+    ps.apply(null, [t, o, l, n, a, c, r]), s(t, o, l, n, a, c, r);
+  }), Io.set(e, s);
+}, No = (e) => {
+  U("spark.actions", So(e)), U("spark.badge", Co()), U("spark.boolean", To()), U("spark.currency", Lo()), U("spark.link", Mo()), U("spark.image", Ho()), U("spark.date", Vo()), U("spark.datetime", jo()), U("style.capitalize", (s, t, o, l, n, a) => {
     if (!a || a.length === 0) {
       t.innerText = "";
       return;
@@ -1819,12 +1861,12 @@ const ko = (e) => {
     const c = document.createElement("span");
     c.innerHTML = a, c.classList.add("capitalize"), t.replaceChildren(c);
   });
-}, Ho = () => {
-}, Vo = (e, s = {}) => {
-  const t = J(), o = ne(), l = s.namespace, n = l === null, a = s.syncToRoute !== !1, c = s.persistToStorage === !0, r = s.restoreOnMount !== !1, i = s.storageTTL || 7, u = n ? `spark-table:${o.path}` : `spark-table:${l}`, d = (y, S = "") => {
+}, Zo = () => {
+}, qo = (e, s = {}) => {
+  const t = Q(), o = le(), l = s.namespace, n = l === null, a = s.syncToRoute !== !1, c = s.persistToStorage === !0, r = s.restoreOnMount !== !1, i = s.storageTTL || 7, u = n ? `spark-table:${o.path}` : `spark-table:${l}`, d = (y, S = "") => {
     const M = {};
-    return Object.keys(y).forEach((z) => {
-      const W = y[z], de = S ? `${S}[${z}]` : z;
+    return Object.keys(y).forEach((D) => {
+      const W = y[D], de = S ? `${S}[${D}]` : D;
       W != null && (typeof W == "object" && !Array.isArray(W) ? Object.assign(M, d(W, de)) : M[de] = String(W));
     }), M;
   }, p = () => {
@@ -1845,8 +1887,8 @@ const ko = (e) => {
       if (!y) return null;
       const S = JSON.parse(y);
       if (i > 0) {
-        const M = Date.now() - S.timestamp, z = i * 24 * 60 * 60 * 1e3;
-        if (M > z)
+        const M = Date.now() - S.timestamp, D = i * 24 * 60 * 60 * 1e3;
+        if (M > D)
           return localStorage.removeItem(u), null;
       }
       return S.params;
@@ -1878,8 +1920,8 @@ const ko = (e) => {
     t.replace({ query: y });
   }, g = (y) => !!(["page", "limit", "search", "orderBy", "sortedBy"].includes(y) || y.includes("[")), _ = (y, S) => {
     if (["page", "limit"].includes(y) && S !== null && S !== void 0) {
-      const z = parseInt(S, 10);
-      return isNaN(z) ? S : z;
+      const D = parseInt(S, 10);
+      return isNaN(D) ? S : D;
     }
     return S;
   }, w = () => {
@@ -1903,7 +1945,7 @@ const ko = (e) => {
       a && $(), c && p();
     },
     { deep: !0 }
-  ), r && xe(() => {
+  ), r && _e(() => {
     let y = !1;
     if (a) {
       let S = !1;
@@ -1912,7 +1954,7 @@ const ko = (e) => {
       else {
         const M = `${l}[`;
         S = Object.keys(o.query).some(
-          (z) => z.startsWith(M)
+          (D) => D.startsWith(M)
         );
       }
       S && (y = !0, w());
@@ -1930,7 +1972,7 @@ const ko = (e) => {
     loadFromStorage: v,
     clearStorage: k
   };
-}, Ro = { class: "flex items-center gap-4 py-3" }, Eo = { class: "shrink-0" }, Bo = { class: "text-sm text-gray-700" }, Ao = { class: "font-medium" }, Fo = { class: "font-medium" }, Oo = { class: "font-medium" }, zo = {
+}, Uo = { class: "flex items-center gap-4 py-3" }, Ko = { class: "shrink-0" }, Go = { class: "text-sm text-gray-700" }, Wo = { class: "font-medium" }, Yo = { class: "font-medium" }, Xo = { class: "font-medium" }, Jo = {
   __name: "SparkTablePaginationDetails",
   props: {
     sparkTable: {
@@ -1941,28 +1983,28 @@ const ko = (e) => {
   setup(e) {
     const s = e;
     return (t, o) => (m(), h("div", null, [
-      f("div", Ro, [
-        f("div", Eo, [
-          f("div", Bo, [
+      f("div", Uo, [
+        f("div", Ko, [
+          f("div", Go, [
             o[0] || (o[0] = E(" Showing ", -1)),
-            f("span", Ao, P(s.sparkTable.response.meta.from), 1),
+            f("span", Wo, L(s.sparkTable.response.meta.from), 1),
             o[1] || (o[1] = E(" to ", -1)),
-            f("span", Fo, P(s.sparkTable.response.meta.to), 1),
+            f("span", Yo, L(s.sparkTable.response.meta.to), 1),
             o[2] || (o[2] = E(" of ", -1)),
-            f("span", Oo, P(s.sparkTable.response.meta.total), 1),
+            f("span", Xo, L(s.sparkTable.response.meta.total), 1),
             o[3] || (o[3] = E(" results ", -1))
           ])
         ])
       ])
     ]));
   }
-}, Do = { class: "flex items-center gap-4 px-4 py-3" }, jo = {
+}, Qo = { class: "flex items-center gap-4 px-4 py-3" }, ea = {
   key: 0,
   class: "shrink-0 ml-auto"
-}, Io = {
+}, ta = {
   class: "isolate inline-flex -space-x-px rounded-md shadow-xs bg-white",
   "aria-label": "Pagination"
-}, No = ["onClick"], Zo = {
+}, sa = ["onClick"], oa = {
   __name: "SparkTablePaginationPaging",
   props: {
     sparkTable: {
@@ -1978,30 +2020,30 @@ const ko = (e) => {
       u < 1 || u > t.sparkTable.response.meta.last_page || o("paginate", {
         page: u
       });
-    }, a = C(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), c = C(() => t.sparkTable.computed.ready ? jt(
+    }, a = C(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), c = C(() => t.sparkTable.computed.ready ? ss(
       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 = C(
       () => t.sparkTable.params.page < Y(t.sparkTable.response.meta, "last_page", 1)
     ), i = C(() => t.sparkTable.params.page > 1);
     return (u, d) => {
-      const p = A("font-awesome-icon");
+      const p = O("font-awesome-icon");
       return m(), h("div", null, [
-        f("div", Do, [
-          c.value.length > 1 ? (m(), h("div", jo, [
+        f("div", Qo, [
+          c.value.length > 1 ? (m(), h("div", ea, [
             f("div", null, [
-              f("nav", Io, [
+              f("nav", ta, [
                 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((v) => l(-1), ["prevent"]))
+                  onClick: d[0] || (d[0] = ee((v) => l(-1), ["prevent"]))
                 }, [
                   b(p, {
-                    icon: x(F).farChevronLeft,
+                    icon: x(A).farChevronLeft,
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ], 2),
-                (m(!0), h(R, null, D(c.value, (v) => (m(), h("a", {
+                (m(!0), h(R, null, z(c.value, (v) => (m(), h("a", {
                   key: `page-${v}`,
                   href: "#",
                   class: H([
@@ -2009,30 +2051,30 @@ const ko = (e) => {
                     e.sparkTable.params.page === v ? "z-10 text-white bg-primary-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 hover:bg-primary-600" : "text-gray-900 hover:bg-gray-50 ring-gray-300 focus:z-20 focus:outline-offset-0"
                   ]),
                   onClick: (k) => n(v)
-                }, P(v), 11, No))), 128)),
+                }, L(v), 11, sa))), 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((v) => l(1), ["prevent"])),
+                  onClick: d[1] || (d[1] = ee((v) => l(1), ["prevent"])),
                   href: "#"
                 }, [
                   b(p, {
-                    icon: x(F).farChevronRight,
+                    icon: x(A).farChevronRight,
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ], 2)
               ])
             ])
-          ])) : L("", !0)
+          ])) : P("", !0)
         ])
       ]);
     };
   }
-}, ee = (e, s) => {
+}, te = (e, s) => {
   const t = e.__vccOpts || e;
   for (const [o, l] of s)
     t[o] = l;
   return t;
-}, qo = { class: "spark-table-pagination-per-page" }, Uo = {
+}, aa = { class: "spark-table-pagination-per-page" }, ra = {
   __name: "SparkTablePaginationPerPage",
   props: {
     sparkTable: {
@@ -2052,8 +2094,8 @@ const ko = (e) => {
       });
     };
     return (a, c) => {
-      const r = A("FormKit");
-      return m(), h("div", qo, [
+      const r = O("FormKit");
+      return m(), h("div", aa, [
         b(r, {
           "model-value": e.sparkTable.params.limit,
           type: "select",
@@ -2066,7 +2108,7 @@ const ko = (e) => {
       ]);
     };
   }
-}, Ko = /* @__PURE__ */ ee(Uo, [["__scopeId", "data-v-9ef8544b"]]), Pe = {
+}, na = /* @__PURE__ */ te(ra, [["__scopeId", "data-v-9ef8544b"]]), Ve = {
   __name: "SparkTableToolbar",
   props: {
     position: {
@@ -2076,7 +2118,7 @@ const ko = (e) => {
     }
   },
   setup(e) {
-    const s = e, t = Ee(), o = C(() => !!t.default), l = C(() => {
+    const s = e, t = Oe(), o = C(() => !!t.default), l = C(() => {
       const n = "spark-table-toolbar flex flex-wrap items-center gap-x-5 w-full";
       return s.position === "footer" ? `${n} spark-table-toolbar-footer justify-between` : `${n} spark-table-toolbar-header gap-y-5 py-5`;
     });
@@ -2084,10 +2126,10 @@ const ko = (e) => {
       key: 0,
       class: H(l.value)
     }, [
-      O(n.$slots, "default")
-    ], 2)) : L("", !0);
+      B(n.$slots, "default")
+    ], 2)) : P("", !0);
   }
-}, Go = { class: "spark-table-search" }, Wo = {
+}, la = { class: "spark-table-search" }, ia = {
   __name: "SparkTableSearch",
   props: {
     /** SparkTable instance object */
@@ -2106,11 +2148,11 @@ const ko = (e) => {
     }
   },
   setup(e) {
-    const s = e, t = B(""), o = s.config.param || "search";
+    const s = e, t = F(""), o = s.config.param || "search";
     s.sparkTable.params[o] ? t.value = s.sparkTable.params[o] : s.config.initialValue && (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
       [o]: s.config.initialValue
     }));
-    const l = ze((a) => {
+    const l = ot((a) => {
       a ? s.sparkTable.methods.applyParams({
         page: 1,
         [o]: a
@@ -2126,8 +2168,8 @@ const ko = (e) => {
         a && a !== t.value ? t.value = a : !a && t.value && (t.value = "");
       }
     ), (a, c) => {
-      const r = A("FormKit");
-      return m(), h("div", Go, [
+      const r = O("FormKit");
+      return m(), h("div", la, [
         b(r, Z({
           modelValue: t.value,
           "onUpdate:modelValue": c[0] || (c[0] = (i) => t.value = i),
@@ -2141,7 +2183,7 @@ const ko = (e) => {
       ]);
     };
   }
-}, Yo = /* @__PURE__ */ ee(Wo, [["__scopeId", "data-v-976170dc"]]), Xo = { class: "spark-table-filter-select" }, Jo = {
+}, ca = /* @__PURE__ */ te(ia, [["__scopeId", "data-v-976170dc"]]), ua = { class: "spark-table-filter-select" }, da = {
   __name: "SparkTableFilterSelect",
   props: {
     /** SparkTable instance object */
@@ -2157,7 +2199,7 @@ const ko = (e) => {
     }
   },
   setup(e) {
-    const s = e, t = B(""), o = s.config.param || `filter[${s.config.key}]`;
+    const s = e, t = F(""), o = s.config.param || `filter[${s.config.key}]`;
     s.sparkTable.params[o] ? t.value = s.sparkTable.params[o] : s.config.initialValue !== void 0 && s.config.initialValue !== null && (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
       [o]: s.config.initialValue
     }));
@@ -2176,8 +2218,8 @@ const ko = (e) => {
         a != null && a !== "" ? t.value !== a && (t.value = a) : t.value && (t.value = "");
       }
     ), (a, c) => {
-      const r = A("FormKit");
-      return m(), h("div", Xo, [
+      const r = O("FormKit");
+      return m(), h("div", ua, [
         b(r, Z({
           modelValue: t.value,
           "onUpdate:modelValue": c[0] || (c[0] = (i) => t.value = i),
@@ -2191,10 +2233,10 @@ const ko = (e) => {
       ]);
     };
   }
-}, Qo = /* @__PURE__ */ ee(Jo, [["__scopeId", "data-v-642dbc69"]]), ea = { class: "spark-table-filter-buttons" }, ta = {
+}, pa = /* @__PURE__ */ te(da, [["__scopeId", "data-v-642dbc69"]]), fa = { class: "spark-table-filter-buttons" }, ma = {
   key: 0,
   class: "spark-table-filter-buttons-label"
-}, sa = {
+}, ha = {
   __name: "SparkTableFilterButtons",
   props: {
     /** SparkTable instance object */
@@ -2210,7 +2252,7 @@ const ko = (e) => {
     }
   },
   setup(e) {
-    const s = e, t = B(null), o = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`;
+    const s = e, t = F(null), o = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`;
     s.sparkTable.params[l] !== void 0 ? t.value = s.sparkTable.params[l] : s.config.initialValue !== void 0 && (t.value = s.config.initialValue, s.config.initialValue !== null && s.sparkTable.methods.applyParams({
       [l]: s.config.initialValue
     }));
@@ -2225,18 +2267,19 @@ const ko = (e) => {
       (c) => {
         (c == null || c === "") && t.value ? t.value = null : c !== t.value && (t.value = c);
       }
-    ), (c, r) => (m(), h("div", ea, [
-      x(o) ? (m(), h("span", ta, P(x(o)), 1)) : L("", !0),
-      b(Us, { class: "isolate" }, {
+    ), (c, r) => (m(), h("div", fa, [
+      x(o) ? (m(), h("span", ma, L(x(o)), 1)) : P("", !0),
+      b(ro, { class: "isolate" }, {
         default: T(() => [
-          (m(!0), h(R, null, D(e.config.options, (i) => (m(), V(G, {
+          (m(!0), h(R, null, z(e.config.options, (i) => (m(), V(G, {
             key: i.value,
             size: "xl",
+            "button-class": "px-3.5",
             variant: n(i.value) ? "primary" : "secondary",
             onClick: (u) => a(i.value)
           }, {
             default: T(() => [
-              E(P(i.label), 1)
+              E(L(i.label), 1)
             ]),
             _: 2
           }, 1032, ["variant", "onClick"]))), 128))
@@ -2245,7 +2288,7 @@ const ko = (e) => {
       })
     ]));
   }
-}, oa = /* @__PURE__ */ ee(sa, [["__scopeId", "data-v-0fcd0cce"]]), aa = { class: "spark-table-date-picker" }, ra = {
+}, ga = /* @__PURE__ */ te(ha, [["__scopeId", "data-v-01a49899"]]), ya = { class: "spark-table-date-picker" }, va = {
   __name: "SparkTableDatePicker",
   props: {
     /** SparkTable instance object */
@@ -2261,7 +2304,7 @@ const ko = (e) => {
     }
   },
   setup(e) {
-    const s = e, t = B(null), o = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`, n = B(`${l}-0`);
+    const s = e, t = F(null), o = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`, n = F(`${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) => {
@@ -2279,8 +2322,8 @@ const ko = (e) => {
         } else a && a !== t.value && (t.value = a);
       }
     ), (a, c) => {
-      const r = A("FormKit");
-      return m(), h("div", aa, [
+      const r = O("FormKit");
+      return m(), h("div", ya, [
         (m(), V(r, Z({
           key: n.value,
           modelValue: t.value,
@@ -2298,7 +2341,7 @@ const ko = (e) => {
       ]);
     };
   }
-}, na = /* @__PURE__ */ ee(ra, [["__scopeId", "data-v-44ef9cb8"]]), la = { class: "spark-table-reset" }, ia = { key: 1 }, ca = {
+}, ba = /* @__PURE__ */ te(va, [["__scopeId", "data-v-44ef9cb8"]]), xa = { class: "spark-table-reset" }, ka = { key: 1 }, wa = {
   __name: "SparkTableReset",
   props: {
     /** SparkTable instance object */
@@ -2335,11 +2378,12 @@ const ko = (e) => {
       s.sparkTable.methods.applyParams({ ...r, page: 1 });
     };
     return (o, l) => {
-      const n = A("font-awesome-icon");
-      return m(), h("div", la, [
+      const n = O("font-awesome-icon");
+      return m(), h("div", xa, [
         b(G, {
           onClick: t,
           variant: "secondary",
+          "button-class": "px-3.5",
           size: "xl"
         }, {
           default: T(() => [
@@ -2347,27 +2391,27 @@ const ko = (e) => {
               key: 0,
               icon: ["far", e.config.icon],
               class: H({ "mr-1.5": e.config.label })
-            }, null, 8, ["icon", "class"])) : L("", !0),
-            e.config.label ? (m(), h("span", ia, P(e.config.label), 1)) : L("", !0)
+            }, null, 8, ["icon", "class"])) : P("", !0),
+            e.config.label ? (m(), h("span", ka, L(e.config.label), 1)) : P("", !0)
           ]),
           _: 1
         })
       ]);
     };
   }
-}, ua = /* @__PURE__ */ ee(ca, [["__scopeId", "data-v-45343158"]]), da = { class: "spark-table" }, pa = {
+}, _a = /* @__PURE__ */ te(wa, [["__scopeId", "data-v-0894e3bf"]]), Sa = { class: "spark-table" }, Ca = {
   key: 1,
   class: "pt-5"
-}, fa = {
+}, $a = {
   key: 2,
   class: "flex flex-col items-center justify-center py-16 text-gray-500 rounded-md border border-gray-300 bg-white"
-}, ma = { class: "flex items-center gap-x-3 ml-auto" }, be = {
+}, Ta = { class: "flex items-center gap-x-3 ml-auto" }, we = {
   perPages: [15, 30, 50, 100, 200, 500],
   limit: 15
-}, ha = {
+}, Pa = {
   page: 1,
-  limit: be.limit
-}, Me = {
+  limit: we.limit
+}, Re = {
   colHeaders: !0,
   filters: !1,
   stretchH: "all",
@@ -2377,7 +2421,7 @@ const ko = (e) => {
   tableClassName: "spark-table-table",
   readOnlyCellClassName: "read-only",
   licenseKey: "non-commercial-and-evaluation"
-}, gn = {
+}, Rn = {
   __name: "SparkTable",
   props: {
     url: {
@@ -2401,19 +2445,19 @@ const ko = (e) => {
     params: {
       type: Object,
       default() {
-        return ha;
+        return Pa;
       }
     },
     options: {
       type: Object,
       default() {
-        return be;
+        return we;
       }
     },
     settings: {
       type: Object,
       default() {
-        return Me;
+        return Re;
       }
     },
     plugins: {
@@ -2442,15 +2486,15 @@ const ko = (e) => {
   ],
   setup(e, { expose: s, emit: t }) {
     const o = e;
-    Wt(), pe(qt), pe(Ut), pe(Kt), Y(o, "settings.nestedHeaders") && pe(Gt);
-    const l = t, n = Ve("axios"), a = B(null), c = B(!1), r = B(null);
+    us(), pe(ns), pe(ls), pe(is), Y(o, "settings.nestedHeaders") && pe(cs);
+    const l = t, n = Ee("axios"), a = F(null), c = F(!1), r = F(null);
     let i = !1;
     const u = {
-      search: Yo,
-      filterSelect: Qo,
-      filterButtons: oa,
-      datePicker: na,
-      reset: ua
+      search: ca,
+      filterSelect: pa,
+      filterButtons: ga,
+      datePicker: ba,
+      reset: _a
     }, d = q({
       hotInstance: null,
       url: C(() => o.url),
@@ -2507,7 +2551,7 @@ const ko = (e) => {
         fireEvent: (g, _) => {
           l(g, _);
         },
-        getSettingsForProp: (g) => It(Y(d.tableSettings, "columns"), { data: g }),
+        getSettingsForProp: (g) => os(Y(d.tableSettings, "columns"), { data: g }),
         // Helper methods for easier param access
         getParams: () => d.computed.params,
         getParam: (g) => d.computed.params[g],
@@ -2526,20 +2570,20 @@ const ko = (e) => {
           ...o.params,
           ...d.params
         })),
-        ready: C(() => Nt(d, "response.meta.last_page"))
+        ready: C(() => as(d, "response.meta.last_page"))
       },
       options: C(() => ({
-        ...be,
+        ...we,
         ...o.options
       })),
       tableSettings: C(() => ({
-        ...Me,
+        ...Re,
         nestedHeaders: Y(o.settings, "nestedHeaders", []),
         ...!Y(o.settings, "nestedHeaders") && {
-          afterGetColHeader: (g, _) => io(g, _, d)
+          afterGetColHeader: (g, _) => wo(g, _, d)
         },
-        afterChange: (g, _) => Ho(),
-        afterRender: () => co(d),
+        afterChange: (g, _) => Zo(),
+        afterRender: () => _o(d),
         /**
          * Prevent columns with explicit width from being stretched
          * This hook fires BEFORE stretchH is applied, allowing us to cap specific columns
@@ -2558,10 +2602,10 @@ const ko = (e) => {
           w && _.forEach((y) => {
             for (let S = y.startRow; S <= y.endRow; S++)
               for (let M = y.startCol; M <= y.endCol; M++) {
-                const z = w.getCell(S, M);
-                if (z) {
+                const D = w.getCell(S, M);
+                if (D) {
                   const W = S - _[0].startRow, de = M - _[0].startCol;
-                  g[W][de] = z.dataset.copyValue ?? z.textContent ?? "";
+                  g[W][de] = D.dataset.copyValue ?? D.textContent ?? "";
                 }
               }
           });
@@ -2599,19 +2643,19 @@ const ko = (e) => {
       { deep: !0, flush: "sync" }
     ), o.syncToRoute || o.persistToStorage) {
       const g = typeof o.syncToRoute == "string";
-      Vo(d, {
+      qo(d, {
         namespace: g ? o.syncToRoute : null,
         syncToRoute: !!o.syncToRoute,
         persistToStorage: o.persistToStorage
       });
     }
-    return we(
+    return Ce(
       () => o.params,
       async () => {
         d.params.page = 1, await d.methods.loadTable();
       },
       { debounce: 50, maxWait: 1e3 }
-    ), we(
+    ), Ce(
       () => d.params,
       async () => {
         await d.methods.loadTable();
@@ -2622,11 +2666,11 @@ const ko = (e) => {
       async (g, _) => {
         g !== _ && (d.params.page = 1, await d.methods.loadTable());
       }
-    ), xe(async () => {
+    ), _e(async () => {
       await d.methods.loadTable(), l("ready");
-    }), Ye(() => {
+    }), mt(() => {
       i = !0;
-    }), Mo(d), s({
+    }), No(d), s({
       refresh: () => d.methods.loadTable(),
       getParams: () => d.methods.getParams(),
       getParam: (g) => d.methods.getParam(g),
@@ -2639,62 +2683,62 @@ const ko = (e) => {
       sparkTable: d,
       table: a
     }), (g, _) => {
-      const w = A("font-awesome-icon");
-      return m(), h("div", da, [
-        d.computed.ready && $.value && $.value.length ? (m(), V(Pe, {
+      const w = O("font-awesome-icon");
+      return m(), h("div", Sa, [
+        d.computed.ready && $.value && $.value.length ? (m(), V(Ve, {
           key: 0,
           position: "header"
         }, {
           default: T(() => [
-            (m(!0), h(R, null, D($.value, (y) => (m(), V(N(u[y.config.type]), {
+            (m(!0), h(R, null, z($.value, (y) => (m(), V(N(u[y.config.type]), {
               key: y.name,
               class: H(y.config.align ? `self-${y.config.align}` : ""),
               "spark-table": d,
               config: y.config
             }, null, 8, ["class", "spark-table", "config"]))), 128)),
-            O(g.$slots, "header", {
+            B(g.$slots, "header", {
               sparkTable: d,
               loading: c.value,
               error: r.value
             })
           ]),
           _: 3
-        })) : (m(), h("div", pa)),
-        Xe(b(x(Zt), {
+        })) : (m(), h("div", Ca)),
+        ht(b(x(rs), {
           "theme-name": "ht-theme-classic",
           ref_key: "table",
           ref: a,
           settings: d.tableSettings
         }, null, 8, ["settings"]), [
-          [Je, !p.value]
+          [gt, !p.value]
         ]),
-        p.value ? (m(), h("div", fa, [
+        p.value ? (m(), h("div", $a, [
           b(w, {
-            icon: x(F).farInbox,
+            icon: x(A).farInbox,
             class: "size-12 mb-4 text-gray-300"
           }, null, 8, ["icon"]),
           _[0] || (_[0] = f("p", { class: "text-sm" }, "No records found", -1))
-        ])) : L("", !0),
-        d.computed.ready ? (m(), V(Pe, {
+        ])) : P("", !0),
+        d.computed.ready ? (m(), V(Ve, {
           key: 3,
           position: "footer"
         }, {
           default: T(() => [
-            p.value ? L("", !0) : (m(), V(zo, {
+            p.value ? P("", !0) : (m(), V(Jo, {
               key: 0,
               "spark-table": d
             }, null, 8, ["spark-table"])),
-            f("div", ma, [
-              p.value ? L("", !0) : (m(), V(Zo, {
+            f("div", Ta, [
+              p.value ? P("", !0) : (m(), V(oa, {
                 key: 0,
                 "spark-table": d,
                 onPaginate: d.methods.applyParams
               }, null, 8, ["spark-table", "onPaginate"])),
-              b(Ko, {
+              b(na, {
                 "spark-table": d,
                 onPaginate: d.methods.applyParams
               }, null, 8, ["spark-table", "onPaginate"]),
-              O(g.$slots, "footer", {
+              B(g.$slots, "footer", {
                 sparkTable: d,
                 loading: c.value,
                 error: r.value
@@ -2702,12 +2746,12 @@ const ko = (e) => {
             ])
           ]),
           _: 3
-        })) : L("", !0)
+        })) : P("", !0)
       ]);
     };
   }
 };
-function He() {
+function Ae() {
   const e = q({
     isVisible: !1,
     content: null,
@@ -2734,9 +2778,9 @@ function He() {
     }
   };
 }
-class ga {
+class La {
   constructor() {
-    this.left = He(), this.right = He();
+    this.left = Ae(), this.right = Ae();
   }
   showLeft = (s, t = {}, o = {}, l = {}) => {
     const n = {
@@ -2766,22 +2810,22 @@ class ga {
     this.left.close(), this.right.close();
   };
 }
-const te = new ga(), ya = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, va = { class: "flex flex-1 flex-col" }, ba = {
+const se = new La(), Ma = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Ha = { class: "flex flex-1 flex-col" }, Va = {
   class: "flex flex-1 flex-col gap-y-7",
   role: "list"
-}, xa = { class: "flex flex-1 flex-col" }, ka = {
+}, Ra = { class: "flex flex-1 flex-col" }, Aa = {
   role: "list",
   class: "flex flex-1 flex-col"
-}, wa = { class: "flex items-center pb-8" }, _a = ["href", "onClick"], Sa = {
+}, Ea = { class: "flex items-center pb-8" }, Fa = ["href", "onClick"], Oa = {
   key: 2,
   class: "w-full flex justify-center"
-}, Ca = {
+}, Ba = {
   key: 0,
   class: "mt-[5px] flex flex-col gap-[5px]"
-}, $a = ["href", "onClick"], Ta = {
+}, Da = ["href", "onClick"], za = {
   key: 1,
   class: "text-[13px]"
-}, La = { class: "mt-auto" }, Pa = { class: "p-[10px] flex-shrink-0" }, Ma = { class: "flex flex-1 items-center gap-x-6" }, Ha = { class: "relative flex flex-1 items-center gap-4" }, Va = { class: "cursor-pointer" }, Ra = ["src"], Ea = { class: "ml-auto" }, Ba = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, yn = {
+}, ja = { class: "mt-auto" }, Ia = { class: "p-[10px] flex-shrink-0" }, Na = { class: "flex flex-1 items-center gap-x-6" }, Za = { class: "relative flex flex-1 items-center gap-4" }, qa = { class: "cursor-pointer" }, Ua = ["src"], Ka = { class: "ml-auto" }, Ga = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, An = {
   __name: "SparkDefaultContainer",
   props: {
     appStore: {
@@ -2799,52 +2843,52 @@ const te = new ga(), ya = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, va =
   },
   emits: ["overlayClose"],
   setup(e, { emit: s }) {
-    const t = e, o = s, l = Ee(), n = ne(), a = Ne(), c = De(), r = C(() => c.getAppIcon(t.appStore.state.app)), i = C(() => n.meta.hideBrandSelector === !0 ? !1 : t.appStore.state.showBrandSelector), u = () => {
+    const t = e, o = s, l = Oe(), n = le(), a = lt(), c = at(), r = C(() => c.getAppIcon(t.appStore.state.app)), i = C(() => n.meta.hideBrandSelector === !0 ? !1 : t.appStore.state.showBrandSelector), u = () => {
       const k = {};
-      l["app-selector-bottom"] ? k.bottomSlot = () => ke("div", {}, l["app-selector-bottom"]()) : t.appSelectorSlots.bottomSlot && (k.bottomSlot = t.appSelectorSlots.bottomSlot), l["app-selector-footer"] ? k.footerSlot = () => ke("div", {}, l["app-selector-footer"]()) : t.appSelectorSlots.footerSlot && (k.footerSlot = t.appSelectorSlots.footerSlot), te.showRight(ks, k, {
+      l["app-selector-bottom"] ? k.bottomSlot = () => Se("div", {}, l["app-selector-bottom"]()) : t.appSelectorSlots.bottomSlot && (k.bottomSlot = t.appSelectorSlots.bottomSlot), l["app-selector-footer"] ? k.footerSlot = () => Se("div", {}, l["app-selector-footer"]()) : t.appSelectorSlots.footerSlot && (k.footerSlot = t.appSelectorSlots.footerSlot), se.showRight(As, k, {
         select: ($) => {
-          te.closeRight();
+          se.closeRight();
         }
       });
     }, d = () => {
-      te.showLeft(
-        Zs,
+      se.showLeft(
+        oo,
         {},
         {
           select: (k) => {
-            a.toggleBrand(k), te.closeLeft();
+            a.toggleBrand(k), se.closeLeft();
           }
         }
       );
     }, p = C(() => t.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [t.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), v = C(() => t.mainNavStore.state.hidden ? ["pl-2.5"] : [t.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
     return (k, $) => {
-      const g = A("font-awesome-icon"), _ = A("router-view");
+      const g = O("font-awesome-icon"), _ = O("router-view");
       return m(), h(R, null, [
         f("div", {
           class: H([p.value, "fixed inset-y-0 flex transition-all z-100"])
         }, [
-          f("div", ya, [
-            f("nav", va, [
-              f("ul", ba, [
-                f("li", xa, [
-                  f("ul", ka, [
-                    f("li", wa, [
+          f("div", Ma, [
+            f("nav", Ha, [
+              f("ul", Va, [
+                f("li", Ra, [
+                  f("ul", Aa, [
+                    f("li", Ea, [
                       f("a", {
                         class: "grid w-[40px] h-[40px] place-items-center rounded-md bg-primary-600 text-white text-[13px] cursor-pointer",
-                        onClick: $[0] || ($[0] = Q((w) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
+                        onClick: $[0] || ($[0] = ee((w) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
                       }, [
                         b(g, {
-                          icon: x(F)[r.value],
+                          icon: x(A)[r.value],
                           class: "size-5"
                         }, null, 8, ["icon"])
                       ]),
-                      e.mainNavStore.state.collapsed ? L("", !0) : (m(), h("a", {
+                      e.mainNavStore.state.collapsed ? P("", !0) : (m(), h("a", {
                         key: 0,
-                        onClick: $[1] || ($[1] = Q((w) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"])),
+                        onClick: $[1] || ($[1] = ee((w) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"])),
                         class: "font-medium text-gray-800 ml-[10px] cursor-pointer"
-                      }, P(e.appStore.state.app), 1))
+                      }, L(e.appStore.state.app), 1))
                     ]),
-                    (m(!0), h(R, null, D(e.mainNavStore.state.menu, (w) => (m(), h("li", {
+                    (m(!0), h(R, null, z(e.mainNavStore.state.menu, (w) => (m(), h("li", {
                       key: w.name,
                       class: H({
                         "mt-[10px]": w.children,
@@ -2857,16 +2901,16 @@ const te = new ga(), ya = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, va =
                           "hover:bg-gray-100": w?.href
                         }, "h-[37px] sgroup flex items-center gap-x-2 rounded-md p-3 text-gray-800 leading-5 transition-all duration-300 ease-in-out"]),
                         href: w?.href,
-                        onClick: Q((y) => e.mainNavStore.goto(w.href), ["prevent"])
+                        onClick: ee((y) => e.mainNavStore.goto(w.href), ["prevent"])
                       }, [
                         w.icon ? (m(), V(g, {
                           key: 0,
-                          icon: x(F)[w.icon],
+                          icon: x(A)[w.icon],
                           class: H([[(w.current, "text-gray-400")], "size-4"])
-                        }, null, 8, ["icon", "class"])) : L("", !0),
-                        e.mainNavStore.state.collapsed ? w?.children ? (m(), h("div", Sa, [...$[6] || ($[6] = [
+                        }, null, 8, ["icon", "class"])) : P("", !0),
+                        e.mainNavStore.state.collapsed ? w?.children ? (m(), h("div", Oa, [...$[6] || ($[6] = [
                           f("div", { class: "w-[10px] h-px bg-gray-400" }, null, -1)
-                        ])])) : L("", !0) : (m(), h("span", {
+                        ])])) : P("", !0) : (m(), h("span", {
                           key: 1,
                           class: H({
                             "text-[11px]": w?.children,
@@ -2874,38 +2918,38 @@ const te = new ga(), ya = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, va =
                             "font-semibold": w?.children,
                             "text-gray-500": w?.children
                           })
-                        }, P(w.name), 3))
-                      ], 10, _a),
-                      w.children ? (m(), h("ul", Ca, [
-                        (m(!0), h(R, null, D(w.children, (y) => (m(), h("li", {
+                        }, L(w.name), 3))
+                      ], 10, Fa),
+                      w.children ? (m(), h("ul", Ba, [
+                        (m(!0), h(R, null, z(w.children, (y) => (m(), h("li", {
                           key: y.name
                         }, [
                           f("a", {
                             class: H([[y.current ? "bg-gray-100" : "", "hover:bg-gray-100"], "h-[37px] sgroup flex items-center gap-x-2 rounded-md p-3 text-gray-800 leading-5 transition-all duration-300 ease-in-out"]),
                             href: y.href,
-                            onClick: Q((S) => e.mainNavStore.goto(y.href), ["prevent"])
+                            onClick: ee((S) => e.mainNavStore.goto(y.href), ["prevent"])
                           }, [
                             y.icon ? (m(), V(g, {
                               key: 0,
-                              icon: x(F)[y.icon],
+                              icon: x(A)[y.icon],
                               class: H([[(y.current, "text-gray-400")], "size-4"])
-                            }, null, 8, ["icon", "class"])) : L("", !0),
-                            e.mainNavStore.state.collapsed ? L("", !0) : (m(), h("span", Ta, P(y.name), 1))
-                          ], 10, $a)
+                            }, null, 8, ["icon", "class"])) : P("", !0),
+                            e.mainNavStore.state.collapsed ? P("", !0) : (m(), h("span", za, L(y.name), 1))
+                          ], 10, Da)
                         ]))), 128))
-                      ])) : L("", !0)
+                      ])) : P("", !0)
                     ], 2))), 128))
                   ])
                 ]),
-                f("li", La, [
-                  O(k.$slots, "sidebar-footer"),
+                f("li", ja, [
+                  B(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: $[2] || ($[2] = Q((w) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
+                    onClick: $[2] || ($[2] = ee((w) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
                   }, [
                     b(g, {
-                      icon: x(F)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
+                      icon: x(A)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
                       class: "class-5"
                     }, null, 8, ["icon"])
                   ])
@@ -2917,19 +2961,19 @@ const te = new ga(), ya = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, va =
         f("div", {
           class: H([v.value, "h-full transition-all flex flex-col"])
         }, [
-          f("div", Pa, [
-            f("div", Ma, [
-              f("div", Ha, [
-                O(k.$slots, "header-left", {}, () => [
-                  f("div", Va, [
+          f("div", Ia, [
+            f("div", Na, [
+              f("div", Za, [
+                B(k.$slots, "header-left", {}, () => [
+                  f("div", qa, [
                     b(g, {
-                      icon: x(F).farBarsSort,
+                      icon: x(A).farBarsSort,
                       class: "size-5",
                       onClick: $[3] || ($[3] = (w) => e.mainNavStore.toggleHidden())
                     }, null, 8, ["icon"])
                   ])
                 ]),
-                O(k.$slots, "header-center", {}, () => [
+                B(k.$slots, "header-center", {}, () => [
                   i.value ? (m(), h("div", {
                     key: 0,
                     class: "absolute left-1/2 -translate-x-1/2 cursor-pointer h-9 flex items-center",
@@ -2940,11 +2984,11 @@ const te = new ga(), ya = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, va =
                       src: x(a).currentBrand.logo,
                       alt: "",
                       class: "h-[30px] w-auto"
-                    }, null, 8, Ra)) : L("", !0)
-                  ])) : L("", !0)
+                    }, null, 8, Ua)) : P("", !0)
+                  ])) : P("", !0)
                 ]),
-                f("div", Ea, [
-                  O(k.$slots, "header-right", {}, () => [
+                f("div", Ka, [
+                  B(k.$slots, "header-right", {}, () => [
                     e.appStore.state.showAppSelector ? (m(), h("button", {
                       key: 0,
                       class: "rounded-sm bg-white w-[42px] h-[42px] ring-1 ring-inset ring-gray-300",
@@ -2952,71 +2996,71 @@ const te = new ga(), ya = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, va =
                       onClick: u
                     }, [
                       b(g, {
-                        icon: x(F).farGripDotsVertical,
+                        icon: x(A).farGripDotsVertical,
                         class: "size-4 text-gray-400"
                       }, null, 8, ["icon"])
-                    ])) : L("", !0)
+                    ])) : P("", !0)
                   ])
                 ])
               ])
             ])
           ]),
-          f("main", Ba, [
+          f("main", Ga, [
             b(_)
           ])
         ], 2),
-        b(x(Se), {
+        b(x(Te), {
           position: "left",
-          "overlay-instance": x(te).left,
+          "overlay-instance": x(se).left,
           onClose: $[4] || ($[4] = (w) => o("overlayClose", "left"))
         }, null, 8, ["overlay-instance"]),
-        b(x(Se), {
+        b(x(Te), {
           position: "right",
-          "overlay-instance": x(te).right,
+          "overlay-instance": x(se).right,
           onClose: $[5] || ($[5] = (w) => o("overlayClose", "right"))
         }, null, 8, ["overlay-instance"]),
-        b(x(so))
+        b(x(go))
       ], 64);
     };
   }
-}, Aa = {}, Fa = { class: "h-full" };
-function Oa(e, s) {
-  const t = A("router-view");
-  return m(), h("main", Fa, [
+}, Wa = {}, Ya = { class: "h-full" };
+function Xa(e, s) {
+  const t = O("router-view");
+  return m(), h("main", Ya, [
     b(t)
   ]);
 }
-const vn = /* @__PURE__ */ ee(Aa, [["render", Oa]]), za = (e) => {
+const En = /* @__PURE__ */ te(Wa, [["render", Xa]]), Ja = (e) => {
   const s = document.cookie.match(new RegExp(`(^| )${e}=([^;]+)`));
   return s ? s[2] : null;
-}, Da = (e, s, t = {}) => {
+}, Qa = (e, s, t = {}) => {
   const {
     maxAge: o = 31536e3,
     // 365 days in seconds
-    domain: l = Ze(),
+    domain: l = it(),
     secure: n = !0,
     sameSite: a = "Lax",
     path: c = "/"
   } = t;
   let r = `${e}=${s}; max-age=${o}; path=${c}; samesite=${a}`;
   l && (r += `; domain=${l}`), n && (r += "; secure"), document.cookie = r;
-}, ja = (e, s = {}) => {
-  const { domain: t = Ze(), path: o = "/" } = s;
+}, er = (e, s = {}) => {
+  const { domain: t = it(), path: o = "/" } = s;
   let l = `${e}=; max-age=0; path=${o}`;
   t && (l += `; domain=${t}`), document.cookie = l;
-}, Ze = () => {
+}, it = () => {
   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 Ia(e) {
-  qe.push(e);
+}, ct = [];
+function tr(e) {
+  ct.push(e);
 }
-function Na() {
-  qe.forEach((e) => e());
+function sr() {
+  ct.forEach((e) => e());
 }
-function bn(e) {
+function Fn(e) {
   let s = !1;
-  return Ia(() => {
+  return tr(() => {
     s = !1;
   }), {
     bootstrapApp: async () => {
@@ -3065,15 +3109,15 @@ const ve = "bolt-next-token", K = ue("auth", () => {
   }), s = (i = {}) => {
     i.endpoints && Object.assign(e.endpoints, i.endpoints), i.routes && Object.assign(e.routes, i.routes), i.devCredentials && Object.assign(e.devCredentials, i.devCredentials), i.callbacks && Object.assign(e.callbacks, i.callbacks), i.overrideToken && (e.overrideToken = i.overrideToken);
   }, t = (i) => {
-    Da(ve, i), e.token = i;
+    Qa(ve, i), e.token = i;
   }, o = () => {
-    ja(ve), e.token = null;
-  }, l = () => za(ve), n = async (i) => {
-    const u = await re.post(e.endpoints.login, i), d = u.headers.authorization;
+    er(ve), e.token = null;
+  }, l = () => Ja(ve), n = async (i) => {
+    const u = await ne.post(e.endpoints.login, i), d = u.headers.authorization;
     return t(d), e.user = u.data, e.callbacks.onLoginSuccess && await e.callbacks.onLoginSuccess(u.data), u.data;
   }, a = async () => {
     try {
-      await re.post(
+      await ne.post(
         e.endpoints.logout,
         {},
         {
@@ -3085,14 +3129,14 @@ const ve = "bolt-next-token", K = ue("auth", () => {
     } catch (i) {
       throw e.callbacks.onLogoutError && await e.callbacks.onLogoutError(i), i;
     } finally {
-      o(), e.user = null, Na();
+      o(), e.user = null, sr();
     }
   }, c = async () => {
     const i = e.overrideToken || l();
     if (!i)
       return e.ready = !0, null;
     try {
-      const { data: u } = await re.get(e.endpoints.fetch, {
+      const { data: u } = await ne.get(e.endpoints.fetch, {
         headers: {
           Authorization: `Bearer ${i}`
         }
@@ -3115,17 +3159,17 @@ const ve = "bolt-next-token", K = ue("auth", () => {
     clearTokenCookie: o,
     getTokenCookie: l
   };
-}), Za = { class: "h-full grid place-content-center relative" }, qa = { class: "absolute top-8 left-8" }, Ua = ["src"], Ka = {
+}), or = { class: "h-full grid place-content-center relative" }, ar = { class: "absolute top-8 left-8" }, rr = ["src"], nr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ga = { class: "max-w-sm grid gap-y-1 -mt-8" }, Wa = { class: "mb-7" }, Ya = { class: "text-gray-600" }, Xa = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, Ja = {
+}, lr = { class: "max-w-sm grid gap-y-1 -mt-8" }, ir = { class: "mb-7" }, cr = { class: "text-gray-600" }, ur = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, dr = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, Qa = { key: 0 }, er = { key: 1 }, tr = {
+}, pr = { key: 0 }, fr = { key: 1 }, mr = {
   __name: "SparkLoginView",
   props: {
     logo: {
@@ -3142,7 +3186,7 @@ const ve = "bolt-next-token", K = ue("auth", () => {
     }
   },
   setup(e) {
-    const s = J(), t = ne(), o = je(), l = K(), n = e, a = B(!1), c = B(""), r = async (i) => {
+    const s = Q(), t = le(), o = rt(), l = K(), n = e, a = F(!1), c = F(""), r = async (i) => {
       a.value = !0, c.value = "";
       try {
         await l.login(i);
@@ -3162,15 +3206,15 @@ const ve = "bolt-next-token", K = ue("auth", () => {
       }
     };
     return (i, u) => {
-      const d = A("FormKit"), p = A("router-link");
-      return m(), h("div", Za, [
-        f("div", qa, [
+      const d = O("FormKit"), p = O("router-link");
+      return m(), h("div", or, [
+        f("div", ar, [
           n.logo ? (m(), h("img", {
             key: 0,
             src: n.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Ua)) : (m(), h("svg", Ka, [...u[0] || (u[0] = [
+          }, null, 8, rr)) : (m(), h("svg", nr, [...u[0] || (u[0] = [
             f("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -3189,10 +3233,10 @@ const ve = "bolt-next-token", K = ue("auth", () => {
             }, null, -1)
           ])]))
         ]),
-        f("div", Ga, [
-          f("div", Wa, [
+        f("div", lr, [
+          f("div", ir, [
             u[1] || (u[1] = f("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Log in", -1)),
-            f("p", Ya, " Welcome back" + P(x(o).state.app ? ` to ${x(o).state.app}` : "") + "! Please enter your details. ", 1)
+            f("p", cr, " Welcome back" + L(x(o).state.app ? ` to ${x(o).state.app}` : "") + "! Please enter your details. ", 1)
           ]),
           b(d, {
             type: "form",
@@ -3218,7 +3262,7 @@ const ve = "bolt-next-token", K = ue("auth", () => {
                 "outer-class": "max-w-full",
                 value: x(l).state.devCredentials.password
               }, null, 8, ["value"]),
-              f("div", Xa, [
+              f("div", ur, [
                 u[3] || (u[3] = f("span", null, null, -1)),
                 b(p, {
                   to: n.forgotPasswordRoute,
@@ -3230,7 +3274,7 @@ const ve = "bolt-next-token", K = ue("auth", () => {
                   _: 1
                 }, 8, ["to"])
               ]),
-              c.value ? (m(), h("div", Ja, P(c.value), 1)) : L("", !0),
+              c.value ? (m(), h("div", dr, L(c.value), 1)) : P("", !0),
               b(x(G), {
                 type: "submit",
                 size: "xl",
@@ -3238,7 +3282,7 @@ const ve = "bolt-next-token", K = ue("auth", () => {
                 "button-class": "w-full mb-2"
               }, {
                 default: T(() => [
-                  a.value ? (m(), h("span", er, "Signing in...")) : (m(), h("span", Qa, "Sign in"))
+                  a.value ? (m(), h("span", fr, "Signing in...")) : (m(), h("span", pr, "Sign in"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -3249,7 +3293,7 @@ const ve = "bolt-next-token", K = ue("auth", () => {
       ]);
     };
   }
-}, sr = {
+}, hr = {
   __name: "SparkLogoutView",
   props: {
     defaultRedirect: {
@@ -3258,27 +3302,27 @@ const ve = "bolt-next-token", K = ue("auth", () => {
     }
   },
   setup(e) {
-    const s = J(), t = ne(), o = K(), l = e;
-    return xe(async () => {
+    const s = Q(), t = le(), o = K(), l = e;
+    return _e(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;
   }
-}, or = { class: "h-full grid place-content-center relative" }, ar = { class: "absolute top-8 left-8" }, rr = ["src"], nr = {
+}, gr = { class: "h-full grid place-content-center relative" }, yr = { class: "absolute top-8 left-8" }, vr = ["src"], br = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, lr = { class: "max-w-sm grid gap-y-1 -mt-8" }, ir = {
+}, xr = { class: "max-w-sm grid gap-y-1 -mt-8" }, kr = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, cr = {
+}, wr = {
   key: 1,
   class: "text-green-600 text-sm mb-2"
-}, ur = { key: 0 }, dr = { key: 1 }, pr = {
+}, _r = { key: 0 }, Sr = { key: 1 }, Cr = {
   __name: "SparkForgotPasswordView",
   props: {
     logo: {
@@ -3291,10 +3335,10 @@ const ve = "bolt-next-token", K = ue("auth", () => {
     }
   },
   setup(e) {
-    const s = K(), t = e, o = B(!1), l = B(""), n = B(""), a = async ({ email: c }) => {
+    const s = K(), t = e, o = F(!1), l = F(""), n = F(""), 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.";
+        await ne.post(s.state.endpoints.passwordEmail, { email: c }), n.value = "Password reset link sent! Check your email.";
       } catch (r) {
         l.value = r.response?.data?.message || "Failed to send reset link.";
       } finally {
@@ -3302,15 +3346,15 @@ const ve = "bolt-next-token", K = ue("auth", () => {
       }
     };
     return (c, r) => {
-      const i = A("FormKit"), u = A("router-link");
-      return m(), h("div", or, [
-        f("div", ar, [
+      const i = O("FormKit"), u = O("router-link");
+      return m(), h("div", gr, [
+        f("div", yr, [
           t.logo ? (m(), h("img", {
             key: 0,
             src: t.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, rr)) : (m(), h("svg", nr, [...r[0] || (r[0] = [
+          }, null, 8, vr)) : (m(), h("svg", br, [...r[0] || (r[0] = [
             f("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -3329,7 +3373,7 @@ const ve = "bolt-next-token", K = ue("auth", () => {
             }, null, -1)
           ])]))
         ]),
-        f("div", lr, [
+        f("div", xr, [
           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. ")
@@ -3348,8 +3392,8 @@ const ve = "bolt-next-token", K = ue("auth", () => {
                 validation: "required|email",
                 "outer-class": "max-w-full"
               }),
-              l.value ? (m(), h("div", ir, P(l.value), 1)) : L("", !0),
-              n.value ? (m(), h("div", cr, P(n.value), 1)) : L("", !0),
+              l.value ? (m(), h("div", kr, L(l.value), 1)) : P("", !0),
+              n.value ? (m(), h("div", wr, L(n.value), 1)) : P("", !0),
               b(x(G), {
                 type: "submit",
                 size: "xl",
@@ -3357,7 +3401,7 @@ const ve = "bolt-next-token", K = ue("auth", () => {
                 "button-class": "w-full mb-2"
               }, {
                 default: T(() => [
-                  o.value ? (m(), h("span", dr, "Sending...")) : (m(), h("span", ur, "Send reset link"))
+                  o.value ? (m(), h("span", Sr, "Sending...")) : (m(), h("span", _r, "Send reset link"))
                 ]),
                 _: 1
               }, 8, ["disabled"]),
@@ -3377,17 +3421,17 @@ const ve = "bolt-next-token", K = ue("auth", () => {
       ]);
     };
   }
-}, fr = { class: "h-full grid place-content-center relative" }, mr = { class: "absolute top-8 left-8" }, hr = ["src"], gr = {
+}, $r = { class: "h-full grid place-content-center relative" }, Tr = { class: "absolute top-8 left-8" }, Pr = ["src"], Lr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, yr = { class: "max-w-sm grid gap-y-1 -mt-8" }, vr = {
+}, Mr = { class: "max-w-sm grid gap-y-1 -mt-8" }, Hr = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, br = { key: 0 }, xr = { key: 1 }, kr = {
+}, Vr = { key: 0 }, Rr = { key: 1 }, Ar = {
   __name: "SparkResetPasswordView",
   props: {
     logo: {
@@ -3400,10 +3444,10 @@ const ve = "bolt-next-token", K = ue("auth", () => {
     }
   },
   setup(e) {
-    const s = J(), t = ne(), o = K(), l = e, n = B(!1), a = B(""), c = async ({ password: r, password_confirmation: i }) => {
+    const s = Q(), t = le(), o = K(), l = e, n = F(!1), a = F(""), c = async ({ password: r, password_confirmation: i }) => {
       n.value = !0, a.value = "";
       try {
-        await re.post(o.state.endpoints.passwordReset, {
+        await ne.post(o.state.endpoints.passwordReset, {
           email: t.query.email,
           token: t.query.token,
           password: r,
@@ -3416,15 +3460,15 @@ const ve = "bolt-next-token", K = ue("auth", () => {
       }
     };
     return (r, i) => {
-      const u = A("FormKit");
-      return m(), h("div", fr, [
-        f("div", mr, [
+      const u = O("FormKit");
+      return m(), h("div", $r, [
+        f("div", Tr, [
           l.logo ? (m(), h("img", {
             key: 0,
             src: l.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, hr)) : (m(), h("svg", gr, [...i[0] || (i[0] = [
+          }, null, 8, Pr)) : (m(), h("svg", Lr, [...i[0] || (i[0] = [
             f("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -3443,7 +3487,7 @@ const ve = "bolt-next-token", K = ue("auth", () => {
             }, null, -1)
           ])]))
         ]),
-        f("div", yr, [
+        f("div", Mr, [
           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. ")
@@ -3470,7 +3514,7 @@ const ve = "bolt-next-token", K = ue("auth", () => {
                 validation: "required|confirm:password",
                 "outer-class": "max-w-full"
               }),
-              a.value ? (m(), h("div", vr, P(a.value), 1)) : L("", !0),
+              a.value ? (m(), h("div", Hr, L(a.value), 1)) : P("", !0),
               b(x(G), {
                 type: "submit",
                 size: "xl",
@@ -3478,7 +3522,7 @@ const ve = "bolt-next-token", K = ue("auth", () => {
                 "button-class": "w-full mb-2"
               }, {
                 default: T(() => [
-                  n.value ? (m(), h("span", xr, "Resetting...")) : (m(), h("span", br, "Reset password"))
+                  n.value ? (m(), h("span", Rr, "Resetting...")) : (m(), h("span", Vr, "Reset password"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -3489,14 +3533,14 @@ const ve = "bolt-next-token", K = ue("auth", () => {
       ]);
     };
   }
-}, wr = { class: "h-full grid place-content-center relative" }, _r = { class: "absolute top-8 left-8" }, Sr = ["src"], Cr = {
+}, Er = { class: "h-full grid place-content-center relative" }, Fr = { class: "absolute top-8 left-8" }, Or = ["src"], Br = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, $r = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Tr = { class: "flex gap-4 justify-center" }, Lr = {
+}, Dr = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, zr = { class: "flex gap-4 justify-center" }, jr = {
   __name: "SparkError403View",
   props: {
     logo: {
@@ -3509,17 +3553,17 @@ const ve = "bolt-next-token", K = ue("auth", () => {
     }
   },
   setup(e) {
-    const s = J(), t = e, o = () => {
+    const s = Q(), t = e, o = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (m(), h("div", wr, [
-      f("div", _r, [
+    return (l, n) => (m(), h("div", Er, [
+      f("div", Fr, [
         t.logo ? (m(), h("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, Sr)) : (m(), h("svg", Cr, [...n[0] || (n[0] = [
+        }, null, 8, Or)) : (m(), h("svg", Br, [...n[0] || (n[0] = [
           f("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -3538,7 +3582,7 @@ const ve = "bolt-next-token", K = ue("auth", () => {
           }, null, -1)
         ])]))
       ]),
-      f("div", $r, [
+      f("div", Dr, [
         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 "),
@@ -3548,7 +3592,7 @@ const ve = "bolt-next-token", K = ue("auth", () => {
             E(" If you believe this is an error, please contact your administrator. ")
           ])
         ], -1)),
-        f("div", Tr, [
+        f("div", zr, [
           b(x(G), {
             onClick: o,
             size: "lg"
@@ -3562,14 +3606,14 @@ const ve = "bolt-next-token", K = ue("auth", () => {
       ])
     ]));
   }
-}, Pr = { class: "h-full grid place-content-center relative" }, Mr = { class: "absolute top-8 left-8" }, Hr = ["src"], Vr = {
+}, Ir = { class: "h-full grid place-content-center relative" }, Nr = { class: "absolute top-8 left-8" }, Zr = ["src"], qr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Rr = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Er = { class: "flex gap-4 justify-center" }, Br = {
+}, Ur = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Kr = { class: "flex gap-4 justify-center" }, Gr = {
   __name: "SparkError404View",
   props: {
     logo: {
@@ -3582,17 +3626,17 @@ const ve = "bolt-next-token", K = ue("auth", () => {
     }
   },
   setup(e) {
-    const s = J(), t = e, o = () => {
+    const s = Q(), t = e, o = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (m(), h("div", Pr, [
-      f("div", Mr, [
+    return (l, n) => (m(), h("div", Ir, [
+      f("div", Nr, [
         t.logo ? (m(), h("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, Hr)) : (m(), h("svg", Vr, [...n[0] || (n[0] = [
+        }, null, 8, Zr)) : (m(), h("svg", qr, [...n[0] || (n[0] = [
           f("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -3611,13 +3655,13 @@ const ve = "bolt-next-token", K = ue("auth", () => {
           }, null, -1)
         ])]))
       ]),
-      f("div", Rr, [
+      f("div", Ur, [
         n[2] || (n[2] = f("div", null, [
           f("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "404"),
           f("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Page Not Found "),
           f("p", { class: "text-gray-600" }, " The page you're looking for doesn't exist or has been moved. ")
         ], -1)),
-        f("div", Er, [
+        f("div", Kr, [
           b(x(G), {
             onClick: o,
             size: "lg"
@@ -3631,14 +3675,14 @@ const ve = "bolt-next-token", K = ue("auth", () => {
       ])
     ]));
   }
-}, Ar = { class: "h-full grid place-content-center relative" }, Fr = { class: "absolute top-8 left-8" }, Or = ["src"], zr = {
+}, Wr = { class: "h-full grid place-content-center relative" }, Yr = { class: "absolute top-8 left-8" }, Xr = ["src"], Jr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Dr = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, jr = { class: "text-primary-600 text-7xl font-bold mb-4" }, Ir = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, Nr = { class: "text-gray-600" }, Zr = { class: "flex gap-4 justify-center" }, xn = {
+}, Qr = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, en = { class: "text-primary-600 text-7xl font-bold mb-4" }, tn = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, sn = { class: "text-gray-600" }, on = { class: "flex gap-4 justify-center" }, On = {
   __name: "SparkErrorGeneralView",
   props: {
     logo: {
@@ -3663,17 +3707,17 @@ const ve = "bolt-next-token", K = ue("auth", () => {
     }
   },
   setup(e) {
-    const s = J(), t = e, o = () => {
+    const s = Q(), t = e, o = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (m(), h("div", Ar, [
-      f("div", Fr, [
+    return (l, n) => (m(), h("div", Wr, [
+      f("div", Yr, [
         t.logo ? (m(), h("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, Or)) : (m(), h("svg", zr, [...n[0] || (n[0] = [
+        }, null, 8, Xr)) : (m(), h("svg", Jr, [...n[0] || (n[0] = [
           f("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -3692,13 +3736,13 @@ const ve = "bolt-next-token", K = ue("auth", () => {
           }, null, -1)
         ])]))
       ]),
-      f("div", Dr, [
+      f("div", Qr, [
         f("div", null, [
-          f("div", jr, P(t.errorCode || "Error"), 1),
-          f("h1", Ir, P(t.title || "Something went wrong"), 1),
-          f("p", Nr, P(t.message || "An unexpected error occurred. Please try again later."), 1)
+          f("div", en, L(t.errorCode || "Error"), 1),
+          f("h1", tn, L(t.title || "Something went wrong"), 1),
+          f("p", sn, L(t.message || "An unexpected error occurred. Please try again later."), 1)
         ]),
-        f("div", Zr, [
+        f("div", on, [
           b(x(G), {
             onClick: o,
             size: "lg"
@@ -3713,7 +3757,7 @@ const ve = "bolt-next-token", K = ue("auth", () => {
     ]));
   }
 };
-function kn(e = {}) {
+function Bn(e = {}) {
   const {
     loginPath: s = "/login",
     logoutPath: t = "/logout",
@@ -3726,41 +3770,41 @@ function kn(e = {}) {
     {
       path: s,
       name: "login",
-      component: tr,
+      component: mr,
       props: { logo: n, defaultRedirect: a },
       meta: { auth: !1 }
     },
     {
       path: t,
       name: "logout",
-      component: sr,
+      component: hr,
       props: { defaultRedirect: s },
       meta: { auth: !1 }
     },
     {
       path: o,
       name: "forgot-password",
-      component: pr,
+      component: Cr,
       props: { logo: n, loginRoute: s },
       meta: { auth: !1 }
     },
     {
       path: l,
       name: "password-reset",
-      component: kr,
+      component: Ar,
       props: { logo: n, loginRoute: s },
       meta: { auth: !1 }
     }
   ];
 }
-function wn(e, s = {}) {
+function Dn(e, s = {}) {
   const { defaultAuthenticatedRoute: t = "/dashboard" } = s;
   e.beforeEach(async (o, l, n) => {
     const a = K();
-    a.state.ready || await a.fetchUser(), qr(o, n, a, t);
+    a.state.ready || await a.fetchUser(), an(o, n, a, t);
   });
 }
-function qr(e, s, t, o) {
+function an(e, s, t, o) {
   const l = e.meta.auth !== !1, n = t.check;
   if (t.state.overrideToken && e.path === "/logout") {
     s({ path: o });
@@ -3798,7 +3842,7 @@ function qr(e, s, t, o) {
     s();
   }
 }
-function _n(e = {}) {
+function zn(e = {}) {
   const {
     forbiddenPath: s = "/error/403",
     logo: t = "",
@@ -3807,12 +3851,12 @@ function _n(e = {}) {
   return {
     path: s,
     name: "error-403",
-    component: Lr,
+    component: jr,
     props: { logo: t, homeRoute: o },
     meta: { auth: !1 }
   };
 }
-function Sn(e = {}) {
+function jn(e = {}) {
   const {
     logo: s = "",
     homeRoute: t = "/dashboard"
@@ -3820,12 +3864,12 @@ function Sn(e = {}) {
   return {
     path: "/:pathMatch(.*)*",
     name: "error-404",
-    component: Br,
+    component: Gr,
     props: { logo: s, homeRoute: t },
     meta: { auth: !1 }
   };
 }
-function Cn(e, s) {
+function In(e, s) {
   e.beforeResolve(async (t) => {
     if (t.meta.auth !== !1) {
       const o = K();
@@ -3833,8 +3877,8 @@ function Cn(e, s) {
     }
   });
 }
-function Ur(e = {}) {
-  const s = re.create({
+function rn(e = {}) {
+  const s = ne.create({
     baseURL: e.baseURL || "",
     timeout: e.timeout || 3e4,
     headers: {
@@ -3873,21 +3917,21 @@ function Ur(e = {}) {
     }
   ), s;
 }
-let ae = null;
-function $n(e, s = {}) {
-  return ae = Ur(s), e.provide("axios", ae), e.config.globalProperties.$axios = ae, ae;
+let re = null;
+function Nn(e, s = {}) {
+  return re = rn(s), e.provide("axios", re), e.config.globalProperties.$axios = re, re;
 }
-function Tn() {
-  if (!ae)
+function Zn() {
+  if (!re)
     throw new Error("Axios instance not initialized. Call setupAxios() first.");
-  return ae;
+  return re;
 }
-const Ln = ue("sparkNav", () => {
+const qn = ue("sparkNav", () => {
   const e = q({
     menu: [],
     collapsed: !1,
     hidden: !1
-  }), s = J(), t = ne(), o = (i = []) => {
+  }), s = Q(), t = le(), o = (i = []) => {
     e.menu = i, r();
   }, l = (i, u) => {
     for (const d of i) {
@@ -3938,64 +3982,67 @@ const Ln = ue("sparkNav", () => {
   };
 });
 export {
-  F as Icons,
-  se as SparkAlert,
-  ks as SparkAppSelector,
-  Zs as SparkBrandSelector,
+  A as Icons,
+  oe as SparkAlert,
+  As as SparkAppSelector,
+  oo as SparkBrandSelector,
   G as SparkButton,
-  Us as SparkButtonGroup,
-  hn as SparkCard,
-  yn as SparkDefaultContainer,
-  Lr as SparkError403View,
-  Br as SparkError404View,
-  xn as SparkErrorGeneralView,
-  pr as SparkForgotPasswordView,
-  tr as SparkLoginView,
-  sr as SparkLogoutView,
-  so as SparkModalContainer,
-  Js as SparkModalDialog,
-  fn as SparkNotificationOutlet,
-  Se as SparkOverlay,
-  vn as SparkPublicContainer,
-  kr as SparkResetPasswordView,
-  gn as SparkTable,
-  na as SparkTableDatePicker,
-  oa as SparkTableFilterButtons,
-  Qo as SparkTableFilterSelect,
-  Zo as SparkTablePaginationPaging,
-  Ko as SparkTablePaginationPerPage,
-  ua as SparkTableReset,
-  Yo as SparkTableSearch,
-  Pe as SparkTableToolbar,
-  mn as SparkToastContainer,
-  dn as addIcons,
-  _n as create403Route,
-  Sn as create404Route,
-  kn as createAuthRoutes,
-  Ur as createAxiosInstance,
-  bn as createBootstrapService,
-  io as customiseHeader,
-  ja as deleteCookie,
-  $o as formatTemporal,
-  Tn as getAxiosInstance,
-  za as getCookie,
-  Ze as getDomain,
-  To as parseDatetime,
-  ao as renderHeaderTitle,
-  Da as setCookie,
-  wn as setupAuthGuards,
-  $n as setupAxios,
-  Cn as setupBootstrapGuard,
-  pn as setupFontAwesome,
-  oe as sparkModalService,
+  ro as SparkButtonGroup,
+  Vn as SparkCard,
+  An as SparkDefaultContainer,
+  jr as SparkError403View,
+  Gr as SparkError404View,
+  On as SparkErrorGeneralView,
+  Cr as SparkForgotPasswordView,
+  mr as SparkLoginView,
+  hr as SparkLogoutView,
+  go as SparkModalContainer,
+  po as SparkModalDialog,
+  Mn as SparkNotificationOutlet,
+  Te as SparkOverlay,
+  En as SparkPublicContainer,
+  Ar as SparkResetPasswordView,
+  Rn as SparkTable,
+  ba as SparkTableDatePicker,
+  ga as SparkTableFilterButtons,
+  pa as SparkTableFilterSelect,
+  oa as SparkTablePaginationPaging,
+  na as SparkTablePaginationPerPage,
+  _a as SparkTableReset,
+  ca as SparkTableSearch,
+  Ve as SparkTableToolbar,
+  Hn as SparkToastContainer,
+  Pn as addIcons,
+  zn as create403Route,
+  jn as create404Route,
+  Bn as createAuthRoutes,
+  rn as createAxiosInstance,
+  Fn as createBootstrapService,
+  wo as customiseHeader,
+  er as deleteCookie,
+  $n as formKitGenesisOverride,
+  Tn as formKitIconLoader,
+  Cn as formKitIcons,
+  Do as formatTemporal,
+  Zn as getAxiosInstance,
+  Ja as getCookie,
+  it as getDomain,
+  zo as parseDatetime,
+  vo as renderHeaderTitle,
+  Qa as setCookie,
+  Dn as setupAuthGuards,
+  Nn as setupAxios,
+  In as setupBootstrapGuard,
+  Ln as setupFontAwesome,
+  ae as sparkModalService,
   X as sparkNotificationService,
-  te as sparkOverlayService,
-  Ho as updateRow,
-  De as useSparkAppSelectorStore,
-  je as useSparkAppStore,
+  se as sparkOverlayService,
+  Zo as updateRow,
+  at as useSparkAppSelectorStore,
+  rt as useSparkAppStore,
   K as useSparkAuthStore,
-  Ne as useSparkBrandFilterStore,
-  Ln as useSparkNavStore,
-  He as useSparkOverlay,
-  Vo as useSparkTableRouteSync
+  lt as useSparkBrandFilterStore,
+  qn as useSparkNavStore,
+  Ae as useSparkOverlay,
+  qo as useSparkTableRouteSync
 };