@wishbone-media/spark 0.43.0 → 0.45.0

package/dist/index.js

@@ -1,11 +1,11 @@
-import { ref as ke, reactive as Et, watch as et, onMounted as Gt, nextTick as fa, onUnmounted as Fn, createElementBlock as P, openBlock as T, createElementVNode as _, Fragment as ze, renderList as st, toDisplayString as xe, withDirectives as Qt, createCommentVNode as he, createTextVNode as qe, vModelText as po, vModelSelect as pa, vShow as ar, computed as Q, shallowRef as ma, getCurrentScope as ga, onScopeDispose as ha, shallowReadonly as un, unref as ne, resolveComponent as Ue, normalizeClass as _e, createVNode as oe, renderSlot as Ke, createBlock as Me, resolveDynamicComponent as vt, markRaw as wn, Transition as ir, withCtx as we, normalizeProps as va, mergeProps as wt, Teleport as lr, TransitionGroup as Tn, inject as ao, onUpdated as cr, provide as ya, resolveDirective as ba, useSlots as Bo, normalizeStyle as ss, withModifiers as Xe, toHandlers as ur, h as rs } from "vue";
+import { ref as ke, reactive as Et, watch as et, onMounted as Gt, nextTick as da, onUnmounted as Fn, createElementBlock as P, openBlock as T, createElementVNode as _, Fragment as ze, renderList as st, toDisplayString as xe, withDirectives as Qt, createCommentVNode as he, createTextVNode as qe, vModelText as po, vModelSelect as fa, vShow as ar, computed as Q, shallowRef as pa, getCurrentScope as ma, onScopeDispose as ga, shallowReadonly as un, unref as ne, resolveComponent as Ue, normalizeClass as _e, createVNode as oe, renderSlot as Ke, createBlock as Me, resolveDynamicComponent as vt, markRaw as wn, Transition as ir, withCtx as we, normalizeProps as ha, mergeProps as wt, Teleport as lr, TransitionGroup as Tn, inject as ao, onUpdated as cr, provide as va, resolveDirective as ya, useSlots as Bo, normalizeStyle as ss, withModifiers as Xe, toHandlers as ur, h as rs } from "vue";
 import { icon as Wt, library as dr } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon as Zn } from "@fortawesome/vue-fontawesome";
-import { faArrowUpRightFromSquare as xa, faCopy as wa, faCircleDot as fr, faEyeDropper as pr, faAnglesLeft as mr, faAnglesRight as gr, faStar as hr, faSpinnerThird as vr, faCircle as Sa, faFile as Mo, faCalendar as yr, faArrowUp as br, faArrowDown as xr, faPlus as wr, faCircleCheck as ka, faInbox as Ea, faCloudArrowUp as Ta, faCloudDownload as Ca, faBolt as _a, faUndo as $a, faEye as Ma, faSignOut as La, faXmark as Lo, faTrash as Sr, faTimes as Oa, faStreetView as Pa, faSortUp as Aa, faSortDown as Ra, faSort as Fa, faScaleBalanced as Ia, faSatelliteDish as Da, faLayerPlus as ja, faLaptopMobile as Ha, faInfoCircle as Va, faGripDotsVertical as kr, faGearComplex as za, faFlag as Na, faFaceSmileWink as Ba, faFaceSmileRelaxed as qa, faExclamationTriangle as Wa, faEllipsisVertical as Ua, faEllipsis as Za, faEdit as Ga, faComments as Ya, faCircleXmark as Xa, faCircleUser as Ka, faChevronUp as Ja, faChevronRight as Er, faChevronLeft as Tr, faChevronDown as Cr, faCheckCircle as Qa, faCheck as Oo, faBullhorn as ei, faBellRing as ti, faBarsSort as ni, faArrowRightToLine as oi, faArrowLeftToLine as si } from "@fortawesome/pro-regular-svg-icons";
+import { faArrowUpRightFromSquare as ba, faCopy as xa, faCircleDot as fr, faEyeDropper as pr, faAnglesLeft as mr, faAnglesRight as gr, faStar as wa, faSpinnerThird as hr, faCircle as Sa, faFile as Mo, faCalendar as vr, faArrowUp as yr, faArrowDown as br, faPlus as xr, faCircleCheck as ka, faInbox as Ea, faCloudArrowUp as Ta, faCloudDownload as Ca, faBolt as _a, faUndo as $a, faEye as Ma, faSignOut as La, faXmark as Lo, faTrash as wr, faTimes as Oa, faStreetView as Pa, faSortUp as Aa, faSortDown as Ra, faSort as Fa, faScaleBalanced as Ia, faSatelliteDish as Da, faLayerPlus as ja, faLaptopMobile as Ha, faInfoCircle as Va, faGripDotsVertical as Sr, faGearComplex as za, faFlag as Na, faFaceSmileWink as Ba, faFaceSmileRelaxed as qa, faExclamationTriangle as Wa, faEllipsisVertical as Ua, faEllipsis as Za, faEdit as Ga, faComments as Ya, faCircleXmark as Xa, faCircleUser as Ka, faChevronUp as Ja, faChevronRight as kr, faChevronLeft as Er, faChevronDown as Tr, faCheckCircle as Qa, faCheck as Oo, faBullhorn as ei, faBellRing as ti, faBarsSort as ni, faArrowRightToLine as oi, faArrowLeftToLine as si } from "@fortawesome/pro-regular-svg-icons";
 import { faSortUp as ri, faSortDown as ai, faSort as ii } from "@fortawesome/pro-duotone-svg-icons";
 import { defineStore as In } from "pinia";
 import { useRoute as Dt, useRouter as Tt, onBeforeRouteLeave as li } from "vue-router";
-import { TransitionRoot as _r, Dialog as $r, TransitionChild as Kn, DialogPanel as Mr } from "@headlessui/vue";
+import { TransitionRoot as Cr, Dialog as _r, TransitionChild as Kn, DialogPanel as $r } from "@headlessui/vue";
 import mo from "nprogress";
 import { range as ci, get as zt, find as ui, has as di } from "lodash";
 import { HotTable as fi } from "@handsontable/vue3";
@@ -13,7 +13,7 @@ import "handsontable/styles/handsontable.css";
 import "handsontable/styles/ht-theme-classic.css";
 import { registerPlugin as Vn, AutoColumnSize as pi, CopyPaste as mi, StretchColumns as gi, NestedHeaders as hi } from "handsontable/plugins";
 import { registerAllCellTypes as vi } from "handsontable/cellTypes";
-import { useDebounceFn as Lr, watchDebounced as as } from "@vueuse/core";
+import { useDebounceFn as Mr, watchDebounced as as } from "@vueuse/core";
 import { registerRenderer as yi, baseRenderer as bi } from "handsontable/renderers";
 import vn from "axios";
 function xi(e, t) {
@@ -27,10 +27,10 @@ const wi = (e) => {
     p.set("callback", a + ".maps." + l), xi(n, "https://maps.googleapis.com/maps/api/js?" + p), d[l] = m, n.onerror = () => t = g(Error(r + " could not load.")), n.nonce = i.querySelector("script[nonce]")?.nonce || "", i.head.append(n);
   }));
   d[s] ? console.warn(r + " only loads once. Ignoring:", e) : d[s] = (m, ...g) => u.add(m) && y().then(() => d[s](m, ...g));
-}, Si = (e) => `The setOptions() function should only be called once. The options passed to the additional call (${JSON.stringify(e)}) will be ignored.`, ki = (e) => `The google.maps.importLibrary() function is already defined, and @googlemaps/js-api-loader will use the existing function instead of overwriting it. The options passed to setOptions (${JSON.stringify(e)}) will be ignored.`, Ei = "No options were set before calling importLibrary. Make sure to configure the loader using setOptions().", Ti = "There already is a script loading the Google Maps JavaScript API, and no google.maps.importLibrary function is defined. @googlemaps/js-api-loader will proceed to bootstrap the API with the specified options, but the existing script might cause problems using the API. Make sure to remove the script loading the API.", Or = process.env.NODE_ENV !== "production", qo = Or ? (e) => {
+}, Si = (e) => `The setOptions() function should only be called once. The options passed to the additional call (${JSON.stringify(e)}) will be ignored.`, ki = (e) => `The google.maps.importLibrary() function is already defined, and @googlemaps/js-api-loader will use the existing function instead of overwriting it. The options passed to setOptions (${JSON.stringify(e)}) will be ignored.`, Ei = "No options were set before calling importLibrary. Make sure to configure the loader using setOptions().", Ti = "There already is a script loading the Google Maps JavaScript API, and no google.maps.importLibrary function is defined. @googlemaps/js-api-loader will proceed to bootstrap the API with the specified options, but the existing script might cause problems using the API. Make sure to remove the script loading the API.", Lr = process.env.NODE_ENV !== "production", qo = Lr ? (e) => {
   console.warn(`[@googlemaps/js-api-loader] ${e}`);
 } : () => {
-}, Ci = Or ? (e) => {
+}, Ci = Lr ? (e) => {
   console.info(`[@googlemaps/js-api-loader] ${e}`);
 } : () => {
 }, _i = process.env.NODE_ENV !== "production";
@@ -74,7 +74,7 @@ const Pi = { class: "spark-address-input" }, Ai = ["disabled"], Ri = ["selected"
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   d: "M12 4v16m8-8H4"
-}, zi = ["disabled"], Ni = { class: "mt-3 grid grid-cols-2 gap-2" }, Bi = ["disabled"], qi = ["disabled"], Wi = ["disabled"], Ui = ["value"], Zi = ["disabled"], Gi = { class: "col-span-2 text-right" }, Yi = ["disabled"], Ip = {
+}, zi = ["disabled"], Ni = { class: "mt-3 grid grid-cols-2 gap-2" }, Bi = ["disabled"], qi = ["disabled"], Wi = ["disabled"], Ui = ["value"], Zi = ["disabled"], Gi = { class: "col-span-2 text-right" }, Yi = ["disabled"], Dp = {
   __name: "SparkAddressInput",
   props: {
     modelValue: {
@@ -206,7 +206,7 @@ const Pi = { class: "spark-address-input" }, Ai = ["disabled"], Ri = ["selected"
     return Gt(() => {
       r.value === "autocomplete" && p();
     }), et(r, async (v) => {
-      v === "autocomplete" && (await fa(), p());
+      v === "autocomplete" && (await da(), p());
     }), Fn(() => {
       i = !0, l && (l.removeEventListener("gmp-select", y), l = null);
     }), (v, k) => (T(), P("div", Pi, [
@@ -316,7 +316,7 @@ const Pi = { class: "spark-address-input" }, Ai = ["disabled"], Ri = ["selected"
               value: x
             }, xe(x), 9, Ui))), 128))
           ], 40, Wi), [
-            [pa, c.state]
+            [fa, c.state]
           ]),
           Qt(_("input", {
             "onUpdate:modelValue": k[6] || (k[6] = (x) => c.postcode = x),
@@ -368,7 +368,7 @@ function on(e) {
 function jn(e) {
   return e.split("-")[1];
 }
-function Pr(e) {
+function Or(e) {
   return e === "x" ? "y" : "x";
 }
 function Wo(e) {
@@ -379,7 +379,7 @@ function qt(e) {
   return t === "t" || t === "b" ? "y" : "x";
 }
 function Uo(e) {
-  return Pr(qt(e));
+  return Or(qt(e));
 }
 function Ki(e, t, n) {
   n === void 0 && (n = !1);
@@ -425,7 +425,7 @@ function ol(e) {
     ...e
   };
 }
-function Ar(e) {
+function Pr(e) {
   return typeof e != "number" ? ol(e) : {
     top: e,
     right: e,
@@ -515,7 +515,7 @@ async function sl(e, t) {
     elementContext: d = "floating",
     altBoundary: u = !1,
     padding: p = 0
-  } = Dn(t, e), y = Ar(p), g = l[u ? d === "floating" ? "reference" : "floating" : d], h = eo(await a.getClippingRect({
+  } = Dn(t, e), y = Pr(p), g = l[u ? d === "floating" ? "reference" : "floating" : d], h = eo(await a.getClippingRect({
     element: (n = await (a.isElement == null ? void 0 : a.isElement(g))) == null || n ? g : g.contextElement || await (a.getDocumentElement == null ? void 0 : a.getDocumentElement(l.floating)),
     boundary: c,
     rootBoundary: f,
@@ -626,7 +626,7 @@ const rl = 50, al = async (e, t, n) => {
     } = Dn(e, t) || {};
     if (c == null)
       return {};
-    const d = Ar(f), u = {
+    const d = Pr(f), u = {
       x: n,
       y: o
     }, p = Uo(r), y = Wo(p), m = await s.getDimensions(c), g = p === "y", h = g ? "top" : "left", b = g ? "bottom" : "right", v = g ? "clientHeight" : "clientWidth", k = a.reference[y] + a.reference[p] - u[p] - a.floating[y], x = u[p] - a.reference[p], L = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
@@ -805,7 +805,7 @@ const dl = function(e) {
       } = Dn(e, t), f = {
         x: n,
         y: o
-      }, d = await a.detectOverflow(t, c), u = qt(on(r)), p = Pr(u);
+      }, d = await a.detectOverflow(t, c), u = qt(on(r)), p = Or(u);
       let y = f[p], m = f[u];
       if (s) {
         const h = p === "y" ? "top" : "left", b = p === "y" ? "bottom" : "right", v = y + d[h], k = y - d[b];
@@ -931,14 +931,14 @@ function Ut(e) {
   );
   return ds(t) ? t.host : t;
 }
-function Rr(e) {
+function Ar(e) {
   const t = Ut(e);
-  return kn(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : jt(t) && Hn(t) ? t : Rr(t);
+  return kn(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : jt(t) && Hn(t) ? t : Ar(t);
 }
 function Pn(e, t, n) {
   var o;
   t === void 0 && (t = []), n === void 0 && (n = !0);
-  const r = Rr(e), a = r === ((o = e.ownerDocument) == null ? void 0 : o.body), s = pt(r);
+  const r = Ar(e), a = r === ((o = e.ownerDocument) == null ? void 0 : o.body), s = pt(r);
   if (a) {
     const l = Fo(s);
     return t.concat(s, s.visualViewport || [], Hn(r) ? r : [], l && n ? Pn(l) : []);
@@ -948,7 +948,7 @@ function Pn(e, t, n) {
 function Fo(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function Fr(e) {
+function Rr(e) {
   const t = kt(e);
   let n = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
   const r = jt(e), a = r ? e.offsetWidth : n, s = r ? e.offsetHeight : o, l = Jn(n) !== a || Jn(o) !== s;
@@ -969,7 +969,7 @@ function yn(e) {
     width: o,
     height: r,
     $: a
-  } = Fr(t);
+  } = Rr(t);
   let s = (a ? Jn(n.width) : n.width) / o, l = (a ? Jn(n.height) : n.height) / r;
   return (!s || !Number.isFinite(s)) && (s = 1), (!l || !Number.isFinite(l)) && (l = 1), {
     x: s,
@@ -977,7 +977,7 @@ function yn(e) {
   };
 }
 const vl = /* @__PURE__ */ Mt(0);
-function Ir(e) {
+function Fr(e) {
   const t = pt(e);
   return !Yo() || !t.visualViewport ? vl : {
     x: t.visualViewport.offsetLeft,
@@ -992,7 +992,7 @@ function sn(e, t, n, o) {
   const r = e.getBoundingClientRect(), a = Xo(e);
   let s = Mt(1);
   t && (o ? St(o) && (s = yn(o)) : s = yn(e));
-  const l = yl(a, n, o) ? Ir(a) : Mt(0);
+  const l = yl(a, n, o) ? Fr(a) : Mt(0);
   let i = (r.left + l.x) / s.x, c = (r.top + l.y) / s.y, f = r.width / s.x, d = r.height / s.y;
   if (a) {
     const u = pt(a), p = o && St(o) ? pt(o) : o;
@@ -1013,7 +1013,7 @@ function uo(e, t) {
   const n = co(e).scrollLeft;
   return t ? t.left + n : sn(Lt(e)).left + n;
 }
-function Dr(e, t) {
+function Ir(e, t) {
   const n = e.getBoundingClientRect(), o = n.left + t.scrollLeft - uo(e, n), r = n.top + t.scrollTop;
   return {
     x: o,
@@ -1039,7 +1039,7 @@ function bl(e) {
     const p = sn(o);
     c = yn(o), f.x = p.x + o.clientLeft, f.y = p.y + o.clientTop;
   }
-  const u = s && !d && !a ? Dr(s, i) : Mt(0);
+  const u = s && !d && !a ? Ir(s, i) : Mt(0);
   return {
     width: n.width * c.x,
     height: n.height * c.y,
@@ -1100,7 +1100,7 @@ function ps(e, t, n) {
   else if (St(t))
     o = kl(t, n);
   else {
-    const r = Ir(e);
+    const r = Fr(e);
     o = {
       x: t.x - r.x,
       y: t.y - r.y,
@@ -1110,9 +1110,9 @@ function ps(e, t, n) {
   }
   return eo(o);
 }
-function jr(e, t) {
+function Dr(e, t) {
   const n = Ut(e);
-  return n === t || !St(n) || kn(n) ? !1 : kt(n).position === "fixed" || jr(n, t);
+  return n === t || !St(n) || kn(n) ? !1 : kt(n).position === "fixed" || Dr(n, t);
 }
 function El(e, t) {
   const n = t.get(e);
@@ -1123,7 +1123,7 @@ function El(e, t) {
   let s = a ? Ut(e) : e;
   for (; St(s) && !kn(s); ) {
     const l = kt(s), i = Go(s);
-    !i && l.position === "fixed" && (r = null), (a ? !i && !r : !i && l.position === "static" && !!r && (r.position === "absolute" || r.position === "fixed") || Hn(s) && !i && jr(e, s)) ? o = o.filter((f) => f !== s) : r = l, s = Ut(s);
+    !i && l.position === "fixed" && (r = null), (a ? !i && !r : !i && l.position === "static" && !!r && (r.position === "absolute" || r.position === "fixed") || Hn(s) && !i && Dr(e, s)) ? o = o.filter((f) => f !== s) : r = l, s = Ut(s);
   }
   return t.set(e, o), o;
 }
@@ -1151,7 +1151,7 @@ function Cl(e) {
   const {
     width: t,
     height: n
-  } = Fr(e);
+  } = Rr(e);
   return {
     width: t,
     height: n
@@ -1173,7 +1173,7 @@ function _l(e, t, n) {
       i.x = p.x + t.clientLeft, i.y = p.y + t.clientTop;
     } else r && c();
   a && !o && r && c();
-  const f = r && !o && !a ? Dr(r, l) : Mt(0), d = s.left + l.scrollLeft - i.x - f.x, u = s.top + l.scrollTop - i.y - f.y;
+  const f = r && !o && !a ? Ir(r, l) : Mt(0), d = s.left + l.scrollLeft - i.x - f.x, u = s.top + l.scrollTop - i.y - f.y;
   return {
     x: d,
     y: u,
@@ -1192,7 +1192,7 @@ function ms(e, t) {
   let n = e.offsetParent;
   return Lt(e) === n && (n = n.ownerDocument.body), n;
 }
-function Hr(e, t) {
+function jr(e, t) {
   const n = pt(e);
   if (lo(e))
     return n;
@@ -1211,7 +1211,7 @@ function Hr(e, t) {
   return o && kn(o) && ho(o) && !Go(o) ? n : o || hl(e) || n;
 }
 const $l = async function(e) {
-  const t = this.getOffsetParent || Hr, n = this.getDimensions, o = await n(e.floating);
+  const t = this.getOffsetParent || jr, n = this.getDimensions, o = await n(e.floating);
   return {
     reference: _l(e.reference, await t(e.floating), e.strategy),
     floating: {
@@ -1229,7 +1229,7 @@ const Ll = {
   convertOffsetParentRelativeRectToViewportRelativeRect: bl,
   getDocumentElement: Lt,
   getClippingRect: Tl,
-  getOffsetParent: Hr,
+  getOffsetParent: jr,
   getElementRects: $l,
   getClientRects: xl,
   getDimensions: Cl,
@@ -1237,7 +1237,7 @@ const Ll = {
   isElement: St,
   isRTL: Ml
 };
-function Vr(e, t) {
+function Hr(e, t) {
   return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
 function Ol(e, t) {
@@ -1271,7 +1271,7 @@ function Ol(e, t) {
           s(!1, 1e-7);
         }, 1e3);
       }
-      M === 1 && !Vr(c, e.getBoundingClientRect()) && s(), k = !1;
+      M === 1 && !Hr(c, e.getBoundingClientRect()) && s(), k = !1;
     }
     try {
       n = new IntersectionObserver(x, {
@@ -1313,7 +1313,7 @@ function Pl(e, t, n, o) {
   i && g();
   function g() {
     const h = sn(e);
-    m && !Vr(m, h) && n(), m = h, y = requestAnimationFrame(g);
+    m && !Hr(m, h) && n(), m = h, y = requestAnimationFrame(g);
   }
   return n(), () => {
     var h;
@@ -1322,7 +1322,7 @@ function Pl(e, t, n, o) {
     }), d?.(), (h = p) == null || h.disconnect(), p = null, i && cancelAnimationFrame(y);
   };
 }
-const zr = dl, Nr = fl, Br = ll, Al = il, qr = (e, t, n) => {
+const Vr = dl, zr = fl, Nr = ll, Al = il, Br = (e, t, n) => {
   const o = /* @__PURE__ */ new Map(), r = {
     platform: Ll,
     ...n
@@ -1348,7 +1348,7 @@ function Io(e) {
 function dn(e) {
   return typeof e == "function" ? e() : ne(e);
 }
-function Wr(e) {
+function qr(e) {
   return {
     name: "arrow",
     options: e,
@@ -1361,11 +1361,11 @@ function Wr(e) {
     }
   };
 }
-function Ur(e) {
+function Wr(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
 function gs(e, t) {
-  const n = Ur(e);
+  const n = Wr(e);
   return Math.round(t * n) / n;
 }
 function Fl(e, t, n) {
@@ -1382,7 +1382,7 @@ function Fl(e, t, n) {
   }), i = Q(() => {
     var M;
     return (M = dn(n.transform)) != null ? M : !0;
-  }), c = Q(() => Io(e.value)), f = Q(() => Io(t.value)), d = ke(0), u = ke(0), p = ke(l.value), y = ke(s.value), m = ma({}), g = ke(!1), h = Q(() => {
+  }), c = Q(() => Io(e.value)), f = Q(() => Io(t.value)), d = ke(0), u = ke(0), p = ke(l.value), y = ke(s.value), m = pa({}), g = ke(!1), h = Q(() => {
     const M = {
       position: p.value,
       left: "0",
@@ -1394,7 +1394,7 @@ function Fl(e, t, n) {
     return i.value ? {
       ...M,
       transform: "translate(" + ee + "px, " + ye + "px)",
-      ...Ur(f.value) >= 1.5 && {
+      ...Wr(f.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
@@ -1408,7 +1408,7 @@ function Fl(e, t, n) {
     if (c.value == null || f.value == null)
       return;
     const M = r.value;
-    qr(c.value, f.value, {
+    Br(c.value, f.value, {
       middleware: a.value,
       placement: s.value,
       strategy: l.value
@@ -1438,7 +1438,7 @@ function Fl(e, t, n) {
     flush: "sync"
   }), et(r, L, {
     flush: "sync"
-  }), ga() && ha(k), {
+  }), ma() && ga(k), {
     x: un(d),
     y: un(u),
     strategy: un(p),
@@ -1470,10 +1470,10 @@ function Il(e) {
   }
   return t;
 }
-async function Zr(e, t, n) {
-  const o = t.querySelector(`.${to}`), r = [zr(n.offset ?? 8), Br(), Nr({ padding: 8 })];
-  o && r.push(Wr({ element: o, padding: 5 }));
-  const { x: a, y: s, placement: l, middlewareData: i } = await qr(e, t, {
+async function Ur(e, t, n) {
+  const o = t.querySelector(`.${to}`), r = [Vr(n.offset ?? 8), Nr(), zr({ padding: 8 })];
+  o && r.push(qr({ element: o, padding: 5 }));
+  const { x: a, y: s, placement: l, middlewareData: i } = await Br(e, t, {
     placement: n.placement || "top",
     strategy: "fixed",
     middleware: r
@@ -1504,7 +1504,7 @@ function Dl(e) {
       clearTimeout(t.hideTimeout);
     }), o.addEventListener("mouseleave", () => {
       Ko(e);
-    })), Zr(e, o, t.config);
+    })), Ur(e, o, t.config);
   }, n);
 }
 function Ko(e) {
@@ -1520,13 +1520,13 @@ function vo(e) {
   const t = () => Dl(e), n = () => Ko(e);
   e.addEventListener("mouseenter", t), e.addEventListener("mouseleave", n), e.addEventListener("focus", t), e.addEventListener("blur", n), e.__sparkTooltip.listeners = { onShow: t, onHide: n };
 }
-function Gr(e) {
+function Zr(e) {
   const t = e.__sparkTooltip;
   t?.listeners && (e.removeEventListener("mouseenter", t.listeners.onShow), e.removeEventListener("mouseleave", t.listeners.onHide), e.removeEventListener("focus", t.listeners.onShow), e.removeEventListener("blur", t.listeners.onHide));
 }
 function jl(e) {
   const t = e.__sparkTooltip;
-  t && (clearTimeout(t.showTimeout), clearTimeout(t.hideTimeout), Gr(e), t.tooltipEl && (t.tooltipEl.remove(), t.tooltipEl = null), delete e.__sparkTooltip);
+  t && (clearTimeout(t.showTimeout), clearTimeout(t.hideTimeout), Zr(e), t.tooltipEl && (t.tooltipEl.remove(), t.tooltipEl = null), delete e.__sparkTooltip);
 }
 const Hl = {
   mounted(e, t) {
@@ -1548,9 +1548,9 @@ const Hl = {
           const a = document.createElement("div");
           a.className = to, o.tooltipEl.appendChild(a);
         }
-      Zr(e, o.tooltipEl, n);
+      Ur(e, o.tooltipEl, n);
     }
-    n.content && !o.listeners ? vo(e) : !n.content && o.listeners && (Ko(e), Gr(e), o.listeners = null);
+    n.content && !o.listeners ? vo(e) : !n.content && o.listeners && (Ko(e), Zr(e), o.listeners = null);
   },
   unmounted(e) {
     jl(e);
@@ -1559,6 +1559,11 @@ const Hl = {
 function Vl(e) {
   e.directive("spark-tooltip", Hl);
 }
+var zl = {
+  prefix: "fas",
+  iconName: "star",
+  icon: [576, 512, [11088, 61446], "f005", "M309.5-18.9c-4.1-8-12.4-13.1-21.4-13.1s-17.3 5.1-21.4 13.1L193.1 125.3 33.2 150.7c-8.9 1.4-16.3 7.7-19.1 16.3s-.5 18 5.8 24.4l114.4 114.5-25.2 159.9c-1.4 8.9 2.3 17.9 9.6 23.2s16.9 6.1 25 2L288.1 417.6 432.4 491c8 4.1 17.7 3.3 25-2s11-14.2 9.6-23.2L441.7 305.9 556.1 191.4c6.4-6.4 8.6-15.8 5.8-24.4s-10.1-14.9-19.1-16.3L383 125.3 309.5-18.9z"]
+};
 const Ie = {
   farArrowLeftToLine: si,
   farArrowRightToLine: oi,
@@ -1567,9 +1572,9 @@ const Ie = {
   farBullhorn: ei,
   farCheck: Oo,
   farCheckCircle: Qa,
-  farChevronDown: Cr,
-  farChevronLeft: Tr,
-  farChevronRight: Er,
+  farChevronDown: Tr,
+  farChevronLeft: Er,
+  farChevronRight: kr,
   farChevronUp: Ja,
   farCircleUser: Ka,
   farCircleXmark: Xa,
@@ -1582,7 +1587,7 @@ const Ie = {
   farFaceSmileWink: Ba,
   farFlag: Na,
   farGearComplex: za,
-  farGripDotsVertical: kr,
+  farGripDotsVertical: Sr,
   farInfoCircle: Va,
   farLaptopMobile: Ha,
   farLayerPlus: ja,
@@ -1593,7 +1598,7 @@ const Ie = {
   farSortUp: Aa,
   farStreetView: Pa,
   farTimes: Oa,
-  farTrash: Sr,
+  farTrash: wr,
   farXmark: Lo,
   farSignOut: La,
   farEye: Ma,
@@ -1607,55 +1612,55 @@ const Ie = {
   fadSortDown: ai,
   fadSortUp: ri,
   // Additional icons for FormKit genesis replacement
-  farPlus: wr,
-  farArrowDown: xr,
-  farArrowUp: br,
-  farCalendar: yr,
+  farPlus: xr,
+  farArrowDown: br,
+  farArrowUp: yr,
+  farCalendar: vr,
   farFile: Mo,
   farCircle: Sa,
-  farSpinner: vr,
-  farStar: hr,
+  farSpinner: hr,
+  farStar: wa,
   farAnglesRight: gr,
   farAnglesLeft: mr,
   farEyeDropper: pr,
   farCircleDot: fr,
-  farCopy: wa,
-  farArrowUpRightFromSquare: xa
-}, Dp = Object.fromEntries(
+  farCopy: xa,
+  farArrowUpRightFromSquare: ba
+}, jp = Object.fromEntries(
   Object.entries(Ie).map(([e, t]) => {
     const n = Wt(t);
     return [e, n?.html?.[0] || ""];
   })
-), zl = {
-  add: wr,
-  arrowDown: xr,
-  arrowUp: br,
+), Nl = {
+  add: xr,
+  arrowDown: br,
+  arrowUp: yr,
   check: Oo,
   close: Lo,
   checkboxDecorator: Oo,
-  date: yr,
-  dragHandle: kr,
+  date: vr,
+  dragHandle: Sr,
   fileItem: Mo,
   fileRemove: Lo,
   noFiles: Mo,
   radioDecorator: fr,
   // Circle with dot for radio indicator
-  select: Cr,
-  spinner: vr,
-  star: hr,
-  trash: Sr,
+  select: Tr,
+  spinner: hr,
+  star: zl,
+  trash: wr,
   fastForward: gr,
-  right: Er,
-  left: Tr,
+  right: kr,
+  left: Er,
   rewind: mr,
   color: pr
-}, jp = Object.fromEntries(
-  Object.entries(zl).map(([e, t]) => {
+}, Hp = Object.fromEntries(
+  Object.entries(Nl).map(([e, t]) => {
     const n = Wt(t);
     return [e, n?.html?.[0] || ""];
   })
 );
-function Hp(e) {
+function Vp(e) {
   const t = Ie[e];
   if (t) {
     const n = Wt(t);
@@ -1663,16 +1668,16 @@ function Hp(e) {
   }
   return Promise.resolve(void 0);
 }
-function Vp(e) {
+function zp(e) {
   Object.assign(Ie, e), dr.add(...Object.values(e));
 }
-function zp(e) {
+function Np(e) {
   dr.add(...Object.values(Ie)), e.component("FontAwesomeIcon", Zn), Vl(e);
 }
-const Nl = { class: "flex items-center" }, Bl = { class: "shrink-0 self-start" }, ql = { class: "ml-3" }, Wl = {
+const Bl = { class: "flex items-center" }, ql = { class: "shrink-0 self-start" }, Wl = { class: "ml-3" }, Ul = {
   key: 0,
   class: "ml-auto pl-3 pt-1 self-start"
-}, Ul = { class: "-mx-1.5 -my-1.5" }, fn = {
+}, Zl = { class: "-mx-1.5 -my-1.5" }, fn = {
   __name: "SparkAlert",
   props: {
     type: {
@@ -1713,18 +1718,18 @@ const Nl = { class: "flex items-center" }, Bl = { class: "shrink-0 self-start" }
       return T(), P("div", {
         class: _e(["rounded-md border p-4", n.value])
       }, [
-        _("div", Nl, [
-          _("div", Bl, [
+        _("div", Bl, [
+          _("div", ql, [
             oe(i, {
               icon: ne(Ie)[r.value],
               class: _e(o.value)
             }, null, 8, ["icon", "class"])
           ]),
-          _("div", ql, [
+          _("div", Wl, [
             Ke(s.$slots, "default")
           ]),
-          e.closeable ? (T(), P("div", Wl, [
-            _("div", Ul, [
+          e.closeable ? (T(), P("div", Ul, [
+            _("div", Zl, [
               _("button", {
                 type: "button",
                 class: _e(["inline-flex rounded-md px-2 py-1.5", a.value]),
@@ -1789,7 +1794,7 @@ const Nl = { class: "flex items-center" }, Bl = { class: "shrink-0 self-start" }
     href: "https://tabula.letsbolt.io",
     icon: "farCompass"
   }
-], Yr = In("sparkAppSelector", () => {
+], Gr = In("sparkAppSelector", () => {
   const e = Et({
     apps: [...yo]
   }), t = (a = {}) => {
@@ -1835,7 +1840,7 @@ const Nl = { class: "flex items-center" }, Bl = { class: "shrink-0 self-start" }
       return s ? s.icon : "";
     }
   };
-}), Xr = In("sparkApp", () => {
+}), Yr = In("sparkApp", () => {
   const e = Et({
     app: "",
     homeRoute: "dashboard",
@@ -1848,16 +1853,16 @@ const Nl = { class: "flex items-center" }, Bl = { class: "shrink-0 self-start" }
       e.app = n.app || "", e.homeRoute = n.homeRoute ?? "dashboard", e.showBrandSelector = n.showBrandSelector ?? !0, e.showAppSelector = n.showAppSelector ?? !0;
     }
   };
-}), Zl = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Gl = { class: "flex flex-1 flex-col" }, Yl = { class: "divide-y divide-gray-200" }, Xl = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Kl = { class: "ml-auto flex items-center" }, Jl = ["href", "onClick"], Ql = { class: "gap-y-1" }, ec = { class: "text-base text-gray-800 flex items-center" }, tc = { class: "font-medium" }, nc = {
+}), Gl = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Yl = { class: "flex flex-1 flex-col" }, Xl = { class: "divide-y divide-gray-200" }, Kl = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Jl = { class: "ml-auto flex items-center" }, Ql = ["href", "onClick"], ec = { class: "gap-y-1" }, tc = { class: "text-base text-gray-800 flex items-center" }, nc = { class: "font-medium" }, oc = {
   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"
-}, oc = { class: "text-sm text-gray-500" }, sc = { class: "ml-auto flex items-center" }, rc = { class: "mt-auto" }, ac = {
+}, sc = { class: "text-sm text-gray-500" }, rc = { class: "ml-auto flex items-center" }, ac = { class: "mt-auto" }, ic = {
   key: 0,
   class: "p-6"
-}, ic = {
+}, lc = {
   key: 1,
   class: "bg-gray-50 p-6"
-}, lc = {
+}, cc = {
   __name: "SparkAppSelector",
   props: {
     bottomSlot: {
@@ -1871,7 +1876,7 @@ const Nl = { class: "flex items-center" }, Bl = { class: "shrink-0 self-start" }
   },
   emits: ["close", "select"],
   setup(e, { emit: t }) {
-    const n = t, o = Yr(), r = Xr(), a = Q(() => {
+    const n = t, o = Gr(), r = Yr(), a = Q(() => {
       const l = r.state.app;
       return o.state.apps.map((i) => ({
         ...i,
@@ -1882,12 +1887,12 @@ const Nl = { class: "flex items-center" }, Bl = { class: "shrink-0 self-start" }
     };
     return (l, i) => {
       const c = Ue("font-awesome-icon");
-      return T(), P("div", Zl, [
-        _("div", Gl, [
-          _("div", Yl, [
-            _("div", Xl, [
+      return T(), P("div", Gl, [
+        _("div", Yl, [
+          _("div", Xl, [
+            _("div", Kl, [
               i[1] || (i[1] = _("div", null, "Mr Group Network", -1)),
-              _("div", Kl, [
+              _("div", Jl, [
                 oe(c, {
                   icon: ne(Ie).farTimes,
                   class: "h-[15px] w-[15px] shrink-0 text-gray-400 cursor-pointer",
@@ -1902,29 +1907,29 @@ const Nl = { class: "flex items-center" }, Bl = { class: "shrink-0 self-start" }
               class: _e([f.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
               onClick: (d) => f.current ? d.preventDefault() : s(f)
             }, [
-              _("div", Ql, [
-                _("div", ec, [
-                  _("div", tc, xe(f.name), 1),
-                  f.current ? (T(), P("span", nc, " Active ")) : he("", !0)
+              _("div", ec, [
+                _("div", tc, [
+                  _("div", nc, xe(f.name), 1),
+                  f.current ? (T(), P("span", oc, " Active ")) : he("", !0)
                 ]),
-                _("div", oc, xe(f.description), 1)
+                _("div", sc, xe(f.description), 1)
               ]),
-              _("div", sc, [
+              _("div", rc, [
                 oe(c, {
                   class: _e([f.current ? "text-gray-700" : "text-gray-400", "h-5 w-5 shrink-0"]),
                   icon: ne(Ie)[f.icon]
                 }, null, 8, ["class", "icon"])
               ])
-            ], 10, Jl))), 128)),
+            ], 10, Ql))), 128)),
             i[2] || (i[2] = _("div", null, null, -1))
           ]),
-          _("div", rc, [
-            l.$slots.bottom || e.bottomSlot ? (T(), P("div", ac, [
+          _("div", ac, [
+            l.$slots.bottom || e.bottomSlot ? (T(), P("div", ic, [
               Ke(l.$slots, "bottom", {}, () => [
                 e.bottomSlot ? (T(), Me(vt(e.bottomSlot), { key: 0 })) : he("", !0)
               ])
             ])) : he("", !0),
-            l.$slots.footer || e.footerSlot ? (T(), P("div", ic, [
+            l.$slots.footer || e.footerSlot ? (T(), P("div", lc, [
               Ke(l.$slots, "footer", {}, () => [
                 e.footerSlot ? (T(), Me(vt(e.footerSlot), { key: 0 })) : he("", !0)
               ])
@@ -1934,14 +1939,14 @@ const Nl = { class: "flex items-center" }, Bl = { class: "shrink-0 self-start" }
       ]);
     };
   }
-}, Kr = {
+}, Xr = {
   success: 5e3,
   info: 5e3,
   warning: 5e3,
   danger: 0
   // sticky by default
 }, ys = ["top-left", "top-right", "center", "bottom-left", "bottom-right"];
-function cc() {
+function uc() {
   const e = Et({
     isVisible: !1,
     type: "info",
@@ -1977,7 +1982,7 @@ function cc() {
         persistent: v = !1
       } = u;
       e.type = p, e.message = y, e.component = m ? wn(m) : null, e.props = g, e.closeable = h, e.persistent = v, e.isVisible = !0;
-      const k = b !== null ? b : Kr[p];
+      const k = b !== null ? b : Xr[p];
       e.duration = k, k > 0 && l(k);
     },
     hide: s,
@@ -1997,7 +2002,7 @@ function cc() {
     }
   };
 }
-class uc {
+class dc {
   constructor() {
     this.outlets = /* @__PURE__ */ new Map(), this.toastState = Et({
       toasts: [],
@@ -2015,7 +2020,7 @@ class uc {
    * @returns {Object} Notification outlet instance
    */
   getOutlet(t = "default") {
-    return this.outlets.has(t) || this.outlets.set(t, cc()), this.outlets.get(t);
+    return this.outlets.has(t) || this.outlets.set(t, uc()), this.outlets.get(t);
   }
   /**
    * Show a banner notification in the specified outlet
@@ -2118,7 +2123,7 @@ class uc {
       closeable: s = !0,
       duration: l = null,
       position: i = null
-    } = t, c = ++this._toastIdCounter, f = i && ys.includes(i) ? i : this.toastState.defaultPosition, d = l !== null ? l : Kr[n], u = {
+    } = t, c = ++this._toastIdCounter, f = i && ys.includes(i) ? i : this.toastState.defaultPosition, d = l !== null ? l : Xr[n], u = {
       id: c,
       type: n,
       message: o,
@@ -2211,7 +2216,7 @@ class uc {
     n && (n.timeout && clearTimeout(n.timeout), this._toastTimers.delete(t));
   }
 }
-const Qe = new uc(), Np = {
+const Qe = new dc(), Bp = {
   __name: "SparkNotificationOutlet",
   props: {
     name: {
@@ -2270,7 +2275,7 @@ const Qe = new uc(), Np = {
           onMouseleave: l
         }, {
           default: we(() => [
-            o.value.state.component ? (T(), Me(vt(o.value.state.component), va(wt({ key: 0 }, o.value.state.props)), null, 16)) : (T(), P(ze, { key: 1 }, [
+            o.value.state.component ? (T(), Me(vt(o.value.state.component), ha(wt({ key: 0 }, o.value.state.props)), null, 16)) : (T(), P(ze, { key: 1 }, [
               qe(xe(o.value.state.message), 1)
             ], 64))
           ]),
@@ -2280,7 +2285,7 @@ const Qe = new uc(), Np = {
       _: 1
     }));
   }
-}, dc = { class: "fixed top-4 left-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, fc = { class: "fixed top-4 right-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, pc = { 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" }, mc = { class: "fixed bottom-4 left-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, gc = { class: "fixed bottom-4 right-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, Bp = {
+}, fc = { class: "fixed top-4 left-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, pc = { class: "fixed top-4 right-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, mc = { 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" }, gc = { class: "fixed bottom-4 left-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, hc = { class: "fixed bottom-4 right-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, qp = {
   __name: "SparkToastContainer",
   setup(e) {
     const t = Qe.toastState, n = Q(() => t.toasts.filter((f) => f.position === "top-left")), o = Q(() => t.toasts.filter((f) => f.position === "top-right")), r = Q(() => t.toasts.filter((f) => f.position === "center")), a = Q(
@@ -2295,7 +2300,7 @@ const Qe = new uc(), Np = {
       Qe.resumeToast(f);
     };
     return (f, d) => (T(), Me(lr, { to: "body" }, [
-      _("div", dc, [
+      _("div", fc, [
         oe(Tn, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 -translate-x-4",
@@ -2331,7 +2336,7 @@ const Qe = new uc(), Np = {
           _: 1
         })
       ]),
-      _("div", fc, [
+      _("div", pc, [
         oe(Tn, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 translate-x-4",
@@ -2367,7 +2372,7 @@ const Qe = new uc(), Np = {
           _: 1
         })
       ]),
-      _("div", pc, [
+      _("div", mc, [
         oe(Tn, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 scale-95",
@@ -2403,7 +2408,7 @@ const Qe = new uc(), Np = {
           _: 1
         })
       ]),
-      _("div", mc, [
+      _("div", gc, [
         oe(Tn, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 -translate-x-4",
@@ -2439,7 +2444,7 @@ const Qe = new uc(), Np = {
           _: 1
         })
       ]),
-      _("div", gc, [
+      _("div", hc, [
         oe(Tn, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 translate-x-4",
@@ -2477,7 +2482,7 @@ const Qe = new uc(), Np = {
       ])
     ]));
   }
-}, Jr = In(
+}, Kr = In(
   "brandFilter",
   () => {
     const e = Et({
@@ -2521,27 +2526,27 @@ const Qe = new uc(), Np = {
       paths: ["state.brands"]
     }
   }
-), hc = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, vc = { class: "flex flex-1 flex-col" }, yc = { class: "divide-y divide-gray-200" }, bc = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, xc = { class: "ml-auto flex items-center" }, wc = {
+), vc = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, yc = { class: "flex flex-1 flex-col" }, bc = { class: "divide-y divide-gray-200" }, xc = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, wc = { class: "ml-auto flex items-center" }, Sc = {
   key: 0,
   class: "flex px-[22px] py-[15px] text-gray-500 text-sm"
-}, Sc = ["onClick"], kc = { class: "w-full gap-y-1 flex justify-between" }, Ec = { class: "flex flex-col" }, Tc = { class: "flex items-center" }, Cc = { class: "font-medium text-base text-gray-900" }, _c = {
+}, kc = ["onClick"], Ec = { class: "w-full gap-y-1 flex justify-between" }, Tc = { class: "flex flex-col" }, Cc = { class: "flex items-center" }, _c = { class: "font-medium text-base text-gray-900" }, $c = {
   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"
-}, $c = { class: "text-sm text-gray-500 font-normal" }, Mc = { class: "flex items-center" }, Lc = ["src", "alt"], Oc = {
+}, Mc = { class: "text-sm text-gray-500 font-normal" }, Lc = { class: "flex items-center" }, Oc = ["src", "alt"], Pc = {
   __name: "SparkBrandSelector",
   emits: ["close", "select"],
   setup(e, { emit: t }) {
-    const n = t, o = Jr(), r = (a) => {
+    const n = t, o = Kr(), r = (a) => {
       n("select", a);
     };
     return (a, s) => {
       const l = Ue("font-awesome-icon");
-      return T(), P("div", hc, [
-        _("div", vc, [
-          _("div", yc, [
-            _("div", bc, [
+      return T(), P("div", vc, [
+        _("div", yc, [
+          _("div", bc, [
+            _("div", xc, [
               s[1] || (s[1] = _("div", null, "Filter by Brand", -1)),
-              _("div", xc, [
+              _("div", wc, [
                 oe(l, {
                   icon: ne(Ie).farTimes,
                   class: "size-4 text-gray-400 cursor-pointer",
@@ -2549,29 +2554,29 @@ const Qe = new uc(), Np = {
                 }, null, 8, ["icon"])
               ])
             ]),
-            ne(o).allBrands.length === 0 ? (T(), P("div", wc, " No brands configured ")) : he("", !0),
+            ne(o).allBrands.length === 0 ? (T(), P("div", Sc, " No brands configured ")) : he("", !0),
             (T(!0), P(ze, null, st(ne(o).allBrands, (i) => (T(), P("div", {
               key: i.id,
               class: _e([i.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
               onClick: (c) => r(i)
             }, [
-              _("div", kc, [
-                _("div", Ec, [
-                  _("div", Tc, [
-                    _("div", Cc, xe(i.name), 1),
-                    i.current ? (T(), P("span", _c, " Current ")) : he("", !0)
+              _("div", Ec, [
+                _("div", Tc, [
+                  _("div", Cc, [
+                    _("div", _c, xe(i.name), 1),
+                    i.current ? (T(), P("span", $c, " Current ")) : he("", !0)
                   ]),
-                  _("div", $c, xe(i.current ? "Current Brand" : "Change to"), 1)
+                  _("div", Mc, xe(i.current ? "Current Brand" : "Change to"), 1)
                 ]),
-                _("div", Mc, [
+                _("div", Lc, [
                   _("img", {
                     src: i.logo,
                     alt: `${i.name} logo`,
                     class: "h-8 w-auto"
-                  }, null, 8, Lc)
+                  }, null, 8, Oc)
                 ])
               ])
-            ], 10, Sc))), 128)),
+            ], 10, kc))), 128)),
             s[2] || (s[2] = _("div", null, null, -1))
           ]),
           s[3] || (s[3] = _("div", { class: "mt-auto" }, null, -1))
@@ -2579,7 +2584,7 @@ const Qe = new uc(), Np = {
       ]);
     };
   }
-}, Pc = ["disabled"], mt = {
+}, Ac = ["disabled"], mt = {
   __name: "SparkButton",
   props: {
     size: {
@@ -2689,16 +2694,16 @@ const Qe = new uc(), Np = {
       onClick: c[0] || (c[0] = (f) => i.$emit("click"))
     }, [
       Ke(i.$slots, "default")
-    ], 10, Pc));
+    ], 10, Ac));
   }
-}, Qr = {
+}, Jr = {
   __name: "SparkButtonGroup",
   setup(e) {
     const t = ke(null), n = ke(0);
     function o() {
       n.value = t.value?.children.length || 0;
     }
-    return Gt(o), cr(o), ya("buttonGroup", {
+    return Gt(o), cr(o), va("buttonGroup", {
       isInGroup: !0,
       getButtonIndex: (s) => t.value ? Array.from(t.value.children).indexOf(s) : -1,
       getButtonCount: () => n.value
@@ -2710,13 +2715,13 @@ const Qe = new uc(), Np = {
       Ke(s.$slots, "default")
     ], 512));
   }
-}, Ac = { class: "flex flex-col divide-y divide-gray-300 rounded-lg border border-gray-300 text-gray-700 bg-gray-100" }, Rc = {
+}, Rc = { class: "flex flex-col divide-y divide-gray-300 rounded-lg border border-gray-300 text-gray-700 bg-gray-100" }, Fc = {
   key: 0,
   class: "px-[30px] py-5"
-}, Fc = {
+}, Ic = {
   key: 1,
   class: "p-5"
-}, qp = {
+}, Wp = {
   __name: "SparkCard",
   props: {
     padded: {
@@ -2730,8 +2735,8 @@ const Qe = new uc(), Np = {
   },
   setup(e) {
     const t = e;
-    return (n, o) => (T(), P("div", Ac, [
-      n.$slots.header ? (T(), P("div", Rc, [
+    return (n, o) => (T(), P("div", Rc, [
+      n.$slots.header ? (T(), P("div", Fc, [
         Ke(n.$slots, "header")
       ])) : he("", !0),
       _("div", {
@@ -2739,12 +2744,12 @@ const Qe = new uc(), Np = {
       }, [
         Ke(n.$slots, "default")
       ], 2),
-      n.$slots.footer ? (T(), P("div", Fc, [
+      n.$slots.footer ? (T(), P("div", Ic, [
         Ke(n.$slots, "footer")
       ])) : he("", !0)
     ]));
   }
-}, Wp = {
+}, Up = {
   __name: "SparkEntityBadge",
   props: {
     /** Display text */
@@ -2848,7 +2853,7 @@ const Qe = new uc(), Np = {
       }
     }
     return (m, g) => {
-      const h = Ue("font-awesome-icon"), b = ba("spark-tooltip");
+      const h = Ue("font-awesome-icon"), b = ya("spark-tooltip");
       return Qt((T(), Me(vt(d.value ? "a" : "span"), {
         href: u.value || void 0,
         target: d.value && e.openNew ? "_blank" : void 0,
@@ -2893,7 +2898,7 @@ const It = function(e) {
   let o = t.firstChild;
   return !o || o instanceof HTMLElement ? o : ((n = document.createElement("div")).appendChild(o), n);
 };
-const Ic = function(e) {
+const Dc = function(e) {
   if (!(e && e instanceof Element && e.offsetParent)) return !1;
   let t = !1, n = !1;
   if (e.scrollWidth > e.clientWidth) {
@@ -2906,7 +2911,7 @@ const Ic = function(e) {
   }
   return t || n;
 }, nn = function(e, t = void 0) {
-  return !e || e === document.body || t && e === t ? null : Ic(e) ? e : nn(e.parentElement, t);
+  return !e || e === document.body || t && e === t ? null : Dc(e) ? e : nn(e.parentElement, t);
 };
 const bs = (e = !0, t = "--f-scrollbar-compensate", n = "--f-body-margin", o = "hide-scrollbar") => {
   const r = document, a = r.body, s = r.documentElement;
@@ -2964,9 +2969,9 @@ function An(e, t) {
     return typeof a == "function" ? `${a}` == `${s}` : xs(a) && xs(s) ? An(a, s) : a === s;
   });
 }
-const ea = function(e) {
+const Qr = function(e) {
   for (const t of oo) t.getState() === ct.Running && t.tick(bo ? e - bo : 0);
-  bo = e, bn = window.requestAnimationFrame(ea);
+  bo = e, bn = window.requestAnimationFrame(Qr);
 };
 var ct, Bt, gn;
 (function(e) {
@@ -3029,7 +3034,7 @@ function Zt() {
     var N, F;
     return N = j, F = V, M.has(N) && M.set(N, M.get(N).filter((J) => J !== F)), ae;
   }, start: function(j) {
-    return An(g, h) || (e = ct.Initializing, y = Object.assign({}, g), oo.add(this), bn || (bn = window.requestAnimationFrame(ea)), ye(j)), ae;
+    return An(g, h) || (e = ct.Initializing, y = Object.assign({}, g), oo.add(this), bn || (bn = window.requestAnimationFrame(Qr)), ye(j)), ae;
   }, pause: function() {
     return m && (clearTimeout(m), m = null), e === ct.Running && (e = ct.Paused, ee("pause", g)), ae;
   }, end: Le, tick: function(j) {
@@ -3104,7 +3109,7 @@ function ws(e) {
 function Ss(e) {
   return Jo(e, "targetTouches");
 }
-function ta(e) {
+function ea(e) {
   return Jo(e, "changedTouches");
 }
 function Nt(e) {
@@ -3117,10 +3122,10 @@ function Bn(e) {
 }
 const ks = (e) => {
   e.cancelable && e.preventDefault();
-}, Vt = { passive: !1 }, Dc = { panThreshold: 5, swipeThreshold: 3, ignore: ["textarea", "input", "select", "[contenteditable]", "[data-selectable]", "[data-draggable]"] };
+}, Vt = { passive: !1 }, jc = { panThreshold: 5, swipeThreshold: 3, ignore: ["textarea", "input", "select", "[contenteditable]", "[data-selectable]", "[data-draggable]"] };
 let qn = !1, $n = !0;
 const En = (e, t) => {
-  let n, o, r, a, s, l = Object.assign(Object.assign({}, Dc), t), i = [], c = [], f = [], d = !1, u = !1, p = !1, y = !1, m = 0, g = 0, h = 0, b = 0, v = 0, k = 0, x = 0, L = 0, M = 0, ee = [];
+  let n, o, r, a, s, l = Object.assign(Object.assign({}, jc), t), i = [], c = [], f = [], d = !1, u = !1, p = !1, y = !1, m = 0, g = 0, h = 0, b = 0, v = 0, k = 0, x = 0, L = 0, M = 0, ee = [];
   const ye = /* @__PURE__ */ new Map();
   function le(W) {
     const ve = Bn(c), pe = Bn(f), ie = ve && pe ? ve / pe : 0, Ee = Math.abs(x) > Math.abs(L) ? x : L, De = { srcEvent: n, isPanRecognized: d, isSwipeRecognized: u, firstTouch: i, previousTouch: f, currentTouch: c, deltaX: h, deltaY: b, offsetX: v, offsetY: k, velocityX: x, velocityY: L, velocity: Ee, angle: M, axis: r, scale: ie, center: o };
@@ -3170,7 +3175,7 @@ const En = (e, t) => {
   }
   function N(W) {
     if (n = W, !i.length) return;
-    const ve = Ss(W), pe = ta(W);
+    const ve = Ss(W), pe = ea(W);
     if (g = ve.length, o = Nt(pe), pe.length && ae(Nt(pe)), f = [...c], c = [...ve], i = [...ve], g > 0) le("end"), d = !1, u = !1, ee = [];
     else {
       const ie = l.swipeThreshold;
@@ -3525,7 +3530,7 @@ const jo = (e, t = {}, n = {}) => {
     let C = Object.assign({}, m), O = ve(V() ? H.scale : y.scale);
     const Z = i.getCurrentVelocities(), Y = Le(), te = (((D = (E = E || {}).currentTouch) === null || D === void 0 ? void 0 : D.length) || 0) > 1, K = E.velocityX || 0, ce = E.velocityY || 0;
     let Te = E.center;
-    E.srcEvent && (Te = Nt(ta(E.srcEvent)));
+    E.srcEvent && (Te = Nt(ea(E.srcEvent)));
     let Ce = E.deltaX || 0, $e = E.deltaY || 0;
     switch (w) {
       case se.MoveRight:
@@ -4219,7 +4224,7 @@ const so = (e, t = {}, n = {}) => {
     if (!G || (function(me, be) {
       var Ae, He, Be;
       if (!(u && y && r && be && Fe(be) && be !== "tween")) return !1;
-      for (const da of N) if (y - da.dim > 0.5) return !1;
+      for (const ua of N) if (y - ua.dim > 0.5) return !1;
       if (m > 0.5 || g > 0.5) return;
       const Ge = F.length;
       let Ye = me > M ? 1 : -1;
@@ -4420,7 +4425,7 @@ const en = function(e = "", t = "", n = "") {
 const Ms = { tpl: (e) => `<img class="f-panzoom__content" 
     ${e.srcset ? 'data-lazy-srcset="{{srcset}}"' : ""} 
     ${e.sizes ? 'data-lazy-sizes="{{sizes}}"' : ""} 
-    data-lazy-src="{{src}}" alt="{{alt}}" />` }, jc = () => {
+    data-lazy-src="{{src}}" alt="{{alt}}" />` }, Hc = () => {
   let e;
   function t(f, d) {
     const u = e?.getOptions().Zoomable;
@@ -4492,7 +4497,7 @@ const Ms = { tpl: (e) => `<img class="f-panzoom__content"
     e = void 0;
   }, execute: c };
 };
-const Ls = { syncOnChange: !1, syncOnClick: !0, syncOnHover: !1 }, na = () => {
+const Ls = { syncOnChange: !1, syncOnClick: !0, syncOnHover: !1 }, ta = () => {
   let e, t;
   function n() {
     const p = e?.getOptions().Sync;
@@ -4564,7 +4569,7 @@ const Ls = { syncOnChange: !1, syncOnClick: !0, syncOnHover: !1 }, na = () => {
     return t;
   } };
 };
-const Os = { showLoading: !0, preload: 1 }, Cn = "is-lazyloading", wo = "is-lazyloaded", Ps = "has-lazyerror", oa = () => {
+const Os = { showLoading: !0, preload: 1 }, Cn = "is-lazyloading", wo = "is-lazyloaded", Ps = "has-lazyerror", na = () => {
   let e;
   function t() {
     const r = e?.getOptions().Lazyload;
@@ -4612,7 +4617,7 @@ const Os = { showLoading: !0, preload: 1 }, Cn = "is-lazyloading", wo = "is-lazy
     e?.off("render", o), e = void 0;
   } };
 };
-const As = '<svg width="24" height="24" viewBox="0 0 24 24" tabindex="-1">', Rs = "</svg>", Fs = { prevTpl: As + '<path d="M15 3l-9 9 9 9"></path>' + Rs, nextTpl: As + '<path d="M9 3l9 9-9 9"></path>' + Rs }, Hc = () => {
+const As = '<svg width="24" height="24" viewBox="0 0 24 24" tabindex="-1">', Rs = "</svg>", Fs = { prevTpl: As + '<path d="M15 3l-9 9 9 9"></path>' + Rs, nextTpl: As + '<path d="M9 3l9 9-9 9"></path>' + Rs }, Vc = () => {
   let e, t, n;
   function o() {
     const l = e?.getOptions().Arrows;
@@ -4640,13 +4645,13 @@ const As = '<svg width="24" height="24" viewBox="0 0 24 24" tabindex="-1">', Rs
     a(), e?.off(["change", "refresh"], s), e = void 0;
   } };
 };
-const sa = '<circle cx="11" cy="11" r="7.5"/><path d="m21 21-4.35-4.35M8 11h6"/>', So = '<g><line x1="11" y1="8" x2="11" y2="14"></line></g>' + sa, Vc = { moveLeft: ["moveLeft", "MOVE_LEFT", '<path d="M5 12h14M5 12l6 6M5 12l6-6"/>'], moveRight: ["moveRight", "MOVE_RIGHT", '<path d="M5 12h14M13 18l6-6M13 6l6 6"/>'], moveUp: ["moveUp", "MOVE_UP", '<path d="M12 5v14M18 11l-6-6M6 11l6-6"/>'], moveDown: ["moveDown", "MOVE_DOWN", '<path d="M12 5v14M18 13l-6 6M6 13l6 6"/>'], zoomOut: ["zoomOut", "ZOOM_OUT", sa], zoomIn: ["zoomIn", "ZOOM_IN", So], toggleFull: ["toggleFull", "TOGGLE_FULL", So], iterateZoom: ["iterateZoom", "ITERATE_ZOOM", So], toggle1to1: ["toggleFull", "TOGGLE_FULL", '<path d="M3.51 3.07c5.74.02 11.48-.02 17.22.02 1.37.1 2.34 1.64 2.18 3.13 0 4.08.02 8.16 0 12.23-.1 1.54-1.47 2.64-2.79 2.46-5.61-.01-11.24.02-16.86-.01-1.36-.12-2.33-1.65-2.17-3.14 0-4.07-.02-8.16 0-12.23.1-1.36 1.22-2.48 2.42-2.46Z"/><path d="M5.65 8.54h1.49v6.92m8.94-6.92h1.49v6.92M11.5 9.4v.02m0 5.18v0"/>'], rotateCCW: ["rotateCCW", "ROTATE_CCW", '<path d="M15 4.55a8 8 0 0 0-6 14.9M9 15v5H4M18.37 7.16v.01M13 19.94v.01M16.84 18.37v.01M19.37 15.1v.01M19.94 11v.01"/>'], rotateCW: ["rotateCW", "ROTATE_CW", '<path d="M9 4.55a8 8 0 0 1 6 14.9M15 15v5h5M5.63 7.16v.01M4.06 11v.01M4.63 15.1v.01M7.16 18.37v.01M11 19.94v.01"/>'], flipX: ["flipX", "FLIP_X", '<path d="M12 3v18M16 7v10h5L16 7M8 7v10H3L8 7"/>'], flipY: ["flipY", "FLIP_Y", '<path d="M3 12h18M7 16h10L7 21v-5M7 8h10L7 3v5"/>'], reset: ["reset", "RESET", '<path d="M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"/>'], toggleFS: ["toggleFS", "TOGGLE_FS", '<g><path d="M14.5 9.5 21 3m0 0h-6m6 0v6M3 21l6.5-6.5M3 21v-6m0 6h6"/></g><g><path d="m14 10 7-7m-7 7h6m-6 0V4M3 21l7-7m0 0v6m0-6H4"/></g>'] }, ts = {};
-for (const [e, t] of Object.entries(Vc)) ts[e] = { tpl: `<button data-panzoom-action="${t[0]}" class="f-button" title="{{${t[1]}}}"><svg>${t[2]}</svg></button>` };
+const oa = '<circle cx="11" cy="11" r="7.5"/><path d="m21 21-4.35-4.35M8 11h6"/>', So = '<g><line x1="11" y1="8" x2="11" y2="14"></line></g>' + oa, zc = { moveLeft: ["moveLeft", "MOVE_LEFT", '<path d="M5 12h14M5 12l6 6M5 12l6-6"/>'], moveRight: ["moveRight", "MOVE_RIGHT", '<path d="M5 12h14M13 18l6-6M13 6l6 6"/>'], moveUp: ["moveUp", "MOVE_UP", '<path d="M12 5v14M18 11l-6-6M6 11l6-6"/>'], moveDown: ["moveDown", "MOVE_DOWN", '<path d="M12 5v14M18 13l-6 6M6 13l6 6"/>'], zoomOut: ["zoomOut", "ZOOM_OUT", oa], zoomIn: ["zoomIn", "ZOOM_IN", So], toggleFull: ["toggleFull", "TOGGLE_FULL", So], iterateZoom: ["iterateZoom", "ITERATE_ZOOM", So], toggle1to1: ["toggleFull", "TOGGLE_FULL", '<path d="M3.51 3.07c5.74.02 11.48-.02 17.22.02 1.37.1 2.34 1.64 2.18 3.13 0 4.08.02 8.16 0 12.23-.1 1.54-1.47 2.64-2.79 2.46-5.61-.01-11.24.02-16.86-.01-1.36-.12-2.33-1.65-2.17-3.14 0-4.07-.02-8.16 0-12.23.1-1.36 1.22-2.48 2.42-2.46Z"/><path d="M5.65 8.54h1.49v6.92m8.94-6.92h1.49v6.92M11.5 9.4v.02m0 5.18v0"/>'], rotateCCW: ["rotateCCW", "ROTATE_CCW", '<path d="M15 4.55a8 8 0 0 0-6 14.9M9 15v5H4M18.37 7.16v.01M13 19.94v.01M16.84 18.37v.01M19.37 15.1v.01M19.94 11v.01"/>'], rotateCW: ["rotateCW", "ROTATE_CW", '<path d="M9 4.55a8 8 0 0 1 6 14.9M15 15v5h5M5.63 7.16v.01M4.06 11v.01M4.63 15.1v.01M7.16 18.37v.01M11 19.94v.01"/>'], flipX: ["flipX", "FLIP_X", '<path d="M12 3v18M16 7v10h5L16 7M8 7v10H3L8 7"/>'], flipY: ["flipY", "FLIP_Y", '<path d="M3 12h18M7 16h10L7 21v-5M7 8h10L7 3v5"/>'], reset: ["reset", "RESET", '<path d="M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4M4 13a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4"/>'], toggleFS: ["toggleFS", "TOGGLE_FS", '<g><path d="M14.5 9.5 21 3m0 0h-6m6 0v6M3 21l6.5-6.5M3 21v-6m0 6h6"/></g><g><path d="m14 10 7-7m-7 7h6m-6 0V4M3 21l7-7m0 0v6m0-6H4"/></g>'] }, ts = {};
+for (const [e, t] of Object.entries(zc)) ts[e] = { tpl: `<button data-panzoom-action="${t[0]}" class="f-button" title="{{${t[1]}}}"><svg>${t[2]}</svg></button>` };
 var Is;
 (function(e) {
   e.Left = "left", e.middle = "middle", e.right = "right";
 })(Is || (Is = {}));
-const Ds = Object.assign({ counter: { tpl: '<div class="f-counter"><span data-carousel-page></span>/<span data-carousel-pages></span></div>' }, download: { tpl: '<button data-carousel-download class="f-button" title="{{DOWNLOAD}}"><svg><path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 11l5 5 5-5M12 4v12"/></svg></button>' }, autoplay: { tpl: '<button data-autoplay-action="toggle" class="f-button" title="{{TOGGLE_AUTOPLAY}}"><svg><g><path d="M5 3.5 19 12 5 20.5Z"/></g><g><path d="M8 4v15M17 4v15"/></g></svg></button>' }, thumbs: { tpl: '<button data-thumbs-action="toggle" class="f-button" title="{{TOGGLE_THUMBS}}"><svg><rect width="18" height="14" x="3" y="3" rx="2"/><path d="M4 21h1M9 21h1M14 21h1M19 21h1"/></svg></button>' } }, ts), js = { absolute: !1, display: { left: [], middle: ["zoomIn", "zoomOut", "toggle1to1", "rotateCCW", "rotateCW", "flipX", "flipY", "reset"], right: [] }, enabled: "auto", items: {} }, ra = () => {
+const Ds = Object.assign({ counter: { tpl: '<div class="f-counter"><span data-carousel-page></span>/<span data-carousel-pages></span></div>' }, download: { tpl: '<button data-carousel-download class="f-button" title="{{DOWNLOAD}}"><svg><path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 11l5 5 5-5M12 4v12"/></svg></button>' }, autoplay: { tpl: '<button data-autoplay-action="toggle" class="f-button" title="{{TOGGLE_AUTOPLAY}}"><svg><g><path d="M5 3.5 19 12 5 20.5Z"/></g><g><path d="M8 4v15M17 4v15"/></g></svg></button>' }, thumbs: { tpl: '<button data-thumbs-action="toggle" class="f-button" title="{{TOGGLE_THUMBS}}"><svg><rect width="18" height="14" x="3" y="3" rx="2"/><path d="M4 21h1M9 21h1M14 21h1M19 21h1"/></svg></button>' } }, ts), js = { absolute: !1, display: { left: [], middle: ["zoomIn", "zoomOut", "toggle1to1", "rotateCCW", "rotateCW", "flipX", "flipY", "reset"], right: [] }, enabled: "auto", items: {} }, sa = () => {
   let e, t;
   function n(r) {
     const a = e?.getOptions().Toolbar;
@@ -4705,7 +4710,7 @@ const Ds = Object.assign({ counter: { tpl: '<div class="f-counter"><span data-ca
     return !!t;
   } };
 };
-const Hs = { autoStart: !0, pauseOnHover: !0, showProgressbar: !0, timeout: 2e3 }, zc = () => {
+const Hs = { autoStart: !0, pauseOnHover: !0, showProgressbar: !0, timeout: 2e3 }, Nc = () => {
   let e, t, n = !1, o = !1, r = !1, a = null;
   function s(x) {
     const L = e?.getOptions().Autoplay;
@@ -4806,7 +4811,7 @@ const Hs = { autoStart: !0, pauseOnHover: !0, showProgressbar: !0, timeout: 2e3
 };
 const ko = { Carousel: { Lazyload: { showLoading: !1 } }, minCount: 2, showOnStart: !0, thumbTpl: '<button aria-label="Slide to #{{page}}"><img draggable="false" alt="{{alt}}" data-lazy-src="{{src}}" /></button>', type: "modern" };
 let Eo;
-const Nc = () => {
+const Bc = () => {
   let e, t, n, o, r, a = 0, s = 0, l = !0;
   function i(j) {
     const V = e?.getOptions().Thumbs;
@@ -4885,7 +4890,7 @@ const Nc = () => {
         a = ge("width"), s = ge("clip-width");
       })(), J = 4 * (a - s)), F && F.getTotalSlideDim() <= F.getViewportDim() - J ? 1 / 0 : 1;
     } }, ko.Carousel || {}, i("Carousel") || {});
-    t = Eo(n, N, { Sync: na, Lazyload: oa }), t.on("ready", () => {
+    t = Eo(n, N, { Sync: ta, Lazyload: na }), t.on("ready", () => {
       ue(n, "is-syncing"), e?.emit("thumbs:ready"), f() && e?.on("render", x);
     }), t.on("destroy", () => {
       e?.emit("thumbs:destroy");
@@ -4986,7 +4991,7 @@ const Nc = () => {
     return i("type");
   }, isEnabled: c };
 };
-const Vs = { autosize: !1, iframeAttr: { allow: "autoplay; fullscreen", scrolling: "auto" }, preload: !1 }, Bc = () => {
+const Vs = { autosize: !1, iframeAttr: { allow: "autoplay; fullscreen", scrolling: "auto" }, preload: !1 }, qc = () => {
   let e;
   function t() {
     const s = e?.getOptions().Html;
@@ -5084,7 +5089,7 @@ const zs = (e, t = {}) => {
   let a = r + "", s = e.match(/#t=((.*)?\d+s)/);
   return s && (a += `#t=${s[1]}`), a;
 }, Ns = { autoplay: !1, html5videoTpl: `<video class="f-html5video" playsinline controls controlsList="nodownload" poster="{{poster}}">
-    <source src="{{src}}" type="{{format}}" />Sorry, your browser doesn't support embedded videos.</video>`, iframeAttr: { allow: "autoplay; fullscreen", scrolling: "no", referrerPolicy: "strict-origin-when-cross-origin", credentialless: "" }, vimeo: { byline: 1, color: "00adef", controls: 1, dnt: 1, muted: 0 }, youtube: { controls: 1, enablejsapi: 1, nocookie: 1, rel: 0, fs: 1 } }, qc = () => {
+    <source src="{{src}}" type="{{format}}" />Sorry, your browser doesn't support embedded videos.</video>`, iframeAttr: { allow: "autoplay; fullscreen", scrolling: "no", referrerPolicy: "strict-origin-when-cross-origin", credentialless: "" }, vimeo: { byline: 1, color: "00adef", controls: 1, dnt: 1, muted: 0 }, youtube: { controls: 1, enablejsapi: 1, nocookie: 1, rel: 0, fs: 1 } }, Wc = () => {
   let e, t = !1;
   function n() {
     const u = e?.getOptions().Video;
@@ -5226,7 +5231,7 @@ const zs = (e, t = {}) => {
     e?.off("addSlide", a), e?.off("attachSlideEl", s), e?.off("detachSlideEl", l), e?.off("ready", c), e?.off("change", i), e?.off("settle", c), e?.off("refresh", d), window.removeEventListener("message", r), e = void 0;
   } };
 };
-const Bs = { autoStart: !1, btnTpl: '<button data-fullscreen-action="toggle" class="f-button" title="{{TOGGLE_FULLSCREEN}}"><svg><g><path d="M8 3H5a2 2 0 0 0-2 2v3M21 8V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3M16 21h3a2 2 0 0 0 2-2v-3"/></g><g><path d="M15 19v-2a2 2 0 0 1 2-2h2M15 5v2a2 2 0 0 0 2 2h2M5 15h2a2 2 0 0 1 2 2v2M5 9h2a2 2 0 0 0 2-2V5"/></g></svg></button>' }, qs = "in-fullscreen-mode", Wc = () => {
+const Bs = { autoStart: !1, btnTpl: '<button data-fullscreen-action="toggle" class="f-button" title="{{TOGGLE_FULLSCREEN}}"><svg><g><path d="M8 3H5a2 2 0 0 0-2 2v3M21 8V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3M16 21h3a2 2 0 0 0 2-2v-3"/></g><g><path d="M15 19v-2a2 2 0 0 1 2-2h2M15 5v2a2 2 0 0 0 2 2h2M5 15h2a2 2 0 0 1 2 2v2M5 9h2a2 2 0 0 0 2-2V5"/></g></svg></button>' }, qs = "in-fullscreen-mode", Uc = () => {
   let e;
   function t(f) {
     const d = e?.getOptions().Fullscreen;
@@ -5282,7 +5287,7 @@ const Bs = { autoStart: !1, btnTpl: '<button data-fullscreen-action="toggle" cla
     e?.off("initPlugins", n), e?.off("ready", o), e?.off("click", r);
   }, exit: i, inFullscreen: s, request: l, toggle: c };
 };
-let gt, aa, Ho = !1, Vo = !1, Mn = !1, zo = !1;
+let gt, ra, Ho = !1, Vo = !1, Mn = !1, zo = !1;
 const fo = () => {
   const e = new URL(document.URL).hash, t = e.slice(1).split("-"), n = t[t.length - 1], o = n && /^\+?\d+$/.test(n) && parseInt(t.pop() || "1", 10) || 1;
   return { urlHash: e, urlSlug: t.join("-"), urlIndex: o };
@@ -5304,7 +5309,7 @@ const fo = () => {
   if (!r || !o) return "";
   let a = parseInt(r.index + "", 10) + 1, s = r.slug ? `#${r.slug}` : `#${o}-${a}`;
   return (((n = (t = e.getCarousel()) === null || t === void 0 ? void 0 : t.getPages()) === null || n === void 0 ? void 0 : n.length) || 0) < 2 && (s = `#${o}`), s;
-}, Uc = () => {
+}, Zc = () => {
   if (!gt || Mn) return;
   const e = gt?.getInstance(), t = e?.getCarousel(), { urlSlug: n, urlIndex: o } = fo(), r = e?.getOptions().Hash;
   if (r !== !1) {
@@ -5316,9 +5321,9 @@ const fo = () => {
     ns();
   }
 }, Us = () => {
-  gt && (aa = setTimeout(() => {
+  gt && (ra = setTimeout(() => {
     Ho = !0, ns(), Ho = !1;
-  }, 300), window.addEventListener("hashchange", Uc, !1));
+  }, 300), window.addEventListener("hashchange", Zc, !1));
 };
 let On;
 function Co() {
@@ -5375,7 +5380,7 @@ const Xn = () => {
     }
   }
   return { init: function(a) {
-    clearTimeout(aa), e = a, e.on("ready", n), e.on("close", r);
+    clearTimeout(ra), e = a, e.on("ready", n), e.on("close", r);
   }, destroy: function() {
     e?.off("ready", n), e?.off("close", r);
     const a = e?.getCarousel();
@@ -5385,33 +5390,33 @@ const Xn = () => {
 Xn.getInfoFromURL = fo, Xn.startFromUrl = ns, Xn.setup = function(e) {
   gt || (gt = e, Gn() && (/complete|interactive|loaded/.test(document.readyState) ? Us() : document.addEventListener("DOMContentLoaded", Us)));
 };
-const Zc = Object.assign(Object.assign({}, es), { CLOSE: "Close", NEXT: "Next", PREV: "Previous", MODAL: "You can close this modal content with the ESC key", ELEMENT_NOT_FOUND: "HTML Element Not Found", IFRAME_ERROR: "Error Loading Page", NO_CAPTION: "No Caption", TOGGLE_SIDEBAR: "Toggle sidebar" });
-const ia = '<button class="f-button" title="{{CLOSE}}" data-fancybox-close><svg tabindex="-1" width="24" height="24" viewBox="0 0 24 24"><path d="M19.286 4.714 4.714 19.286M4.714 4.714l14.572 14.572" /></svg></button>';
-ra().add("close", { tpl: ia });
+const Gc = Object.assign(Object.assign({}, es), { CLOSE: "Close", NEXT: "Next", PREV: "Previous", MODAL: "You can close this modal content with the ESC key", ELEMENT_NOT_FOUND: "HTML Element Not Found", IFRAME_ERROR: "Error Loading Page", NO_CAPTION: "No Caption", TOGGLE_SIDEBAR: "Toggle sidebar" });
+const aa = '<button class="f-button" title="{{CLOSE}}" data-fancybox-close><svg tabindex="-1" width="24" height="24" viewBox="0 0 24 24"><path d="M19.286 4.714 4.714 19.286M4.714 4.714l14.572 14.572" /></svg></button>';
+sa().add("close", { tpl: aa });
 const $t = (e) => {
   e.cancelable && e.preventDefault();
 }, Zs = (e = null, t = "", n) => {
   if (!e || !e.parentElement || !t) return void (n && n());
-  la(e);
+  ia(e);
   const o = (r) => {
     r.target === e && e.dataset.animationName && (e.removeEventListener("animationend", o), delete e.dataset.animationName, n && n(), e.classList.remove(t));
   };
   e.dataset.animationName = t, e.addEventListener("animationend", o), ue(e, t);
-}, la = (e) => {
+}, ia = (e) => {
   e && e.dispatchEvent(new CustomEvent("animationend", { bubbles: !1, cancelable: !0, currentTarget: e }));
 };
 var Ze;
 (function(e) {
   e[e.Init = 0] = "Init", e[e.Ready = 1] = "Ready", e[e.Closing = 2] = "Closing", e[e.Destroyed = 3] = "Destroyed";
 })(Ze || (Ze = {}));
-const Rn = { ajax: null, backdropClick: "close", Carousel: {}, closeButton: "auto", closeButtonTpl: ia, closeExisting: !1, delegateEl: void 0, dragToClose: !0, fadeEffect: !0, groupAll: !1, groupAttr: "data-fancybox", hideClass: "f-fadeOut", hideScrollbar: !0, id: void 0, idle: !1, keyboard: { Escape: "close", Delete: "close", Backspace: "close", PageUp: "next", PageDown: "prev", ArrowUp: "prev", ArrowDown: "next", ArrowRight: "next", ArrowLeft: "prev" }, l10n: Zc, mainClass: "", mainStyle: {}, mainTpl: `<dialog class="fancybox__dialog">
+const Rn = { ajax: null, backdropClick: "close", Carousel: {}, closeButton: "auto", closeButtonTpl: aa, closeExisting: !1, delegateEl: void 0, dragToClose: !0, fadeEffect: !0, groupAll: !1, groupAttr: "data-fancybox", hideClass: "f-fadeOut", hideScrollbar: !0, id: void 0, idle: !1, keyboard: { Escape: "close", Delete: "close", Backspace: "close", PageUp: "next", PageDown: "prev", ArrowUp: "prev", ArrowDown: "next", ArrowRight: "next", ArrowLeft: "prev" }, l10n: Gc, mainClass: "", mainStyle: {}, mainTpl: `<dialog class="fancybox__dialog">
     <div class="fancybox__container" tabindex="0" aria-label="{{MODAL}}">
       <div class="fancybox__backdrop"></div>
       <div class="fancybox__carousel"></div>
     </div>
   </dialog>`, modal: !0, on: {}, parentEl: void 0, placeFocusBack: !0, showClass: "f-zoomInUp", startIndex: 0, sync: void 0, theme: "dark", triggerEl: void 0, triggerEvent: void 0, zoomEffect: !0 }, At = /* @__PURE__ */ new Map();
-let Gc = 0;
-const Gs = "with-fancybox", Yc = () => {
+let Yc = 0;
+const Gs = "with-fancybox", Xc = () => {
   let e, t, n, o, r, a, s, l = Ze.Init, i = Object.assign({}, Rn), c = -1, f = {}, d = [], u = !1, p = !0, y = 0;
   function m(A, ...U) {
     let re = i[A];
@@ -5757,7 +5762,7 @@ const Gs = "with-fancybox", Yc = () => {
       }
     }
     const te = E?.htmlEl || ((B = E?.panzoomRef) === null || B === void 0 ? void 0 : B.getWrapper());
-    te && la(te), !Z && O && te && (Y = !0, Zs(te, O, () => {
+    te && ia(te), !Z && O && te && (Y = !0, Zs(te, O, () => {
       Je();
     })), Z || Y ? setTimeout(() => {
       Je();
@@ -5790,7 +5795,7 @@ const Gs = "with-fancybox", Yc = () => {
   }, getState: function() {
     return l;
   }, init: function(A = [], U = {}) {
-    l !== Ze.Init && (We.destroy(), l = Ze.Init), i = ft({}, Rn, U), c = m("id") || "fancybox-" + ++Gc;
+    l !== Ze.Init && (We.destroy(), l = Ze.Init), i = ft({}, Rn, U), c = m("id") || "fancybox-" + ++Yc;
     const re = At.get(c);
     if (re && re.destroy(), At.set(c, We), b("init"), (function() {
       for (const [B, w] of Object.entries(Object.assign(Object.assign({}, Ne.Plugins), i.plugins || {}))) if (B && !f[B] && w instanceof Function) {
@@ -5829,7 +5834,7 @@ const Gs = "with-fancybox", Yc = () => {
       const B = ft({}, { Autoplay: { autoStart: !1, pauseOnHover: !1, progressbarParentEl: (w) => {
         const E = w.getContainer();
         return E?.querySelector(".f-carousel__toolbar [data-autoplay-action]") || E;
-      } }, Fullscreen: { el: t }, Toolbar: { absolute: !0, items: { counter: { tpl: '<div class="f-counter"><span data-fancybox-page></span>/<span data-fancybox-pages></span></div>' } }, display: { left: ["counter"], right: ["toggleFull", "autoplay", "fullscreen", "thumbs", "close"] } }, Video: { autoplay: !0 }, Thumbs: { minCount: 2, Carousel: { classes: { container: "fancybox__thumbs" } } }, classes: { container: "fancybox__carousel", viewport: "fancybox__viewport", slide: "fancybox__slide" }, spinnerTpl: '<div class="f-spinner" data-fancybox-close></div>', dragFree: !1, slidesPerPage: 1, plugins: { Sync: na, Arrows: Hc, Lazyload: oa, Zoomable: jc, Html: Bc, Video: qc, Autoplay: zc, Fullscreen: Wc, Thumbs: Nc, Toolbar: ra } }, m("Carousel") || {}, { slides: d, enabled: !0, initialPage: m("startIndex") || 0, l10n: m("l10n") });
+      } }, Fullscreen: { el: t }, Toolbar: { absolute: !0, items: { counter: { tpl: '<div class="f-counter"><span data-fancybox-page></span>/<span data-fancybox-pages></span></div>' } }, display: { left: ["counter"], right: ["toggleFull", "autoplay", "fullscreen", "thumbs", "close"] } }, Video: { autoplay: !0 }, Thumbs: { minCount: 2, Carousel: { classes: { container: "fancybox__thumbs" } } }, classes: { container: "fancybox__carousel", viewport: "fancybox__viewport", slide: "fancybox__slide" }, spinnerTpl: '<div class="f-spinner" data-fancybox-close></div>', dragFree: !1, slidesPerPage: 1, plugins: { Sync: ta, Arrows: Vc, Lazyload: na, Zoomable: Hc, Html: qc, Video: Wc, Autoplay: Nc, Fullscreen: Uc, Thumbs: Bc, Toolbar: sa } }, m("Carousel") || {}, { slides: d, enabled: !0, initialPage: m("startIndex") || 0, l10n: m("l10n") });
       o = so(n, B), b("initCarousel", o), o.on("*", (w, E, ...D) => {
         b(`Carousel.${E}`, w, ...D);
       }), o.on("attachSlideEl", k), o.on("detachSlideEl", x), o.on("contentLoading", le), o.on("contentReady", Le), o.on("ready", ee), o.on("change", M), o.on("settle", ye), o.on("thumbs:ready", ae), o.on("thumbs:destroy", ae), o.init();
@@ -5973,7 +5978,7 @@ const Ne = { Plugins: { Hash: Xn }, version: "6.1.13", openers: /* @__PURE__ */
   var e;
   return ((e = Ne.getInstance()) === null || e === void 0 ? void 0 : e.getSlide()) || void 0;
 }, show: function(e = [], t = {}) {
-  return Ys(), Yc().init(e, t);
+  return Ys(), Xc().init(e, t);
 }, unbind: function(e, t, n) {
   if (!Gn()) return;
   let o = document.body, r = null, a = "[data-fancybox]";
@@ -5982,7 +5987,7 @@ const Ne = { Plugins: { Hash: Xn }, version: "6.1.13", openers: /* @__PURE__ */
     const c = Ne.openers.get(s) || /* @__PURE__ */ new Map(), f = c.get(l) || /* @__PURE__ */ new Map();
     f && i && f.delete(i), f.size && i || c.delete(l), c.size || (Ne.openers.delete(s), s.removeEventListener("click", Ne.fromEvent));
   })(o, r, a);
-} }, Xc = {
+} }, Kc = {
   __name: "SparkFancybox",
   props: {
     /** Fancybox configuration options */
@@ -6015,7 +6020,7 @@ const Ne = { Plugins: { Hash: Xn }, version: "6.1.13", openers: /* @__PURE__ */
       Ke(a.$slots, "default")
     ], 512));
   }
-}, Kc = ["innerHTML"], Jc = { key: 1 }, Up = {
+}, Jc = ["innerHTML"], Qc = { key: 1 }, Zp = {
   __name: "SparkTooltip",
   props: {
     /** Tooltip text (alternative to #content slot) */
@@ -6063,8 +6068,8 @@ const Ne = { Plugins: { Hash: Xn }, version: "6.1.13", openers: /* @__PURE__ */
     const t = e, n = Bo(), o = ke(null), r = ke(null), a = ke(null), s = ke(!1);
     let l = null, i = null;
     const c = Q(() => t.interactive ? typeof t.delay == "number" ? 150 : Math.max(t.delay.hide ?? 0, 150) : typeof t.delay == "number" ? 0 : t.delay.hide ?? 0), f = Q(() => {
-      const v = [zr(t.offset), Br(), Nr({ padding: 8 })];
-      return t.showArrow && v.push(Wr({ element: a, padding: 5 })), v;
+      const v = [Vr(t.offset), Nr(), zr({ padding: 8 })];
+      return t.showArrow && v.push(qr({ element: a, padding: 5 })), v;
     }), {
       floatingStyles: d,
       middlewareData: u,
@@ -6133,7 +6138,7 @@ const Ne = { Plugins: { Hash: Xn }, version: "6.1.13", openers: /* @__PURE__ */
                 e.html ? (T(), P("span", {
                   key: 0,
                   innerHTML: e.content
-                }, null, 8, Kc)) : (T(), P("span", Jc, xe(e.content), 1))
+                }, null, 8, Jc)) : (T(), P("span", Qc, xe(e.content), 1))
               ]),
               e.showArrow ? (T(), P("div", {
                 key: 0,
@@ -6149,22 +6154,22 @@ const Ne = { Plugins: { Hash: Xn }, version: "6.1.13", openers: /* @__PURE__ */
       ]))
     ], 64));
   }
-}, Qc = {
+}, eu = {
   key: 0,
   class: "block text-sm font-medium text-gray-700 mb-2"
-}, eu = { key: 0 }, tu = { class: "text-sm text-gray-600 mb-2" }, nu = {
+}, tu = { key: 0 }, nu = { class: "text-sm text-gray-600 mb-2" }, ou = {
   key: 1,
   class: "flex items-center justify-center gap-3"
-}, ou = { class: "text-gray-700" }, su = {
+}, su = { class: "text-gray-700" }, ru = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center bg-blue-50/80 rounded-md pointer-events-none"
-}, ru = {
+}, au = {
   key: 3,
   class: "flex justify-end mt-4"
-}, au = {
+}, iu = {
   key: 4,
   class: "text-sm text-gray-500 mt-1"
-}, Zp = {
+}, Gp = {
   __name: "SparkFileDragUpload",
   props: {
     uploadUrl: {
@@ -6320,7 +6325,7 @@ const Ne = { Plugins: { Hash: Xn }, version: "6.1.13", openers: /* @__PURE__ */
     }), (b, v) => {
       const k = Ue("FormKit"), x = Ue("font-awesome-icon");
       return T(), P("div", null, [
-        e.label ? (T(), P("label", Qc, xe(e.label), 1)) : he("", !0),
+        e.label ? (T(), P("label", eu, xe(e.label), 1)) : he("", !0),
         e.variant === "dashed" ? (T(), P("div", {
           key: 1,
           class: _e(["border-2 border-dashed border-gray-300 rounded-lg p-8 text-center transition-colors", {
@@ -6342,12 +6347,12 @@ const Ne = { Plugins: { Hash: Xn }, version: "6.1.13", openers: /* @__PURE__ */
             "outer-class": "hidden",
             onInput: y
           }, null, 8, ["name", "accept", "disabled"]),
-          s.value ? (T(), P("div", nu, [
+          s.value ? (T(), P("div", ou, [
             oe(x, {
               icon: ne(Ie).farFile,
               class: "text-2xl text-gray-500"
             }, null, 8, ["icon"]),
-            _("span", ou, xe(s.value.name), 1),
+            _("span", su, xe(s.value.name), 1),
             oe(mt, {
               variant: "secondary",
               size: "sm",
@@ -6360,12 +6365,12 @@ const Ne = { Plugins: { Hash: Xn }, version: "6.1.13", openers: /* @__PURE__ */
               ]),
               _: 1
             })
-          ])) : (T(), P("div", eu, [
+          ])) : (T(), P("div", tu, [
             oe(x, {
               icon: e.icon,
               class: "text-4xl text-gray-400 mb-3"
             }, null, 8, ["icon"]),
-            _("p", tu, xe(e.dropText), 1),
+            _("p", nu, xe(e.dropText), 1),
             oe(mt, {
               variant: "secondary",
               onClick: m
@@ -6393,11 +6398,11 @@ const Ne = { Plugins: { Hash: Xn }, version: "6.1.13", openers: /* @__PURE__ */
             disabled: e.disabled || l.value,
             onInput: y
           }, null, 8, ["name", "accept", "disabled"]),
-          i.value ? (T(), P("div", su, [...v[0] || (v[0] = [
+          i.value ? (T(), P("div", ru, [...v[0] || (v[0] = [
             _("span", { class: "text-sm text-blue-600 font-medium" }, "Drop file here", -1)
           ])])) : he("", !0)
         ], 34)),
-        e.showUploadButton ? (T(), P("div", ru, [
+        e.showUploadButton ? (T(), P("div", au, [
           oe(mt, {
             size: "lg",
             disabled: !s.value || l.value,
@@ -6414,20 +6419,20 @@ const Ne = { Plugins: { Hash: Xn }, version: "6.1.13", openers: /* @__PURE__ */
             _: 1
           }, 8, ["disabled"])
         ])) : he("", !0),
-        l.value && !e.showUploadButton ? (T(), P("p", au, xe(e.uploadingText), 1)) : he("", !0)
+        l.value && !e.showUploadButton ? (T(), P("p", iu, xe(e.uploadingText), 1)) : he("", !0)
       ]);
     };
   }
-}, iu = {
+}, lu = {
   key: 0,
   class: "block text-sm font-medium text-gray-700 mb-2"
-}, lu = ["href", "data-caption"], cu = ["src", "alt"], uu = ["disabled"], du = {
+}, cu = ["href", "data-caption"], uu = ["src", "alt"], du = ["disabled"], fu = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center bg-blue-50/80 rounded-md pointer-events-none"
-}, fu = {
+}, pu = {
   key: 3,
   class: "text-sm text-gray-500 mt-1"
-}, Gp = {
+}, Yp = {
   __name: "SparkImageUpload",
   props: {
     modelValue: {
@@ -6466,6 +6471,10 @@ const Ne = { Plugins: { Hash: Xn }, version: "6.1.13", openers: /* @__PURE__ */
       type: Boolean,
       default: !1
     },
+    circle: {
+      type: Boolean,
+      default: !1
+    },
     responseParser: {
       type: Function,
       default: (e) => e.data.url || e.data
@@ -6541,8 +6550,8 @@ const Ne = { Plugins: { Hash: Xn }, version: "6.1.13", openers: /* @__PURE__ */
     return (y, m) => {
       const g = Ue("font-awesome-icon"), h = Ue("FormKit");
       return T(), P("div", null, [
-        e.label ? (T(), P("label", iu, xe(e.label), 1)) : he("", !0),
-        e.modelValue ? (T(), Me(Xc, {
+        e.label ? (T(), P("label", lu, xe(e.label), 1)) : he("", !0),
+        e.modelValue ? (T(), Me(Kc, {
           key: 1,
           class: "mb-2 relative inline-block"
         }, {
@@ -6557,10 +6566,11 @@ const Ne = { Plugins: { Hash: Xn }, version: "6.1.13", openers: /* @__PURE__ */
                 alt: e.label || "Image preview",
                 class: _e([
                   e.height,
-                  "w-auto object-contain border border-gray-300 rounded-md cursor-pointer hover:opacity-80 transition-opacity"
+                  e.circle ? "aspect-square object-cover rounded-full" : "w-auto object-contain rounded-md",
+                  "border border-gray-300 cursor-pointer hover:opacity-80 transition-opacity"
                 ])
-              }, null, 10, cu)
-            ], 8, lu),
+              }, null, 10, uu)
+            ], 8, cu),
             _("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",
@@ -6571,7 +6581,7 @@ const Ne = { Plugins: { Hash: Xn }, version: "6.1.13", openers: /* @__PURE__ */
                 icon: ne(Ie).farXmark,
                 class: "text-xs"
               }, null, 8, ["icon"])
-            ], 8, uu)
+            ], 8, du)
           ]),
           _: 1
         })) : he("", !0),
@@ -6592,18 +6602,18 @@ const Ne = { Plugins: { Hash: Xn }, version: "6.1.13", openers: /* @__PURE__ */
             disabled: e.disabled || a.value,
             onInput: u
           }, null, 8, ["name", "accept", "disabled"]),
-          s.value ? (T(), P("div", du, [...m[0] || (m[0] = [
+          s.value ? (T(), P("div", fu, [...m[0] || (m[0] = [
             _("span", { class: "text-sm text-blue-600 font-medium" }, "Drop image here", -1)
           ])])) : he("", !0)
         ], 34)),
-        a.value ? (T(), P("p", fu, "Uploading...")) : he("", !0)
+        a.value ? (T(), P("p", pu, "Uploading...")) : he("", !0)
       ]);
     };
   }
-}, pu = { class: "px-4 pt-5 pb-4 sm:p-6" }, mu = {
+}, mu = { class: "px-4 pt-5 pb-4 sm:p-6" }, gu = {
   key: 0,
   class: "text-lg font-medium text-gray-900"
-}, gu = {
+}, hu = {
   __name: "SparkModalDialog",
   props: {
     title: {
@@ -6680,7 +6690,7 @@ const Ne = { Plugins: { Hash: Xn }, version: "6.1.13", openers: /* @__PURE__ */
     })[t.type]);
     return (i, c) => {
       const f = Ue("font-awesome-icon");
-      return T(), P("div", pu, [
+      return T(), P("div", mu, [
         a.value ? (T(), P("div", {
           key: 0,
           class: _e(["mx-auto flex size-12 items-center justify-center rounded-full", s.value])
@@ -6693,7 +6703,7 @@ const Ne = { Plugins: { Hash: Xn }, version: "6.1.13", openers: /* @__PURE__ */
         _("div", {
           class: _e(["text-center", { "mt-3 sm:mt-5": a.value }])
         }, [
-          e.title ? (T(), P("h3", mu, xe(e.title), 1)) : he("", !0),
+          e.title ? (T(), P("h3", gu, xe(e.title), 1)) : he("", !0),
           e.message ? (T(), P("div", {
             key: 1,
             class: _e([{ "mt-2": e.title }, "text-sm text-gray-500"])
@@ -6717,7 +6727,7 @@ const Ne = { Plugins: { Hash: Xn }, version: "6.1.13", openers: /* @__PURE__ */
     };
   }
 };
-class hu {
+class vu {
   constructor() {
     this.state = Et({
       isVisible: !1,
@@ -6754,7 +6764,7 @@ class hu {
       confirmVariant: i = "primary"
     } = t;
     this.show(
-      gu,
+      hu,
       {
         title: o,
         message: r,
@@ -6775,15 +6785,15 @@ class hu {
     );
   });
 }
-const Rt = new hu(), vu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, yu = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, bu = {
+const Rt = new vu(), yu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, bu = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, xu = {
   __name: "SparkModalContainer",
   setup(e) {
-    return (t, n) => (T(), Me(ne(_r), {
+    return (t, n) => (T(), Me(ne(Cr), {
       as: "template",
       show: ne(Rt).state.isVisible
     }, {
       default: we(() => [
-        oe(ne($r), {
+        oe(ne(_r), {
           class: "relative z-1000",
           onClose: ne(Rt).hide
         }, {
@@ -6802,8 +6812,8 @@ const Rt = new hu(), vu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               ])]),
               _: 1
             }),
-            _("div", vu, [
-              _("div", yu, [
+            _("div", yu, [
+              _("div", bu, [
                 oe(ne(Kn), {
                   as: "template",
                   enter: "ease-out duration-300",
@@ -6814,7 +6824,7 @@ const Rt = new hu(), vu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 }, {
                   default: we(() => [
-                    oe(ne(Mr), { class: "relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:min-w-lg sm:max-w-max" }, {
+                    oe(ne($r), { class: "relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:min-w-lg sm:max-w-max" }, {
                       default: we(() => [
                         (T(), Me(vt(ne(Rt).state.content), wt(ne(Rt).state.props, ur(ne(Rt).state.eventHandlers)), null, 16))
                       ]),
@@ -6832,7 +6842,7 @@ const Rt = new hu(), vu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}, xu = { class: "fixed inset-0 flex" }, Ks = {
+}, wu = { class: "fixed inset-0 flex" }, Ks = {
   __name: "SparkOverlay",
   props: {
     position: {
@@ -6856,12 +6866,12 @@ const Rt = new hu(), vu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     }, r = e, a = t, s = Q(() => o[r.overlayInstance.state.size] || o.md), l = () => {
       r.overlayInstance.close(), a("close");
     };
-    return (i, c) => (T(), Me(ne(_r), {
+    return (i, c) => (T(), Me(ne(Cr), {
       show: e.overlayInstance.state.isVisible,
       as: "template"
     }, {
       default: we(() => [
-        oe(ne($r), {
+        oe(ne(_r), {
           "initial-focus": n.value,
           class: "relative z-1000",
           onClose: l
@@ -6881,7 +6891,7 @@ const Rt = new hu(), vu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               ])]),
               _: 1
             }),
-            _("div", xu, [
+            _("div", wu, [
               oe(ne(Kn), {
                 as: "template",
                 enter: "transition ease-in-out duration-150 transform",
@@ -6892,7 +6902,7 @@ const Rt = new hu(), vu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                 "leave-to": e.position === "left" ? "-translate-x-full opacity-0" : "translate-x-full opacity-0"
               }, {
                 default: we(() => [
-                  oe(ne(Mr), {
+                  oe(ne($r), {
                     ref_key: "panelRef",
                     ref: n,
                     class: _e([
@@ -6917,7 +6927,7 @@ const Rt = new hu(), vu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}, wu = ["disabled", "onClick"], Yp = {
+}, Su = ["disabled", "onClick"], Xp = {
   __name: "SparkSubNav",
   props: {
     /**
@@ -7019,7 +7029,7 @@ const Rt = new hu(), vu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
         isActive: s,
         isDisabled: l,
         navigate: i
-      }) : n.layout === "horizontal" ? (T(), Me(Qr, {
+      }) : n.layout === "horizontal" ? (T(), Me(Jr, {
         key: 1,
         class: "isolate"
       }, {
@@ -7068,16 +7078,16 @@ const Rt = new hu(), vu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
           key: 2,
           class: _e(y(h))
         }, xe(h.badge), 3)) : he("", !0)
-      ], 10, wu))), 128))
+      ], 10, Su))), 128))
     ], 2));
   }
-}, Su = (e) => {
+}, ku = (e) => {
   if (e.includes(".")) {
     const t = e.split(".");
     e = t[t.length - 1];
   }
   return e.replace(/_/g, " ");
-}, ku = (e, t, n) => {
+}, Eu = (e, t, n) => {
   const o = t.querySelector(".relative");
   if (!o || o.querySelector(".spark-table-head-sorting"))
     return;
@@ -7092,12 +7102,12 @@ const Rt = new hu(), vu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       sortedBy: "asc"
     }));
   });
-}, Eu = (e, t, n) => {
+}, Tu = (e, t, n) => {
   if (t.querySelector(".spark-table-head-filter"))
     return;
   const o = document.createElement("div"), r = document.createElement("input");
   r.type = "text", r.placeholder = "Filter...", o.className = "spark-table-head-filter", o.appendChild(r);
-  const a = Lr(async (s, l) => {
+  const a = Mr(async (s, l) => {
     const i = l.target.value, c = `filter[${s}]`;
     if (i)
       return n.params[c] && n.params[c] === i ? void 0 : n.methods.applyParams({
@@ -7107,19 +7117,19 @@ const Rt = new hu(), vu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     await n.methods.removeParam(c);
   }, 200);
   r.addEventListener("keyup", (s) => a(e, s)), t.appendChild(o);
-}, Tu = (e, t, n) => {
+}, Cu = (e, t, n) => {
   e.classList.add("spark-table-head"), n && n.columnSort && e.classList.add("can-sort"), n && n.columnFilter && e.classList.add("can-filter"), e.querySelector(".relative").classList.add("spark-table-head-title-wrapper");
   const r = e.querySelector(".colHeader");
-  r.classList.add("spark-table-head-title"), r.innerHTML = Su(t);
-}, Cu = (e, t, n) => {
+  r.classList.add("spark-table-head-title"), r.innerHTML = ku(t);
+}, _u = (e, t, n) => {
   if (typeof e != "number")
     return e;
   if (e < 0)
     return;
   let o = 2;
   const r = n.methods.colToProp(e), a = n.methods.getSettingsForProp(r);
-  t.childElementCount === 1 && ((!a || !a.columnSort) && o--, (!a || !a.columnFilter) && o--, a && a.columnSort && ku(r, t, n), a && a.columnFilter && Eu(r, t, n)), (t.childElementCount === o || o === 0) && Tu(t, r, a);
-}, _u = (e) => {
+  t.childElementCount === 1 && ((!a || !a.columnSort) && o--, (!a || !a.columnFilter) && o--, a && a.columnSort && Eu(r, t, n), a && a.columnFilter && Tu(r, t, n)), (t.childElementCount === o || o === 0) && Cu(t, r, a);
+}, $u = (e) => {
   if (!e.hotInstance || !e.hotInstance.rootElement)
     return;
   const t = e.params.orderBy, n = e.params.sortedBy, o = e.hotInstance.rootElement.querySelectorAll("thead th.can-sort .relative");
@@ -7129,7 +7139,7 @@ const Rt = new hu(), vu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     const a = r.closest("th"), s = Array.from(a.parentElement.children).indexOf(a);
     e.methods.colToProp(s) === t && r.classList.add(n);
   });
-}, $u = (e) => (t, n, o, r, a, s, l) => {
+}, Mu = (e) => (t, n, o, r, a, s, l) => {
   n.innerHTML = "", n.classList.add("spark-table-cell-actions");
   const c = (l.rendererConfig || {}).actions || [];
   if (c.length === 0)
@@ -7172,7 +7182,7 @@ const Rt = new hu(), vu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   purple: "bg-purple-100 text-purple-800",
   pink: "bg-pink-100 text-pink-800",
   indigo: "bg-indigo-100 text-indigo-800"
-}, Mu = (e) => (t, n, o, r, a, s, l) => {
+}, Lu = (e) => (t, n, o, r, a, s, l) => {
   if (n.innerHTML = "", n.classList.add("spark-table-cell-badge"), !s)
     return;
   const c = (l.rendererConfig || {}).colorMap || {}, f = c[s] || c[s?.toLowerCase()] || "gray", d = Js[f] || Js.gray, u = document.createElement("span");
@@ -7194,7 +7204,7 @@ const Rt = new hu(), vu = { 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" }
-}, Lu = (e) => {
+}, Ou = (e) => {
   if (e == null || e === "")
     return !1;
   if (typeof e == "boolean")
@@ -7206,9 +7216,9 @@ const Rt = new hu(), vu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     return t === "1" || t === "yes" || t === "true";
   }
   return !1;
-}, Ou = (e) => (t, n, o, r, a, s, l) => {
+}, Pu = (e) => (t, n, o, r, a, s, l) => {
   n.innerHTML = "", n.classList.add("spark-table-cell-boolean");
-  const i = l.rendererConfig || {}, c = Lu(s), f = c ? i.trueIcon || "check" : i.falseIcon || "xmark", d = c ? i.trueColor || "green" : i.falseColor || "red", u = i.size || 32, p = i.iconPrefix || "far", y = Qs[d] || Qs.gray;
+  const i = l.rendererConfig || {}, c = Ou(s), f = c ? i.trueIcon || "check" : i.falseIcon || "xmark", d = c ? i.trueColor || "green" : i.falseColor || "red", u = i.size || 32, p = i.iconPrefix || "far", y = Qs[d] || Qs.gray;
   n.dataset.copyValue = c ? "true" : "false";
   const m = document.createElement("div");
   m.classList.add(
@@ -7223,7 +7233,7 @@ const Rt = new hu(), vu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   g.innerHTML = Wt({ prefix: p, iconName: f }).html, g.classList.add("flex", "items-center", "justify-center");
   const h = Math.round(u * 0.5);
   g.style.fontSize = `${h}px`, m.appendChild(g), n.appendChild(m);
-}, Pu = (e, t = 2) => {
+}, Au = (e, t = 2) => {
   const n = Number(e);
   if (isNaN(n)) return null;
   const o = n < 0, a = Math.abs(n).toLocaleString("en-AU", {
@@ -7231,21 +7241,21 @@ const Rt = new hu(), vu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     maximumFractionDigits: t
   });
   return o ? `-$${a}` : `$${a}`;
-}, Au = (e) => (t, n, o, r, a, s, l) => {
+}, Ru = (e) => (t, n, o, r, a, s, l) => {
   n.innerHTML = "", n.classList.add("spark-table-cell-currency");
   const i = l.rendererConfig || {}, { decimals: c = 2, emptyText: f = "" } = i;
   if (s == null || s === "") {
     n.textContent = f;
     return;
   }
-  const d = Pu(s, c);
+  const d = Au(s, c);
   if (d === null) {
     n.textContent = f;
     return;
   }
   const u = document.createElement("span");
   u.textContent = d, n.appendChild(u);
-}, Ru = (e) => (t, n, o, r, a, s, l) => {
+}, Fu = (e) => (t, n, o, r, a, s, l) => {
   if (n.innerHTML = "", n.classList.add("spark-table-cell-link"), !s)
     return;
   const i = l.rendererConfig || {}, c = t.getSourceDataAtRow(t.toPhysicalRow(o));
@@ -7259,7 +7269,7 @@ const Rt = new hu(), vu = { 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"
-}, Fu = (e) => (t, n, o, r, a, s, l) => {
+}, Iu = (e) => (t, n, o, r, a, s, l) => {
   if (n.innerHTML = "", n.classList.add("spark-table-cell-image"), !s)
     return;
   const i = l.rendererConfig || {}, c = t.getSourceDataAtRow(t.toPhysicalRow(o)), f = i.size || "md", d = er[f] || er.md, u = i.rounded !== !1, p = i.lightbox || !1, y = i.group || "table-images";
@@ -7271,7 +7281,7 @@ const Rt = new hu(), vu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     h.href = s, h.setAttribute("data-fancybox", y), m && h.setAttribute("data-caption", m), g.classList.add("cursor-pointer", "hover:opacity-80", "transition-opacity"), h.appendChild(g), n.appendChild(h);
   } else
     n.appendChild(g);
-}, Iu = (e) => (t, n, o, r, a, s, l) => {
+}, Du = (e) => (t, n, o, r, a, s, l) => {
   if (n.innerHTML = "", n.classList.add("spark-table-cell-date"), !s)
     return;
   const i = l.rendererConfig || {}, c = i.format || "short", f = i.locale || "en-US";
@@ -7282,27 +7292,27 @@ const Rt = new hu(), vu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       year: "numeric",
       month: "long",
       day: "numeric"
-    }) : c === "relative" ? d = Du(p) : c === "datetime" ? d = p.toLocaleString(f) : d = p.toLocaleDateString(f);
+    }) : c === "relative" ? d = ju(p) : c === "datetime" ? d = p.toLocaleString(f) : d = p.toLocaleDateString(f);
   } catch (p) {
     console.error("Error formatting date:", p), d = s;
   }
   const u = document.createElement("span");
   u.textContent = d, n.appendChild(u);
 };
-function Du(e) {
+function ju(e) {
   const n = /* @__PURE__ */ new Date() - e, o = Math.floor(Math.abs(n) / 1e3), r = Math.floor(o / 60), a = Math.floor(r / 60), s = Math.floor(a / 24), l = Math.floor(s / 30), i = Math.floor(s / 365), c = n > 0;
   return o < 60 ? c ? "just now" : "in a moment" : r < 60 ? c ? `${r} minute${r > 1 ? "s" : ""} ago` : `in ${r} minute${r > 1 ? "s" : ""}` : a < 24 ? c ? `${a} hour${a > 1 ? "s" : ""} ago` : `in ${a} hour${a > 1 ? "s" : ""}` : s < 30 ? c ? `${s} day${s > 1 ? "s" : ""} ago` : `in ${s} day${s > 1 ? "s" : ""}` : l < 12 ? c ? `${l} month${l > 1 ? "s" : ""} ago` : `in ${l} month${l > 1 ? "s" : ""}` : c ? `${i} year${i > 1 ? "s" : ""} ago` : `in ${i} year${i > 1 ? "s" : ""}`;
 }
-const ju = (e) => {
+const Hu = (e) => {
   const t = ["th", "st", "nd", "rd"], n = e % 100;
   return e + (t[(n - 20) % 10] || t[n] || t[0]);
-}, ht = (e, t = 2) => String(e).padStart(t, "0"), _o = /* @__PURE__ */ new Map(), Hu = (e, t) => {
+}, ht = (e, t = 2) => String(e).padStart(t, "0"), _o = /* @__PURE__ */ new Map(), Vu = (e, t) => {
   const n = `${e}:${JSON.stringify(t)}`;
   return _o.has(n) || _o.set(n, new Intl.DateTimeFormat(e, t)), _o.get(n);
 }, _n = (e, t, n, o) => {
-  const s = Hu(t, n).formatToParts(e).find((l) => l.type === o);
+  const s = Vu(t, n).formatToParts(e).find((l) => l.type === o);
   return s ? s.value : "";
-}, Vu = (e) => e.epochMilliseconds !== void 0 ? new Date(e.epochMilliseconds) : new Date(
+}, zu = (e) => e.epochMilliseconds !== void 0 ? new Date(e.epochMilliseconds) : new Date(
   e.year,
   e.month - 1,
   e.day,
@@ -7310,7 +7320,7 @@ const ju = (e) => {
   e.minute || 0,
   e.second || 0,
   e.millisecond || 0
-), zu = (e) => {
+), Nu = (e) => {
   const t = e.hour || 0, n = t % 12 || 12, o = t >= 12;
   return {
     year: e.year,
@@ -7333,8 +7343,8 @@ const ju = (e) => {
     return "";
   const n = Math.round(e.offsetNanoseconds / 6e10), o = n >= 0 ? "+" : "-", r = Math.abs(n), a = Math.floor(r / 60), s = r % 60;
   return t ? `${o}${ht(a)}:${ht(s)}` : `${o}${ht(a)}${ht(s)}`;
-}, Nu = (e, t) => {
-  const n = zu(e), o = Vu(e), r = n.dayOfWeek === 7 ? 0 : n.dayOfWeek;
+}, Bu = (e, t) => {
+  const n = Nu(e), o = zu(e), r = n.dayOfWeek === 7 ? 0 : n.dayOfWeek;
   return [
     // Year
     ["YYYY", () => String(n.year)],
@@ -7346,7 +7356,7 @@ const ju = (e) => {
     ["M", () => String(n.month)],
     // Day of month
     ["DD", () => ht(n.day)],
-    ["Do", () => ju(n.day)],
+    ["Do", () => Hu(n.day)],
     ["D", () => String(n.day)],
     // Day of week
     ["dddd", () => _n(o, t, { weekday: "long" }, "weekday")],
@@ -7380,7 +7390,7 @@ const ju = (e) => {
     ["x", () => String(e.epochMilliseconds ?? o.getTime())],
     ["X", () => String(Math.floor((e.epochMilliseconds ?? o.getTime()) / 1e3))]
   ];
-}, Bu = (e, t, n = {}) => {
+}, qu = (e, t, n = {}) => {
   const { locale: o = "en-US" } = n;
   if (!e)
     return "";
@@ -7396,20 +7406,20 @@ const ju = (e) => {
     } catch (i) {
       return console.error("Failed to parse date string:", e, i), e;
     }
-  const a = Nu(r, o), s = a.map(([i]) => i).join("|"), l = new RegExp(`\\[([^\\]]+)\\]|(${s})`, "g");
+  const a = Bu(r, o), s = a.map(([i]) => i).join("|"), l = new RegExp(`\\[([^\\]]+)\\]|(${s})`, "g");
   return t.replace(l, (i, c, f) => {
     if (c !== void 0)
       return c;
     const d = a.find(([u]) => u === f);
     return d ? d[1]() : i;
   });
-}, qu = (e, t = {}) => {
+}, Wu = (e, t = {}) => {
   const { fromTimezone: n, toTimezone: o } = t;
   if (!e)
     return null;
   const r = e.replace(" ", "T");
   return n && o ? Temporal.PlainDateTime.from(r).toZonedDateTime(n).withTimeZone(o) : n ? Temporal.PlainDateTime.from(r).toZonedDateTime(n) : Temporal.PlainDateTime.from(r);
-}, Wu = (e) => (t, n, o, r, a, s, l) => {
+}, Uu = (e) => (t, n, o, r, a, s, l) => {
   n.innerHTML = "", n.classList.add("spark-table-cell-datetime");
   const i = l.rendererConfig || {}, {
     format: c = "DD MMM YYYY, HH:mm",
@@ -7423,22 +7433,22 @@ const ju = (e) => {
     return;
   }
   try {
-    const y = qu(s, { fromTimezone: f, toTimezone: d });
+    const y = Wu(s, { fromTimezone: f, toTimezone: d });
     if (!y) {
       n.textContent = p;
       return;
     }
-    const m = Bu(y, c, { locale: u }), g = document.createElement("span");
+    const m = qu(y, c, { locale: u }), g = document.createElement("span");
     g.textContent = m, n.appendChild(g);
   } catch (y) {
     console.error("Error formatting datetime:", y, { value: s, format: c }), n.textContent = s;
   }
-}, Uu = /* @__PURE__ */ new Map(), Pt = (e, t) => {
+}, Zu = /* @__PURE__ */ new Map(), Pt = (e, t) => {
   yi(e, (n, o, r, a, s, l, i) => {
     bi.apply(null, [n, o, r, a, s, l, i]), t(n, o, r, a, s, l, i);
-  }), Uu.set(e, t);
-}, Zu = (e) => {
-  Pt("spark.actions", $u(e)), Pt("spark.badge", Mu()), Pt("spark.boolean", Ou()), Pt("spark.currency", Au()), Pt("spark.link", Ru()), Pt("spark.image", Fu()), Pt("spark.date", Iu()), Pt("spark.datetime", Wu()), Pt("style.capitalize", (t, n, o, r, a, s) => {
+  }), Zu.set(e, t);
+}, Gu = (e) => {
+  Pt("spark.actions", Mu(e)), Pt("spark.badge", Lu()), Pt("spark.boolean", Pu()), Pt("spark.currency", Ru()), Pt("spark.link", Fu()), Pt("spark.image", Iu()), Pt("spark.date", Du()), Pt("spark.datetime", Uu()), Pt("style.capitalize", (t, n, o, r, a, s) => {
     if (!s || s.length === 0) {
       n.innerText = "";
       return;
@@ -7446,8 +7456,8 @@ const ju = (e) => {
     const l = document.createElement("span");
     l.innerHTML = s, l.classList.add("capitalize"), n.replaceChildren(l);
   });
-}, Gu = () => {
-}, Yu = (e, t = {}) => {
+}, Yu = () => {
+}, Xu = (e, t = {}) => {
   const n = Tt(), o = Dt(), r = t.namespace, a = r === null, s = t.syncToRoute !== !1, l = t.persistToStorage === !0, i = t.restoreOnMount !== !1, c = t.storageTTL || 7, f = a ? `spark-table:${o.path}` : `spark-table:${r}`, d = (v, k = "") => {
     const x = {};
     return Object.keys(v).forEach((L) => {
@@ -7555,7 +7565,7 @@ const ju = (e) => {
     loadFromStorage: p,
     clearStorage: y
   };
-}, Xu = { class: "flex items-center gap-4 py-3" }, Ku = { class: "shrink-0" }, Ju = { class: "text-sm text-gray-700" }, Qu = { class: "font-medium" }, ed = { class: "font-medium" }, td = { class: "font-medium" }, nd = {
+}, Ku = { class: "flex items-center gap-4 py-3" }, Ju = { class: "shrink-0" }, Qu = { class: "text-sm text-gray-700" }, ed = { class: "font-medium" }, td = { class: "font-medium" }, nd = { class: "font-medium" }, od = {
   __name: "SparkTablePaginationDetails",
   props: {
     sparkTable: {
@@ -7566,28 +7576,28 @@ const ju = (e) => {
   setup(e) {
     const t = e;
     return (n, o) => (T(), P("div", null, [
-      _("div", Xu, [
-        _("div", Ku, [
-          _("div", Ju, [
+      _("div", Ku, [
+        _("div", Ju, [
+          _("div", Qu, [
             o[0] || (o[0] = qe(" Showing ", -1)),
-            _("span", Qu, xe(t.sparkTable.response.meta.from), 1),
+            _("span", ed, xe(t.sparkTable.response.meta.from), 1),
             o[1] || (o[1] = qe(" to ", -1)),
-            _("span", ed, xe(t.sparkTable.response.meta.to), 1),
+            _("span", td, xe(t.sparkTable.response.meta.to), 1),
             o[2] || (o[2] = qe(" of ", -1)),
-            _("span", td, xe(t.sparkTable.response.meta.total), 1),
+            _("span", nd, xe(t.sparkTable.response.meta.total), 1),
             o[3] || (o[3] = qe(" results ", -1))
           ])
         ])
       ])
     ]));
   }
-}, od = { class: "flex items-center gap-4 px-4 py-3" }, sd = {
+}, sd = { class: "flex items-center gap-4 px-4 py-3" }, rd = {
   key: 0,
   class: "shrink-0 ml-auto"
-}, rd = {
+}, ad = {
   class: "isolate inline-flex -space-x-px rounded-md shadow-xs bg-white",
   "aria-label": "Pagination"
-}, ad = ["onClick"], id = {
+}, id = ["onClick"], ld = {
   __name: "SparkTablePaginationPaging",
   props: {
     sparkTable: {
@@ -7612,10 +7622,10 @@ const ju = (e) => {
     return (f, d) => {
       const u = Ue("font-awesome-icon");
       return T(), P("div", null, [
-        _("div", od, [
-          l.value.length > 1 ? (T(), P("div", sd, [
+        _("div", sd, [
+          l.value.length > 1 ? (T(), P("div", rd, [
             _("div", null, [
-              _("nav", rd, [
+              _("nav", ad, [
                 _("a", {
                   class: _e([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: "#",
@@ -7634,7 +7644,7 @@ const ju = (e) => {
                     e.sparkTable.params.page === p ? "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: (y) => a(p)
-                }, xe(p), 11, ad))), 128)),
+                }, xe(p), 11, id))), 128)),
                 _("a", {
                   class: _e([i.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"]),
                   href: "#",
@@ -7657,7 +7667,7 @@ const ju = (e) => {
   for (const [o, r] of t)
     n[o] = r;
   return n;
-}, ld = { class: "spark-table-pagination-per-page" }, cd = {
+}, cd = { class: "spark-table-pagination-per-page" }, ud = {
   __name: "SparkTablePaginationPerPage",
   props: {
     sparkTable: {
@@ -7678,7 +7688,7 @@ const ju = (e) => {
     };
     return (s, l) => {
       const i = Ue("FormKit");
-      return T(), P("div", ld, [
+      return T(), P("div", cd, [
         oe(i, {
           "model-value": e.sparkTable.params.limit,
           type: "select",
@@ -7691,7 +7701,7 @@ const ju = (e) => {
       ]);
     };
   }
-}, ud = /* @__PURE__ */ an(cd, [["__scopeId", "data-v-9ef8544b"]]), nr = {
+}, dd = /* @__PURE__ */ an(ud, [["__scopeId", "data-v-9ef8544b"]]), nr = {
   __name: "SparkTableToolbar",
   props: {
     position: {
@@ -7712,7 +7722,7 @@ const ju = (e) => {
       Ke(a.$slots, "default")
     ], 2)) : he("", !0);
   }
-}, dd = { class: "spark-table-search" }, fd = {
+}, fd = { class: "spark-table-search" }, pd = {
   __name: "SparkTableSearch",
   props: {
     /** SparkTable instance object */
@@ -7735,7 +7745,7 @@ const ju = (e) => {
     t.sparkTable.params[o] ? n.value = t.sparkTable.params[o] : t.config.initialValue && (n.value = t.config.initialValue, t.sparkTable.methods.applyParams({
       [o]: t.config.initialValue
     }));
-    const r = Lr((s) => {
+    const r = Mr((s) => {
       s ? t.sparkTable.methods.applyParams({
         page: 1,
         [o]: s
@@ -7752,7 +7762,7 @@ const ju = (e) => {
       }
     ), (s, l) => {
       const i = Ue("FormKit");
-      return T(), P("div", dd, [
+      return T(), P("div", fd, [
         oe(i, wt({
           modelValue: n.value,
           "onUpdate:modelValue": l[0] || (l[0] = (c) => n.value = c),
@@ -7766,7 +7776,7 @@ const ju = (e) => {
       ]);
     };
   }
-}, pd = /* @__PURE__ */ an(fd, [["__scopeId", "data-v-18795b8f"]]), md = { class: "spark-table-filter-select" }, gd = {
+}, md = /* @__PURE__ */ an(pd, [["__scopeId", "data-v-18795b8f"]]), gd = { class: "spark-table-filter-select" }, hd = {
   __name: "SparkTableFilterSelect",
   props: {
     /** SparkTable instance object */
@@ -7799,7 +7809,7 @@ const ju = (e) => {
       }
     ), (s, l) => {
       const i = Ue("FormKit");
-      return T(), P("div", md, [
+      return T(), P("div", gd, [
         oe(i, wt({
           modelValue: n.value,
           "onUpdate:modelValue": l[0] || (l[0] = (c) => n.value = c),
@@ -7813,10 +7823,10 @@ const ju = (e) => {
       ]);
     };
   }
-}, hd = /* @__PURE__ */ an(gd, [["__scopeId", "data-v-79c78a5b"]]), vd = { class: "spark-table-filter-buttons" }, yd = {
+}, vd = /* @__PURE__ */ an(hd, [["__scopeId", "data-v-79c78a5b"]]), yd = { class: "spark-table-filter-buttons" }, bd = {
   key: 0,
   class: "spark-table-filter-buttons-label"
-}, bd = {
+}, xd = {
   __name: "SparkTableFilterButtons",
   props: {
     /** SparkTable instance object */
@@ -7847,9 +7857,9 @@ const ju = (e) => {
       (l) => {
         (l == null || l === "") && n.value ? n.value = null : l !== n.value && (n.value = l);
       }
-    ), (l, i) => (T(), P("div", vd, [
-      ne(o) ? (T(), P("span", yd, xe(ne(o)), 1)) : he("", !0),
-      oe(Qr, { class: "isolate" }, {
+    ), (l, i) => (T(), P("div", yd, [
+      ne(o) ? (T(), P("span", bd, xe(ne(o)), 1)) : he("", !0),
+      oe(Jr, { class: "isolate" }, {
         default: we(() => [
           (T(!0), P(ze, null, st(e.config.options, (c) => (T(), Me(mt, {
             key: c.value,
@@ -7868,7 +7878,7 @@ const ju = (e) => {
       })
     ]));
   }
-}, xd = /* @__PURE__ */ an(bd, [["__scopeId", "data-v-0eb19c63"]]), wd = { class: "spark-table-date-picker" }, Sd = {
+}, wd = /* @__PURE__ */ an(xd, [["__scopeId", "data-v-0eb19c63"]]), Sd = { class: "spark-table-date-picker" }, kd = {
   __name: "SparkTableDatePicker",
   props: {
     /** SparkTable instance object */
@@ -7903,7 +7913,7 @@ const ju = (e) => {
       }
     ), (s, l) => {
       const i = Ue("FormKit");
-      return T(), P("div", wd, [
+      return T(), P("div", Sd, [
         (T(), Me(i, wt({
           key: a.value,
           modelValue: n.value,
@@ -7921,7 +7931,7 @@ const ju = (e) => {
       ]);
     };
   }
-}, kd = /* @__PURE__ */ an(Sd, [["__scopeId", "data-v-44ef9cb8"]]), Ed = { class: "spark-table-reset" }, Td = { key: 1 }, Cd = {
+}, Ed = /* @__PURE__ */ an(kd, [["__scopeId", "data-v-44ef9cb8"]]), Td = { class: "spark-table-reset" }, Cd = { key: 1 }, _d = {
   __name: "SparkTableReset",
   props: {
     /** SparkTable instance object */
@@ -7959,7 +7969,7 @@ const ju = (e) => {
     };
     return (o, r) => {
       const a = Ue("font-awesome-icon");
-      return T(), P("div", Ed, [
+      return T(), P("div", Td, [
         oe(mt, {
           variant: "secondary",
           "button-class": "px-3.5",
@@ -7972,23 +7982,23 @@ const ju = (e) => {
               icon: ["far", e.config.icon],
               class: _e({ "mr-1.5": e.config.label })
             }, null, 8, ["icon", "class"])) : he("", !0),
-            e.config.label ? (T(), P("span", Td, xe(e.config.label), 1)) : he("", !0)
+            e.config.label ? (T(), P("span", Cd, xe(e.config.label), 1)) : he("", !0)
           ]),
           _: 1
         })
       ]);
     };
   }
-}, _d = /* @__PURE__ */ an(Cd, [["__scopeId", "data-v-6df5499a"]]), $d = { class: "spark-table" }, Md = {
+}, $d = /* @__PURE__ */ an(_d, [["__scopeId", "data-v-6df5499a"]]), Md = { class: "spark-table" }, Ld = {
   key: 1,
   class: "pt-5"
-}, Ld = {
+}, Od = {
   key: 2,
   class: "flex flex-col items-center justify-center py-16 text-gray-500 rounded-md border border-gray-300 bg-white"
-}, Od = { class: "flex items-center gap-x-3 ml-auto" }, No = {
+}, Pd = { class: "flex items-center gap-x-3 ml-auto" }, No = {
   perPages: [15, 30, 50, 100, 200, 500],
   limit: 15
-}, Pd = {
+}, Ad = {
   page: 1,
   limit: No.limit
 }, or = {
@@ -8001,7 +8011,7 @@ const ju = (e) => {
   tableClassName: "spark-table-table",
   readOnlyCellClassName: "read-only",
   licenseKey: "non-commercial-and-evaluation"
-}, Xp = {
+}, Kp = {
   __name: "SparkTable",
   props: {
     url: {
@@ -8027,7 +8037,7 @@ const ju = (e) => {
     params: {
       type: Object,
       default() {
-        return Pd;
+        return Ad;
       }
     },
     options: {
@@ -8072,11 +8082,11 @@ const ju = (e) => {
     const r = n, a = ao("axios"), s = ke(null), l = ke(!1), i = ke(null);
     let c = !1;
     const f = {
-      search: pd,
-      filterSelect: hd,
-      filterButtons: xd,
-      datePicker: kd,
-      reset: _d
+      search: md,
+      filterSelect: vd,
+      filterButtons: wd,
+      datePicker: Ed,
+      reset: $d
     }, d = Et({
       hotInstance: null,
       url: Q(() => o.url),
@@ -8162,10 +8172,10 @@ const ju = (e) => {
         ...or,
         nestedHeaders: zt(o.settings, "nestedHeaders", []),
         ...!zt(o.settings, "nestedHeaders") && {
-          afterGetColHeader: (g, h) => Cu(g, h, d)
+          afterGetColHeader: (g, h) => _u(g, h, d)
         },
-        afterChange: (g, h) => Gu(),
-        afterRender: () => _u(d),
+        afterChange: (g, h) => Yu(),
+        afterRender: () => $u(d),
         beforeStretchingColumnWidth: (g, h) => {
           const v = zt(o.settings, "columns", [])[h];
           return v && v.width !== void 0 ? v.width : g;
@@ -8214,7 +8224,7 @@ const ju = (e) => {
       { deep: !0, flush: "sync" }
     ), o.syncToRoute || o.persistToStorage) {
       const g = typeof o.syncToRoute == "string";
-      Yu(d, {
+      Xu(d, {
         namespace: g ? o.syncToRoute : null,
         syncToRoute: !!o.syncToRoute,
         persistToStorage: o.persistToStorage
@@ -8241,7 +8251,7 @@ const ju = (e) => {
       await d.methods.loadTable(), r("ready");
     }), Fn(() => {
       c = !0;
-    }), Zu(d), t({
+    }), Gu(d), t({
       refresh: () => d.methods.loadTable(),
       getParams: () => d.methods.getParams(),
       getParam: (g) => d.methods.getParam(g),
@@ -8255,7 +8265,7 @@ const ju = (e) => {
       table: s
     }), (g, h) => {
       const b = Ue("font-awesome-icon");
-      return T(), P("div", $d, [
+      return T(), P("div", Md, [
         d.computed.ready && m.value && m.value.length ? (T(), Me(nr, {
           key: 0,
           position: "header"
@@ -8274,7 +8284,7 @@ const ju = (e) => {
             })
           ]),
           _: 3
-        })) : (T(), P("div", Md)),
+        })) : (T(), P("div", Ld)),
         Qt(oe(ne(fi), {
           ref_key: "table",
           ref: s,
@@ -8283,7 +8293,7 @@ const ju = (e) => {
         }, null, 8, ["settings"]), [
           [ar, !u.value]
         ]),
-        u.value ? (T(), P("div", Ld, [
+        u.value ? (T(), P("div", Od, [
           oe(b, {
             icon: ne(Ie).farInbox,
             class: "size-12 mb-4 text-gray-300"
@@ -8295,17 +8305,17 @@ const ju = (e) => {
           position: "footer"
         }, {
           default: we(() => [
-            u.value ? he("", !0) : (T(), Me(nd, {
+            u.value ? he("", !0) : (T(), Me(od, {
               key: 0,
               "spark-table": d
             }, null, 8, ["spark-table"])),
-            _("div", Od, [
-              u.value ? he("", !0) : (T(), Me(id, {
+            _("div", Pd, [
+              u.value ? he("", !0) : (T(), Me(ld, {
                 key: 0,
                 "spark-table": d,
                 onPaginate: d.methods.applyParams
               }, null, 8, ["spark-table", "onPaginate"])),
-              oe(ud, {
+              oe(dd, {
                 "spark-table": d,
                 onPaginate: d.methods.applyParams
               }, null, 8, ["spark-table", "onPaginate"]),
@@ -8349,7 +8359,7 @@ function sr() {
     }
   };
 }
-class Ad {
+class Rd {
   constructor() {
     this.left = sr(), this.right = sr();
   }
@@ -8381,37 +8391,37 @@ class Ad {
     this.left.close(), this.right.close();
   };
 }
-const Jt = new Ad(), Rd = (e) => {
+const Jt = new Rd(), Fd = (e) => {
   const t = document.cookie.match(new RegExp(`(^| )${e}=([^;]+)`));
   return t ? t[2] : null;
-}, Fd = (e, t, n = {}) => {
+}, Id = (e, t, n = {}) => {
   const {
     maxAge: o = 31536e3,
     // 365 days in seconds
-    domain: r = ca(),
+    domain: r = la(),
     secure: a = !0,
     sameSite: s = "Lax",
     path: l = "/"
   } = n;
   let i = `${e}=${t}; max-age=${o}; path=${l}; samesite=${s}`;
   r && (i += `; domain=${r}`), a && (i += "; secure"), document.cookie = i;
-}, Id = (e, t = {}) => {
-  const { domain: n = ca(), path: o = "/" } = t;
+}, Dd = (e, t = {}) => {
+  const { domain: n = la(), path: o = "/" } = t;
   let r = `${e}=; max-age=0; path=${o}`;
   n && (r += `; domain=${n}`), document.cookie = r;
-}, ca = () => {
+}, la = () => {
   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;
-}, ua = [];
-function Dd(e) {
-  ua.push(e);
+}, ca = [];
+function jd(e) {
+  ca.push(e);
 }
-function jd() {
-  ua.forEach((e) => e());
+function Hd() {
+  ca.forEach((e) => e());
 }
-function Kp(e) {
+function Jp(e) {
   let t = !1;
-  return Dd(() => {
+  return jd(() => {
     t = !1;
   }), {
     bootstrapApp: async () => {
@@ -8460,10 +8470,10 @@ const $o = "bolt-next-token", Ft = In("auth", () => {
   }), t = (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);
   }, n = (c) => {
-    Fd($o, c), e.token = c;
+    Id($o, c), e.token = c;
   }, o = () => {
-    Id($o), e.token = null;
-  }, r = () => Rd($o), a = async (c) => {
+    Dd($o), e.token = null;
+  }, r = () => Fd($o), a = async (c) => {
     const f = await vn.post(e.endpoints.login, c), d = f.headers.authorization;
     return n(d), e.user = f.data, e.callbacks.onLoginSuccess && await e.callbacks.onLoginSuccess(f.data), f.data;
   }, s = async () => {
@@ -8480,7 +8490,7 @@ const $o = "bolt-next-token", Ft = In("auth", () => {
     } catch (c) {
       throw e.callbacks.onLogoutError && await e.callbacks.onLogoutError(c), c;
     } finally {
-      o(), e.user = null, jd();
+      o(), e.user = null, Hd();
     }
   }, l = async () => {
     const c = e.overrideToken || r();
@@ -8511,7 +8521,7 @@ const $o = "bolt-next-token", Ft = In("auth", () => {
     getTokenCookie: r
   };
 });
-function Hd(e = {}) {
+function Vd(e = {}) {
   const t = vn.create({
     baseURL: e.baseURL || "",
     timeout: e.timeout || 3e4,
@@ -8552,24 +8562,24 @@ function Hd(e = {}) {
   ), t;
 }
 let hn = null;
-function Jp(e, t = {}) {
-  return hn = Hd(t), e.provide("axios", hn), e.config.globalProperties.$axios = hn, hn;
+function Qp(e, t = {}) {
+  return hn = Vd(t), e.provide("axios", hn), e.config.globalProperties.$axios = hn, hn;
 }
 function ro() {
   if (!hn)
     throw new Error("Axios instance not initialized. Call setupAxios() first.");
   return hn;
 }
-function Vd(e) {
+function zd(e) {
   return e?.status !== 422 ? null : e.data?.errors || null;
 }
 function rr(e) {
   return e?.status === 422 ? e.data?.message || "Please fix the validation errors." : e?.data?.message || "An error occurred.";
 }
-function zd(e) {
+function Nd(e) {
   return e?.status === 422;
 }
-function Qp(e = {}) {
+function em(e = {}) {
   const {
     endpoint: t = null,
     successMessage: n = "Saved successfully!",
@@ -8603,8 +8613,8 @@ function Qp(e = {}) {
       const L = x.response;
       if (l && await l(x) === !0)
         return { success: !1, data: null, error: x };
-      if (zd(L)) {
-        const M = Vd(L);
+      if (Nd(L)) {
+        const M = zd(L);
         M && v && c && v.setErrors([], M), f && (Qe.show({
           type: "danger",
           message: rr(L)
@@ -8639,7 +8649,7 @@ function Qp(e = {}) {
     ...t ? { submitCrud: m } : {}
   };
 }
-function em(e, t = {}) {
+function tm(e, t = {}) {
   const { queryParams: n = "", fetchFn: o = null, fetchOnCreate: r = !1 } = t, a = Dt(), s = ke(null), l = ke(null), i = Q(() => a.params.id ?? null), c = Q(() => i.value !== null);
   async function f() {
     if (!(!r && !c.value)) {
@@ -8672,7 +8682,7 @@ function em(e, t = {}) {
     (r || c.value) && f();
   }), { data: s, error: l, resourceId: i, isEditMode: c, fetch: f, handleSuccess: d };
 }
-function tm(e, t = {}) {
+function nm(e, t = {}) {
   const { endpoint: n, successMessage: o, errorMessage: r, onSuccess: a, onError: s } = t;
   async function l(i) {
     try {
@@ -8693,7 +8703,7 @@ function tm(e, t = {}) {
   }
   return { handleDelete: l };
 }
-function nm(e = {}) {
+function om(e = {}) {
   const { items: t = [], defaultId: n = null, syncToQuery: o = !1 } = e, r = o === !0 ? "tab" : o || null, a = Tt(), s = Dt(), l = ke(t.map(i));
   function i(b) {
     return {
@@ -8791,31 +8801,31 @@ function nm(e = {}) {
   };
 }
 const xn = /* @__PURE__ */ new Map();
-let Nd = 0;
-function Bd() {
+let Bd = 0;
+function qd() {
   for (const e of xn.values())
     if (e.isDirty)
       return !0;
   return !1;
 }
-function qd() {
+function Wd() {
   for (const e of xn.values())
     if (e.isDirty && e.message)
       return e.message;
   return null;
 }
-function Wd() {
+function Ud() {
   for (const e of xn.values())
     e.isDirty = !1;
 }
-function om(e = {}) {
+function sm(e = {}) {
   const {
     message: t = "You have unsaved changes. Leave anyway?",
     title: n = "Unsaved Changes",
     confirmText: o = "Leave",
     cancelText: r = "Stay",
     useRouteGuard: a = !0
-  } = e, s = `form-${++Nd}`, l = ke(!1);
+  } = e, s = `form-${++Bd}`, l = ke(!1);
   xn.set(s, {
     isDirty: !1,
     message: t
@@ -8858,7 +8868,7 @@ function om(e = {}) {
     disableBrowserWarning: y
   };
 }
-const sm = [
+const rm = [
   { label: "Australian Capital Territory", value: "ACT" },
   { label: "New South Wales", value: "NSW" },
   { label: "Northern Territory", value: "NT" },
@@ -8867,26 +8877,26 @@ const sm = [
   { label: "Tasmania", value: "TAS" },
   { label: "Victoria", value: "VIC" },
   { label: "Western Australia", value: "WA" }
-], Ud = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Zd = { class: "flex flex-1 flex-col min-h-0" }, Gd = { class: "flex-shrink-0 flex items-center pb-8" }, Yd = {
+], Zd = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Gd = { class: "flex flex-1 flex-col min-h-0" }, Yd = { class: "flex-shrink-0 flex items-center pb-8" }, Xd = {
   role: "list",
   class: "flex-1 overflow-y-auto"
-}, Xd = ["href", "onClick"], Kd = {
+}, Kd = ["href", "onClick"], Jd = {
   key: 2,
   class: "w-full flex justify-center"
-}, Jd = {
+}, Qd = {
   key: 0,
   class: "mt-[5px] flex flex-col gap-[5px]"
-}, Qd = ["href", "onClick"], ef = {
+}, ef = ["href", "onClick"], tf = {
   key: 1,
   class: "text-[13px]"
-}, tf = { class: "flex-shrink-0 mt-auto" }, nf = {
+}, nf = { class: "flex-shrink-0 mt-auto" }, of = {
   key: 0,
   role: "list",
   class: "flex flex-col gap-[5px]"
-}, of = ["href", "onClick"], sf = {
+}, sf = ["href", "onClick"], rf = {
   key: 1,
   class: "text-[13px]"
-}, rf = { class: "p-[10px] flex-shrink-0" }, af = { class: "flex flex-1 items-center gap-x-6" }, lf = { class: "relative flex flex-1 items-center gap-4" }, cf = { class: "cursor-pointer" }, uf = ["src"], df = { class: "ml-auto" }, ff = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, rm = {
+}, af = { class: "p-[10px] flex-shrink-0" }, lf = { class: "flex flex-1 items-center gap-x-6" }, cf = { class: "relative flex flex-1 items-center gap-4" }, uf = { class: "cursor-pointer" }, df = ["src"], ff = { class: "ml-auto" }, pf = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, am = {
   __name: "SparkDefaultContainer",
   props: {
     appStore: {
@@ -8908,16 +8918,16 @@ const sm = [
       () => n.mainNavStore.state.menu.filter((h) => !h.footerSection)
     ), i = Q(
       () => n.mainNavStore.state.menu.filter((h) => h.footerSection).flatMap((h) => h.children || [])
-    ), c = Jr(), f = Yr(), d = Q(() => f.getAppIcon(n.appStore.state.app)), u = Q(() => a.meta.hideBrandSelector === !0 ? !1 : n.appStore.state.showBrandSelector), p = () => {
+    ), c = Kr(), f = Gr(), d = Q(() => f.getAppIcon(n.appStore.state.app)), u = Q(() => a.meta.hideBrandSelector === !0 ? !1 : n.appStore.state.showBrandSelector), p = () => {
       const h = {};
-      r["app-selector-bottom"] ? h.bottomSlot = () => rs("div", {}, r["app-selector-bottom"]()) : n.appSelectorSlots.bottomSlot && (h.bottomSlot = n.appSelectorSlots.bottomSlot), r["app-selector-footer"] ? h.footerSlot = () => rs("div", {}, r["app-selector-footer"]()) : n.appSelectorSlots.footerSlot && (h.footerSlot = n.appSelectorSlots.footerSlot), Jt.showRight(lc, h, {
+      r["app-selector-bottom"] ? h.bottomSlot = () => rs("div", {}, r["app-selector-bottom"]()) : n.appSelectorSlots.bottomSlot && (h.bottomSlot = n.appSelectorSlots.bottomSlot), r["app-selector-footer"] ? h.footerSlot = () => rs("div", {}, r["app-selector-footer"]()) : n.appSelectorSlots.footerSlot && (h.footerSlot = n.appSelectorSlots.footerSlot), Jt.showRight(cc, h, {
         select: () => {
           Jt.closeRight();
         }
       });
     }, y = () => {
       Jt.showLeft(
-        Oc,
+        Pc,
         {},
         {
           select: (h) => {
@@ -8932,9 +8942,9 @@ const sm = [
         _("div", {
           class: _e([m.value, "fixed inset-y-0 flex transition-all z-100"])
         }, [
-          _("div", Ud, [
-            _("nav", Zd, [
-              _("div", Gd, [
+          _("div", Zd, [
+            _("nav", Gd, [
+              _("div", Yd, [
                 _("a", {
                   class: "grid w-[40px] h-[40px] place-items-center rounded-md bg-primary-600 text-white text-[13px] cursor-pointer",
                   onClick: b[0] || (b[0] = Xe((x) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
@@ -8950,7 +8960,7 @@ const sm = [
                   onClick: b[1] || (b[1] = Xe((x) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
                 }, xe(e.appStore.state.app), 1))
               ]),
-              _("ul", Yd, [
+              _("ul", Xd, [
                 (T(!0), P(ze, null, st(l.value, (x) => (T(), P("li", {
                   key: x.name,
                   class: _e({ "mt-[10px]": x.children })
@@ -8968,7 +8978,7 @@ const sm = [
                       icon: ne(Ie)[x.icon],
                       class: _e([[(s(x), "text-gray-400")], "size-4"])
                     }, null, 8, ["icon", "class"])) : he("", !0),
-                    e.mainNavStore.state.collapsed ? x?.children ? (T(), P("div", Kd, [...b[6] || (b[6] = [
+                    e.mainNavStore.state.collapsed ? x?.children ? (T(), P("div", Jd, [...b[6] || (b[6] = [
                       _("div", { class: "w-[10px] h-px bg-gray-400" }, null, -1)
                     ])])) : he("", !0) : (T(), P("span", {
                       key: 1,
@@ -8979,8 +8989,8 @@ const sm = [
                         "text-gray-500": x?.children
                       })
                     }, xe(x.name), 3))
-                  ], 10, Xd),
-                  x.children ? (T(), P("ul", Jd, [
+                  ], 10, Kd),
+                  x.children ? (T(), P("ul", Qd, [
                     (T(!0), P(ze, null, st(x.children, (L) => (T(), P("li", {
                       key: L.name
                     }, [
@@ -8994,14 +9004,14 @@ const sm = [
                           icon: ne(Ie)[L.icon],
                           class: _e([[(s(L), "text-gray-400")], "size-4"])
                         }, null, 8, ["icon", "class"])) : he("", !0),
-                        e.mainNavStore.state.collapsed ? he("", !0) : (T(), P("span", ef, xe(L.name), 1))
-                      ], 10, Qd)
+                        e.mainNavStore.state.collapsed ? he("", !0) : (T(), P("span", tf, xe(L.name), 1))
+                      ], 10, ef)
                     ]))), 128))
                   ])) : he("", !0)
                 ], 2))), 128))
               ]),
-              _("div", tf, [
-                i.value.length ? (T(), P("ul", nf, [
+              _("div", nf, [
+                i.value.length ? (T(), P("ul", of, [
                   (T(!0), P(ze, null, st(i.value, (x) => (T(), P("li", {
                     key: x.name
                   }, [
@@ -9015,8 +9025,8 @@ const sm = [
                         icon: ne(Ie)[x.icon],
                         class: _e([[(s(x), "text-gray-400")], "size-4"])
                       }, null, 8, ["icon", "class"])) : he("", !0),
-                      e.mainNavStore.state.collapsed ? he("", !0) : (T(), P("span", sf, xe(x.name), 1))
-                    ], 10, of)
+                      e.mainNavStore.state.collapsed ? he("", !0) : (T(), P("span", rf, xe(x.name), 1))
+                    ], 10, sf)
                   ]))), 128))
                 ])) : he("", !0),
                 Ke(h.$slots, "sidebar-footer"),
@@ -9037,11 +9047,11 @@ const sm = [
         _("div", {
           class: _e([g.value, "h-full transition-all flex flex-col"])
         }, [
-          _("div", rf, [
-            _("div", af, [
-              _("div", lf, [
+          _("div", af, [
+            _("div", lf, [
+              _("div", cf, [
                 Ke(h.$slots, "header-left", {}, () => [
-                  _("div", cf, [
+                  _("div", uf, [
                     oe(v, {
                       icon: ne(Ie).farBarsSort,
                       class: "size-5",
@@ -9060,10 +9070,10 @@ const sm = [
                       src: ne(c).currentBrand.logo,
                       alt: "",
                       class: "h-[30px] w-auto"
-                    }, null, 8, uf)) : he("", !0)
+                    }, null, 8, df)) : he("", !0)
                   ])) : he("", !0)
                 ]),
-                _("div", df, [
+                _("div", ff, [
                   Ke(h.$slots, "header-right", {}, () => [
                     e.appStore.state.showAppSelector ? (T(), P("button", {
                       key: 0,
@@ -9081,7 +9091,7 @@ const sm = [
               ])
             ])
           ]),
-          _("main", ff, [
+          _("main", pf, [
             oe(k)
           ])
         ], 2),
@@ -9095,28 +9105,28 @@ const sm = [
           "overlay-instance": ne(Jt).right,
           onClose: b[5] || (b[5] = (x) => o("overlayClose", "right"))
         }, null, 8, ["overlay-instance"]),
-        oe(ne(bu))
+        oe(ne(xu))
       ], 64);
     };
   }
-}, pf = {}, mf = { class: "h-full" };
-function gf(e, t) {
+}, mf = {}, gf = { class: "h-full" };
+function hf(e, t) {
   const n = Ue("router-view");
-  return T(), P("main", mf, [
+  return T(), P("main", gf, [
     oe(n)
   ]);
 }
-const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid place-content-center relative" }, vf = { class: "absolute top-8 left-8" }, yf = ["src"], bf = {
+const im = /* @__PURE__ */ an(mf, [["render", hf]]), vf = { class: "h-full grid place-content-center relative" }, yf = { class: "absolute top-8 left-8" }, bf = ["src"], xf = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, xf = { class: "max-w-sm grid gap-y-1 -mt-8" }, wf = { class: "mb-7" }, Sf = { class: "text-gray-600" }, kf = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, Ef = {
+}, wf = { class: "max-w-sm grid gap-y-1 -mt-8" }, Sf = { class: "mb-7" }, kf = { class: "text-gray-600" }, Ef = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, Tf = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, Tf = { key: 0 }, Cf = { key: 1 }, _f = {
+}, Cf = { key: 0 }, _f = { key: 1 }, $f = {
   __name: "SparkLoginView",
   props: {
     logo: {
@@ -9133,7 +9143,7 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
     }
   },
   setup(e) {
-    const t = Tt(), n = Dt(), o = Xr(), r = Ft(), a = e, s = ke(!1), l = ke(""), i = async (c) => {
+    const t = Tt(), n = Dt(), o = Yr(), r = Ft(), a = e, s = ke(!1), l = ke(""), i = async (c) => {
       s.value = !0, l.value = "";
       try {
         await r.login(c);
@@ -9154,14 +9164,14 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
     };
     return (c, f) => {
       const d = Ue("FormKit"), u = Ue("router-link");
-      return T(), P("div", hf, [
-        _("div", vf, [
+      return T(), P("div", vf, [
+        _("div", yf, [
           a.logo ? (T(), P("img", {
             key: 0,
             src: a.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, yf)) : (T(), P("svg", bf, [...f[0] || (f[0] = [
+          }, null, 8, bf)) : (T(), P("svg", xf, [...f[0] || (f[0] = [
             _("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -9180,10 +9190,10 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
             }, null, -1)
           ])]))
         ]),
-        _("div", xf, [
-          _("div", wf, [
+        _("div", wf, [
+          _("div", Sf, [
             f[1] || (f[1] = _("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Log in", -1)),
-            _("p", Sf, " Welcome back" + xe(ne(o).state.app ? ` to ${ne(o).state.app}` : "") + "! Please enter your details. ", 1)
+            _("p", kf, " Welcome back" + xe(ne(o).state.app ? ` to ${ne(o).state.app}` : "") + "! Please enter your details. ", 1)
           ]),
           oe(d, {
             type: "form",
@@ -9209,7 +9219,7 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
                 "outer-class": "max-w-full",
                 value: ne(r).state.devCredentials.password
               }, null, 8, ["value"]),
-              _("div", kf, [
+              _("div", Ef, [
                 f[3] || (f[3] = _("span", null, null, -1)),
                 oe(u, {
                   to: a.forgotPasswordRoute,
@@ -9221,7 +9231,7 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
                   _: 1
                 }, 8, ["to"])
               ]),
-              l.value ? (T(), P("div", Ef, xe(l.value), 1)) : he("", !0),
+              l.value ? (T(), P("div", Tf, xe(l.value), 1)) : he("", !0),
               oe(ne(mt), {
                 type: "submit",
                 size: "xl",
@@ -9229,7 +9239,7 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
                 "button-class": "w-full mb-2"
               }, {
                 default: we(() => [
-                  s.value ? (T(), P("span", Cf, "Signing in...")) : (T(), P("span", Tf, "Sign in"))
+                  s.value ? (T(), P("span", _f, "Signing in...")) : (T(), P("span", Cf, "Sign in"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -9240,7 +9250,7 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
       ]);
     };
   }
-}, $f = {
+}, Mf = {
   __name: "SparkLogoutView",
   props: {
     defaultRedirect: {
@@ -9256,20 +9266,20 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
       a && a.startsWith("http") ? window.location.href = a : await t.push(a || r.defaultRedirect);
     }), (a, s) => (T(), P("span"));
   }
-}, Mf = { class: "h-full grid place-content-center relative" }, Lf = { class: "absolute top-8 left-8" }, Of = ["src"], Pf = {
+}, Lf = { class: "h-full grid place-content-center relative" }, Of = { class: "absolute top-8 left-8" }, Pf = ["src"], Af = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Af = { class: "max-w-sm grid gap-y-1 -mt-8" }, Rf = {
+}, Rf = { class: "max-w-sm grid gap-y-1 -mt-8" }, Ff = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, Ff = {
+}, If = {
   key: 1,
   class: "text-green-600 text-sm mb-2"
-}, If = { key: 0 }, Df = { key: 1 }, jf = {
+}, Df = { key: 0 }, jf = { key: 1 }, Hf = {
   __name: "SparkForgotPasswordView",
   props: {
     logo: {
@@ -9294,14 +9304,14 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
     };
     return (l, i) => {
       const c = Ue("FormKit"), f = Ue("router-link");
-      return T(), P("div", Mf, [
-        _("div", Lf, [
+      return T(), P("div", Lf, [
+        _("div", Of, [
           n.logo ? (T(), P("img", {
             key: 0,
             src: n.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Of)) : (T(), P("svg", Pf, [...i[0] || (i[0] = [
+          }, null, 8, Pf)) : (T(), P("svg", Af, [...i[0] || (i[0] = [
             _("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -9320,7 +9330,7 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
             }, null, -1)
           ])]))
         ]),
-        _("div", Af, [
+        _("div", Rf, [
           i[2] || (i[2] = _("div", { class: "mb-7" }, [
             _("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Reset password"),
             _("p", { class: "text-gray-600" }, " Enter your email and we'll send you a link to reset your password. ")
@@ -9339,8 +9349,8 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
                 validation: "required|email",
                 "outer-class": "max-w-full"
               }),
-              r.value ? (T(), P("div", Rf, xe(r.value), 1)) : he("", !0),
-              a.value ? (T(), P("div", Ff, xe(a.value), 1)) : he("", !0),
+              r.value ? (T(), P("div", Ff, xe(r.value), 1)) : he("", !0),
+              a.value ? (T(), P("div", If, xe(a.value), 1)) : he("", !0),
               oe(ne(mt), {
                 type: "submit",
                 size: "xl",
@@ -9348,7 +9358,7 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
                 "button-class": "w-full mb-2"
               }, {
                 default: we(() => [
-                  o.value ? (T(), P("span", Df, "Sending...")) : (T(), P("span", If, "Send reset link"))
+                  o.value ? (T(), P("span", jf, "Sending...")) : (T(), P("span", Df, "Send reset link"))
                 ]),
                 _: 1
               }, 8, ["disabled"]),
@@ -9368,17 +9378,17 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
       ]);
     };
   }
-}, Hf = { class: "h-full grid place-content-center relative" }, Vf = { class: "absolute top-8 left-8" }, zf = ["src"], Nf = {
+}, Vf = { class: "h-full grid place-content-center relative" }, zf = { class: "absolute top-8 left-8" }, Nf = ["src"], Bf = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Bf = { class: "max-w-sm grid gap-y-1 -mt-8" }, qf = {
+}, qf = { class: "max-w-sm grid gap-y-1 -mt-8" }, Wf = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, Wf = { key: 0 }, Uf = { key: 1 }, Zf = {
+}, Uf = { key: 0 }, Zf = { key: 1 }, Gf = {
   __name: "SparkResetPasswordView",
   props: {
     logo: {
@@ -9408,14 +9418,14 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
     };
     return (i, c) => {
       const f = Ue("FormKit");
-      return T(), P("div", Hf, [
-        _("div", Vf, [
+      return T(), P("div", Vf, [
+        _("div", zf, [
           r.logo ? (T(), P("img", {
             key: 0,
             src: r.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, zf)) : (T(), P("svg", Nf, [...c[0] || (c[0] = [
+          }, null, 8, Nf)) : (T(), P("svg", Bf, [...c[0] || (c[0] = [
             _("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -9434,7 +9444,7 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
             }, null, -1)
           ])]))
         ]),
-        _("div", Bf, [
+        _("div", qf, [
           c[1] || (c[1] = _("div", { class: "mb-7" }, [
             _("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Set new password"),
             _("p", { class: "text-gray-600" }, "Enter your new password below.")
@@ -9461,7 +9471,7 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
                 validation: "required|confirm:password",
                 "outer-class": "max-w-full"
               }),
-              s.value ? (T(), P("div", qf, xe(s.value), 1)) : he("", !0),
+              s.value ? (T(), P("div", Wf, xe(s.value), 1)) : he("", !0),
               oe(ne(mt), {
                 type: "submit",
                 size: "xl",
@@ -9469,7 +9479,7 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
                 "button-class": "w-full mb-2"
               }, {
                 default: we(() => [
-                  a.value ? (T(), P("span", Uf, "Resetting...")) : (T(), P("span", Wf, "Reset password"))
+                  a.value ? (T(), P("span", Zf, "Resetting...")) : (T(), P("span", Uf, "Reset password"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -9480,14 +9490,14 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
       ]);
     };
   }
-}, Gf = { class: "h-full grid place-content-center relative" }, Yf = { class: "absolute top-8 left-8" }, Xf = ["src"], Kf = {
+}, Yf = { class: "h-full grid place-content-center relative" }, Xf = { class: "absolute top-8 left-8" }, Kf = ["src"], Jf = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Jf = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Qf = { class: "flex gap-4 justify-center" }, ep = {
+}, Qf = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, ep = { class: "flex gap-4 justify-center" }, tp = {
   __name: "SparkError403View",
   props: {
     logo: {
@@ -9503,14 +9513,14 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
     const t = Tt(), n = e, o = () => {
       t.push(n.homeRoute);
     };
-    return (r, a) => (T(), P("div", Gf, [
-      _("div", Yf, [
+    return (r, a) => (T(), P("div", Yf, [
+      _("div", Xf, [
         n.logo ? (T(), P("img", {
           key: 0,
           src: n.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, Xf)) : (T(), P("svg", Kf, [...a[0] || (a[0] = [
+        }, null, 8, Kf)) : (T(), P("svg", Jf, [...a[0] || (a[0] = [
           _("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -9529,7 +9539,7 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
           }, null, -1)
         ])]))
       ]),
-      _("div", Jf, [
+      _("div", Qf, [
         a[2] || (a[2] = _("div", null, [
           _("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "403"),
           _("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, "Access Forbidden"),
@@ -9539,7 +9549,7 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
             qe(" If you believe this is an error, please contact your administrator. ")
           ])
         ], -1)),
-        _("div", Qf, [
+        _("div", ep, [
           oe(ne(mt), {
             size: "lg",
             onClick: o
@@ -9553,14 +9563,14 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
       ])
     ]));
   }
-}, tp = { class: "h-full grid place-content-center relative" }, np = { class: "absolute top-8 left-8" }, op = ["src"], sp = {
+}, np = { class: "h-full grid place-content-center relative" }, op = { class: "absolute top-8 left-8" }, sp = ["src"], rp = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, rp = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, ap = { class: "flex gap-4 justify-center" }, ip = {
+}, ap = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, ip = { class: "flex gap-4 justify-center" }, lp = {
   __name: "SparkError404View",
   props: {
     logo: {
@@ -9576,14 +9586,14 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
     const t = Tt(), n = e, o = () => {
       t.push(n.homeRoute);
     };
-    return (r, a) => (T(), P("div", tp, [
-      _("div", np, [
+    return (r, a) => (T(), P("div", np, [
+      _("div", op, [
         n.logo ? (T(), P("img", {
           key: 0,
           src: n.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, op)) : (T(), P("svg", sp, [...a[0] || (a[0] = [
+        }, null, 8, sp)) : (T(), P("svg", rp, [...a[0] || (a[0] = [
           _("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -9602,13 +9612,13 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
           }, null, -1)
         ])]))
       ]),
-      _("div", rp, [
+      _("div", ap, [
         a[2] || (a[2] = _("div", null, [
           _("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "404"),
           _("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, "Page Not Found"),
           _("p", { class: "text-gray-600" }, "The page you're looking for doesn't exist or has been moved.")
         ], -1)),
-        _("div", ap, [
+        _("div", ip, [
           oe(ne(mt), {
             size: "lg",
             onClick: o
@@ -9622,14 +9632,14 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
       ])
     ]));
   }
-}, lp = { class: "h-full grid place-content-center relative" }, cp = { class: "absolute top-8 left-8" }, up = ["src"], dp = {
+}, cp = { class: "h-full grid place-content-center relative" }, up = { class: "absolute top-8 left-8" }, dp = ["src"], fp = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, fp = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, pp = { class: "text-primary-600 text-7xl font-bold mb-4" }, mp = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, gp = { class: "text-gray-600" }, hp = { class: "flex gap-4 justify-center" }, im = {
+}, pp = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, mp = { class: "text-primary-600 text-7xl font-bold mb-4" }, gp = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, hp = { class: "text-gray-600" }, vp = { class: "flex gap-4 justify-center" }, lm = {
   __name: "SparkErrorGeneralView",
   props: {
     logo: {
@@ -9657,14 +9667,14 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
     const t = Tt(), n = e, o = () => {
       t.push(n.homeRoute);
     };
-    return (r, a) => (T(), P("div", lp, [
-      _("div", cp, [
+    return (r, a) => (T(), P("div", cp, [
+      _("div", up, [
         n.logo ? (T(), P("img", {
           key: 0,
           src: n.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, up)) : (T(), P("svg", dp, [...a[0] || (a[0] = [
+        }, null, 8, dp)) : (T(), P("svg", fp, [...a[0] || (a[0] = [
           _("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -9683,13 +9693,13 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
           }, null, -1)
         ])]))
       ]),
-      _("div", fp, [
+      _("div", pp, [
         _("div", null, [
-          _("div", pp, xe(n.errorCode || "Error"), 1),
-          _("h1", mp, xe(n.title || "Something went wrong"), 1),
-          _("p", gp, xe(n.message || "An unexpected error occurred. Please try again later."), 1)
+          _("div", mp, xe(n.errorCode || "Error"), 1),
+          _("h1", gp, xe(n.title || "Something went wrong"), 1),
+          _("p", hp, xe(n.message || "An unexpected error occurred. Please try again later."), 1)
         ]),
-        _("div", hp, [
+        _("div", vp, [
           oe(ne(mt), {
             size: "lg",
             onClick: o
@@ -9704,7 +9714,7 @@ const am = /* @__PURE__ */ an(pf, [["render", gf]]), hf = { class: "h-full grid
     ]));
   }
 };
-function lm(e = {}) {
+function cm(e = {}) {
   const {
     loginPath: t = "/login",
     logoutPath: n = "/logout",
@@ -9717,41 +9727,41 @@ function lm(e = {}) {
     {
       path: t,
       name: "login",
-      component: _f,
+      component: $f,
       props: { logo: a, defaultRedirect: s },
       meta: { auth: !1 }
     },
     {
       path: n,
       name: "logout",
-      component: $f,
+      component: Mf,
       props: { defaultRedirect: t },
       meta: { auth: !1 }
     },
     {
       path: o,
       name: "forgot-password",
-      component: jf,
+      component: Hf,
       props: { logo: a, loginRoute: t },
       meta: { auth: !1 }
     },
     {
       path: r,
       name: "password-reset",
-      component: Zf,
+      component: Gf,
       props: { logo: a, loginRoute: t },
       meta: { auth: !1 }
     }
   ];
 }
-function cm(e, t = {}) {
+function um(e, t = {}) {
   const { defaultAuthenticatedRoute: n = "/dashboard" } = t;
   e.beforeEach(async (o, r, a) => {
     const s = Ft();
-    s.state.ready || await s.fetchUser(), vp(o, a, s, n);
+    s.state.ready || await s.fetchUser(), yp(o, a, s, n);
   });
 }
-function vp(e, t, n, o) {
+function yp(e, t, n, o) {
   const r = e.meta.auth !== !1, a = n.check;
   if (n.state.overrideToken && e.path === "/logout") {
     t({ path: o });
@@ -9789,27 +9799,27 @@ function vp(e, t, n, o) {
     t();
   }
 }
-function um(e = {}) {
+function dm(e = {}) {
   const { forbiddenPath: t = "/error/403", logo: n = "", homeRoute: o = "/dashboard" } = e;
   return {
     path: t,
     name: "error-403",
-    component: ep,
+    component: tp,
     props: { logo: n, homeRoute: o },
     meta: { auth: !1 }
   };
 }
-function dm(e = {}) {
+function fm(e = {}) {
   const { logo: t = "", homeRoute: n = "/dashboard" } = e;
   return {
     path: "/:pathMatch(.*)*",
     name: "error-404",
-    component: ip,
+    component: lp,
     props: { logo: t, homeRoute: n },
     meta: { auth: !1 }
   };
 }
-function fm(e, t) {
+function pm(e, t) {
   e.beforeResolve(async (n) => {
     if (n.meta.auth !== !1) {
       const o = Ft();
@@ -9817,7 +9827,7 @@ function fm(e, t) {
     }
   });
 }
-function pm(e, t = {}) {
+function mm(e, t = {}) {
   const {
     title: n = "Unsaved Changes",
     message: o = "You have unsaved changes. Leave anyway?",
@@ -9825,21 +9835,21 @@ function pm(e, t = {}) {
     cancelText: a = "Stay"
   } = t;
   e.beforeEach(async (s, l, i) => {
-    if (!Bd()) {
+    if (!qd()) {
       i();
       return;
     }
-    const c = qd() || o;
+    const c = Wd() || o;
     await Rt.confirm({
       title: n,
       message: c,
       confirmText: r,
       cancelText: a,
       type: "warning"
-    }) ? (Wd(), i()) : i(!1);
+    }) ? (Ud(), i()) : i(!1);
   });
 }
-const mm = In("sparkNav", () => {
+const gm = In("sparkNav", () => {
   const e = Et({
     menu: [],
     collapsed: !1,
@@ -9895,90 +9905,90 @@ const mm = In("sparkNav", () => {
   };
 });
 export {
-  sm as AUSTRALIAN_STATES,
+  rm as AUSTRALIAN_STATES,
   Ie as Icons,
-  Ip as SparkAddressInput,
+  Dp as SparkAddressInput,
   fn as SparkAlert,
-  lc as SparkAppSelector,
-  Oc as SparkBrandSelector,
+  cc as SparkAppSelector,
+  Pc as SparkBrandSelector,
   mt as SparkButton,
-  Qr as SparkButtonGroup,
-  qp as SparkCard,
-  rm as SparkDefaultContainer,
-  Wp as SparkEntityBadge,
-  ep as SparkError403View,
-  ip as SparkError404View,
-  im as SparkErrorGeneralView,
-  Xc as SparkFancybox,
-  Zp as SparkFileDragUpload,
-  jf as SparkForgotPasswordView,
-  Gp as SparkImageUpload,
-  _f as SparkLoginView,
-  $f as SparkLogoutView,
-  bu as SparkModalContainer,
-  gu as SparkModalDialog,
-  Np as SparkNotificationOutlet,
+  Jr as SparkButtonGroup,
+  Wp as SparkCard,
+  am as SparkDefaultContainer,
+  Up as SparkEntityBadge,
+  tp as SparkError403View,
+  lp as SparkError404View,
+  lm as SparkErrorGeneralView,
+  Kc as SparkFancybox,
+  Gp as SparkFileDragUpload,
+  Hf as SparkForgotPasswordView,
+  Yp as SparkImageUpload,
+  $f as SparkLoginView,
+  Mf as SparkLogoutView,
+  xu as SparkModalContainer,
+  hu as SparkModalDialog,
+  Bp as SparkNotificationOutlet,
   Ks as SparkOverlay,
-  am as SparkPublicContainer,
-  Zf as SparkResetPasswordView,
-  Yp as SparkSubNav,
-  Xp as SparkTable,
-  kd as SparkTableDatePicker,
-  xd as SparkTableFilterButtons,
-  hd as SparkTableFilterSelect,
-  nd as SparkTablePaginationDetails,
-  id as SparkTablePaginationPaging,
-  ud as SparkTablePaginationPerPage,
-  _d as SparkTableReset,
-  pd as SparkTableSearch,
+  im as SparkPublicContainer,
+  Gf as SparkResetPasswordView,
+  Xp as SparkSubNav,
+  Kp as SparkTable,
+  Ed as SparkTableDatePicker,
+  wd as SparkTableFilterButtons,
+  vd as SparkTableFilterSelect,
+  od as SparkTablePaginationDetails,
+  ld as SparkTablePaginationPaging,
+  dd as SparkTablePaginationPerPage,
+  $d as SparkTableReset,
+  md as SparkTableSearch,
   nr as SparkTableToolbar,
-  Bp as SparkToastContainer,
-  Up as SparkTooltip,
-  Vp as addIcons,
-  Wd as clearAllDirtyForms,
-  um as create403Route,
-  dm as create404Route,
-  lm as createAuthRoutes,
-  Hd as createAxiosInstance,
-  Kp as createBootstrapService,
-  Cu as customiseHeader,
-  Id as deleteCookie,
-  jp as formKitGenesisOverride,
-  Hp as formKitIconLoader,
-  Dp as formKitIcons,
-  Bu as formatTemporal,
+  qp as SparkToastContainer,
+  Zp as SparkTooltip,
+  zp as addIcons,
+  Ud as clearAllDirtyForms,
+  dm as create403Route,
+  fm as create404Route,
+  cm as createAuthRoutes,
+  Vd as createAxiosInstance,
+  Jp as createBootstrapService,
+  _u as customiseHeader,
+  Dd as deleteCookie,
+  Hp as formKitGenesisOverride,
+  Vp as formKitIconLoader,
+  jp as formKitIcons,
+  qu as formatTemporal,
   ro as getAxiosInstance,
-  Rd as getCookie,
-  qd as getDirtyFormMessage,
-  ca as getDomain,
+  Fd as getCookie,
+  Wd as getDirtyFormMessage,
+  la as getDomain,
   rr as getFormLevelMessage,
-  Bd as hasAnyDirtyForm,
-  zd as isValidationError,
-  qu as parseDatetime,
-  Vd as parseLaravelErrors,
-  Su as renderHeaderTitle,
-  Fd as setCookie,
-  cm as setupAuthGuards,
-  Jp as setupAxios,
-  fm as setupBootstrapGuard,
-  pm as setupDirtyFormGuard,
-  zp as setupFontAwesome,
+  qd as hasAnyDirtyForm,
+  Nd as isValidationError,
+  Wu as parseDatetime,
+  zd as parseLaravelErrors,
+  ku as renderHeaderTitle,
+  Id as setCookie,
+  um as setupAuthGuards,
+  Qp as setupAxios,
+  pm as setupBootstrapGuard,
+  mm as setupDirtyFormGuard,
+  Np as setupFontAwesome,
   Vl as setupTooltip,
   Rt as sparkModalService,
   Qe as sparkNotificationService,
   Jt as sparkOverlayService,
-  Gu as updateRow,
-  em as useCrudResource,
-  om as useFormDirtyGuard,
-  Qp as useFormSubmission,
+  Yu as updateRow,
+  tm as useCrudResource,
+  sm as useFormDirtyGuard,
+  em as useFormSubmission,
   Oi as useGooglePlaces,
-  Yr as useSparkAppSelectorStore,
-  Xr as useSparkAppStore,
+  Gr as useSparkAppSelectorStore,
+  Yr as useSparkAppStore,
   Ft as useSparkAuthStore,
-  Jr as useSparkBrandFilterStore,
-  mm as useSparkNavStore,
+  Kr as useSparkBrandFilterStore,
+  gm as useSparkNavStore,
   sr as useSparkOverlay,
-  Yu as useSparkTableRouteSync,
-  nm as useSubNavigation,
-  tm as useTableDelete
+  Xu as useSparkTableRouteSync,
+  om as useSubNavigation,
+  nm as useTableDelete
 };