npm - @wishbone-media/spark - Versions diffs - 0.32.0 → 0.34.0 - Mend

@wishbone-media/spark 0.32.0 → 0.34.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/index.d.ts +1 -0
package/dist/index.js +1134 -1056
package/package.json +3 -1
package/src/composables/index.js +1 -0
package/src/composables/useCrudResource.js +109 -0
package/src/composables/useFormSubmission.js +39 -16
package/src/constants/australianStates.js +14 -0
package/src/constants/index.js +1 -0
package/src/index.js +1 -0

package/dist/index.js CHANGED Viewed

@@ -1,130 +1,130 @@
-import { computed as L, resolveComponent as R, createElementBlock as v, openBlock as m, normalizeClass as V, createElementVNode as g, createCommentVNode as T, createVNode as C, unref as S, renderSlot as B, reactive as W, Fragment as E, renderList as z, toDisplayString as M, createBlock as H, resolveDynamicComponent as Z, markRaw as ce, ref as F, watch as N, onMounted as ye, Transition as gt, withCtx as P, normalizeProps as ht, mergeProps as K, createTextVNode as A, Teleport as yt, TransitionGroup as ue, inject as ve, provide as vt, withModifiers as O, toHandlers as Ie, useSlots as Be, onUnmounted as je, withDirectives as bt, vShow as xt, h as $e } from "vue";
-import { icon as te, library as ze } from "@fortawesome/fontawesome-svg-core";
-import { FontAwesomeIcon as ge } from "@fortawesome/vue-fontawesome";
-import { faCircleDot as Ne, faEyeDropper as Ue, faAnglesLeft as qe, faAnglesRight as Ze, faStar as Ke, faSpinnerThird as We, faCircle as kt, faFile as _e, faCalendar as Ge, faArrowUp as Ye, faArrowDown as Xe, faPlus as Je, faCircleCheck as wt, faInbox as _t, faCloudArrowUp as Ct, faCloudDownload as St, faBolt as Tt, faUndo as $t, faEye as Lt, faSignOut as Pt, faXmark as Ce, faTrash as Qe, faTimes as Mt, faStreetView as Vt, faSortUp as Ht, faSortDown as Ft, faSort as Dt, faScaleBalanced as Rt, faSatelliteDish as Et, faLayerPlus as At, faLaptopMobile as Ot, faInfoCircle as It, faGripDotsVertical as et, faGearComplex as Bt, faFlag as jt, faFaceSmileWink as zt, faFaceSmileRelaxed as Nt, faExclamationTriangle as Ut, faEllipsisVertical as qt, faEllipsis as Zt, faEdit as Kt, faComments as Wt, faCircleXmark as Gt, faCircleUser as Yt, faChevronUp as Xt, faChevronRight as tt, faChevronLeft as st, faChevronDown as at, faCheckCircle as Jt, faCheck as Se, faBullhorn as Qt, faBellRing as es, faBarsSort as ts, faArrowRightToLine as ss, faArrowLeftToLine as as } from "@fortawesome/pro-regular-svg-icons";
-import { faSortUp as os, faSortDown as rs, faSort as ns } from "@fortawesome/pro-duotone-svg-icons";
-import { defineStore as pe } from "pinia";
-import { useRoute as se, useRouter as G, onBeforeRouteLeave as ls } from "vue-router";
-import { TransitionRoot as ot, Dialog as rt, TransitionChild as he, DialogPanel as nt } from "@headlessui/vue";
-import be from "nprogress";
-import { range as is, get as ee, find as cs, has as us } from "lodash";
-import { HotTable as ds } from "@handsontable/vue3";
+import { computed as L, resolveComponent as A, createElementBlock as v, openBlock as m, normalizeClass as V, createElementVNode as g, createCommentVNode as $, createVNode as S, unref as C, renderSlot as z, reactive as G, Fragment as E, renderList as N, toDisplayString as M, createBlock as H, resolveDynamicComponent as W, markRaw as ce, ref as D, watch as U, onMounted as pe, Transition as ht, withCtx as P, normalizeProps as yt, mergeProps as K, createTextVNode as I, Teleport as vt, TransitionGroup as ue, inject as be, provide as bt, withModifiers as O, toHandlers as Be, useSlots as je, onUnmounted as ze, withDirectives as xt, vShow as wt, h as Le } from "vue";
+import { icon as se, library as Ne } from "@fortawesome/fontawesome-svg-core";
+import { FontAwesomeIcon as he } from "@fortawesome/vue-fontawesome";
+import { faCircleDot as Ue, faEyeDropper as qe, faAnglesLeft as Ze, faAnglesRight as We, faStar as Ke, faSpinnerThird as Ge, faCircle as kt, faFile as Se, faCalendar as Ye, faArrowUp as Xe, faArrowDown as Je, faPlus as Qe, faCircleCheck as _t, faInbox as St, faCloudArrowUp as Ct, faCloudDownload as Tt, faBolt as $t, faUndo as Lt, faEye as Pt, faSignOut as Mt, faXmark as Ce, faTrash as et, faTimes as Vt, faStreetView as Ht, faSortUp as Ft, faSortDown as Dt, faSort as Rt, faScaleBalanced as At, faSatelliteDish as Et, faLayerPlus as It, faLaptopMobile as Ot, faInfoCircle as Bt, faGripDotsVertical as tt, faGearComplex as jt, faFlag as zt, faFaceSmileWink as Nt, faFaceSmileRelaxed as Ut, faExclamationTriangle as qt, faEllipsisVertical as Zt, faEllipsis as Wt, faEdit as Kt, faComments as Gt, faCircleXmark as Yt, faCircleUser as Xt, faChevronUp as Jt, faChevronRight as st, faChevronLeft as at, faChevronDown as ot, faCheckCircle as Qt, faCheck as Te, faBullhorn as es, faBellRing as ts, faBarsSort as ss, faArrowRightToLine as as, faArrowLeftToLine as os } from "@fortawesome/pro-regular-svg-icons";
+import { faSortUp as rs, faSortDown as ns, faSort as ls } from "@fortawesome/pro-duotone-svg-icons";
+import { defineStore as fe } from "pinia";
+import { useRoute as ee, useRouter as Y, onBeforeRouteLeave as is } from "vue-router";
+import { TransitionRoot as rt, Dialog as nt, TransitionChild as ye, DialogPanel as lt } from "@headlessui/vue";
+import xe from "nprogress";
+import { range as cs, get as te, find as us, has as ds } from "lodash";
+import { HotTable as ps } from "@handsontable/vue3";
 import "handsontable/styles/handsontable.css";
 import "handsontable/styles/ht-theme-classic.css";
-import { registerPlugin as me, AutoColumnSize as ps, CopyPaste as fs, StretchColumns as ms, NestedHeaders as gs } from "handsontable/plugins";
-import { registerAllCellTypes as hs } from "handsontable/cellTypes";
-import { useDebounceFn as lt, watchDebounced as Le } from "@vueuse/core";
-import { registerRenderer as ys, baseRenderer as vs } from "handsontable/renderers";
+import { registerPlugin as ge, AutoColumnSize as fs, CopyPaste as ms, StretchColumns as gs, NestedHeaders as hs } from "handsontable/plugins";
+import { registerAllCellTypes as ys } from "handsontable/cellTypes";
+import { useDebounceFn as it, watchDebounced as Pe } from "@vueuse/core";
+import { registerRenderer as vs, baseRenderer as bs } from "handsontable/renderers";
 import le from "axios";
-const D = {
-  farArrowLeftToLine: as,
-  farArrowRightToLine: ss,
-  farBarsSort: ts,
-  farBellRing: es,
-  farBullhorn: Qt,
-  farCheck: Se,
-  farCheckCircle: Jt,
-  farChevronDown: at,
-  farChevronLeft: st,
-  farChevronRight: tt,
-  farChevronUp: Xt,
-  farCircleUser: Yt,
-  farCircleXmark: Gt,
-  farComments: Wt,
+const R = {
+  farArrowLeftToLine: os,
+  farArrowRightToLine: as,
+  farBarsSort: ss,
+  farBellRing: ts,
+  farBullhorn: es,
+  farCheck: Te,
+  farCheckCircle: Qt,
+  farChevronDown: ot,
+  farChevronLeft: at,
+  farChevronRight: st,
+  farChevronUp: Jt,
+  farCircleUser: Xt,
+  farCircleXmark: Yt,
+  farComments: Gt,
   farEdit: Kt,
-  farEllipsis: Zt,
-  farEllipsisVertical: qt,
-  farExclamationTriangle: Ut,
-  farFaceSmileRelaxed: Nt,
-  farFaceSmileWink: zt,
-  farFlag: jt,
-  farGearComplex: Bt,
-  farGripDotsVertical: et,
-  farInfoCircle: It,
+  farEllipsis: Wt,
+  farEllipsisVertical: Zt,
+  farExclamationTriangle: qt,
+  farFaceSmileRelaxed: Ut,
+  farFaceSmileWink: Nt,
+  farFlag: zt,
+  farGearComplex: jt,
+  farGripDotsVertical: tt,
+  farInfoCircle: Bt,
   farLaptopMobile: Ot,
-  farLayerPlus: At,
+  farLayerPlus: It,
   farSatelliteDish: Et,
-  farScaleBalanced: Rt,
-  farSort: Dt,
-  farSortDown: Ft,
-  farSortUp: Ht,
-  farStreetView: Vt,
-  farTimes: Mt,
-  farTrash: Qe,
+  farScaleBalanced: At,
+  farSort: Rt,
+  farSortDown: Dt,
+  farSortUp: Ft,
+  farStreetView: Ht,
+  farTimes: Vt,
+  farTrash: et,
   farXmark: Ce,
-  farSignOut: Pt,
-  farEye: Lt,
-  farUndo: $t,
-  farBolt: Tt,
-  farCloudDownload: St,
+  farSignOut: Mt,
+  farEye: Pt,
+  farUndo: Lt,
+  farBolt: $t,
+  farCloudDownload: Tt,
   farCloudArrowUp: Ct,
-  farInbox: _t,
-  farCircleCheck: wt,
-  fadSort: ns,
-  fadSortDown: rs,
-  fadSortUp: os,
+  farInbox: St,
+  farCircleCheck: _t,
+  fadSort: ls,
+  fadSortDown: ns,
+  fadSortUp: rs,
   // Additional icons for FormKit genesis replacement
-  farPlus: Je,
-  farArrowDown: Xe,
-  farArrowUp: Ye,
-  farCalendar: Ge,
-  farFile: _e,
+  farPlus: Qe,
+  farArrowDown: Je,
+  farArrowUp: Xe,
+  farCalendar: Ye,
+  farFile: Se,
   farCircle: kt,
-  farSpinner: We,
+  farSpinner: Ge,
   farStar: Ke,
-  farAnglesRight: Ze,
-  farAnglesLeft: qe,
-  farEyeDropper: Ue,
-  farCircleDot: Ne
+  farAnglesRight: We,
+  farAnglesLeft: Ze,
+  farEyeDropper: qe,
+  farCircleDot: Ue
 }, Qn = Object.fromEntries(
-  Object.entries(D).map(([e, s]) => {
-    const t = te(s);
+  Object.entries(R).map(([e, s]) => {
+    const t = se(s);
     return [e, t?.html?.[0] || ""];
   })
-), bs = {
-  add: Je,
-  arrowDown: Xe,
-  arrowUp: Ye,
-  check: Se,
+), xs = {
+  add: Qe,
+  arrowDown: Je,
+  arrowUp: Xe,
+  check: Te,
   close: Ce,
-  checkboxDecorator: Se,
-  date: Ge,
-  dragHandle: et,
-  fileItem: _e,
+  checkboxDecorator: Te,
+  date: Ye,
+  dragHandle: tt,
+  fileItem: Se,
   fileRemove: Ce,
-  noFiles: _e,
-  radioDecorator: Ne,
+  noFiles: Se,
+  radioDecorator: Ue,
   // Circle with dot for radio indicator
-  select: at,
-  spinner: We,
+  select: ot,
+  spinner: Ge,
   star: Ke,
-  trash: Qe,
-  fastForward: Ze,
-  right: tt,
-  left: st,
-  rewind: qe,
-  color: Ue
+  trash: et,
+  fastForward: We,
+  right: st,
+  left: at,
+  rewind: Ze,
+  color: qe
 }, el = Object.fromEntries(
-  Object.entries(bs).map(([e, s]) => {
-    const t = te(s);
+  Object.entries(xs).map(([e, s]) => {
+    const t = se(s);
     return [e, t?.html?.[0] || ""];
   })
 );
 function tl(e) {
-  const s = D[e];
+  const s = R[e];
   if (s) {
-    const t = te(s);
+    const t = se(s);
     return Promise.resolve(t?.html?.[0] || void 0);
   }
   return Promise.resolve(void 0);
 }
 function sl(e) {
-  Object.assign(D, e), ze.add(...Object.values(e));
+  Object.assign(R, e), Ne.add(...Object.values(e));
 }
 function al(e) {
-  ze.add(...Object.values(D)), e.component("FontAwesomeIcon", ge);
+  Ne.add(...Object.values(R)), e.component("FontAwesomeIcon", he);
 }
-const xs = { class: "flex items-center" }, ks = { class: "shrink-0 self-start" }, ws = { class: "ml-3" }, _s = {
+const ws = { class: "flex items-center" }, ks = { class: "shrink-0 self-start" }, _s = { class: "ml-3" }, Ss = {
   key: 0,
   class: "ml-auto pl-3 pt-1 self-start"
 }, Cs = { class: "-mx-1.5 -my-1.5" }, re = {
@@ -164,38 +164,38 @@ const xs = { class: "flex items-center" }, ks = { class: "shrink-0 self-start" }
       info: "text-blue-400 hover:bg-blue-100"
     })[s.type]);
     return (o, i) => {
-      const r = R("font-awesome-icon");
+      const r = A("font-awesome-icon");
       return m(), v("div", {
         class: V(["rounded-md border p-4", t.value])
       }, [
-        g("div", xs, [
+        g("div", ws, [
           g("div", ks, [
-            C(r, {
-              icon: S(D)[l.value],
+            S(r, {
+              icon: C(R)[l.value],
               class: V(a.value)
             }, null, 8, ["icon", "class"])
           ]),
-          g("div", ws, [
-            B(o.$slots, "default")
+          g("div", _s, [
+            z(o.$slots, "default")
           ]),
-          e.closeable ? (m(), v("div", _s, [
+          e.closeable ? (m(), v("div", Ss, [
             g("div", Cs, [
               g("button", {
                 type: "button",
                 class: V(["inline-flex rounded-md px-2 py-1.5", n.value]),
                 onClick: i[0] || (i[0] = (c) => o.$emit("close"))
               }, [
-                C(r, {
-                  icon: S(D).farXmark
+                S(r, {
+                  icon: C(R).farXmark
                 }, null, 8, ["icon"])
               ], 2)
             ])
-          ])) : T("", !0)
+          ])) : $("", !0)
         ])
       ], 2);
     };
   }
-}, xe = [
+}, we = [
   {
     name: "Bolt",
     description: "Job management",
@@ -244,9 +244,9 @@ const xs = { class: "flex items-center" }, ks = { class: "shrink-0 self-start" }
     href: "https://tabula.letsbolt.io",
     icon: "farCompass"
   }
-], it = pe("sparkAppSelector", () => {
-  const e = W({
-    apps: [...xe]
+], ct = fe("sparkAppSelector", () => {
+  const e = G({
+    apps: [...we]
   }), s = (n = {}) => {
     if (n.apps && Array.isArray(n.apps)) {
       const o = n.apps.filter((i) => {
@@ -265,7 +265,7 @@ const xs = { class: "flex items-center" }, ks = { class: "shrink-0 self-start" }
       const o = /* @__PURE__ */ new Map();
       Object.keys(n.appHrefs).forEach((i) => {
         o.set(i.toLowerCase(), n.appHrefs[i]);
-      }), e.apps = xe.map((i) => {
+      }), e.apps = we.map((i) => {
         const r = o.get(i.name.toLowerCase());
         return {
           ...i,
@@ -274,7 +274,7 @@ const xs = { class: "flex items-center" }, ks = { class: "shrink-0 self-start" }
       });
       return;
     }
-    e.apps = [...xe];
+    e.apps = [...we];
   }, t = L(() => e.apps), a = (n) => {
     if (!n) return null;
     const o = n.toLowerCase();
@@ -290,8 +290,8 @@ const xs = { class: "flex items-center" }, ks = { class: "shrink-0 self-start" }
       return o ? o.icon : "";
     }
   };
-}), ct = pe("sparkApp", () => {
-  const e = W({
+}), ut = fe("sparkApp", () => {
+  const e = G({
     app: "",
     homeRoute: "dashboard",
     showBrandSelector: !0,
@@ -303,16 +303,16 @@ const xs = { class: "flex items-center" }, ks = { class: "shrink-0 self-start" }
       e.app = t.app || "", e.homeRoute = t.homeRoute ?? "dashboard", e.showBrandSelector = t.showBrandSelector ?? !0, e.showAppSelector = t.showAppSelector ?? !0;
     }
   };
-}), Ss = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Ts = { class: "flex flex-1 flex-col" }, $s = { class: "divide-y divide-gray-200" }, Ls = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Ps = { class: "ml-auto flex items-center" }, Ms = ["href", "onClick"], Vs = { class: "gap-y-1" }, Hs = { class: "text-base text-gray-800 flex items-center" }, Fs = { class: "font-medium" }, Ds = {
+}), Ts = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, $s = { class: "flex flex-1 flex-col" }, Ls = { class: "divide-y divide-gray-200" }, Ps = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Ms = { class: "ml-auto flex items-center" }, Vs = ["href", "onClick"], Hs = { class: "gap-y-1" }, Fs = { class: "text-base text-gray-800 flex items-center" }, Ds = { class: "font-medium" }, Rs = {
   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"
-}, Rs = { class: "text-sm text-gray-500" }, Es = { class: "ml-auto flex items-center" }, As = { class: "mt-auto" }, Os = {
+}, As = { class: "text-sm text-gray-500" }, Es = { class: "ml-auto flex items-center" }, Is = { class: "mt-auto" }, Os = {
   key: 0,
   class: "p-6"
-}, Is = {
+}, Bs = {
   key: 1,
   class: "bg-gray-50 p-6"
-}, Bs = {
+}, js = {
   __name: "SparkAppSelector",
   props: {
     bottomSlot: {
@@ -326,7 +326,7 @@ const xs = { class: "flex items-center" }, ks = { class: "shrink-0 self-start" }
   },
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, a = it(), l = ct(), n = L(() => {
+    const t = s, a = ct(), l = ut(), n = L(() => {
       const i = l.state.app;
       return a.state.apps.map((r) => ({
         ...r,
@@ -336,68 +336,68 @@ const xs = { class: "flex items-center" }, ks = { class: "shrink-0 self-start" }
       t("select", i);
     };
     return (i, r) => {
-      const c = R("font-awesome-icon");
-      return m(), v("div", Ss, [
-        g("div", Ts, [
-          g("div", $s, [
-            g("div", Ls, [
+      const c = A("font-awesome-icon");
+      return m(), v("div", Ts, [
+        g("div", $s, [
+          g("div", Ls, [
+            g("div", Ps, [
               r[1] || (r[1] = g("div", null, "Mr Group Network", -1)),
-              g("div", Ps, [
-                C(c, {
-                  icon: S(D).farTimes,
+              g("div", Ms, [
+                S(c, {
+                  icon: C(R).farTimes,
                   class: "h-[15px] w-[15px] shrink-0 text-gray-400 cursor-pointer",
                   onClick: r[0] || (r[0] = (d) => t("close"))
                 }, null, 8, ["icon"])
               ])
             ]),
-            (m(!0), v(E, null, z(n.value, (d) => (m(), v("a", {
+            (m(!0), v(E, null, N(n.value, (d) => (m(), v("a", {
               key: d.name,
               href: d.href,
               target: "_blank",
               class: V([d.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
-              onClick: (p) => d.current ? p.preventDefault() : o(d)
+              onClick: (f) => d.current ? f.preventDefault() : o(d)
             }, [
-              g("div", Vs, [
-                g("div", Hs, [
-                  g("div", Fs, M(d.name), 1),
-                  d.current ? (m(), v("span", Ds, " Active ")) : T("", !0)
+              g("div", Hs, [
+                g("div", Fs, [
+                  g("div", Ds, M(d.name), 1),
+                  d.current ? (m(), v("span", Rs, " Active ")) : $("", !0)
                 ]),
-                g("div", Rs, M(d.description), 1)
+                g("div", As, M(d.description), 1)
               ]),
               g("div", Es, [
-                C(c, {
+                S(c, {
                   class: V([d.current ? "text-gray-700" : "text-gray-400", "h-5 w-5 shrink-0"]),
-                  icon: S(D)[d.icon]
+                  icon: C(R)[d.icon]
                 }, null, 8, ["class", "icon"])
               ])
-            ], 10, Ms))), 128)),
+            ], 10, Vs))), 128)),
             r[2] || (r[2] = g("div", null, null, -1))
           ]),
-          g("div", As, [
+          g("div", Is, [
             i.$slots.bottom || e.bottomSlot ? (m(), v("div", Os, [
-              B(i.$slots, "bottom", {}, () => [
-                e.bottomSlot ? (m(), H(Z(e.bottomSlot), { key: 0 })) : T("", !0)
+              z(i.$slots, "bottom", {}, () => [
+                e.bottomSlot ? (m(), H(W(e.bottomSlot), { key: 0 })) : $("", !0)
               ])
-            ])) : T("", !0),
-            i.$slots.footer || e.footerSlot ? (m(), v("div", Is, [
-              B(i.$slots, "footer", {}, () => [
-                e.footerSlot ? (m(), H(Z(e.footerSlot), { key: 0 })) : T("", !0)
+            ])) : $("", !0),
+            i.$slots.footer || e.footerSlot ? (m(), v("div", Bs, [
+              z(i.$slots, "footer", {}, () => [
+                e.footerSlot ? (m(), H(W(e.footerSlot), { key: 0 })) : $("", !0)
               ])
-            ])) : T("", !0)
+            ])) : $("", !0)
           ])
         ])
       ]);
     };
   }
-}, ut = {
+}, dt = {
   success: 5e3,
   info: 5e3,
   warning: 5e3,
   danger: 0
   // sticky by default
-}, Pe = ["top-left", "top-right", "center", "bottom-left", "bottom-right"];
-function js() {
-  const e = W({
+}, Me = ["top-left", "top-right", "center", "bottom-left", "bottom-right"];
+function zs() {
+  const e = G({
     isVisible: !1,
     type: "info",
     message: null,
@@ -413,27 +413,27 @@ function js() {
     s && (clearTimeout(s), s = null), t = 0, a = !1, l = null;
   }, o = () => {
     n(), e.isVisible = !1;
-  }, i = (f) => {
-    f <= 0 || (t = f, l = Date.now(), s = setTimeout(() => {
+  }, i = (p) => {
+    p <= 0 || (t = p, l = Date.now(), s = setTimeout(() => {
       o();
-    }, f));
+    }, p));
   };
   return {
     state: e,
-    show: (f = {}) => {
+    show: (p = {}) => {
       n();
       const {
-        type: w = "info",
+        type: k = "info",
         message: _ = null,
         component: b = null,
         props: u = {},
         closeable: h = !0,
         duration: x = null,
         persistent: y = !1
-      } = f;
-      e.type = w, e.message = _, e.component = b ? ce(b) : null, e.props = u, e.closeable = h, e.persistent = y, e.isVisible = !0;
-      const k = x !== null ? x : ut[w];
-      e.duration = k, k > 0 && i(k);
+      } = p;
+      e.type = k, e.message = _, e.component = b ? ce(b) : null, e.props = u, e.closeable = h, e.persistent = y, e.isVisible = !0;
+      const w = x !== null ? x : dt[k];
+      e.duration = w, w > 0 && i(w);
     },
     hide: o,
     reset: () => {
@@ -442,8 +442,8 @@ function js() {
     pause: () => {
       if (!s || a) return;
       clearTimeout(s), s = null;
-      const f = Date.now() - l;
-      t = Math.max(0, t - f), a = !0;
+      const p = Date.now() - l;
+      t = Math.max(0, t - p), a = !0;
     },
     resume: () => {
       !a || t <= 0 || (a = !1, l = Date.now(), s = setTimeout(() => {
@@ -452,9 +452,9 @@ function js() {
     }
   };
 }
-class zs {
+class Ns {
   constructor() {
-    this.outlets = /* @__PURE__ */ new Map(), this.toastState = W({
+    this.outlets = /* @__PURE__ */ new Map(), this.toastState = G({
       toasts: [],
       maxToasts: 3,
       defaultPosition: "bottom-right",
@@ -470,7 +470,7 @@ class zs {
    * @returns {Object} Notification outlet instance
    */
   getOutlet(s = "default") {
-    return this.outlets.has(s) || this.outlets.set(s, js()), this.outlets.get(s);
+    return this.outlets.has(s) || this.outlets.set(s, zs()), this.outlets.get(s);
   }
   /**
    * Show a banner notification in the specified outlet
@@ -550,7 +550,7 @@ class zs {
    * @param {boolean} options.newestOnTop - Whether newest toasts appear on top (default: true)
    */
   configureToasts(s = {}) {
-    s.maxToasts !== void 0 && (this.toastState.maxToasts = s.maxToasts), s.defaultPosition !== void 0 && Pe.includes(s.defaultPosition) && (this.toastState.defaultPosition = s.defaultPosition), s.newestOnTop !== void 0 && (this.toastState.newestOnTop = s.newestOnTop);
+    s.maxToasts !== void 0 && (this.toastState.maxToasts = s.maxToasts), s.defaultPosition !== void 0 && Me.includes(s.defaultPosition) && (this.toastState.defaultPosition = s.defaultPosition), s.newestOnTop !== void 0 && (this.toastState.newestOnTop = s.newestOnTop);
   }
   /**
    * Show a toast notification
@@ -573,27 +573,27 @@ class zs {
       closeable: o = !0,
       duration: i = null,
       position: r = null
-    } = s, c = ++this._toastIdCounter, d = r && Pe.includes(r) ? r : this.toastState.defaultPosition, p = i !== null ? i : ut[t], f = {
+    } = s, c = ++this._toastIdCounter, d = r && Me.includes(r) ? r : this.toastState.defaultPosition, f = i !== null ? i : dt[t], p = {
       id: c,
       type: t,
       message: a,
       component: l ? ce(l) : null,
       props: n,
       closeable: o,
-      duration: p,
+      duration: f,
       position: d,
       createdAt: Date.now()
-    }, w = this.toastState.toasts.filter((_) => _.position === d);
-    if (w.length >= this.toastState.maxToasts) {
-      const _ = this.toastState.newestOnTop ? w[w.length - 1] : w[0];
+    }, k = this.toastState.toasts.filter((_) => _.position === d);
+    if (k.length >= this.toastState.maxToasts) {
+      const _ = this.toastState.newestOnTop ? k[k.length - 1] : k[0];
       this.hideToast(_.id);
     }
     if (this.toastState.newestOnTop) {
       const _ = this.toastState.toasts.findIndex((b) => b.position === d);
-      _ === -1 ? this.toastState.toasts.push(f) : this.toastState.toasts.splice(_, 0, f);
+      _ === -1 ? this.toastState.toasts.push(p) : this.toastState.toasts.splice(_, 0, p);
     } else
-      this.toastState.toasts.push(f);
-    return p > 0 && this._startToastTimer(c, p), c;
+      this.toastState.toasts.push(p);
+    return f > 0 && this._startToastTimer(c, f), c;
   }
   /**
    * Hide a specific toast by ID
@@ -666,7 +666,7 @@ class zs {
     t && (t.timeout && clearTimeout(t.timeout), this._toastTimers.delete(s));
   }
 }
-const j = new zs(), ol = {
+const B = new Ns(), ol = {
   __name: "SparkNotificationOutlet",
   props: {
     name: {
@@ -679,34 +679,34 @@ const j = new zs(), ol = {
     }
   },
   setup(e) {
-    const s = e, t = se(), a = L(() => j.getOutlet(s.name)), l = F(0);
-    N(
+    const s = e, t = ee(), a = L(() => B.getOutlet(s.name)), l = D(0);
+    U(
       () => [a.value.state.message, a.value.state.component, a.value.state.type],
       () => {
         a.value.state.isVisible && l.value++;
       }
-    ), N(
+    ), U(
       () => a.value.state.isVisible,
       (r) => {
         r && !a.value.state.shownOnPath && (a.value.state.shownOnPath = t.path);
       },
       { immediate: !0 }
-    ), ye(() => {
+    ), pe(() => {
       s.clearOnRouteChange && (t.meta.preserveNotifications || a.value.state.isVisible && (a.value.state.persistent || a.value.state.shownOnPath && a.value.state.shownOnPath !== t.path && a.value.hide()));
-    }), N(
+    }), U(
       () => t.path,
       () => {
         s.clearOnRouteChange && (t.meta.preserveNotifications || a.value.state.isVisible && (a.value.state.persistent || a.value.hide()));
       }
     );
     const n = () => {
-      j.hide(s.name);
+      B.hide(s.name);
     }, o = () => {
-      j.pause(s.name);
+      B.pause(s.name);
     }, i = () => {
-      j.resume(s.name);
+      B.resume(s.name);
     };
-    return (r, c) => (m(), H(gt, {
+    return (r, c) => (m(), H(ht, {
       "enter-active-class": "transition-all duration-300 ease-out",
       "enter-from-class": "opacity-0 -translate-y-2",
       "enter-to-class": "opacity-100 translate-y-0",
@@ -725,20 +725,20 @@ const j = new zs(), ol = {
           onMouseleave: i
         }, {
           default: P(() => [
-            a.value.state.component ? (m(), H(Z(a.value.state.component), ht(K({ key: 0 }, a.value.state.props)), null, 16)) : (m(), v(E, { key: 1 }, [
-              A(M(a.value.state.message), 1)
+            a.value.state.component ? (m(), H(W(a.value.state.component), yt(K({ key: 0 }, a.value.state.props)), null, 16)) : (m(), v(E, { key: 1 }, [
+              I(M(a.value.state.message), 1)
             ], 64))
           ]),
           _: 1
-        }, 8, ["type", "closeable"])) : T("", !0)
+        }, 8, ["type", "closeable"])) : $("", !0)
       ]),
       _: 1
     }));
   }
-}, Ns = { class: "fixed top-4 left-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, Us = { class: "fixed top-4 right-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, qs = { class: "fixed top-[40%] left-1/2 -translate-x-1/2 -translate-y-1/2 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, Zs = { class: "fixed bottom-4 left-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, Ks = { class: "fixed bottom-4 right-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, rl = {
+}, Us = { class: "fixed top-4 left-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, qs = { class: "fixed top-4 right-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, Zs = { class: "fixed top-[40%] left-1/2 -translate-x-1/2 -translate-y-1/2 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, Ws = { class: "fixed bottom-4 left-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, Ks = { class: "fixed bottom-4 right-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, rl = {
   __name: "SparkToastContainer",
   setup(e) {
-    const s = j.toastState, t = L(
+    const s = B.toastState, t = L(
       () => s.toasts.filter((d) => d.position === "top-left")
     ), a = L(
       () => s.toasts.filter((d) => d.position === "top-right")
@@ -749,15 +749,15 @@ const j = new zs(), ol = {
     ), o = L(
       () => s.toasts.filter((d) => d.position === "bottom-right")
     ), i = (d) => {
-      j.hideToast(d);
+      B.hideToast(d);
     }, r = (d) => {
-      j.pauseToast(d);
+      B.pauseToast(d);
     }, c = (d) => {
-      j.resumeToast(d);
+      B.resumeToast(d);
     };
-    return (d, p) => (m(), H(yt, { to: "body" }, [
-      g("div", Ns, [
-        C(ue, {
+    return (d, f) => (m(), H(vt, { to: "body" }, [
+      g("div", Us, [
+        S(ue, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 -translate-x-4",
           "enter-to-class": "opacity-100 translate-x-0",
@@ -766,23 +766,23 @@ const j = new zs(), ol = {
           "leave-to-class": "opacity-0 -translate-x-4"
         }, {
           default: P(() => [
-            (m(!0), v(E, null, z(t.value, (f) => (m(), v("div", {
-              key: f.id,
+            (m(!0), v(E, null, N(t.value, (p) => (m(), v("div", {
+              key: p.id,
               class: "pointer-events-auto"
             }, [
-              C(re, {
-                type: f.type,
-                closeable: f.closeable,
-                onClose: (w) => i(f.id),
-                onMouseenter: (w) => r(f.id),
-                onMouseleave: (w) => c(f.id)
+              S(re, {
+                type: p.type,
+                closeable: p.closeable,
+                onClose: (k) => i(p.id),
+                onMouseenter: (k) => r(p.id),
+                onMouseleave: (k) => c(p.id)
               }, {
                 default: P(() => [
-                  f.component ? (m(), H(Z(f.component), K({
+                  p.component ? (m(), H(W(p.component), K({
                     key: 0,
                     ref_for: !0
-                  }, f.props), null, 16)) : (m(), v(E, { key: 1 }, [
-                    A(M(f.message), 1)
+                  }, p.props), null, 16)) : (m(), v(E, { key: 1 }, [
+                    I(M(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -792,8 +792,8 @@ const j = new zs(), ol = {
           _: 1
         })
       ]),
-      g("div", Us, [
-        C(ue, {
+      g("div", qs, [
+        S(ue, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 translate-x-4",
           "enter-to-class": "opacity-100 translate-x-0",
@@ -802,23 +802,23 @@ const j = new zs(), ol = {
           "leave-to-class": "opacity-0 translate-x-4"
         }, {
           default: P(() => [
-            (m(!0), v(E, null, z(a.value, (f) => (m(), v("div", {
-              key: f.id,
+            (m(!0), v(E, null, N(a.value, (p) => (m(), v("div", {
+              key: p.id,
               class: "pointer-events-auto"
             }, [
-              C(re, {
-                type: f.type,
-                closeable: f.closeable,
-                onClose: (w) => i(f.id),
-                onMouseenter: (w) => r(f.id),
-                onMouseleave: (w) => c(f.id)
+              S(re, {
+                type: p.type,
+                closeable: p.closeable,
+                onClose: (k) => i(p.id),
+                onMouseenter: (k) => r(p.id),
+                onMouseleave: (k) => c(p.id)
               }, {
                 default: P(() => [
-                  f.component ? (m(), H(Z(f.component), K({
+                  p.component ? (m(), H(W(p.component), K({
                     key: 0,
                     ref_for: !0
-                  }, f.props), null, 16)) : (m(), v(E, { key: 1 }, [
-                    A(M(f.message), 1)
+                  }, p.props), null, 16)) : (m(), v(E, { key: 1 }, [
+                    I(M(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -828,8 +828,8 @@ const j = new zs(), ol = {
           _: 1
         })
       ]),
-      g("div", qs, [
-        C(ue, {
+      g("div", Zs, [
+        S(ue, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 scale-95",
           "enter-to-class": "opacity-100 scale-100",
@@ -838,23 +838,23 @@ const j = new zs(), ol = {
           "leave-to-class": "opacity-0 scale-95"
         }, {
           default: P(() => [
-            (m(!0), v(E, null, z(l.value, (f) => (m(), v("div", {
-              key: f.id,
+            (m(!0), v(E, null, N(l.value, (p) => (m(), v("div", {
+              key: p.id,
               class: "pointer-events-auto"
             }, [
-              C(re, {
-                type: f.type,
-                closeable: f.closeable,
-                onClose: (w) => i(f.id),
-                onMouseenter: (w) => r(f.id),
-                onMouseleave: (w) => c(f.id)
+              S(re, {
+                type: p.type,
+                closeable: p.closeable,
+                onClose: (k) => i(p.id),
+                onMouseenter: (k) => r(p.id),
+                onMouseleave: (k) => c(p.id)
               }, {
                 default: P(() => [
-                  f.component ? (m(), H(Z(f.component), K({
+                  p.component ? (m(), H(W(p.component), K({
                     key: 0,
                     ref_for: !0
-                  }, f.props), null, 16)) : (m(), v(E, { key: 1 }, [
-                    A(M(f.message), 1)
+                  }, p.props), null, 16)) : (m(), v(E, { key: 1 }, [
+                    I(M(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -864,8 +864,8 @@ const j = new zs(), ol = {
           _: 1
         })
       ]),
-      g("div", Zs, [
-        C(ue, {
+      g("div", Ws, [
+        S(ue, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 -translate-x-4",
           "enter-to-class": "opacity-100 translate-x-0",
@@ -874,23 +874,23 @@ const j = new zs(), ol = {
           "leave-to-class": "opacity-0 -translate-x-4"
         }, {
           default: P(() => [
-            (m(!0), v(E, null, z(n.value, (f) => (m(), v("div", {
-              key: f.id,
+            (m(!0), v(E, null, N(n.value, (p) => (m(), v("div", {
+              key: p.id,
               class: "pointer-events-auto"
             }, [
-              C(re, {
-                type: f.type,
-                closeable: f.closeable,
-                onClose: (w) => i(f.id),
-                onMouseenter: (w) => r(f.id),
-                onMouseleave: (w) => c(f.id)
+              S(re, {
+                type: p.type,
+                closeable: p.closeable,
+                onClose: (k) => i(p.id),
+                onMouseenter: (k) => r(p.id),
+                onMouseleave: (k) => c(p.id)
               }, {
                 default: P(() => [
-                  f.component ? (m(), H(Z(f.component), K({
+                  p.component ? (m(), H(W(p.component), K({
                     key: 0,
                     ref_for: !0
-                  }, f.props), null, 16)) : (m(), v(E, { key: 1 }, [
-                    A(M(f.message), 1)
+                  }, p.props), null, 16)) : (m(), v(E, { key: 1 }, [
+                    I(M(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -901,7 +901,7 @@ const j = new zs(), ol = {
         })
       ]),
       g("div", Ks, [
-        C(ue, {
+        S(ue, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 translate-x-4",
           "enter-to-class": "opacity-100 translate-x-0",
@@ -910,23 +910,23 @@ const j = new zs(), ol = {
           "leave-to-class": "opacity-0 translate-x-4"
         }, {
           default: P(() => [
-            (m(!0), v(E, null, z(o.value, (f) => (m(), v("div", {
-              key: f.id,
+            (m(!0), v(E, null, N(o.value, (p) => (m(), v("div", {
+              key: p.id,
               class: "pointer-events-auto"
             }, [
-              C(re, {
-                type: f.type,
-                closeable: f.closeable,
-                onClose: (w) => i(f.id),
-                onMouseenter: (w) => r(f.id),
-                onMouseleave: (w) => c(f.id)
+              S(re, {
+                type: p.type,
+                closeable: p.closeable,
+                onClose: (k) => i(p.id),
+                onMouseenter: (k) => r(p.id),
+                onMouseleave: (k) => c(p.id)
               }, {
                 default: P(() => [
-                  f.component ? (m(), H(Z(f.component), K({
+                  p.component ? (m(), H(W(p.component), K({
                     key: 0,
                     ref_for: !0
-                  }, f.props), null, 16)) : (m(), v(E, { key: 1 }, [
-                    A(M(f.message), 1)
+                  }, p.props), null, 16)) : (m(), v(E, { key: 1 }, [
+                    I(M(p.message), 1)
                   ], 64))
                 ]),
                 _: 2
@@ -938,10 +938,10 @@ const j = new zs(), ol = {
       ])
     ]));
   }
-}, dt = pe(
+}, pt = fe(
   "brandFilter",
   () => {
-    const e = W({
+    const e = G({
       brands: []
     }), s = (n = {}) => {
       if (!n.brands || !Array.isArray(n.brands)) {
@@ -982,57 +982,57 @@ const j = new zs(), ol = {
       paths: ["state.brands"]
     }
   }
-), Ws = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Gs = { class: "flex flex-1 flex-col" }, Ys = { class: "divide-y divide-gray-200" }, Xs = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Js = { class: "ml-auto flex items-center" }, Qs = {
+), Gs = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Ys = { class: "flex flex-1 flex-col" }, Xs = { class: "divide-y divide-gray-200" }, Js = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Qs = { class: "ml-auto flex items-center" }, ea = {
   key: 0,
   class: "flex px-[22px] py-[15px] text-gray-500 text-sm"
-}, ea = ["onClick"], ta = { class: "w-full gap-y-1 flex justify-between" }, sa = { class: "flex flex-col" }, aa = { class: "flex items-center" }, oa = { class: "font-medium text-base text-gray-900" }, ra = {
+}, ta = ["onClick"], sa = { class: "w-full gap-y-1 flex justify-between" }, aa = { class: "flex flex-col" }, oa = { class: "flex items-center" }, ra = { class: "font-medium text-base text-gray-900" }, na = {
   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"
-}, na = { class: "text-sm text-gray-500 font-normal" }, la = { class: "flex items-center" }, ia = ["src", "alt"], ca = {
+}, la = { class: "text-sm text-gray-500 font-normal" }, ia = { class: "flex items-center" }, ca = ["src", "alt"], ua = {
   __name: "SparkBrandSelector",
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, a = dt(), l = (n) => {
+    const t = s, a = pt(), l = (n) => {
       t("select", n);
     };
     return (n, o) => {
-      const i = R("font-awesome-icon");
-      return m(), v("div", Ws, [
-        g("div", Gs, [
-          g("div", Ys, [
-            g("div", Xs, [
+      const i = A("font-awesome-icon");
+      return m(), v("div", Gs, [
+        g("div", Ys, [
+          g("div", Xs, [
+            g("div", Js, [
               o[1] || (o[1] = g("div", null, "Filter by Brand", -1)),
-              g("div", Js, [
-                C(i, {
-                  icon: S(D).farTimes,
+              g("div", Qs, [
+                S(i, {
+                  icon: C(R).farTimes,
                   class: "size-4 text-gray-400 cursor-pointer",
                   onClick: o[0] || (o[0] = (r) => t("close"))
                 }, null, 8, ["icon"])
               ])
             ]),
-            S(a).allBrands.length === 0 ? (m(), v("div", Qs, " No brands configured ")) : T("", !0),
-            (m(!0), v(E, null, z(S(a).allBrands, (r) => (m(), v("div", {
+            C(a).allBrands.length === 0 ? (m(), v("div", ea, " No brands configured ")) : $("", !0),
+            (m(!0), v(E, null, N(C(a).allBrands, (r) => (m(), v("div", {
               key: r.id,
               class: V([r.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
               onClick: (c) => l(r)
             }, [
-              g("div", ta, [
-                g("div", sa, [
-                  g("div", aa, [
-                    g("div", oa, M(r.name), 1),
-                    r.current ? (m(), v("span", ra, " Current ")) : T("", !0)
+              g("div", sa, [
+                g("div", aa, [
+                  g("div", oa, [
+                    g("div", ra, M(r.name), 1),
+                    r.current ? (m(), v("span", na, " Current ")) : $("", !0)
                   ]),
-                  g("div", na, M(r.current ? "Current Brand" : "Change to"), 1)
+                  g("div", la, M(r.current ? "Current Brand" : "Change to"), 1)
                 ]),
-                g("div", la, [
+                g("div", ia, [
                   g("img", {
                     src: r.logo,
                     alt: `${r.name} logo`,
                     class: "h-8 w-auto"
-                  }, null, 8, ia)
+                  }, null, 8, ca)
                 ])
               ])
-            ], 10, ea))), 128)),
+            ], 10, ta))), 128)),
             o[2] || (o[2] = g("div", null, null, -1))
           ]),
           o[3] || (o[3] = g("div", { class: "mt-auto" }, null, -1))
@@ -1040,7 +1040,7 @@ const j = new zs(), ol = {
       ]);
     };
   }
-}, ua = ["disabled"], U = {
+}, da = ["disabled"], q = {
   __name: "SparkButton",
   props: {
     size: {
@@ -1063,7 +1063,7 @@ const j = new zs(), ol = {
   },
   emits: ["click"],
   setup(e) {
-    const s = e, t = F(null), a = ve("buttonGroup", null), l = L(() => {
+    const s = e, t = D(null), a = be("buttonGroup", null), l = L(() => {
       if (!a?.isInGroup || !t.value) return null;
       const r = a.getButtonIndex(t.value), c = a.getButtonCount();
       return {
@@ -1084,15 +1084,15 @@ const j = new zs(), ol = {
       text: /^text-(?!white|black)/
     }, o = (r, c) => {
       if (!c) return r;
-      const d = r.split(" ").filter(Boolean), p = c.split(" ").filter(Boolean);
-      return [...d.filter((w) => !p.some((_) => {
+      const d = r.split(" ").filter(Boolean), f = c.split(" ").filter(Boolean);
+      return [...d.filter((k) => !f.some((_) => {
         const b = Object.entries(n).find(
-          ([h, x]) => x.test(w)
+          ([h, x]) => x.test(k)
         )?.[0], u = Object.entries(n).find(
           ([h, x]) => x.test(_)
         )?.[0];
         return b && b === u;
-      })), ...p].join(" ");
+      })), ...f].join(" ");
     }, i = L(() => {
       let r = "cursor-pointer", c = "";
       switch (s.size) {
@@ -1113,8 +1113,8 @@ const j = new zs(), ol = {
           break;
       }
       if (a?.isInGroup && l.value) {
-        const { isFirst: d, isLast: p } = l.value;
-        r += " relative inline-flex items-center focus:z-10", d && p ? r += ` rounded-${c}` : d ? r += ` rounded-l-${c} rounded-r-none` : p ? r += ` rounded-r-${c} rounded-l-none -ml-px` : r += " rounded-none -ml-px";
+        const { isFirst: d, isLast: f } = l.value;
+        r += " relative inline-flex items-center focus:z-10", d && f ? r += ` rounded-${c}` : d ? r += ` rounded-l-${c} rounded-r-none` : f ? r += ` rounded-r-${c} rounded-l-none -ml-px` : r += " rounded-none -ml-px";
       } else
         r += ` shadow-xs rounded-${c}`;
       switch (s.variant) {
@@ -1149,14 +1149,14 @@ const j = new zs(), ol = {
       disabled: e.disabled,
       onClick: c[0] || (c[0] = (d) => r.$emit("click"))
     }, [
-      B(r.$slots, "default")
-    ], 10, ua));
+      z(r.$slots, "default")
+    ], 10, da));
   }
-}, pt = {
+}, ft = {
   __name: "SparkButtonGroup",
   setup(e) {
-    const s = F(null);
-    return vt("buttonGroup", {
+    const s = D(null);
+    return bt("buttonGroup", {
       isInGroup: !0,
       getButtonIndex: (l) => s.value ? Array.from(s.value.children).indexOf(l) : -1,
       getButtonCount: () => s.value?.children.length || 0
@@ -1165,13 +1165,13 @@ const j = new zs(), ol = {
       ref_key: "groupRef",
       ref: s
     }, [
-      B(l.$slots, "default")
+      z(l.$slots, "default")
     ], 512));
   }
-}, da = { class: "divide-y divide-gray-300 rounded-lg border border-gray-300 text-gray-700 bg-gray-100" }, pa = {
+}, pa = { class: "divide-y divide-gray-300 rounded-lg border border-gray-300 text-gray-700 bg-gray-100" }, fa = {
   key: 0,
   class: "px-[30px] py-5"
-}, fa = {
+}, ma = {
   key: 1,
   class: "p-5"
 }, nl = {
@@ -1188,30 +1188,30 @@ const j = new zs(), ol = {
   },
   setup(e) {
     const s = e;
-    return (t, a) => (m(), v("div", da, [
-      t.$slots.header ? (m(), v("div", pa, [
-        B(t.$slots, "header")
-      ])) : T("", !0),
+    return (t, a) => (m(), v("div", pa, [
+      t.$slots.header ? (m(), v("div", fa, [
+        z(t.$slots, "header")
+      ])) : $("", !0),
       g("div", {
         class: V([s.padded ? s.paddedClass : ""])
       }, [
-        B(t.$slots, "default")
+        z(t.$slots, "default")
       ], 2),
-      t.$slots.footer ? (m(), v("div", fa, [
-        B(t.$slots, "footer")
-      ])) : T("", !0)
+      t.$slots.footer ? (m(), v("div", ma, [
+        z(t.$slots, "footer")
+      ])) : $("", !0)
     ]));
   }
-}, ma = {
+}, ga = {
   key: 0,
   class: "block text-sm font-medium text-gray-700 mb-2"
-}, ga = { key: 0 }, ha = { class: "text-sm text-gray-600 mb-2" }, ya = {
+}, ha = { key: 0 }, ya = { class: "text-sm text-gray-600 mb-2" }, va = {
   key: 1,
   class: "flex items-center justify-center gap-3"
-}, va = { class: "text-gray-700" }, ba = {
+}, ba = { class: "text-gray-700" }, xa = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center bg-blue-50/80 rounded-md pointer-events-none"
-}, xa = {
+}, wa = {
   key: 3,
   class: "flex justify-end mt-4"
 }, ka = {
@@ -1254,7 +1254,7 @@ const j = new zs(), ol = {
     },
     icon: {
       type: Object,
-      default: () => D.farCloudArrowUp
+      default: () => R.farCloudArrowUp
     },
     browseText: {
       type: String,
@@ -1288,19 +1288,19 @@ const j = new zs(), ol = {
   },
   emits: ["upload-start", "upload-success", "upload-error", "file-selected", "file-cleared"],
   setup(e, { expose: s, emit: t }) {
-    const a = e, l = t, n = ve("axios"), o = F(null), i = F(!1), r = F(!1), c = F(null);
+    const a = e, l = t, n = be("axios"), o = D(null), i = D(!1), r = D(!1), c = D(null);
     function d() {
       a.disabled || i.value || (r.value = !0);
     }
-    function p() {
+    function f() {
       r.value = !1;
     }
-    function f(x) {
+    function p(x) {
       if (r.value = !1, a.disabled || i.value) return;
       const y = x.dataTransfer?.files?.[0];
       if (y) {
-        if (!w(y)) {
-          j.show({
+        if (!k(y)) {
+          B.show({
             type: "danger",
             message: "File type not accepted."
           });
@@ -1309,16 +1309,16 @@ const j = new zs(), ol = {
         o.value = y, l("file-selected", y);
       }
     }
-    function w(x) {
-      const y = a.accept.split(",").map((k) => k.trim());
-      for (const k of y) {
-        if (k === "*/*") return !0;
-        if (k.endsWith("/*")) {
-          const $ = k.slice(0, -2);
-          if (x.type.startsWith($ + "/")) return !0;
-        } else if (k.startsWith(".")) {
-          if (x.name.toLowerCase().endsWith(k.toLowerCase())) return !0;
-        } else if (x.type === k) return !0;
+    function k(x) {
+      const y = a.accept.split(",").map((w) => w.trim());
+      for (const w of y) {
+        if (w === "*/*") return !0;
+        if (w.endsWith("/*")) {
+          const T = w.slice(0, -2);
+          if (x.type.startsWith(T + "/")) return !0;
+        } else if (w.startsWith(".")) {
+          if (x.name.toLowerCase().endsWith(w.toLowerCase())) return !0;
+        } else if (x.type === w) return !0;
       }
       return !1;
     }
@@ -1341,16 +1341,16 @@ const j = new zs(), ol = {
         i.value = !0, l("upload-start");
         try {
           const x = new FormData();
-          x.append(a.fieldName, o.value), Object.entries(a.extraFields).forEach(([$, I]) => {
-            x.append($, I);
+          x.append(a.fieldName, o.value), Object.entries(a.extraFields).forEach(([T, F]) => {
+            x.append(T, F);
           });
           const y = await n.post(a.uploadUrl, x, {
             headers: { "Content-Type": "multipart/form-data" },
             params: a.extraParams
-          }), k = a.responseParser(y);
-          l("upload-success", k);
+          }), w = a.responseParser(y);
+          l("upload-success", w);
         } catch (x) {
-          l("upload-error", x), j.show({
+          l("upload-error", x), B.show({
             type: "danger",
             message: x.response?.data?.message || "Failed to upload file."
           });
@@ -1365,9 +1365,9 @@ const j = new zs(), ol = {
       selectedFile: o,
       uploading: i
     }), (x, y) => {
-      const k = R("FormKit"), $ = R("font-awesome-icon");
+      const w = A("FormKit"), T = A("font-awesome-icon");
       return m(), v("div", null, [
-        e.label ? (m(), v("label", ma, M(e.label), 1)) : T("", !0),
+        e.label ? (m(), v("label", ga, M(e.label), 1)) : $("", !0),
         e.variant === "dashed" ? (m(), v("div", {
           key: 1,
           class: V(["border-2 border-dashed border-gray-300 rounded-lg p-8 text-center transition-colors", {
@@ -1376,10 +1376,10 @@ const j = new zs(), ol = {
           }]),
           onDragover: O(d, ["prevent"]),
           onDragenter: O(d, ["prevent"]),
-          onDragleave: O(p, ["prevent"]),
-          onDrop: O(f, ["prevent"])
+          onDragleave: O(f, ["prevent"]),
+          onDrop: O(p, ["prevent"])
         }, [
-          C(k, {
+          S(w, {
             ref_key: "formkitFileRef",
             ref: c,
             type: "file",
@@ -1389,36 +1389,36 @@ const j = new zs(), ol = {
             "outer-class": "hidden",
             onInput: _
           }, null, 8, ["name", "accept", "disabled"]),
-          o.value ? (m(), v("div", ya, [
-            C($, {
-              icon: S(D).farFile,
+          o.value ? (m(), v("div", va, [
+            S(T, {
+              icon: C(R).farFile,
               class: "text-2xl text-gray-500"
             }, null, 8, ["icon"]),
-            g("span", va, M(o.value.name), 1),
-            C(U, {
+            g("span", ba, M(o.value.name), 1),
+            S(q, {
               variant: "secondary",
               size: "sm",
               onClick: u
             }, {
               default: P(() => [
-                C($, {
-                  icon: S(D).farXmark
+                S(T, {
+                  icon: C(R).farXmark
                 }, null, 8, ["icon"])
               ]),
               _: 1
             })
-          ])) : (m(), v("div", ga, [
-            C($, {
+          ])) : (m(), v("div", ha, [
+            S(T, {
               icon: e.icon,
               class: "text-4xl text-gray-400 mb-3"
             }, null, 8, ["icon"]),
-            g("p", ha, M(e.dropText), 1),
-            C(U, {
+            g("p", ya, M(e.dropText), 1),
+            S(q, {
               variant: "secondary",
               onClick: b
             }, {
               default: P(() => [
-                A(M(e.browseText), 1)
+                I(M(e.browseText), 1)
               ]),
               _: 1
             })
@@ -1430,51 +1430,51 @@ const j = new zs(), ol = {
           }]),
           onDragover: O(d, ["prevent"]),
           onDragenter: O(d, ["prevent"]),
-          onDragleave: O(p, ["prevent"]),
-          onDrop: O(f, ["prevent"])
+          onDragleave: O(f, ["prevent"]),
+          onDrop: O(p, ["prevent"])
         }, [
-          C(k, {
+          S(w, {
             type: "file",
             name: e.name,
             accept: e.accept,
             disabled: e.disabled || i.value,
             onInput: _
           }, null, 8, ["name", "accept", "disabled"]),
-          r.value ? (m(), v("div", ba, [...y[0] || (y[0] = [
+          r.value ? (m(), v("div", xa, [...y[0] || (y[0] = [
             g("span", { class: "text-sm text-blue-600 font-medium" }, "Drop file here", -1)
-          ])])) : T("", !0)
+          ])])) : $("", !0)
         ], 34)),
-        e.showUploadButton ? (m(), v("div", xa, [
-          C(U, {
+        e.showUploadButton ? (m(), v("div", wa, [
+          S(q, {
             size: "lg",
             disabled: !o.value || i.value,
             onClick: h
           }, {
             default: P(() => [
-              i.value ? (m(), H($, {
+              i.value ? (m(), H(T, {
                 key: 0,
-                icon: S(D).farSpinner,
+                icon: C(R).farSpinner,
                 class: "mr-2 animate-spin"
-              }, null, 8, ["icon"])) : T("", !0),
-              A(" " + M(i.value ? e.uploadingText : e.uploadText), 1)
+              }, null, 8, ["icon"])) : $("", !0),
+              I(" " + M(i.value ? e.uploadingText : e.uploadText), 1)
             ]),
             _: 1
           }, 8, ["disabled"])
-        ])) : T("", !0),
-        i.value && !e.showUploadButton ? (m(), v("p", ka, M(e.uploadingText), 1)) : T("", !0)
+        ])) : $("", !0),
+        i.value && !e.showUploadButton ? (m(), v("p", ka, M(e.uploadingText), 1)) : $("", !0)
       ]);
     };
   }
-}, wa = {
+}, _a = {
   key: 0,
   class: "block text-sm font-medium text-gray-700 mb-2"
-}, _a = {
+}, Sa = {
   key: 1,
   class: "mb-2 relative inline-block"
-}, Ca = ["href"], Sa = ["src", "alt"], Ta = ["disabled"], $a = {
+}, Ca = ["href"], Ta = ["src", "alt"], $a = ["disabled"], La = {
   key: 0,
   class: "absolute inset-0 flex items-center justify-center bg-blue-50/80 rounded-md pointer-events-none"
-}, La = {
+}, Pa = {
   key: 3,
   class: "text-sm text-gray-500 mt-1"
 }, il = {
@@ -1523,7 +1523,7 @@ const j = new zs(), ol = {
   },
   emits: ["update:modelValue", "upload-start", "upload-success", "upload-error"],
   setup(e, { emit: s }) {
-    const t = e, a = s, l = ve("axios"), n = F(!1), o = F(!1);
+    const t = e, a = s, l = be("axios"), n = D(!1), o = D(!1);
     function i() {
       a("update:modelValue", "");
     }
@@ -1537,17 +1537,17 @@ const j = new zs(), ol = {
       if (o.value = !1, t.disabled || n.value) return;
       const b = _.dataTransfer?.files?.[0];
       if (b) {
-        if (!p(b)) {
-          j.show({
+        if (!f(b)) {
+          B.show({
             type: "danger",
             message: "File type not accepted."
           });
           return;
         }
-        w(b);
+        k(b);
       }
     }
-    function p(_) {
+    function f(_) {
       const b = t.accept.split(",").map((u) => u.trim());
       for (const u of b) {
         if (u === "*/*") return !0;
@@ -1560,12 +1560,12 @@ const j = new zs(), ol = {
       }
       return !1;
     }
-    function f(_) {
+    function p(_) {
       if (!_ || _.length === 0) return;
       const b = _[0].file;
-      b && w(b);
+      b && k(b);
     }
-    async function w(_) {
+    async function k(_) {
       n.value = !0, a("upload-start");
       try {
         const b = new FormData();
@@ -1575,12 +1575,12 @@ const j = new zs(), ol = {
         const u = await l.post(t.uploadUrl, b, {
           headers: { "Content-Type": "multipart/form-data" }
         }), h = t.responseParser(u);
-        a("update:modelValue", h), a("upload-success", u), j.show({
+        a("update:modelValue", h), a("upload-success", u), B.show({
           type: "success",
           message: "Image uploaded!"
         });
       } catch (b) {
-        a("upload-error", b), j.show({
+        a("upload-error", b), B.show({
           type: "danger",
           message: b.response?.data?.message || "Failed to upload image."
         });
@@ -1589,10 +1589,10 @@ const j = new zs(), ol = {
       }
     }
     return (_, b) => {
-      const u = R("font-awesome-icon"), h = R("FormKit");
+      const u = A("font-awesome-icon"), h = A("FormKit");
       return m(), v("div", null, [
-        e.label ? (m(), v("label", wa, M(e.label), 1)) : T("", !0),
-        e.modelValue ? (m(), v("div", _a, [
+        e.label ? (m(), v("label", _a, M(e.label), 1)) : $("", !0),
+        e.modelValue ? (m(), v("div", Sa, [
           g("a", {
             href: e.modelValue,
             target: "_blank",
@@ -1602,7 +1602,7 @@ const j = new zs(), ol = {
               src: e.modelValue,
               alt: e.label || "Image preview",
               class: V([e.height, "w-auto object-contain border border-gray-300 rounded-md cursor-pointer hover:opacity-80 transition-opacity"])
-            }, null, 10, Sa)
+            }, null, 10, Ta)
           ], 8, Ca),
           g("button", {
             type: "button",
@@ -1610,13 +1610,13 @@ const j = new zs(), ol = {
             disabled: e.disabled,
             onClick: i
           }, [
-            C(u, {
-              icon: S(D).farXmark,
+            S(u, {
+              icon: C(R).farXmark,
               class: "text-xs"
             }, null, 8, ["icon"])
-          ], 8, Ta)
-        ])) : T("", !0),
-        e.modelValue ? T("", !0) : (m(), v("div", {
+          ], 8, $a)
+        ])) : $("", !0),
+        e.modelValue ? $("", !0) : (m(), v("div", {
           key: 2,
           class: V(["relative rounded-md transition-colors", {
             "ring-2 ring-blue-500 ring-offset-2 bg-blue-50": o.value
@@ -1626,25 +1626,25 @@ const j = new zs(), ol = {
           onDragleave: O(c, ["prevent"]),
           onDrop: O(d, ["prevent"])
         }, [
-          C(h, {
+          S(h, {
             type: "file",
             name: e.name,
             accept: e.accept,
             disabled: e.disabled || n.value,
-            onInput: f
+            onInput: p
           }, null, 8, ["name", "accept", "disabled"]),
-          o.value ? (m(), v("div", $a, [...b[0] || (b[0] = [
+          o.value ? (m(), v("div", La, [...b[0] || (b[0] = [
             g("span", { class: "text-sm text-blue-600 font-medium" }, "Drop image here", -1)
-          ])])) : T("", !0)
+          ])])) : $("", !0)
         ], 34)),
-        n.value ? (m(), v("p", La, "Uploading...")) : T("", !0)
+        n.value ? (m(), v("p", Pa, "Uploading...")) : $("", !0)
       ]);
     };
   }
-}, Pa = { class: "px-4 pt-5 pb-4 sm:p-6" }, Ma = {
+}, Ma = { class: "px-4 pt-5 pb-4 sm:p-6" }, Va = {
   key: 0,
   class: "text-lg font-medium text-gray-900"
-}, Va = {
+}, Ha = {
   __name: "SparkModalDialog",
   props: {
     title: {
@@ -1722,36 +1722,36 @@ const j = new zs(), ol = {
       danger: "text-red-400"
     })[s.type]);
     return (r, c) => {
-      const d = R("font-awesome-icon");
-      return m(), v("div", Pa, [
+      const d = A("font-awesome-icon");
+      return m(), v("div", Ma, [
         n.value ? (m(), v("div", {
           key: 0,
           class: V(["mx-auto flex size-12 items-center justify-center rounded-full", o.value])
         }, [
-          C(d, {
-            icon: S(D)[n.value],
+          S(d, {
+            icon: C(R)[n.value],
             class: V(["h-5 w-5", i.value])
           }, null, 8, ["icon", "class"])
-        ], 2)) : T("", !0),
+        ], 2)) : $("", !0),
         g("div", {
           class: V(["text-center", { "mt-3 sm:mt-5": n.value }])
         }, [
-          e.title ? (m(), v("h3", Ma, M(e.title), 1)) : T("", !0),
+          e.title ? (m(), v("h3", Va, M(e.title), 1)) : $("", !0),
           e.message ? (m(), v("div", {
             key: 1,
             class: V([{ "mt-2": e.title }, "text-sm text-gray-500"])
-          }, M(e.message), 3)) : T("", !0)
+          }, M(e.message), 3)) : $("", !0)
         ], 2),
         g("div", {
           class: V(["mt-5 sm:mt-6", a.value])
         }, [
-          (m(!0), v(E, null, z(t.value, (p, f) => (m(), H(S(U), {
-            key: f,
-            variant: p.variant,
-            onClick: (w) => r.$emit(p.event, p)
+          (m(!0), v(E, null, N(t.value, (f, p) => (m(), H(C(q), {
+            key: p,
+            variant: f.variant,
+            onClick: (k) => r.$emit(f.event, f)
           }, {
             default: P(() => [
-              A(M(p.text), 1)
+              I(M(f.text), 1)
             ]),
             _: 2
           }, 1032, ["variant", "onClick"]))), 128))
@@ -1760,9 +1760,9 @@ const j = new zs(), ol = {
     };
   }
 };
-class Ha {
+class Fa {
   constructor() {
-    this.state = W({
+    this.state = G({
       isVisible: !1,
       content: null,
       props: {},
@@ -1797,7 +1797,7 @@ class Ha {
       confirmVariant: r = "primary"
     } = s;
     this.show(
-      Va,
+      Ha,
       {
         title: a,
         message: l,
@@ -1818,20 +1818,20 @@ class Ha {
     );
   });
 }
-const J = new Ha(), Fa = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, Da = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Ra = {
+const J = new Fa(), Da = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, Ra = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Aa = {
   __name: "SparkModalContainer",
   setup(e) {
-    return (s, t) => (m(), H(S(ot), {
+    return (s, t) => (m(), H(C(rt), {
       as: "template",
-      show: S(J).state.isVisible
+      show: C(J).state.isVisible
     }, {
       default: P(() => [
-        C(S(rt), {
+        S(C(nt), {
           class: "relative z-1000",
-          onClose: S(J).hide
+          onClose: C(J).hide
         }, {
           default: P(() => [
-            C(S(he), {
+            S(C(ye), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -1845,9 +1845,9 @@ const J = new Ha(), Fa = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               ])]),
               _: 1
             }),
-            g("div", Fa, [
-              g("div", Da, [
-                C(S(he), {
+            g("div", Da, [
+              g("div", Ra, [
+                S(C(ye), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -1857,9 +1857,9 @@ const J = new Ha(), Fa = { 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: P(() => [
-                    C(S(nt), { 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" }, {
+                    S(C(lt), { 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: P(() => [
-                        (m(), H(Z(S(J).state.content), K(S(J).state.props, Ie(S(J).state.eventHandlers)), null, 16))
+                        (m(), H(W(C(J).state.content), K(C(J).state.props, Be(C(J).state.eventHandlers)), null, 16))
                       ]),
                       _: 1
                     })
@@ -1875,7 +1875,7 @@ const J = new Ha(), Fa = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}, Ea = { class: "fixed inset-0 flex" }, Me = {
+}, Ea = { class: "fixed inset-0 flex" }, Ve = {
   __name: "SparkOverlay",
   props: {
     position: {
@@ -1890,7 +1890,7 @@ const J = new Ha(), Fa = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   },
   emits: ["close"],
   setup(e, { emit: s }) {
-    const t = F(null), a = {
+    const t = D(null), a = {
       xs: "w-[250px]",
       sm: "w-[300px]",
       md: "w-[450px]",
@@ -1899,18 +1899,18 @@ const J = new Ha(), Fa = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     }, l = e, n = s, o = L(() => a[l.overlayInstance.state.size] || a.md), i = () => {
       l.overlayInstance.close(), n("close");
     };
-    return (r, c) => (m(), H(S(ot), {
+    return (r, c) => (m(), H(C(rt), {
       show: e.overlayInstance.state.isVisible,
       as: "template"
     }, {
       default: P(() => [
-        C(S(rt), {
+        S(C(nt), {
           initialFocus: t.value,
           class: "relative z-1000",
           onClose: i
         }, {
           default: P(() => [
-            C(S(he), {
+            S(C(ye), {
               as: "template",
               enter: "transition-opacity ease-linear duration-150",
               "enter-from": "opacity-0",
@@ -1925,7 +1925,7 @@ const J = new Ha(), Fa = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               _: 1
             }),
             g("div", Ea, [
-              C(S(he), {
+              S(C(ye), {
                 as: "template",
                 enter: "transition ease-in-out duration-150 transform",
                 "enter-from": e.position === "left" ? "-translate-x-full opacity-0" : "translate-x-full opacity-0",
@@ -1935,7 +1935,7 @@ const J = new Ha(), Fa = { 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: P(() => [
-                  C(S(nt), {
+                  S(C(lt), {
                     ref_key: "panelRef",
                     ref: t,
                     class: V([
@@ -1945,7 +1945,7 @@ const J = new Ha(), Fa = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                     ])
                   }, {
                     default: P(() => [
-                      (m(), H(Z(e.overlayInstance.state.content), K(e.overlayInstance.state.props, Ie(e.overlayInstance.state.eventHandlers)), null, 16))
+                      (m(), H(W(e.overlayInstance.state.content), K(e.overlayInstance.state.props, Be(e.overlayInstance.state.eventHandlers)), null, 16))
                     ]),
                     _: 1
                   }, 8, ["class"])
@@ -1960,7 +1960,7 @@ const J = new Ha(), Fa = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}, Aa = ["disabled", "onClick"], cl = {
+}, Ia = ["disabled", "onClick"], cl = {
   __name: "SparkSubNav",
   props: {
     /**
@@ -2024,18 +2024,18 @@ const J = new Ha(), Fa = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       // SparkButtonGroup handles its own styling
       custom: ""
     }[t.layout]]), d = L(() => t.compact ? "text-sm" : "");
-    function p(b) {
+    function f(b) {
       const u = o(b), h = i(b), x = [
         "inline-flex items-center transition-colors cursor-pointer",
         "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-1"
       ];
-      return h && x.push("opacity-50 cursor-not-allowed"), t.layout === "tabs" ? x.push(...f(u, h)) : t.layout === "vertical" && x.push(...w(u, h)), x;
+      return h && x.push("opacity-50 cursor-not-allowed"), t.layout === "tabs" ? x.push(...p(u, h)) : t.layout === "vertical" && x.push(...k(u, h)), x;
     }
-    function f(b, u) {
+    function p(b, u) {
       const h = ["border-b-2 -mb-px rounded-t font-medium"], x = t.compact ? "text-sm px-3 py-1.5" : "text-sm px-8 py-4";
       return h.push(x), b ? h.push("border-primary-600 text-primary-600") : u ? h.push("border-transparent text-gray-400") : h.push("border-transparent text-gray-600 hover:text-gray-900 hover:border-gray-300"), h;
     }
-    function w(b, u) {
+    function k(b, u) {
       const h = ["font-medium text-sm py-1"];
       return b ? h.push("text-primary-600") : u ? h.push("text-gray-400") : h.push("text-gray-600 hover:text-gray-900"), h;
     }
@@ -2052,19 +2052,19 @@ const J = new Ha(), Fa = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     return (b, u) => (m(), v("nav", {
       class: V(c.value)
     }, [
-      t.layout === "custom" ? B(b.$slots, "default", {
+      t.layout === "custom" ? z(b.$slots, "default", {
         key: 0,
         items: l.value,
         activeId: n.value,
         isActive: o,
         isDisabled: i,
         navigate: r
-      }) : t.layout === "horizontal" ? (m(), H(pt, {
+      }) : t.layout === "horizontal" ? (m(), H(ft, {
         key: 1,
         class: "isolate"
       }, {
         default: P(() => [
-          (m(!0), v(E, null, z(l.value, (h) => (m(), H(U, {
+          (m(!0), v(E, null, N(l.value, (h) => (m(), H(q, {
             key: h.id,
             size: "xl",
             variant: o(h) ? "primary" : "secondary",
@@ -2072,43 +2072,43 @@ const J = new Ha(), Fa = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
             onClick: (x) => r(h)
           }, {
             default: P(() => [
-              h.icon ? (m(), H(S(ge), {
+              h.icon ? (m(), H(C(he), {
                 key: 0,
-                icon: S(D)[h.icon],
+                icon: C(R)[h.icon],
                 class: "mr-1.5 size-4"
-              }, null, 8, ["icon"])) : T("", !0),
-              A(" " + M(h.label) + " ", 1),
+              }, null, 8, ["icon"])) : $("", !0),
+              I(" " + M(h.label) + " ", 1),
               h.badge != null ? (m(), v("span", {
                 key: 1,
                 class: V(_(h))
-              }, M(h.badge), 3)) : T("", !0)
+              }, M(h.badge), 3)) : $("", !0)
             ]),
             _: 2
           }, 1032, ["variant", "disabled", "onClick"]))), 128))
         ]),
         _: 1
-      })) : (m(!0), v(E, { key: 2 }, z(l.value, (h) => (m(), v("button", {
+      })) : (m(!0), v(E, { key: 2 }, N(l.value, (h) => (m(), v("button", {
         key: h.id,
-        class: V(p(h)),
+        class: V(f(h)),
         disabled: i(h) || void 0,
         onClick: (x) => r(h)
       }, [
-        o(h) && t.layout === "vertical" ? (m(), H(S(ge), {
+        o(h) && t.layout === "vertical" ? (m(), H(C(he), {
           key: 0,
-          icon: S(D).farCircleCheck,
+          icon: C(R).farCircleCheck,
           class: "mr-2 size-4"
-        }, null, 8, ["icon"])) : T("", !0),
-        h.icon && !(o(h) && t.layout === "vertical") ? (m(), H(S(ge), {
+        }, null, 8, ["icon"])) : $("", !0),
+        h.icon && !(o(h) && t.layout === "vertical") ? (m(), H(C(he), {
           key: 1,
-          icon: S(D)[h.icon],
+          icon: C(R)[h.icon],
           class: V(["mr-2", d.value])
-        }, null, 8, ["icon", "class"])) : T("", !0),
+        }, null, 8, ["icon", "class"])) : $("", !0),
         g("span", null, M(h.label), 1),
         h.badge != null ? (m(), v("span", {
           key: 2,
           class: V(_(h))
-        }, M(h.badge), 3)) : T("", !0)
-      ], 10, Aa))), 128))
+        }, M(h.badge), 3)) : $("", !0)
+      ], 10, Ia))), 128))
     ], 2));
   }
 }, Oa = (e) => {
@@ -2117,12 +2117,12 @@ const J = new Ha(), Fa = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     e = s[s.length - 1];
   }
   return e.replace(/_/g, " ");
-}, Ia = (e, s, t) => {
+}, Ba = (e, s, t) => {
   const a = s.querySelector(".relative");
   if (!a || a.querySelector(".spark-table-head-sorting"))
     return;
   const l = document.createElement("span");
-  l.classList.add("spark-table-head-sorting"), l.innerHTML = te({ prefix: "fad", iconName: "sort" }).html + te({ prefix: "fad", iconName: "sort-up" }).html + te({ prefix: "fad", iconName: "sort-down" }).html, a.appendChild(l), a.addEventListener("click", async () => {
+  l.classList.add("spark-table-head-sorting"), l.innerHTML = se({ prefix: "fad", iconName: "sort" }).html + se({ prefix: "fad", iconName: "sort-up" }).html + se({ prefix: "fad", iconName: "sort-down" }).html, a.appendChild(l), a.addEventListener("click", async () => {
     const n = t.params.orderBy, o = t.params.sortedBy;
     return n === e && o === "asc" ? (a.classList.remove("asc"), a.classList.add("desc"), t.methods.applyParams({
       orderBy: e,
@@ -2132,12 +2132,12 @@ const J = new Ha(), Fa = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       sortedBy: "asc"
     }));
   });
-}, Ba = (e, s, t) => {
+}, ja = (e, s, t) => {
   if (s.querySelector(".spark-table-head-filter"))
     return;
   const a = document.createElement("div"), l = document.createElement("input");
   l.type = "text", l.placeholder = "Filter...", a.className = "spark-table-head-filter", a.appendChild(l);
-  const n = lt(async (o, i) => {
+  const n = it(async (o, i) => {
     const r = i.target.value, c = `filter[${o}]`;
     if (r)
       return t.params[c] && t.params[c] === r ? void 0 : t.methods.applyParams({
@@ -2147,19 +2147,19 @@ const J = new Ha(), Fa = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     await t.methods.removeParam(c);
   }, 200);
   l.addEventListener("keyup", (o) => n(e, o)), s.appendChild(a);
-}, ja = (e, s, t) => {
+}, za = (e, s, t) => {
   e.classList.add("spark-table-head"), t && t.columnSort && e.classList.add("can-sort"), t && t.columnFilter && e.classList.add("can-filter"), e.querySelector(".relative").classList.add("spark-table-head-title-wrapper");
   const l = e.querySelector(".colHeader");
   l.classList.add("spark-table-head-title"), l.innerHTML = Oa(s);
-}, za = (e, s, t) => {
+}, Na = (e, s, t) => {
   if (typeof e != "number")
     return e;
   if (e < 0)
     return;
   let a = 2;
   const l = t.methods.colToProp(e), n = t.methods.getSettingsForProp(l);
-  s.childElementCount === 1 && ((!n || !n.columnSort) && a--, (!n || !n.columnFilter) && a--, n && n.columnSort && Ia(l, s, t), n && n.columnFilter && Ba(l, s, t)), (s.childElementCount === a || a === 0) && ja(s, l, n);
-}, Na = (e) => {
+  s.childElementCount === 1 && ((!n || !n.columnSort) && a--, (!n || !n.columnFilter) && a--, n && n.columnSort && Ba(l, s, t), n && n.columnFilter && ja(l, s, t)), (s.childElementCount === a || a === 0) && za(s, l, n);
+}, Ua = (e) => {
   if (!e.hotInstance || !e.hotInstance.rootElement)
     return;
   const s = e.params.orderBy, t = e.params.sortedBy, a = e.hotInstance.rootElement.querySelectorAll("thead th.can-sort .relative");
@@ -2169,41 +2169,41 @@ const J = new Ha(), Fa = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     const n = l.closest("th"), o = Array.from(n.parentElement.children).indexOf(n);
     e.methods.colToProp(o) === s && l.classList.add(t);
   });
-}, Ua = (e) => (s, t, a, l, n, o, i) => {
+}, qa = (e) => (s, t, a, l, n, o, i) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-actions");
   const c = (i.rendererConfig || {}).actions || [];
   if (c.length === 0)
     return;
-  const d = s.getSourceDataAtRow(s.toPhysicalRow(a)), p = document.createElement("div");
-  p.classList.add("flex", "items-center", "gap-2"), c.forEach((f) => {
-    if (f.condition && typeof f.condition == "function" && !f.condition(d))
+  const d = s.getSourceDataAtRow(s.toPhysicalRow(a)), f = document.createElement("div");
+  f.classList.add("flex", "items-center", "gap-2"), c.forEach((p) => {
+    if (p.condition && typeof p.condition == "function" && !p.condition(d))
       return;
-    const w = document.createElement("button");
-    if (w.type = "button", w.classList.add("spark-table-action-button"), f.icon) {
+    const k = document.createElement("button");
+    if (k.type = "button", k.classList.add("spark-table-action-button"), p.icon) {
       const _ = document.createElement("span");
-      _.innerHTML = te({ prefix: "far", iconName: f.icon }).html, _.classList.add("size-4"), w.appendChild(_);
+      _.innerHTML = se({ prefix: "far", iconName: p.icon }).html, _.classList.add("size-4"), k.appendChild(_);
     }
-    if (f.label) {
+    if (p.label) {
       const _ = document.createElement("span");
-      _.textContent = f.label, w.appendChild(_);
+      _.textContent = p.label, k.appendChild(_);
     }
-    w.addEventListener("click", async (_) => {
-      if (_.preventDefault(), _.stopPropagation(), f.confirm) {
-        const b = typeof f.confirm == "string" ? f.confirm : `Are you sure you want to ${f.label?.toLowerCase() || "perform this action"}?`;
+    k.addEventListener("click", async (_) => {
+      if (_.preventDefault(), _.stopPropagation(), p.confirm) {
+        const b = typeof p.confirm == "string" ? p.confirm : `Are you sure you want to ${p.label?.toLowerCase() || "perform this action"}?`;
         if (!await J.confirm({
-          title: f.confirmTitle,
+          title: p.confirmTitle,
           message: b,
-          type: f.confirmType,
-          confirmText: f.confirmText,
-          cancelText: f.cancelText,
-          confirmVariant: f.confirmVariant
+          type: p.confirmType,
+          confirmText: p.confirmText,
+          cancelText: p.cancelText,
+          confirmVariant: p.confirmVariant
         }))
           return;
       }
-      f.event && e.methods.fireEvent(f.event, d), f.handler && typeof f.handler == "function" && f.handler(d);
-    }), p.appendChild(w);
-  }), t.appendChild(p);
-}, Ve = {
+      p.event && e.methods.fireEvent(p.event, d), p.handler && typeof p.handler == "function" && p.handler(d);
+    }), f.appendChild(k);
+  }), t.appendChild(f);
+}, He = {
   green: "bg-green-100 text-green-800",
   red: "bg-red-100 text-red-800",
   yellow: "bg-yellow-100 text-yellow-800",
@@ -2212,11 +2212,11 @@ const J = new Ha(), Fa = { 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"
-}, qa = (e) => (s, t, a, l, n, o, i) => {
+}, Za = (e) => (s, t, a, l, n, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-badge"), !o)
     return;
-  const c = (i.rendererConfig || {}).colorMap || {}, d = c[o] || c[o?.toLowerCase()] || "gray", p = Ve[d] || Ve.gray, f = document.createElement("span");
-  f.classList.add(
+  const c = (i.rendererConfig || {}).colorMap || {}, d = c[o] || c[o?.toLowerCase()] || "gray", f = He[d] || He.gray, p = document.createElement("span");
+  p.classList.add(
     "inline-flex",
     "items-center",
     "px-2.5",
@@ -2225,16 +2225,16 @@ const J = new Ha(), Fa = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     "text-xs",
     "font-medium",
     "capitalize",
-    ...p.split(" ")
-  ), f.textContent = o, t.appendChild(f);
-}, He = {
+    ...f.split(" ")
+  ), p.textContent = o, t.appendChild(p);
+}, Fe = {
   green: { bg: "bg-green-100", text: "text-green-500" },
   red: { bg: "bg-red-100", text: "text-red-500" },
   yellow: { bg: "bg-yellow-100", text: "text-yellow-500" },
   blue: { bg: "bg-blue-100", text: "text-blue-500" },
   gray: { bg: "bg-gray-100", text: "text-gray-500" },
   purple: { bg: "bg-purple-100", text: "text-purple-500" }
-}, Za = (e) => {
+}, Wa = (e) => {
   if (e == null || e === "")
     return !1;
   if (typeof e == "boolean")
@@ -2248,7 +2248,7 @@ const J = new Ha(), Fa = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   return !1;
 }, Ka = (e) => (s, t, a, l, n, o, i) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-boolean");
-  const r = i.rendererConfig || {}, c = Za(o), d = c ? r.trueIcon || "check" : r.falseIcon || "xmark", p = c ? r.trueColor || "green" : r.falseColor || "red", f = r.size || 32, w = r.iconPrefix || "far", _ = He[p] || He.gray;
+  const r = i.rendererConfig || {}, c = Wa(o), d = c ? r.trueIcon || "check" : r.falseIcon || "xmark", f = c ? r.trueColor || "green" : r.falseColor || "red", p = r.size || 32, k = r.iconPrefix || "far", _ = Fe[f] || Fe.gray;
   t.dataset.copyValue = c ? "true" : "false";
   const b = document.createElement("div");
   b.classList.add(
@@ -2258,12 +2258,12 @@ const J = new Ha(), Fa = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     "rounded-full",
     _.bg,
     _.text
-  ), b.style.width = `${f}px`, b.style.height = `${f}px`;
+  ), b.style.width = `${p}px`, b.style.height = `${p}px`;
   const u = document.createElement("span");
-  u.innerHTML = te({ prefix: w, iconName: d }).html, u.classList.add("flex", "items-center", "justify-center");
-  const h = Math.round(f * 0.5);
+  u.innerHTML = se({ prefix: k, iconName: d }).html, u.classList.add("flex", "items-center", "justify-center");
+  const h = Math.round(p * 0.5);
   u.style.fontSize = `${h}px`, b.appendChild(u), t.appendChild(b);
-}, Wa = (e, s = 2) => {
+}, Ga = (e, s = 2) => {
   const t = Number(e);
   if (isNaN(t)) return null;
   const a = t < 0, n = Math.abs(t).toLocaleString("en-AU", {
@@ -2271,74 +2271,74 @@ const J = new Ha(), Fa = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     maximumFractionDigits: s
   });
   return a ? `-$${n}` : `$${n}`;
-}, Ga = (e) => (s, t, a, l, n, o, i) => {
+}, Ya = (e) => (s, t, a, l, n, o, i) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-currency");
   const r = i.rendererConfig || {}, { decimals: c = 2, emptyText: d = "" } = r;
   if (o == null || o === "") {
     t.textContent = d;
     return;
   }
-  const p = Wa(o, c);
-  if (p === null) {
+  const f = Ga(o, c);
+  if (f === null) {
     t.textContent = d;
     return;
   }
-  const f = document.createElement("span");
-  f.textContent = p, t.appendChild(f);
-}, Ya = (e) => (s, t, a, l, n, o, i) => {
+  const p = document.createElement("span");
+  p.textContent = f, t.appendChild(p);
+}, Xa = (e) => (s, t, a, l, n, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-link"), !o)
     return;
   const r = i.rendererConfig || {}, c = s.getSourceDataAtRow(s.toPhysicalRow(a));
   let d = o;
   r.href && (typeof r.href == "function" ? d = r.href(c) : r.href === "email" ? d = `mailto:${o}` : r.href === "tel" ? d = `tel:${o}` : typeof r.href == "string" && (d = c[r.href] || o));
-  const p = document.createElement("a");
-  p.href = d, p.textContent = o, p.classList.add("text-primary-600", "hover:text-primary-900", "hover:underline"), r.target && (p.target = r.target), r.rel && (p.rel = r.rel), p.addEventListener("click", (f) => {
-    f.stopPropagation();
-  }), t.appendChild(p);
-}, Fe = {
+  const f = document.createElement("a");
+  f.href = d, f.textContent = o, f.classList.add("text-primary-600", "hover:text-primary-900", "hover:underline"), r.target && (f.target = r.target), r.rel && (f.rel = r.rel), f.addEventListener("click", (p) => {
+    p.stopPropagation();
+  }), t.appendChild(f);
+}, De = {
   sm: "h-6 w-6",
   md: "h-8 w-8",
   lg: "h-12 w-12"
-}, Xa = (e) => (s, t, a, l, n, o, i) => {
+}, Ja = (e) => (s, t, a, l, n, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-image"), !o)
     return;
-  const r = i.rendererConfig || {}, c = s.getSourceDataAtRow(s.toPhysicalRow(a)), d = r.size || "md", p = Fe[d] || Fe.md, f = r.rounded !== !1;
-  let w = r.alt || "";
-  typeof r.alt == "string" && c[r.alt] && (w = c[r.alt]);
+  const r = i.rendererConfig || {}, c = s.getSourceDataAtRow(s.toPhysicalRow(a)), d = r.size || "md", f = De[d] || De.md, p = r.rounded !== !1;
+  let k = r.alt || "";
+  typeof r.alt == "string" && c[r.alt] && (k = c[r.alt]);
   const _ = document.createElement("img");
-  _.src = o, _.alt = w, _.classList.add(...p.split(" "), "object-cover"), f ? _.classList.add("rounded-full") : _.classList.add("rounded"), t.appendChild(_);
-}, Ja = (e) => (s, t, a, l, n, o, i) => {
+  _.src = o, _.alt = k, _.classList.add(...f.split(" "), "object-cover"), p ? _.classList.add("rounded-full") : _.classList.add("rounded"), t.appendChild(_);
+}, Qa = (e) => (s, t, a, l, n, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-date"), !o)
     return;
   const r = i.rendererConfig || {}, c = r.format || "short", d = r.locale || "en-US";
-  let p = o;
+  let f = o;
   try {
-    const w = new Date(o);
-    isNaN(w.getTime()) ? p = o : typeof c == "function" ? p = c(w) : c === "short" ? p = w.toLocaleDateString(d) : c === "long" ? p = w.toLocaleDateString(d, {
+    const k = new Date(o);
+    isNaN(k.getTime()) ? f = o : typeof c == "function" ? f = c(k) : c === "short" ? f = k.toLocaleDateString(d) : c === "long" ? f = k.toLocaleDateString(d, {
       year: "numeric",
       month: "long",
       day: "numeric"
-    }) : c === "relative" ? p = Qa(w) : c === "datetime" ? p = w.toLocaleString(d) : p = w.toLocaleDateString(d);
-  } catch (w) {
-    console.error("Error formatting date:", w), p = o;
+    }) : c === "relative" ? f = eo(k) : c === "datetime" ? f = k.toLocaleString(d) : f = k.toLocaleDateString(d);
+  } catch (k) {
+    console.error("Error formatting date:", k), f = o;
   }
-  const f = document.createElement("span");
-  f.textContent = p, t.appendChild(f);
+  const p = document.createElement("span");
+  p.textContent = f, t.appendChild(p);
 };
-function Qa(e) {
+function eo(e) {
   const t = /* @__PURE__ */ new Date() - e, a = Math.floor(Math.abs(t) / 1e3), l = Math.floor(a / 60), n = Math.floor(l / 60), o = Math.floor(n / 24), i = Math.floor(o / 30), r = Math.floor(o / 365), c = t > 0;
   return a < 60 ? c ? "just now" : "in a moment" : l < 60 ? c ? `${l} minute${l > 1 ? "s" : ""} ago` : `in ${l} minute${l > 1 ? "s" : ""}` : n < 24 ? c ? `${n} hour${n > 1 ? "s" : ""} ago` : `in ${n} hour${n > 1 ? "s" : ""}` : o < 30 ? c ? `${o} day${o > 1 ? "s" : ""} ago` : `in ${o} day${o > 1 ? "s" : ""}` : i < 12 ? c ? `${i} month${i > 1 ? "s" : ""} ago` : `in ${i} month${i > 1 ? "s" : ""}` : c ? `${r} year${r > 1 ? "s" : ""} ago` : `in ${r} year${r > 1 ? "s" : ""}`;
 }
-const eo = (e) => {
+const to = (e) => {
   const s = ["th", "st", "nd", "rd"], t = e % 100;
   return e + (s[(t - 20) % 10] || s[t] || s[0]);
-}, q = (e, s = 2) => String(e).padStart(s, "0"), ke = /* @__PURE__ */ new Map(), to = (e, s) => {
+}, Z = (e, s = 2) => String(e).padStart(s, "0"), ke = /* @__PURE__ */ new Map(), so = (e, s) => {
   const t = `${e}:${JSON.stringify(s)}`;
   return ke.has(t) || ke.set(t, new Intl.DateTimeFormat(e, s)), ke.get(t);
 }, de = (e, s, t, a) => {
-  const o = to(s, t).formatToParts(e).find((i) => i.type === a);
+  const o = so(s, t).formatToParts(e).find((i) => i.type === a);
   return o ? o.value : "";
-}, so = (e) => e.epochMilliseconds !== void 0 ? new Date(e.epochMilliseconds) : new Date(
+}, ao = (e) => e.epochMilliseconds !== void 0 ? new Date(e.epochMilliseconds) : new Date(
   e.year,
   e.month - 1,
   e.day,
@@ -2346,7 +2346,7 @@ const eo = (e) => {
   e.minute || 0,
   e.second || 0,
   e.millisecond || 0
-), ao = (e) => {
+), oo = (e) => {
   const s = e.hour || 0, t = s % 12 || 12, a = s >= 12;
   return {
     year: e.year,
@@ -2364,13 +2364,13 @@ const eo = (e) => {
     isPM: a,
     quarter: Math.ceil(e.month / 3)
   };
-}, De = (e, s = !0) => {
+}, Re = (e, s = !0) => {
   if (!e.offsetNanoseconds && e.offsetNanoseconds !== 0)
     return "";
   const t = Math.round(e.offsetNanoseconds / 6e10), a = t >= 0 ? "+" : "-", l = Math.abs(t), n = Math.floor(l / 60), o = l % 60;
-  return s ? `${a}${q(n)}:${q(o)}` : `${a}${q(n)}${q(o)}`;
-}, oo = (e, s) => {
-  const t = ao(e), a = so(e), l = t.dayOfWeek === 7 ? 0 : t.dayOfWeek;
+  return s ? `${a}${Z(n)}:${Z(o)}` : `${a}${Z(n)}${Z(o)}`;
+}, ro = (e, s) => {
+  const t = oo(e), a = ao(e), l = t.dayOfWeek === 7 ? 0 : t.dayOfWeek;
   return [
     // Year
     ["YYYY", () => String(t.year)],
@@ -2378,11 +2378,11 @@ const eo = (e) => {
     // Month
     ["MMMM", () => de(a, s, { month: "long" }, "month")],
     ["MMM", () => de(a, s, { month: "short" }, "month")],
-    ["MM", () => q(t.month)],
+    ["MM", () => Z(t.month)],
     ["M", () => String(t.month)],
     // Day of month
-    ["DD", () => q(t.day)],
-    ["Do", () => eo(t.day)],
+    ["DD", () => Z(t.day)],
+    ["Do", () => to(t.day)],
     ["D", () => String(t.day)],
     // Day of week
     ["dddd", () => de(a, s, { weekday: "long" }, "weekday")],
@@ -2390,33 +2390,33 @@ const eo = (e) => {
     ["dd", () => de(a, s, { weekday: "short" }, "weekday").slice(0, 2)],
     ["d", () => String(l)],
     // Hour
-    ["HH", () => q(t.hour24)],
+    ["HH", () => Z(t.hour24)],
     ["H", () => String(t.hour24)],
-    ["hh", () => q(t.hour12)],
+    ["hh", () => Z(t.hour12)],
     ["h", () => String(t.hour12)],
-    ["kk", () => q(t.hourFrom1)],
+    ["kk", () => Z(t.hourFrom1)],
     ["k", () => String(t.hourFrom1)],
     // Minute
-    ["mm", () => q(t.minute)],
+    ["mm", () => Z(t.minute)],
     ["m", () => String(t.minute)],
     // Second
-    ["ss", () => q(t.second)],
+    ["ss", () => Z(t.second)],
     ["s", () => String(t.second)],
     // Millisecond
-    ["SSS", () => q(t.millisecond, 3)],
+    ["SSS", () => Z(t.millisecond, 3)],
     // AM/PM
     ["A", () => t.isPM ? "PM" : "AM"],
     ["a", () => t.isPM ? "pm" : "am"],
     // Timezone offset
-    ["ZZ", () => De(e, !1)],
-    ["Z", () => De(e, !0)],
+    ["ZZ", () => Re(e, !1)],
+    ["Z", () => Re(e, !0)],
     // Quarter
     ["Q", () => String(t.quarter)],
     // Unix timestamp
     ["x", () => String(e.epochMilliseconds ?? a.getTime())],
     ["X", () => String(Math.floor((e.epochMilliseconds ?? a.getTime()) / 1e3))]
   ];
-}, ro = (e, s, t = {}) => {
+}, no = (e, s, t = {}) => {
   const { locale: a = "en-US" } = t;
   if (!e)
     return "";
@@ -2432,49 +2432,49 @@ const eo = (e) => {
     } catch (r) {
       return console.error("Failed to parse date string:", e, r), e;
     }
-  const n = oo(l, a), o = n.map(([r]) => r).join("|"), i = new RegExp(`\\[([^\\]]+)\\]|(${o})`, "g");
+  const n = ro(l, a), o = n.map(([r]) => r).join("|"), i = new RegExp(`\\[([^\\]]+)\\]|(${o})`, "g");
   return s.replace(i, (r, c, d) => {
     if (c !== void 0)
       return c;
-    const p = n.find(([f]) => f === d);
-    return p ? p[1]() : r;
+    const f = n.find(([p]) => p === d);
+    return f ? f[1]() : r;
   });
-}, no = (e, s = {}) => {
+}, lo = (e, s = {}) => {
   const { fromTimezone: t, toTimezone: a } = s;
   if (!e)
     return null;
   const l = e.replace(" ", "T");
   return t && a ? Temporal.PlainDateTime.from(l).toZonedDateTime(t).withTimeZone(a) : t ? Temporal.PlainDateTime.from(l).toZonedDateTime(t) : Temporal.PlainDateTime.from(l);
-}, lo = (e) => (s, t, a, l, n, o, i) => {
+}, io = (e) => (s, t, a, l, n, o, i) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-datetime");
   const r = i.rendererConfig || {}, {
     format: c = "DD MMM YYYY, HH:mm",
     fromTimezone: d,
-    toTimezone: p,
-    locale: f = "en-US",
-    emptyText: w = ""
+    toTimezone: f,
+    locale: p = "en-US",
+    emptyText: k = ""
   } = r;
   if (!o) {
-    t.textContent = w;
+    t.textContent = k;
     return;
   }
   try {
-    const _ = no(o, { fromTimezone: d, toTimezone: p });
+    const _ = lo(o, { fromTimezone: d, toTimezone: f });
     if (!_) {
-      t.textContent = w;
+      t.textContent = k;
       return;
     }
-    const b = ro(_, c, { locale: f }), u = document.createElement("span");
+    const b = no(_, c, { locale: p }), u = document.createElement("span");
     u.textContent = b, t.appendChild(u);
   } catch (_) {
     console.error("Error formatting datetime:", _, { value: o, format: c }), t.textContent = o;
   }
-}, io = /* @__PURE__ */ new Map(), X = (e, s) => {
-  ys(e, (t, a, l, n, o, i, r) => {
-    vs.apply(null, [t, a, l, n, o, i, r]), s(t, a, l, n, o, i, r);
-  }), io.set(e, s);
-}, co = (e) => {
-  X("spark.actions", Ua(e)), X("spark.badge", qa()), X("spark.boolean", Ka()), X("spark.currency", Ga()), X("spark.link", Ya()), X("spark.image", Xa()), X("spark.date", Ja()), X("spark.datetime", lo()), X("style.capitalize", (s, t, a, l, n, o) => {
+}, co = /* @__PURE__ */ new Map(), X = (e, s) => {
+  vs(e, (t, a, l, n, o, i, r) => {
+    bs.apply(null, [t, a, l, n, o, i, r]), s(t, a, l, n, o, i, r);
+  }), co.set(e, s);
+}, uo = (e) => {
+  X("spark.actions", qa(e)), X("spark.badge", Za()), X("spark.boolean", Ka()), X("spark.currency", Ya()), X("spark.link", Xa()), X("spark.image", Ja()), X("spark.date", Qa()), X("spark.datetime", io()), X("style.capitalize", (s, t, a, l, n, o) => {
     if (!o || o.length === 0) {
       t.innerText = "";
       return;
@@ -2482,15 +2482,15 @@ const eo = (e) => {
     const i = document.createElement("span");
     i.innerHTML = o, i.classList.add("capitalize"), t.replaceChildren(i);
   });
-}, uo = () => {
-}, po = (e, s = {}) => {
-  const t = G(), a = se(), l = s.namespace, n = l === null, o = s.syncToRoute !== !1, i = s.persistToStorage === !0, r = s.restoreOnMount !== !1, c = s.storageTTL || 7, d = n ? `spark-table:${a.path}` : `spark-table:${l}`, p = (y, k = "") => {
-    const $ = {};
-    return Object.keys(y).forEach((I) => {
-      const Y = y[I], fe = k ? `${k}[${I}]` : I;
-      Y != null && (typeof Y == "object" && !Array.isArray(Y) ? Object.assign($, p(Y, fe)) : $[fe] = String(Y));
-    }), $;
-  }, f = () => {
+}, po = () => {
+}, fo = (e, s = {}) => {
+  const t = Y(), a = ee(), l = s.namespace, n = l === null, o = s.syncToRoute !== !1, i = s.persistToStorage === !0, r = s.restoreOnMount !== !1, c = s.storageTTL || 7, d = n ? `spark-table:${a.path}` : `spark-table:${l}`, f = (y, w = "") => {
+    const T = {};
+    return Object.keys(y).forEach((F) => {
+      const j = y[F], me = w ? `${w}[${F}]` : F;
+      j != null && (typeof j == "object" && !Array.isArray(j) ? Object.assign(T, f(j, me)) : T[me] = String(j));
+    }), T;
+  }, p = () => {
     if (i)
       try {
         const y = {
@@ -2501,18 +2501,18 @@ const eo = (e) => {
       } catch (y) {
         console.warn("Failed to save table state to localStorage:", y);
       }
-  }, w = () => {
+  }, k = () => {
     if (!i) return null;
     try {
       const y = localStorage.getItem(d);
       if (!y) return null;
-      const k = JSON.parse(y);
+      const w = JSON.parse(y);
       if (c > 0) {
-        const $ = Date.now() - k.timestamp, I = c * 24 * 60 * 60 * 1e3;
-        if ($ > I)
+        const T = Date.now() - w.timestamp, F = c * 24 * 60 * 60 * 1e3;
+        if (T > F)
           return localStorage.removeItem(d), null;
       }
-      return k.params;
+      return w.params;
     } catch (y) {
       return console.warn("Failed to load table state from localStorage:", y), null;
     }
@@ -2526,25 +2526,25 @@ const eo = (e) => {
     if (!o) return;
     const y = { ...a.query };
     if (n) {
-      Object.keys(y).forEach(($) => {
-        u($) && delete y[$];
+      Object.keys(y).forEach((T) => {
+        u(T) && delete y[T];
       });
-      const k = p(e.params);
-      Object.assign(y, k);
+      const w = f(e.params);
+      Object.assign(y, w);
     } else {
-      Object.keys(y).forEach(($) => {
-        ($.startsWith(`${l}[`) || $ === l) && delete y[$];
+      Object.keys(y).forEach((T) => {
+        (T.startsWith(`${l}[`) || T === l) && delete y[T];
       });
-      const k = p(e.params, l);
-      Object.assign(y, k);
+      const w = f(e.params, l);
+      Object.assign(y, w);
     }
     t.replace({ query: y });
-  }, u = (y) => !!(["page", "limit", "search", "orderBy", "sortedBy"].includes(y) || y.includes("[")), h = (y, k) => {
-    if (["page", "limit"].includes(y) && k !== null && k !== void 0) {
-      const I = parseInt(k, 10);
-      return isNaN(I) ? k : I;
+  }, u = (y) => !!(["page", "limit", "search", "orderBy", "sortedBy"].includes(y) || y.includes("[")), h = (y, w) => {
+    if (["page", "limit"].includes(y) && w !== null && w !== void 0) {
+      const F = parseInt(w, 10);
+      return isNaN(F) ? w : F;
     }
-    return k;
+    return w;
   }, x = () => {
     if (n)
       Object.keys(a.query).forEach((y) => {
@@ -2552,48 +2552,48 @@ const eo = (e) => {
       });
     else {
       const y = `${l}[`;
-      Object.keys(a.query).forEach((k) => {
-        if (k.startsWith(y)) {
-          const $ = k.slice(y.length, -1);
-          e.params[$] = h($, a.query[k]);
+      Object.keys(a.query).forEach((w) => {
+        if (w.startsWith(y)) {
+          const T = w.slice(y.length, -1);
+          e.params[T] = h(T, a.query[w]);
         }
       });
     }
   };
-  return N(
+  return U(
     () => e.params,
     () => {
-      o && b(), i && f();
+      o && b(), i && p();
     },
     { deep: !0 }
-  ), r && ye(() => {
+  ), r && pe(() => {
     let y = !1;
     if (o) {
-      let k = !1;
+      let w = !1;
       if (n)
-        k = Object.keys(a.query).some(($) => u($));
+        w = Object.keys(a.query).some((T) => u(T));
       else {
-        const $ = `${l}[`;
-        k = Object.keys(a.query).some(
-          (I) => I.startsWith($)
+        const T = `${l}[`;
+        w = Object.keys(a.query).some(
+          (F) => F.startsWith(T)
         );
       }
-      k && (y = !0, x());
+      w && (y = !0, x());
     }
     if (!y && i) {
-      const k = w();
-      k && Object.keys(k).length > 0 && (Object.keys(k).forEach(($) => {
-        k[$] = h($, k[$]);
-      }), Object.assign(e.params, k));
+      const w = k();
+      w && Object.keys(w).length > 0 && (Object.keys(w).forEach((T) => {
+        w[T] = h(T, w[T]);
+      }), Object.assign(e.params, w));
     }
   }), {
     syncToRoute: b,
     restoreFromRoute: x,
-    saveToStorage: f,
-    loadFromStorage: w,
+    saveToStorage: p,
+    loadFromStorage: k,
     clearStorage: _
   };
-}, fo = { class: "flex items-center gap-4 py-3" }, mo = { class: "shrink-0" }, go = { class: "text-sm text-gray-700" }, ho = { class: "font-medium" }, yo = { class: "font-medium" }, vo = { class: "font-medium" }, bo = {
+}, mo = { class: "flex items-center gap-4 py-3" }, go = { class: "shrink-0" }, ho = { class: "text-sm text-gray-700" }, yo = { class: "font-medium" }, vo = { class: "font-medium" }, bo = { class: "font-medium" }, xo = {
   __name: "SparkTablePaginationDetails",
   props: {
     sparkTable: {
@@ -2604,28 +2604,28 @@ const eo = (e) => {
   setup(e) {
     const s = e;
     return (t, a) => (m(), v("div", null, [
-      g("div", fo, [
-        g("div", mo, [
-          g("div", go, [
-            a[0] || (a[0] = A(" Showing ", -1)),
-            g("span", ho, M(s.sparkTable.response.meta.from), 1),
-            a[1] || (a[1] = A(" to ", -1)),
-            g("span", yo, M(s.sparkTable.response.meta.to), 1),
-            a[2] || (a[2] = A(" of ", -1)),
-            g("span", vo, M(s.sparkTable.response.meta.total), 1),
-            a[3] || (a[3] = A(" results ", -1))
+      g("div", mo, [
+        g("div", go, [
+          g("div", ho, [
+            a[0] || (a[0] = I(" Showing ", -1)),
+            g("span", yo, M(s.sparkTable.response.meta.from), 1),
+            a[1] || (a[1] = I(" to ", -1)),
+            g("span", vo, M(s.sparkTable.response.meta.to), 1),
+            a[2] || (a[2] = I(" of ", -1)),
+            g("span", bo, M(s.sparkTable.response.meta.total), 1),
+            a[3] || (a[3] = I(" results ", -1))
           ])
         ])
       ])
     ]));
   }
-}, xo = { class: "flex items-center gap-4 px-4 py-3" }, ko = {
+}, wo = { class: "flex items-center gap-4 px-4 py-3" }, ko = {
   key: 0,
   class: "shrink-0 ml-auto"
-}, wo = {
+}, _o = {
   class: "isolate inline-flex -space-x-px rounded-md shadow-xs bg-white",
   "aria-label": "Pagination"
-}, _o = ["onClick"], Co = {
+}, So = ["onClick"], Co = {
   __name: "SparkTablePaginationPaging",
   props: {
     sparkTable: {
@@ -2641,51 +2641,51 @@ const eo = (e) => {
       d < 1 || d > t.sparkTable.response.meta.last_page || a("paginate", {
         page: d
       });
-    }, o = L(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), i = L(() => t.sparkTable.computed.ready ? is(
+    }, o = L(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), i = L(() => t.sparkTable.computed.ready ? cs(
       Math.floor((o.value - 1) / 10) * 10 + 1,
       o.value > t.sparkTable.response.meta.last_page ? t.sparkTable.response.meta.last_page + 1 : o.value + 1
     ) : []), r = L(
-      () => t.sparkTable.params.page < ee(t.sparkTable.response.meta, "last_page", 1)
+      () => t.sparkTable.params.page < te(t.sparkTable.response.meta, "last_page", 1)
     ), c = L(() => t.sparkTable.params.page > 1);
-    return (d, p) => {
-      const f = R("font-awesome-icon");
+    return (d, f) => {
+      const p = A("font-awesome-icon");
       return m(), v("div", null, [
-        g("div", xo, [
+        g("div", wo, [
           i.value.length > 1 ? (m(), v("div", ko, [
             g("div", null, [
-              g("nav", wo, [
+              g("nav", _o, [
                 g("a", {
                   class: V([c.value ? "" : "disabled", "relative inline-flex items-center rounded-l-md px-2 py-[9px] text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-20 focus:outline-offset-0"]),
                   href: "#",
-                  onClick: p[0] || (p[0] = O((w) => l(-1), ["prevent"]))
+                  onClick: f[0] || (f[0] = O((k) => l(-1), ["prevent"]))
                 }, [
-                  C(f, {
-                    icon: S(D).farChevronLeft,
+                  S(p, {
+                    icon: C(R).farChevronLeft,
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ], 2),
-                (m(!0), v(E, null, z(i.value, (w) => (m(), v("a", {
-                  key: `page-${w}`,
+                (m(!0), v(E, null, N(i.value, (k) => (m(), v("a", {
+                  key: `page-${k}`,
                   href: "#",
                   class: V([
                     "relative inline-flex items-center px-4 py-[9px] text-sm font-semibold ring-1 ring-inset",
-                    e.sparkTable.params.page === w ? "z-10 text-white bg-primary-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 hover:bg-primary-600" : "text-gray-900 hover:bg-gray-50 ring-gray-300 focus:z-20 focus:outline-offset-0"
+                    e.sparkTable.params.page === k ? "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: (_) => n(w)
-                }, M(w), 11, _o))), 128)),
+                  onClick: (_) => n(k)
+                }, M(k), 11, So))), 128)),
                 g("a", {
                   class: V([r.value ? "" : "disabled", "relative inline-flex items-center rounded-r-md px-2 py-[9px] text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-20 focus:outline-offset-0"]),
-                  onClick: p[1] || (p[1] = O((w) => l(1), ["prevent"])),
+                  onClick: f[1] || (f[1] = O((k) => l(1), ["prevent"])),
                   href: "#"
                 }, [
-                  C(f, {
-                    icon: S(D).farChevronRight,
+                  S(p, {
+                    icon: C(R).farChevronRight,
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ], 2)
               ])
             ])
-          ])) : T("", !0)
+          ])) : $("", !0)
         ])
       ]);
     };
@@ -2695,7 +2695,7 @@ const eo = (e) => {
   for (const [a, l] of s)
     t[a] = l;
   return t;
-}, So = { class: "spark-table-pagination-per-page" }, To = {
+}, To = { class: "spark-table-pagination-per-page" }, $o = {
   __name: "SparkTablePaginationPerPage",
   props: {
     sparkTable: {
@@ -2715,9 +2715,9 @@ const eo = (e) => {
       });
     };
     return (o, i) => {
-      const r = R("FormKit");
-      return m(), v("div", So, [
-        C(r, {
+      const r = A("FormKit");
+      return m(), v("div", To, [
+        S(r, {
           "model-value": e.sparkTable.params.limit,
           type: "select",
           options: l.value,
@@ -2729,7 +2729,7 @@ const eo = (e) => {
       ]);
     };
   }
-}, $o = /* @__PURE__ */ oe(To, [["__scopeId", "data-v-9ef8544b"]]), Re = {
+}, Lo = /* @__PURE__ */ oe($o, [["__scopeId", "data-v-9ef8544b"]]), Ae = {
   __name: "SparkTableToolbar",
   props: {
     position: {
@@ -2739,7 +2739,7 @@ const eo = (e) => {
     }
   },
   setup(e) {
-    const s = e, t = Be(), a = L(() => !!t.default), l = L(() => {
+    const s = e, t = je(), a = L(() => !!t.default), l = L(() => {
       const n = "spark-table-toolbar flex flex-wrap items-center gap-x-5 w-full";
       return s.position === "footer" ? `${n} spark-table-toolbar-footer justify-between` : `${n} spark-table-toolbar-header gap-y-5 py-5`;
     });
@@ -2747,10 +2747,10 @@ const eo = (e) => {
       key: 0,
       class: V(l.value)
     }, [
-      B(n.$slots, "default")
-    ], 2)) : T("", !0);
+      z(n.$slots, "default")
+    ], 2)) : $("", !0);
   }
-}, Lo = { class: "spark-table-search" }, Po = {
+}, Po = { class: "spark-table-search" }, Mo = {
   __name: "SparkTableSearch",
   props: {
     /** SparkTable instance object */
@@ -2769,33 +2769,33 @@ const eo = (e) => {
     }
   },
   setup(e) {
-    const s = e, t = F(""), a = s.config.param || "search";
+    const s = e, t = D(""), a = s.config.param || "search";
     s.sparkTable.params[a] ? t.value = s.sparkTable.params[a] : s.config.initialValue && (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
       [a]: s.config.initialValue
     }));
-    const l = lt((o) => {
+    const l = it((o) => {
       o ? s.sparkTable.methods.applyParams({
         page: 1,
         [a]: o
       }) : s.sparkTable.methods.removeParam(a);
     }, s.config.debounce || 300);
-    N(t, (o) => {
+    U(t, (o) => {
       l(o);
     });
     const n = s.config.placeholder || "Search...";
-    return N(
+    return U(
       () => s.sparkTable.params[a],
       (o) => {
         o && o !== t.value ? t.value = o : !o && t.value && (t.value = "");
       }
     ), (o, i) => {
-      const r = R("FormKit");
-      return m(), v("div", Lo, [
-        C(r, K({
+      const r = A("FormKit");
+      return m(), v("div", Po, [
+        S(r, K({
           modelValue: t.value,
           "onUpdate:modelValue": i[0] || (i[0] = (c) => t.value = c),
           type: "text",
-          placeholder: S(n),
+          placeholder: C(n),
           suffixIcon: "search",
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0",
@@ -2804,7 +2804,7 @@ const eo = (e) => {
       ]);
     };
   }
-}, Mo = /* @__PURE__ */ oe(Po, [["__scopeId", "data-v-976170dc"]]), Vo = { class: "spark-table-filter-select" }, Ho = {
+}, Vo = /* @__PURE__ */ oe(Mo, [["__scopeId", "data-v-976170dc"]]), Ho = { class: "spark-table-filter-select" }, Fo = {
   __name: "SparkTableFilterSelect",
   props: {
     /** SparkTable instance object */
@@ -2820,7 +2820,7 @@ const eo = (e) => {
     }
   },
   setup(e) {
-    const s = e, t = F(""), a = s.config.param || `filter[${s.config.key}]`;
+    const s = e, t = D(""), a = s.config.param || `filter[${s.config.key}]`;
     s.sparkTable.params[a] ? t.value = s.sparkTable.params[a] : s.config.initialValue !== void 0 && s.config.initialValue !== null && (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
       [a]: s.config.initialValue
     }));
@@ -2828,24 +2828,24 @@ const eo = (e) => {
       { label: s.config.placeholder || "All", value: "" },
       ...s.config.options
     ]);
-    return N(t, (o) => {
+    return U(t, (o) => {
       o ? s.sparkTable.methods.applyParams({
         page: 1,
         [a]: o
       }) : s.sparkTable.methods.removeParam(a);
-    }), N(
+    }), U(
       () => s.sparkTable.params[a],
       (o) => {
         o != null && o !== "" ? t.value !== o && (t.value = o) : t.value && (t.value = "");
       }
     ), (o, i) => {
-      const r = R("FormKit");
-      return m(), v("div", Vo, [
-        C(r, K({
+      const r = A("FormKit");
+      return m(), v("div", Ho, [
+        S(r, K({
           modelValue: t.value,
           "onUpdate:modelValue": i[0] || (i[0] = (c) => t.value = c),
           type: "select",
-          label: S(l),
+          label: C(l),
           options: n.value,
           placeholder: e.config.placeholder || "All",
           "outer-class": "!mb-0",
@@ -2854,7 +2854,7 @@ const eo = (e) => {
       ]);
     };
   }
-}, Fo = /* @__PURE__ */ oe(Ho, [["__scopeId", "data-v-642dbc69"]]), Do = { class: "spark-table-filter-buttons" }, Ro = {
+}, Do = /* @__PURE__ */ oe(Fo, [["__scopeId", "data-v-642dbc69"]]), Ro = { class: "spark-table-filter-buttons" }, Ao = {
   key: 0,
   class: "spark-table-filter-buttons-label"
 }, Eo = {
@@ -2873,7 +2873,7 @@ const eo = (e) => {
     }
   },
   setup(e) {
-    const s = e, t = F(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`;
+    const s = e, t = D(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`;
     s.sparkTable.params[l] !== void 0 ? t.value = s.sparkTable.params[l] : s.config.initialValue !== void 0 && (t.value = s.config.initialValue, s.config.initialValue !== null && s.sparkTable.methods.applyParams({
       [l]: s.config.initialValue
     }));
@@ -2883,16 +2883,16 @@ const eo = (e) => {
         [l]: i
       });
     };
-    return N(
+    return U(
       () => s.sparkTable.params[l],
       (i) => {
         (i == null || i === "") && t.value ? t.value = null : i !== t.value && (t.value = i);
       }
-    ), (i, r) => (m(), v("div", Do, [
-      S(a) ? (m(), v("span", Ro, M(S(a)), 1)) : T("", !0),
-      C(pt, { class: "isolate" }, {
+    ), (i, r) => (m(), v("div", Ro, [
+      C(a) ? (m(), v("span", Ao, M(C(a)), 1)) : $("", !0),
+      S(ft, { class: "isolate" }, {
         default: P(() => [
-          (m(!0), v(E, null, z(e.config.options, (c) => (m(), H(U, {
+          (m(!0), v(E, null, N(e.config.options, (c) => (m(), H(q, {
             key: c.value,
             size: "xl",
             "button-class": "px-3.5",
@@ -2900,7 +2900,7 @@ const eo = (e) => {
             onClick: (d) => o(c.value)
           }, {
             default: P(() => [
-              A(M(c.label), 1)
+              I(M(c.label), 1)
             ]),
             _: 2
           }, 1032, ["variant", "onClick"]))), 128))
@@ -2909,7 +2909,7 @@ const eo = (e) => {
       })
     ]));
   }
-}, Ao = /* @__PURE__ */ oe(Eo, [["__scopeId", "data-v-01a49899"]]), Oo = { class: "spark-table-date-picker" }, Io = {
+}, Io = /* @__PURE__ */ oe(Eo, [["__scopeId", "data-v-01a49899"]]), Oo = { class: "spark-table-date-picker" }, Bo = {
   __name: "SparkTableDatePicker",
   props: {
     /** SparkTable instance object */
@@ -2925,15 +2925,15 @@ const eo = (e) => {
     }
   },
   setup(e) {
-    const s = e, t = F(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`, n = F(`${l}-0`);
+    const s = e, t = D(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`, n = D(`${l}-0`);
     return s.sparkTable.params[l] ? t.value = s.sparkTable.params[l] : s.config.initialValue ? (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
       [l]: s.config.initialValue
-    })) : t.value = null, N(t, (o) => {
+    })) : t.value = null, U(t, (o) => {
       o ? s.sparkTable.methods.applyParams({
         page: 1,
         [l]: o
       }) : s.sparkTable.methods.removeParam(l);
-    }), N(
+    }), U(
       () => s.sparkTable.params[l],
       (o) => {
         if ((o == null || o === "") && t.value) {
@@ -2943,7 +2943,7 @@ const eo = (e) => {
         } else o && o !== t.value && (t.value = o);
       }
     ), (o, i) => {
-      const r = R("FormKit");
+      const r = A("FormKit");
       return m(), v("div", Oo, [
         (m(), H(r, K({
           key: n.value,
@@ -2951,7 +2951,7 @@ const eo = (e) => {
           "onUpdate:modelValue": i[0] || (i[0] = (c) => t.value = c),
           type: "datepicker",
           "picker-only": "",
-          label: S(a),
+          label: C(a),
           placeholder: e.config.placeholder || "Select date",
           overlay: !0,
           "value-format": "YYYY-MM-DD",
@@ -2962,7 +2962,7 @@ const eo = (e) => {
       ]);
     };
   }
-}, Bo = /* @__PURE__ */ oe(Io, [["__scopeId", "data-v-44ef9cb8"]]), jo = { class: "spark-table-reset" }, zo = { key: 1 }, No = {
+}, jo = /* @__PURE__ */ oe(Bo, [["__scopeId", "data-v-44ef9cb8"]]), zo = { class: "spark-table-reset" }, No = { key: 1 }, Uo = {
   __name: "SparkTableReset",
   props: {
     /** SparkTable instance object */
@@ -2982,8 +2982,8 @@ const eo = (e) => {
       Object.entries(a).forEach(([c, d]) => {
         if (!d || d.type === "reset" || !(typeof d.enabled == "function" ? d.enabled(s.sparkTable.params) : d.enabled))
           return;
-        let f = null;
-        d.type === "search" ? f = d.param || "search" : d.type === "filterSelect" || d.type === "filterButtons" ? f = d.param || `filter[${d.key}]` : d.type === "datePicker" && (f = d.param || `filter[${d.key}]`), f && (d.initialValue !== void 0 && d.initialValue !== null ? n[f] = d.initialValue : l.push(f));
+        let p = null;
+        d.type === "search" ? p = d.param || "search" : d.type === "filterSelect" || d.type === "filterButtons" ? p = d.param || `filter[${d.key}]` : d.type === "datePicker" && (p = d.param || `filter[${d.key}]`), p && (d.initialValue !== void 0 && d.initialValue !== null ? n[p] = d.initialValue : l.push(p));
       });
       const o = l.filter(
         (c) => s.sparkTable.params[c] !== void 0 && s.sparkTable.params[c] !== null && s.sparkTable.params[c] !== ""
@@ -2999,9 +2999,9 @@ const eo = (e) => {
       s.sparkTable.methods.applyParams({ ...r, page: 1 });
     };
     return (a, l) => {
-      const n = R("font-awesome-icon");
-      return m(), v("div", jo, [
-        C(U, {
+      const n = A("font-awesome-icon");
+      return m(), v("div", zo, [
+        S(q, {
           onClick: t,
           variant: "secondary",
           "button-class": "px-3.5",
@@ -3012,26 +3012,26 @@ const eo = (e) => {
               key: 0,
               icon: ["far", e.config.icon],
               class: V({ "mr-1.5": e.config.label })
-            }, null, 8, ["icon", "class"])) : T("", !0),
-            e.config.label ? (m(), v("span", zo, M(e.config.label), 1)) : T("", !0)
+            }, null, 8, ["icon", "class"])) : $("", !0),
+            e.config.label ? (m(), v("span", No, M(e.config.label), 1)) : $("", !0)
           ]),
           _: 1
         })
       ]);
     };
   }
-}, Uo = /* @__PURE__ */ oe(No, [["__scopeId", "data-v-0894e3bf"]]), qo = { class: "spark-table" }, Zo = {
+}, qo = /* @__PURE__ */ oe(Uo, [["__scopeId", "data-v-0894e3bf"]]), Zo = { class: "spark-table" }, Wo = {
   key: 1,
   class: "pt-5"
 }, Ko = {
   key: 2,
   class: "flex flex-col items-center justify-center py-16 text-gray-500 rounded-md border border-gray-300 bg-white"
-}, Wo = { class: "flex items-center gap-x-3 ml-auto" }, Te = {
+}, Go = { class: "flex items-center gap-x-3 ml-auto" }, $e = {
   perPages: [15, 30, 50, 100, 200, 500],
   limit: 15
-}, Go = {
+}, Yo = {
   page: 1,
-  limit: Te.limit
+  limit: $e.limit
 }, Ee = {
   colHeaders: !0,
   filters: !1,
@@ -3054,7 +3054,7 @@ const eo = (e) => {
     dataTransformer: {
       type: Function,
       default: (e, s) => ({
-        data: ee(s.settings, "nestedHeaders") ? e.data.data.map((a) => (s.settings.columnKeys || []).map((n) => a[n])) : e.data.data,
+        data: te(s.settings, "nestedHeaders") ? e.data.data.map((a) => (s.settings.columnKeys || []).map((n) => a[n])) : e.data.data,
         meta: {
           last_page: e.data.last_page,
           from: e.data.from,
@@ -3066,13 +3066,13 @@ const eo = (e) => {
     params: {
       type: Object,
       default() {
-        return Go;
+        return Yo;
       }
     },
     options: {
       type: Object,
       default() {
-        return Te;
+        return $e;
       }
     },
     settings: {
@@ -3107,16 +3107,16 @@ const eo = (e) => {
   ],
   setup(e, { expose: s, emit: t }) {
     const a = e;
-    hs(), me(ps), me(fs), me(ms), ee(a, "settings.nestedHeaders") && me(gs);
-    const l = t, n = ve("axios"), o = F(null), i = F(!1), r = F(null);
+    ys(), ge(fs), ge(ms), ge(gs), te(a, "settings.nestedHeaders") && ge(hs);
+    const l = t, n = be("axios"), o = D(null), i = D(!1), r = D(null);
     let c = !1;
     const d = {
-      search: Mo,
-      filterSelect: Fo,
-      filterButtons: Ao,
-      datePicker: Bo,
-      reset: Uo
-    }, p = W({
+      search: Vo,
+      filterSelect: Do,
+      filterButtons: Io,
+      datePicker: jo,
+      reset: qo
+    }, f = G({
       hotInstance: null,
       url: L(() => a.url),
       plugins: a.plugins,
@@ -3127,43 +3127,43 @@ const eo = (e) => {
       },
       methods: {
         applyParams: (u) => {
-          u && (p.params = {
-            ...p.params,
+          u && (f.params = {
+            ...f.params,
             ...u
-          }, l("page-change", p.params));
+          }, l("page-change", f.params));
         },
         removeParam: async (u) => {
-          p.params[u] && (delete p.params[u], await p.methods.loadTable());
+          f.params[u] && (delete f.params[u], await f.methods.loadTable());
         },
         loadTable: async (u) => {
           if (!(!o.value || !o.value.hotInstance)) {
-            i.value = !0, r.value = null, l("loading", !0), be.start(), p.hotInstance = o.value.hotInstance;
+            i.value = !0, r.value = null, l("loading", !0), xe.start(), f.hotInstance = o.value.hotInstance;
             try {
               if (a.dataProvider) {
-                const y = await a.dataProvider(p.computed.params);
-                p.response = a.dataTransformer(y, a);
+                const y = await a.dataProvider(f.computed.params);
+                f.response = a.dataTransformer(y, a);
               } else if (a.url) {
                 const y = await n.get(a.url, {
-                  params: p.computed.params
+                  params: f.computed.params
                 });
-                p.response = a.dataTransformer(y, a);
+                f.response = a.dataTransformer(y, a);
               } else {
-                console.error("No data provider or URL provided"), i.value = !1, l("loading", !1), be.done();
+                console.error("No data provider or URL provided"), i.value = !1, l("loading", !1), xe.done();
                 return;
               }
               if (c) return;
-              p.hotInstance.updateData(p.response.data), p.options.callback && typeof p.options.callback == "function" && await p.options.callback();
-              const h = p.hotInstance.getPlugin("autoColumnSize");
-              ee(a.settings, "columns", []).forEach((y, k) => {
-                y.width || h.calculateColumnsWidth(k, k, !0);
+              f.hotInstance.updateData(f.response.data), f.options.callback && typeof f.options.callback == "function" && await f.options.callback();
+              const h = f.hotInstance.getPlugin("autoColumnSize");
+              te(a.settings, "columns", []).forEach((y, w) => {
+                y.width || h.calculateColumnsWidth(w, w, !0);
               }), l("load", {
-                data: p.response.data,
-                meta: p.response.meta
+                data: f.response.data,
+                meta: f.response.meta
               }), u && typeof u == "function" && u();
             } catch (h) {
               r.value = h, l("error", h), console.error("Error loading table data:", h);
             } finally {
-              i.value = !1, l("loading", !1), be.done();
+              i.value = !1, l("loading", !1), xe.done();
             }
           }
         },
@@ -3172,46 +3172,46 @@ const eo = (e) => {
         fireEvent: (u, h) => {
           l(u, h);
         },
-        getSettingsForProp: (u) => cs(ee(p.tableSettings, "columns"), { data: u }),
+        getSettingsForProp: (u) => us(te(f.tableSettings, "columns"), { data: u }),
         // Helper methods for easier param access
-        getParams: () => p.computed.params,
-        getParam: (u) => p.computed.params[u],
+        getParams: () => f.computed.params,
+        getParam: (u) => f.computed.params[u],
         setParam: (u, h) => {
-          p.methods.applyParams({ [u]: h });
+          f.methods.applyParams({ [u]: h });
         },
-        clearParam: (u) => p.methods.removeParam(u),
+        clearParam: (u) => f.methods.removeParam(u),
         clearParams: (u) => {
           (Array.isArray(u) ? u : [u]).forEach((x) => {
-            p.params[x] !== void 0 && delete p.params[x];
-          }), p.methods.applyParams({ page: 1 });
+            f.params[x] !== void 0 && delete f.params[x];
+          }), f.methods.applyParams({ page: 1 });
         }
       },
       computed: {
         params: L(() => ({
           ...a.params,
-          ...p.params
+          ...f.params
         })),
-        ready: L(() => us(p, "response.meta.last_page"))
+        ready: L(() => ds(f, "response.meta.last_page"))
       },
       options: L(() => ({
-        ...Te,
+        ...$e,
         ...a.options
       })),
       tableSettings: L(() => ({
         ...Ee,
-        nestedHeaders: ee(a.settings, "nestedHeaders", []),
-        ...!ee(a.settings, "nestedHeaders") && {
-          afterGetColHeader: (u, h) => za(u, h, p)
+        nestedHeaders: te(a.settings, "nestedHeaders", []),
+        ...!te(a.settings, "nestedHeaders") && {
+          afterGetColHeader: (u, h) => Na(u, h, f)
         },
-        afterChange: (u, h) => uo(),
-        afterRender: () => Na(p),
+        afterChange: (u, h) => po(),
+        afterRender: () => Ua(f),
         /**
          * Prevent columns with explicit width from being stretched
          * This hook fires BEFORE stretchH is applied, allowing us to cap specific columns
          * while letting others stretch normally
          */
         beforeStretchingColumnWidth: (u, h) => {
-          const y = ee(a.settings, "columns", [])[h];
+          const y = te(a.settings, "columns", [])[h];
           return y && y.width !== void 0 ? y.width : u;
         },
         /**
@@ -3221,21 +3221,21 @@ const eo = (e) => {
         beforeCopy: (u, h) => {
           const x = o.value?.hotInstance;
           x && h.forEach((y) => {
-            for (let k = y.startRow; k <= y.endRow; k++)
-              for (let $ = y.startCol; $ <= y.endCol; $++) {
-                const I = x.getCell(k, $);
-                if (I) {
-                  const Y = k - h[0].startRow, fe = $ - h[0].startCol;
-                  u[Y][fe] = I.dataset.copyValue ?? I.textContent ?? "";
+            for (let w = y.startRow; w <= y.endRow; w++)
+              for (let T = y.startCol; T <= y.endCol; T++) {
+                const F = x.getCell(w, T);
+                if (F) {
+                  const j = w - h[0].startRow, me = T - h[0].startCol;
+                  u[j][me] = F.dataset.copyValue ?? F.textContent ?? "";
                 }
               }
           });
         },
         ...a.settings
       }))
-    }), f = L(
-      () => p.computed.ready && p.response.data?.length === 0
-    ), w = (u) => {
+    }), p = L(
+      () => f.computed.ready && f.response.data?.length === 0
+    ), k = (u) => {
       if (!u) return null;
       switch (u.type) {
         case "search":
@@ -3247,133 +3247,133 @@ const eo = (e) => {
         default:
           return null;
       }
-    }, _ = (u) => u ? typeof u.enabled == "function" ? u.enabled(p.params) : u.enabled : !1, b = L(() => Object.entries(a.plugins).filter(([u, h]) => _(h)).map(([u, h]) => ({ name: u, config: h })));
-    if (N(
-      () => ({ ...p.params }),
+    }, _ = (u) => u ? typeof u.enabled == "function" ? u.enabled(f.params) : u.enabled : !1, b = L(() => Object.entries(a.plugins).filter(([u, h]) => _(h)).map(([u, h]) => ({ name: u, config: h })));
+    if (U(
+      () => ({ ...f.params }),
       () => {
         const u = [];
         Object.values(a.plugins).forEach((h) => {
-          const x = w(h);
+          const x = k(h);
           if (!x) return;
-          const y = _(h), k = p.params[x] !== void 0;
-          !y && k && u.push(x);
+          const y = _(h), w = f.params[x] !== void 0;
+          !y && w && u.push(x);
         }), u.length > 0 && u.forEach((h) => {
-          delete p.params[h];
+          delete f.params[h];
         });
       },
       { deep: !0, flush: "sync" }
     ), a.syncToRoute || a.persistToStorage) {
       const u = typeof a.syncToRoute == "string";
-      po(p, {
+      fo(f, {
         namespace: u ? a.syncToRoute : null,
         syncToRoute: !!a.syncToRoute,
         persistToStorage: a.persistToStorage
       });
     }
-    return Le(
+    return Pe(
       () => a.params,
       async () => {
-        p.params.page = 1, await p.methods.loadTable();
+        f.params.page = 1, await f.methods.loadTable();
       },
       { debounce: 50, maxWait: 1e3 }
-    ), Le(
-      () => p.params,
+    ), Pe(
+      () => f.params,
       async () => {
-        await p.methods.loadTable();
+        await f.methods.loadTable();
       },
       { debounce: 50, maxWait: 1e3 }
-    ), N(
+    ), U(
       () => a.url,
       async (u, h) => {
-        u !== h && (p.params.page = 1, await p.methods.loadTable());
+        u !== h && (f.params.page = 1, await f.methods.loadTable());
       }
-    ), ye(async () => {
-      await p.methods.loadTable(), l("ready");
-    }), je(() => {
+    ), pe(async () => {
+      await f.methods.loadTable(), l("ready");
+    }), ze(() => {
       c = !0;
-    }), co(p), s({
-      refresh: () => p.methods.loadTable(),
-      getParams: () => p.methods.getParams(),
-      getParam: (u) => p.methods.getParam(u),
-      setParam: (u, h) => p.methods.setParam(u, h),
-      clearParam: (u) => p.methods.clearParam(u),
-      clearParams: (u) => p.methods.clearParams(u),
-      applyParams: (u) => p.methods.applyParams(u),
+    }), uo(f), s({
+      refresh: () => f.methods.loadTable(),
+      getParams: () => f.methods.getParams(),
+      getParam: (u) => f.methods.getParam(u),
+      setParam: (u, h) => f.methods.setParam(u, h),
+      clearParam: (u) => f.methods.clearParam(u),
+      clearParams: (u) => f.methods.clearParams(u),
+      applyParams: (u) => f.methods.applyParams(u),
       loading: i,
       error: r,
-      sparkTable: p,
+      sparkTable: f,
       table: o
     }), (u, h) => {
-      const x = R("font-awesome-icon");
-      return m(), v("div", qo, [
-        p.computed.ready && b.value && b.value.length ? (m(), H(Re, {
+      const x = A("font-awesome-icon");
+      return m(), v("div", Zo, [
+        f.computed.ready && b.value && b.value.length ? (m(), H(Ae, {
           key: 0,
           position: "header"
         }, {
           default: P(() => [
-            (m(!0), v(E, null, z(b.value, (y) => (m(), H(Z(d[y.config.type]), {
+            (m(!0), v(E, null, N(b.value, (y) => (m(), H(W(d[y.config.type]), {
               key: y.name,
               class: V(y.config.align ? `self-${y.config.align}` : ""),
-              "spark-table": p,
+              "spark-table": f,
               config: y.config
             }, null, 8, ["class", "spark-table", "config"]))), 128)),
-            B(u.$slots, "header", {
-              sparkTable: p,
+            z(u.$slots, "header", {
+              sparkTable: f,
               loading: i.value,
               error: r.value
             })
           ]),
           _: 3
-        })) : (m(), v("div", Zo)),
-        bt(C(S(ds), {
+        })) : (m(), v("div", Wo)),
+        xt(S(C(ps), {
           "theme-name": "ht-theme-classic",
           ref_key: "table",
           ref: o,
-          settings: p.tableSettings
+          settings: f.tableSettings
         }, null, 8, ["settings"]), [
-          [xt, !f.value]
+          [wt, !p.value]
         ]),
-        f.value ? (m(), v("div", Ko, [
-          C(x, {
-            icon: S(D).farInbox,
+        p.value ? (m(), v("div", Ko, [
+          S(x, {
+            icon: C(R).farInbox,
             class: "size-12 mb-4 text-gray-300"
           }, null, 8, ["icon"]),
           h[0] || (h[0] = g("p", { class: "text-sm" }, "No records found", -1))
-        ])) : T("", !0),
-        p.computed.ready ? (m(), H(Re, {
+        ])) : $("", !0),
+        f.computed.ready ? (m(), H(Ae, {
           key: 3,
           position: "footer"
         }, {
           default: P(() => [
-            f.value ? T("", !0) : (m(), H(bo, {
+            p.value ? $("", !0) : (m(), H(xo, {
               key: 0,
-              "spark-table": p
+              "spark-table": f
             }, null, 8, ["spark-table"])),
-            g("div", Wo, [
-              f.value ? T("", !0) : (m(), H(Co, {
+            g("div", Go, [
+              p.value ? $("", !0) : (m(), H(Co, {
                 key: 0,
-                "spark-table": p,
-                onPaginate: p.methods.applyParams
+                "spark-table": f,
+                onPaginate: f.methods.applyParams
               }, null, 8, ["spark-table", "onPaginate"])),
-              C($o, {
-                "spark-table": p,
-                onPaginate: p.methods.applyParams
+              S(Lo, {
+                "spark-table": f,
+                onPaginate: f.methods.applyParams
               }, null, 8, ["spark-table", "onPaginate"]),
-              B(u.$slots, "footer", {
-                sparkTable: p,
+              z(u.$slots, "footer", {
+                sparkTable: f,
                 loading: i.value,
                 error: r.value
               })
             ])
           ]),
           _: 3
-        })) : T("", !0)
+        })) : $("", !0)
       ]);
     };
   }
 };
-function Ae() {
-  const e = W({
+function Ie() {
+  const e = G({
     isVisible: !1,
     content: null,
     props: {},
@@ -3399,9 +3399,9 @@ function Ae() {
     }
   };
 }
-class Yo {
+class Xo {
   constructor() {
-    this.left = Ae(), this.right = Ae();
+    this.left = Ie(), this.right = Ie();
   }
   showLeft = (s, t = {}, a = {}, l = {}) => {
     const n = {
@@ -3431,37 +3431,37 @@ class Yo {
     this.left.close(), this.right.close();
   };
 }
-const ae = new Yo(), Xo = (e) => {
+const ae = new Xo(), Jo = (e) => {
   const s = document.cookie.match(new RegExp(`(^| )${e}=([^;]+)`));
   return s ? s[2] : null;
-}, Jo = (e, s, t = {}) => {
+}, Qo = (e, s, t = {}) => {
   const {
     maxAge: a = 31536e3,
     // 365 days in seconds
-    domain: l = ft(),
+    domain: l = mt(),
     secure: n = !0,
     sameSite: o = "Lax",
     path: i = "/"
   } = t;
   let r = `${e}=${s}; max-age=${a}; path=${i}; samesite=${o}`;
   l && (r += `; domain=${l}`), n && (r += "; secure"), document.cookie = r;
-}, Qo = (e, s = {}) => {
-  const { domain: t = ft(), path: a = "/" } = s;
+}, er = (e, s = {}) => {
+  const { domain: t = mt(), path: a = "/" } = s;
   let l = `${e}=; max-age=0; path=${a}`;
   t && (l += `; domain=${t}`), document.cookie = l;
-}, ft = () => {
+}, mt = () => {
   const e = window.location.hostname;
   return e === "localhost" ? "localhost" : e.endsWith(".test") || e.endsWith(".io") ? "." + e.split(".").slice(-2).join(".") : e.endsWith(".com.au") ? "." + e.split(".").slice(-3).join(".") : e;
-}, mt = [];
-function er(e) {
-  mt.push(e);
+}, gt = [];
+function tr(e) {
+  gt.push(e);
 }
-function tr() {
-  mt.forEach((e) => e());
+function sr() {
+  gt.forEach((e) => e());
 }
 function dl(e) {
   let s = !1;
-  return er(() => {
+  return tr(() => {
     s = !1;
   }), {
     bootstrapApp: async () => {
@@ -3474,8 +3474,8 @@ function dl(e) {
     }
   };
 }
-const we = "bolt-next-token", Q = pe("auth", () => {
-  const e = W({
+const _e = "bolt-next-token", Q = fe("auth", () => {
+  const e = G({
     user: null,
     token: null,
     ready: !1,
@@ -3510,12 +3510,12 @@ const we = "bolt-next-token", Q = pe("auth", () => {
   }), s = (c = {}) => {
     c.endpoints && Object.assign(e.endpoints, c.endpoints), c.routes && Object.assign(e.routes, c.routes), c.devCredentials && Object.assign(e.devCredentials, c.devCredentials), c.callbacks && Object.assign(e.callbacks, c.callbacks), c.overrideToken && (e.overrideToken = c.overrideToken);
   }, t = (c) => {
-    Jo(we, c), e.token = c;
+    Qo(_e, c), e.token = c;
   }, a = () => {
-    Qo(we), e.token = null;
-  }, l = () => Xo(we), n = async (c) => {
-    const d = await le.post(e.endpoints.login, c), p = d.headers.authorization;
-    return t(p), e.user = d.data, e.callbacks.onLoginSuccess && await e.callbacks.onLoginSuccess(d.data), d.data;
+    er(_e), e.token = null;
+  }, l = () => Jo(_e), n = async (c) => {
+    const d = await le.post(e.endpoints.login, c), f = d.headers.authorization;
+    return t(f), e.user = d.data, e.callbacks.onLoginSuccess && await e.callbacks.onLoginSuccess(d.data), d.data;
   }, o = async () => {
     try {
       await le.post(
@@ -3530,7 +3530,7 @@ const we = "bolt-next-token", Q = pe("auth", () => {
     } catch (c) {
       throw e.callbacks.onLogoutError && await e.callbacks.onLogoutError(c), c;
     } finally {
-      a(), e.user = null, tr();
+      a(), e.user = null, sr();
     }
   }, i = async () => {
     const c = e.overrideToken || l();
@@ -3561,7 +3561,7 @@ const we = "bolt-next-token", Q = pe("auth", () => {
     getTokenCookie: l
   };
 });
-function sr(e = {}) {
+function ar(e = {}) {
   const s = le.create({
     baseURL: e.baseURL || "",
     timeout: e.timeout || 3e4,
@@ -3603,9 +3603,9 @@ function sr(e = {}) {
 }
 let ne = null;
 function pl(e, s = {}) {
-  return ne = sr(s), e.provide("axios", ne), e.config.globalProperties.$axios = ne, ne;
+  return ne = ar(s), e.provide("axios", ne), e.config.globalProperties.$axios = ne, ne;
 }
-function ar() {
+function ve() {
   if (!ne)
     throw new Error("Axios instance not initialized. Call setupAxios() first.");
   return ne;
@@ -3621,70 +3621,136 @@ function rr(e) {
 }
 function fl(e = {}) {
   const {
-    successMessage: s = "Saved successfully!",
-    createMessage: t = "Created successfully!",
-    updateMessage: a = "Updated successfully!",
-    redirectTo: l = null,
-    onSuccess: n = null,
-    onError: o = null,
-    showNotification: i = !0,
-    setFieldErrors: r = !0,
-    setFormErrors: c = !1
-  } = e, d = G(), p = F(!1);
-  async function f(_) {
-    const { submitFn: b, method: u = "create", node: h = null, isEditMode: x = !1 } = _;
-    p.value = !0, h && h.clearErrors();
+    endpoint: s = null,
+    successMessage: t = "Saved successfully!",
+    createMessage: a = "Created successfully!",
+    updateMessage: l = "Updated successfully!",
+    redirectTo: n = null,
+    onSuccess: o = null,
+    onError: i = null,
+    showNotification: r = !0,
+    setFieldErrors: c = !0,
+    setFormErrors: d = !0
+  } = e, f = Y(), p = D(!1);
+  async function k(u) {
+    const { submitFn: h, method: x = "create", node: y = null, isEditMode: w = !1 } = u;
+    p.value = !0, y && y.clearErrors();
     try {
-      const k = (await b()).data;
-      if (i) {
-        const $ = x ? a : u === "create" ? t : s;
-        j.show({
+      const F = (await h()).data;
+      if (o && await o(F), !w && n) {
+        const j = typeof n == "function" ? n(F) : n;
+        await f.push(j);
+      }
+      if (r) {
+        const j = w ? l : x === "create" ? a : t;
+        B.toast({
           type: "success",
-          message: $
+          message: j
         });
       }
-      if (n && await n(k), !x && l) {
-        const $ = typeof l == "function" ? l(k) : l;
-        await d.push($);
-      }
-      return { success: !0, data: k, error: null };
-    } catch (y) {
-      const k = y.response;
-      if (o && await o(y) === !0)
-        return { success: !1, data: null, error: y };
-      if (rr(k)) {
-        const $ = or(k);
-        $ && h && r && h.setErrors([], $), c && j.show({
+      return { success: !0, data: F, error: null };
+    } catch (T) {
+      const F = T.response;
+      if (i && await i(T) === !0)
+        return { success: !1, data: null, error: T };
+      if (rr(F)) {
+        const j = or(F);
+        j && y && c && y.setErrors([], j), d && (B.show({
           type: "danger",
-          message: Oe(k)
-        });
+          message: Oe(F)
+        }), window.scrollTo({ top: 0, behavior: "smooth" }));
       } else
-        j.show({
+        B.show({
           type: "danger",
-          message: Oe(k)
-        });
-      return { success: !1, data: null, error: y };
+          message: Oe(F)
+        }), window.scrollTo({ top: 0, behavior: "smooth" });
+      return { success: !1, data: null, error: T };
     } finally {
       p.value = !1;
     }
   }
-  async function w(_) {
-    const { url: b, payload: u, method: h = "post", node: x, isEditMode: y } = _, k = ar();
-    return f({
-      submitFn: () => k[h](b, u),
-      method: y ? "update" : "create",
-      node: x,
-      isEditMode: y
+  async function _(u) {
+    const { url: h, payload: x, method: y = "post", node: w, isEditMode: T } = u, F = ve();
+    return k({
+      submitFn: () => F[y](h, x),
+      method: T ? "update" : "create",
+      node: w,
+      isEditMode: T
     });
   }
+  async function b(u) {
+    const { payload: h, node: x, resourceId: y, isEditMode: w } = u, T = w ? `/${s}/${y}` : `/${s}`;
+    return _({ url: T, payload: h, method: w ? "put" : "post", node: x, isEditMode: w });
+  }
   return {
     submitting: p,
-    submit: f,
-    submitToApi: w
+    submit: k,
+    submitToApi: _,
+    ...s ? { submitCrud: b } : {}
   };
 }
-function ml(e = {}) {
-  const { items: s = [], defaultId: t = null } = e, a = G(), l = se(), n = F(s.map(o));
+function ml(e, s = {}) {
+  const { queryParams: t = "", fetchFn: a = null, fetchOnCreate: l = !1 } = s, n = ee(), o = D(null), i = D(null), r = L(() => n.params.id ?? null), c = L(() => r.value !== null);
+  async function d() {
+    if (!(!l && !c.value)) {
+      i.value = null;
+      try {
+        if (a) {
+          const p = await a({
+            axios: ve(),
+            resourceId: r.value,
+            isEditMode: c.value,
+            route: n
+          });
+          p !== void 0 && (o.value = p);
+        } else {
+          const p = ve();
+          let k = `/${e}/${r.value}`;
+          t && (k += `?${t}`);
+          const _ = await p.get(k);
+          o.value = _.data;
+        }
+      } catch (p) {
+        i.value = p.response?.data?.message || p.message || "Failed to load data.";
+      }
+    }
+  }
+  function f() {
+    c.value && d();
+  }
+  return pe(() => {
+    (l || c.value) && d();
+  }), { data: o, error: i, resourceId: r, isEditMode: c, fetch: d, handleSuccess: f };
+}
+function gl(e, s = {}) {
+  const {
+    endpoint: t,
+    successMessage: a,
+    errorMessage: l,
+    onSuccess: n,
+    onError: o
+  } = s;
+  async function i(r) {
+    try {
+      await ve().delete(`/${t}/${r.id}`);
+    } catch (c) {
+      if (o && o(c, r))
+        return;
+      B.show({
+        type: "danger",
+        message: l || c.response?.data?.message || "Failed to delete."
+      }), console.error(c);
+      return;
+    }
+    B.show({
+      type: "success",
+      message: a || "Deleted successfully."
+    }), n && n(r), e?.value?.refresh && e.value.refresh();
+  }
+  return { handleDelete: i };
+}
+function hl(e = {}) {
+  const { items: s = [], defaultId: t = null } = e, a = Y(), l = ee(), n = D(s.map(o));
   function o(u) {
     return {
       id: u.id,
@@ -3720,11 +3786,11 @@ function ml(e = {}) {
     }
     return !1;
   }
-  const p = L(() => {
+  const f = L(() => {
     const u = r.value.find((h) => d(h));
     return u || (t ? r.value.find((h) => h.id === t) || r.value[0] : r.value[0] || null);
-  }), f = L(() => p.value?.id || null);
-  async function w(u) {
+  }), p = L(() => f.value?.id || null);
+  async function k(u) {
     const h = typeof u == "string" ? n.value.find((x) => x.id === u) : u;
     if (!h)
       return console.warn(`[useSubNavigation] Item not found: ${u}`), !1;
@@ -3735,12 +3801,12 @@ function ml(e = {}) {
       return await a.push(x), !0;
     }
     if (h.overlay) {
-      const { component: x, props: y = {}, eventHandlers: k = {}, position: $ = "right", size: I } = h.overlay;
-      return ae[$ === "left" ? "showLeft" : "showRight"](ce(x), y, k, { size: I }), !0;
+      const { component: x, props: y = {}, eventHandlers: w = {}, position: T = "right", size: F } = h.overlay;
+      return ae[T === "left" ? "showLeft" : "showRight"](ce(x), y, w, { size: F }), !0;
     }
     if (h.modal) {
-      const { component: x, props: y = {}, eventHandlers: k = {} } = h.modal;
-      return J.show(ce(x), y, k), !0;
+      const { component: x, props: y = {}, eventHandlers: w = {} } = h.modal;
+      return J.show(ce(x), y, w), !0;
     }
     if (h.action) {
       const x = h.action(h);
@@ -3758,9 +3824,9 @@ function ml(e = {}) {
   return {
     items: n,
     visibleItems: r,
-    activeItem: p,
-    activeId: f,
-    navigateTo: w,
+    activeItem: f,
+    activeId: p,
+    navigateTo: k,
     isActive: d,
     isDisabled: c,
     setItems: _,
@@ -3785,14 +3851,14 @@ function cr() {
   for (const e of ie.values())
     e.isDirty = !1;
 }
-function gl(e = {}) {
+function yl(e = {}) {
   const {
     message: s = "You have unsaved changes. Leave anyway?",
     title: t = "Unsaved Changes",
     confirmText: a = "Leave",
     cancelText: l = "Stay",
     useRouteGuard: n = !0
-  } = e, o = `form-${++nr}`, i = F(!1);
+  } = e, o = `form-${++nr}`, i = D(!1);
   ie.set(o, {
     isDirty: !1,
     message: s
@@ -3815,27 +3881,36 @@ function gl(e = {}) {
     });
     return u && c(), u;
   };
-  let p = !1;
-  const f = (b) => {
+  let f = !1;
+  const p = (b) => {
     if (i.value)
       return b.preventDefault(), b.returnValue = "", "";
-  }, w = () => {
-    p || (window.addEventListener("beforeunload", f), p = !0);
+  }, k = () => {
+    f || (window.addEventListener("beforeunload", p), f = !0);
   }, _ = () => {
-    p && (window.removeEventListener("beforeunload", f), p = !1);
+    f && (window.removeEventListener("beforeunload", p), f = !1);
   };
-  return n && ls(async () => await d()), je(() => {
+  return n && is(async () => await d()), ze(() => {
     ie.delete(o), _();
   }), {
     isDirty: i,
     setDirty: r,
     setClean: c,
     checkDirty: d,
-    enableBrowserWarning: w,
+    enableBrowserWarning: k,
     disableBrowserWarning: _
   };
 }
-const ur = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, dr = { class: "flex flex-1 flex-col" }, pr = {
+const vl = [
+  { label: "Australian Capital Territory", value: "ACT" },
+  { label: "New South Wales", value: "NSW" },
+  { label: "Northern Territory", value: "NT" },
+  { label: "Queensland", value: "QLD" },
+  { label: "South Australia", value: "SA" },
+  { label: "Tasmania", value: "TAS" },
+  { label: "Victoria", value: "VIC" },
+  { label: "Western Australia", value: "WA" }
+], ur = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, dr = { class: "flex flex-1 flex-col" }, pr = {
   class: "flex flex-1 flex-col gap-y-7",
   role: "list"
 }, fr = { class: "flex flex-1 flex-col" }, mr = {
@@ -3850,7 +3925,7 @@ const ur = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, dr = { class: "flex
 }, br = ["href", "onClick"], xr = {
   key: 1,
   class: "text-[13px]"
-}, kr = { class: "mt-auto" }, wr = { class: "p-[10px] flex-shrink-0" }, _r = { class: "flex flex-1 items-center gap-x-6" }, Cr = { class: "relative flex flex-1 items-center gap-4" }, Sr = { class: "cursor-pointer" }, Tr = ["src"], $r = { class: "ml-auto" }, Lr = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, hl = {
+}, wr = { class: "mt-auto" }, kr = { class: "p-[10px] flex-shrink-0" }, _r = { class: "flex flex-1 items-center gap-x-6" }, Sr = { class: "relative flex flex-1 items-center gap-4" }, Cr = { class: "cursor-pointer" }, Tr = ["src"], $r = { class: "ml-auto" }, Lr = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, bl = {
   __name: "SparkDefaultContainer",
   props: {
     appStore: {
@@ -3868,16 +3943,16 @@ const ur = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, dr = { class: "flex
   },
   emits: ["overlayClose"],
   setup(e, { emit: s }) {
-    const t = e, a = s, l = Be(), n = se(), o = (b) => b.href ? !!(b.href === n.name || b.href === n.path || n.path.startsWith(b.href + "/")) : !1, i = dt(), r = it(), c = L(() => r.getAppIcon(t.appStore.state.app)), d = L(() => n.meta.hideBrandSelector === !0 ? !1 : t.appStore.state.showBrandSelector), p = () => {
+    const t = e, a = s, l = je(), n = ee(), o = (b) => b.href ? !!(b.href === n.name || b.href === n.path || n.path.startsWith(b.href + "/")) : !1, i = pt(), r = ct(), c = L(() => r.getAppIcon(t.appStore.state.app)), d = L(() => n.meta.hideBrandSelector === !0 ? !1 : t.appStore.state.showBrandSelector), f = () => {
       const b = {};
-      l["app-selector-bottom"] ? b.bottomSlot = () => $e("div", {}, l["app-selector-bottom"]()) : t.appSelectorSlots.bottomSlot && (b.bottomSlot = t.appSelectorSlots.bottomSlot), l["app-selector-footer"] ? b.footerSlot = () => $e("div", {}, l["app-selector-footer"]()) : t.appSelectorSlots.footerSlot && (b.footerSlot = t.appSelectorSlots.footerSlot), ae.showRight(Bs, b, {
+      l["app-selector-bottom"] ? b.bottomSlot = () => Le("div", {}, l["app-selector-bottom"]()) : t.appSelectorSlots.bottomSlot && (b.bottomSlot = t.appSelectorSlots.bottomSlot), l["app-selector-footer"] ? b.footerSlot = () => Le("div", {}, l["app-selector-footer"]()) : t.appSelectorSlots.footerSlot && (b.footerSlot = t.appSelectorSlots.footerSlot), ae.showRight(js, b, {
         select: (u) => {
           ae.closeRight();
         }
       });
-    }, f = () => {
+    }, p = () => {
       ae.showLeft(
-        ca,
+        ua,
         {},
         {
           select: (b) => {
@@ -3885,12 +3960,12 @@ const ur = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, dr = { class: "flex
           }
         }
       );
-    }, w = L(() => t.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [t.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), _ = L(() => t.mainNavStore.state.hidden ? ["pl-2.5"] : [t.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
+    }, k = L(() => t.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [t.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), _ = L(() => t.mainNavStore.state.hidden ? ["pl-2.5"] : [t.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
     return (b, u) => {
-      const h = R("font-awesome-icon"), x = R("router-view");
+      const h = A("font-awesome-icon"), x = A("router-view");
       return m(), v(E, null, [
         g("div", {
-          class: V([w.value, "fixed inset-y-0 flex transition-all z-100"])
+          class: V([k.value, "fixed inset-y-0 flex transition-all z-100"])
         }, [
           g("div", ur, [
             g("nav", dr, [
@@ -3902,18 +3977,18 @@ const ur = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, dr = { class: "flex
                         class: "grid w-[40px] h-[40px] place-items-center rounded-md bg-primary-600 text-white text-[13px] cursor-pointer",
                         onClick: u[0] || (u[0] = O((y) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
                       }, [
-                        C(h, {
-                          icon: S(D)[c.value],
+                        S(h, {
+                          icon: C(R)[c.value],
                           class: "size-5"
                         }, null, 8, ["icon"])
                       ]),
-                      e.mainNavStore.state.collapsed ? T("", !0) : (m(), v("a", {
+                      e.mainNavStore.state.collapsed ? $("", !0) : (m(), v("a", {
                         key: 0,
                         onClick: u[1] || (u[1] = O((y) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"])),
                         class: "font-medium text-gray-800 ml-[10px] cursor-pointer"
                       }, M(e.appStore.state.app), 1))
                     ]),
-                    (m(!0), v(E, null, z(e.mainNavStore.state.menu, (y) => (m(), v("li", {
+                    (m(!0), v(E, null, N(e.mainNavStore.state.menu, (y) => (m(), v("li", {
                       key: y.name,
                       class: V({
                         "mt-[10px]": y.children,
@@ -3926,16 +4001,16 @@ const ur = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, dr = { class: "flex
                           "hover:bg-gray-100": y?.href
                         }, "h-[37px] sgroup flex items-center gap-x-2 rounded-md p-3 text-gray-800 leading-5 transition-all duration-300 ease-in-out"]),
                         href: y?.href,
-                        onClick: O((k) => e.mainNavStore.goto(y.href), ["prevent"])
+                        onClick: O((w) => e.mainNavStore.goto(y.href), ["prevent"])
                       }, [
                         y.icon ? (m(), H(h, {
                           key: 0,
-                          icon: S(D)[y.icon],
+                          icon: C(R)[y.icon],
                           class: V([[(o(y), "text-gray-400")], "size-4"])
-                        }, null, 8, ["icon", "class"])) : T("", !0),
+                        }, null, 8, ["icon", "class"])) : $("", !0),
                         e.mainNavStore.state.collapsed ? y?.children ? (m(), v("div", yr, [...u[6] || (u[6] = [
                           g("div", { class: "w-[10px] h-px bg-gray-400" }, null, -1)
-                        ])])) : T("", !0) : (m(), v("span", {
+                        ])])) : $("", !0) : (m(), v("span", {
                           key: 1,
                           class: V({
                             "text-[11px]": y?.children,
@@ -3946,35 +4021,35 @@ const ur = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, dr = { class: "flex
                         }, M(y.name), 3))
                       ], 10, hr),
                       y.children ? (m(), v("ul", vr, [
-                        (m(!0), v(E, null, z(y.children, (k) => (m(), v("li", {
-                          key: k.name
+                        (m(!0), v(E, null, N(y.children, (w) => (m(), v("li", {
+                          key: w.name
                         }, [
                           g("a", {
-                            class: V([[o(k) ? "bg-gray-100" : "", "hover:bg-gray-100"], "h-[37px] sgroup flex items-center gap-x-2 rounded-md p-3 text-gray-800 leading-5 transition-all duration-300 ease-in-out"]),
-                            href: k.href,
-                            onClick: O(($) => e.mainNavStore.goto(k.href), ["prevent"])
+                            class: V([[o(w) ? "bg-gray-100" : "", "hover:bg-gray-100"], "h-[37px] sgroup flex items-center gap-x-2 rounded-md p-3 text-gray-800 leading-5 transition-all duration-300 ease-in-out"]),
+                            href: w.href,
+                            onClick: O((T) => e.mainNavStore.goto(w.href), ["prevent"])
                           }, [
-                            k.icon ? (m(), H(h, {
+                            w.icon ? (m(), H(h, {
                               key: 0,
-                              icon: S(D)[k.icon],
-                              class: V([[(o(k), "text-gray-400")], "size-4"])
-                            }, null, 8, ["icon", "class"])) : T("", !0),
-                            e.mainNavStore.state.collapsed ? T("", !0) : (m(), v("span", xr, M(k.name), 1))
+                              icon: C(R)[w.icon],
+                              class: V([[(o(w), "text-gray-400")], "size-4"])
+                            }, null, 8, ["icon", "class"])) : $("", !0),
+                            e.mainNavStore.state.collapsed ? $("", !0) : (m(), v("span", xr, M(w.name), 1))
                           ], 10, br)
                         ]))), 128))
-                      ])) : T("", !0)
+                      ])) : $("", !0)
                     ], 2))), 128))
                   ])
                 ]),
-                g("li", kr, [
-                  B(b.$slots, "sidebar-footer"),
+                g("li", wr, [
+                  z(b.$slots, "sidebar-footer"),
                   g("a", {
                     class: "font-medium grid place-content-center gap-x-3 rounded-md h-10 p-2.5 text-gray-800 text-[13px] hover:bg-gray-100 transition-all duration-300 ease-in-out",
                     href: "#",
                     onClick: u[2] || (u[2] = O((y) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
                   }, [
-                    C(h, {
-                      icon: S(D)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
+                    S(h, {
+                      icon: C(R)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
                       class: "class-5"
                     }, null, 8, ["icon"])
                   ])
@@ -3986,83 +4061,83 @@ const ur = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, dr = { class: "flex
         g("div", {
           class: V([_.value, "h-full transition-all flex flex-col"])
         }, [
-          g("div", wr, [
+          g("div", kr, [
             g("div", _r, [
-              g("div", Cr, [
-                B(b.$slots, "header-left", {}, () => [
-                  g("div", Sr, [
-                    C(h, {
-                      icon: S(D).farBarsSort,
+              g("div", Sr, [
+                z(b.$slots, "header-left", {}, () => [
+                  g("div", Cr, [
+                    S(h, {
+                      icon: C(R).farBarsSort,
                       class: "size-5",
                       onClick: u[3] || (u[3] = (y) => e.mainNavStore.toggleHidden())
                     }, null, 8, ["icon"])
                   ])
                 ]),
-                B(b.$slots, "header-center", {}, () => [
+                z(b.$slots, "header-center", {}, () => [
                   d.value ? (m(), v("div", {
                     key: 0,
                     class: "absolute left-1/2 -translate-x-1/2 cursor-pointer h-9 flex items-center",
-                    onClick: f
+                    onClick: p
                   }, [
-                    S(i).currentBrand ? (m(), v("img", {
+                    C(i).currentBrand ? (m(), v("img", {
                       key: 0,
-                      src: S(i).currentBrand.logo,
+                      src: C(i).currentBrand.logo,
                       alt: "",
                       class: "h-[30px] w-auto"
-                    }, null, 8, Tr)) : T("", !0)
-                  ])) : T("", !0)
+                    }, null, 8, Tr)) : $("", !0)
+                  ])) : $("", !0)
                 ]),
                 g("div", $r, [
-                  B(b.$slots, "header-right", {}, () => [
+                  z(b.$slots, "header-right", {}, () => [
                     e.appStore.state.showAppSelector ? (m(), v("button", {
                       key: 0,
                       class: "rounded-sm bg-white w-[42px] h-[42px] ring-1 ring-inset ring-gray-300",
                       type: "button",
-                      onClick: p
+                      onClick: f
                     }, [
-                      C(h, {
-                        icon: S(D).farGripDotsVertical,
+                      S(h, {
+                        icon: C(R).farGripDotsVertical,
                         class: "size-4 text-gray-400"
                       }, null, 8, ["icon"])
-                    ])) : T("", !0)
+                    ])) : $("", !0)
                   ])
                 ])
               ])
             ])
           ]),
           g("main", Lr, [
-            C(x)
+            S(x)
           ])
         ], 2),
-        C(S(Me), {
+        S(C(Ve), {
           position: "left",
-          "overlay-instance": S(ae).left,
+          "overlay-instance": C(ae).left,
           onClose: u[4] || (u[4] = (y) => a("overlayClose", "left"))
         }, null, 8, ["overlay-instance"]),
-        C(S(Me), {
+        S(C(Ve), {
           position: "right",
-          "overlay-instance": S(ae).right,
+          "overlay-instance": C(ae).right,
           onClose: u[5] || (u[5] = (y) => a("overlayClose", "right"))
         }, null, 8, ["overlay-instance"]),
-        C(S(Ra))
+        S(C(Aa))
       ], 64);
     };
   }
 }, Pr = {}, Mr = { class: "h-full" };
 function Vr(e, s) {
-  const t = R("router-view");
+  const t = A("router-view");
   return m(), v("main", Mr, [
-    C(t)
+    S(t)
   ]);
 }
-const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid place-content-center relative" }, Fr = { class: "absolute top-8 left-8" }, Dr = ["src"], Rr = {
+const xl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid place-content-center relative" }, Fr = { class: "absolute top-8 left-8" }, Dr = ["src"], Rr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Er = { class: "max-w-sm grid gap-y-1 -mt-8" }, Ar = { class: "mb-7" }, Or = { class: "text-gray-600" }, Ir = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, Br = {
+}, Ar = { class: "max-w-sm grid gap-y-1 -mt-8" }, Er = { class: "mb-7" }, Ir = { class: "text-gray-600" }, Or = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, Br = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
 }, jr = { key: 0 }, zr = { key: 1 }, Nr = {
@@ -4082,7 +4157,7 @@ const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = G(), t = se(), a = ct(), l = Q(), n = e, o = F(!1), i = F(""), r = async (c) => {
+    const s = Y(), t = ee(), a = ut(), l = Q(), n = e, o = D(!1), i = D(""), r = async (c) => {
       o.value = !0, i.value = "";
       try {
         await l.login(c);
@@ -4102,7 +4177,7 @@ const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid
       }
     };
     return (c, d) => {
-      const p = R("FormKit"), f = R("router-link");
+      const f = A("FormKit"), p = A("router-link");
       return m(), v("div", Hr, [
         g("div", Fr, [
           n.logo ? (m(), v("img", {
@@ -4129,49 +4204,49 @@ const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid
             }, null, -1)
           ])]))
         ]),
-        g("div", Er, [
-          g("div", Ar, [
+        g("div", Ar, [
+          g("div", Er, [
             d[1] || (d[1] = g("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Log in", -1)),
-            g("p", Or, " Welcome back" + M(S(a).state.app ? ` to ${S(a).state.app}` : "") + "! Please enter your details. ", 1)
+            g("p", Ir, " Welcome back" + M(C(a).state.app ? ` to ${C(a).state.app}` : "") + "! Please enter your details. ", 1)
           ]),
-          C(p, {
+          S(f, {
             type: "form",
             onSubmit: r,
             actions: !1
           }, {
             default: P(() => [
-              C(p, {
+              S(f, {
                 label: "Email",
                 name: "email",
                 placeholder: "Enter your email",
                 type: "email",
                 validation: "required|email",
                 "outer-class": "max-w-full",
-                value: S(l).state.devCredentials.username
+                value: C(l).state.devCredentials.username
               }, null, 8, ["value"]),
-              C(p, {
+              S(f, {
                 label: "Password",
                 name: "password",
                 placeholder: "••••••••",
                 type: "password",
                 validation: "required",
                 "outer-class": "max-w-full",
-                value: S(l).state.devCredentials.password
+                value: C(l).state.devCredentials.password
               }, null, 8, ["value"]),
-              g("div", Ir, [
+              g("div", Or, [
                 d[3] || (d[3] = g("span", null, null, -1)),
-                C(f, {
+                S(p, {
                   to: n.forgotPasswordRoute,
                   class: "text-sm text-primary-600 font-semibold"
                 }, {
                   default: P(() => [...d[2] || (d[2] = [
-                    A(" Forgot password ", -1)
+                    I(" Forgot password ", -1)
                   ])]),
                   _: 1
                 }, 8, ["to"])
               ]),
-              i.value ? (m(), v("div", Br, M(i.value), 1)) : T("", !0),
-              C(S(U), {
+              i.value ? (m(), v("div", Br, M(i.value), 1)) : $("", !0),
+              S(C(q), {
                 type: "submit",
                 size: "xl",
                 disabled: o.value,
@@ -4198,14 +4273,14 @@ const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = G(), t = se(), a = Q(), l = e;
-    return ye(async () => {
+    const s = Y(), t = ee(), a = Q(), l = e;
+    return pe(async () => {
       await a.logout();
       const n = t.query.redirect;
       n && n.startsWith("http") ? window.location.href = n : await s.push(n || l.defaultRedirect);
     }), (n, o) => null;
   }
-}, qr = { class: "h-full grid place-content-center relative" }, Zr = { class: "absolute top-8 left-8" }, Kr = ["src"], Wr = {
+}, qr = { class: "h-full grid place-content-center relative" }, Zr = { class: "absolute top-8 left-8" }, Wr = ["src"], Kr = {
   key: 1,
   width: "59",
   height: "23",
@@ -4231,7 +4306,7 @@ const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = Q(), t = e, a = F(!1), l = F(""), n = F(""), o = async ({ email: i }) => {
+    const s = Q(), t = e, a = D(!1), l = D(""), n = D(""), o = async ({ email: i }) => {
       a.value = !0, l.value = "", n.value = "";
       try {
         await le.post(s.state.endpoints.passwordEmail, { email: i }), n.value = "Password reset link sent! Check your email.";
@@ -4242,7 +4317,7 @@ const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid
       }
     };
     return (i, r) => {
-      const c = R("FormKit"), d = R("router-link");
+      const c = A("FormKit"), d = A("router-link");
       return m(), v("div", qr, [
         g("div", Zr, [
           t.logo ? (m(), v("img", {
@@ -4250,7 +4325,7 @@ const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid
             src: t.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Kr)) : (m(), v("svg", Wr, [...r[0] || (r[0] = [
+          }, null, 8, Wr)) : (m(), v("svg", Kr, [...r[0] || (r[0] = [
             g("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -4274,13 +4349,13 @@ const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid
             g("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Reset password"),
             g("p", { class: "text-gray-600" }, " Enter your email and we'll send you a link to reset your password. ")
           ], -1)),
-          C(c, {
+          S(c, {
             type: "form",
             onSubmit: o,
             actions: !1
           }, {
             default: P(() => [
-              C(c, {
+              S(c, {
                 label: "Email",
                 name: "email",
                 placeholder: "Enter your email",
@@ -4288,9 +4363,9 @@ const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid
                 validation: "required|email",
                 "outer-class": "max-w-full"
               }),
-              l.value ? (m(), v("div", Yr, M(l.value), 1)) : T("", !0),
-              n.value ? (m(), v("div", Xr, M(n.value), 1)) : T("", !0),
-              C(S(U), {
+              l.value ? (m(), v("div", Yr, M(l.value), 1)) : $("", !0),
+              n.value ? (m(), v("div", Xr, M(n.value), 1)) : $("", !0),
+              S(C(q), {
                 type: "submit",
                 size: "xl",
                 disabled: a.value,
@@ -4301,12 +4376,12 @@ const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              C(d, {
+              S(d, {
                 to: t.loginRoute,
                 class: "text-sm text-center text-primary-600 font-semibold block"
               }, {
                 default: P(() => [...r[1] || (r[1] = [
-                  A(" Back to login ", -1)
+                  I(" Back to login ", -1)
                 ])]),
                 _: 1
               }, 8, ["to"])
@@ -4340,7 +4415,7 @@ const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = G(), t = se(), a = Q(), l = e, n = F(!1), o = F(""), i = async ({ password: r, password_confirmation: c }) => {
+    const s = Y(), t = ee(), a = Q(), l = e, n = D(!1), o = D(""), i = async ({ password: r, password_confirmation: c }) => {
       n.value = !0, o.value = "";
       try {
         await le.post(a.state.endpoints.passwordReset, {
@@ -4356,7 +4431,7 @@ const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid
       }
     };
     return (r, c) => {
-      const d = R("FormKit");
+      const d = A("FormKit");
       return m(), v("div", tn, [
         g("div", sn, [
           l.logo ? (m(), v("img", {
@@ -4388,13 +4463,13 @@ const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid
             g("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Set new password"),
             g("p", { class: "text-gray-600" }, " Enter your new password below. ")
           ], -1)),
-          C(d, {
+          S(d, {
             type: "form",
             onSubmit: i,
             actions: !1
           }, {
             default: P(() => [
-              C(d, {
+              S(d, {
                 label: "New Password",
                 name: "password",
                 placeholder: "••••••••",
@@ -4402,7 +4477,7 @@ const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid
                 validation: "required|length:8",
                 "outer-class": "max-w-full"
               }),
-              C(d, {
+              S(d, {
                 label: "Confirm Password",
                 name: "password_confirmation",
                 placeholder: "••••••••",
@@ -4410,8 +4485,8 @@ const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid
                 validation: "required|confirm:password",
                 "outer-class": "max-w-full"
               }),
-              o.value ? (m(), v("div", nn, M(o.value), 1)) : T("", !0),
-              C(S(U), {
+              o.value ? (m(), v("div", nn, M(o.value), 1)) : $("", !0),
+              S(C(q), {
                 type: "submit",
                 size: "xl",
                 disabled: n.value,
@@ -4449,7 +4524,7 @@ const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = G(), t = e, a = () => {
+    const s = Y(), t = e, a = () => {
       s.push(t.homeRoute);
     };
     return (l, n) => (m(), v("div", dn, [
@@ -4483,18 +4558,18 @@ const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid
           g("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "403"),
           g("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Access Forbidden "),
           g("p", { class: "text-gray-600" }, [
-            A(" You don't have permission to access this resource."),
+            I(" You don't have permission to access this resource."),
             g("br"),
-            A(" If you believe this is an error, please contact your administrator. ")
+            I(" If you believe this is an error, please contact your administrator. ")
           ])
         ], -1)),
         g("div", hn, [
-          C(S(U), {
+          S(C(q), {
             onClick: a,
             size: "lg"
           }, {
             default: P(() => [...n[1] || (n[1] = [
-              A(" Go to Home ", -1)
+              I(" Go to Home ", -1)
             ])]),
             _: 1
           })
@@ -4502,14 +4577,14 @@ const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid
       ])
     ]));
   }
-}, vn = { class: "h-full grid place-content-center relative" }, bn = { class: "absolute top-8 left-8" }, xn = ["src"], kn = {
+}, vn = { class: "h-full grid place-content-center relative" }, bn = { class: "absolute top-8 left-8" }, xn = ["src"], wn = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, wn = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, _n = { class: "flex gap-4 justify-center" }, Cn = {
+}, kn = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, _n = { class: "flex gap-4 justify-center" }, Sn = {
   __name: "SparkError404View",
   props: {
     logo: {
@@ -4522,7 +4597,7 @@ const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = G(), t = e, a = () => {
+    const s = Y(), t = e, a = () => {
       s.push(t.homeRoute);
     };
     return (l, n) => (m(), v("div", vn, [
@@ -4532,7 +4607,7 @@ const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, xn)) : (m(), v("svg", kn, [...n[0] || (n[0] = [
+        }, null, 8, xn)) : (m(), v("svg", wn, [...n[0] || (n[0] = [
           g("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -4551,19 +4626,19 @@ const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid
           }, null, -1)
         ])]))
       ]),
-      g("div", wn, [
+      g("div", kn, [
         n[2] || (n[2] = g("div", null, [
           g("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "404"),
           g("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Page Not Found "),
           g("p", { class: "text-gray-600" }, " The page you're looking for doesn't exist or has been moved. ")
         ], -1)),
         g("div", _n, [
-          C(S(U), {
+          S(C(q), {
             onClick: a,
             size: "lg"
           }, {
             default: P(() => [...n[1] || (n[1] = [
-              A(" Go to Home ", -1)
+              I(" Go to Home ", -1)
             ])]),
             _: 1
           })
@@ -4571,14 +4646,14 @@ const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid
       ])
     ]));
   }
-}, Sn = { class: "h-full grid place-content-center relative" }, Tn = { class: "absolute top-8 left-8" }, $n = ["src"], Ln = {
+}, Cn = { class: "h-full grid place-content-center relative" }, Tn = { class: "absolute top-8 left-8" }, $n = ["src"], Ln = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Pn = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Mn = { class: "text-primary-600 text-7xl font-bold mb-4" }, Vn = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, Hn = { class: "text-gray-600" }, Fn = { class: "flex gap-4 justify-center" }, vl = {
+}, Pn = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Mn = { class: "text-primary-600 text-7xl font-bold mb-4" }, Vn = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, Hn = { class: "text-gray-600" }, Fn = { class: "flex gap-4 justify-center" }, wl = {
   __name: "SparkErrorGeneralView",
   props: {
     logo: {
@@ -4603,10 +4678,10 @@ const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid
     }
   },
   setup(e) {
-    const s = G(), t = e, a = () => {
+    const s = Y(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (m(), v("div", Sn, [
+    return (l, n) => (m(), v("div", Cn, [
       g("div", Tn, [
         t.logo ? (m(), v("img", {
           key: 0,
@@ -4639,12 +4714,12 @@ const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid
           g("p", Hn, M(t.message || "An unexpected error occurred. Please try again later."), 1)
         ]),
         g("div", Fn, [
-          C(S(U), {
+          S(C(q), {
             onClick: a,
             size: "lg"
           }, {
             default: P(() => [...n[1] || (n[1] = [
-              A(" Go to Home ", -1)
+              I(" Go to Home ", -1)
             ])]),
             _: 1
           })
@@ -4653,7 +4728,7 @@ const yl = /* @__PURE__ */ oe(Pr, [["render", Vr]]), Hr = { class: "h-full grid
     ]));
   }
 };
-function bl(e = {}) {
+function kl(e = {}) {
   const {
     loginPath: s = "/login",
     logoutPath: t = "/logout",
@@ -4693,7 +4768,7 @@ function bl(e = {}) {
     }
   ];
 }
-function xl(e, s = {}) {
+function _l(e, s = {}) {
   const { defaultAuthenticatedRoute: t = "/dashboard" } = s;
   e.beforeEach(async (a, l, n) => {
     const o = Q();
@@ -4738,7 +4813,7 @@ function Dn(e, s, t, a) {
     s();
   }
 }
-function kl(e = {}) {
+function Sl(e = {}) {
   const {
     forbiddenPath: s = "/error/403",
     logo: t = "",
@@ -4752,7 +4827,7 @@ function kl(e = {}) {
     meta: { auth: !1 }
   };
 }
-function wl(e = {}) {
+function Cl(e = {}) {
   const {
     logo: s = "",
     homeRoute: t = "/dashboard"
@@ -4760,12 +4835,12 @@ function wl(e = {}) {
   return {
     path: "/:pathMatch(.*)*",
     name: "error-404",
-    component: Cn,
+    component: Sn,
     props: { logo: s, homeRoute: t },
     meta: { auth: !1 }
   };
 }
-function _l(e, s) {
+function Tl(e, s) {
   e.beforeResolve(async (t) => {
     if (t.meta.auth !== !1) {
       const a = Q();
@@ -4773,7 +4848,7 @@ function _l(e, s) {
     }
   });
 }
-function Cl(e, s = {}) {
+function $l(e, s = {}) {
   const {
     title: t = "Unsaved Changes",
     message: a = "You have unsaved changes. Leave anyway?",
@@ -4795,19 +4870,19 @@ function Cl(e, s = {}) {
     }) ? (cr(), r()) : r(!1);
   });
 }
-const Sl = pe("sparkNav", () => {
-  const e = W({
+const Ll = fe("sparkNav", () => {
+  const e = G({
     menu: [],
     collapsed: !1,
     hidden: !1
-  }), s = G(), t = se(), a = (c = []) => {
+  }), s = Y(), t = ee(), a = (c = []) => {
     e.menu = c, r();
   }, l = (c, d) => {
-    for (const p of c) {
-      if (p.href === d) return p;
-      if (p.children) {
-        const f = l(p.children, d);
-        if (f) return f;
+    for (const f of c) {
+      if (f.href === d) return f;
+      if (f.children) {
+        const p = l(f.children, d);
+        if (p) return p;
       }
     }
     return null;
@@ -4827,15 +4902,15 @@ const Sl = pe("sparkNav", () => {
   }, r = () => {
     const c = t.name || t.path.replace("/", "");
     if (c) {
-      const d = (p) => {
-        p.forEach((f) => {
-          f.current = f.href === c, f.children && d(f.children);
+      const d = (f) => {
+        f.forEach((p) => {
+          p.current = p.href === c, p.children && d(p.children);
         });
       };
       d(e.menu);
     }
   };
-  return N(
+  return U(
     () => t.path,
     () => {
       r();
@@ -4851,80 +4926,83 @@ const Sl = pe("sparkNav", () => {
   };
 });
 export {
-  D as Icons,
+  vl as AUSTRALIAN_STATES,
+  R as Icons,
   re as SparkAlert,
-  Bs as SparkAppSelector,
-  ca as SparkBrandSelector,
-  U as SparkButton,
-  pt as SparkButtonGroup,
+  js as SparkAppSelector,
+  ua as SparkBrandSelector,
+  q as SparkButton,
+  ft as SparkButtonGroup,
   nl as SparkCard,
-  hl as SparkDefaultContainer,
+  bl as SparkDefaultContainer,
   yn as SparkError403View,
-  Cn as SparkError404View,
-  vl as SparkErrorGeneralView,
+  Sn as SparkError404View,
+  wl as SparkErrorGeneralView,
   ll as SparkFileDragUpload,
   en as SparkForgotPasswordView,
   il as SparkImageUpload,
   Nr as SparkLoginView,
   Ur as SparkLogoutView,
-  Ra as SparkModalContainer,
-  Va as SparkModalDialog,
+  Aa as SparkModalContainer,
+  Ha as SparkModalDialog,
   ol as SparkNotificationOutlet,
-  Me as SparkOverlay,
-  yl as SparkPublicContainer,
+  Ve as SparkOverlay,
+  xl as SparkPublicContainer,
   un as SparkResetPasswordView,
   cl as SparkSubNav,
   ul as SparkTable,
-  Bo as SparkTableDatePicker,
-  Ao as SparkTableFilterButtons,
-  Fo as SparkTableFilterSelect,
+  jo as SparkTableDatePicker,
+  Io as SparkTableFilterButtons,
+  Do as SparkTableFilterSelect,
   Co as SparkTablePaginationPaging,
-  $o as SparkTablePaginationPerPage,
-  Uo as SparkTableReset,
-  Mo as SparkTableSearch,
-  Re as SparkTableToolbar,
+  Lo as SparkTablePaginationPerPage,
+  qo as SparkTableReset,
+  Vo as SparkTableSearch,
+  Ae as SparkTableToolbar,
   rl as SparkToastContainer,
   sl as addIcons,
   cr as clearAllDirtyForms,
-  kl as create403Route,
-  wl as create404Route,
-  bl as createAuthRoutes,
-  sr as createAxiosInstance,
+  Sl as create403Route,
+  Cl as create404Route,
+  kl as createAuthRoutes,
+  ar as createAxiosInstance,
   dl as createBootstrapService,
-  za as customiseHeader,
-  Qo as deleteCookie,
+  Na as customiseHeader,
+  er as deleteCookie,
   el as formKitGenesisOverride,
   tl as formKitIconLoader,
   Qn as formKitIcons,
-  ro as formatTemporal,
-  ar as getAxiosInstance,
-  Xo as getCookie,
+  no as formatTemporal,
+  ve as getAxiosInstance,
+  Jo as getCookie,
   ir as getDirtyFormMessage,
-  ft as getDomain,
+  mt as getDomain,
   Oe as getFormLevelMessage,
   lr as hasAnyDirtyForm,
   rr as isValidationError,
-  no as parseDatetime,
+  lo as parseDatetime,
   or as parseLaravelErrors,
   Oa as renderHeaderTitle,
-  Jo as setCookie,
-  xl as setupAuthGuards,
+  Qo as setCookie,
+  _l as setupAuthGuards,
   pl as setupAxios,
-  _l as setupBootstrapGuard,
-  Cl as setupDirtyFormGuard,
+  Tl as setupBootstrapGuard,
+  $l as setupDirtyFormGuard,
   al as setupFontAwesome,
   J as sparkModalService,
-  j as sparkNotificationService,
+  B as sparkNotificationService,
   ae as sparkOverlayService,
-  uo as updateRow,
-  gl as useFormDirtyGuard,
+  po as updateRow,
+  ml as useCrudResource,
+  yl as useFormDirtyGuard,
   fl as useFormSubmission,
-  it as useSparkAppSelectorStore,
-  ct as useSparkAppStore,
+  ct as useSparkAppSelectorStore,
+  ut as useSparkAppStore,
   Q as useSparkAuthStore,
-  dt as useSparkBrandFilterStore,
-  Sl as useSparkNavStore,
-  Ae as useSparkOverlay,
-  po as useSparkTableRouteSync,
-  ml as useSubNavigation
+  pt as useSparkBrandFilterStore,
+  Ll as useSparkNavStore,
+  Ie as useSparkOverlay,
+  fo as useSparkTableRouteSync,
+  hl as useSubNavigation,
+  gl as useTableDelete
 };