@wishbone-media/spark 0.21.0 → 0.22.0

package/dist/index.js

@@ -1,88 +1,88 @@
-import { computed as S, resolveComponent as A, createElementBlock as g, openBlock as m, normalizeClass as P, createElementVNode as d, createCommentVNode as $, createVNode as v, unref as x, renderSlot as O, reactive as q, Fragment as R, renderList as z, toDisplayString as L, createBlock as M, resolveDynamicComponent as I, markRaw as de, ref as E, watch as j, Transition as De, withCtx as C, normalizeProps as Ne, mergeProps as D, createTextVNode as B, Teleport as qe, TransitionGroup as ne, inject as Le, provide as Ze, toHandlers as Pe, onMounted as ge, withModifiers as X, useSlots as He, onUnmounted as Ke, h as ve } from "vue";
-import { library as Ve, icon as le } from "@fortawesome/fontawesome-svg-core";
-import { FontAwesomeIcon as Ue } from "@fortawesome/vue-fontawesome";
-import { faCloudDownload as Ge, faBolt as We, faUndo as Ye, faEye as Xe, faSignOut as Je, faXmark as Qe, faTrash as et, faTimes as tt, faStreetView as st, faSortUp as at, faSortDown as ot, faSort as rt, faScaleBalanced as nt, faSatelliteDish as lt, faLayerPlus as it, faLaptopMobile as ct, faInfoCircle as ut, faGripDotsVertical as dt, faGearComplex as pt, faFlag as ft, faFaceSmileWink as mt, faFaceSmileRelaxed as ht, faExclamationTriangle as gt, faEllipsisVertical as yt, faEllipsis as vt, faEdit as bt, faComments as xt, faCircleXmark as kt, faCircleUser as _t, faChevronUp as wt, faChevronRight as St, faChevronLeft as Ct, faChevronDown as $t, faCheckCircle as Tt, faCheck as Lt, faBullhorn as Pt, faBellRing as Ht, faBarsSort as Vt, faArrowRightToLine as Mt, faArrowLeftToLine as Rt } from "@fortawesome/pro-regular-svg-icons";
-import { defineStore as ie } from "pinia";
-import { TransitionRoot as Me, Dialog as Re, TransitionChild as ue, DialogPanel as Be } from "@headlessui/vue";
-import pe from "nprogress";
-import { range as Bt, get as U, find as Et, has as At } from "lodash";
-import { HotTable as Ft } from "@handsontable/vue3";
+import { computed as S, resolveComponent as A, createElementBlock as g, openBlock as m, normalizeClass as H, createElementVNode as p, createCommentVNode as T, createVNode as b, unref as _, renderSlot as F, reactive as q, Fragment as R, renderList as z, toDisplayString as L, createBlock as V, resolveDynamicComponent as N, markRaw as fe, ref as E, watch as I, Transition as Ue, withCtx as C, normalizeProps as Ke, mergeProps as Z, createTextVNode as B, Teleport as Ge, TransitionGroup as le, inject as Ve, provide as We, toHandlers as Re, onMounted as be, withModifiers as Q, useSlots as Be, onUnmounted as Ye, h as ke } from "vue";
+import { library as Ee, icon as ce } from "@fortawesome/fontawesome-svg-core";
+import { FontAwesomeIcon as Xe } from "@fortawesome/vue-fontawesome";
+import { faCloudDownload as Je, faBolt as Qe, faUndo as et, faEye as tt, faSignOut as st, faXmark as ot, faTrash as at, faTimes as rt, faStreetView as nt, faSortUp as lt, faSortDown as it, faSort as ct, faScaleBalanced as ut, faSatelliteDish as dt, faLayerPlus as pt, faLaptopMobile as ft, faInfoCircle as mt, faGripDotsVertical as ht, faGearComplex as gt, faFlag as yt, faFaceSmileWink as vt, faFaceSmileRelaxed as bt, faExclamationTriangle as xt, faEllipsisVertical as kt, faEllipsis as _t, faEdit as wt, faComments as St, faCircleXmark as Ct, faCircleUser as $t, faChevronUp as Tt, faChevronRight as Lt, faChevronLeft as Pt, faChevronDown as Mt, faCheckCircle as Ht, faCheck as Vt, faBullhorn as Rt, faBellRing as Bt, faBarsSort as Et, faArrowRightToLine as At, faArrowLeftToLine as Ot } from "@fortawesome/pro-regular-svg-icons";
+import { defineStore as ue } from "pinia";
+import { TransitionRoot as Ae, Dialog as Oe, TransitionChild as pe, DialogPanel as Fe } from "@headlessui/vue";
+import me from "nprogress";
+import { range as Ft, get as Y, find as zt, has as Dt } from "lodash";
+import { HotTable as jt } from "@handsontable/vue3";
 import "handsontable/styles/handsontable.css";
 import "handsontable/styles/ht-theme-classic.css";
-import { registerPlugin as ce, AutoColumnSize as Ot, CopyPaste as zt, StretchColumns as jt, NestedHeaders as It } from "handsontable/plugins";
-import { registerAllCellTypes as Dt } from "handsontable/cellTypes";
-import { useDebounceFn as Ee, watchDebounced as be } from "@vueuse/core";
-import { registerRenderer as Nt, baseRenderer as qt } from "handsontable/renderers";
-import { useRouter as W, useRoute as re } from "vue-router";
-import oe from "axios";
-var Zt = {
+import { registerPlugin as de, AutoColumnSize as It, CopyPaste as Nt, StretchColumns as Zt, NestedHeaders as qt } from "handsontable/plugins";
+import { registerAllCellTypes as Ut } from "handsontable/cellTypes";
+import { useDebounceFn as ze, watchDebounced as _e } from "@vueuse/core";
+import { registerRenderer as Kt, baseRenderer as Gt } from "handsontable/renderers";
+import { useRouter as J, useRoute as ne } from "vue-router";
+import re from "axios";
+var Wt = {
   prefix: "fad",
   iconName: "sort-up",
   icon: [384, 512, ["sort-asc"], "f0de", ["", "M32 224c-12.9 0-24.6-7.8-29.6-19.8S.2 178.5 9.4 169.4l160-160c12.5-12.5 32.8-12.5 45.3 0l160 160c9.2 9.2 11.9 22.9 6.9 34.9S364.9 224 352 224L32 224z"]]
-}, Kt = {
+}, Yt = {
   prefix: "fad",
   iconName: "sort",
   icon: [384, 512, ["unsorted"], "f0dc", ["M2.4 307.8c-5 12-2.2 25.7 6.9 34.9l160 160c12.5 12.5 32.8 12.5 45.3 0l160-160c9.2-9.2 11.9-22.9 6.9-34.9S364.9 288 352 288L32 288c-12.9 0-24.6 7.8-29.6 19.8z", "M32 224c-12.9 0-24.6-7.8-29.6-19.8S.2 178.5 9.4 169.4l160-160c12.5-12.5 32.8-12.5 45.3 0l160 160c9.2 9.2 11.9 22.9 6.9 34.9S364.9 224 352 224L32 224z"]]
-}, Ut = {
+}, Xt = {
   prefix: "fad",
   iconName: "sort-down",
   icon: [384, 512, ["sort-desc"], "f0dd", ["", "M32 288c-12.9 0-24.6 7.8-29.6 19.8S.2 333.5 9.4 342.6l160 160c12.5 12.5 32.8 12.5 45.3 0l160-160c9.2-9.2 11.9-22.9 6.9-34.9S364.9 288 352 288L32 288z"]]
 };
-const F = {
-  farArrowLeftToLine: Rt,
-  farArrowRightToLine: Mt,
-  farBarsSort: Vt,
-  farBellRing: Ht,
-  farBullhorn: Pt,
-  farCheck: Lt,
-  farCheckCircle: Tt,
-  farChevronDown: $t,
-  farChevronLeft: Ct,
-  farChevronRight: St,
-  farChevronUp: wt,
-  farCircleUser: _t,
-  farCircleXmark: kt,
-  farComments: xt,
-  farEdit: bt,
-  farEllipsis: vt,
-  farEllipsisVertical: yt,
-  farExclamationTriangle: gt,
-  farFaceSmileRelaxed: ht,
-  farFaceSmileWink: mt,
-  farFlag: ft,
-  farGearComplex: pt,
-  farGripDotsVertical: dt,
-  farInfoCircle: ut,
-  farLaptopMobile: ct,
-  farLayerPlus: it,
-  farSatelliteDish: lt,
-  farScaleBalanced: nt,
-  farSort: rt,
-  farSortDown: ot,
-  farSortUp: at,
-  farStreetView: st,
-  farTimes: tt,
-  farTrash: et,
-  farXmark: Qe,
-  farSignOut: Je,
-  farEye: Xe,
-  farUndo: Ye,
-  farBolt: We,
-  farCloudDownload: Ge,
-  fadSort: Kt,
-  fadSortDown: Ut,
-  fadSortUp: Zt
+const O = {
+  farArrowLeftToLine: Ot,
+  farArrowRightToLine: At,
+  farBarsSort: Et,
+  farBellRing: Bt,
+  farBullhorn: Rt,
+  farCheck: Vt,
+  farCheckCircle: Ht,
+  farChevronDown: Mt,
+  farChevronLeft: Pt,
+  farChevronRight: Lt,
+  farChevronUp: Tt,
+  farCircleUser: $t,
+  farCircleXmark: Ct,
+  farComments: St,
+  farEdit: wt,
+  farEllipsis: _t,
+  farEllipsisVertical: kt,
+  farExclamationTriangle: xt,
+  farFaceSmileRelaxed: bt,
+  farFaceSmileWink: vt,
+  farFlag: yt,
+  farGearComplex: gt,
+  farGripDotsVertical: ht,
+  farInfoCircle: mt,
+  farLaptopMobile: ft,
+  farLayerPlus: pt,
+  farSatelliteDish: dt,
+  farScaleBalanced: ut,
+  farSort: ct,
+  farSortDown: it,
+  farSortUp: lt,
+  farStreetView: nt,
+  farTimes: rt,
+  farTrash: at,
+  farXmark: ot,
+  farSignOut: st,
+  farEye: tt,
+  farUndo: et,
+  farBolt: Qe,
+  farCloudDownload: Je,
+  fadSort: Yt,
+  fadSortDown: Xt,
+  fadSortUp: Wt
 };
-function Kr(e) {
-  Object.assign(F, e), Ve.add(...Object.values(e));
+function an(e) {
+  Object.assign(O, e), Ee.add(...Object.values(e));
 }
-function Ur(e) {
-  Ve.add(...Object.values(F)), e.component("FontAwesomeIcon", Ue);
+function rn(e) {
+  Ee.add(...Object.values(O)), e.component("FontAwesomeIcon", Xe);
 }
-const Gt = { class: "flex items-center" }, Wt = { class: "shrink-0 self-start" }, Yt = { class: "ml-3" }, Xt = {
+const Jt = { class: "flex items-center" }, Qt = { class: "shrink-0 self-start" }, es = { class: "ml-3" }, ts = {
   key: 0,
   class: "ml-auto pl-3 pt-1 self-start"
-}, Jt = { class: "-mx-1.5 -my-1.5" }, te = {
+}, ss = { class: "-mx-1.5 -my-1.5" }, se = {
   __name: "SparkAlert",
   props: {
     type: {
@@ -102,7 +102,7 @@ const Gt = { class: "flex items-center" }, Wt = { class: "shrink-0 self-start" }
       warning: "bg-yellow-50 border-yellow-200 text-yellow-700",
       danger: "bg-red-50 border-red-200 text-red-700",
       info: "bg-blue-50 border-blue-200 text-blue-700"
-    })[s.type]), a = S(() => ({
+    })[s.type]), o = S(() => ({
       success: "text-green-400",
       warning: "text-yellow-400",
       danger: "text-red-400",
@@ -118,39 +118,39 @@ const Gt = { class: "flex items-center" }, Wt = { class: "shrink-0 self-start" }
       danger: "text-red-400 hover:bg-red-100",
       info: "text-blue-400 hover:bg-blue-100"
     })[s.type]);
-    return (o, c) => {
+    return (a, c) => {
       const r = A("font-awesome-icon");
       return m(), g("div", {
-        class: P(["rounded-md border p-4", t.value])
+        class: H(["rounded-md border p-4", t.value])
       }, [
-        d("div", Gt, [
-          d("div", Wt, [
-            v(r, {
-              icon: x(F)[l.value],
-              class: P(a.value)
+        p("div", Jt, [
+          p("div", Qt, [
+            b(r, {
+              icon: _(O)[l.value],
+              class: H(o.value)
             }, null, 8, ["icon", "class"])
           ]),
-          d("div", Yt, [
-            O(o.$slots, "default")
+          p("div", es, [
+            F(a.$slots, "default")
           ]),
-          e.closeable ? (m(), g("div", Xt, [
-            d("div", Jt, [
-              d("button", {
+          e.closeable ? (m(), g("div", ts, [
+            p("div", ss, [
+              p("button", {
                 type: "button",
-                class: P(["inline-flex rounded-md px-2 py-1.5", n.value]),
-                onClick: c[0] || (c[0] = (i) => o.$emit("close"))
+                class: H(["inline-flex rounded-md px-2 py-1.5", n.value]),
+                onClick: c[0] || (c[0] = (i) => a.$emit("close"))
               }, [
-                v(r, {
-                  icon: x(F).farXmark
+                b(r, {
+                  icon: _(O).farXmark
                 }, null, 8, ["icon"])
               ], 2)
             ])
-          ])) : $("", !0)
+          ])) : T("", !0)
         ])
       ], 2);
     };
   }
-}, fe = [
+}, he = [
   {
     name: "Bolt",
     description: "Job management",
@@ -199,16 +199,16 @@ const Gt = { class: "flex items-center" }, Wt = { class: "shrink-0 self-start" }
     href: "https://tabula.letsbolt.io",
     icon: "farCompass"
   }
-], Ae = ie("sparkAppSelector", () => {
+], De = ue("sparkAppSelector", () => {
   const e = q({
-    apps: [...fe]
+    apps: [...he]
   }), s = (n = {}) => {
     if (n.apps && Array.isArray(n.apps)) {
-      const o = n.apps.filter((c) => {
+      const a = n.apps.filter((c) => {
         const r = c.name && c.description && c.icon && c.href;
         return r || console.warn("useSparkAppSelectorStore: Invalid app object", c), r;
       });
-      e.apps = o.map((c) => ({
+      e.apps = a.map((c) => ({
         name: c.name,
         description: c.description,
         icon: c.icon,
@@ -217,11 +217,11 @@ const Gt = { class: "flex items-center" }, Wt = { class: "shrink-0 self-start" }
       return;
     }
     if (n.appHrefs && typeof n.appHrefs == "object") {
-      const o = /* @__PURE__ */ new Map();
+      const a = /* @__PURE__ */ new Map();
       Object.keys(n.appHrefs).forEach((c) => {
-        o.set(c.toLowerCase(), n.appHrefs[c]);
-      }), e.apps = fe.map((c) => {
-        const r = o.get(c.name.toLowerCase());
+        a.set(c.toLowerCase(), n.appHrefs[c]);
+      }), e.apps = he.map((c) => {
+        const r = a.get(c.name.toLowerCase());
         return {
           ...c,
           href: r || c.href
@@ -229,23 +229,23 @@ const Gt = { class: "flex items-center" }, Wt = { class: "shrink-0 self-start" }
       });
       return;
     }
-    e.apps = [...fe];
-  }, t = S(() => e.apps), a = (n) => {
+    e.apps = [...he];
+  }, t = S(() => e.apps), o = (n) => {
     if (!n) return null;
-    const o = n.toLowerCase();
-    return e.apps.find((c) => c.name.toLowerCase() === o) || null;
+    const a = n.toLowerCase();
+    return e.apps.find((c) => c.name.toLowerCase() === a) || null;
   };
   return {
     state: e,
     initialize: s,
     allApps: t,
-    getAppByName: a,
+    getAppByName: o,
     getAppIcon: (n) => {
-      const o = a(n);
-      return o ? o.icon : "";
+      const a = o(n);
+      return a ? a.icon : "";
     }
   };
-}), Fe = ie("sparkApp", () => {
+}), je = ue("sparkApp", () => {
   const e = q({
     app: "",
     homeRoute: "dashboard",
@@ -258,16 +258,16 @@ const Gt = { class: "flex items-center" }, Wt = { class: "shrink-0 self-start" }
       e.app = t.app || "", e.homeRoute = t.homeRoute ?? "dashboard", e.showBrandSelector = t.showBrandSelector ?? !0, e.showAppSelector = t.showAppSelector ?? !0;
     }
   };
-}), Qt = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, es = { class: "flex flex-1 flex-col" }, ts = { class: "divide-y divide-gray-200" }, ss = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, as = { class: "ml-auto flex items-center" }, os = ["href", "onClick"], rs = { class: "gap-y-1" }, ns = { class: "text-base text-gray-800 flex items-center" }, ls = { class: "font-medium" }, is = {
+}), os = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, as = { class: "flex flex-1 flex-col" }, rs = { class: "divide-y divide-gray-200" }, ns = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, ls = { class: "ml-auto flex items-center" }, is = ["href", "onClick"], cs = { class: "gap-y-1" }, us = { class: "text-base text-gray-800 flex items-center" }, ds = { class: "font-medium" }, ps = {
   key: 0,
   class: "inline-flex items-center rounded-full bg-green-100 px-1.5 py-0.5 text-xs font-medium text-green-700 ml-1"
-}, cs = { class: "text-sm text-gray-500" }, us = { class: "ml-auto flex items-center" }, ds = { class: "mt-auto" }, ps = {
+}, fs = { class: "text-sm text-gray-500" }, ms = { class: "ml-auto flex items-center" }, hs = { class: "mt-auto" }, gs = {
   key: 0,
   class: "p-6"
-}, fs = {
+}, ys = {
   key: 1,
   class: "bg-gray-50 p-6"
-}, ms = {
+}, vs = {
   __name: "SparkAppSelector",
   props: {
     bottomSlot: {
@@ -281,25 +281,25 @@ const Gt = { class: "flex items-center" }, Wt = { class: "shrink-0 self-start" }
   },
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, a = Ae(), l = Fe(), n = S(() => {
+    const t = s, o = De(), l = je(), n = S(() => {
       const c = l.state.app;
-      return a.state.apps.map((r) => ({
+      return o.state.apps.map((r) => ({
         ...r,
         current: c && r.name.toLowerCase() === c.toLowerCase()
       }));
-    }), o = (c, r) => {
+    }), a = (c, r) => {
       t("select", c);
     };
     return (c, r) => {
       const i = A("font-awesome-icon");
-      return m(), g("div", Qt, [
-        d("div", es, [
-          d("div", ts, [
-            d("div", ss, [
-              r[1] || (r[1] = d("div", null, "Mr Group Network", -1)),
-              d("div", as, [
-                v(i, {
-                  icon: x(F).farTimes,
+      return m(), g("div", os, [
+        p("div", as, [
+          p("div", rs, [
+            p("div", ns, [
+              r[1] || (r[1] = p("div", null, "Mr Group Network", -1)),
+              p("div", ls, [
+                b(i, {
+                  icon: _(O).farTimes,
                   class: "h-[15px] w-[15px] shrink-0 text-gray-400 cursor-pointer",
                   onClick: r[0] || (r[0] = (u) => t("close"))
                 }, null, 8, ["icon"])
@@ -309,49 +309,49 @@ const Gt = { class: "flex items-center" }, Wt = { class: "shrink-0 self-start" }
               key: u.name,
               href: u.href,
               target: "_blank",
-              class: P([u.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
-              onClick: (p) => u.current ? p.preventDefault() : o(u)
+              class: H([u.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
+              onClick: (d) => u.current ? d.preventDefault() : a(u)
             }, [
-              d("div", rs, [
-                d("div", ns, [
-                  d("div", ls, L(u.name), 1),
-                  u.current ? (m(), g("span", is, " Active ")) : $("", !0)
+              p("div", cs, [
+                p("div", us, [
+                  p("div", ds, L(u.name), 1),
+                  u.current ? (m(), g("span", ps, " Active ")) : T("", !0)
                 ]),
-                d("div", cs, L(u.description), 1)
+                p("div", fs, L(u.description), 1)
               ]),
-              d("div", us, [
-                v(i, {
-                  class: P([u.current ? "text-gray-700" : "text-gray-400", "h-5 w-5 shrink-0"]),
-                  icon: x(F)[u.icon]
+              p("div", ms, [
+                b(i, {
+                  class: H([u.current ? "text-gray-700" : "text-gray-400", "h-5 w-5 shrink-0"]),
+                  icon: _(O)[u.icon]
                 }, null, 8, ["class", "icon"])
               ])
-            ], 10, os))), 128)),
-            r[2] || (r[2] = d("div", null, null, -1))
+            ], 10, is))), 128)),
+            r[2] || (r[2] = p("div", null, null, -1))
           ]),
-          d("div", ds, [
-            c.$slots.bottom || e.bottomSlot ? (m(), g("div", ps, [
-              O(c.$slots, "bottom", {}, () => [
-                e.bottomSlot ? (m(), M(I(e.bottomSlot), { key: 0 })) : $("", !0)
+          p("div", hs, [
+            c.$slots.bottom || e.bottomSlot ? (m(), g("div", gs, [
+              F(c.$slots, "bottom", {}, () => [
+                e.bottomSlot ? (m(), V(N(e.bottomSlot), { key: 0 })) : T("", !0)
               ])
-            ])) : $("", !0),
-            c.$slots.footer || e.footerSlot ? (m(), g("div", fs, [
-              O(c.$slots, "footer", {}, () => [
-                e.footerSlot ? (m(), M(I(e.footerSlot), { key: 0 })) : $("", !0)
+            ])) : T("", !0),
+            c.$slots.footer || e.footerSlot ? (m(), g("div", ys, [
+              F(c.$slots, "footer", {}, () => [
+                e.footerSlot ? (m(), V(N(e.footerSlot), { key: 0 })) : T("", !0)
               ])
-            ])) : $("", !0)
+            ])) : T("", !0)
           ])
         ])
       ]);
     };
   }
-}, Oe = {
+}, Ie = {
   success: 5e3,
   info: 5e3,
   warning: 5e3,
   danger: 0
   // sticky by default
-}, xe = ["top-left", "top-right", "center", "bottom-left", "bottom-right"];
-function hs() {
+}, we = ["top-left", "top-right", "center", "bottom-left", "bottom-right"];
+function bs() {
   const e = q({
     isVisible: !1,
     type: "info",
@@ -361,14 +361,14 @@ function hs() {
     closeable: !0,
     duration: null
   });
-  let s = null, t = 0, a = !1, l = null;
+  let s = null, t = 0, o = !1, l = null;
   const n = () => {
-    s && (clearTimeout(s), s = null), t = 0, a = !1, l = null;
-  }, o = () => {
+    s && (clearTimeout(s), s = null), t = 0, o = !1, l = null;
+  }, a = () => {
     n(), e.isVisible = !1;
   }, c = (f) => {
     f <= 0 || (t = f, l = Date.now(), s = setTimeout(() => {
-      o();
+      a();
     }, f));
   };
   return {
@@ -379,32 +379,32 @@ function hs() {
         type: y = "info",
         message: k = null,
         component: h = null,
-        props: _ = {},
-        closeable: H = !0,
+        props: x = {},
+        closeable: P = !0,
         duration: w = null
       } = f;
-      e.type = y, e.message = k, e.component = h ? de(h) : null, e.props = _, e.closeable = H, e.isVisible = !0;
-      const b = w !== null ? w : Oe[y];
-      e.duration = b, b > 0 && c(b);
+      e.type = y, e.message = k, e.component = h ? fe(h) : null, e.props = x, e.closeable = P, e.isVisible = !0;
+      const v = w !== null ? w : Ie[y];
+      e.duration = v, v > 0 && c(v);
     },
-    hide: o,
+    hide: a,
     reset: () => {
-      o(), e.type = "info", e.message = null, e.component = null, e.props = {}, e.closeable = !0, e.duration = null;
+      a(), e.type = "info", e.message = null, e.component = null, e.props = {}, e.closeable = !0, e.duration = null;
     },
     pause: () => {
-      if (!s || a) return;
+      if (!s || o) return;
       clearTimeout(s), s = null;
       const f = Date.now() - l;
-      t = Math.max(0, t - f), a = !0;
+      t = Math.max(0, t - f), o = !0;
     },
     resume: () => {
-      !a || t <= 0 || (a = !1, l = Date.now(), s = setTimeout(() => {
-        o();
+      !o || t <= 0 || (o = !1, l = Date.now(), s = setTimeout(() => {
+        a();
       }, t));
     }
   };
 }
-class gs {
+class xs {
   constructor() {
     this.outlets = /* @__PURE__ */ new Map(), this.toastState = q({
       toasts: [],
@@ -422,7 +422,7 @@ class gs {
    * @returns {Object} Notification outlet instance
    */
   getOutlet(s = "default") {
-    return this.outlets.has(s) || this.outlets.set(s, hs()), this.outlets.get(s);
+    return this.outlets.has(s) || this.outlets.set(s, bs()), this.outlets.get(s);
   }
   /**
    * Show a banner notification in the specified outlet
@@ -493,7 +493,7 @@ class gs {
    * @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 && xe.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 && we.includes(s.defaultPosition) && (this.toastState.defaultPosition = s.defaultPosition), s.newestOnTop !== void 0 && (this.toastState.newestOnTop = s.newestOnTop);
   }
   /**
    * Show a toast notification
@@ -510,20 +510,20 @@ class gs {
   toast(s = {}) {
     const {
       type: t = "info",
-      message: a = null,
+      message: o = null,
       component: l = null,
       props: n = {},
-      closeable: o = !0,
+      closeable: a = !0,
       duration: c = null,
       position: r = null
-    } = s, i = ++this._toastIdCounter, u = r && xe.includes(r) ? r : this.toastState.defaultPosition, p = c !== null ? c : Oe[t], f = {
+    } = s, i = ++this._toastIdCounter, u = r && we.includes(r) ? r : this.toastState.defaultPosition, d = c !== null ? c : Ie[t], f = {
       id: i,
       type: t,
-      message: a,
-      component: l ? de(l) : null,
+      message: o,
+      component: l ? fe(l) : null,
       props: n,
-      closeable: o,
-      duration: p,
+      closeable: a,
+      duration: d,
       position: u,
       createdAt: Date.now()
     }, y = this.toastState.toasts.filter((k) => k.position === u);
@@ -536,7 +536,7 @@ class gs {
       k === -1 ? this.toastState.toasts.push(f) : this.toastState.toasts.splice(k, 0, f);
     } else
       this.toastState.toasts.push(f);
-    return p > 0 && this._startToastTimer(i, p), i;
+    return d > 0 && this._startToastTimer(i, d), i;
   }
   /**
    * Hide a specific toast by ID
@@ -544,7 +544,7 @@ class gs {
    */
   hideToast(s) {
     this._clearToastTimer(s);
-    const t = this.toastState.toasts.findIndex((a) => a.id === s);
+    const t = this.toastState.toasts.findIndex((o) => o.id === s);
     t !== -1 && this.toastState.toasts.splice(t, 1);
   }
   /**
@@ -563,8 +563,8 @@ class gs {
     const t = this._toastTimers.get(s);
     if (!t || t.isPaused) return;
     clearTimeout(t.timeout), t.timeout = null;
-    const a = Date.now() - t.startedAt;
-    t.remainingTime = Math.max(0, t.remainingTime - a), t.isPaused = !0;
+    const o = Date.now() - t.startedAt;
+    t.remainingTime = Math.max(0, t.remainingTime - o), t.isPaused = !0;
   }
   /**
    * Resume auto-dismiss timer for a specific toast
@@ -591,15 +591,15 @@ class gs {
    * @private
    */
   _startToastTimer(s, t) {
-    const a = {
+    const o = {
       timeout: null,
       remainingTime: t,
       startedAt: Date.now(),
       isPaused: !1
     };
-    a.timeout = setTimeout(() => {
+    o.timeout = setTimeout(() => {
       this.hideToast(s);
-    }, t), this._toastTimers.set(s, a);
+    }, t), this._toastTimers.set(s, o);
   }
   /**
    * @private
@@ -609,7 +609,7 @@ class gs {
     t && (t.timeout && clearTimeout(t.timeout), this._toastTimers.delete(s));
   }
 }
-const G = new gs(), Gr = {
+const X = new xs(), nn = {
   __name: "SparkNotificationOutlet",
   props: {
     name: {
@@ -618,21 +618,21 @@ const G = new gs(), Gr = {
     }
   },
   setup(e) {
-    const s = e, t = S(() => G.getOutlet(s.name)), a = E(0);
-    j(
+    const s = e, t = S(() => X.getOutlet(s.name)), o = E(0);
+    I(
       () => [t.value.state.message, t.value.state.component, t.value.state.type],
       () => {
-        t.value.state.isVisible && a.value++;
+        t.value.state.isVisible && o.value++;
       }
     );
     const l = () => {
-      G.hide(s.name);
+      X.hide(s.name);
     }, n = () => {
-      G.pause(s.name);
-    }, o = () => {
-      G.resume(s.name);
+      X.pause(s.name);
+    }, a = () => {
+      X.resume(s.name);
     };
-    return (c, r) => (m(), M(De, {
+    return (c, r) => (m(), V(Ue, {
       "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",
@@ -642,48 +642,48 @@ const G = new gs(), Gr = {
       mode: "out-in"
     }, {
       default: C(() => [
-        t.value.state.isVisible ? (m(), M(te, {
-          key: a.value,
+        t.value.state.isVisible ? (m(), V(se, {
+          key: o.value,
           type: t.value.state.type,
           closeable: t.value.state.closeable,
           onClose: l,
           onMouseenter: n,
-          onMouseleave: o
+          onMouseleave: a
         }, {
           default: C(() => [
-            t.value.state.component ? (m(), M(I(t.value.state.component), Ne(D({ key: 0 }, t.value.state.props)), null, 16)) : (m(), g(R, { key: 1 }, [
+            t.value.state.component ? (m(), V(N(t.value.state.component), Ke(Z({ key: 0 }, t.value.state.props)), null, 16)) : (m(), g(R, { key: 1 }, [
               B(L(t.value.state.message), 1)
             ], 64))
           ]),
           _: 1
-        }, 8, ["type", "closeable"])) : $("", !0)
+        }, 8, ["type", "closeable"])) : T("", !0)
       ]),
       _: 1
     }));
   }
-}, ys = { class: "fixed top-4 left-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, vs = { class: "fixed top-4 right-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, bs = { 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" }, xs = { 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" }, Wr = {
+}, ks = { class: "fixed top-4 left-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, _s = { class: "fixed top-4 right-4 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, ws = { class: "fixed top-[40%] left-1/2 -translate-x-1/2 -translate-y-1/2 z-[2000] flex flex-col gap-3 max-w-sm w-full pointer-events-none" }, Ss = { class: "fixed bottom-4 left-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, Cs = { class: "fixed bottom-4 right-4 z-[2000] flex flex-col-reverse gap-3 max-w-sm w-full pointer-events-none" }, ln = {
   __name: "SparkToastContainer",
   setup(e) {
-    const s = G.toastState, t = S(
+    const s = X.toastState, t = S(
       () => s.toasts.filter((u) => u.position === "top-left")
-    ), a = S(
+    ), o = S(
       () => s.toasts.filter((u) => u.position === "top-right")
     ), l = S(
       () => s.toasts.filter((u) => u.position === "center")
     ), n = S(
       () => s.toasts.filter((u) => u.position === "bottom-left")
-    ), o = S(
+    ), a = S(
       () => s.toasts.filter((u) => u.position === "bottom-right")
     ), c = (u) => {
-      G.hideToast(u);
+      X.hideToast(u);
     }, r = (u) => {
-      G.pauseToast(u);
+      X.pauseToast(u);
     }, i = (u) => {
-      G.resumeToast(u);
+      X.resumeToast(u);
     };
-    return (u, p) => (m(), M(qe, { to: "body" }, [
-      d("div", ys, [
-        v(ne, {
+    return (u, d) => (m(), V(Ge, { to: "body" }, [
+      p("div", ks, [
+        b(le, {
           "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",
@@ -696,7 +696,7 @@ const G = new gs(), Gr = {
               key: f.id,
               class: "pointer-events-auto"
             }, [
-              v(te, {
+              b(se, {
                 type: f.type,
                 closeable: f.closeable,
                 onClose: (y) => c(f.id),
@@ -704,7 +704,7 @@ const G = new gs(), Gr = {
                 onMouseleave: (y) => i(f.id)
               }, {
                 default: C(() => [
-                  f.component ? (m(), M(I(f.component), D({
+                  f.component ? (m(), V(N(f.component), Z({
                     key: 0,
                     ref_for: !0
                   }, f.props), null, 16)) : (m(), g(R, { key: 1 }, [
@@ -718,8 +718,8 @@ const G = new gs(), Gr = {
           _: 1
         })
       ]),
-      d("div", vs, [
-        v(ne, {
+      p("div", _s, [
+        b(le, {
           "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",
@@ -728,11 +728,11 @@ const G = new gs(), Gr = {
           "leave-to-class": "opacity-0 translate-x-4"
         }, {
           default: C(() => [
-            (m(!0), g(R, null, z(a.value, (f) => (m(), g("div", {
+            (m(!0), g(R, null, z(o.value, (f) => (m(), g("div", {
               key: f.id,
               class: "pointer-events-auto"
             }, [
-              v(te, {
+              b(se, {
                 type: f.type,
                 closeable: f.closeable,
                 onClose: (y) => c(f.id),
@@ -740,7 +740,7 @@ const G = new gs(), Gr = {
                 onMouseleave: (y) => i(f.id)
               }, {
                 default: C(() => [
-                  f.component ? (m(), M(I(f.component), D({
+                  f.component ? (m(), V(N(f.component), Z({
                     key: 0,
                     ref_for: !0
                   }, f.props), null, 16)) : (m(), g(R, { key: 1 }, [
@@ -754,8 +754,8 @@ const G = new gs(), Gr = {
           _: 1
         })
       ]),
-      d("div", bs, [
-        v(ne, {
+      p("div", ws, [
+        b(le, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 scale-95",
           "enter-to-class": "opacity-100 scale-100",
@@ -768,7 +768,7 @@ const G = new gs(), Gr = {
               key: f.id,
               class: "pointer-events-auto"
             }, [
-              v(te, {
+              b(se, {
                 type: f.type,
                 closeable: f.closeable,
                 onClose: (y) => c(f.id),
@@ -776,7 +776,7 @@ const G = new gs(), Gr = {
                 onMouseleave: (y) => i(f.id)
               }, {
                 default: C(() => [
-                  f.component ? (m(), M(I(f.component), D({
+                  f.component ? (m(), V(N(f.component), Z({
                     key: 0,
                     ref_for: !0
                   }, f.props), null, 16)) : (m(), g(R, { key: 1 }, [
@@ -790,8 +790,8 @@ const G = new gs(), Gr = {
           _: 1
         })
       ]),
-      d("div", xs, [
-        v(ne, {
+      p("div", Ss, [
+        b(le, {
           "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",
@@ -804,7 +804,7 @@ const G = new gs(), Gr = {
               key: f.id,
               class: "pointer-events-auto"
             }, [
-              v(te, {
+              b(se, {
                 type: f.type,
                 closeable: f.closeable,
                 onClose: (y) => c(f.id),
@@ -812,7 +812,7 @@ const G = new gs(), Gr = {
                 onMouseleave: (y) => i(f.id)
               }, {
                 default: C(() => [
-                  f.component ? (m(), M(I(f.component), D({
+                  f.component ? (m(), V(N(f.component), Z({
                     key: 0,
                     ref_for: !0
                   }, f.props), null, 16)) : (m(), g(R, { key: 1 }, [
@@ -826,8 +826,8 @@ const G = new gs(), Gr = {
           _: 1
         })
       ]),
-      d("div", ks, [
-        v(ne, {
+      p("div", Cs, [
+        b(le, {
           "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",
@@ -836,11 +836,11 @@ const G = new gs(), Gr = {
           "leave-to-class": "opacity-0 translate-x-4"
         }, {
           default: C(() => [
-            (m(!0), g(R, null, z(o.value, (f) => (m(), g("div", {
+            (m(!0), g(R, null, z(a.value, (f) => (m(), g("div", {
               key: f.id,
               class: "pointer-events-auto"
             }, [
-              v(te, {
+              b(se, {
                 type: f.type,
                 closeable: f.closeable,
                 onClose: (y) => c(f.id),
@@ -848,7 +848,7 @@ const G = new gs(), Gr = {
                 onMouseleave: (y) => i(f.id)
               }, {
                 default: C(() => [
-                  f.component ? (m(), M(I(f.component), D({
+                  f.component ? (m(), V(N(f.component), Z({
                     key: 0,
                     ref_for: !0
                   }, f.props), null, 16)) : (m(), g(R, { key: 1 }, [
@@ -864,7 +864,7 @@ const G = new gs(), Gr = {
       ])
     ]));
   }
-}, ze = ie(
+}, Ne = ue(
   "brandFilter",
   () => {
     const e = q({
@@ -874,31 +874,31 @@ const G = new gs(), Gr = {
         console.warn("useSparkBrandFilterStore: No brands provided to initialize()"), e.brands = [];
         return;
       }
-      const o = n.brands.filter((r) => {
+      const a = n.brands.filter((r) => {
         const i = r.name && r.logo;
         return i || console.warn("useSparkBrandFilterStore: Invalid brand object", r), i;
-      }), c = o.filter((r) => r.current);
-      c.length === 0 && o.length > 0 ? o[0].current = !0 : c.length > 1 && o.forEach((r) => {
+      }), c = a.filter((r) => r.current);
+      c.length === 0 && a.length > 0 ? a[0].current = !0 : c.length > 1 && a.forEach((r) => {
         r.current = r === c[0];
-      }), e.brands = o.map((r) => ({
+      }), e.brands = a.map((r) => ({
         id: r.id,
         name: r.name,
         logo: r.logo,
         current: r.current || !1
       }));
-    }, t = S(() => e.brands.find((n) => n.current) || null), a = S(() => e.brands);
+    }, t = S(() => e.brands.find((n) => n.current) || null), o = S(() => e.brands);
     return {
       state: e,
       initialize: s,
       currentBrand: t,
-      allBrands: a,
+      allBrands: o,
       toggleBrand: (n) => {
         if (!n || !e.brands.includes(n)) {
           console.warn("useSparkBrandFilterStore: Invalid brand provided to toggleBrand()");
           return;
         }
-        e.brands.forEach((o) => {
-          o.current = o === n;
+        e.brands.forEach((a) => {
+          a.current = a === n;
         });
       }
     };
@@ -908,65 +908,65 @@ const G = new gs(), Gr = {
       paths: ["state.brands"]
     }
   }
-), _s = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, ws = { class: "flex flex-1 flex-col" }, Ss = { class: "divide-y divide-gray-200" }, Cs = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, $s = { class: "ml-auto flex items-center" }, Ts = {
+), $s = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Ts = { class: "flex flex-1 flex-col" }, Ls = { class: "divide-y divide-gray-200" }, Ps = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, Ms = { class: "ml-auto flex items-center" }, Hs = {
   key: 0,
   class: "flex px-[22px] py-[15px] text-gray-500 text-sm"
-}, Ls = ["onClick"], Ps = { class: "w-full gap-y-1 flex justify-between" }, Hs = { class: "flex flex-col" }, Vs = { class: "flex items-center" }, Ms = { class: "font-medium text-base text-gray-900" }, Rs = {
+}, Vs = ["onClick"], Rs = { class: "w-full gap-y-1 flex justify-between" }, Bs = { class: "flex flex-col" }, Es = { class: "flex items-center" }, As = { class: "font-medium text-base text-gray-900" }, Os = {
   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"
-}, Bs = { class: "text-sm text-gray-500 font-normal" }, Es = { class: "flex items-center" }, As = ["src", "alt"], Fs = {
+}, Fs = { class: "text-sm text-gray-500 font-normal" }, zs = { class: "flex items-center" }, Ds = ["src", "alt"], js = {
   __name: "SparkBrandSelector",
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, a = ze(), l = (n) => {
+    const t = s, o = Ne(), l = (n) => {
       t("select", n);
     };
-    return (n, o) => {
+    return (n, a) => {
       const c = A("font-awesome-icon");
-      return m(), g("div", _s, [
-        d("div", ws, [
-          d("div", Ss, [
-            d("div", Cs, [
-              o[1] || (o[1] = d("div", null, "Filter by Brand", -1)),
-              d("div", $s, [
-                v(c, {
-                  icon: x(F).farTimes,
+      return m(), g("div", $s, [
+        p("div", Ts, [
+          p("div", Ls, [
+            p("div", Ps, [
+              a[1] || (a[1] = p("div", null, "Filter by Brand", -1)),
+              p("div", Ms, [
+                b(c, {
+                  icon: _(O).farTimes,
                   class: "size-4 text-gray-400 cursor-pointer",
-                  onClick: o[0] || (o[0] = (r) => t("close"))
+                  onClick: a[0] || (a[0] = (r) => t("close"))
                 }, null, 8, ["icon"])
               ])
             ]),
-            x(a).allBrands.length === 0 ? (m(), g("div", Ts, " No brands configured ")) : $("", !0),
-            (m(!0), g(R, null, z(x(a).allBrands, (r) => (m(), g("div", {
+            _(o).allBrands.length === 0 ? (m(), g("div", Hs, " No brands configured ")) : T("", !0),
+            (m(!0), g(R, null, z(_(o).allBrands, (r) => (m(), g("div", {
               key: r.id,
-              class: P([r.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
+              class: H([r.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
               onClick: (i) => l(r)
             }, [
-              d("div", Ps, [
-                d("div", Hs, [
-                  d("div", Vs, [
-                    d("div", Ms, L(r.name), 1),
-                    r.current ? (m(), g("span", Rs, " Current ")) : $("", !0)
+              p("div", Rs, [
+                p("div", Bs, [
+                  p("div", Es, [
+                    p("div", As, L(r.name), 1),
+                    r.current ? (m(), g("span", Os, " Current ")) : T("", !0)
                   ]),
-                  d("div", Bs, L(r.current ? "Current Brand" : "Change to"), 1)
+                  p("div", Fs, L(r.current ? "Current Brand" : "Change to"), 1)
                 ]),
-                d("div", Es, [
-                  d("img", {
+                p("div", zs, [
+                  p("img", {
                     src: r.logo,
                     alt: `${r.name} logo`,
                     class: "h-8 w-auto"
-                  }, null, 8, As)
+                  }, null, 8, Ds)
                 ])
               ])
-            ], 10, Ls))), 128)),
-            o[2] || (o[2] = d("div", null, null, -1))
+            ], 10, Vs))), 128)),
+            a[2] || (a[2] = p("div", null, null, -1))
           ]),
-          o[3] || (o[3] = d("div", { class: "mt-auto" }, null, -1))
+          a[3] || (a[3] = p("div", { class: "mt-auto" }, null, -1))
         ])
       ]);
     };
   }
-}, Os = ["disabled"], K = {
+}, Is = ["disabled"], K = {
   __name: "SparkButton",
   props: {
     size: {
@@ -989,9 +989,9 @@ const G = new gs(), Gr = {
   },
   emits: ["click"],
   setup(e) {
-    const s = e, t = E(null), a = Le("buttonGroup", null), l = S(() => {
-      if (!a?.isInGroup || !t.value) return null;
-      const r = a.getButtonIndex(t.value), i = a.getButtonCount();
+    const s = e, t = E(null), o = Ve("buttonGroup", null), l = S(() => {
+      if (!o?.isInGroup || !t.value) return null;
+      const r = o.getButtonIndex(t.value), i = o.getButtonCount();
       return {
         isFirst: r === 0,
         isLast: r === i - 1,
@@ -1008,17 +1008,17 @@ const G = new gs(), Gr = {
       borderRadius: /^rounded-/,
       background: /^bg-/,
       text: /^text-(?!white|black)/
-    }, o = (r, i) => {
+    }, a = (r, i) => {
       if (!i) return r;
-      const u = r.split(" ").filter(Boolean), p = i.split(" ").filter(Boolean);
-      return [...u.filter((y) => !p.some((k) => {
+      const u = r.split(" ").filter(Boolean), d = i.split(" ").filter(Boolean);
+      return [...u.filter((y) => !d.some((k) => {
         const h = Object.entries(n).find(
-          ([H, w]) => w.test(y)
-        )?.[0], _ = Object.entries(n).find(
-          ([H, w]) => w.test(k)
+          ([P, w]) => w.test(y)
+        )?.[0], x = Object.entries(n).find(
+          ([P, w]) => w.test(k)
         )?.[0];
-        return h && h === _;
-      })), ...p].join(" ");
+        return h && h === x;
+      })), ...d].join(" ");
     }, c = S(() => {
       let r = "", i = "";
       switch (s.size) {
@@ -1038,9 +1038,9 @@ const G = new gs(), Gr = {
           r += " px-3.5 py-2.5 min-h-[42px] text-sm", i = "md";
           break;
       }
-      if (a?.isInGroup && l.value) {
-        const { isFirst: u, isLast: p } = l.value;
-        r += " relative inline-flex items-center focus:z-10", u && p ? r += ` rounded-${i}` : u ? r += ` rounded-l-${i} rounded-r-none` : p ? r += ` rounded-r-${i} rounded-l-none -ml-px` : r += " rounded-none -ml-px";
+      if (o?.isInGroup && l.value) {
+        const { isFirst: u, isLast: d } = l.value;
+        r += " relative inline-flex items-center focus:z-10", u && d ? r += ` rounded-${i}` : u ? r += ` rounded-l-${i} rounded-r-none` : d ? r += ` rounded-r-${i} rounded-l-none -ml-px` : r += " rounded-none -ml-px";
       } else
         r += ` shadow-xs rounded-${i}`;
       switch (s.variant) {
@@ -1065,24 +1065,24 @@ const G = new gs(), Gr = {
         default:
           r += ` bg-${s.variant}-600 hover:bg-${s.variant}-500 text-white`;
       }
-      return r = o(r, s.buttonClass), r;
+      return r = a(r, s.buttonClass), r;
     });
     return (r, i) => (m(), g("button", {
       type: "button",
       ref_key: "buttonRef",
       ref: t,
-      class: P(c.value),
+      class: H(c.value),
       disabled: e.disabled,
       onClick: i[0] || (i[0] = (u) => r.$emit("click"))
     }, [
-      O(r.$slots, "default")
-    ], 10, Os));
+      F(r.$slots, "default")
+    ], 10, Is));
   }
-}, zs = {
+}, Ns = {
   __name: "SparkButtonGroup",
   setup(e) {
     const s = E(null);
-    return Ze("buttonGroup", {
+    return We("buttonGroup", {
       isInGroup: !0,
       getButtonIndex: (l) => s.value ? Array.from(s.value.children).indexOf(l) : -1,
       getButtonCount: () => s.value?.children.length || 0
@@ -1091,16 +1091,16 @@ const G = new gs(), Gr = {
       ref_key: "groupRef",
       ref: s
     }, [
-      O(l.$slots, "default")
+      F(l.$slots, "default")
     ], 512));
   }
-}, js = { class: "divide-y divide-gray-300 rounded-lg border border-gray-300 text-gray-700 bg-gray-100" }, Is = {
+}, Zs = { class: "divide-y divide-gray-300 rounded-lg border border-gray-300 text-gray-700 bg-gray-100" }, qs = {
   key: 0,
   class: "p-5"
-}, Ds = {
+}, Us = {
   key: 1,
   class: "p-5"
-}, Yr = {
+}, cn = {
   __name: "SparkCard",
   props: {
     padded: {
@@ -1114,24 +1114,24 @@ const G = new gs(), Gr = {
   },
   setup(e) {
     const s = e;
-    return (t, a) => (m(), g("div", js, [
-      t.$slots.header ? (m(), g("div", Is, [
-        O(t.$slots, "header")
-      ])) : $("", !0),
-      d("div", {
-        class: P([s.padded ? s.paddedClass : ""])
+    return (t, o) => (m(), g("div", Zs, [
+      t.$slots.header ? (m(), g("div", qs, [
+        F(t.$slots, "header")
+      ])) : T("", !0),
+      p("div", {
+        class: H([s.padded ? s.paddedClass : ""])
       }, [
-        O(t.$slots, "default")
+        F(t.$slots, "default")
       ], 2),
-      t.$slots.footer ? (m(), g("div", Ds, [
-        O(t.$slots, "footer")
-      ])) : $("", !0)
+      t.$slots.footer ? (m(), g("div", Us, [
+        F(t.$slots, "footer")
+      ])) : T("", !0)
     ]));
   }
-}, Ns = { class: "px-4 pt-5 pb-4 sm:p-6" }, qs = {
+}, Ks = { class: "px-4 pt-5 pb-4 sm:p-6" }, Gs = {
   key: 0,
   class: "text-lg font-medium text-gray-900"
-}, Zs = {
+}, Ws = {
   __name: "SparkModalDialog",
   props: {
     title: {
@@ -1181,7 +1181,7 @@ const G = new gs(), Gr = {
     "input"
   ],
   setup(e) {
-    const s = e, t = S(() => !s.buttons || s.buttons.length === 0 ? [{ text: "OK", variant: "primary", event: "ok" }] : s.buttons), a = S(() => {
+    const s = e, t = S(() => !s.buttons || s.buttons.length === 0 ? [{ text: "OK", variant: "primary", event: "ok" }] : s.buttons), o = S(() => {
       switch (t.value.length) {
         case 1:
           return "sm:grid sm:grid-flow-row-dense";
@@ -1197,7 +1197,7 @@ const G = new gs(), Gr = {
       success: "farCheckCircle",
       warning: "farExclamationTriangle",
       danger: "farCircleXmark"
-    }, n = S(() => s.icon || l[s.type]), o = S(() => ({
+    }, n = S(() => s.icon || l[s.type]), a = S(() => ({
       info: "bg-blue-100",
       success: "bg-green-100",
       warning: "bg-yellow-100",
@@ -1210,35 +1210,35 @@ const G = new gs(), Gr = {
     })[s.type]);
     return (r, i) => {
       const u = A("font-awesome-icon");
-      return m(), g("div", Ns, [
+      return m(), g("div", Ks, [
         n.value ? (m(), g("div", {
           key: 0,
-          class: P(["mx-auto flex size-12 items-center justify-center rounded-full", o.value])
+          class: H(["mx-auto flex size-12 items-center justify-center rounded-full", a.value])
         }, [
-          v(u, {
-            icon: x(F)[n.value],
-            class: P(["h-5 w-5", c.value])
+          b(u, {
+            icon: _(O)[n.value],
+            class: H(["h-5 w-5", c.value])
           }, null, 8, ["icon", "class"])
-        ], 2)) : $("", !0),
-        d("div", {
-          class: P(["text-center", { "mt-3 sm:mt-5": n.value }])
+        ], 2)) : T("", !0),
+        p("div", {
+          class: H(["text-center", { "mt-3 sm:mt-5": n.value }])
         }, [
-          e.title ? (m(), g("h3", qs, L(e.title), 1)) : $("", !0),
+          e.title ? (m(), g("h3", Gs, L(e.title), 1)) : T("", !0),
           e.message ? (m(), g("div", {
             key: 1,
-            class: P([{ "mt-2": e.title }, "text-sm text-gray-500"])
-          }, L(e.message), 3)) : $("", !0)
+            class: H([{ "mt-2": e.title }, "text-sm text-gray-500"])
+          }, L(e.message), 3)) : T("", !0)
         ], 2),
-        d("div", {
-          class: P(["mt-5 sm:mt-6", a.value])
+        p("div", {
+          class: H(["mt-5 sm:mt-6", o.value])
         }, [
-          (m(!0), g(R, null, z(t.value, (p, f) => (m(), M(x(K), {
+          (m(!0), g(R, null, z(t.value, (d, f) => (m(), V(_(K), {
             key: f,
-            variant: p.variant,
-            onClick: (y) => r.$emit(p.event, p)
+            variant: d.variant,
+            onClick: (y) => r.$emit(d.event, d)
           }, {
             default: C(() => [
-              B(L(p.text), 1)
+              B(L(d.text), 1)
             ]),
             _: 2
           }, 1032, ["variant", "onClick"]))), 128))
@@ -1247,7 +1247,7 @@ const G = new gs(), Gr = {
     };
   }
 };
-class Ks {
+class Ys {
   constructor() {
     this.state = q({
       isVisible: !1,
@@ -1256,8 +1256,8 @@ class Ks {
       eventHandlers: {}
     });
   }
-  show = (s, t = {}, a = {}) => {
-    this.state.content = de(s), this.state.props = t, this.state.eventHandlers = a, this.state.isVisible = !0;
+  show = (s, t = {}, o = {}) => {
+    this.state.content = fe(s), this.state.props = t, this.state.eventHandlers = o, this.state.isVisible = !0;
   };
   hide = () => {
     this.state.isVisible = !1, this.state.eventHandlers = {};
@@ -1276,21 +1276,21 @@ class Ks {
    */
   confirm = (s = {}) => new Promise((t) => {
     const {
-      title: a = "Confirm",
+      title: o = "Confirm",
       message: l = "Are you sure?",
       type: n = "warning",
-      confirmText: o = "Confirm",
+      confirmText: a = "Confirm",
       cancelText: c = "Cancel",
       confirmVariant: r = "primary"
     } = s;
     this.show(
-      Zs,
+      Ws,
       {
-        title: a,
+        title: o,
         message: l,
         type: n,
         buttons: [
-          { text: o, variant: r, event: "confirm" },
+          { text: a, variant: r, event: "confirm" },
           { text: c, variant: "secondary", event: "cancel" }
         ]
       },
@@ -1305,20 +1305,20 @@ class Ks {
     );
   });
 }
-const se = new Ks(), Us = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, Gs = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Ws = {
+const oe = new Ys(), Xs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, Js = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Qs = {
   __name: "SparkModalContainer",
   setup(e) {
-    return (s, t) => (m(), M(x(Me), {
+    return (s, t) => (m(), V(_(Ae), {
       as: "template",
-      show: x(se).state.isVisible
+      show: _(oe).state.isVisible
     }, {
       default: C(() => [
-        v(x(Re), {
+        b(_(Oe), {
           class: "relative z-1000",
-          onClose: x(se).hide
+          onClose: _(oe).hide
         }, {
           default: C(() => [
-            v(x(ue), {
+            b(_(pe), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -1328,13 +1328,13 @@ const se = new Ks(), Us = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               "leave-to": "opacity-0"
             }, {
               default: C(() => [...t[0] || (t[0] = [
-                d("div", { class: "fixed inset-0 bg-gray-500/75 transition-opacity" }, null, -1)
+                p("div", { class: "fixed inset-0 bg-gray-500/75 transition-opacity" }, null, -1)
               ])]),
               _: 1
             }),
-            d("div", Us, [
-              d("div", Gs, [
-                v(x(ue), {
+            p("div", Xs, [
+              p("div", Js, [
+                b(_(pe), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -1344,9 +1344,9 @@ const se = new Ks(), Us = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 }, {
                   default: C(() => [
-                    v(x(Be), { class: "relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:min-w-lg sm:max-w-max" }, {
+                    b(_(Fe), { class: "relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:min-w-lg sm:max-w-max" }, {
                       default: C(() => [
-                        (m(), M(I(x(se).state.content), D(x(se).state.props, Pe(x(se).state.eventHandlers)), null, 16))
+                        (m(), V(N(_(oe).state.content), Z(_(oe).state.props, Re(_(oe).state.eventHandlers)), null, 16))
                       ]),
                       _: 1
                     })
@@ -1362,7 +1362,7 @@ const se = new Ks(), Us = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}, Ys = { class: "fixed inset-0 flex" }, ke = {
+}, eo = { class: "fixed inset-0 flex" }, Se = {
   __name: "SparkOverlay",
   props: {
     position: {
@@ -1377,27 +1377,27 @@ const se = new Ks(), Us = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   },
   emits: ["close"],
   setup(e, { emit: s }) {
-    const t = E(null), a = {
+    const t = E(null), o = {
       xs: "w-[250px]",
       sm: "w-[300px]",
       md: "w-[450px]",
       lg: "w-[810px]",
       xl: "w-[1000px]"
-    }, l = e, n = s, o = S(() => a[l.overlayInstance.state.size] || a.md), c = () => {
+    }, l = e, n = s, a = S(() => o[l.overlayInstance.state.size] || o.md), c = () => {
       l.overlayInstance.close(), n("close");
     };
-    return (r, i) => (m(), M(x(Me), {
+    return (r, i) => (m(), V(_(Ae), {
       show: e.overlayInstance.state.isVisible,
       as: "template"
     }, {
       default: C(() => [
-        v(x(Re), {
+        b(_(Oe), {
           initialFocus: t.value,
           class: "relative z-1000",
           onClose: c
         }, {
           default: C(() => [
-            v(x(ue), {
+            b(_(pe), {
               as: "template",
               enter: "transition-opacity ease-linear duration-150",
               "enter-from": "opacity-0",
@@ -1407,12 +1407,12 @@ const se = new Ks(), Us = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               "leave-to": "opacity-0"
             }, {
               default: C(() => [...i[0] || (i[0] = [
-                d("div", { class: "fixed inset-0 bg-gray-600/30" }, null, -1)
+                p("div", { class: "fixed inset-0 bg-gray-600/30" }, null, -1)
               ])]),
               _: 1
             }),
-            d("div", Ys, [
-              v(x(ue), {
+            p("div", eo, [
+              b(_(pe), {
                 as: "template",
                 enter: "transition ease-in-out duration-150 transform",
                 "enter-from": e.position === "left" ? "-translate-x-full opacity-0" : "translate-x-full opacity-0",
@@ -1422,17 +1422,17 @@ const se = new Ks(), Us = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                 "leave-to": e.position === "left" ? "-translate-x-full opacity-0" : "translate-x-full opacity-0"
               }, {
                 default: C(() => [
-                  v(x(Be), {
+                  b(_(Fe), {
                     ref_key: "panelRef",
                     ref: t,
-                    class: P([
+                    class: H([
                       "flex py-2.5",
-                      o.value,
+                      a.value,
                       e.position === "left" ? "relative left-[10px]" : "absolute right-[10px] h-full"
                     ])
                   }, {
                     default: C(() => [
-                      (m(), M(I(e.overlayInstance.state.content), D(e.overlayInstance.state.props, Pe(e.overlayInstance.state.eventHandlers)), null, 16))
+                      (m(), V(N(e.overlayInstance.state.content), Z(e.overlayInstance.state.props, Re(e.overlayInstance.state.eventHandlers)), null, 16))
                     ]),
                     _: 1
                   }, 8, ["class"])
@@ -1447,34 +1447,34 @@ const se = new Ks(), Us = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}, Xs = (e) => {
+}, to = (e) => {
   if (e.includes(".")) {
     const s = e.split(".");
     e = s[s.length - 1];
   }
   return e.replace(/_/g, " ");
-}, Js = (e, s, t) => {
-  const a = s.querySelector(".relative");
-  if (!a || a.querySelector(".spark-table-head-sorting"))
+}, so = (e, s, t) => {
+  const o = s.querySelector(".relative");
+  if (!o || o.querySelector(".spark-table-head-sorting"))
     return;
   const l = document.createElement("span");
-  l.classList.add("spark-table-head-sorting"), l.innerHTML = le({ prefix: "fad", iconName: "sort" }).html + le({ prefix: "fad", iconName: "sort-up" }).html + le({ 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({
+  l.classList.add("spark-table-head-sorting"), l.innerHTML = ce({ prefix: "fad", iconName: "sort" }).html + ce({ prefix: "fad", iconName: "sort-up" }).html + ce({ prefix: "fad", iconName: "sort-down" }).html, o.appendChild(l), o.addEventListener("click", async () => {
+    const n = t.params.orderBy, a = t.params.sortedBy;
+    return n === e && a === "asc" ? (o.classList.remove("asc"), o.classList.add("desc"), t.methods.applyParams({
       orderBy: e,
       sortedBy: "desc"
-    })) : n === e ? (a.classList.remove("desc"), await t.methods.clearParams(["orderBy", "sortedBy"])) : (a.classList.add("asc"), t.methods.applyParams({
+    })) : n === e ? (o.classList.remove("desc"), await t.methods.clearParams(["orderBy", "sortedBy"])) : (o.classList.add("asc"), t.methods.applyParams({
       orderBy: e,
       sortedBy: "asc"
     }));
   });
-}, Qs = (e, s, t) => {
+}, oo = (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 = Ee(async (o, c) => {
-    const r = c.target.value, i = `filter[${o}]`;
+  const o = document.createElement("div"), l = document.createElement("input");
+  l.type = "text", l.placeholder = "Filter...", o.className = "spark-table-head-filter", o.appendChild(l);
+  const n = ze(async (a, c) => {
+    const r = c.target.value, i = `filter[${a}]`;
     if (r)
       return t.params[i] && t.params[i] === r ? void 0 : t.methods.applyParams({
         page: 1,
@@ -1482,42 +1482,42 @@ const se = new Ks(), Us = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       });
     await t.methods.removeParam(i);
   }, 200);
-  l.addEventListener("keyup", (o) => n(e, o)), s.appendChild(a);
-}, ea = (e, s, t) => {
+  l.addEventListener("keyup", (a) => n(e, a)), s.appendChild(o);
+}, ao = (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 = Xs(s);
-}, ta = (e, s, t) => {
+  l.classList.add("spark-table-head-title"), l.innerHTML = to(s);
+}, ro = (e, s, t) => {
   if (typeof e != "number")
     return e;
   if (e < 0)
     return;
-  let a = 2;
+  let o = 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 && Js(l, s, t), n && n.columnFilter && Qs(l, s, t)), (s.childElementCount === a || a === 0) && ea(s, l, n);
-}, sa = (e) => {
+  s.childElementCount === 1 && ((!n || !n.columnSort) && o--, (!n || !n.columnFilter) && o--, n && n.columnSort && so(l, s, t), n && n.columnFilter && oo(l, s, t)), (s.childElementCount === o || o === 0) && ao(s, l, n);
+}, no = (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");
-  a.forEach((l) => {
+  const s = e.params.orderBy, t = e.params.sortedBy, o = e.hotInstance.rootElement.querySelectorAll("thead th.can-sort .relative");
+  o.forEach((l) => {
     l.classList.remove("asc", "desc");
-  }), s && t && a.forEach((l) => {
-    const n = l.closest("th"), o = Array.from(n.parentElement.children).indexOf(n);
-    e.methods.colToProp(o) === s && l.classList.add(t);
+  }), s && t && o.forEach((l) => {
+    const n = l.closest("th"), a = Array.from(n.parentElement.children).indexOf(n);
+    e.methods.colToProp(a) === s && l.classList.add(t);
   });
-}, aa = (e) => (s, t, a, l, n, o, c) => {
+}, lo = (e) => (s, t, o, l, n, a, c) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-actions");
   const i = (c.rendererConfig || {}).actions || [];
   if (i.length === 0)
     return;
-  const u = s.getSourceDataAtRow(s.toPhysicalRow(a)), p = document.createElement("div");
-  p.classList.add("flex", "items-center", "gap-2"), i.forEach((f) => {
+  const u = s.getSourceDataAtRow(s.toPhysicalRow(o)), d = document.createElement("div");
+  d.classList.add("flex", "items-center", "gap-2"), i.forEach((f) => {
     if (f.condition && typeof f.condition == "function" && !f.condition(u))
       return;
     const y = document.createElement("button");
     if (y.type = "button", y.classList.add("spark-table-action-button"), f.icon) {
       const k = document.createElement("span");
-      k.innerHTML = le({ prefix: "far", iconName: f.icon }).html, k.classList.add("size-4"), y.appendChild(k);
+      k.innerHTML = ce({ prefix: "far", iconName: f.icon }).html, k.classList.add("size-4"), y.appendChild(k);
     }
     if (f.label) {
       const k = document.createElement("span");
@@ -1526,7 +1526,7 @@ const se = new Ks(), Us = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     y.addEventListener("click", async (k) => {
       if (k.preventDefault(), k.stopPropagation(), f.confirm) {
         const h = typeof f.confirm == "string" ? f.confirm : `Are you sure you want to ${f.label?.toLowerCase() || "perform this action"}?`;
-        if (!await se.confirm({
+        if (!await oe.confirm({
           title: f.confirmTitle,
           message: h,
           type: f.confirmType,
@@ -1537,9 +1537,9 @@ const se = new Ks(), Us = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
           return;
       }
       f.event && e.methods.fireEvent(f.event, u), f.handler && typeof f.handler == "function" && f.handler(u);
-    }), p.appendChild(y);
-  }), t.appendChild(p);
-}, _e = {
+    }), d.appendChild(y);
+  }), t.appendChild(d);
+}, Ce = {
   green: "bg-green-100 text-green-800",
   red: "bg-red-100 text-red-800",
   yellow: "bg-yellow-100 text-yellow-800",
@@ -1548,10 +1548,10 @@ const se = new Ks(), Us = { 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"
-}, oa = (e) => (s, t, a, l, n, o, c) => {
-  if (t.innerHTML = "", t.classList.add("spark-table-cell-badge"), !o)
+}, io = (e) => (s, t, o, l, n, a, c) => {
+  if (t.innerHTML = "", t.classList.add("spark-table-cell-badge"), !a)
     return;
-  const i = (c.rendererConfig || {}).colorMap || {}, u = i[o] || i[o?.toLowerCase()] || "gray", p = _e[u] || _e.gray, f = document.createElement("span");
+  const i = (c.rendererConfig || {}).colorMap || {}, u = i[a] || i[a?.toLowerCase()] || "gray", d = Ce[u] || Ce.gray, f = document.createElement("span");
   f.classList.add(
     "inline-flex",
     "items-center",
@@ -1561,16 +1561,16 @@ const se = new Ks(), Us = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     "text-xs",
     "font-medium",
     "capitalize",
-    ...p.split(" ")
-  ), f.textContent = o, t.appendChild(f);
-}, we = {
+    ...d.split(" ")
+  ), f.textContent = a, t.appendChild(f);
+}, $e = {
   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" }
-}, ra = (e) => {
+}, co = (e) => {
   if (e == null || e === "")
     return !1;
   if (typeof e == "boolean")
@@ -1582,9 +1582,11 @@ const se = new Ks(), Us = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     return s === "1" || s === "yes" || s === "true";
   }
   return !1;
-}, na = (e) => (s, t, a, l, n, o, c) => {
+}, uo = (e) => (s, t, o, l, n, a, c) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-boolean");
-  const r = c.rendererConfig || {}, i = ra(o), u = i ? r.trueIcon || "check" : r.falseIcon || "xmark", p = i ? r.trueColor || "green" : r.falseColor || "red", f = r.size || 32, y = r.iconPrefix || "far", k = we[p] || we.gray, h = document.createElement("div");
+  const r = c.rendererConfig || {}, i = co(a), u = i ? r.trueIcon || "check" : r.falseIcon || "xmark", d = i ? r.trueColor || "green" : r.falseColor || "red", f = r.size || 32, y = r.iconPrefix || "far", k = $e[d] || $e.gray;
+  t.dataset.copyValue = i ? "true" : "false";
+  const h = document.createElement("div");
   h.classList.add(
     "inline-flex",
     "items-center",
@@ -1593,170 +1595,310 @@ const se = new Ks(), Us = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     k.bg,
     k.text
   ), h.style.width = `${f}px`, h.style.height = `${f}px`;
-  const _ = document.createElement("span");
-  _.innerHTML = le({ prefix: y, iconName: u }).html, _.classList.add("flex", "items-center", "justify-center");
-  const H = Math.round(f * 0.5);
-  _.style.fontSize = `${H}px`, h.appendChild(_), t.appendChild(h);
-}, la = (e) => (s, t, a, l, n, o, c) => {
-  if (t.innerHTML = "", t.classList.add("spark-table-cell-link"), !o)
+  const x = document.createElement("span");
+  x.innerHTML = ce({ prefix: y, iconName: u }).html, x.classList.add("flex", "items-center", "justify-center");
+  const P = Math.round(f * 0.5);
+  x.style.fontSize = `${P}px`, h.appendChild(x), t.appendChild(h);
+}, po = (e) => (s, t, o, l, n, a, c) => {
+  if (t.innerHTML = "", t.classList.add("spark-table-cell-link"), !a)
     return;
-  const r = c.rendererConfig || {}, i = s.getSourceDataAtRow(s.toPhysicalRow(a));
-  let u = o;
-  r.href && (typeof r.href == "function" ? u = r.href(i) : r.href === "email" ? u = `mailto:${o}` : r.href === "tel" ? u = `tel:${o}` : typeof r.href == "string" && (u = i[r.href] || o));
-  const p = document.createElement("a");
-  p.href = u, 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) => {
+  const r = c.rendererConfig || {}, i = s.getSourceDataAtRow(s.toPhysicalRow(o));
+  let u = a;
+  r.href && (typeof r.href == "function" ? u = r.href(i) : r.href === "email" ? u = `mailto:${a}` : r.href === "tel" ? u = `tel:${a}` : typeof r.href == "string" && (u = i[r.href] || a));
+  const d = document.createElement("a");
+  d.href = u, d.textContent = a, d.classList.add("text-primary-600", "hover:text-primary-900", "hover:underline"), r.target && (d.target = r.target), r.rel && (d.rel = r.rel), d.addEventListener("click", (f) => {
     f.stopPropagation();
-  }), t.appendChild(p);
-}, Se = {
+  }), t.appendChild(d);
+}, Te = {
   sm: "h-6 w-6",
   md: "h-8 w-8",
   lg: "h-12 w-12"
-}, ia = (e) => (s, t, a, l, n, o, c) => {
-  if (t.innerHTML = "", t.classList.add("spark-table-cell-image"), !o)
+}, fo = (e) => (s, t, o, l, n, a, c) => {
+  if (t.innerHTML = "", t.classList.add("spark-table-cell-image"), !a)
     return;
-  const r = c.rendererConfig || {}, i = s.getSourceDataAtRow(s.toPhysicalRow(a)), u = r.size || "md", p = Se[u] || Se.md, f = r.rounded !== !1;
+  const r = c.rendererConfig || {}, i = s.getSourceDataAtRow(s.toPhysicalRow(o)), u = r.size || "md", d = Te[u] || Te.md, f = r.rounded !== !1;
   let y = r.alt || "";
   typeof r.alt == "string" && i[r.alt] && (y = i[r.alt]);
   const k = document.createElement("img");
-  k.src = o, k.alt = y, k.classList.add(...p.split(" "), "object-cover"), f ? k.classList.add("rounded-full") : k.classList.add("rounded"), t.appendChild(k);
-}, ca = (e) => (s, t, a, l, n, o, c) => {
-  if (t.innerHTML = "", t.classList.add("spark-table-cell-date"), !o)
+  k.src = a, k.alt = y, k.classList.add(...d.split(" "), "object-cover"), f ? k.classList.add("rounded-full") : k.classList.add("rounded"), t.appendChild(k);
+}, mo = (e) => (s, t, o, l, n, a, c) => {
+  if (t.innerHTML = "", t.classList.add("spark-table-cell-date"), !a)
     return;
   const r = c.rendererConfig || {}, i = r.format || "short", u = r.locale || "en-US";
-  let p = o;
+  let d = a;
   try {
-    const y = new Date(o);
-    isNaN(y.getTime()) ? p = o : typeof i == "function" ? p = i(y) : i === "short" ? p = y.toLocaleDateString(u) : i === "long" ? p = y.toLocaleDateString(u, {
+    const y = new Date(a);
+    isNaN(y.getTime()) ? d = a : typeof i == "function" ? d = i(y) : i === "short" ? d = y.toLocaleDateString(u) : i === "long" ? d = y.toLocaleDateString(u, {
       year: "numeric",
       month: "long",
       day: "numeric"
-    }) : i === "relative" ? p = ua(y) : i === "datetime" ? p = y.toLocaleString(u) : p = y.toLocaleDateString(u);
+    }) : i === "relative" ? d = ho(y) : i === "datetime" ? d = y.toLocaleString(u) : d = y.toLocaleDateString(u);
   } catch (y) {
-    console.error("Error formatting date:", y), p = o;
+    console.error("Error formatting date:", y), d = a;
   }
   const f = document.createElement("span");
-  f.textContent = p, t.appendChild(f);
+  f.textContent = d, t.appendChild(f);
 };
-function ua(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), c = Math.floor(o / 30), r = Math.floor(o / 365), i = t > 0;
-  return a < 60 ? i ? "just now" : "in a moment" : l < 60 ? i ? `${l} minute${l > 1 ? "s" : ""} ago` : `in ${l} minute${l > 1 ? "s" : ""}` : n < 24 ? i ? `${n} hour${n > 1 ? "s" : ""} ago` : `in ${n} hour${n > 1 ? "s" : ""}` : o < 30 ? i ? `${o} day${o > 1 ? "s" : ""} ago` : `in ${o} day${o > 1 ? "s" : ""}` : c < 12 ? i ? `${c} month${c > 1 ? "s" : ""} ago` : `in ${c} month${c > 1 ? "s" : ""}` : i ? `${r} year${r > 1 ? "s" : ""} ago` : `in ${r} year${r > 1 ? "s" : ""}`;
+function ho(e) {
+  const t = /* @__PURE__ */ new Date() - e, o = Math.floor(Math.abs(t) / 1e3), l = Math.floor(o / 60), n = Math.floor(l / 60), a = Math.floor(n / 24), c = Math.floor(a / 30), r = Math.floor(a / 365), i = t > 0;
+  return o < 60 ? i ? "just now" : "in a moment" : l < 60 ? i ? `${l} minute${l > 1 ? "s" : ""} ago` : `in ${l} minute${l > 1 ? "s" : ""}` : n < 24 ? i ? `${n} hour${n > 1 ? "s" : ""} ago` : `in ${n} hour${n > 1 ? "s" : ""}` : a < 30 ? i ? `${a} day${a > 1 ? "s" : ""} ago` : `in ${a} day${a > 1 ? "s" : ""}` : c < 12 ? i ? `${c} month${c > 1 ? "s" : ""} ago` : `in ${c} month${c > 1 ? "s" : ""}` : i ? `${r} year${r > 1 ? "s" : ""} ago` : `in ${r} year${r > 1 ? "s" : ""}`;
 }
-const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
-  Nt(e, (t, a, l, n, o, c, r) => {
-    qt.apply(null, [t, a, l, n, o, c, r]), s(t, a, l, n, o, c, r);
-  }), da.set(e, s);
-}, pa = (e) => {
-  Y("spark.actions", aa(e)), Y("spark.badge", oa()), Y("spark.boolean", na()), Y("spark.link", la()), Y("spark.image", ia()), Y("spark.date", ca()), Y("style.capitalize", (s, t, a, l, n, o) => {
-    if (!o || o.length === 0) {
+const go = (e) => {
+  const s = ["th", "st", "nd", "rd"], t = e % 100;
+  return e + (s[(t - 20) % 10] || s[t] || s[0]);
+}, j = (e, s = 2) => String(e).padStart(s, "0"), ge = /* @__PURE__ */ new Map(), yo = (e, s) => {
+  const t = `${e}:${JSON.stringify(s)}`;
+  return ge.has(t) || ge.set(t, new Intl.DateTimeFormat(e, s)), ge.get(t);
+}, ie = (e, s, t, o) => {
+  const a = yo(s, t).formatToParts(e).find((c) => c.type === o);
+  return a ? a.value : "";
+}, vo = (e) => e.epochMilliseconds !== void 0 ? new Date(e.epochMilliseconds) : new Date(
+  e.year,
+  e.month - 1,
+  e.day,
+  e.hour || 0,
+  e.minute || 0,
+  e.second || 0,
+  e.millisecond || 0
+), bo = (e) => {
+  const s = e.hour || 0, t = s % 12 || 12, o = s >= 12;
+  return {
+    year: e.year,
+    month: e.month,
+    day: e.day,
+    hour24: s,
+    hour12: t,
+    hourFrom1: s === 0 ? 24 : s,
+    // k format (1-24)
+    minute: e.minute || 0,
+    second: e.second || 0,
+    millisecond: e.millisecond || 0,
+    dayOfWeek: e.dayOfWeek,
+    // 1=Monday, 7=Sunday in Temporal
+    isPM: o,
+    quarter: Math.ceil(e.month / 3)
+  };
+}, Le = (e, s = !0) => {
+  if (!e.offsetNanoseconds && e.offsetNanoseconds !== 0)
+    return "";
+  const t = Math.round(e.offsetNanoseconds / 6e10), o = t >= 0 ? "+" : "-", l = Math.abs(t), n = Math.floor(l / 60), a = l % 60;
+  return s ? `${o}${j(n)}:${j(a)}` : `${o}${j(n)}${j(a)}`;
+}, xo = (e, s) => {
+  const t = bo(e), o = vo(e), l = t.dayOfWeek === 7 ? 0 : t.dayOfWeek;
+  return [
+    // Year
+    ["YYYY", () => String(t.year)],
+    ["YY", () => String(t.year).slice(-2)],
+    // Month
+    ["MMMM", () => ie(o, s, { month: "long" }, "month")],
+    ["MMM", () => ie(o, s, { month: "short" }, "month")],
+    ["MM", () => j(t.month)],
+    ["M", () => String(t.month)],
+    // Day of month
+    ["DD", () => j(t.day)],
+    ["Do", () => go(t.day)],
+    ["D", () => String(t.day)],
+    // Day of week
+    ["dddd", () => ie(o, s, { weekday: "long" }, "weekday")],
+    ["ddd", () => ie(o, s, { weekday: "short" }, "weekday")],
+    ["dd", () => ie(o, s, { weekday: "short" }, "weekday").slice(0, 2)],
+    ["d", () => String(l)],
+    // Hour
+    ["HH", () => j(t.hour24)],
+    ["H", () => String(t.hour24)],
+    ["hh", () => j(t.hour12)],
+    ["h", () => String(t.hour12)],
+    ["kk", () => j(t.hourFrom1)],
+    ["k", () => String(t.hourFrom1)],
+    // Minute
+    ["mm", () => j(t.minute)],
+    ["m", () => String(t.minute)],
+    // Second
+    ["ss", () => j(t.second)],
+    ["s", () => String(t.second)],
+    // Millisecond
+    ["SSS", () => j(t.millisecond, 3)],
+    // AM/PM
+    ["A", () => t.isPM ? "PM" : "AM"],
+    ["a", () => t.isPM ? "pm" : "am"],
+    // Timezone offset
+    ["ZZ", () => Le(e, !1)],
+    ["Z", () => Le(e, !0)],
+    // Quarter
+    ["Q", () => String(t.quarter)],
+    // Unix timestamp
+    ["x", () => String(e.epochMilliseconds ?? o.getTime())],
+    ["X", () => String(Math.floor((e.epochMilliseconds ?? o.getTime()) / 1e3))]
+  ];
+}, ko = (e, s, t = {}) => {
+  const { locale: o = "en-US" } = t;
+  if (!e)
+    return "";
+  let l = e;
+  if (typeof e == "string")
+    try {
+      if (e.includes("[") || e.includes("Z") || /[+-]\d{2}:\d{2}$/.test(e))
+        l = Temporal.ZonedDateTime.from(e);
+      else {
+        const r = e.replace(" ", "T");
+        l = Temporal.PlainDateTime.from(r);
+      }
+    } catch (r) {
+      return console.error("Failed to parse date string:", e, r), e;
+    }
+  const n = xo(l, o), a = n.map(([r]) => r).join("|"), c = new RegExp(`\\[([^\\]]+)\\]|(${a})`, "g");
+  return s.replace(c, (r, i, u) => {
+    if (i !== void 0)
+      return i;
+    const d = n.find(([f]) => f === u);
+    return d ? d[1]() : r;
+  });
+}, _o = (e, s = {}) => {
+  const { fromTimezone: t, toTimezone: o } = s;
+  if (!e)
+    return null;
+  const l = e.replace(" ", "T");
+  return t && o ? Temporal.PlainDateTime.from(l).toZonedDateTime(t).withTimeZone(o) : t ? Temporal.PlainDateTime.from(l).toZonedDateTime(t) : Temporal.PlainDateTime.from(l);
+}, wo = (e) => (s, t, o, l, n, a, c) => {
+  t.innerHTML = "", t.classList.add("spark-table-cell-datetime");
+  const r = c.rendererConfig || {}, {
+    format: i = "DD MMM YYYY, HH:mm",
+    fromTimezone: u,
+    toTimezone: d,
+    locale: f = "en-US",
+    emptyText: y = ""
+  } = r;
+  if (!a) {
+    t.textContent = y;
+    return;
+  }
+  try {
+    const k = _o(a, { fromTimezone: u, toTimezone: d });
+    if (!k) {
+      t.textContent = y;
+      return;
+    }
+    const h = ko(k, i, { locale: f }), x = document.createElement("span");
+    x.textContent = h, t.appendChild(x);
+  } catch (k) {
+    console.error("Error formatting datetime:", k, { value: a, format: i }), t.textContent = a;
+  }
+}, So = /* @__PURE__ */ new Map(), W = (e, s) => {
+  Kt(e, (t, o, l, n, a, c, r) => {
+    Gt.apply(null, [t, o, l, n, a, c, r]), s(t, o, l, n, a, c, r);
+  }), So.set(e, s);
+}, Co = (e) => {
+  W("spark.actions", lo(e)), W("spark.badge", io()), W("spark.boolean", uo()), W("spark.link", po()), W("spark.image", fo()), W("spark.date", mo()), W("spark.datetime", wo()), W("style.capitalize", (s, t, o, l, n, a) => {
+    if (!a || a.length === 0) {
       t.innerText = "";
       return;
     }
     const c = document.createElement("span");
-    c.innerHTML = o, c.classList.add("capitalize"), t.replaceChildren(c);
+    c.innerHTML = a, c.classList.add("capitalize"), t.replaceChildren(c);
   });
-}, fa = () => {
-}, ma = (e, s = {}) => {
-  const t = W(), a = re(), l = s.namespace, n = l === null, o = s.syncToRoute !== !1, c = s.persistToStorage === !0, r = s.restoreOnMount !== !1, i = s.storageTTL || 7, u = n ? `spark-table:${a.path}` : `spark-table:${l}`, p = (b, T = "") => {
-    const V = {};
-    return Object.keys(b).forEach((N) => {
-      const Q = b[N], ye = T ? `${T}[${N}]` : N;
-      Q != null && (typeof Q == "object" && !Array.isArray(Q) ? Object.assign(V, p(Q, ye)) : V[ye] = String(Q));
-    }), V;
+}, $o = () => {
+}, To = (e, s = {}) => {
+  const t = J(), o = ne(), l = s.namespace, n = l === null, a = s.syncToRoute !== !1, c = s.persistToStorage === !0, r = s.restoreOnMount !== !1, i = s.storageTTL || 7, u = n ? `spark-table:${o.path}` : `spark-table:${l}`, d = (v, $ = "") => {
+    const M = {};
+    return Object.keys(v).forEach((D) => {
+      const G = v[D], xe = $ ? `${$}[${D}]` : D;
+      G != null && (typeof G == "object" && !Array.isArray(G) ? Object.assign(M, d(G, xe)) : M[xe] = String(G));
+    }), M;
   }, f = () => {
     if (c)
       try {
-        const b = {
+        const v = {
           params: e.params,
           timestamp: Date.now()
         };
-        localStorage.setItem(u, JSON.stringify(b));
-      } catch (b) {
-        console.warn("Failed to save table state to localStorage:", b);
+        localStorage.setItem(u, JSON.stringify(v));
+      } catch (v) {
+        console.warn("Failed to save table state to localStorage:", v);
       }
   }, y = () => {
     if (!c) return null;
     try {
-      const b = localStorage.getItem(u);
-      if (!b) return null;
-      const T = JSON.parse(b);
+      const v = localStorage.getItem(u);
+      if (!v) return null;
+      const $ = JSON.parse(v);
       if (i > 0) {
-        const V = Date.now() - T.timestamp, N = i * 24 * 60 * 60 * 1e3;
-        if (V > N)
+        const M = Date.now() - $.timestamp, D = i * 24 * 60 * 60 * 1e3;
+        if (M > D)
           return localStorage.removeItem(u), null;
       }
-      return T.params;
-    } catch (b) {
-      return console.warn("Failed to load table state from localStorage:", b), null;
+      return $.params;
+    } catch (v) {
+      return console.warn("Failed to load table state from localStorage:", v), null;
     }
   }, k = () => {
     try {
       localStorage.removeItem(u);
-    } catch (b) {
-      console.warn("Failed to clear table state from localStorage:", b);
+    } catch (v) {
+      console.warn("Failed to clear table state from localStorage:", v);
     }
   }, h = () => {
-    if (!o) return;
-    const b = { ...a.query };
+    if (!a) return;
+    const v = { ...o.query };
     if (n) {
-      Object.keys(b).forEach((V) => {
-        _(V) && delete b[V];
+      Object.keys(v).forEach((M) => {
+        x(M) && delete v[M];
       });
-      const T = p(e.params);
-      Object.assign(b, T);
+      const $ = d(e.params);
+      Object.assign(v, $);
     } else {
-      Object.keys(b).forEach((V) => {
-        (V.startsWith(`${l}[`) || V === l) && delete b[V];
+      Object.keys(v).forEach((M) => {
+        (M.startsWith(`${l}[`) || M === l) && delete v[M];
       });
-      const T = p(e.params, l);
-      Object.assign(b, T);
+      const $ = d(e.params, l);
+      Object.assign(v, $);
     }
-    t.replace({ query: b });
-  }, _ = (b) => !!(["page", "limit", "search", "orderBy", "sortedBy"].includes(b) || b.includes("[")), H = (b, T) => {
-    if (["page", "limit"].includes(b) && T !== null && T !== void 0) {
-      const N = parseInt(T, 10);
-      return isNaN(N) ? T : N;
+    t.replace({ query: v });
+  }, x = (v) => !!(["page", "limit", "search", "orderBy", "sortedBy"].includes(v) || v.includes("[")), P = (v, $) => {
+    if (["page", "limit"].includes(v) && $ !== null && $ !== void 0) {
+      const D = parseInt($, 10);
+      return isNaN(D) ? $ : D;
     }
-    return T;
+    return $;
   }, w = () => {
     if (n)
-      Object.keys(a.query).forEach((b) => {
-        _(b) && (e.params[b] = H(b, a.query[b]));
+      Object.keys(o.query).forEach((v) => {
+        x(v) && (e.params[v] = P(v, o.query[v]));
       });
     else {
-      const b = `${l}[`;
-      Object.keys(a.query).forEach((T) => {
-        if (T.startsWith(b)) {
-          const V = T.slice(b.length, -1);
-          e.params[V] = H(V, a.query[T]);
+      const v = `${l}[`;
+      Object.keys(o.query).forEach(($) => {
+        if ($.startsWith(v)) {
+          const M = $.slice(v.length, -1);
+          e.params[M] = P(M, o.query[$]);
         }
       });
     }
   };
-  return j(
+  return I(
     () => e.params,
     () => {
-      o && h(), c && f();
+      a && h(), c && f();
     },
     { deep: !0 }
-  ), r && ge(() => {
-    let b = !1;
-    if (o) {
-      let T = !1;
+  ), r && be(() => {
+    let v = !1;
+    if (a) {
+      let $ = !1;
       if (n)
-        T = Object.keys(a.query).some((V) => _(V));
+        $ = Object.keys(o.query).some((M) => x(M));
       else {
-        const V = `${l}[`;
-        T = Object.keys(a.query).some(
-          (N) => N.startsWith(V)
+        const M = `${l}[`;
+        $ = Object.keys(o.query).some(
+          (D) => D.startsWith(M)
         );
       }
-      T && (b = !0, w());
+      $ && (v = !0, w());
     }
-    if (!b && c) {
-      const T = y();
-      T && Object.keys(T).length > 0 && (Object.keys(T).forEach((V) => {
-        T[V] = H(V, T[V]);
-      }), Object.assign(e.params, T));
+    if (!v && c) {
+      const $ = y();
+      $ && Object.keys($).length > 0 && (Object.keys($).forEach((M) => {
+        $[M] = P(M, $[M]);
+      }), Object.assign(e.params, $));
     }
   }), {
     syncToRoute: h,
@@ -1765,7 +1907,7 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
     loadFromStorage: y,
     clearStorage: k
   };
-}, ha = { class: "flex items-center gap-4 py-3" }, ga = { class: "shrink-0" }, ya = { class: "text-sm text-gray-700" }, va = { class: "font-medium" }, ba = { class: "font-medium" }, xa = { class: "font-medium" }, ka = {
+}, Lo = { class: "flex items-center gap-4 py-3" }, Po = { class: "shrink-0" }, Mo = { class: "text-sm text-gray-700" }, Ho = { class: "font-medium" }, Vo = { class: "font-medium" }, Ro = { class: "font-medium" }, Bo = {
   __name: "SparkTablePaginationDetails",
   props: {
     sparkTable: {
@@ -1775,29 +1917,29 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
   },
   setup(e) {
     const s = e;
-    return (t, a) => (m(), g("div", null, [
-      d("div", ha, [
-        d("div", ga, [
-          d("div", ya, [
-            a[0] || (a[0] = B(" Showing ", -1)),
-            d("span", va, L(s.sparkTable.response.meta.from), 1),
-            a[1] || (a[1] = B(" to ", -1)),
-            d("span", ba, L(s.sparkTable.response.meta.to), 1),
-            a[2] || (a[2] = B(" of ", -1)),
-            d("span", xa, L(s.sparkTable.response.meta.total), 1),
-            a[3] || (a[3] = B(" results ", -1))
+    return (t, o) => (m(), g("div", null, [
+      p("div", Lo, [
+        p("div", Po, [
+          p("div", Mo, [
+            o[0] || (o[0] = B(" Showing ", -1)),
+            p("span", Ho, L(s.sparkTable.response.meta.from), 1),
+            o[1] || (o[1] = B(" to ", -1)),
+            p("span", Vo, L(s.sparkTable.response.meta.to), 1),
+            o[2] || (o[2] = B(" of ", -1)),
+            p("span", Ro, L(s.sparkTable.response.meta.total), 1),
+            o[3] || (o[3] = B(" results ", -1))
           ])
         ])
       ])
     ]));
   }
-}, _a = { class: "flex items-center gap-4 px-4 py-3" }, wa = {
+}, Eo = { class: "flex items-center gap-4 px-4 py-3" }, Ao = {
   key: 0,
   class: "shrink-0 ml-auto"
-}, Sa = {
+}, Oo = {
   class: "isolate inline-flex -space-x-px rounded-md shadow-xs bg-white",
   "aria-label": "Pagination"
-}, Ca = ["onClick"], $a = {
+}, Fo = ["onClick"], zo = {
   __name: "SparkTablePaginationPaging",
   props: {
     sparkTable: {
@@ -1807,67 +1949,67 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
   },
   emits: ["paginate"],
   setup(e, { emit: s }) {
-    const t = e, a = s, l = (u) => {
+    const t = e, o = s, l = (u) => {
       n(t.sparkTable.params.page + u);
     }, n = (u) => {
-      u < 1 || u > t.sparkTable.response.meta.last_page || a("paginate", {
+      u < 1 || u > t.sparkTable.response.meta.last_page || o("paginate", {
         page: u
       });
-    }, o = S(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), c = S(() => t.sparkTable.computed.ready ? Bt(
-      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
+    }, a = S(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), c = S(() => t.sparkTable.computed.ready ? Ft(
+      Math.floor((a.value - 1) / 10) * 10 + 1,
+      a.value > t.sparkTable.response.meta.last_page ? t.sparkTable.response.meta.last_page + 1 : a.value + 1
     ) : []), r = S(
-      () => t.sparkTable.params.page < U(t.sparkTable.response.meta, "last_page", 1)
+      () => t.sparkTable.params.page < Y(t.sparkTable.response.meta, "last_page", 1)
     ), i = S(() => t.sparkTable.params.page > 1);
-    return (u, p) => {
+    return (u, d) => {
       const f = A("font-awesome-icon");
       return m(), g("div", null, [
-        d("div", _a, [
-          c.value.length > 1 ? (m(), g("div", wa, [
-            d("div", null, [
-              d("nav", Sa, [
-                d("a", {
-                  class: P([i.value ? "" : "disabled", "relative inline-flex items-center rounded-l-md px-2 py-[9px] text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-20 focus:outline-offset-0"]),
+        p("div", Eo, [
+          c.value.length > 1 ? (m(), g("div", Ao, [
+            p("div", null, [
+              p("nav", Oo, [
+                p("a", {
+                  class: H([i.value ? "" : "disabled", "relative inline-flex items-center rounded-l-md px-2 py-[9px] text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-20 focus:outline-offset-0"]),
                   href: "#",
-                  onClick: p[0] || (p[0] = X((y) => l(-1), ["prevent"]))
+                  onClick: d[0] || (d[0] = Q((y) => l(-1), ["prevent"]))
                 }, [
-                  v(f, {
-                    icon: x(F).farChevronLeft,
+                  b(f, {
+                    icon: _(O).farChevronLeft,
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ], 2),
                 (m(!0), g(R, null, z(c.value, (y) => (m(), g("a", {
                   key: `page-${y}`,
                   href: "#",
-                  class: P([
+                  class: H([
                     "relative inline-flex items-center px-4 py-[9px] text-sm font-semibold ring-1 ring-inset",
                     e.sparkTable.params.page === y ? "z-10 text-white bg-primary-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 hover:bg-primary-600" : "text-gray-900 hover:bg-gray-50 ring-gray-300 focus:z-20 focus:outline-offset-0"
                   ]),
                   onClick: (k) => n(y)
-                }, L(y), 11, Ca))), 128)),
-                d("a", {
-                  class: P([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] = X((y) => l(1), ["prevent"])),
+                }, L(y), 11, Fo))), 128)),
+                p("a", {
+                  class: H([r.value ? "" : "disabled", "relative inline-flex items-center rounded-r-md px-2 py-[9px] text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-20 focus:outline-offset-0"]),
+                  onClick: d[1] || (d[1] = Q((y) => l(1), ["prevent"])),
                   href: "#"
                 }, [
-                  v(f, {
-                    icon: x(F).farChevronRight,
+                  b(f, {
+                    icon: _(O).farChevronRight,
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ], 2)
               ])
             ])
-          ])) : $("", !0)
+          ])) : T("", !0)
         ])
       ]);
     };
   }
-}, J = (e, s) => {
+}, ee = (e, s) => {
   const t = e.__vccOpts || e;
-  for (const [a, l] of s)
-    t[a] = l;
+  for (const [o, l] of s)
+    t[o] = l;
   return t;
-}, Ta = { class: "spark-table-pagination-per-page" }, La = {
+}, Do = { class: "spark-table-pagination-per-page" }, jo = {
   __name: "SparkTablePaginationPerPage",
   props: {
     sparkTable: {
@@ -1877,19 +2019,19 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
   },
   emits: ["paginate"],
   setup(e, { emit: s }) {
-    const t = e, a = s, l = S(() => t.sparkTable.options.perPages.map((o) => ({
-      label: String(o),
-      value: o
-    }))), n = (o) => {
-      a("paginate", {
+    const t = e, o = s, l = S(() => t.sparkTable.options.perPages.map((a) => ({
+      label: String(a),
+      value: a
+    }))), n = (a) => {
+      o("paginate", {
         page: 1,
-        limit: parseInt(o)
+        limit: parseInt(a)
       });
     };
-    return (o, c) => {
+    return (a, c) => {
       const r = A("FormKit");
-      return m(), g("div", Ta, [
-        v(r, {
+      return m(), g("div", Do, [
+        b(r, {
           "model-value": e.sparkTable.params.limit,
           type: "select",
           options: l.value,
@@ -1901,7 +2043,7 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
       ]);
     };
   }
-}, Pa = /* @__PURE__ */ J(La, [["__scopeId", "data-v-9ef8544b"]]), Ce = {
+}, Io = /* @__PURE__ */ ee(jo, [["__scopeId", "data-v-9ef8544b"]]), Pe = {
   __name: "SparkTableToolbar",
   props: {
     position: {
@@ -1911,18 +2053,18 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = He(), a = S(() => !!t.default), l = S(() => {
+    const s = e, t = Be(), o = S(() => !!t.default), l = S(() => {
       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`;
     });
-    return (n, o) => a.value ? (m(), g("div", {
+    return (n, a) => o.value ? (m(), g("div", {
       key: 0,
-      class: P(l.value)
+      class: H(l.value)
     }, [
-      O(n.$slots, "default")
-    ], 2)) : $("", !0);
+      F(n.$slots, "default")
+    ], 2)) : T("", !0);
   }
-}, Ha = { class: "spark-table-search" }, Va = {
+}, No = { class: "spark-table-search" }, Zo = {
   __name: "SparkTableSearch",
   props: {
     /** SparkTable instance object */
@@ -1941,33 +2083,33 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = E(""), 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 s = e, t = E(""), o = s.config.param || "search";
+    s.sparkTable.params[o] ? t.value = s.sparkTable.params[o] : s.config.initialValue && (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
+      [o]: s.config.initialValue
     }));
-    const l = Ee((o) => {
-      o ? s.sparkTable.methods.applyParams({
+    const l = ze((a) => {
+      a ? s.sparkTable.methods.applyParams({
         page: 1,
-        [a]: o
-      }) : s.sparkTable.methods.removeParam(a);
+        [o]: a
+      }) : s.sparkTable.methods.removeParam(o);
     }, s.config.debounce || 300);
-    j(t, (o) => {
-      l(o);
+    I(t, (a) => {
+      l(a);
     });
     const n = s.config.placeholder || "Search...";
-    return j(
-      () => s.sparkTable.params[a],
-      (o) => {
-        o && o !== t.value ? t.value = o : !o && t.value && (t.value = "");
+    return I(
+      () => s.sparkTable.params[o],
+      (a) => {
+        a && a !== t.value ? t.value = a : !a && t.value && (t.value = "");
       }
-    ), (o, c) => {
+    ), (a, c) => {
       const r = A("FormKit");
-      return m(), g("div", Ha, [
-        v(r, D({
+      return m(), g("div", No, [
+        b(r, Z({
           modelValue: t.value,
           "onUpdate:modelValue": c[0] || (c[0] = (i) => t.value = i),
           type: "text",
-          placeholder: x(n),
+          placeholder: _(n),
           suffixIcon: "search",
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0",
@@ -1976,7 +2118,7 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
       ]);
     };
   }
-}, Ma = /* @__PURE__ */ J(Va, [["__scopeId", "data-v-976170dc"]]), Ra = { class: "spark-table-filter-select" }, Ba = {
+}, qo = /* @__PURE__ */ ee(Zo, [["__scopeId", "data-v-976170dc"]]), Uo = { class: "spark-table-filter-select" }, Ko = {
   __name: "SparkTableFilterSelect",
   props: {
     /** SparkTable instance object */
@@ -1992,32 +2134,32 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = E(""), 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
+    const s = e, t = E(""), o = s.config.param || `filter[${s.config.key}]`;
+    s.sparkTable.params[o] ? t.value = s.sparkTable.params[o] : s.config.initialValue !== void 0 && s.config.initialValue !== null && (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
+      [o]: s.config.initialValue
     }));
     const l = s.config.label || null, n = S(() => [
       { label: s.config.placeholder || "All", value: "" },
       ...s.config.options
     ]);
-    return j(t, (o) => {
-      o ? s.sparkTable.methods.applyParams({
+    return I(t, (a) => {
+      a ? s.sparkTable.methods.applyParams({
         page: 1,
-        [a]: o
-      }) : s.sparkTable.methods.removeParam(a);
-    }), j(
-      () => s.sparkTable.params[a],
-      (o) => {
-        o != null && o !== "" ? t.value !== o && (t.value = o) : t.value && (t.value = "");
+        [o]: a
+      }) : s.sparkTable.methods.removeParam(o);
+    }), I(
+      () => s.sparkTable.params[o],
+      (a) => {
+        a != null && a !== "" ? t.value !== a && (t.value = a) : t.value && (t.value = "");
       }
-    ), (o, c) => {
+    ), (a, c) => {
       const r = A("FormKit");
-      return m(), g("div", Ra, [
-        v(r, D({
+      return m(), g("div", Uo, [
+        b(r, Z({
           modelValue: t.value,
           "onUpdate:modelValue": c[0] || (c[0] = (i) => t.value = i),
           type: "select",
-          label: x(l),
+          label: _(l),
           options: n.value,
           placeholder: e.config.placeholder || "All",
           "outer-class": "!mb-0",
@@ -2026,10 +2168,10 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
       ]);
     };
   }
-}, Ea = /* @__PURE__ */ J(Ba, [["__scopeId", "data-v-642dbc69"]]), Aa = { class: "spark-table-filter-buttons" }, Fa = {
+}, Go = /* @__PURE__ */ ee(Ko, [["__scopeId", "data-v-642dbc69"]]), Wo = { class: "spark-table-filter-buttons" }, Yo = {
   key: 0,
   class: "spark-table-filter-buttons-label"
-}, Oa = {
+}, Xo = {
   __name: "SparkTableFilterButtons",
   props: {
     /** SparkTable instance object */
@@ -2045,30 +2187,30 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = E(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`;
+    const s = e, t = E(null), o = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`;
     s.sparkTable.params[l] !== void 0 ? t.value = s.sparkTable.params[l] : s.config.initialValue !== void 0 && (t.value = s.config.initialValue, s.config.initialValue !== null && s.sparkTable.methods.applyParams({
       [l]: s.config.initialValue
     }));
-    const n = (c) => c == null ? t.value === null || t.value === void 0 || t.value === "" : t.value === c, o = (c) => {
+    const n = (c) => c == null ? t.value === null || t.value === void 0 || t.value === "" : t.value === c, a = (c) => {
       t.value = c, c == null || c === "" ? s.sparkTable.methods.removeParam(l) : s.sparkTable.methods.applyParams({
         page: 1,
         [l]: c
       });
     };
-    return j(
+    return I(
       () => s.sparkTable.params[l],
       (c) => {
         (c == null || c === "") && t.value ? t.value = null : c !== t.value && (t.value = c);
       }
-    ), (c, r) => (m(), g("div", Aa, [
-      x(a) ? (m(), g("span", Fa, L(x(a)), 1)) : $("", !0),
-      v(zs, { class: "isolate" }, {
+    ), (c, r) => (m(), g("div", Wo, [
+      _(o) ? (m(), g("span", Yo, L(_(o)), 1)) : T("", !0),
+      b(Ns, { class: "isolate" }, {
         default: C(() => [
-          (m(!0), g(R, null, z(e.config.options, (i) => (m(), M(K, {
+          (m(!0), g(R, null, z(e.config.options, (i) => (m(), V(K, {
             key: i.value,
             size: "xl",
             variant: n(i.value) ? "primary" : "secondary",
-            onClick: (u) => o(i.value)
+            onClick: (u) => a(i.value)
           }, {
             default: C(() => [
               B(L(i.label), 1)
@@ -2080,7 +2222,7 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
       })
     ]));
   }
-}, za = /* @__PURE__ */ J(Oa, [["__scopeId", "data-v-0fcd0cce"]]), ja = { class: "spark-table-date-picker" }, Ia = {
+}, Jo = /* @__PURE__ */ ee(Xo, [["__scopeId", "data-v-0fcd0cce"]]), Qo = { class: "spark-table-date-picker" }, ea = {
   __name: "SparkTableDatePicker",
   props: {
     /** SparkTable instance object */
@@ -2096,33 +2238,33 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = E(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`, n = E(`${l}-0`);
+    const s = e, t = E(null), o = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`, n = E(`${l}-0`);
     return s.sparkTable.params[l] ? t.value = s.sparkTable.params[l] : s.config.initialValue ? (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
       [l]: s.config.initialValue
-    })) : t.value = null, j(t, (o) => {
-      o ? s.sparkTable.methods.applyParams({
+    })) : t.value = null, I(t, (a) => {
+      a ? s.sparkTable.methods.applyParams({
         page: 1,
-        [l]: o
+        [l]: a
       }) : s.sparkTable.methods.removeParam(l);
-    }), j(
+    }), I(
       () => s.sparkTable.params[l],
-      (o) => {
-        if ((o == null || o === "") && t.value) {
+      (a) => {
+        if ((a == null || a === "") && t.value) {
           t.value = null;
           const c = parseInt(n.value.split("-").pop()) || 0;
           n.value = `${l}-${c + 1}`;
-        } else o && o !== t.value && (t.value = o);
+        } else a && a !== t.value && (t.value = a);
       }
-    ), (o, c) => {
+    ), (a, c) => {
       const r = A("FormKit");
-      return m(), g("div", ja, [
-        (m(), M(r, D({
+      return m(), g("div", Qo, [
+        (m(), V(r, Z({
           key: n.value,
           modelValue: t.value,
           "onUpdate:modelValue": c[0] || (c[0] = (i) => t.value = i),
           type: "datepicker",
           "picker-only": "",
-          label: x(a),
+          label: _(o),
           placeholder: e.config.placeholder || "Select date",
           overlay: !0,
           "value-format": "YYYY-MM-DD",
@@ -2133,7 +2275,7 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
       ]);
     };
   }
-}, Da = /* @__PURE__ */ J(Ia, [["__scopeId", "data-v-44ef9cb8"]]), Na = { class: "spark-table-reset" }, qa = { key: 1 }, Za = {
+}, ta = /* @__PURE__ */ ee(ea, [["__scopeId", "data-v-44ef9cb8"]]), sa = { class: "spark-table-reset" }, oa = { key: 1 }, aa = {
   __name: "SparkTableReset",
   props: {
     /** SparkTable instance object */
@@ -2149,57 +2291,57 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
   },
   setup(e) {
     const s = e, t = () => {
-      const a = s.sparkTable.plugins || {}, l = [], n = {};
-      Object.entries(a).forEach(([i, u]) => {
+      const o = s.sparkTable.plugins || {}, l = [], n = {};
+      Object.entries(o).forEach(([i, u]) => {
         if (!u || u.type === "reset" || !(typeof u.enabled == "function" ? u.enabled(s.sparkTable.params) : u.enabled))
           return;
         let f = null;
         u.type === "search" ? f = u.param || "search" : u.type === "filterSelect" || u.type === "filterButtons" ? f = u.param || `filter[${u.key}]` : u.type === "datePicker" && (f = u.param || `filter[${u.key}]`), f && (u.initialValue !== void 0 && u.initialValue !== null ? n[f] = u.initialValue : l.push(f));
       });
-      const o = l.filter(
+      const a = l.filter(
         (i) => s.sparkTable.params[i] !== void 0 && s.sparkTable.params[i] !== null && s.sparkTable.params[i] !== ""
       ), c = Object.entries(n).filter(
         ([i, u]) => s.sparkTable.params[i] !== u
       );
-      if (o.length === 0 && c.length === 0)
+      if (a.length === 0 && c.length === 0)
         return;
-      o.forEach((i) => {
+      a.forEach((i) => {
         delete s.sparkTable.params[i];
       });
       const r = Object.fromEntries(c);
       s.sparkTable.methods.applyParams({ ...r, page: 1 });
     };
-    return (a, l) => {
+    return (o, l) => {
       const n = A("font-awesome-icon");
-      return m(), g("div", Na, [
-        v(K, {
+      return m(), g("div", sa, [
+        b(K, {
           onClick: t,
           variant: "secondary",
           size: "xl"
         }, {
           default: C(() => [
-            e.config.icon ? (m(), M(n, {
+            e.config.icon ? (m(), V(n, {
               key: 0,
               icon: ["far", e.config.icon],
-              class: P({ "mr-1.5": e.config.label })
-            }, null, 8, ["icon", "class"])) : $("", !0),
-            e.config.label ? (m(), g("span", qa, L(e.config.label), 1)) : $("", !0)
+              class: H({ "mr-1.5": e.config.label })
+            }, null, 8, ["icon", "class"])) : T("", !0),
+            e.config.label ? (m(), g("span", oa, L(e.config.label), 1)) : T("", !0)
           ]),
           _: 1
         })
       ]);
     };
   }
-}, Ka = /* @__PURE__ */ J(Za, [["__scopeId", "data-v-45343158"]]), Ua = { class: "spark-table" }, Ga = {
+}, ra = /* @__PURE__ */ ee(aa, [["__scopeId", "data-v-45343158"]]), na = { class: "spark-table" }, la = {
   key: 1,
   class: "pt-5"
-}, Wa = { class: "flex items-center gap-x-3" }, he = {
+}, ia = { class: "flex items-center gap-x-3" }, ve = {
   perPages: [15, 30, 50, 100, 200, 500],
   limit: 15
-}, Ya = {
+}, ca = {
   page: 1,
-  limit: he.limit
-}, $e = {
+  limit: ve.limit
+}, Me = {
   colHeaders: !0,
   filters: !1,
   stretchH: "all",
@@ -2209,7 +2351,7 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
   tableClassName: "spark-table-table",
   readOnlyCellClassName: "read-only",
   licenseKey: "non-commercial-and-evaluation"
-}, Xr = {
+}, un = {
   __name: "SparkTable",
   props: {
     url: {
@@ -2221,7 +2363,7 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
     dataTransformer: {
       type: Function,
       default: (e, s) => ({
-        data: U(s.settings, "nestedHeaders") ? e.data.data.map((a) => (s.settings.columnKeys || []).map((n) => a[n])) : e.data.data,
+        data: Y(s.settings, "nestedHeaders") ? e.data.data.map((o) => (s.settings.columnKeys || []).map((n) => o[n])) : e.data.data,
         meta: {
           last_page: e.data.last_page,
           from: e.data.from,
@@ -2233,19 +2375,19 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
     params: {
       type: Object,
       default() {
-        return Ya;
+        return ca;
       }
     },
     options: {
       type: Object,
       default() {
-        return he;
+        return ve;
       }
     },
     settings: {
       type: Object,
       default() {
-        return $e;
+        return Me;
       }
     },
     plugins: {
@@ -2273,115 +2415,132 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
     "page-change"
   ],
   setup(e, { expose: s, emit: t }) {
-    const a = e;
-    Dt(), ce(Ot), ce(zt), ce(jt), U(a, "settings.nestedHeaders") && ce(It);
-    const l = t, n = Le("axios"), o = E(null), c = E(!1), r = E(null);
+    const o = e;
+    Ut(), de(It), de(Nt), de(Zt), Y(o, "settings.nestedHeaders") && de(qt);
+    const l = t, n = Ve("axios"), a = E(null), c = E(!1), r = E(null);
     let i = !1;
     const u = {
-      search: Ma,
-      filterSelect: Ea,
-      filterButtons: za,
-      datePicker: Da,
-      reset: Ka
-    }, p = q({
+      search: qo,
+      filterSelect: Go,
+      filterButtons: Jo,
+      datePicker: ta,
+      reset: ra
+    }, d = q({
       hotInstance: null,
-      url: S(() => a.url),
-      plugins: a.plugins,
+      url: S(() => o.url),
+      plugins: o.plugins,
       response: {},
       params: {
         page: 1,
-        limit: a.options.limit
+        limit: o.options.limit
       },
       methods: {
         applyParams: (h) => {
-          h && (p.params = {
-            ...p.params,
+          h && (d.params = {
+            ...d.params,
             ...h
-          }, l("page-change", p.params));
+          }, l("page-change", d.params));
         },
         removeParam: async (h) => {
-          p.params[h] && (delete p.params[h], await p.methods.loadTable());
+          d.params[h] && (delete d.params[h], await d.methods.loadTable());
         },
         loadTable: async (h) => {
-          if (!(!o.value || !o.value.hotInstance)) {
-            c.value = !0, r.value = null, l("loading", !0), pe.start(), p.hotInstance = o.value.hotInstance;
+          if (!(!a.value || !a.value.hotInstance)) {
+            c.value = !0, r.value = null, l("loading", !0), me.start(), d.hotInstance = a.value.hotInstance;
             try {
-              if (a.dataProvider) {
-                const w = await a.dataProvider(p.computed.params);
-                p.response = a.dataTransformer(w, a);
-              } else if (a.url) {
-                const w = await n.get(a.url, {
-                  params: p.computed.params
+              if (o.dataProvider) {
+                const w = await o.dataProvider(d.computed.params);
+                d.response = o.dataTransformer(w, o);
+              } else if (o.url) {
+                const w = await n.get(o.url, {
+                  params: d.computed.params
                 });
-                p.response = a.dataTransformer(w, a);
+                d.response = o.dataTransformer(w, o);
               } else {
-                console.error("No data provider or URL provided"), c.value = !1, l("loading", !1), pe.done();
+                console.error("No data provider or URL provided"), c.value = !1, l("loading", !1), me.done();
                 return;
               }
               if (i) return;
-              p.hotInstance.updateData(p.response.data), p.options.callback && typeof p.options.callback == "function" && await p.options.callback();
-              const _ = p.hotInstance.getPlugin("autoColumnSize");
-              U(a.settings, "columns", []).forEach((w, b) => {
-                w.width || _.calculateColumnsWidth(b, b, !0);
+              d.hotInstance.updateData(d.response.data), d.options.callback && typeof d.options.callback == "function" && await d.options.callback();
+              const x = d.hotInstance.getPlugin("autoColumnSize");
+              Y(o.settings, "columns", []).forEach((w, v) => {
+                w.width || x.calculateColumnsWidth(v, v, !0);
               }), l("load", {
-                data: p.response.data,
-                meta: p.response.meta
+                data: d.response.data,
+                meta: d.response.meta
               }), h && typeof h == "function" && h();
-            } catch (_) {
-              r.value = _, l("error", _), console.error("Error loading table data:", _);
+            } catch (x) {
+              r.value = x, l("error", x), console.error("Error loading table data:", x);
             } finally {
-              c.value = !1, l("loading", !1), pe.done();
+              c.value = !1, l("loading", !1), me.done();
             }
           }
         },
         // can't use sparkTable.hotInstance here because the ref isn't ready
-        colToProp: (h) => o.value.hotInstance.colToProp(h),
-        fireEvent: (h, _) => {
-          l(h, _);
+        colToProp: (h) => a.value.hotInstance.colToProp(h),
+        fireEvent: (h, x) => {
+          l(h, x);
         },
-        getSettingsForProp: (h) => Et(U(p.tableSettings, "columns"), { data: h }),
+        getSettingsForProp: (h) => zt(Y(d.tableSettings, "columns"), { data: h }),
         // Helper methods for easier param access
-        getParams: () => p.computed.params,
-        getParam: (h) => p.computed.params[h],
-        setParam: (h, _) => {
-          p.methods.applyParams({ [h]: _ });
+        getParams: () => d.computed.params,
+        getParam: (h) => d.computed.params[h],
+        setParam: (h, x) => {
+          d.methods.applyParams({ [h]: x });
         },
-        clearParam: (h) => p.methods.removeParam(h),
+        clearParam: (h) => d.methods.removeParam(h),
         clearParams: (h) => {
-          (Array.isArray(h) ? h : [h]).forEach((H) => {
-            p.params[H] !== void 0 && delete p.params[H];
-          }), p.methods.applyParams({ page: 1 });
+          (Array.isArray(h) ? h : [h]).forEach((P) => {
+            d.params[P] !== void 0 && delete d.params[P];
+          }), d.methods.applyParams({ page: 1 });
         }
       },
       computed: {
         params: S(() => ({
-          ...a.params,
-          ...p.params
+          ...o.params,
+          ...d.params
         })),
-        ready: S(() => At(p, "response.meta.last_page"))
+        ready: S(() => Dt(d, "response.meta.last_page"))
       },
       options: S(() => ({
-        ...he,
-        ...a.options
+        ...ve,
+        ...o.options
       })),
       tableSettings: S(() => ({
-        ...$e,
-        nestedHeaders: U(a.settings, "nestedHeaders", []),
-        ...!U(a.settings, "nestedHeaders") && {
-          afterGetColHeader: (h, _) => ta(h, _, p)
+        ...Me,
+        nestedHeaders: Y(o.settings, "nestedHeaders", []),
+        ...!Y(o.settings, "nestedHeaders") && {
+          afterGetColHeader: (h, x) => ro(h, x, d)
         },
-        afterChange: (h, _) => fa(),
-        afterRender: () => sa(p),
+        afterChange: (h, x) => $o(),
+        afterRender: () => no(d),
         /**
          * 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: (h, _) => {
-          const w = U(a.settings, "columns", [])[_];
+        beforeStretchingColumnWidth: (h, x) => {
+          const w = Y(o.settings, "columns", [])[x];
           return w && w.width !== void 0 ? w.width : h;
         },
-        ...a.settings
+        /**
+         * Copy displayed cell content instead of raw data values
+         * This ensures custom renderers copy their visual output, not the underlying data
+         */
+        beforeCopy: (h, x) => {
+          const P = a.value?.hotInstance;
+          P && x.forEach((w) => {
+            for (let v = w.startRow; v <= w.endRow; v++)
+              for (let $ = w.startCol; $ <= w.endCol; $++) {
+                const M = P.getCell(v, $);
+                if (M) {
+                  const D = v - x[0].startRow, G = $ - x[0].startCol;
+                  h[D][G] = M.dataset.copyValue ?? M.textContent ?? "";
+                }
+              }
+          });
+        },
+        ...o.settings
       }))
     }), f = (h) => {
       if (!h) return null;
@@ -2395,116 +2554,116 @@ const da = /* @__PURE__ */ new Map(), Y = (e, s) => {
         default:
           return null;
       }
-    }, y = (h) => h ? typeof h.enabled == "function" ? h.enabled(p.params) : h.enabled : !1, k = S(() => Object.entries(a.plugins).filter(([h, _]) => y(_)).map(([h, _]) => ({ name: h, config: _ })));
-    if (j(
-      () => ({ ...p.params }),
+    }, y = (h) => h ? typeof h.enabled == "function" ? h.enabled(d.params) : h.enabled : !1, k = S(() => Object.entries(o.plugins).filter(([h, x]) => y(x)).map(([h, x]) => ({ name: h, config: x })));
+    if (I(
+      () => ({ ...d.params }),
       () => {
         const h = [];
-        Object.values(a.plugins).forEach((_) => {
-          const H = f(_);
-          if (!H) return;
-          const w = y(_), b = p.params[H] !== void 0;
-          !w && b && h.push(H);
-        }), h.length > 0 && h.forEach((_) => {
-          delete p.params[_];
+        Object.values(o.plugins).forEach((x) => {
+          const P = f(x);
+          if (!P) return;
+          const w = y(x), v = d.params[P] !== void 0;
+          !w && v && h.push(P);
+        }), h.length > 0 && h.forEach((x) => {
+          delete d.params[x];
         });
       },
       { deep: !0, flush: "sync" }
-    ), a.syncToRoute || a.persistToStorage) {
-      const h = typeof a.syncToRoute == "string";
-      ma(p, {
-        namespace: h ? a.syncToRoute : null,
-        syncToRoute: !!a.syncToRoute,
-        persistToStorage: a.persistToStorage
+    ), o.syncToRoute || o.persistToStorage) {
+      const h = typeof o.syncToRoute == "string";
+      To(d, {
+        namespace: h ? o.syncToRoute : null,
+        syncToRoute: !!o.syncToRoute,
+        persistToStorage: o.persistToStorage
       });
     }
-    return be(
-      () => a.params,
+    return _e(
+      () => o.params,
       async () => {
-        p.params.page = 1, await p.methods.loadTable();
+        d.params.page = 1, await d.methods.loadTable();
       },
       { debounce: 50, maxWait: 1e3 }
-    ), be(
-      () => p.params,
+    ), _e(
+      () => d.params,
       async () => {
-        await p.methods.loadTable();
+        await d.methods.loadTable();
       },
       { debounce: 50, maxWait: 1e3 }
-    ), j(
-      () => a.url,
-      async (h, _) => {
-        h !== _ && (p.params.page = 1, await p.methods.loadTable());
+    ), I(
+      () => o.url,
+      async (h, x) => {
+        h !== x && (d.params.page = 1, await d.methods.loadTable());
       }
-    ), ge(async () => {
-      await p.methods.loadTable(), l("ready");
-    }), Ke(() => {
+    ), be(async () => {
+      await d.methods.loadTable(), l("ready");
+    }), Ye(() => {
       i = !0;
-    }), pa(p), s({
-      refresh: () => p.methods.loadTable(),
-      getParams: () => p.methods.getParams(),
-      getParam: (h) => p.methods.getParam(h),
-      setParam: (h, _) => p.methods.setParam(h, _),
-      clearParam: (h) => p.methods.clearParam(h),
-      clearParams: (h) => p.methods.clearParams(h),
-      applyParams: (h) => p.methods.applyParams(h),
+    }), Co(d), s({
+      refresh: () => d.methods.loadTable(),
+      getParams: () => d.methods.getParams(),
+      getParam: (h) => d.methods.getParam(h),
+      setParam: (h, x) => d.methods.setParam(h, x),
+      clearParam: (h) => d.methods.clearParam(h),
+      clearParams: (h) => d.methods.clearParams(h),
+      applyParams: (h) => d.methods.applyParams(h),
       loading: c,
       error: r,
-      sparkTable: p,
-      table: o
-    }), (h, _) => (m(), g("div", Ua, [
-      p.computed.ready && k.value && k.value.length ? (m(), M(Ce, {
+      sparkTable: d,
+      table: a
+    }), (h, x) => (m(), g("div", na, [
+      d.computed.ready && k.value && k.value.length ? (m(), V(Pe, {
         key: 0,
         position: "header"
       }, {
         default: C(() => [
-          (m(!0), g(R, null, z(k.value, (H) => (m(), M(I(u[H.config.type]), {
-            key: H.name,
-            class: P(H.config.align ? `self-${H.config.align}` : ""),
-            "spark-table": p,
-            config: H.config
+          (m(!0), g(R, null, z(k.value, (P) => (m(), V(N(u[P.config.type]), {
+            key: P.name,
+            class: H(P.config.align ? `self-${P.config.align}` : ""),
+            "spark-table": d,
+            config: P.config
           }, null, 8, ["class", "spark-table", "config"]))), 128)),
-          O(h.$slots, "header", {
-            sparkTable: p,
+          F(h.$slots, "header", {
+            sparkTable: d,
             loading: c.value,
             error: r.value
           })
         ]),
         _: 3
-      })) : (m(), g("div", Ga)),
-      v(x(Ft), {
+      })) : (m(), g("div", la)),
+      b(_(jt), {
         "theme-name": "ht-theme-classic",
         ref_key: "table",
-        ref: o,
-        settings: p.tableSettings
+        ref: a,
+        settings: d.tableSettings
       }, null, 8, ["settings"]),
-      p.computed.ready ? (m(), M(Ce, {
+      d.computed.ready ? (m(), V(Pe, {
         key: 2,
         position: "footer"
       }, {
         default: C(() => [
-          v(ka, { "spark-table": p }, null, 8, ["spark-table"]),
-          d("div", Wa, [
-            v($a, {
-              "spark-table": p,
-              onPaginate: p.methods.applyParams
+          b(Bo, { "spark-table": d }, null, 8, ["spark-table"]),
+          p("div", ia, [
+            b(zo, {
+              "spark-table": d,
+              onPaginate: d.methods.applyParams
             }, null, 8, ["spark-table", "onPaginate"]),
-            v(Pa, {
-              "spark-table": p,
-              onPaginate: p.methods.applyParams
+            b(Io, {
+              "spark-table": d,
+              onPaginate: d.methods.applyParams
             }, null, 8, ["spark-table", "onPaginate"]),
-            O(h.$slots, "footer", {
-              sparkTable: p,
+            F(h.$slots, "footer", {
+              sparkTable: d,
               loading: c.value,
               error: r.value
             })
           ])
         ]),
         _: 3
-      })) : $("", !0)
+      })) : T("", !0)
     ]));
   }
 };
-function Te() {
+function He() {
   const e = q({
     isVisible: !1,
     content: null,
@@ -2515,41 +2674,41 @@ function Te() {
     e.isVisible = !e.isVisible;
   }, t = () => {
     e.isVisible = !1, e.content = null, e.props = {}, e.eventHandlers = {}, e.size = "md";
-  }, a = () => {
+  }, o = () => {
     e.isVisible = !0;
-  }, l = (o, c = {}, r = {}, i = {}) => {
-    e.content = de(o), e.props = c, e.eventHandlers = r, e.size = i.size || "md";
+  }, l = (a, c = {}, r = {}, i = {}) => {
+    e.content = fe(a), e.props = c, e.eventHandlers = r, e.size = i.size || "md";
   };
   return {
     state: e,
     toggle: s,
     close: t,
-    open: a,
+    open: o,
     setContent: l,
-    show: (o, c = {}, r = {}, i = {}) => {
-      o && l(o, c, r, i), a();
+    show: (a, c = {}, r = {}, i = {}) => {
+      a && l(a, c, r, i), o();
     }
   };
 }
-class Xa {
+class ua {
   constructor() {
-    this.left = Te(), this.right = Te();
+    this.left = He(), this.right = He();
   }
-  showLeft = (s, t = {}, a = {}, l = {}) => {
+  showLeft = (s, t = {}, o = {}, l = {}) => {
     const n = {
       close: () => {
-        a.close?.(), this.closeLeft();
+        o.close?.(), this.closeLeft();
       },
-      ...a
+      ...o
     };
     this.left.show(s, t, n, l);
   };
-  showRight = (s, t = {}, a = {}, l = {}) => {
+  showRight = (s, t = {}, o = {}, l = {}) => {
     const n = {
       close: () => {
-        a.close?.(), this.closeRight();
+        o.close?.(), this.closeRight();
       },
-      ...a
+      ...o
     };
     this.right.show(s, t, n, l);
   };
@@ -2563,22 +2722,22 @@ class Xa {
     this.left.close(), this.right.close();
   };
 }
-const ee = new Xa(), Ja = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Qa = { class: "flex flex-1 flex-col" }, eo = {
+const te = new ua(), da = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, pa = { class: "flex flex-1 flex-col" }, fa = {
   class: "flex flex-1 flex-col gap-y-7",
   role: "list"
-}, to = { class: "flex flex-1 flex-col" }, so = {
+}, ma = { class: "flex flex-1 flex-col" }, ha = {
   role: "list",
   class: "flex flex-1 flex-col"
-}, ao = { class: "flex items-center pb-8" }, oo = ["href", "onClick"], ro = {
+}, ga = { class: "flex items-center pb-8" }, ya = ["href", "onClick"], va = {
   key: 2,
   class: "w-full flex justify-center"
-}, no = {
+}, ba = {
   key: 0,
   class: "mt-[5px] flex flex-col gap-[5px]"
-}, lo = ["href", "onClick"], io = {
+}, xa = ["href", "onClick"], ka = {
   key: 1,
   class: "text-[13px]"
-}, co = { class: "mt-auto" }, uo = { class: "p-[10px] flex-shrink-0" }, po = { class: "flex flex-1 items-center gap-x-6" }, fo = { class: "relative flex flex-1 items-center gap-4" }, mo = { class: "cursor-pointer" }, ho = ["src"], go = { class: "ml-auto" }, yo = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, Jr = {
+}, _a = { class: "mt-auto" }, wa = { class: "p-[10px] flex-shrink-0" }, Sa = { class: "flex flex-1 items-center gap-x-6" }, Ca = { class: "relative flex flex-1 items-center gap-4" }, $a = { class: "cursor-pointer" }, Ta = ["src"], La = { class: "ml-auto" }, Pa = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, dn = {
   __name: "SparkDefaultContainer",
   props: {
     appStore: {
@@ -2596,113 +2755,113 @@ const ee = new Xa(), Ja = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Qa =
   },
   emits: ["overlayClose"],
   setup(e, { emit: s }) {
-    const t = e, a = s, l = He(), n = re(), o = ze(), c = Ae(), r = S(() => c.getAppIcon(t.appStore.state.app)), i = S(() => n.meta.hideBrandSelector === !0 ? !1 : t.appStore.state.showBrandSelector), u = () => {
+    const t = e, o = s, l = Be(), n = ne(), a = Ne(), c = De(), r = S(() => c.getAppIcon(t.appStore.state.app)), i = S(() => n.meta.hideBrandSelector === !0 ? !1 : t.appStore.state.showBrandSelector), u = () => {
       const k = {};
-      l["app-selector-bottom"] ? k.bottomSlot = () => ve("div", {}, l["app-selector-bottom"]()) : t.appSelectorSlots.bottomSlot && (k.bottomSlot = t.appSelectorSlots.bottomSlot), l["app-selector-footer"] ? k.footerSlot = () => ve("div", {}, l["app-selector-footer"]()) : t.appSelectorSlots.footerSlot && (k.footerSlot = t.appSelectorSlots.footerSlot), ee.showRight(ms, k, {
+      l["app-selector-bottom"] ? k.bottomSlot = () => ke("div", {}, l["app-selector-bottom"]()) : t.appSelectorSlots.bottomSlot && (k.bottomSlot = t.appSelectorSlots.bottomSlot), l["app-selector-footer"] ? k.footerSlot = () => ke("div", {}, l["app-selector-footer"]()) : t.appSelectorSlots.footerSlot && (k.footerSlot = t.appSelectorSlots.footerSlot), te.showRight(vs, k, {
         select: (h) => {
-          ee.closeRight();
+          te.closeRight();
         }
       });
-    }, p = () => {
-      ee.showLeft(
-        Fs,
+    }, d = () => {
+      te.showLeft(
+        js,
         {},
         {
           select: (k) => {
-            o.toggleBrand(k), ee.closeLeft();
+            a.toggleBrand(k), te.closeLeft();
           }
         }
       );
     }, f = S(() => t.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [t.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), y = S(() => t.mainNavStore.state.hidden ? ["pl-2.5"] : [t.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
     return (k, h) => {
-      const _ = A("font-awesome-icon"), H = A("router-view");
+      const x = A("font-awesome-icon"), P = A("router-view");
       return m(), g(R, null, [
-        d("div", {
-          class: P([f.value, "fixed inset-y-0 flex transition-all z-100"])
+        p("div", {
+          class: H([f.value, "fixed inset-y-0 flex transition-all z-100"])
         }, [
-          d("div", Ja, [
-            d("nav", Qa, [
-              d("ul", eo, [
-                d("li", to, [
-                  d("ul", so, [
-                    d("li", ao, [
-                      d("a", {
+          p("div", da, [
+            p("nav", pa, [
+              p("ul", fa, [
+                p("li", ma, [
+                  p("ul", ha, [
+                    p("li", ga, [
+                      p("a", {
                         class: "grid w-[40px] h-[40px] place-items-center rounded-md bg-primary-600 text-white text-[13px] cursor-pointer",
-                        onClick: h[0] || (h[0] = X((w) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
+                        onClick: h[0] || (h[0] = Q((w) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
                       }, [
-                        v(_, {
-                          icon: x(F)[r.value],
+                        b(x, {
+                          icon: _(O)[r.value],
                           class: "size-5"
                         }, null, 8, ["icon"])
                       ]),
-                      e.mainNavStore.state.collapsed ? $("", !0) : (m(), g("a", {
+                      e.mainNavStore.state.collapsed ? T("", !0) : (m(), g("a", {
                         key: 0,
-                        onClick: h[1] || (h[1] = X((w) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"])),
+                        onClick: h[1] || (h[1] = Q((w) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"])),
                         class: "font-medium text-gray-800 ml-[10px] cursor-pointer"
                       }, L(e.appStore.state.app), 1))
                     ]),
                     (m(!0), g(R, null, z(e.mainNavStore.state.menu, (w) => (m(), g("li", {
                       key: w.name,
-                      class: P({
+                      class: H({
                         "mt-[10px]": w.children,
                         "mt-auto": w.footerSection
                       })
                     }, [
-                      d("a", {
-                        class: P([{
+                      p("a", {
+                        class: H([{
                           "bg-gray-100": w.current,
                           "hover:bg-gray-100": w?.href
                         }, "h-[37px] sgroup flex items-center gap-x-2 rounded-md p-3 text-gray-800 leading-5 transition-all duration-300 ease-in-out"]),
                         href: w?.href,
-                        onClick: X((b) => e.mainNavStore.goto(w.href), ["prevent"])
+                        onClick: Q((v) => e.mainNavStore.goto(w.href), ["prevent"])
                       }, [
-                        w.icon ? (m(), M(_, {
+                        w.icon ? (m(), V(x, {
                           key: 0,
-                          icon: x(F)[w.icon],
-                          class: P([[(w.current, "text-gray-400")], "size-4"])
-                        }, null, 8, ["icon", "class"])) : $("", !0),
-                        e.mainNavStore.state.collapsed ? w?.children ? (m(), g("div", ro, [...h[6] || (h[6] = [
-                          d("div", { class: "w-[10px] h-px bg-gray-400" }, null, -1)
-                        ])])) : $("", !0) : (m(), g("span", {
+                          icon: _(O)[w.icon],
+                          class: H([[(w.current, "text-gray-400")], "size-4"])
+                        }, null, 8, ["icon", "class"])) : T("", !0),
+                        e.mainNavStore.state.collapsed ? w?.children ? (m(), g("div", va, [...h[6] || (h[6] = [
+                          p("div", { class: "w-[10px] h-px bg-gray-400" }, null, -1)
+                        ])])) : T("", !0) : (m(), g("span", {
                           key: 1,
-                          class: P({
+                          class: H({
                             "text-[11px]": w?.children,
                             "text-[13px]": !w?.children,
                             "font-semibold": w?.children,
                             "text-gray-500": w?.children
                           })
                         }, L(w.name), 3))
-                      ], 10, oo),
-                      w.children ? (m(), g("ul", no, [
-                        (m(!0), g(R, null, z(w.children, (b) => (m(), g("li", {
-                          key: b.name
+                      ], 10, ya),
+                      w.children ? (m(), g("ul", ba, [
+                        (m(!0), g(R, null, z(w.children, (v) => (m(), g("li", {
+                          key: v.name
                         }, [
-                          d("a", {
-                            class: P([[b.current ? "bg-gray-100" : "", "hover:bg-gray-100"], "h-[37px] sgroup flex items-center gap-x-2 rounded-md p-3 text-gray-800 leading-5 transition-all duration-300 ease-in-out"]),
-                            href: b.href,
-                            onClick: X((T) => e.mainNavStore.goto(b.href), ["prevent"])
+                          p("a", {
+                            class: H([[v.current ? "bg-gray-100" : "", "hover:bg-gray-100"], "h-[37px] sgroup flex items-center gap-x-2 rounded-md p-3 text-gray-800 leading-5 transition-all duration-300 ease-in-out"]),
+                            href: v.href,
+                            onClick: Q(($) => e.mainNavStore.goto(v.href), ["prevent"])
                           }, [
-                            b.icon ? (m(), M(_, {
+                            v.icon ? (m(), V(x, {
                               key: 0,
-                              icon: x(F)[b.icon],
-                              class: P([[(b.current, "text-gray-400")], "size-4"])
-                            }, null, 8, ["icon", "class"])) : $("", !0),
-                            e.mainNavStore.state.collapsed ? $("", !0) : (m(), g("span", io, L(b.name), 1))
-                          ], 10, lo)
+                              icon: _(O)[v.icon],
+                              class: H([[(v.current, "text-gray-400")], "size-4"])
+                            }, null, 8, ["icon", "class"])) : T("", !0),
+                            e.mainNavStore.state.collapsed ? T("", !0) : (m(), g("span", ka, L(v.name), 1))
+                          ], 10, xa)
                         ]))), 128))
-                      ])) : $("", !0)
+                      ])) : T("", !0)
                     ], 2))), 128))
                   ])
                 ]),
-                d("li", co, [
-                  O(k.$slots, "sidebar-footer"),
-                  d("a", {
+                p("li", _a, [
+                  F(k.$slots, "sidebar-footer"),
+                  p("a", {
                     class: "font-medium grid place-content-center gap-x-3 rounded-md h-10 p-2.5 text-gray-800 text-[13px] hover:bg-gray-100 transition-all duration-300 ease-in-out",
                     href: "#",
-                    onClick: h[2] || (h[2] = X((w) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
+                    onClick: h[2] || (h[2] = Q((w) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
                   }, [
-                    v(_, {
-                      icon: x(F)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
+                    b(x, {
+                      icon: _(O)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
                       class: "class-5"
                     }, null, 8, ["icon"])
                   ])
@@ -2711,109 +2870,109 @@ const ee = new Xa(), Ja = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Qa =
             ])
           ])
         ], 2),
-        d("div", {
-          class: P([y.value, "h-full transition-all flex flex-col"])
+        p("div", {
+          class: H([y.value, "h-full transition-all flex flex-col"])
         }, [
-          d("div", uo, [
-            d("div", po, [
-              d("div", fo, [
-                O(k.$slots, "header-left", {}, () => [
-                  d("div", mo, [
-                    v(_, {
-                      icon: x(F).farBarsSort,
+          p("div", wa, [
+            p("div", Sa, [
+              p("div", Ca, [
+                F(k.$slots, "header-left", {}, () => [
+                  p("div", $a, [
+                    b(x, {
+                      icon: _(O).farBarsSort,
                       class: "size-5",
                       onClick: h[3] || (h[3] = (w) => e.mainNavStore.toggleHidden())
                     }, null, 8, ["icon"])
                   ])
                 ]),
-                O(k.$slots, "header-center", {}, () => [
+                F(k.$slots, "header-center", {}, () => [
                   i.value ? (m(), g("div", {
                     key: 0,
                     class: "absolute left-1/2 -translate-x-1/2 cursor-pointer h-9 flex items-center",
-                    onClick: p
+                    onClick: d
                   }, [
-                    x(o).currentBrand ? (m(), g("img", {
+                    _(a).currentBrand ? (m(), g("img", {
                       key: 0,
-                      src: x(o).currentBrand.logo,
+                      src: _(a).currentBrand.logo,
                       alt: "",
                       class: "h-[30px] w-auto"
-                    }, null, 8, ho)) : $("", !0)
-                  ])) : $("", !0)
+                    }, null, 8, Ta)) : T("", !0)
+                  ])) : T("", !0)
                 ]),
-                d("div", go, [
-                  O(k.$slots, "header-right", {}, () => [
+                p("div", La, [
+                  F(k.$slots, "header-right", {}, () => [
                     e.appStore.state.showAppSelector ? (m(), g("button", {
                       key: 0,
                       class: "rounded-sm bg-white w-[42px] h-[42px] ring-1 ring-inset ring-gray-300",
                       type: "button",
                       onClick: u
                     }, [
-                      v(_, {
-                        icon: x(F).farGripDotsVertical,
+                      b(x, {
+                        icon: _(O).farGripDotsVertical,
                         class: "size-4 text-gray-400"
                       }, null, 8, ["icon"])
-                    ])) : $("", !0)
+                    ])) : T("", !0)
                   ])
                 ])
               ])
             ])
           ]),
-          d("main", yo, [
-            v(H)
+          p("main", Pa, [
+            b(P)
           ])
         ], 2),
-        v(x(ke), {
+        b(_(Se), {
           position: "left",
-          "overlay-instance": x(ee).left,
-          onClose: h[4] || (h[4] = (w) => a("overlayClose", "left"))
+          "overlay-instance": _(te).left,
+          onClose: h[4] || (h[4] = (w) => o("overlayClose", "left"))
         }, null, 8, ["overlay-instance"]),
-        v(x(ke), {
+        b(_(Se), {
           position: "right",
-          "overlay-instance": x(ee).right,
-          onClose: h[5] || (h[5] = (w) => a("overlayClose", "right"))
+          "overlay-instance": _(te).right,
+          onClose: h[5] || (h[5] = (w) => o("overlayClose", "right"))
         }, null, 8, ["overlay-instance"]),
-        v(x(Ws))
+        b(_(Qs))
       ], 64);
     };
   }
-}, vo = {}, bo = { class: "h-full" };
-function xo(e, s) {
+}, Ma = {}, Ha = { class: "h-full" };
+function Va(e, s) {
   const t = A("router-view");
-  return m(), g("main", bo, [
-    v(t)
+  return m(), g("main", Ha, [
+    b(t)
   ]);
 }
-const Qr = /* @__PURE__ */ J(vo, [["render", xo]]), ko = (e) => {
+const pn = /* @__PURE__ */ ee(Ma, [["render", Va]]), Ra = (e) => {
   const s = document.cookie.match(new RegExp(`(^| )${e}=([^;]+)`));
   return s ? s[2] : null;
-}, _o = (e, s, t = {}) => {
+}, Ba = (e, s, t = {}) => {
   const {
-    maxAge: a = 31536e3,
+    maxAge: o = 31536e3,
     // 365 days in seconds
-    domain: l = je(),
+    domain: l = Ze(),
     secure: n = !0,
-    sameSite: o = "Lax",
+    sameSite: a = "Lax",
     path: c = "/"
   } = t;
-  let r = `${e}=${s}; max-age=${a}; path=${c}; samesite=${o}`;
+  let r = `${e}=${s}; max-age=${o}; path=${c}; samesite=${a}`;
   l && (r += `; domain=${l}`), n && (r += "; secure"), document.cookie = r;
-}, wo = (e, s = {}) => {
-  const { domain: t = je(), path: a = "/" } = s;
-  let l = `${e}=; max-age=0; path=${a}`;
+}, Ea = (e, s = {}) => {
+  const { domain: t = Ze(), path: o = "/" } = s;
+  let l = `${e}=; max-age=0; path=${o}`;
   t && (l += `; domain=${t}`), document.cookie = l;
-}, je = () => {
+}, Ze = () => {
   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;
-}, Ie = [];
-function So(e) {
-  Ie.push(e);
+}, qe = [];
+function Aa(e) {
+  qe.push(e);
 }
-function Co() {
-  Ie.forEach((e) => e());
+function Oa() {
+  qe.forEach((e) => e());
 }
-function en(e) {
+function fn(e) {
   let s = !1;
-  return So(() => {
+  return Aa(() => {
     s = !1;
   }), {
     bootstrapApp: async () => {
@@ -2826,7 +2985,7 @@ function en(e) {
     }
   };
 }
-const me = "bolt-next-token", Z = ie("auth", () => {
+const ye = "bolt-next-token", U = ue("auth", () => {
   const e = q({
     user: null,
     token: null,
@@ -2862,15 +3021,15 @@ const me = "bolt-next-token", Z = ie("auth", () => {
   }), s = (i = {}) => {
     i.endpoints && Object.assign(e.endpoints, i.endpoints), i.routes && Object.assign(e.routes, i.routes), i.devCredentials && Object.assign(e.devCredentials, i.devCredentials), i.callbacks && Object.assign(e.callbacks, i.callbacks), i.overrideToken && (e.overrideToken = i.overrideToken);
   }, t = (i) => {
-    _o(me, i), e.token = i;
-  }, a = () => {
-    wo(me), e.token = null;
-  }, l = () => ko(me), n = async (i) => {
-    const u = await oe.post(e.endpoints.login, i), p = u.headers.authorization;
-    return t(p), e.user = u.data, e.callbacks.onLoginSuccess && await e.callbacks.onLoginSuccess(u.data), u.data;
-  }, o = async () => {
+    Ba(ye, i), e.token = i;
+  }, o = () => {
+    Ea(ye), e.token = null;
+  }, l = () => Ra(ye), n = async (i) => {
+    const u = await re.post(e.endpoints.login, i), d = u.headers.authorization;
+    return t(d), e.user = u.data, e.callbacks.onLoginSuccess && await e.callbacks.onLoginSuccess(u.data), u.data;
+  }, a = async () => {
     try {
-      await oe.post(
+      await re.post(
         e.endpoints.logout,
         {},
         {
@@ -2882,21 +3041,21 @@ const me = "bolt-next-token", Z = ie("auth", () => {
     } catch (i) {
       throw e.callbacks.onLogoutError && await e.callbacks.onLogoutError(i), i;
     } finally {
-      a(), e.user = null, Co();
+      o(), e.user = null, Oa();
     }
   }, c = async () => {
     const i = e.overrideToken || l();
     if (!i)
       return e.ready = !0, null;
     try {
-      const { data: u } = await oe.get(e.endpoints.fetch, {
+      const { data: u } = await re.get(e.endpoints.fetch, {
         headers: {
           Authorization: `Bearer ${i}`
         }
       });
       e.user = u, e.overrideToken || (e.token = i);
     } catch {
-      e.overrideToken || a();
+      e.overrideToken || o();
     } finally {
       e.ready = !0;
     }
@@ -2905,24 +3064,24 @@ const me = "bolt-next-token", Z = ie("auth", () => {
     state: e,
     initialize: s,
     login: n,
-    logout: o,
+    logout: a,
     fetchUser: c,
     check: r,
     setTokenCookie: t,
-    clearTokenCookie: a,
+    clearTokenCookie: o,
     getTokenCookie: l
   };
-}), $o = { class: "h-full grid place-content-center relative" }, To = { class: "absolute top-8 left-8" }, Lo = ["src"], Po = {
+}), Fa = { class: "h-full grid place-content-center relative" }, za = { class: "absolute top-8 left-8" }, Da = ["src"], ja = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ho = { class: "max-w-sm grid gap-y-1 -mt-8" }, Vo = { class: "mb-7" }, Mo = { class: "text-gray-600" }, Ro = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, Bo = {
+}, Ia = { class: "max-w-sm grid gap-y-1 -mt-8" }, Na = { class: "mb-7" }, Za = { class: "text-gray-600" }, qa = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, Ua = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, Eo = { key: 0 }, Ao = { key: 1 }, Fo = {
+}, Ka = { key: 0 }, Ga = { key: 1 }, Wa = {
   __name: "SparkLoginView",
   props: {
     logo: {
@@ -2939,8 +3098,8 @@ const me = "bolt-next-token", Z = ie("auth", () => {
     }
   },
   setup(e) {
-    const s = W(), t = re(), a = Fe(), l = Z(), n = e, o = E(!1), c = E(""), r = async (i) => {
-      o.value = !0, c.value = "";
+    const s = J(), t = ne(), o = je(), l = U(), n = e, a = E(!1), c = E(""), r = async (i) => {
+      a.value = !0, c.value = "";
       try {
         await l.login(i);
         const u = t.query.redirect;
@@ -2955,69 +3114,69 @@ const me = "bolt-next-token", Z = ie("auth", () => {
       } catch (u) {
         c.value = u.response?.data?.message || u.message || "Login failed. Please try again.";
       } finally {
-        o.value = !1;
+        a.value = !1;
       }
     };
     return (i, u) => {
-      const p = A("FormKit"), f = A("router-link");
-      return m(), g("div", $o, [
-        d("div", To, [
+      const d = A("FormKit"), f = A("router-link");
+      return m(), g("div", Fa, [
+        p("div", za, [
           n.logo ? (m(), g("img", {
             key: 0,
             src: n.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Lo)) : (m(), g("svg", Po, [...u[0] || (u[0] = [
-            d("path", {
+          }, null, 8, Da)) : (m(), g("svg", ja, [...u[0] || (u[0] = [
+            p("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
             }, null, -1),
-            d("path", {
+            p("path", {
               d: "M34.5 5.22235H38.228V14.1664H46.5V17.1264H34.5V5.22235Z",
               fill: "#1C64F2"
             }, null, -1),
-            d("path", {
+            p("path", {
               d: "M28.3161 0C29.1499 0 29.7522 0.798785 29.5209 1.59757L27.1856 9.77748H30.9046C31.747 9.77748 32.4279 10.4584 32.4279 11.3008C32.4279 11.7504 32.2315 12.1738 31.891 12.4619L20.5989 22.0517C20.3719 22.2438 20.0839 22.3485 19.787 22.3485C18.9533 22.3485 18.351 21.5497 18.5823 20.751L20.9176 12.571H17.1463C16.33 12.571 15.6709 11.9119 15.6709 11.1001C15.6709 10.6679 15.8586 10.262 16.186 9.98263L27.5043 0.301181C27.7312 0.104759 28.0193 0 28.3161 0ZM26.7404 3.71021L18.8311 10.4759H22.3056C22.633 10.4759 22.9429 10.6286 23.1437 10.8905C23.3445 11.1524 23.4056 11.4929 23.3139 11.8072L21.3584 18.6601L29.355 11.8727H25.7976C25.4702 11.8727 25.1603 11.7199 24.9595 11.458C24.7587 11.1961 24.6976 10.8556 24.7893 10.5413L26.7404 3.71021Z",
               fill: "#1C64F2"
             }, null, -1),
-            d("path", {
+            p("path", {
               d: "M0 17.1264V5.22235H10.192C13.6 5.22235 14.544 6.53435 14.544 7.94235V8.16635C14.544 9.70235 13.232 10.3264 12.656 10.4864C13.472 10.6944 15.216 11.3984 15.216 13.4784V13.7024C15.216 15.5904 14.144 17.1264 10.288 17.1264H0ZM9.552 7.73435H3.728V9.67035H9.552C10.592 9.67035 10.848 9.19035 10.848 8.71035V8.67835C10.848 8.18235 10.592 7.73435 9.552 7.73435ZM9.872 12.1984H3.728V14.5344H9.872C11.12 14.5344 11.344 13.8464 11.344 13.3664V13.3024C11.344 12.7904 11.104 12.1984 9.872 12.1984Z",
               fill: "#1C64F2"
             }, null, -1)
           ])]))
         ]),
-        d("div", Ho, [
-          d("div", Vo, [
-            u[1] || (u[1] = d("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Log in", -1)),
-            d("p", Mo, " Welcome back" + L(x(a).state.app ? ` to ${x(a).state.app}` : "") + "! Please enter your details. ", 1)
+        p("div", Ia, [
+          p("div", Na, [
+            u[1] || (u[1] = p("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Log in", -1)),
+            p("p", Za, " Welcome back" + L(_(o).state.app ? ` to ${_(o).state.app}` : "") + "! Please enter your details. ", 1)
           ]),
-          v(p, {
+          b(d, {
             type: "form",
             onSubmit: r,
             actions: !1
           }, {
             default: C(() => [
-              v(p, {
+              b(d, {
                 label: "Email",
                 name: "email",
                 placeholder: "Enter your email",
                 type: "email",
                 validation: "required|email",
                 "outer-class": "max-w-full",
-                value: x(l).state.devCredentials.username
+                value: _(l).state.devCredentials.username
               }, null, 8, ["value"]),
-              v(p, {
+              b(d, {
                 label: "Password",
                 name: "password",
                 placeholder: "••••••••",
                 type: "password",
                 validation: "required",
                 "outer-class": "max-w-full",
-                value: x(l).state.devCredentials.password
+                value: _(l).state.devCredentials.password
               }, null, 8, ["value"]),
-              d("div", Ro, [
-                u[3] || (u[3] = d("span", null, null, -1)),
-                v(f, {
+              p("div", qa, [
+                u[3] || (u[3] = p("span", null, null, -1)),
+                b(f, {
                   to: n.forgotPasswordRoute,
                   class: "text-sm text-primary-600 font-semibold"
                 }, {
@@ -3027,15 +3186,15 @@ const me = "bolt-next-token", Z = ie("auth", () => {
                   _: 1
                 }, 8, ["to"])
               ]),
-              c.value ? (m(), g("div", Bo, L(c.value), 1)) : $("", !0),
-              v(x(K), {
+              c.value ? (m(), g("div", Ua, L(c.value), 1)) : T("", !0),
+              b(_(K), {
                 type: "submit",
                 size: "xl",
-                disabled: o.value,
+                disabled: a.value,
                 "button-class": "w-full mb-2"
               }, {
                 default: C(() => [
-                  o.value ? (m(), g("span", Ao, "Signing in...")) : (m(), g("span", Eo, "Sign in"))
+                  a.value ? (m(), g("span", Ga, "Signing in...")) : (m(), g("span", Ka, "Sign in"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -3046,7 +3205,7 @@ const me = "bolt-next-token", Z = ie("auth", () => {
       ]);
     };
   }
-}, Oo = {
+}, Ya = {
   __name: "SparkLogoutView",
   props: {
     defaultRedirect: {
@@ -3055,27 +3214,27 @@ const me = "bolt-next-token", Z = ie("auth", () => {
     }
   },
   setup(e) {
-    const s = W(), t = re(), a = Z(), l = e;
-    return ge(async () => {
-      await a.logout();
+    const s = J(), t = ne(), o = U(), l = e;
+    return be(async () => {
+      await o.logout();
       const n = t.query.redirect;
       n && n.startsWith("http") ? window.location.href = n : await s.push(n || l.defaultRedirect);
-    }), (n, o) => null;
+    }), (n, a) => null;
   }
-}, zo = { class: "h-full grid place-content-center relative" }, jo = { class: "absolute top-8 left-8" }, Io = ["src"], Do = {
+}, Xa = { class: "h-full grid place-content-center relative" }, Ja = { class: "absolute top-8 left-8" }, Qa = ["src"], er = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, No = { class: "max-w-sm grid gap-y-1 -mt-8" }, qo = {
+}, tr = { class: "max-w-sm grid gap-y-1 -mt-8" }, sr = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, Zo = {
+}, or = {
   key: 1,
   class: "text-green-600 text-sm mb-2"
-}, Ko = { key: 0 }, Uo = { key: 1 }, Go = {
+}, ar = { key: 0 }, rr = { key: 1 }, nr = {
   __name: "SparkForgotPasswordView",
   props: {
     logo: {
@@ -3088,56 +3247,56 @@ const me = "bolt-next-token", Z = ie("auth", () => {
     }
   },
   setup(e) {
-    const s = Z(), t = e, a = E(!1), l = E(""), n = E(""), o = async ({ email: c }) => {
-      a.value = !0, l.value = "", n.value = "";
+    const s = U(), t = e, o = E(!1), l = E(""), n = E(""), a = async ({ email: c }) => {
+      o.value = !0, l.value = "", n.value = "";
       try {
-        await oe.post(s.state.endpoints.passwordEmail, { email: c }), n.value = "Password reset link sent! Check your email.";
+        await re.post(s.state.endpoints.passwordEmail, { email: c }), n.value = "Password reset link sent! Check your email.";
       } catch (r) {
         l.value = r.response?.data?.message || "Failed to send reset link.";
       } finally {
-        a.value = !1;
+        o.value = !1;
       }
     };
     return (c, r) => {
       const i = A("FormKit"), u = A("router-link");
-      return m(), g("div", zo, [
-        d("div", jo, [
+      return m(), g("div", Xa, [
+        p("div", Ja, [
           t.logo ? (m(), g("img", {
             key: 0,
             src: t.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Io)) : (m(), g("svg", Do, [...r[0] || (r[0] = [
-            d("path", {
+          }, null, 8, Qa)) : (m(), g("svg", er, [...r[0] || (r[0] = [
+            p("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
             }, null, -1),
-            d("path", {
+            p("path", {
               d: "M34.5 5.22235H38.228V14.1664H46.5V17.1264H34.5V5.22235Z",
               fill: "#1C64F2"
             }, null, -1),
-            d("path", {
+            p("path", {
               d: "M28.3161 0C29.1499 0 29.7522 0.798785 29.5209 1.59757L27.1856 9.77748H30.9046C31.747 9.77748 32.4279 10.4584 32.4279 11.3008C32.4279 11.7504 32.2315 12.1738 31.891 12.4619L20.5989 22.0517C20.3719 22.2438 20.0839 22.3485 19.787 22.3485C18.9533 22.3485 18.351 21.5497 18.5823 20.751L20.9176 12.571H17.1463C16.33 12.571 15.6709 11.9119 15.6709 11.1001C15.6709 10.6679 15.8586 10.262 16.186 9.98263L27.5043 0.301181C27.7312 0.104759 28.0193 0 28.3161 0ZM26.7404 3.71021L18.8311 10.4759H22.3056C22.633 10.4759 22.9429 10.6286 23.1437 10.8905C23.3445 11.1524 23.4056 11.4929 23.3139 11.8072L21.3584 18.6601L29.355 11.8727H25.7976C25.4702 11.8727 25.1603 11.7199 24.9595 11.458C24.7587 11.1961 24.6976 10.8556 24.7893 10.5413L26.7404 3.71021Z",
               fill: "#1C64F2"
             }, null, -1),
-            d("path", {
+            p("path", {
               d: "M0 17.1264V5.22235H10.192C13.6 5.22235 14.544 6.53435 14.544 7.94235V8.16635C14.544 9.70235 13.232 10.3264 12.656 10.4864C13.472 10.6944 15.216 11.3984 15.216 13.4784V13.7024C15.216 15.5904 14.144 17.1264 10.288 17.1264H0ZM9.552 7.73435H3.728V9.67035H9.552C10.592 9.67035 10.848 9.19035 10.848 8.71035V8.67835C10.848 8.18235 10.592 7.73435 9.552 7.73435ZM9.872 12.1984H3.728V14.5344H9.872C11.12 14.5344 11.344 13.8464 11.344 13.3664V13.3024C11.344 12.7904 11.104 12.1984 9.872 12.1984Z",
               fill: "#1C64F2"
             }, null, -1)
           ])]))
         ]),
-        d("div", No, [
-          r[2] || (r[2] = d("div", { class: "mb-7" }, [
-            d("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Reset password"),
-            d("p", { class: "text-gray-600" }, " Enter your email and we'll send you a link to reset your password. ")
+        p("div", tr, [
+          r[2] || (r[2] = p("div", { class: "mb-7" }, [
+            p("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Reset password"),
+            p("p", { class: "text-gray-600" }, " Enter your email and we'll send you a link to reset your password. ")
           ], -1)),
-          v(i, {
+          b(i, {
             type: "form",
-            onSubmit: o,
+            onSubmit: a,
             actions: !1
           }, {
             default: C(() => [
-              v(i, {
+              b(i, {
                 label: "Email",
                 name: "email",
                 placeholder: "Enter your email",
@@ -3145,20 +3304,20 @@ const me = "bolt-next-token", Z = ie("auth", () => {
                 validation: "required|email",
                 "outer-class": "max-w-full"
               }),
-              l.value ? (m(), g("div", qo, L(l.value), 1)) : $("", !0),
-              n.value ? (m(), g("div", Zo, L(n.value), 1)) : $("", !0),
-              v(x(K), {
+              l.value ? (m(), g("div", sr, L(l.value), 1)) : T("", !0),
+              n.value ? (m(), g("div", or, L(n.value), 1)) : T("", !0),
+              b(_(K), {
                 type: "submit",
                 size: "xl",
-                disabled: a.value,
+                disabled: o.value,
                 "button-class": "w-full mb-2"
               }, {
                 default: C(() => [
-                  a.value ? (m(), g("span", Uo, "Sending...")) : (m(), g("span", Ko, "Send reset link"))
+                  o.value ? (m(), g("span", rr, "Sending...")) : (m(), g("span", ar, "Send reset link"))
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              v(u, {
+              b(u, {
                 to: t.loginRoute,
                 class: "text-sm text-center text-primary-600 font-semibold block"
               }, {
@@ -3174,17 +3333,17 @@ const me = "bolt-next-token", Z = ie("auth", () => {
       ]);
     };
   }
-}, Wo = { class: "h-full grid place-content-center relative" }, Yo = { class: "absolute top-8 left-8" }, Xo = ["src"], Jo = {
+}, lr = { class: "h-full grid place-content-center relative" }, ir = { class: "absolute top-8 left-8" }, cr = ["src"], ur = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Qo = { class: "max-w-sm grid gap-y-1 -mt-8" }, er = {
+}, dr = { class: "max-w-sm grid gap-y-1 -mt-8" }, pr = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, tr = { key: 0 }, sr = { key: 1 }, ar = {
+}, fr = { key: 0 }, mr = { key: 1 }, hr = {
   __name: "SparkResetPasswordView",
   props: {
     logo: {
@@ -3197,61 +3356,61 @@ const me = "bolt-next-token", Z = ie("auth", () => {
     }
   },
   setup(e) {
-    const s = W(), t = re(), a = Z(), l = e, n = E(!1), o = E(""), c = async ({ password: r, password_confirmation: i }) => {
-      n.value = !0, o.value = "";
+    const s = J(), t = ne(), o = U(), l = e, n = E(!1), a = E(""), c = async ({ password: r, password_confirmation: i }) => {
+      n.value = !0, a.value = "";
       try {
-        await oe.post(a.state.endpoints.passwordReset, {
+        await re.post(o.state.endpoints.passwordReset, {
           email: t.query.email,
           token: t.query.token,
           password: r,
           password_confirmation: i
         }), await s.push(l.loginRoute);
       } catch (u) {
-        o.value = u.response?.data?.message || "Failed to reset password.";
+        a.value = u.response?.data?.message || "Failed to reset password.";
       } finally {
         n.value = !1;
       }
     };
     return (r, i) => {
       const u = A("FormKit");
-      return m(), g("div", Wo, [
-        d("div", Yo, [
+      return m(), g("div", lr, [
+        p("div", ir, [
           l.logo ? (m(), g("img", {
             key: 0,
             src: l.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Xo)) : (m(), g("svg", Jo, [...i[0] || (i[0] = [
-            d("path", {
+          }, null, 8, cr)) : (m(), g("svg", ur, [...i[0] || (i[0] = [
+            p("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
             }, null, -1),
-            d("path", {
+            p("path", {
               d: "M34.5 5.22235H38.228V14.1664H46.5V17.1264H34.5V5.22235Z",
               fill: "#1C64F2"
             }, null, -1),
-            d("path", {
+            p("path", {
               d: "M28.3161 0C29.1499 0 29.7522 0.798785 29.5209 1.59757L27.1856 9.77748H30.9046C31.747 9.77748 32.4279 10.4584 32.4279 11.3008C32.4279 11.7504 32.2315 12.1738 31.891 12.4619L20.5989 22.0517C20.3719 22.2438 20.0839 22.3485 19.787 22.3485C18.9533 22.3485 18.351 21.5497 18.5823 20.751L20.9176 12.571H17.1463C16.33 12.571 15.6709 11.9119 15.6709 11.1001C15.6709 10.6679 15.8586 10.262 16.186 9.98263L27.5043 0.301181C27.7312 0.104759 28.0193 0 28.3161 0ZM26.7404 3.71021L18.8311 10.4759H22.3056C22.633 10.4759 22.9429 10.6286 23.1437 10.8905C23.3445 11.1524 23.4056 11.4929 23.3139 11.8072L21.3584 18.6601L29.355 11.8727H25.7976C25.4702 11.8727 25.1603 11.7199 24.9595 11.458C24.7587 11.1961 24.6976 10.8556 24.7893 10.5413L26.7404 3.71021Z",
               fill: "#1C64F2"
             }, null, -1),
-            d("path", {
+            p("path", {
               d: "M0 17.1264V5.22235H10.192C13.6 5.22235 14.544 6.53435 14.544 7.94235V8.16635C14.544 9.70235 13.232 10.3264 12.656 10.4864C13.472 10.6944 15.216 11.3984 15.216 13.4784V13.7024C15.216 15.5904 14.144 17.1264 10.288 17.1264H0ZM9.552 7.73435H3.728V9.67035H9.552C10.592 9.67035 10.848 9.19035 10.848 8.71035V8.67835C10.848 8.18235 10.592 7.73435 9.552 7.73435ZM9.872 12.1984H3.728V14.5344H9.872C11.12 14.5344 11.344 13.8464 11.344 13.3664V13.3024C11.344 12.7904 11.104 12.1984 9.872 12.1984Z",
               fill: "#1C64F2"
             }, null, -1)
           ])]))
         ]),
-        d("div", Qo, [
-          i[1] || (i[1] = d("div", { class: "mb-7" }, [
-            d("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Set new password"),
-            d("p", { class: "text-gray-600" }, " Enter your new password below. ")
+        p("div", dr, [
+          i[1] || (i[1] = p("div", { class: "mb-7" }, [
+            p("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Set new password"),
+            p("p", { class: "text-gray-600" }, " Enter your new password below. ")
           ], -1)),
-          v(u, {
+          b(u, {
             type: "form",
             onSubmit: c,
             actions: !1
           }, {
             default: C(() => [
-              v(u, {
+              b(u, {
                 label: "New Password",
                 name: "password",
                 placeholder: "••••••••",
@@ -3259,7 +3418,7 @@ const me = "bolt-next-token", Z = ie("auth", () => {
                 validation: "required|length:8",
                 "outer-class": "max-w-full"
               }),
-              v(u, {
+              b(u, {
                 label: "Confirm Password",
                 name: "password_confirmation",
                 placeholder: "••••••••",
@@ -3267,15 +3426,15 @@ const me = "bolt-next-token", Z = ie("auth", () => {
                 validation: "required|confirm:password",
                 "outer-class": "max-w-full"
               }),
-              o.value ? (m(), g("div", er, L(o.value), 1)) : $("", !0),
-              v(x(K), {
+              a.value ? (m(), g("div", pr, L(a.value), 1)) : T("", !0),
+              b(_(K), {
                 type: "submit",
                 size: "xl",
                 disabled: n.value,
                 "button-class": "w-full mb-2"
               }, {
                 default: C(() => [
-                  n.value ? (m(), g("span", sr, "Resetting...")) : (m(), g("span", tr, "Reset password"))
+                  n.value ? (m(), g("span", mr, "Resetting...")) : (m(), g("span", fr, "Reset password"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -3286,14 +3445,14 @@ const me = "bolt-next-token", Z = ie("auth", () => {
       ]);
     };
   }
-}, or = { class: "h-full grid place-content-center relative" }, rr = { class: "absolute top-8 left-8" }, nr = ["src"], lr = {
+}, gr = { class: "h-full grid place-content-center relative" }, yr = { class: "absolute top-8 left-8" }, vr = ["src"], br = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, ir = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, cr = { class: "flex gap-4 justify-center" }, ur = {
+}, xr = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, kr = { class: "flex gap-4 justify-center" }, _r = {
   __name: "SparkError403View",
   props: {
     logo: {
@@ -3306,48 +3465,48 @@ const me = "bolt-next-token", Z = ie("auth", () => {
     }
   },
   setup(e) {
-    const s = W(), t = e, a = () => {
+    const s = J(), t = e, o = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (m(), g("div", or, [
-      d("div", rr, [
+    return (l, n) => (m(), g("div", gr, [
+      p("div", yr, [
         t.logo ? (m(), g("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, nr)) : (m(), g("svg", lr, [...n[0] || (n[0] = [
-          d("path", {
+        }, null, 8, vr)) : (m(), g("svg", br, [...n[0] || (n[0] = [
+          p("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
           }, null, -1),
-          d("path", {
+          p("path", {
             d: "M34.5 5.22235H38.228V14.1664H46.5V17.1264H34.5V5.22235Z",
             fill: "#1C64F2"
           }, null, -1),
-          d("path", {
+          p("path", {
             d: "M28.3161 0C29.1499 0 29.7522 0.798785 29.5209 1.59757L27.1856 9.77748H30.9046C31.747 9.77748 32.4279 10.4584 32.4279 11.3008C32.4279 11.7504 32.2315 12.1738 31.891 12.4619L20.5989 22.0517C20.3719 22.2438 20.0839 22.3485 19.787 22.3485C18.9533 22.3485 18.351 21.5497 18.5823 20.751L20.9176 12.571H17.1463C16.33 12.571 15.6709 11.9119 15.6709 11.1001C15.6709 10.6679 15.8586 10.262 16.186 9.98263L27.5043 0.301181C27.7312 0.104759 28.0193 0 28.3161 0ZM26.7404 3.71021L18.8311 10.4759H22.3056C22.633 10.4759 22.9429 10.6286 23.1437 10.8905C23.3445 11.1524 23.4056 11.4929 23.3139 11.8072L21.3584 18.6601L29.355 11.8727H25.7976C25.4702 11.8727 25.1603 11.7199 24.9595 11.458C24.7587 11.1961 24.6976 10.8556 24.7893 10.5413L26.7404 3.71021Z",
             fill: "#1C64F2"
           }, null, -1),
-          d("path", {
+          p("path", {
             d: "M0 17.1264V5.22235H10.192C13.6 5.22235 14.544 6.53435 14.544 7.94235V8.16635C14.544 9.70235 13.232 10.3264 12.656 10.4864C13.472 10.6944 15.216 11.3984 15.216 13.4784V13.7024C15.216 15.5904 14.144 17.1264 10.288 17.1264H0ZM9.552 7.73435H3.728V9.67035H9.552C10.592 9.67035 10.848 9.19035 10.848 8.71035V8.67835C10.848 8.18235 10.592 7.73435 9.552 7.73435ZM9.872 12.1984H3.728V14.5344H9.872C11.12 14.5344 11.344 13.8464 11.344 13.3664V13.3024C11.344 12.7904 11.104 12.1984 9.872 12.1984Z",
             fill: "#1C64F2"
           }, null, -1)
         ])]))
       ]),
-      d("div", ir, [
-        n[2] || (n[2] = d("div", null, [
-          d("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "403"),
-          d("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Access Forbidden "),
-          d("p", { class: "text-gray-600" }, [
+      p("div", xr, [
+        n[2] || (n[2] = p("div", null, [
+          p("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "403"),
+          p("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Access Forbidden "),
+          p("p", { class: "text-gray-600" }, [
             B(" You don't have permission to access this resource."),
-            d("br"),
+            p("br"),
             B(" If you believe this is an error, please contact your administrator. ")
           ])
         ], -1)),
-        d("div", cr, [
-          v(x(K), {
-            onClick: a,
+        p("div", kr, [
+          b(_(K), {
+            onClick: o,
             size: "lg"
           }, {
             default: C(() => [...n[1] || (n[1] = [
@@ -3359,14 +3518,14 @@ const me = "bolt-next-token", Z = ie("auth", () => {
       ])
     ]));
   }
-}, dr = { class: "h-full grid place-content-center relative" }, pr = { class: "absolute top-8 left-8" }, fr = ["src"], mr = {
+}, wr = { class: "h-full grid place-content-center relative" }, Sr = { class: "absolute top-8 left-8" }, Cr = ["src"], $r = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, hr = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, gr = { class: "flex gap-4 justify-center" }, yr = {
+}, Tr = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Lr = { class: "flex gap-4 justify-center" }, Pr = {
   __name: "SparkError404View",
   props: {
     logo: {
@@ -3379,44 +3538,44 @@ const me = "bolt-next-token", Z = ie("auth", () => {
     }
   },
   setup(e) {
-    const s = W(), t = e, a = () => {
+    const s = J(), t = e, o = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (m(), g("div", dr, [
-      d("div", pr, [
+    return (l, n) => (m(), g("div", wr, [
+      p("div", Sr, [
         t.logo ? (m(), g("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, fr)) : (m(), g("svg", mr, [...n[0] || (n[0] = [
-          d("path", {
+        }, null, 8, Cr)) : (m(), g("svg", $r, [...n[0] || (n[0] = [
+          p("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
           }, null, -1),
-          d("path", {
+          p("path", {
             d: "M34.5 5.22235H38.228V14.1664H46.5V17.1264H34.5V5.22235Z",
             fill: "#1C64F2"
           }, null, -1),
-          d("path", {
+          p("path", {
             d: "M28.3161 0C29.1499 0 29.7522 0.798785 29.5209 1.59757L27.1856 9.77748H30.9046C31.747 9.77748 32.4279 10.4584 32.4279 11.3008C32.4279 11.7504 32.2315 12.1738 31.891 12.4619L20.5989 22.0517C20.3719 22.2438 20.0839 22.3485 19.787 22.3485C18.9533 22.3485 18.351 21.5497 18.5823 20.751L20.9176 12.571H17.1463C16.33 12.571 15.6709 11.9119 15.6709 11.1001C15.6709 10.6679 15.8586 10.262 16.186 9.98263L27.5043 0.301181C27.7312 0.104759 28.0193 0 28.3161 0ZM26.7404 3.71021L18.8311 10.4759H22.3056C22.633 10.4759 22.9429 10.6286 23.1437 10.8905C23.3445 11.1524 23.4056 11.4929 23.3139 11.8072L21.3584 18.6601L29.355 11.8727H25.7976C25.4702 11.8727 25.1603 11.7199 24.9595 11.458C24.7587 11.1961 24.6976 10.8556 24.7893 10.5413L26.7404 3.71021Z",
             fill: "#1C64F2"
           }, null, -1),
-          d("path", {
+          p("path", {
             d: "M0 17.1264V5.22235H10.192C13.6 5.22235 14.544 6.53435 14.544 7.94235V8.16635C14.544 9.70235 13.232 10.3264 12.656 10.4864C13.472 10.6944 15.216 11.3984 15.216 13.4784V13.7024C15.216 15.5904 14.144 17.1264 10.288 17.1264H0ZM9.552 7.73435H3.728V9.67035H9.552C10.592 9.67035 10.848 9.19035 10.848 8.71035V8.67835C10.848 8.18235 10.592 7.73435 9.552 7.73435ZM9.872 12.1984H3.728V14.5344H9.872C11.12 14.5344 11.344 13.8464 11.344 13.3664V13.3024C11.344 12.7904 11.104 12.1984 9.872 12.1984Z",
             fill: "#1C64F2"
           }, null, -1)
         ])]))
       ]),
-      d("div", hr, [
-        n[2] || (n[2] = d("div", null, [
-          d("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "404"),
-          d("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Page Not Found "),
-          d("p", { class: "text-gray-600" }, " The page you're looking for doesn't exist or has been moved. ")
+      p("div", Tr, [
+        n[2] || (n[2] = p("div", null, [
+          p("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "404"),
+          p("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Page Not Found "),
+          p("p", { class: "text-gray-600" }, " The page you're looking for doesn't exist or has been moved. ")
         ], -1)),
-        d("div", gr, [
-          v(x(K), {
-            onClick: a,
+        p("div", Lr, [
+          b(_(K), {
+            onClick: o,
             size: "lg"
           }, {
             default: C(() => [...n[1] || (n[1] = [
@@ -3428,14 +3587,14 @@ const me = "bolt-next-token", Z = ie("auth", () => {
       ])
     ]));
   }
-}, vr = { class: "h-full grid place-content-center relative" }, br = { class: "absolute top-8 left-8" }, xr = ["src"], kr = {
+}, Mr = { class: "h-full grid place-content-center relative" }, Hr = { class: "absolute top-8 left-8" }, Vr = ["src"], Rr = {
   key: 1,
   width: "59",
   height: "23",
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, _r = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, wr = { class: "text-primary-600 text-7xl font-bold mb-4" }, Sr = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, Cr = { class: "text-gray-600" }, $r = { class: "flex gap-4 justify-center" }, tn = {
+}, Br = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Er = { class: "text-primary-600 text-7xl font-bold mb-4" }, Ar = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, Or = { class: "text-gray-600" }, Fr = { class: "flex gap-4 justify-center" }, mn = {
   __name: "SparkErrorGeneralView",
   props: {
     logo: {
@@ -3460,44 +3619,44 @@ const me = "bolt-next-token", Z = ie("auth", () => {
     }
   },
   setup(e) {
-    const s = W(), t = e, a = () => {
+    const s = J(), t = e, o = () => {
       s.push(t.homeRoute);
     };
-    return (l, n) => (m(), g("div", vr, [
-      d("div", br, [
+    return (l, n) => (m(), g("div", Mr, [
+      p("div", Hr, [
         t.logo ? (m(), g("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, xr)) : (m(), g("svg", kr, [...n[0] || (n[0] = [
-          d("path", {
+        }, null, 8, Vr)) : (m(), g("svg", Rr, [...n[0] || (n[0] = [
+          p("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
           }, null, -1),
-          d("path", {
+          p("path", {
             d: "M34.5 5.22235H38.228V14.1664H46.5V17.1264H34.5V5.22235Z",
             fill: "#1C64F2"
           }, null, -1),
-          d("path", {
+          p("path", {
             d: "M28.3161 0C29.1499 0 29.7522 0.798785 29.5209 1.59757L27.1856 9.77748H30.9046C31.747 9.77748 32.4279 10.4584 32.4279 11.3008C32.4279 11.7504 32.2315 12.1738 31.891 12.4619L20.5989 22.0517C20.3719 22.2438 20.0839 22.3485 19.787 22.3485C18.9533 22.3485 18.351 21.5497 18.5823 20.751L20.9176 12.571H17.1463C16.33 12.571 15.6709 11.9119 15.6709 11.1001C15.6709 10.6679 15.8586 10.262 16.186 9.98263L27.5043 0.301181C27.7312 0.104759 28.0193 0 28.3161 0ZM26.7404 3.71021L18.8311 10.4759H22.3056C22.633 10.4759 22.9429 10.6286 23.1437 10.8905C23.3445 11.1524 23.4056 11.4929 23.3139 11.8072L21.3584 18.6601L29.355 11.8727H25.7976C25.4702 11.8727 25.1603 11.7199 24.9595 11.458C24.7587 11.1961 24.6976 10.8556 24.7893 10.5413L26.7404 3.71021Z",
             fill: "#1C64F2"
           }, null, -1),
-          d("path", {
+          p("path", {
             d: "M0 17.1264V5.22235H10.192C13.6 5.22235 14.544 6.53435 14.544 7.94235V8.16635C14.544 9.70235 13.232 10.3264 12.656 10.4864C13.472 10.6944 15.216 11.3984 15.216 13.4784V13.7024C15.216 15.5904 14.144 17.1264 10.288 17.1264H0ZM9.552 7.73435H3.728V9.67035H9.552C10.592 9.67035 10.848 9.19035 10.848 8.71035V8.67835C10.848 8.18235 10.592 7.73435 9.552 7.73435ZM9.872 12.1984H3.728V14.5344H9.872C11.12 14.5344 11.344 13.8464 11.344 13.3664V13.3024C11.344 12.7904 11.104 12.1984 9.872 12.1984Z",
             fill: "#1C64F2"
           }, null, -1)
         ])]))
       ]),
-      d("div", _r, [
-        d("div", null, [
-          d("div", wr, L(t.errorCode || "Error"), 1),
-          d("h1", Sr, L(t.title || "Something went wrong"), 1),
-          d("p", Cr, L(t.message || "An unexpected error occurred. Please try again later."), 1)
+      p("div", Br, [
+        p("div", null, [
+          p("div", Er, L(t.errorCode || "Error"), 1),
+          p("h1", Ar, L(t.title || "Something went wrong"), 1),
+          p("p", Or, L(t.message || "An unexpected error occurred. Please try again later."), 1)
         ]),
-        d("div", $r, [
-          v(x(K), {
-            onClick: a,
+        p("div", Fr, [
+          b(_(K), {
+            onClick: o,
             size: "lg"
           }, {
             default: C(() => [...n[1] || (n[1] = [
@@ -3510,57 +3669,57 @@ const me = "bolt-next-token", Z = ie("auth", () => {
     ]));
   }
 };
-function sn(e = {}) {
+function hn(e = {}) {
   const {
     loginPath: s = "/login",
     logoutPath: t = "/logout",
-    forgotPasswordPath: a = "/forgot-password",
+    forgotPasswordPath: o = "/forgot-password",
     resetPasswordPath: l = "/password/reset",
     logo: n = "",
-    defaultRedirect: o = "/dashboard"
+    defaultRedirect: a = "/dashboard"
   } = e;
   return [
     {
       path: s,
       name: "login",
-      component: Fo,
-      props: { logo: n, defaultRedirect: o },
+      component: Wa,
+      props: { logo: n, defaultRedirect: a },
       meta: { auth: !1 }
     },
     {
       path: t,
       name: "logout",
-      component: Oo,
+      component: Ya,
       props: { defaultRedirect: s },
       meta: { auth: !1 }
     },
     {
-      path: a,
+      path: o,
       name: "forgot-password",
-      component: Go,
+      component: nr,
       props: { logo: n, loginRoute: s },
       meta: { auth: !1 }
     },
     {
       path: l,
       name: "password-reset",
-      component: ar,
+      component: hr,
       props: { logo: n, loginRoute: s },
       meta: { auth: !1 }
     }
   ];
 }
-function an(e, s = {}) {
+function gn(e, s = {}) {
   const { defaultAuthenticatedRoute: t = "/dashboard" } = s;
-  e.beforeEach(async (a, l, n) => {
-    const o = Z();
-    o.state.ready || await o.fetchUser(), Tr(a, n, o, t);
+  e.beforeEach(async (o, l, n) => {
+    const a = U();
+    a.state.ready || await a.fetchUser(), zr(o, n, a, t);
   });
 }
-function Tr(e, s, t, a) {
+function zr(e, s, t, o) {
   const l = e.meta.auth !== !1, n = t.check;
   if (t.state.overrideToken && e.path === "/logout") {
-    s({ path: a });
+    s({ path: o });
     return;
   }
   if (!n) {
@@ -3572,44 +3731,44 @@ function Tr(e, s, t, a) {
       s();
       return;
     }
-    let o = e.fullPath;
-    if (o === "/" || o === "" || o === a) {
+    let a = e.fullPath;
+    if (a === "/" || a === "" || a === o) {
       s({ path: t.state.routes.auth });
       return;
     }
-    o.includes("%") && (o = decodeURIComponent(o)), s({
+    a.includes("%") && (a = decodeURIComponent(a)), s({
       path: t.state.routes.auth,
-      query: { redirect: o }
+      query: { redirect: a }
     });
     return;
   }
   if (n) {
     if (!l && e.path === t.state.routes.auth) {
-      s({ path: a });
+      s({ path: o });
       return;
     }
     if (e.path === "/") {
-      s({ path: a });
+      s({ path: o });
       return;
     }
     s();
   }
 }
-function on(e = {}) {
+function yn(e = {}) {
   const {
     forbiddenPath: s = "/error/403",
     logo: t = "",
-    homeRoute: a = "/dashboard"
+    homeRoute: o = "/dashboard"
   } = e;
   return {
     path: s,
     name: "error-403",
-    component: ur,
-    props: { logo: t, homeRoute: a },
+    component: _r,
+    props: { logo: t, homeRoute: o },
     meta: { auth: !1 }
   };
 }
-function rn(e = {}) {
+function vn(e = {}) {
   const {
     logo: s = "",
     homeRoute: t = "/dashboard"
@@ -3617,21 +3776,21 @@ function rn(e = {}) {
   return {
     path: "/:pathMatch(.*)*",
     name: "error-404",
-    component: yr,
+    component: Pr,
     props: { logo: s, homeRoute: t },
     meta: { auth: !1 }
   };
 }
-function nn(e, s) {
+function bn(e, s) {
   e.beforeResolve(async (t) => {
     if (t.meta.auth !== !1) {
-      const a = Z();
-      a.state.ready && a.check && await s();
+      const o = U();
+      o.state.ready && o.check && await s();
     }
   });
 }
-function Lr(e = {}) {
-  const s = oe.create({
+function Dr(e = {}) {
+  const s = re.create({
     baseURL: e.baseURL || "",
     timeout: e.timeout || 3e4,
     headers: {
@@ -3642,8 +3801,8 @@ function Lr(e = {}) {
   return s.interceptors.request.use(
     (t) => {
       try {
-        const a = Z();
-        a.state.overrideToken ? t.headers.Authorization = `Bearer ${a.state.overrideToken}` : a.state.token && (t.headers.Authorization = `Bearer ${a.state.token}`);
+        const o = U();
+        o.state.overrideToken ? t.headers.Authorization = `Bearer ${o.state.overrideToken}` : o.state.token && (t.headers.Authorization = `Bearer ${o.state.token}`);
       } catch {
       }
       return t;
@@ -3654,43 +3813,43 @@ function Lr(e = {}) {
     async (t) => {
       if (t.response?.status === 401)
         try {
-          const a = Z();
-          await a.logout(), window.location.href = a.state.routes.auth;
-        } catch (a) {
-          console.error("Error during auto-logout:", a), window.location.href = "/login";
+          const o = U();
+          await o.logout(), window.location.href = o.state.routes.auth;
+        } catch (o) {
+          console.error("Error during auto-logout:", o), window.location.href = "/login";
         }
       if (t.response?.status === 403)
         try {
-          const a = Z();
-          window.location.href = a.state.routes.forbidden;
-        } catch (a) {
-          console.error("Error during 403 redirect:", a), window.location.href = "/error/403";
+          const o = U();
+          window.location.href = o.state.routes.forbidden;
+        } catch (o) {
+          console.error("Error during 403 redirect:", o), window.location.href = "/error/403";
         }
       return Promise.reject(t);
     }
   ), s;
 }
 let ae = null;
-function ln(e, s = {}) {
-  return ae = Lr(s), e.provide("axios", ae), e.config.globalProperties.$axios = ae, ae;
+function xn(e, s = {}) {
+  return ae = Dr(s), e.provide("axios", ae), e.config.globalProperties.$axios = ae, ae;
 }
-function cn() {
+function kn() {
   if (!ae)
     throw new Error("Axios instance not initialized. Call setupAxios() first.");
   return ae;
 }
-const un = ie("sparkNav", () => {
+const _n = ue("sparkNav", () => {
   const e = q({
     menu: [],
     collapsed: !1,
     hidden: !1
-  }), s = W(), t = re(), a = (i = []) => {
+  }), s = J(), t = ne(), o = (i = []) => {
     e.menu = i, r();
   }, l = (i, u) => {
-    for (const p of i) {
-      if (p.href === u) return p;
-      if (p.children) {
-        const f = l(p.children, u);
+    for (const d of i) {
+      if (d.href === u) return d;
+      if (d.children) {
+        const f = l(d.children, u);
         if (f) return f;
       }
     }
@@ -3704,22 +3863,22 @@ const un = ie("sparkNav", () => {
       }
       await s.push(i);
     }
-  }, o = () => {
+  }, a = () => {
     e.collapsed = !e.collapsed;
   }, c = () => {
     e.hidden = !e.hidden;
   }, r = () => {
     const i = t.name || t.path.replace("/", "");
     if (i) {
-      const u = (p) => {
-        p.forEach((f) => {
+      const u = (d) => {
+        d.forEach((f) => {
           f.current = f.href === i, f.children && u(f.children);
         });
       };
       u(e.menu);
     }
   };
-  return j(
+  return I(
     () => t.path,
     () => {
       r();
@@ -3727,70 +3886,72 @@ const un = ie("sparkNav", () => {
     { immediate: !0 }
   ), {
     state: e,
-    initialize: a,
+    initialize: o,
     goto: n,
-    toggleCollapsed: o,
+    toggleCollapsed: a,
     toggleHidden: c,
     syncWithRoute: r
   };
 });
 export {
-  F as Icons,
-  te as SparkAlert,
-  ms as SparkAppSelector,
-  Fs as SparkBrandSelector,
+  O as Icons,
+  se as SparkAlert,
+  vs as SparkAppSelector,
+  js as SparkBrandSelector,
   K as SparkButton,
-  zs as SparkButtonGroup,
-  Yr as SparkCard,
-  Jr as SparkDefaultContainer,
-  ur as SparkError403View,
-  yr as SparkError404View,
-  tn as SparkErrorGeneralView,
-  Go as SparkForgotPasswordView,
-  Fo as SparkLoginView,
-  Oo as SparkLogoutView,
-  Ws as SparkModalContainer,
-  Zs as SparkModalDialog,
-  Gr as SparkNotificationOutlet,
-  ke as SparkOverlay,
-  Qr as SparkPublicContainer,
-  ar as SparkResetPasswordView,
-  Xr as SparkTable,
-  Da as SparkTableDatePicker,
-  za as SparkTableFilterButtons,
-  Ea as SparkTableFilterSelect,
-  $a as SparkTablePaginationPaging,
-  Pa as SparkTablePaginationPerPage,
-  Ka as SparkTableReset,
-  Ma as SparkTableSearch,
-  Ce as SparkTableToolbar,
-  Wr as SparkToastContainer,
-  Kr as addIcons,
-  on as create403Route,
-  rn as create404Route,
-  sn as createAuthRoutes,
-  Lr as createAxiosInstance,
-  en as createBootstrapService,
-  ta as customiseHeader,
-  wo as deleteCookie,
-  cn as getAxiosInstance,
-  ko as getCookie,
-  je as getDomain,
-  Xs as renderHeaderTitle,
-  _o as setCookie,
-  an as setupAuthGuards,
-  ln as setupAxios,
-  nn as setupBootstrapGuard,
-  Ur as setupFontAwesome,
-  se as sparkModalService,
-  G as sparkNotificationService,
-  ee as sparkOverlayService,
-  fa as updateRow,
-  Ae as useSparkAppSelectorStore,
-  Fe as useSparkAppStore,
-  Z as useSparkAuthStore,
-  ze as useSparkBrandFilterStore,
-  un as useSparkNavStore,
-  Te as useSparkOverlay,
-  ma as useSparkTableRouteSync
+  Ns as SparkButtonGroup,
+  cn as SparkCard,
+  dn as SparkDefaultContainer,
+  _r as SparkError403View,
+  Pr as SparkError404View,
+  mn as SparkErrorGeneralView,
+  nr as SparkForgotPasswordView,
+  Wa as SparkLoginView,
+  Ya as SparkLogoutView,
+  Qs as SparkModalContainer,
+  Ws as SparkModalDialog,
+  nn as SparkNotificationOutlet,
+  Se as SparkOverlay,
+  pn as SparkPublicContainer,
+  hr as SparkResetPasswordView,
+  un as SparkTable,
+  ta as SparkTableDatePicker,
+  Jo as SparkTableFilterButtons,
+  Go as SparkTableFilterSelect,
+  zo as SparkTablePaginationPaging,
+  Io as SparkTablePaginationPerPage,
+  ra as SparkTableReset,
+  qo as SparkTableSearch,
+  Pe as SparkTableToolbar,
+  ln as SparkToastContainer,
+  an as addIcons,
+  yn as create403Route,
+  vn as create404Route,
+  hn as createAuthRoutes,
+  Dr as createAxiosInstance,
+  fn as createBootstrapService,
+  ro as customiseHeader,
+  Ea as deleteCookie,
+  ko as formatTemporal,
+  kn as getAxiosInstance,
+  Ra as getCookie,
+  Ze as getDomain,
+  _o as parseDatetime,
+  to as renderHeaderTitle,
+  Ba as setCookie,
+  gn as setupAuthGuards,
+  xn as setupAxios,
+  bn as setupBootstrapGuard,
+  rn as setupFontAwesome,
+  oe as sparkModalService,
+  X as sparkNotificationService,
+  te as sparkOverlayService,
+  $o as updateRow,
+  De as useSparkAppSelectorStore,
+  je as useSparkAppStore,
+  U as useSparkAuthStore,
+  Ne as useSparkBrandFilterStore,
+  _n as useSparkNavStore,
+  He as useSparkOverlay,
+  To as useSparkTableRouteSync
 };