@wishbone-media/spark 0.30.1 → 0.31.0

package/dist/index.js

@@ -1,67 +1,68 @@
-import { computed as $, resolveComponent as E, createElementBlock as y, openBlock as h, normalizeClass as V, createElementVNode as m, createCommentVNode as T, createVNode as S, unref as C, renderSlot as O, reactive as K, Fragment as D, renderList as B, toDisplayString as M, createBlock as H, resolveDynamicComponent as Z, markRaw as ce, ref as R, watch as j, onMounted as ye, Transition as ht, withCtx as L, normalizeProps as gt, mergeProps as q, createTextVNode as A, Teleport as yt, TransitionGroup as ue, inject as $e, provide as vt, withModifiers as U, toHandlers as Oe, useSlots as Be, onUnmounted as ze, withDirectives as bt, vShow as xt, h as Te } from "vue";
+import { computed as $, resolveComponent as A, createElementBlock as y, openBlock as h, normalizeClass as V, createElementVNode as m, createCommentVNode as T, createVNode as S, unref as C, renderSlot as O, reactive as K, Fragment as D, renderList as B, toDisplayString as M, createBlock as H, resolveDynamicComponent as Z, markRaw as ce, ref as R, watch as j, onMounted as ye, Transition as ht, withCtx as L, normalizeProps as gt, mergeProps as q, createTextVNode as E, Teleport as yt, TransitionGroup as ue, inject as $e, provide as vt, withModifiers as U, toHandlers as Oe, useSlots as Be, onUnmounted as ze, withDirectives as bt, vShow as xt, h as Te } from "vue";
 import { icon as te, library as je } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon as he } from "@fortawesome/vue-fontawesome";
-import { faCircleDot as Ne, faEyeDropper as Ze, faAnglesLeft as qe, faAnglesRight as Ue, faStar as Ke, faSpinnerThird as We, faCircle as kt, faFile as we, faCalendar as Ge, faArrowUp as Ye, faArrowDown as Xe, faPlus as Je, faCircleCheck as wt, faInbox as _t, faCloudDownload as Ct, faBolt as St, faUndo as $t, faEye as Tt, faSignOut as Lt, faXmark as _e, faTrash as Qe, faTimes as Pt, faStreetView as Mt, faSortUp as Vt, faSortDown as Ht, faSort as Rt, faScaleBalanced as Ft, faSatelliteDish as Dt, faLayerPlus as Et, faLaptopMobile as At, faInfoCircle as It, faGripDotsVertical as et, faGearComplex as Ot, faFlag as Bt, faFaceSmileWink as zt, faFaceSmileRelaxed as jt, faExclamationTriangle as Nt, faEllipsisVertical as Zt, faEllipsis as qt, faEdit as Ut, faComments as Kt, faCircleXmark as Wt, faCircleUser as Gt, faChevronUp as Yt, faChevronRight as tt, faChevronLeft as st, faChevronDown as at, faCheckCircle as Xt, faCheck as Ce, faBullhorn as Jt, faBellRing as Qt, faBarsSort as es, faArrowRightToLine as ts, faArrowLeftToLine as ss } from "@fortawesome/pro-regular-svg-icons";
-import { faSortUp as as, faSortDown as os, faSort as rs } from "@fortawesome/pro-duotone-svg-icons";
+import { faCircleDot as Ne, faEyeDropper as Ze, faAnglesLeft as qe, faAnglesRight as Ue, faStar as Ke, faSpinnerThird as We, faCircle as kt, faFile as we, faCalendar as Ge, faArrowUp as Ye, faArrowDown as Xe, faPlus as Je, faCircleCheck as wt, faInbox as _t, faCloudArrowUp as Ct, faCloudDownload as St, faBolt as $t, faUndo as Tt, faEye as Lt, faSignOut as Pt, faXmark as _e, faTrash as Qe, faTimes as Mt, faStreetView as Vt, faSortUp as Ht, faSortDown as Rt, faSort as Ft, faScaleBalanced as Dt, faSatelliteDish as At, faLayerPlus as Et, faLaptopMobile as It, faInfoCircle as Ot, faGripDotsVertical as et, faGearComplex as Bt, faFlag as zt, faFaceSmileWink as jt, faFaceSmileRelaxed as Nt, faExclamationTriangle as Zt, faEllipsisVertical as qt, faEllipsis as Ut, faEdit as Kt, faComments as Wt, faCircleXmark as Gt, faCircleUser as Yt, faChevronUp as Xt, faChevronRight as tt, faChevronLeft as st, faChevronDown as at, faCheckCircle as Jt, faCheck as Ce, faBullhorn as Qt, faBellRing as es, faBarsSort as ts, faArrowRightToLine as ss, faArrowLeftToLine as as } from "@fortawesome/pro-regular-svg-icons";
+import { faSortUp as os, faSortDown as rs, faSort as ns } from "@fortawesome/pro-duotone-svg-icons";
 import { defineStore as pe } from "pinia";
-import { useRoute as se, useRouter as W, onBeforeRouteLeave as ns } from "vue-router";
+import { useRoute as se, useRouter as W, onBeforeRouteLeave as ls } from "vue-router";
 import { TransitionRoot as ot, Dialog as rt, TransitionChild as ge, DialogPanel as nt } from "@headlessui/vue";
 import ve from "nprogress";
-import { range as ls, get as ee, find as is, has as cs } from "lodash";
-import { HotTable as us } from "@handsontable/vue3";
+import { range as is, get as ee, find as cs, has as us } from "lodash";
+import { HotTable as ds } from "@handsontable/vue3";
 import "handsontable/styles/handsontable.css";
 import "handsontable/styles/ht-theme-classic.css";
-import { registerPlugin as me, AutoColumnSize as ds, CopyPaste as ps, StretchColumns as fs, NestedHeaders as ms } from "handsontable/plugins";
-import { registerAllCellTypes as hs } from "handsontable/cellTypes";
+import { registerPlugin as me, AutoColumnSize as ps, CopyPaste as fs, StretchColumns as ms, NestedHeaders as hs } from "handsontable/plugins";
+import { registerAllCellTypes as gs } from "handsontable/cellTypes";
 import { useDebounceFn as lt, watchDebounced as Le } from "@vueuse/core";
-import { registerRenderer as gs, baseRenderer as ys } from "handsontable/renderers";
+import { registerRenderer as ys, baseRenderer as vs } from "handsontable/renderers";
 import le from "axios";
 const F = {
-  farArrowLeftToLine: ss,
-  farArrowRightToLine: ts,
-  farBarsSort: es,
-  farBellRing: Qt,
-  farBullhorn: Jt,
+  farArrowLeftToLine: as,
+  farArrowRightToLine: ss,
+  farBarsSort: ts,
+  farBellRing: es,
+  farBullhorn: Qt,
   farCheck: Ce,
-  farCheckCircle: Xt,
+  farCheckCircle: Jt,
   farChevronDown: at,
   farChevronLeft: st,
   farChevronRight: tt,
-  farChevronUp: Yt,
-  farCircleUser: Gt,
-  farCircleXmark: Wt,
-  farComments: Kt,
-  farEdit: Ut,
-  farEllipsis: qt,
-  farEllipsisVertical: Zt,
-  farExclamationTriangle: Nt,
-  farFaceSmileRelaxed: jt,
-  farFaceSmileWink: zt,
-  farFlag: Bt,
-  farGearComplex: Ot,
+  farChevronUp: Xt,
+  farCircleUser: Yt,
+  farCircleXmark: Gt,
+  farComments: Wt,
+  farEdit: Kt,
+  farEllipsis: Ut,
+  farEllipsisVertical: qt,
+  farExclamationTriangle: Zt,
+  farFaceSmileRelaxed: Nt,
+  farFaceSmileWink: jt,
+  farFlag: zt,
+  farGearComplex: Bt,
   farGripDotsVertical: et,
-  farInfoCircle: It,
-  farLaptopMobile: At,
+  farInfoCircle: Ot,
+  farLaptopMobile: It,
   farLayerPlus: Et,
-  farSatelliteDish: Dt,
-  farScaleBalanced: Ft,
-  farSort: Rt,
-  farSortDown: Ht,
-  farSortUp: Vt,
-  farStreetView: Mt,
-  farTimes: Pt,
+  farSatelliteDish: At,
+  farScaleBalanced: Dt,
+  farSort: Ft,
+  farSortDown: Rt,
+  farSortUp: Ht,
+  farStreetView: Vt,
+  farTimes: Mt,
   farTrash: Qe,
   farXmark: _e,
-  farSignOut: Lt,
-  farEye: Tt,
-  farUndo: $t,
-  farBolt: St,
-  farCloudDownload: Ct,
+  farSignOut: Pt,
+  farEye: Lt,
+  farUndo: Tt,
+  farBolt: $t,
+  farCloudDownload: St,
+  farCloudArrowUp: Ct,
   farInbox: _t,
   farCircleCheck: wt,
-  fadSort: rs,
-  fadSortDown: os,
-  fadSortUp: as,
+  fadSort: ns,
+  fadSortDown: rs,
+  fadSortUp: os,
   // Additional icons for FormKit genesis replacement
   farPlus: Je,
   farArrowDown: Xe,
@@ -75,12 +76,12 @@ const F = {
   farAnglesLeft: qe,
   farEyeDropper: Ze,
   farCircleDot: Ne
-}, Zn = Object.fromEntries(
+}, qn = Object.fromEntries(
   Object.entries(F).map(([e, s]) => {
     const t = te(s);
     return [e, t?.html?.[0] || ""];
   })
-), vs = {
+), bs = {
   add: Je,
   arrowDown: Xe,
   arrowUp: Ye,
@@ -103,13 +104,13 @@ const F = {
   left: st,
   rewind: qe,
   color: Ze
-}, qn = Object.fromEntries(
-  Object.entries(vs).map(([e, s]) => {
+}, Un = Object.fromEntries(
+  Object.entries(bs).map(([e, s]) => {
     const t = te(s);
     return [e, t?.html?.[0] || ""];
   })
 );
-function Un(e) {
+function Kn(e) {
   const s = F[e];
   if (s) {
     const t = te(s);
@@ -117,16 +118,16 @@ function Un(e) {
   }
   return Promise.resolve(void 0);
 }
-function Kn(e) {
+function Wn(e) {
   Object.assign(F, e), je.add(...Object.values(e));
 }
-function Wn(e) {
+function Gn(e) {
   je.add(...Object.values(F)), e.component("FontAwesomeIcon", he);
 }
-const bs = { class: "flex items-center" }, xs = { class: "shrink-0 self-start" }, ks = { class: "ml-3" }, ws = {
+const xs = { class: "flex items-center" }, ks = { class: "shrink-0 self-start" }, ws = { class: "ml-3" }, _s = {
   key: 0,
   class: "ml-auto pl-3 pt-1 self-start"
-}, _s = { class: "-mx-1.5 -my-1.5" }, re = {
+}, Cs = { class: "-mx-1.5 -my-1.5" }, re = {
   __name: "SparkAlert",
   props: {
     type: {
@@ -163,22 +164,22 @@ const bs = { class: "flex items-center" }, xs = { class: "shrink-0 self-start" }
       info: "text-blue-400 hover:bg-blue-100"
     })[s.type]);
     return (o, i) => {
-      const n = E("font-awesome-icon");
+      const n = A("font-awesome-icon");
       return h(), y("div", {
         class: V(["rounded-md border p-4", t.value])
       }, [
-        m("div", bs, [
-          m("div", xs, [
+        m("div", xs, [
+          m("div", ks, [
             S(n, {
               icon: C(F)[l.value],
               class: V(a.value)
             }, null, 8, ["icon", "class"])
           ]),
-          m("div", ks, [
+          m("div", ws, [
             O(o.$slots, "default")
           ]),
-          e.closeable ? (h(), y("div", ws, [
-            m("div", _s, [
+          e.closeable ? (h(), y("div", _s, [
+            m("div", Cs, [
               m("button", {
                 type: "button",
                 class: V(["inline-flex rounded-md px-2 py-1.5", r.value]),
@@ -302,16 +303,16 @@ const bs = { class: "flex items-center" }, xs = { class: "shrink-0 self-start" }
       e.app = t.app || "", e.homeRoute = t.homeRoute ?? "dashboard", e.showBrandSelector = t.showBrandSelector ?? !0, e.showAppSelector = t.showAppSelector ?? !0;
     }
   };
-}), Cs = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Ss = { class: "flex flex-1 flex-col" }, $s = { class: "divide-y divide-gray-200" }, Ts = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Ls = { class: "ml-auto flex items-center" }, Ps = ["href", "onClick"], Ms = { class: "gap-y-1" }, Vs = { class: "text-base text-gray-800 flex items-center" }, Hs = { class: "font-medium" }, Rs = {
+}), Ss = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, $s = { class: "flex flex-1 flex-col" }, Ts = { class: "divide-y divide-gray-200" }, Ls = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Ps = { class: "ml-auto flex items-center" }, Ms = ["href", "onClick"], Vs = { class: "gap-y-1" }, Hs = { class: "text-base text-gray-800 flex items-center" }, Rs = { class: "font-medium" }, Fs = {
   key: 0,
   class: "inline-flex items-center rounded-full bg-green-100 px-1.5 py-0.5 text-xs font-medium text-green-700 ml-1"
-}, Fs = { class: "text-sm text-gray-500" }, Ds = { class: "ml-auto flex items-center" }, Es = { class: "mt-auto" }, As = {
+}, Ds = { class: "text-sm text-gray-500" }, As = { class: "ml-auto flex items-center" }, Es = { class: "mt-auto" }, Is = {
   key: 0,
   class: "p-6"
-}, Is = {
+}, Os = {
   key: 1,
   class: "bg-gray-50 p-6"
-}, Os = {
+}, Bs = {
   __name: "SparkAppSelector",
   props: {
     bottomSlot: {
@@ -335,13 +336,13 @@ const bs = { class: "flex items-center" }, xs = { class: "shrink-0 self-start" }
       t("select", i);
     };
     return (i, n) => {
-      const c = E("font-awesome-icon");
-      return h(), y("div", Cs, [
-        m("div", Ss, [
-          m("div", $s, [
-            m("div", Ts, [
+      const c = A("font-awesome-icon");
+      return h(), y("div", Ss, [
+        m("div", $s, [
+          m("div", Ts, [
+            m("div", Ls, [
               n[1] || (n[1] = m("div", null, "Mr Group Network", -1)),
-              m("div", Ls, [
+              m("div", Ps, [
                 S(c, {
                   icon: C(F).farTimes,
                   class: "h-[15px] w-[15px] shrink-0 text-gray-400 cursor-pointer",
@@ -356,29 +357,29 @@ const bs = { class: "flex items-center" }, xs = { class: "shrink-0 self-start" }
               class: V([d.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
               onClick: (p) => d.current ? p.preventDefault() : o(d)
             }, [
-              m("div", Ms, [
-                m("div", Vs, [
-                  m("div", Hs, M(d.name), 1),
-                  d.current ? (h(), y("span", Rs, " Active ")) : T("", !0)
+              m("div", Vs, [
+                m("div", Hs, [
+                  m("div", Rs, M(d.name), 1),
+                  d.current ? (h(), y("span", Fs, " Active ")) : T("", !0)
                 ]),
-                m("div", Fs, M(d.description), 1)
+                m("div", Ds, M(d.description), 1)
               ]),
-              m("div", Ds, [
+              m("div", As, [
                 S(c, {
                   class: V([d.current ? "text-gray-700" : "text-gray-400", "h-5 w-5 shrink-0"]),
                   icon: C(F)[d.icon]
                 }, null, 8, ["class", "icon"])
               ])
-            ], 10, Ps))), 128)),
+            ], 10, Ms))), 128)),
             n[2] || (n[2] = m("div", null, null, -1))
           ]),
           m("div", Es, [
-            i.$slots.bottom || e.bottomSlot ? (h(), y("div", As, [
+            i.$slots.bottom || e.bottomSlot ? (h(), y("div", Is, [
               O(i.$slots, "bottom", {}, () => [
                 e.bottomSlot ? (h(), H(Z(e.bottomSlot), { key: 0 })) : T("", !0)
               ])
             ])) : T("", !0),
-            i.$slots.footer || e.footerSlot ? (h(), y("div", Is, [
+            i.$slots.footer || e.footerSlot ? (h(), y("div", Os, [
               O(i.$slots, "footer", {}, () => [
                 e.footerSlot ? (h(), H(Z(e.footerSlot), { key: 0 })) : T("", !0)
               ])
@@ -395,7 +396,7 @@ const bs = { class: "flex items-center" }, xs = { class: "shrink-0 self-start" }
   danger: 0
   // sticky by default
 }, Pe = ["top-left", "top-right", "center", "bottom-left", "bottom-right"];
-function Bs() {
+function zs() {
   const e = K({
     isVisible: !1,
     type: "info",
@@ -451,7 +452,7 @@ function Bs() {
     }
   };
 }
-class zs {
+class js {
   constructor() {
     this.outlets = /* @__PURE__ */ new Map(), this.toastState = K({
       toasts: [],
@@ -469,7 +470,7 @@ class zs {
    * @returns {Object} Notification outlet instance
    */
   getOutlet(s = "default") {
-    return this.outlets.has(s) || this.outlets.set(s, Bs()), this.outlets.get(s);
+    return this.outlets.has(s) || this.outlets.set(s, zs()), this.outlets.get(s);
   }
   /**
    * Show a banner notification in the specified outlet
@@ -665,7 +666,7 @@ class zs {
     t && (t.timeout && clearTimeout(t.timeout), this._toastTimers.delete(s));
   }
 }
-const z = new zs(), Gn = {
+const z = new js(), Yn = {
   __name: "SparkNotificationOutlet",
   props: {
     name: {
@@ -725,7 +726,7 @@ const z = new zs(), Gn = {
         }, {
           default: L(() => [
             a.value.state.component ? (h(), H(Z(a.value.state.component), gt(q({ key: 0 }, a.value.state.props)), null, 16)) : (h(), y(D, { key: 1 }, [
-              A(M(a.value.state.message), 1)
+              E(M(a.value.state.message), 1)
             ], 64))
           ]),
           _: 1
@@ -734,7 +735,7 @@ const z = new zs(), Gn = {
       _: 1
     }));
   }
-}, js = { class: "fixed top-4 left-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, Ns = { class: "fixed top-4 right-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, Zs = { 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" }, qs = { class: "fixed bottom-4 left-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, Us = { class: "fixed bottom-4 right-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, Yn = {
+}, Ns = { class: "fixed top-4 left-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, Zs = { class: "fixed top-4 right-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, qs = { 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" }, Us = { class: "fixed bottom-4 left-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, Ks = { class: "fixed bottom-4 right-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, Xn = {
   __name: "SparkToastContainer",
   setup(e) {
     const s = z.toastState, t = $(
@@ -755,7 +756,7 @@ const z = new zs(), Gn = {
       z.resumeToast(d);
     };
     return (d, p) => (h(), H(yt, { to: "body" }, [
-      m("div", js, [
+      m("div", Ns, [
         S(ue, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 -translate-x-4",
@@ -781,7 +782,7 @@ const z = new zs(), Gn = {
                     key: 0,
                     ref_for: !0
                   }, f.props), null, 16)) : (h(), y(D, { key: 1 }, [
-                    A(M(f.message), 1)
+                    E(M(f.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -791,7 +792,7 @@ const z = new zs(), Gn = {
           _: 1
         })
       ]),
-      m("div", Ns, [
+      m("div", Zs, [
         S(ue, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 translate-x-4",
@@ -817,7 +818,7 @@ const z = new zs(), Gn = {
                     key: 0,
                     ref_for: !0
                   }, f.props), null, 16)) : (h(), y(D, { key: 1 }, [
-                    A(M(f.message), 1)
+                    E(M(f.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -827,7 +828,7 @@ const z = new zs(), Gn = {
           _: 1
         })
       ]),
-      m("div", Zs, [
+      m("div", qs, [
         S(ue, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 scale-95",
@@ -853,7 +854,7 @@ const z = new zs(), Gn = {
                     key: 0,
                     ref_for: !0
                   }, f.props), null, 16)) : (h(), y(D, { key: 1 }, [
-                    A(M(f.message), 1)
+                    E(M(f.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -863,7 +864,7 @@ const z = new zs(), Gn = {
           _: 1
         })
       ]),
-      m("div", qs, [
+      m("div", Us, [
         S(ue, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 -translate-x-4",
@@ -889,7 +890,7 @@ const z = new zs(), Gn = {
                     key: 0,
                     ref_for: !0
                   }, f.props), null, 16)) : (h(), y(D, { key: 1 }, [
-                    A(M(f.message), 1)
+                    E(M(f.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -899,7 +900,7 @@ const z = new zs(), Gn = {
           _: 1
         })
       ]),
-      m("div", Us, [
+      m("div", Ks, [
         S(ue, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 translate-x-4",
@@ -925,7 +926,7 @@ const z = new zs(), Gn = {
                     key: 0,
                     ref_for: !0
                   }, f.props), null, 16)) : (h(), y(D, { key: 1 }, [
-                    A(M(f.message), 1)
+                    E(M(f.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -981,13 +982,13 @@ const z = new zs(), Gn = {
       paths: ["state.brands"]
     }
   }
-), Ks = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Ws = { class: "flex flex-1 flex-col" }, Gs = { class: "divide-y divide-gray-200" }, Ys = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Xs = { class: "ml-auto flex items-center" }, Js = {
+), Ws = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Gs = { class: "flex flex-1 flex-col" }, Ys = { class: "divide-y divide-gray-200" }, Xs = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Js = { class: "ml-auto flex items-center" }, Qs = {
   key: 0,
   class: "flex px-[22px] py-[15px] text-gray-500 text-sm"
-}, Qs = ["onClick"], ea = { class: "w-full gap-y-1 flex justify-between" }, ta = { class: "flex flex-col" }, sa = { class: "flex items-center" }, aa = { class: "font-medium text-base text-gray-900" }, oa = {
+}, ea = ["onClick"], ta = { class: "w-full gap-y-1 flex justify-between" }, sa = { class: "flex flex-col" }, aa = { class: "flex items-center" }, oa = { class: "font-medium text-base text-gray-900" }, ra = {
   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"
-}, ra = { class: "text-sm text-gray-500 font-normal" }, na = { class: "flex items-center" }, la = ["src", "alt"], ia = {
+}, na = { class: "text-sm text-gray-500 font-normal" }, la = { class: "flex items-center" }, ia = ["src", "alt"], ca = {
   __name: "SparkBrandSelector",
   emits: ["close", "select"],
   setup(e, { emit: s }) {
@@ -995,13 +996,13 @@ const z = new zs(), Gn = {
       t("select", r);
     };
     return (r, o) => {
-      const i = E("font-awesome-icon");
-      return h(), y("div", Ks, [
-        m("div", Ws, [
-          m("div", Gs, [
-            m("div", Ys, [
+      const i = A("font-awesome-icon");
+      return h(), y("div", Ws, [
+        m("div", Gs, [
+          m("div", Ys, [
+            m("div", Xs, [
               o[1] || (o[1] = m("div", null, "Filter by Brand", -1)),
-              m("div", Xs, [
+              m("div", Js, [
                 S(i, {
                   icon: C(F).farTimes,
                   class: "size-4 text-gray-400 cursor-pointer",
@@ -1009,29 +1010,29 @@ const z = new zs(), Gn = {
                 }, null, 8, ["icon"])
               ])
             ]),
-            C(a).allBrands.length === 0 ? (h(), y("div", Js, " No brands configured ")) : T("", !0),
+            C(a).allBrands.length === 0 ? (h(), y("div", Qs, " No brands configured ")) : T("", !0),
             (h(!0), y(D, null, B(C(a).allBrands, (n) => (h(), y("div", {
               key: n.id,
               class: V([n.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
               onClick: (c) => l(n)
             }, [
-              m("div", ea, [
-                m("div", ta, [
-                  m("div", sa, [
-                    m("div", aa, M(n.name), 1),
-                    n.current ? (h(), y("span", oa, " Current ")) : T("", !0)
+              m("div", ta, [
+                m("div", sa, [
+                  m("div", aa, [
+                    m("div", oa, M(n.name), 1),
+                    n.current ? (h(), y("span", ra, " Current ")) : T("", !0)
                   ]),
-                  m("div", ra, M(n.current ? "Current Brand" : "Change to"), 1)
+                  m("div", na, M(n.current ? "Current Brand" : "Change to"), 1)
                 ]),
-                m("div", na, [
+                m("div", la, [
                   m("img", {
                     src: n.logo,
                     alt: `${n.name} logo`,
                     class: "h-8 w-auto"
-                  }, null, 8, la)
+                  }, null, 8, ia)
                 ])
               ])
-            ], 10, Qs))), 128)),
+            ], 10, ea))), 128)),
             o[2] || (o[2] = m("div", null, null, -1))
           ]),
           o[3] || (o[3] = m("div", { class: "mt-auto" }, null, -1))
@@ -1039,7 +1040,7 @@ const z = new zs(), Gn = {
       ]);
     };
   }
-}, ca = ["disabled"], G = {
+}, ua = ["disabled"], G = {
   __name: "SparkButton",
   props: {
     size: {
@@ -1149,7 +1150,7 @@ const z = new zs(), Gn = {
       onClick: c[0] || (c[0] = (d) => n.$emit("click"))
     }, [
       O(n.$slots, "default")
-    ], 10, ca));
+    ], 10, ua));
   }
 }, pt = {
   __name: "SparkButtonGroup",
@@ -1167,13 +1168,13 @@ const z = new zs(), Gn = {
       O(l.$slots, "default")
     ], 512));
   }
-}, ua = { class: "divide-y divide-gray-300 rounded-lg border border-gray-300 text-gray-700 bg-gray-100" }, da = {
+}, da = { class: "divide-y divide-gray-300 rounded-lg border border-gray-300 text-gray-700 bg-gray-100" }, pa = {
   key: 0,
   class: "px-[30px] py-5"
-}, pa = {
+}, fa = {
   key: 1,
   class: "p-5"
-}, Xn = {
+}, Jn = {
   __name: "SparkCard",
   props: {
     padded: {
@@ -1187,8 +1188,8 @@ const z = new zs(), Gn = {
   },
   setup(e) {
     const s = e;
-    return (t, a) => (h(), y("div", ua, [
-      t.$slots.header ? (h(), y("div", da, [
+    return (t, a) => (h(), y("div", da, [
+      t.$slots.header ? (h(), y("div", pa, [
         O(t.$slots, "header")
       ])) : T("", !0),
       m("div", {
@@ -1196,24 +1197,24 @@ const z = new zs(), Gn = {
       }, [
         O(t.$slots, "default")
       ], 2),
-      t.$slots.footer ? (h(), y("div", pa, [
+      t.$slots.footer ? (h(), y("div", fa, [
         O(t.$slots, "footer")
       ])) : T("", !0)
     ]));
   }
-}, fa = {
+}, ma = {
   key: 0,
   class: "block text-sm font-medium text-gray-700 mb-2"
-}, ma = {
+}, ha = {
   key: 1,
   class: "mb-2 relative inline-block"
-}, ha = ["href"], ga = ["src", "alt"], ya = ["disabled"], va = {
+}, ga = ["href"], ya = ["src", "alt"], va = ["disabled"], ba = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center bg-blue-50/80 rounded-md pointer-events-none"
-}, ba = {
+}, xa = {
   key: 3,
   class: "text-sm text-gray-500 mt-1"
-}, Jn = {
+}, Qn = {
   __name: "SparkImageUpload",
   props: {
     modelValue: {
@@ -1325,10 +1326,10 @@ const z = new zs(), Gn = {
       }
     }
     return (w, v) => {
-      const u = E("font-awesome-icon"), g = E("FormKit");
+      const u = A("font-awesome-icon"), g = A("FormKit");
       return h(), y("div", null, [
-        e.label ? (h(), y("label", fa, M(e.label), 1)) : T("", !0),
-        e.modelValue ? (h(), y("div", ma, [
+        e.label ? (h(), y("label", ma, M(e.label), 1)) : T("", !0),
+        e.modelValue ? (h(), y("div", ha, [
           m("a", {
             href: e.modelValue,
             target: "_blank",
@@ -1338,8 +1339,8 @@ const z = new zs(), Gn = {
               src: e.modelValue,
               alt: e.label || "Image preview",
               class: V([e.height, "w-auto object-contain border border-gray-300 rounded-md cursor-pointer hover:opacity-80 transition-opacity"])
-            }, null, 10, ga)
-          ], 8, ha),
+            }, null, 10, ya)
+          ], 8, ga),
           m("button", {
             type: "button",
             class: "absolute -top-2 -right-2 w-5 h-5 bg-white/80 hover:bg-white text-gray-500 hover:text-gray-700 rounded-full flex items-center justify-center shadow-sm border border-gray-200",
@@ -1350,7 +1351,7 @@ const z = new zs(), Gn = {
               icon: C(F).farXmark,
               class: "text-xs"
             }, null, 8, ["icon"])
-          ], 8, ya)
+          ], 8, va)
         ])) : T("", !0),
         e.modelValue ? T("", !0) : (h(), y("div", {
           key: 2,
@@ -1369,18 +1370,18 @@ const z = new zs(), Gn = {
             disabled: e.disabled || r.value,
             onInput: f
           }, null, 8, ["name", "accept", "disabled"]),
-          o.value ? (h(), y("div", va, [...v[0] || (v[0] = [
+          o.value ? (h(), y("div", ba, [...v[0] || (v[0] = [
             m("span", { class: "text-sm text-blue-600 font-medium" }, "Drop image here", -1)
           ])])) : T("", !0)
         ], 34)),
-        r.value ? (h(), y("p", ba, "Uploading...")) : T("", !0)
+        r.value ? (h(), y("p", xa, "Uploading...")) : T("", !0)
       ]);
     };
   }
-}, xa = { class: "px-4 pt-5 pb-4 sm:p-6" }, ka = {
+}, ka = { class: "px-4 pt-5 pb-4 sm:p-6" }, wa = {
   key: 0,
   class: "text-lg font-medium text-gray-900"
-}, wa = {
+}, _a = {
   __name: "SparkModalDialog",
   props: {
     title: {
@@ -1458,8 +1459,8 @@ const z = new zs(), Gn = {
       danger: "text-red-400"
     })[s.type]);
     return (n, c) => {
-      const d = E("font-awesome-icon");
-      return h(), y("div", xa, [
+      const d = A("font-awesome-icon");
+      return h(), y("div", ka, [
         r.value ? (h(), y("div", {
           key: 0,
           class: V(["mx-auto flex size-12 items-center justify-center rounded-full", o.value])
@@ -1472,7 +1473,7 @@ const z = new zs(), Gn = {
         m("div", {
           class: V(["text-center", { "mt-3 sm:mt-5": r.value }])
         }, [
-          e.title ? (h(), y("h3", ka, M(e.title), 1)) : T("", !0),
+          e.title ? (h(), y("h3", wa, M(e.title), 1)) : T("", !0),
           e.message ? (h(), y("div", {
             key: 1,
             class: V([{ "mt-2": e.title }, "text-sm text-gray-500"])
@@ -1487,7 +1488,7 @@ const z = new zs(), Gn = {
             onClick: (x) => n.$emit(p.event, p)
           }, {
             default: L(() => [
-              A(M(p.text), 1)
+              E(M(p.text), 1)
             ]),
             _: 2
           }, 1032, ["variant", "onClick"]))), 128))
@@ -1496,7 +1497,7 @@ const z = new zs(), Gn = {
     };
   }
 };
-class _a {
+class Ca {
   constructor() {
     this.state = K({
       isVisible: !1,
@@ -1533,7 +1534,7 @@ class _a {
       confirmVariant: n = "primary"
     } = s;
     this.show(
-      wa,
+      _a,
       {
         title: a,
         message: l,
@@ -1554,7 +1555,7 @@ class _a {
     );
   });
 }
-const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, Sa = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, $a = {
+const J = new Ca(), Sa = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, $a = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Ta = {
   __name: "SparkModalContainer",
   setup(e) {
     return (s, t) => (h(), H(C(ot), {
@@ -1581,8 +1582,8 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               ])]),
               _: 1
             }),
-            m("div", Ca, [
-              m("div", Sa, [
+            m("div", Sa, [
+              m("div", $a, [
                 S(C(ge), {
                   as: "template",
                   enter: "ease-out duration-300",
@@ -1611,7 +1612,7 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}, Ta = { class: "fixed inset-0 flex" }, Me = {
+}, La = { class: "fixed inset-0 flex" }, Me = {
   __name: "SparkOverlay",
   props: {
     position: {
@@ -1660,7 +1661,7 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               ])]),
               _: 1
             }),
-            m("div", Ta, [
+            m("div", La, [
               S(C(ge), {
                 as: "template",
                 enter: "transition ease-in-out duration-150 transform",
@@ -1696,7 +1697,7 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}, La = ["disabled", "onClick"], Qn = {
+}, Pa = ["disabled", "onClick"], el = {
   __name: "SparkSubNav",
   props: {
     /**
@@ -1813,7 +1814,7 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                 icon: C(F)[g.icon],
                 class: "mr-1.5 size-4"
               }, null, 8, ["icon"])) : T("", !0),
-              A(" " + M(g.label) + " ", 1),
+              E(" " + M(g.label) + " ", 1),
               g.badge != null ? (h(), y("span", {
                 key: 1,
                 class: V(w(g))
@@ -1844,16 +1845,16 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
           key: 2,
           class: V(w(g))
         }, M(g.badge), 3)) : T("", !0)
-      ], 10, La))), 128))
+      ], 10, Pa))), 128))
     ], 2));
   }
-}, Pa = (e) => {
+}, Ma = (e) => {
   if (e.includes(".")) {
     const s = e.split(".");
     e = s[s.length - 1];
   }
   return e.replace(/_/g, " ");
-}, Ma = (e, s, t) => {
+}, Va = (e, s, t) => {
   const a = s.querySelector(".relative");
   if (!a || a.querySelector(".spark-table-head-sorting"))
     return;
@@ -1868,7 +1869,7 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       sortedBy: "asc"
     }));
   });
-}, Va = (e, s, t) => {
+}, Ha = (e, s, t) => {
   if (s.querySelector(".spark-table-head-filter"))
     return;
   const a = document.createElement("div"), l = document.createElement("input");
@@ -1883,19 +1884,19 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     await t.methods.removeParam(c);
   }, 200);
   l.addEventListener("keyup", (o) => r(e, o)), s.appendChild(a);
-}, Ha = (e, s, t) => {
+}, Ra = (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 = Pa(s);
-}, Ra = (e, s, t) => {
+  l.classList.add("spark-table-head-title"), l.innerHTML = Ma(s);
+}, Fa = (e, s, t) => {
   if (typeof e != "number")
     return e;
   if (e < 0)
     return;
   let a = 2;
   const l = t.methods.colToProp(e), r = t.methods.getSettingsForProp(l);
-  s.childElementCount === 1 && ((!r || !r.columnSort) && a--, (!r || !r.columnFilter) && a--, r && r.columnSort && Ma(l, s, t), r && r.columnFilter && Va(l, s, t)), (s.childElementCount === a || a === 0) && Ha(s, l, r);
-}, Fa = (e) => {
+  s.childElementCount === 1 && ((!r || !r.columnSort) && a--, (!r || !r.columnFilter) && a--, r && r.columnSort && Va(l, s, t), r && r.columnFilter && Ha(l, s, t)), (s.childElementCount === a || a === 0) && Ra(s, l, r);
+}, Da = (e) => {
   if (!e.hotInstance || !e.hotInstance.rootElement)
     return;
   const s = e.params.orderBy, t = e.params.sortedBy, a = e.hotInstance.rootElement.querySelectorAll("thead th.can-sort .relative");
@@ -1905,7 +1906,7 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     const r = l.closest("th"), o = Array.from(r.parentElement.children).indexOf(r);
     e.methods.colToProp(o) === s && l.classList.add(t);
   });
-}, Da = (e) => (s, t, a, l, r, o, i) => {
+}, Aa = (e) => (s, t, a, l, r, o, i) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-actions");
   const c = (i.rendererConfig || {}).actions || [];
   if (c.length === 0)
@@ -1970,7 +1971,7 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   blue: { bg: "bg-blue-100", text: "text-blue-500" },
   gray: { bg: "bg-gray-100", text: "text-gray-500" },
   purple: { bg: "bg-purple-100", text: "text-purple-500" }
-}, Aa = (e) => {
+}, Ia = (e) => {
   if (e == null || e === "")
     return !1;
   if (typeof e == "boolean")
@@ -1982,9 +1983,9 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     return s === "1" || s === "yes" || s === "true";
   }
   return !1;
-}, Ia = (e) => (s, t, a, l, r, o, i) => {
+}, Oa = (e) => (s, t, a, l, r, o, i) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-boolean");
-  const n = i.rendererConfig || {}, c = Aa(o), d = c ? n.trueIcon || "check" : n.falseIcon || "xmark", p = c ? n.trueColor || "green" : n.falseColor || "red", f = n.size || 32, x = n.iconPrefix || "far", w = He[p] || He.gray;
+  const n = i.rendererConfig || {}, c = Ia(o), d = c ? n.trueIcon || "check" : n.falseIcon || "xmark", p = c ? n.trueColor || "green" : n.falseColor || "red", f = n.size || 32, x = n.iconPrefix || "far", w = He[p] || He.gray;
   t.dataset.copyValue = c ? "true" : "false";
   const v = document.createElement("div");
   v.classList.add(
@@ -1999,7 +2000,7 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   u.innerHTML = te({ prefix: x, iconName: d }).html, u.classList.add("flex", "items-center", "justify-center");
   const g = Math.round(f * 0.5);
   u.style.fontSize = `${g}px`, v.appendChild(u), t.appendChild(v);
-}, Oa = (e, s = 2) => {
+}, Ba = (e, s = 2) => {
   const t = Number(e);
   if (isNaN(t)) return null;
   const a = t < 0, r = Math.abs(t).toLocaleString("en-AU", {
@@ -2007,21 +2008,21 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     maximumFractionDigits: s
   });
   return a ? `-$${r}` : `$${r}`;
-}, Ba = (e) => (s, t, a, l, r, o, i) => {
+}, za = (e) => (s, t, a, l, r, o, i) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-currency");
   const n = i.rendererConfig || {}, { decimals: c = 2, emptyText: d = "" } = n;
   if (o == null || o === "") {
     t.textContent = d;
     return;
   }
-  const p = Oa(o, c);
+  const p = Ba(o, c);
   if (p === null) {
     t.textContent = d;
     return;
   }
   const f = document.createElement("span");
   f.textContent = p, t.appendChild(f);
-}, za = (e) => (s, t, a, l, r, o, i) => {
+}, ja = (e) => (s, t, a, l, r, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-link"), !o)
     return;
   const n = i.rendererConfig || {}, c = s.getSourceDataAtRow(s.toPhysicalRow(a));
@@ -2035,7 +2036,7 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   sm: "h-6 w-6",
   md: "h-8 w-8",
   lg: "h-12 w-12"
-}, ja = (e) => (s, t, a, l, r, o, i) => {
+}, Na = (e) => (s, t, a, l, r, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-image"), !o)
     return;
   const n = i.rendererConfig || {}, c = s.getSourceDataAtRow(s.toPhysicalRow(a)), d = n.size || "md", p = Re[d] || Re.md, f = n.rounded !== !1;
@@ -2043,7 +2044,7 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   typeof n.alt == "string" && c[n.alt] && (x = c[n.alt]);
   const w = document.createElement("img");
   w.src = o, w.alt = x, w.classList.add(...p.split(" "), "object-cover"), f ? w.classList.add("rounded-full") : w.classList.add("rounded"), t.appendChild(w);
-}, Na = (e) => (s, t, a, l, r, o, i) => {
+}, Za = (e) => (s, t, a, l, r, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-date"), !o)
     return;
   const n = i.rendererConfig || {}, c = n.format || "short", d = n.locale || "en-US";
@@ -2054,27 +2055,27 @@ const J = new _a(), Ca = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       year: "numeric",
       month: "long",
       day: "numeric"
-    }) : c === "relative" ? p = Za(x) : c === "datetime" ? p = x.toLocaleString(d) : p = x.toLocaleDateString(d);
+    }) : c === "relative" ? p = qa(x) : c === "datetime" ? p = x.toLocaleString(d) : p = x.toLocaleDateString(d);
   } catch (x) {
     console.error("Error formatting date:", x), p = o;
   }
   const f = document.createElement("span");
   f.textContent = p, t.appendChild(f);
 };
-function Za(e) {
+function qa(e) {
   const t = /* @__PURE__ */ new Date() - e, a = Math.floor(Math.abs(t) / 1e3), l = Math.floor(a / 60), r = Math.floor(l / 60), o = Math.floor(r / 24), i = Math.floor(o / 30), n = Math.floor(o / 365), c = t > 0;
   return a < 60 ? c ? "just now" : "in a moment" : l < 60 ? c ? `${l} minute${l > 1 ? "s" : ""} ago` : `in ${l} minute${l > 1 ? "s" : ""}` : r < 24 ? c ? `${r} hour${r > 1 ? "s" : ""} ago` : `in ${r} hour${r > 1 ? "s" : ""}` : o < 30 ? c ? `${o} day${o > 1 ? "s" : ""} ago` : `in ${o} day${o > 1 ? "s" : ""}` : i < 12 ? c ? `${i} month${i > 1 ? "s" : ""} ago` : `in ${i} month${i > 1 ? "s" : ""}` : c ? `${n} year${n > 1 ? "s" : ""} ago` : `in ${n} year${n > 1 ? "s" : ""}`;
 }
-const qa = (e) => {
+const Ua = (e) => {
   const s = ["th", "st", "nd", "rd"], t = e % 100;
   return e + (s[(t - 20) % 10] || s[t] || s[0]);
-}, N = (e, s = 2) => String(e).padStart(s, "0"), xe = /* @__PURE__ */ new Map(), Ua = (e, s) => {
+}, N = (e, s = 2) => String(e).padStart(s, "0"), xe = /* @__PURE__ */ new Map(), Ka = (e, s) => {
   const t = `${e}:${JSON.stringify(s)}`;
   return xe.has(t) || xe.set(t, new Intl.DateTimeFormat(e, s)), xe.get(t);
 }, de = (e, s, t, a) => {
-  const o = Ua(s, t).formatToParts(e).find((i) => i.type === a);
+  const o = Ka(s, t).formatToParts(e).find((i) => i.type === a);
   return o ? o.value : "";
-}, Ka = (e) => e.epochMilliseconds !== void 0 ? new Date(e.epochMilliseconds) : new Date(
+}, Wa = (e) => e.epochMilliseconds !== void 0 ? new Date(e.epochMilliseconds) : new Date(
   e.year,
   e.month - 1,
   e.day,
@@ -2082,7 +2083,7 @@ const qa = (e) => {
   e.minute || 0,
   e.second || 0,
   e.millisecond || 0
-), Wa = (e) => {
+), Ga = (e) => {
   const s = e.hour || 0, t = s % 12 || 12, a = s >= 12;
   return {
     year: e.year,
@@ -2105,8 +2106,8 @@ const qa = (e) => {
     return "";
   const t = Math.round(e.offsetNanoseconds / 6e10), a = t >= 0 ? "+" : "-", l = Math.abs(t), r = Math.floor(l / 60), o = l % 60;
   return s ? `${a}${N(r)}:${N(o)}` : `${a}${N(r)}${N(o)}`;
-}, Ga = (e, s) => {
-  const t = Wa(e), a = Ka(e), l = t.dayOfWeek === 7 ? 0 : t.dayOfWeek;
+}, Ya = (e, s) => {
+  const t = Ga(e), a = Wa(e), l = t.dayOfWeek === 7 ? 0 : t.dayOfWeek;
   return [
     // Year
     ["YYYY", () => String(t.year)],
@@ -2118,7 +2119,7 @@ const qa = (e) => {
     ["M", () => String(t.month)],
     // Day of month
     ["DD", () => N(t.day)],
-    ["Do", () => qa(t.day)],
+    ["Do", () => Ua(t.day)],
     ["D", () => String(t.day)],
     // Day of week
     ["dddd", () => de(a, s, { weekday: "long" }, "weekday")],
@@ -2152,7 +2153,7 @@ const qa = (e) => {
     ["x", () => String(e.epochMilliseconds ?? a.getTime())],
     ["X", () => String(Math.floor((e.epochMilliseconds ?? a.getTime()) / 1e3))]
   ];
-}, Ya = (e, s, t = {}) => {
+}, Xa = (e, s, t = {}) => {
   const { locale: a = "en-US" } = t;
   if (!e)
     return "";
@@ -2168,20 +2169,20 @@ const qa = (e) => {
     } catch (n) {
       return console.error("Failed to parse date string:", e, n), e;
     }
-  const r = Ga(l, a), o = r.map(([n]) => n).join("|"), i = new RegExp(`\\[([^\\]]+)\\]|(${o})`, "g");
+  const r = Ya(l, a), o = r.map(([n]) => n).join("|"), i = new RegExp(`\\[([^\\]]+)\\]|(${o})`, "g");
   return s.replace(i, (n, c, d) => {
     if (c !== void 0)
       return c;
     const p = r.find(([f]) => f === d);
     return p ? p[1]() : n;
   });
-}, Xa = (e, s = {}) => {
+}, Ja = (e, s = {}) => {
   const { fromTimezone: t, toTimezone: a } = s;
   if (!e)
     return null;
   const l = e.replace(" ", "T");
   return t && a ? Temporal.PlainDateTime.from(l).toZonedDateTime(t).withTimeZone(a) : t ? Temporal.PlainDateTime.from(l).toZonedDateTime(t) : Temporal.PlainDateTime.from(l);
-}, Ja = (e) => (s, t, a, l, r, o, i) => {
+}, Qa = (e) => (s, t, a, l, r, o, i) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-datetime");
   const n = i.rendererConfig || {}, {
     format: c = "DD MMM YYYY, HH:mm",
@@ -2195,22 +2196,22 @@ const qa = (e) => {
     return;
   }
   try {
-    const w = Xa(o, { fromTimezone: d, toTimezone: p });
+    const w = Ja(o, { fromTimezone: d, toTimezone: p });
     if (!w) {
       t.textContent = x;
       return;
     }
-    const v = Ya(w, c, { locale: f }), u = document.createElement("span");
+    const v = Xa(w, c, { locale: f }), u = document.createElement("span");
     u.textContent = v, t.appendChild(u);
   } catch (w) {
     console.error("Error formatting datetime:", w, { value: o, format: c }), t.textContent = o;
   }
-}, Qa = /* @__PURE__ */ new Map(), X = (e, s) => {
-  gs(e, (t, a, l, r, o, i, n) => {
-    ys.apply(null, [t, a, l, r, o, i, n]), s(t, a, l, r, o, i, n);
-  }), Qa.set(e, s);
-}, eo = (e) => {
-  X("spark.actions", Da(e)), X("spark.badge", Ea()), X("spark.boolean", Ia()), X("spark.currency", Ba()), X("spark.link", za()), X("spark.image", ja()), X("spark.date", Na()), X("spark.datetime", Ja()), X("style.capitalize", (s, t, a, l, r, o) => {
+}, eo = /* @__PURE__ */ new Map(), X = (e, s) => {
+  ys(e, (t, a, l, r, o, i, n) => {
+    vs.apply(null, [t, a, l, r, o, i, n]), s(t, a, l, r, o, i, n);
+  }), eo.set(e, s);
+}, to = (e) => {
+  X("spark.actions", Aa(e)), X("spark.badge", Ea()), X("spark.boolean", Oa()), X("spark.currency", za()), X("spark.link", ja()), X("spark.image", Na()), X("spark.date", Za()), X("spark.datetime", Qa()), X("style.capitalize", (s, t, a, l, r, o) => {
     if (!o || o.length === 0) {
       t.innerText = "";
       return;
@@ -2218,8 +2219,8 @@ const qa = (e) => {
     const i = document.createElement("span");
     i.innerHTML = o, i.classList.add("capitalize"), t.replaceChildren(i);
   });
-}, to = () => {
-}, so = (e, s = {}) => {
+}, so = () => {
+}, ao = (e, s = {}) => {
   const t = W(), a = se(), l = s.namespace, r = l === null, o = s.syncToRoute !== !1, i = s.persistToStorage === !0, n = s.restoreOnMount !== !1, c = s.storageTTL || 7, d = r ? `spark-table:${a.path}` : `spark-table:${l}`, p = (b, k = "") => {
     const P = {};
     return Object.keys(b).forEach((I) => {
@@ -2329,7 +2330,7 @@ const qa = (e) => {
     loadFromStorage: x,
     clearStorage: w
   };
-}, ao = { class: "flex items-center gap-4 py-3" }, oo = { class: "shrink-0" }, ro = { class: "text-sm text-gray-700" }, no = { class: "font-medium" }, lo = { class: "font-medium" }, io = { class: "font-medium" }, co = {
+}, oo = { class: "flex items-center gap-4 py-3" }, ro = { class: "shrink-0" }, no = { class: "text-sm text-gray-700" }, lo = { class: "font-medium" }, io = { class: "font-medium" }, co = { class: "font-medium" }, uo = {
   __name: "SparkTablePaginationDetails",
   props: {
     sparkTable: {
@@ -2340,28 +2341,28 @@ const qa = (e) => {
   setup(e) {
     const s = e;
     return (t, a) => (h(), y("div", null, [
-      m("div", ao, [
-        m("div", oo, [
-          m("div", ro, [
-            a[0] || (a[0] = A(" Showing ", -1)),
-            m("span", no, M(s.sparkTable.response.meta.from), 1),
-            a[1] || (a[1] = A(" to ", -1)),
-            m("span", lo, M(s.sparkTable.response.meta.to), 1),
-            a[2] || (a[2] = A(" of ", -1)),
-            m("span", io, M(s.sparkTable.response.meta.total), 1),
-            a[3] || (a[3] = A(" results ", -1))
+      m("div", oo, [
+        m("div", ro, [
+          m("div", no, [
+            a[0] || (a[0] = E(" Showing ", -1)),
+            m("span", lo, M(s.sparkTable.response.meta.from), 1),
+            a[1] || (a[1] = E(" to ", -1)),
+            m("span", io, M(s.sparkTable.response.meta.to), 1),
+            a[2] || (a[2] = E(" of ", -1)),
+            m("span", co, M(s.sparkTable.response.meta.total), 1),
+            a[3] || (a[3] = E(" results ", -1))
           ])
         ])
       ])
     ]));
   }
-}, uo = { class: "flex items-center gap-4 px-4 py-3" }, po = {
+}, po = { class: "flex items-center gap-4 px-4 py-3" }, fo = {
   key: 0,
   class: "shrink-0 ml-auto"
-}, fo = {
+}, mo = {
   class: "isolate inline-flex -space-x-px rounded-md shadow-xs bg-white",
   "aria-label": "Pagination"
-}, mo = ["onClick"], ho = {
+}, ho = ["onClick"], go = {
   __name: "SparkTablePaginationPaging",
   props: {
     sparkTable: {
@@ -2377,19 +2378,19 @@ const qa = (e) => {
       d < 1 || d > t.sparkTable.response.meta.last_page || a("paginate", {
         page: d
       });
-    }, o = $(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), i = $(() => t.sparkTable.computed.ready ? ls(
+    }, o = $(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), i = $(() => t.sparkTable.computed.ready ? is(
       Math.floor((o.value - 1) / 10) * 10 + 1,
       o.value > t.sparkTable.response.meta.last_page ? t.sparkTable.response.meta.last_page + 1 : o.value + 1
     ) : []), n = $(
       () => t.sparkTable.params.page < ee(t.sparkTable.response.meta, "last_page", 1)
     ), c = $(() => t.sparkTable.params.page > 1);
     return (d, p) => {
-      const f = E("font-awesome-icon");
+      const f = A("font-awesome-icon");
       return h(), y("div", null, [
-        m("div", uo, [
-          i.value.length > 1 ? (h(), y("div", po, [
+        m("div", po, [
+          i.value.length > 1 ? (h(), y("div", fo, [
             m("div", null, [
-              m("nav", fo, [
+              m("nav", mo, [
                 m("a", {
                   class: V([c.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: "#",
@@ -2408,7 +2409,7 @@ const qa = (e) => {
                     e.sparkTable.params.page === x ? "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: (w) => r(x)
-                }, M(x), 11, mo))), 128)),
+                }, M(x), 11, ho))), 128)),
                 m("a", {
                   class: V([n.value ? "" : "disabled", "relative inline-flex items-center rounded-r-md px-2 py-[9px] text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-20 focus:outline-offset-0"]),
                   onClick: p[1] || (p[1] = U((x) => l(1), ["prevent"])),
@@ -2431,7 +2432,7 @@ const qa = (e) => {
   for (const [a, l] of s)
     t[a] = l;
   return t;
-}, go = { class: "spark-table-pagination-per-page" }, yo = {
+}, yo = { class: "spark-table-pagination-per-page" }, vo = {
   __name: "SparkTablePaginationPerPage",
   props: {
     sparkTable: {
@@ -2451,8 +2452,8 @@ const qa = (e) => {
       });
     };
     return (o, i) => {
-      const n = E("FormKit");
-      return h(), y("div", go, [
+      const n = A("FormKit");
+      return h(), y("div", yo, [
         S(n, {
           "model-value": e.sparkTable.params.limit,
           type: "select",
@@ -2465,7 +2466,7 @@ const qa = (e) => {
       ]);
     };
   }
-}, vo = /* @__PURE__ */ oe(yo, [["__scopeId", "data-v-9ef8544b"]]), De = {
+}, bo = /* @__PURE__ */ oe(vo, [["__scopeId", "data-v-9ef8544b"]]), De = {
   __name: "SparkTableToolbar",
   props: {
     position: {
@@ -2486,7 +2487,7 @@ const qa = (e) => {
       O(r.$slots, "default")
     ], 2)) : T("", !0);
   }
-}, bo = { class: "spark-table-search" }, xo = {
+}, xo = { class: "spark-table-search" }, ko = {
   __name: "SparkTableSearch",
   props: {
     /** SparkTable instance object */
@@ -2525,8 +2526,8 @@ const qa = (e) => {
         o && o !== t.value ? t.value = o : !o && t.value && (t.value = "");
       }
     ), (o, i) => {
-      const n = E("FormKit");
-      return h(), y("div", bo, [
+      const n = A("FormKit");
+      return h(), y("div", xo, [
         S(n, q({
           modelValue: t.value,
           "onUpdate:modelValue": i[0] || (i[0] = (c) => t.value = c),
@@ -2540,7 +2541,7 @@ const qa = (e) => {
       ]);
     };
   }
-}, ko = /* @__PURE__ */ oe(xo, [["__scopeId", "data-v-976170dc"]]), wo = { class: "spark-table-filter-select" }, _o = {
+}, wo = /* @__PURE__ */ oe(ko, [["__scopeId", "data-v-976170dc"]]), _o = { class: "spark-table-filter-select" }, Co = {
   __name: "SparkTableFilterSelect",
   props: {
     /** SparkTable instance object */
@@ -2575,8 +2576,8 @@ const qa = (e) => {
         o != null && o !== "" ? t.value !== o && (t.value = o) : t.value && (t.value = "");
       }
     ), (o, i) => {
-      const n = E("FormKit");
-      return h(), y("div", wo, [
+      const n = A("FormKit");
+      return h(), y("div", _o, [
         S(n, q({
           modelValue: t.value,
           "onUpdate:modelValue": i[0] || (i[0] = (c) => t.value = c),
@@ -2590,10 +2591,10 @@ const qa = (e) => {
       ]);
     };
   }
-}, Co = /* @__PURE__ */ oe(_o, [["__scopeId", "data-v-642dbc69"]]), So = { class: "spark-table-filter-buttons" }, $o = {
+}, So = /* @__PURE__ */ oe(Co, [["__scopeId", "data-v-642dbc69"]]), $o = { class: "spark-table-filter-buttons" }, To = {
   key: 0,
   class: "spark-table-filter-buttons-label"
-}, To = {
+}, Lo = {
   __name: "SparkTableFilterButtons",
   props: {
     /** SparkTable instance object */
@@ -2624,8 +2625,8 @@ const qa = (e) => {
       (i) => {
         (i == null || i === "") && t.value ? t.value = null : i !== t.value && (t.value = i);
       }
-    ), (i, n) => (h(), y("div", So, [
-      C(a) ? (h(), y("span", $o, M(C(a)), 1)) : T("", !0),
+    ), (i, n) => (h(), y("div", $o, [
+      C(a) ? (h(), y("span", To, M(C(a)), 1)) : T("", !0),
       S(pt, { class: "isolate" }, {
         default: L(() => [
           (h(!0), y(D, null, B(e.config.options, (c) => (h(), H(G, {
@@ -2636,7 +2637,7 @@ const qa = (e) => {
             onClick: (d) => o(c.value)
           }, {
             default: L(() => [
-              A(M(c.label), 1)
+              E(M(c.label), 1)
             ]),
             _: 2
           }, 1032, ["variant", "onClick"]))), 128))
@@ -2645,7 +2646,7 @@ const qa = (e) => {
       })
     ]));
   }
-}, Lo = /* @__PURE__ */ oe(To, [["__scopeId", "data-v-01a49899"]]), Po = { class: "spark-table-date-picker" }, Mo = {
+}, Po = /* @__PURE__ */ oe(Lo, [["__scopeId", "data-v-01a49899"]]), Mo = { class: "spark-table-date-picker" }, Vo = {
   __name: "SparkTableDatePicker",
   props: {
     /** SparkTable instance object */
@@ -2679,8 +2680,8 @@ const qa = (e) => {
         } else o && o !== t.value && (t.value = o);
       }
     ), (o, i) => {
-      const n = E("FormKit");
-      return h(), y("div", Po, [
+      const n = A("FormKit");
+      return h(), y("div", Mo, [
         (h(), H(n, q({
           key: r.value,
           modelValue: t.value,
@@ -2698,7 +2699,7 @@ const qa = (e) => {
       ]);
     };
   }
-}, Vo = /* @__PURE__ */ oe(Mo, [["__scopeId", "data-v-44ef9cb8"]]), Ho = { class: "spark-table-reset" }, Ro = { key: 1 }, Fo = {
+}, Ho = /* @__PURE__ */ oe(Vo, [["__scopeId", "data-v-44ef9cb8"]]), Ro = { class: "spark-table-reset" }, Fo = { key: 1 }, Do = {
   __name: "SparkTableReset",
   props: {
     /** SparkTable instance object */
@@ -2735,8 +2736,8 @@ const qa = (e) => {
       s.sparkTable.methods.applyParams({ ...n, page: 1 });
     };
     return (a, l) => {
-      const r = E("font-awesome-icon");
-      return h(), y("div", Ho, [
+      const r = A("font-awesome-icon");
+      return h(), y("div", Ro, [
         S(G, {
           onClick: t,
           variant: "secondary",
@@ -2749,26 +2750,26 @@ const qa = (e) => {
               icon: ["far", e.config.icon],
               class: V({ "mr-1.5": e.config.label })
             }, null, 8, ["icon", "class"])) : T("", !0),
-            e.config.label ? (h(), y("span", Ro, M(e.config.label), 1)) : T("", !0)
+            e.config.label ? (h(), y("span", Fo, M(e.config.label), 1)) : T("", !0)
           ]),
           _: 1
         })
       ]);
     };
   }
-}, Do = /* @__PURE__ */ oe(Fo, [["__scopeId", "data-v-0894e3bf"]]), Eo = { class: "spark-table" }, Ao = {
+}, Ao = /* @__PURE__ */ oe(Do, [["__scopeId", "data-v-0894e3bf"]]), Eo = { class: "spark-table" }, Io = {
   key: 1,
   class: "pt-5"
-}, Io = {
+}, Oo = {
   key: 2,
   class: "flex flex-col items-center justify-center py-16 text-gray-500 rounded-md border border-gray-300 bg-white"
-}, Oo = { class: "flex items-center gap-x-3 ml-auto" }, Se = {
+}, Bo = { class: "flex items-center gap-x-3 ml-auto" }, Se = {
   perPages: [15, 30, 50, 100, 200, 500],
   limit: 15
-}, Bo = {
+}, zo = {
   page: 1,
   limit: Se.limit
-}, Ee = {
+}, Ae = {
   colHeaders: !0,
   filters: !1,
   stretchH: "all",
@@ -2778,7 +2779,7 @@ const qa = (e) => {
   tableClassName: "spark-table-table",
   readOnlyCellClassName: "read-only",
   licenseKey: "non-commercial-and-evaluation"
-}, el = {
+}, tl = {
   __name: "SparkTable",
   props: {
     url: {
@@ -2802,7 +2803,7 @@ const qa = (e) => {
     params: {
       type: Object,
       default() {
-        return Bo;
+        return zo;
       }
     },
     options: {
@@ -2814,7 +2815,7 @@ const qa = (e) => {
     settings: {
       type: Object,
       default() {
-        return Ee;
+        return Ae;
       }
     },
     plugins: {
@@ -2843,15 +2844,15 @@ const qa = (e) => {
   ],
   setup(e, { expose: s, emit: t }) {
     const a = e;
-    hs(), me(ds), me(ps), me(fs), ee(a, "settings.nestedHeaders") && me(ms);
+    gs(), me(ps), me(fs), me(ms), ee(a, "settings.nestedHeaders") && me(hs);
     const l = t, r = $e("axios"), o = R(null), i = R(!1), n = R(null);
     let c = !1;
     const d = {
-      search: ko,
-      filterSelect: Co,
-      filterButtons: Lo,
-      datePicker: Vo,
-      reset: Do
+      search: wo,
+      filterSelect: So,
+      filterButtons: Po,
+      datePicker: Ho,
+      reset: Ao
     }, p = K({
       hotInstance: null,
       url: $(() => a.url),
@@ -2908,7 +2909,7 @@ const qa = (e) => {
         fireEvent: (u, g) => {
           l(u, g);
         },
-        getSettingsForProp: (u) => is(ee(p.tableSettings, "columns"), { data: u }),
+        getSettingsForProp: (u) => cs(ee(p.tableSettings, "columns"), { data: u }),
         // Helper methods for easier param access
         getParams: () => p.computed.params,
         getParam: (u) => p.computed.params[u],
@@ -2927,20 +2928,20 @@ const qa = (e) => {
           ...a.params,
           ...p.params
         })),
-        ready: $(() => cs(p, "response.meta.last_page"))
+        ready: $(() => us(p, "response.meta.last_page"))
       },
       options: $(() => ({
         ...Se,
         ...a.options
       })),
       tableSettings: $(() => ({
-        ...Ee,
+        ...Ae,
         nestedHeaders: ee(a.settings, "nestedHeaders", []),
         ...!ee(a.settings, "nestedHeaders") && {
-          afterGetColHeader: (u, g) => Ra(u, g, p)
+          afterGetColHeader: (u, g) => Fa(u, g, p)
         },
-        afterChange: (u, g) => to(),
-        afterRender: () => Fa(p),
+        afterChange: (u, g) => so(),
+        afterRender: () => Da(p),
         /**
          * Prevent columns with explicit width from being stretched
          * This hook fires BEFORE stretchH is applied, allowing us to cap specific columns
@@ -3000,7 +3001,7 @@ const qa = (e) => {
       { deep: !0, flush: "sync" }
     ), a.syncToRoute || a.persistToStorage) {
       const u = typeof a.syncToRoute == "string";
-      so(p, {
+      ao(p, {
         namespace: u ? a.syncToRoute : null,
         syncToRoute: !!a.syncToRoute,
         persistToStorage: a.persistToStorage
@@ -3027,7 +3028,7 @@ const qa = (e) => {
       await p.methods.loadTable(), l("ready");
     }), ze(() => {
       c = !0;
-    }), eo(p), s({
+    }), to(p), s({
       refresh: () => p.methods.loadTable(),
       getParams: () => p.methods.getParams(),
       getParam: (u) => p.methods.getParam(u),
@@ -3040,7 +3041,7 @@ const qa = (e) => {
       sparkTable: p,
       table: o
     }), (u, g) => {
-      const _ = E("font-awesome-icon");
+      const _ = A("font-awesome-icon");
       return h(), y("div", Eo, [
         p.computed.ready && v.value && v.value.length ? (h(), H(De, {
           key: 0,
@@ -3060,8 +3061,8 @@ const qa = (e) => {
             })
           ]),
           _: 3
-        })) : (h(), y("div", Ao)),
-        bt(S(C(us), {
+        })) : (h(), y("div", Io)),
+        bt(S(C(ds), {
           "theme-name": "ht-theme-classic",
           ref_key: "table",
           ref: o,
@@ -3069,7 +3070,7 @@ const qa = (e) => {
         }, null, 8, ["settings"]), [
           [xt, !f.value]
         ]),
-        f.value ? (h(), y("div", Io, [
+        f.value ? (h(), y("div", Oo, [
           S(_, {
             icon: C(F).farInbox,
             class: "size-12 mb-4 text-gray-300"
@@ -3081,17 +3082,17 @@ const qa = (e) => {
           position: "footer"
         }, {
           default: L(() => [
-            f.value ? T("", !0) : (h(), H(co, {
+            f.value ? T("", !0) : (h(), H(uo, {
               key: 0,
               "spark-table": p
             }, null, 8, ["spark-table"])),
-            m("div", Oo, [
-              f.value ? T("", !0) : (h(), H(ho, {
+            m("div", Bo, [
+              f.value ? T("", !0) : (h(), H(go, {
                 key: 0,
                 "spark-table": p,
                 onPaginate: p.methods.applyParams
               }, null, 8, ["spark-table", "onPaginate"])),
-              S(vo, {
+              S(bo, {
                 "spark-table": p,
                 onPaginate: p.methods.applyParams
               }, null, 8, ["spark-table", "onPaginate"]),
@@ -3108,7 +3109,7 @@ const qa = (e) => {
     };
   }
 };
-function Ae() {
+function Ee() {
   const e = K({
     isVisible: !1,
     content: null,
@@ -3135,9 +3136,9 @@ function Ae() {
     }
   };
 }
-class zo {
+class jo {
   constructor() {
-    this.left = Ae(), this.right = Ae();
+    this.left = Ee(), this.right = Ee();
   }
   showLeft = (s, t = {}, a = {}, l = {}) => {
     const r = {
@@ -3167,10 +3168,10 @@ class zo {
     this.left.close(), this.right.close();
   };
 }
-const ae = new zo(), jo = (e) => {
+const ae = new jo(), No = (e) => {
   const s = document.cookie.match(new RegExp(`(^| )${e}=([^;]+)`));
   return s ? s[2] : null;
-}, No = (e, s, t = {}) => {
+}, Zo = (e, s, t = {}) => {
   const {
     maxAge: a = 31536e3,
     // 365 days in seconds
@@ -3181,7 +3182,7 @@ const ae = new zo(), jo = (e) => {
   } = t;
   let n = `${e}=${s}; max-age=${a}; path=${i}; samesite=${o}`;
   l && (n += `; domain=${l}`), r && (n += "; secure"), document.cookie = n;
-}, Zo = (e, s = {}) => {
+}, qo = (e, s = {}) => {
   const { domain: t = ft(), path: a = "/" } = s;
   let l = `${e}=; max-age=0; path=${a}`;
   t && (l += `; domain=${t}`), document.cookie = l;
@@ -3189,15 +3190,15 @@ const ae = new zo(), jo = (e) => {
   const e = window.location.hostname;
   return e === "localhost" ? "localhost" : e.endsWith(".test") || e.endsWith(".io") ? "." + e.split(".").slice(-2).join(".") : e.endsWith(".com.au") ? "." + e.split(".").slice(-3).join(".") : e;
 }, mt = [];
-function qo(e) {
+function Uo(e) {
   mt.push(e);
 }
-function Uo() {
+function Ko() {
   mt.forEach((e) => e());
 }
-function tl(e) {
+function sl(e) {
   let s = !1;
-  return qo(() => {
+  return Uo(() => {
     s = !1;
   }), {
     bootstrapApp: async () => {
@@ -3246,10 +3247,10 @@ const ke = "bolt-next-token", Q = pe("auth", () => {
   }), s = (c = {}) => {
     c.endpoints && Object.assign(e.endpoints, c.endpoints), c.routes && Object.assign(e.routes, c.routes), c.devCredentials && Object.assign(e.devCredentials, c.devCredentials), c.callbacks && Object.assign(e.callbacks, c.callbacks), c.overrideToken && (e.overrideToken = c.overrideToken);
   }, t = (c) => {
-    No(ke, c), e.token = c;
+    Zo(ke, c), e.token = c;
   }, a = () => {
-    Zo(ke), e.token = null;
-  }, l = () => jo(ke), r = async (c) => {
+    qo(ke), e.token = null;
+  }, l = () => No(ke), r = async (c) => {
     const d = await le.post(e.endpoints.login, c), p = d.headers.authorization;
     return t(p), e.user = d.data, e.callbacks.onLoginSuccess && await e.callbacks.onLoginSuccess(d.data), d.data;
   }, o = async () => {
@@ -3266,7 +3267,7 @@ const ke = "bolt-next-token", Q = pe("auth", () => {
     } catch (c) {
       throw e.callbacks.onLogoutError && await e.callbacks.onLogoutError(c), c;
     } finally {
-      a(), e.user = null, Uo();
+      a(), e.user = null, Ko();
     }
   }, i = async () => {
     const c = e.overrideToken || l();
@@ -3297,7 +3298,7 @@ const ke = "bolt-next-token", Q = pe("auth", () => {
     getTokenCookie: l
   };
 });
-function Ko(e = {}) {
+function Wo(e = {}) {
   const s = le.create({
     baseURL: e.baseURL || "",
     timeout: e.timeout || 3e4,
@@ -3338,24 +3339,24 @@ function Ko(e = {}) {
   ), s;
 }
 let ne = null;
-function sl(e, s = {}) {
-  return ne = Ko(s), e.provide("axios", ne), e.config.globalProperties.$axios = ne, ne;
+function al(e, s = {}) {
+  return ne = Wo(s), e.provide("axios", ne), e.config.globalProperties.$axios = ne, ne;
 }
-function Wo() {
+function Go() {
   if (!ne)
     throw new Error("Axios instance not initialized. Call setupAxios() first.");
   return ne;
 }
-function Go(e) {
+function Yo(e) {
   return e?.status !== 422 ? null : e.data?.errors || null;
 }
 function Ie(e) {
   return e?.status === 422 ? e.data?.message || "Please fix the validation errors." : e?.data?.message || "An error occurred.";
 }
-function Yo(e) {
+function Xo(e) {
   return e?.status === 422;
 }
-function al(e = {}) {
+function ol(e = {}) {
   const {
     successMessage: s = "Saved successfully!",
     createMessage: t = "Created successfully!",
@@ -3388,8 +3389,8 @@ function al(e = {}) {
       const k = b.response;
       if (o && await o(b) === !0)
         return { success: !1, data: null, error: b };
-      if (Yo(k)) {
-        const P = Go(k);
+      if (Xo(k)) {
+        const P = Yo(k);
         P && g && n && g.setErrors([], P), c && z.show({
           type: "danger",
           message: Ie(k)
@@ -3405,7 +3406,7 @@ function al(e = {}) {
     }
   }
   async function x(w) {
-    const { url: v, payload: u, method: g = "post", node: _, isEditMode: b } = w, k = Wo();
+    const { url: v, payload: u, method: g = "post", node: _, isEditMode: b } = w, k = Go();
     return f({
       submitFn: () => k[g](v, u),
       method: b ? "update" : "create",
@@ -3419,7 +3420,7 @@ function al(e = {}) {
     submitToApi: x
   };
 }
-function ol(e = {}) {
+function rl(e = {}) {
   const { items: s = [], defaultId: t = null } = e, a = W(), l = se(), r = R(s.map(o));
   function o(u) {
     return {
@@ -3504,31 +3505,31 @@ function ol(e = {}) {
   };
 }
 const ie = /* @__PURE__ */ new Map();
-let Xo = 0;
-function Jo() {
+let Jo = 0;
+function Qo() {
   for (const e of ie.values())
     if (e.isDirty)
       return !0;
   return !1;
 }
-function Qo() {
+function er() {
   for (const e of ie.values())
     if (e.isDirty && e.message)
       return e.message;
   return null;
 }
-function er() {
+function tr() {
   for (const e of ie.values())
     e.isDirty = !1;
 }
-function rl(e = {}) {
+function nl(e = {}) {
   const {
     message: s = "You have unsaved changes. Leave anyway?",
     title: t = "Unsaved Changes",
     confirmText: a = "Leave",
     cancelText: l = "Stay",
     useRouteGuard: r = !0
-  } = e, o = `form-${++Xo}`, i = R(!1);
+  } = e, o = `form-${++Jo}`, i = R(!1);
   ie.set(o, {
     isDirty: !1,
     message: s
@@ -3560,7 +3561,7 @@ function rl(e = {}) {
   }, w = () => {
     p && (window.removeEventListener("beforeunload", f), p = !1);
   };
-  return r && ns(async () => await d()), ze(() => {
+  return r && ls(async () => await d()), ze(() => {
     ie.delete(o), w();
   }), {
     isDirty: i,
@@ -3571,22 +3572,22 @@ function rl(e = {}) {
     disableBrowserWarning: w
   };
 }
-const tr = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, sr = { class: "flex flex-1 flex-col" }, ar = {
+const sr = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, ar = { class: "flex flex-1 flex-col" }, or = {
   class: "flex flex-1 flex-col gap-y-7",
   role: "list"
-}, or = { class: "flex flex-1 flex-col" }, rr = {
+}, rr = { class: "flex flex-1 flex-col" }, nr = {
   role: "list",
   class: "flex flex-1 flex-col"
-}, nr = { class: "flex items-center pb-8" }, lr = ["href", "onClick"], ir = {
+}, lr = { class: "flex items-center pb-8" }, ir = ["href", "onClick"], cr = {
   key: 2,
   class: "w-full flex justify-center"
-}, cr = {
+}, ur = {
   key: 0,
   class: "mt-[5px] flex flex-col gap-[5px]"
-}, ur = ["href", "onClick"], dr = {
+}, dr = ["href", "onClick"], pr = {
   key: 1,
   class: "text-[13px]"
-}, pr = { class: "mt-auto" }, fr = { class: "p-[10px] flex-shrink-0" }, mr = { class: "flex flex-1 items-center gap-x-6" }, hr = { class: "relative flex flex-1 items-center gap-4" }, gr = { class: "cursor-pointer" }, yr = ["src"], vr = { class: "ml-auto" }, br = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, nl = {
+}, fr = { class: "mt-auto" }, mr = { class: "p-[10px] flex-shrink-0" }, hr = { class: "flex flex-1 items-center gap-x-6" }, gr = { class: "relative flex flex-1 items-center gap-4" }, yr = { class: "cursor-pointer" }, vr = ["src"], br = { class: "ml-auto" }, xr = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, ll = {
   __name: "SparkDefaultContainer",
   props: {
     appStore: {
@@ -3606,14 +3607,14 @@ const tr = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, sr = { class: "flex
   setup(e, { emit: s }) {
     const t = e, a = s, l = Be(), r = se(), o = (v) => v.href ? !!(v.href === r.name || v.href === r.path || r.path.startsWith(v.href + "/")) : !1, i = dt(), n = it(), c = $(() => n.getAppIcon(t.appStore.state.app)), d = $(() => r.meta.hideBrandSelector === !0 ? !1 : t.appStore.state.showBrandSelector), p = () => {
       const v = {};
-      l["app-selector-bottom"] ? v.bottomSlot = () => Te("div", {}, l["app-selector-bottom"]()) : t.appSelectorSlots.bottomSlot && (v.bottomSlot = t.appSelectorSlots.bottomSlot), l["app-selector-footer"] ? v.footerSlot = () => Te("div", {}, l["app-selector-footer"]()) : t.appSelectorSlots.footerSlot && (v.footerSlot = t.appSelectorSlots.footerSlot), ae.showRight(Os, v, {
+      l["app-selector-bottom"] ? v.bottomSlot = () => Te("div", {}, l["app-selector-bottom"]()) : t.appSelectorSlots.bottomSlot && (v.bottomSlot = t.appSelectorSlots.bottomSlot), l["app-selector-footer"] ? v.footerSlot = () => Te("div", {}, l["app-selector-footer"]()) : t.appSelectorSlots.footerSlot && (v.footerSlot = t.appSelectorSlots.footerSlot), ae.showRight(Bs, v, {
         select: (u) => {
           ae.closeRight();
         }
       });
     }, f = () => {
       ae.showLeft(
-        ia,
+        ca,
         {},
         {
           select: (v) => {
@@ -3623,17 +3624,17 @@ const tr = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, sr = { class: "flex
       );
     }, x = $(() => t.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [t.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), w = $(() => t.mainNavStore.state.hidden ? ["pl-2.5"] : [t.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
     return (v, u) => {
-      const g = E("font-awesome-icon"), _ = E("router-view");
+      const g = A("font-awesome-icon"), _ = A("router-view");
       return h(), y(D, null, [
         m("div", {
           class: V([x.value, "fixed inset-y-0 flex transition-all z-100"])
         }, [
-          m("div", tr, [
-            m("nav", sr, [
-              m("ul", ar, [
-                m("li", or, [
-                  m("ul", rr, [
-                    m("li", nr, [
+          m("div", sr, [
+            m("nav", ar, [
+              m("ul", or, [
+                m("li", rr, [
+                  m("ul", nr, [
+                    m("li", lr, [
                       m("a", {
                         class: "grid w-[40px] h-[40px] place-items-center rounded-md bg-primary-600 text-white text-[13px] cursor-pointer",
                         onClick: u[0] || (u[0] = U((b) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
@@ -3669,7 +3670,7 @@ const tr = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, sr = { class: "flex
                           icon: C(F)[b.icon],
                           class: V([[(o(b), "text-gray-400")], "size-4"])
                         }, null, 8, ["icon", "class"])) : T("", !0),
-                        e.mainNavStore.state.collapsed ? b?.children ? (h(), y("div", ir, [...u[6] || (u[6] = [
+                        e.mainNavStore.state.collapsed ? b?.children ? (h(), y("div", cr, [...u[6] || (u[6] = [
                           m("div", { class: "w-[10px] h-px bg-gray-400" }, null, -1)
                         ])])) : T("", !0) : (h(), y("span", {
                           key: 1,
@@ -3680,8 +3681,8 @@ const tr = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, sr = { class: "flex
                             "text-gray-500": b?.children
                           })
                         }, M(b.name), 3))
-                      ], 10, lr),
-                      b.children ? (h(), y("ul", cr, [
+                      ], 10, ir),
+                      b.children ? (h(), y("ul", ur, [
                         (h(!0), y(D, null, B(b.children, (k) => (h(), y("li", {
                           key: k.name
                         }, [
@@ -3695,14 +3696,14 @@ const tr = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, sr = { class: "flex
                               icon: C(F)[k.icon],
                               class: V([[(o(k), "text-gray-400")], "size-4"])
                             }, null, 8, ["icon", "class"])) : T("", !0),
-                            e.mainNavStore.state.collapsed ? T("", !0) : (h(), y("span", dr, M(k.name), 1))
-                          ], 10, ur)
+                            e.mainNavStore.state.collapsed ? T("", !0) : (h(), y("span", pr, M(k.name), 1))
+                          ], 10, dr)
                         ]))), 128))
                       ])) : T("", !0)
                     ], 2))), 128))
                   ])
                 ]),
-                m("li", pr, [
+                m("li", fr, [
                   O(v.$slots, "sidebar-footer"),
                   m("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",
@@ -3722,11 +3723,11 @@ const tr = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, sr = { class: "flex
         m("div", {
           class: V([w.value, "h-full transition-all flex flex-col"])
         }, [
-          m("div", fr, [
-            m("div", mr, [
-              m("div", hr, [
+          m("div", mr, [
+            m("div", hr, [
+              m("div", gr, [
                 O(v.$slots, "header-left", {}, () => [
-                  m("div", gr, [
+                  m("div", yr, [
                     S(g, {
                       icon: C(F).farBarsSort,
                       class: "size-5",
@@ -3745,10 +3746,10 @@ const tr = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, sr = { class: "flex
                       src: C(i).currentBrand.logo,
                       alt: "",
                       class: "h-[30px] w-auto"
-                    }, null, 8, yr)) : T("", !0)
+                    }, null, 8, vr)) : T("", !0)
                   ])) : T("", !0)
                 ]),
-                m("div", vr, [
+                m("div", br, [
                   O(v.$slots, "header-right", {}, () => [
                     e.appStore.state.showAppSelector ? (h(), y("button", {
                       key: 0,
@@ -3766,7 +3767,7 @@ const tr = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, sr = { class: "flex
               ])
             ])
           ]),
-          m("main", br, [
+          m("main", xr, [
             S(_)
           ])
         ], 2),
@@ -3780,28 +3781,28 @@ const tr = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, sr = { class: "flex
           "overlay-instance": C(ae).right,
           onClose: u[5] || (u[5] = (b) => a("overlayClose", "right"))
         }, null, 8, ["overlay-instance"]),
-        S(C($a))
+        S(C(Ta))
       ], 64);
     };
   }
-}, xr = {}, kr = { class: "h-full" };
-function wr(e, s) {
-  const t = E("router-view");
-  return h(), y("main", kr, [
+}, kr = {}, wr = { class: "h-full" };
+function _r(e, s) {
+  const t = A("router-view");
+  return h(), y("main", wr, [
     S(t)
   ]);
 }
-const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid place-content-center relative" }, Cr = { class: "absolute top-8 left-8" }, Sr = ["src"], $r = {
+const il = /* @__PURE__ */ oe(kr, [["render", _r]]), Cr = { class: "h-full grid place-content-center relative" }, Sr = { class: "absolute top-8 left-8" }, $r = ["src"], Tr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Tr = { class: "max-w-sm grid gap-y-1 -mt-8" }, Lr = { class: "mb-7" }, Pr = { class: "text-gray-600" }, Mr = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, Vr = {
+}, Lr = { class: "max-w-sm grid gap-y-1 -mt-8" }, Pr = { class: "mb-7" }, Mr = { class: "text-gray-600" }, Vr = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, Hr = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, Hr = { key: 0 }, Rr = { key: 1 }, Fr = {
+}, Rr = { key: 0 }, Fr = { key: 1 }, Dr = {
   __name: "SparkLoginView",
   props: {
     logo: {
@@ -3838,15 +3839,15 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
       }
     };
     return (c, d) => {
-      const p = E("FormKit"), f = E("router-link");
-      return h(), y("div", _r, [
-        m("div", Cr, [
+      const p = A("FormKit"), f = A("router-link");
+      return h(), y("div", Cr, [
+        m("div", Sr, [
           r.logo ? (h(), y("img", {
             key: 0,
             src: r.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Sr)) : (h(), y("svg", $r, [...d[0] || (d[0] = [
+          }, null, 8, $r)) : (h(), y("svg", Tr, [...d[0] || (d[0] = [
             m("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -3865,10 +3866,10 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
             }, null, -1)
           ])]))
         ]),
-        m("div", Tr, [
-          m("div", Lr, [
+        m("div", Lr, [
+          m("div", Pr, [
             d[1] || (d[1] = m("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Log in", -1)),
-            m("p", Pr, " Welcome back" + M(C(a).state.app ? ` to ${C(a).state.app}` : "") + "! Please enter your details. ", 1)
+            m("p", Mr, " Welcome back" + M(C(a).state.app ? ` to ${C(a).state.app}` : "") + "! Please enter your details. ", 1)
           ]),
           S(p, {
             type: "form",
@@ -3894,19 +3895,19 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
                 "outer-class": "max-w-full",
                 value: C(l).state.devCredentials.password
               }, null, 8, ["value"]),
-              m("div", Mr, [
+              m("div", Vr, [
                 d[3] || (d[3] = m("span", null, null, -1)),
                 S(f, {
                   to: r.forgotPasswordRoute,
                   class: "text-sm text-primary-600 font-semibold"
                 }, {
                   default: L(() => [...d[2] || (d[2] = [
-                    A(" Forgot password ", -1)
+                    E(" Forgot password ", -1)
                   ])]),
                   _: 1
                 }, 8, ["to"])
               ]),
-              i.value ? (h(), y("div", Vr, M(i.value), 1)) : T("", !0),
+              i.value ? (h(), y("div", Hr, M(i.value), 1)) : T("", !0),
               S(C(G), {
                 type: "submit",
                 size: "xl",
@@ -3914,7 +3915,7 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
                 "button-class": "w-full mb-2"
               }, {
                 default: L(() => [
-                  o.value ? (h(), y("span", Rr, "Signing in...")) : (h(), y("span", Hr, "Sign in"))
+                  o.value ? (h(), y("span", Fr, "Signing in...")) : (h(), y("span", Rr, "Sign in"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -3925,7 +3926,7 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
       ]);
     };
   }
-}, Dr = {
+}, Ar = {
   __name: "SparkLogoutView",
   props: {
     defaultRedirect: {
@@ -3941,20 +3942,20 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
       r && r.startsWith("http") ? window.location.href = r : await s.push(r || l.defaultRedirect);
     }), (r, o) => null;
   }
-}, Er = { class: "h-full grid place-content-center relative" }, Ar = { class: "absolute top-8 left-8" }, Ir = ["src"], Or = {
+}, Er = { class: "h-full grid place-content-center relative" }, Ir = { 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"
-}, Br = { class: "max-w-sm grid gap-y-1 -mt-8" }, zr = {
+}, zr = { class: "max-w-sm grid gap-y-1 -mt-8" }, jr = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, jr = {
+}, Nr = {
   key: 1,
   class: "text-green-600 text-sm mb-2"
-}, Nr = { key: 0 }, Zr = { key: 1 }, qr = {
+}, Zr = { key: 0 }, qr = { key: 1 }, Ur = {
   __name: "SparkForgotPasswordView",
   props: {
     logo: {
@@ -3978,15 +3979,15 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
       }
     };
     return (i, n) => {
-      const c = E("FormKit"), d = E("router-link");
+      const c = A("FormKit"), d = A("router-link");
       return h(), y("div", Er, [
-        m("div", Ar, [
+        m("div", Ir, [
           t.logo ? (h(), y("img", {
             key: 0,
             src: t.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Ir)) : (h(), y("svg", Or, [...n[0] || (n[0] = [
+          }, null, 8, Or)) : (h(), y("svg", Br, [...n[0] || (n[0] = [
             m("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -4005,7 +4006,7 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
             }, null, -1)
           ])]))
         ]),
-        m("div", Br, [
+        m("div", zr, [
           n[2] || (n[2] = m("div", { class: "mb-7" }, [
             m("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Reset password"),
             m("p", { class: "text-gray-600" }, " Enter your email and we'll send you a link to reset your password. ")
@@ -4024,8 +4025,8 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
                 validation: "required|email",
                 "outer-class": "max-w-full"
               }),
-              l.value ? (h(), y("div", zr, M(l.value), 1)) : T("", !0),
-              r.value ? (h(), y("div", jr, M(r.value), 1)) : T("", !0),
+              l.value ? (h(), y("div", jr, M(l.value), 1)) : T("", !0),
+              r.value ? (h(), y("div", Nr, M(r.value), 1)) : T("", !0),
               S(C(G), {
                 type: "submit",
                 size: "xl",
@@ -4033,7 +4034,7 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
                 "button-class": "w-full mb-2"
               }, {
                 default: L(() => [
-                  a.value ? (h(), y("span", Zr, "Sending...")) : (h(), y("span", Nr, "Send reset link"))
+                  a.value ? (h(), y("span", qr, "Sending...")) : (h(), y("span", Zr, "Send reset link"))
                 ]),
                 _: 1
               }, 8, ["disabled"]),
@@ -4042,7 +4043,7 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
                 class: "text-sm text-center text-primary-600 font-semibold block"
               }, {
                 default: L(() => [...n[1] || (n[1] = [
-                  A(" Back to login ", -1)
+                  E(" Back to login ", -1)
                 ])]),
                 _: 1
               }, 8, ["to"])
@@ -4053,17 +4054,17 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
       ]);
     };
   }
-}, Ur = { class: "h-full grid place-content-center relative" }, Kr = { class: "absolute top-8 left-8" }, Wr = ["src"], Gr = {
+}, Kr = { class: "h-full grid place-content-center relative" }, Wr = { class: "absolute top-8 left-8" }, Gr = ["src"], Yr = {
   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" }, Xr = {
+}, Xr = { class: "max-w-sm grid gap-y-1 -mt-8" }, Jr = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, Jr = { key: 0 }, Qr = { key: 1 }, en = {
+}, Qr = { key: 0 }, en = { key: 1 }, tn = {
   __name: "SparkResetPasswordView",
   props: {
     logo: {
@@ -4092,15 +4093,15 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
       }
     };
     return (n, c) => {
-      const d = E("FormKit");
-      return h(), y("div", Ur, [
-        m("div", Kr, [
+      const d = A("FormKit");
+      return h(), y("div", Kr, [
+        m("div", Wr, [
           l.logo ? (h(), y("img", {
             key: 0,
             src: l.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Wr)) : (h(), y("svg", Gr, [...c[0] || (c[0] = [
+          }, null, 8, Gr)) : (h(), y("svg", Yr, [...c[0] || (c[0] = [
             m("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -4119,7 +4120,7 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
             }, null, -1)
           ])]))
         ]),
-        m("div", Yr, [
+        m("div", Xr, [
           c[1] || (c[1] = m("div", { class: "mb-7" }, [
             m("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Set new password"),
             m("p", { class: "text-gray-600" }, " Enter your new password below. ")
@@ -4146,7 +4147,7 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
                 validation: "required|confirm:password",
                 "outer-class": "max-w-full"
               }),
-              o.value ? (h(), y("div", Xr, M(o.value), 1)) : T("", !0),
+              o.value ? (h(), y("div", Jr, M(o.value), 1)) : T("", !0),
               S(C(G), {
                 type: "submit",
                 size: "xl",
@@ -4154,7 +4155,7 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
                 "button-class": "w-full mb-2"
               }, {
                 default: L(() => [
-                  r.value ? (h(), y("span", Qr, "Resetting...")) : (h(), y("span", Jr, "Reset password"))
+                  r.value ? (h(), y("span", en, "Resetting...")) : (h(), y("span", Qr, "Reset password"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -4165,14 +4166,14 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
       ]);
     };
   }
-}, tn = { class: "h-full grid place-content-center relative" }, sn = { class: "absolute top-8 left-8" }, an = ["src"], on = {
+}, sn = { class: "h-full grid place-content-center relative" }, an = { class: "absolute top-8 left-8" }, on = ["src"], rn = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, rn = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, nn = { class: "flex gap-4 justify-center" }, ln = {
+}, nn = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, ln = { class: "flex gap-4 justify-center" }, cn = {
   __name: "SparkError403View",
   props: {
     logo: {
@@ -4188,14 +4189,14 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
     const s = W(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, r) => (h(), y("div", tn, [
-      m("div", sn, [
+    return (l, r) => (h(), y("div", sn, [
+      m("div", an, [
         t.logo ? (h(), y("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, an)) : (h(), y("svg", on, [...r[0] || (r[0] = [
+        }, null, 8, on)) : (h(), y("svg", rn, [...r[0] || (r[0] = [
           m("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -4214,23 +4215,23 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
           }, null, -1)
         ])]))
       ]),
-      m("div", rn, [
+      m("div", nn, [
         r[2] || (r[2] = m("div", null, [
           m("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "403"),
           m("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Access Forbidden "),
           m("p", { class: "text-gray-600" }, [
-            A(" You don't have permission to access this resource."),
+            E(" You don't have permission to access this resource."),
             m("br"),
-            A(" If you believe this is an error, please contact your administrator. ")
+            E(" If you believe this is an error, please contact your administrator. ")
           ])
         ], -1)),
-        m("div", nn, [
+        m("div", ln, [
           S(C(G), {
             onClick: a,
             size: "lg"
           }, {
             default: L(() => [...r[1] || (r[1] = [
-              A(" Go to Home ", -1)
+              E(" Go to Home ", -1)
             ])]),
             _: 1
           })
@@ -4238,14 +4239,14 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
       ])
     ]));
   }
-}, cn = { class: "h-full grid place-content-center relative" }, un = { class: "absolute top-8 left-8" }, dn = ["src"], pn = {
+}, un = { class: "h-full grid place-content-center relative" }, dn = { class: "absolute top-8 left-8" }, pn = ["src"], fn = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, fn = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, mn = { class: "flex gap-4 justify-center" }, hn = {
+}, mn = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, hn = { class: "flex gap-4 justify-center" }, gn = {
   __name: "SparkError404View",
   props: {
     logo: {
@@ -4261,14 +4262,14 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
     const s = W(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, r) => (h(), y("div", cn, [
-      m("div", un, [
+    return (l, r) => (h(), y("div", un, [
+      m("div", dn, [
         t.logo ? (h(), y("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, dn)) : (h(), y("svg", pn, [...r[0] || (r[0] = [
+        }, null, 8, pn)) : (h(), y("svg", fn, [...r[0] || (r[0] = [
           m("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -4287,19 +4288,19 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
           }, null, -1)
         ])]))
       ]),
-      m("div", fn, [
+      m("div", mn, [
         r[2] || (r[2] = m("div", null, [
           m("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "404"),
           m("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Page Not Found "),
           m("p", { class: "text-gray-600" }, " The page you're looking for doesn't exist or has been moved. ")
         ], -1)),
-        m("div", mn, [
+        m("div", hn, [
           S(C(G), {
             onClick: a,
             size: "lg"
           }, {
             default: L(() => [...r[1] || (r[1] = [
-              A(" Go to Home ", -1)
+              E(" Go to Home ", -1)
             ])]),
             _: 1
           })
@@ -4307,14 +4308,14 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
       ])
     ]));
   }
-}, gn = { class: "h-full grid place-content-center relative" }, yn = { class: "absolute top-8 left-8" }, vn = ["src"], bn = {
+}, yn = { class: "h-full grid place-content-center relative" }, vn = { class: "absolute top-8 left-8" }, bn = ["src"], xn = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, xn = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, kn = { class: "text-primary-600 text-7xl font-bold mb-4" }, wn = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, _n = { class: "text-gray-600" }, Cn = { class: "flex gap-4 justify-center" }, il = {
+}, kn = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, wn = { class: "text-primary-600 text-7xl font-bold mb-4" }, _n = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, Cn = { class: "text-gray-600" }, Sn = { class: "flex gap-4 justify-center" }, cl = {
   __name: "SparkErrorGeneralView",
   props: {
     logo: {
@@ -4342,14 +4343,14 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
     const s = W(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, r) => (h(), y("div", gn, [
-      m("div", yn, [
+    return (l, r) => (h(), y("div", yn, [
+      m("div", vn, [
         t.logo ? (h(), y("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, vn)) : (h(), y("svg", bn, [...r[0] || (r[0] = [
+        }, null, 8, bn)) : (h(), y("svg", xn, [...r[0] || (r[0] = [
           m("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -4368,19 +4369,19 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
           }, null, -1)
         ])]))
       ]),
-      m("div", xn, [
+      m("div", kn, [
         m("div", null, [
-          m("div", kn, M(t.errorCode || "Error"), 1),
-          m("h1", wn, M(t.title || "Something went wrong"), 1),
-          m("p", _n, M(t.message || "An unexpected error occurred. Please try again later."), 1)
+          m("div", wn, M(t.errorCode || "Error"), 1),
+          m("h1", _n, M(t.title || "Something went wrong"), 1),
+          m("p", Cn, M(t.message || "An unexpected error occurred. Please try again later."), 1)
         ]),
-        m("div", Cn, [
+        m("div", Sn, [
           S(C(G), {
             onClick: a,
             size: "lg"
           }, {
             default: L(() => [...r[1] || (r[1] = [
-              A(" Go to Home ", -1)
+              E(" Go to Home ", -1)
             ])]),
             _: 1
           })
@@ -4389,7 +4390,7 @@ const ll = /* @__PURE__ */ oe(xr, [["render", wr]]), _r = { class: "h-full grid
     ]));
   }
 };
-function cl(e = {}) {
+function ul(e = {}) {
   const {
     loginPath: s = "/login",
     logoutPath: t = "/logout",
@@ -4402,41 +4403,41 @@ function cl(e = {}) {
     {
       path: s,
       name: "login",
-      component: Fr,
+      component: Dr,
       props: { logo: r, defaultRedirect: o },
       meta: { auth: !1 }
     },
     {
       path: t,
       name: "logout",
-      component: Dr,
+      component: Ar,
       props: { defaultRedirect: s },
       meta: { auth: !1 }
     },
     {
       path: a,
       name: "forgot-password",
-      component: qr,
+      component: Ur,
       props: { logo: r, loginRoute: s },
       meta: { auth: !1 }
     },
     {
       path: l,
       name: "password-reset",
-      component: en,
+      component: tn,
       props: { logo: r, loginRoute: s },
       meta: { auth: !1 }
     }
   ];
 }
-function ul(e, s = {}) {
+function dl(e, s = {}) {
   const { defaultAuthenticatedRoute: t = "/dashboard" } = s;
   e.beforeEach(async (a, l, r) => {
     const o = Q();
-    o.state.ready || await o.fetchUser(), Sn(a, r, o, t);
+    o.state.ready || await o.fetchUser(), $n(a, r, o, t);
   });
 }
-function Sn(e, s, t, a) {
+function $n(e, s, t, a) {
   const l = e.meta.auth !== !1, r = t.check;
   if (t.state.overrideToken && e.path === "/logout") {
     s({ path: a });
@@ -4474,7 +4475,7 @@ function Sn(e, s, t, a) {
     s();
   }
 }
-function dl(e = {}) {
+function pl(e = {}) {
   const {
     forbiddenPath: s = "/error/403",
     logo: t = "",
@@ -4483,12 +4484,12 @@ function dl(e = {}) {
   return {
     path: s,
     name: "error-403",
-    component: ln,
+    component: cn,
     props: { logo: t, homeRoute: a },
     meta: { auth: !1 }
   };
 }
-function pl(e = {}) {
+function fl(e = {}) {
   const {
     logo: s = "",
     homeRoute: t = "/dashboard"
@@ -4496,12 +4497,12 @@ function pl(e = {}) {
   return {
     path: "/:pathMatch(.*)*",
     name: "error-404",
-    component: hn,
+    component: gn,
     props: { logo: s, homeRoute: t },
     meta: { auth: !1 }
   };
 }
-function fl(e, s) {
+function ml(e, s) {
   e.beforeResolve(async (t) => {
     if (t.meta.auth !== !1) {
       const a = Q();
@@ -4509,7 +4510,7 @@ function fl(e, s) {
     }
   });
 }
-function ml(e, s = {}) {
+function hl(e, s = {}) {
   const {
     title: t = "Unsaved Changes",
     message: a = "You have unsaved changes. Leave anyway?",
@@ -4517,21 +4518,21 @@ function ml(e, s = {}) {
     cancelText: r = "Stay"
   } = s;
   e.beforeEach(async (o, i, n) => {
-    if (!Jo()) {
+    if (!Qo()) {
       n();
       return;
     }
-    const c = Qo() || a;
+    const c = er() || a;
     await J.confirm({
       title: t,
       message: c,
       confirmText: l,
       cancelText: r,
       type: "warning"
-    }) ? (er(), n()) : n(!1);
+    }) ? (tr(), n()) : n(!1);
   });
 }
-const hl = pe("sparkNav", () => {
+const gl = pe("sparkNav", () => {
   const e = K({
     menu: [],
     collapsed: !1,
@@ -4589,77 +4590,77 @@ const hl = pe("sparkNav", () => {
 export {
   F as Icons,
   re as SparkAlert,
-  Os as SparkAppSelector,
-  ia as SparkBrandSelector,
+  Bs as SparkAppSelector,
+  ca as SparkBrandSelector,
   G as SparkButton,
   pt as SparkButtonGroup,
-  Xn as SparkCard,
-  nl as SparkDefaultContainer,
-  ln as SparkError403View,
-  hn as SparkError404View,
-  il as SparkErrorGeneralView,
-  qr as SparkForgotPasswordView,
-  Jn as SparkImageUpload,
-  Fr as SparkLoginView,
-  Dr as SparkLogoutView,
-  $a as SparkModalContainer,
-  wa as SparkModalDialog,
-  Gn as SparkNotificationOutlet,
+  Jn as SparkCard,
+  ll as SparkDefaultContainer,
+  cn as SparkError403View,
+  gn as SparkError404View,
+  cl as SparkErrorGeneralView,
+  Ur as SparkForgotPasswordView,
+  Qn as SparkImageUpload,
+  Dr as SparkLoginView,
+  Ar as SparkLogoutView,
+  Ta as SparkModalContainer,
+  _a as SparkModalDialog,
+  Yn as SparkNotificationOutlet,
   Me as SparkOverlay,
-  ll as SparkPublicContainer,
-  en as SparkResetPasswordView,
-  Qn as SparkSubNav,
-  el as SparkTable,
-  Vo as SparkTableDatePicker,
-  Lo as SparkTableFilterButtons,
-  Co as SparkTableFilterSelect,
-  ho as SparkTablePaginationPaging,
-  vo as SparkTablePaginationPerPage,
-  Do as SparkTableReset,
-  ko as SparkTableSearch,
+  il as SparkPublicContainer,
+  tn as SparkResetPasswordView,
+  el as SparkSubNav,
+  tl as SparkTable,
+  Ho as SparkTableDatePicker,
+  Po as SparkTableFilterButtons,
+  So as SparkTableFilterSelect,
+  go as SparkTablePaginationPaging,
+  bo as SparkTablePaginationPerPage,
+  Ao as SparkTableReset,
+  wo as SparkTableSearch,
   De as SparkTableToolbar,
-  Yn as SparkToastContainer,
-  Kn as addIcons,
-  er as clearAllDirtyForms,
-  dl as create403Route,
-  pl as create404Route,
-  cl as createAuthRoutes,
-  Ko as createAxiosInstance,
-  tl as createBootstrapService,
-  Ra as customiseHeader,
-  Zo as deleteCookie,
-  qn as formKitGenesisOverride,
-  Un as formKitIconLoader,
-  Zn as formKitIcons,
-  Ya as formatTemporal,
-  Wo as getAxiosInstance,
-  jo as getCookie,
-  Qo as getDirtyFormMessage,
+  Xn as SparkToastContainer,
+  Wn as addIcons,
+  tr as clearAllDirtyForms,
+  pl as create403Route,
+  fl as create404Route,
+  ul as createAuthRoutes,
+  Wo as createAxiosInstance,
+  sl as createBootstrapService,
+  Fa as customiseHeader,
+  qo as deleteCookie,
+  Un as formKitGenesisOverride,
+  Kn as formKitIconLoader,
+  qn as formKitIcons,
+  Xa as formatTemporal,
+  Go as getAxiosInstance,
+  No as getCookie,
+  er as getDirtyFormMessage,
   ft as getDomain,
   Ie as getFormLevelMessage,
-  Jo as hasAnyDirtyForm,
-  Yo as isValidationError,
-  Xa as parseDatetime,
-  Go as parseLaravelErrors,
-  Pa as renderHeaderTitle,
-  No as setCookie,
-  ul as setupAuthGuards,
-  sl as setupAxios,
-  fl as setupBootstrapGuard,
-  ml as setupDirtyFormGuard,
-  Wn as setupFontAwesome,
+  Qo as hasAnyDirtyForm,
+  Xo as isValidationError,
+  Ja as parseDatetime,
+  Yo as parseLaravelErrors,
+  Ma as renderHeaderTitle,
+  Zo as setCookie,
+  dl as setupAuthGuards,
+  al as setupAxios,
+  ml as setupBootstrapGuard,
+  hl as setupDirtyFormGuard,
+  Gn as setupFontAwesome,
   J as sparkModalService,
   z as sparkNotificationService,
   ae as sparkOverlayService,
-  to as updateRow,
-  rl as useFormDirtyGuard,
-  al as useFormSubmission,
+  so as updateRow,
+  nl as useFormDirtyGuard,
+  ol as useFormSubmission,
   it as useSparkAppSelectorStore,
   ct as useSparkAppStore,
   Q as useSparkAuthStore,
   dt as useSparkBrandFilterStore,
-  hl as useSparkNavStore,
-  Ae as useSparkOverlay,
-  so as useSparkTableRouteSync,
-  ol as useSubNavigation
+  gl as useSparkNavStore,
+  Ee as useSparkOverlay,
+  ao as useSparkTableRouteSync,
+  rl as useSubNavigation
 };