@wishbone-media/spark 0.9.2 → 0.10.0

package/dist/index.js

@@ -1,7 +1,7 @@
-import { computed as $, resolveComponent as V, createElementBlock as y, openBlock as g, normalizeClass as _, createElementVNode as p, createVNode as v, unref as x, renderSlot as q, Fragment as ne, renderList as de, createCommentVNode as R, toDisplayString as F, reactive as re, ref as z, inject as tn, provide as nn, markRaw as xt, createBlock as Y, withCtx as O, resolveDynamicComponent as St, mergeProps as vt, toHandlers as Ct, createTextVNode as ze, withModifiers as le, onMounted as sn, watch as rn } from "vue";
+import { computed as T, resolveComponent as V, createElementBlock as y, openBlock as g, normalizeClass as _, createElementVNode as p, createVNode as v, unref as x, renderSlot as z, Fragment as se, renderList as fe, createCommentVNode as R, toDisplayString as F, reactive as oe, ref as q, inject as tn, provide as nn, markRaw as xt, createBlock as Y, withCtx as O, resolveDynamicComponent as St, mergeProps as vt, toHandlers as Ct, createTextVNode as qe, withModifiers as ce, onMounted as sn, watch as rn } from "vue";
 import { library as _t } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon as on } from "@fortawesome/vue-fontawesome";
-import { faSignOut as an, faXmark as ln, faTimes as cn, faStreetView as un, faSortUp as dn, faSortDown as fn, faSort as pn, faScaleBalanced as hn, faSatelliteDish as mn, faLayerPlus as gn, faLaptopMobile as yn, faInfoCircle as wn, faGripDotsVertical as bn, faGearComplex as xn, faFlag as Sn, faFaceSmileWink as vn, faFaceSmileRelaxed as Cn, faExclamationTriangle as _n, faEllipsisVertical as kn, faEllipsis as Rn, faEdit as En, faComments as On, faCircleXmark as An, faCircleUser as $n, faChevronUp as Tn, faChevronRight as Ln, faChevronLeft as Fn, faChevronDown as Bn, faCheckCircle as Nn, faCheck as Pn, faBullhorn as Hn, faBellRing as Un, faBarsSort as Vn, faArrowRightToLine as Dn, faArrowLeftToLine as jn } from "@fortawesome/pro-regular-svg-icons";
+import { faSignOut as an, faXmark as ln, faTimes as cn, faStreetView as un, faSortUp as dn, faSortDown as fn, faSort as pn, faScaleBalanced as hn, faSatelliteDish as mn, faLayerPlus as gn, faLaptopMobile as yn, faInfoCircle as wn, faGripDotsVertical as bn, faGearComplex as xn, faFlag as Sn, faFaceSmileWink as vn, faFaceSmileRelaxed as Cn, faExclamationTriangle as _n, faEllipsisVertical as kn, faEllipsis as Rn, faEdit as En, faComments as On, faCircleXmark as An, faCircleUser as Tn, faChevronUp as $n, faChevronRight as Ln, faChevronLeft as Fn, faChevronDown as Bn, faCheckCircle as Nn, faCheck as Pn, faBullhorn as Hn, faBellRing as Un, faBarsSort as Vn, faArrowRightToLine as Dn, faArrowLeftToLine as jn } from "@fortawesome/pro-regular-svg-icons";
 import { defineStore as Re } from "pinia";
 import { TransitionRoot as kt, Dialog as Rt, TransitionChild as _e, DialogPanel as Et } from "@headlessui/vue";
 import { useRouter as Ee, useRoute as Oe } from "vue-router";
@@ -16,8 +16,8 @@ const N = {
   farChevronDown: Bn,
   farChevronLeft: Fn,
   farChevronRight: Ln,
-  farChevronUp: Tn,
-  farCircleUser: $n,
+  farChevronUp: $n,
+  farCircleUser: Tn,
   farCircleXmark: An,
   farComments: On,
   farEdit: En,
@@ -42,13 +42,13 @@ const N = {
   farXmark: ln,
   farSignOut: an
 };
-function va(e) {
+function Ca(e) {
   Object.assign(N, e), _t.add(...Object.values(e));
 }
-function Ca(e) {
+function _a(e) {
   _t.add(...Object.values(N)), e.component("FontAwesomeIcon", on);
 }
-const Mn = { class: "flex items-center" }, In = { class: "shrink-0 self-start" }, qn = { class: "ml-3" }, zn = { class: "ml-auto pl-3 pt-1 self-start" }, Wn = { class: "-mx-1.5 -my-1.5" }, _a = {
+const Mn = { class: "flex items-center" }, In = { class: "shrink-0 self-start" }, zn = { class: "ml-3" }, qn = { class: "ml-auto pl-3 pt-1 self-start" }, Wn = { class: "-mx-1.5 -my-1.5" }, ka = {
   __name: "SparkAlert",
   props: {
     type: {
@@ -59,22 +59,22 @@ const Mn = { class: "flex items-center" }, In = { class: "shrink-0 self-start" }
   },
   emits: ["close"],
   setup(e) {
-    const t = e, n = $(() => ({
+    const t = e, n = T(() => ({
       success: "bg-green-50 border-green-200 text-green-700",
       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"
-    })[t.type]), s = $(() => ({
+    })[t.type]), s = T(() => ({
       success: "text-green-400",
       warning: "text-yellow-400",
       danger: "text-red-400",
       info: "text-blue-400"
-    })[t.type]), r = $(() => ({
+    })[t.type]), r = T(() => ({
       success: "farCheckCircle",
       warning: "farExclamationTriangle",
       danger: "farCircleXmark",
       info: "farInfoCircle"
-    })[t.type]), a = $(() => ({
+    })[t.type]), a = T(() => ({
       success: "text-green-400 hover:bg-green-100",
       warning: "text-yellow-400 hover:bg-yellow-100",
       danger: "text-red-400 hover:bg-red-100",
@@ -92,10 +92,10 @@ const Mn = { class: "flex items-center" }, In = { class: "shrink-0 self-start" }
               class: _(s.value)
             }, null, 8, ["icon", "class"])
           ]),
-          p("div", qn, [
-            q(o.$slots, "default")
-          ]),
           p("div", zn, [
+            z(o.$slots, "default")
+          ]),
+          p("div", qn, [
             p("div", Wn, [
               p("button", {
                 type: "button",
@@ -168,7 +168,7 @@ const Mn = { class: "flex items-center" }, In = { class: "shrink-0 self-start" }
   },
   emits: ["close", "select"],
   setup(e, { emit: t }) {
-    const n = e, s = t, r = $(() => n.appItems.map((o) => ({
+    const n = e, s = t, r = T(() => n.appItems.map((o) => ({
       ...o,
       current: o.name === n.currentApp
     }))), a = (o) => {
@@ -189,7 +189,7 @@ const Mn = { class: "flex items-center" }, In = { class: "shrink-0 self-start" }
                 }, null, 8, ["icon"])
               ])
             ]),
-            (g(!0), y(ne, null, de(r.value, (i) => (g(), y("div", {
+            (g(!0), y(se, null, fe(r.value, (i) => (g(), y("div", {
               key: i.name,
               class: _([i.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
               onClick: (d) => a(i)
@@ -221,7 +221,7 @@ const Mn = { class: "flex items-center" }, In = { class: "shrink-0 self-start" }
 }, Ot = Re(
   "brandFilter",
   () => {
-    const e = re({
+    const e = oe({
       brands: []
     }), t = (a = {}) => {
       if (!a.brands || !Array.isArray(a.brands)) {
@@ -240,7 +240,7 @@ const Mn = { class: "flex items-center" }, In = { class: "shrink-0 self-start" }
         logo: l.logo,
         current: l.current || !1
       }));
-    }, n = $(() => e.brands.find((a) => a.current) || null), s = $(() => e.brands);
+    }, n = T(() => e.brands.find((a) => a.current) || null), s = T(() => e.brands);
     return {
       state: e,
       initialize: t,
@@ -291,7 +291,7 @@ const Mn = { class: "flex items-center" }, In = { class: "shrink-0 self-start" }
               ])
             ]),
             x(s).allBrands.length === 0 ? (g(), y("div", ds, " No brands configured ")) : R("", !0),
-            (g(!0), y(ne, null, de(x(s).allBrands, (l) => (g(), y("div", {
+            (g(!0), y(se, null, fe(x(s).allBrands, (l) => (g(), y("div", {
               key: l.id,
               class: _([l.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
               onClick: (i) => r(l)
@@ -342,7 +342,7 @@ const Mn = { class: "flex items-center" }, In = { class: "shrink-0 self-start" }
     }
   },
   setup(e) {
-    const t = e, n = z(null), s = tn("buttonGroup", null), r = $(() => {
+    const t = e, n = q(null), s = tn("buttonGroup", null), r = T(() => {
       if (!s?.isInGroup || !n.value) return null;
       const l = s.getButtonIndex(n.value), i = s.getButtonCount();
       return {
@@ -366,13 +366,13 @@ const Mn = { class: "flex items-center" }, In = { class: "shrink-0 self-start" }
       const d = l.split(" ").filter(Boolean), f = i.split(" ").filter(Boolean);
       return [...d.filter((E) => !f.some((h) => {
         const w = Object.entries(a).find(
-          ([k, T]) => T.test(E)
+          ([k, $]) => $.test(E)
         )?.[0], m = Object.entries(a).find(
-          ([k, T]) => T.test(h)
+          ([k, $]) => $.test(h)
         )?.[0];
         return w && w === m;
       })), ...f].join(" ");
-    }, c = $(() => {
+    }, c = T(() => {
       let l = "", i = "";
       switch (t.size) {
         case "xs":
@@ -428,13 +428,13 @@ const Mn = { class: "flex items-center" }, In = { class: "shrink-0 self-start" }
       disabled: e.disabled,
       onClick: i[0] || (i[0] = (d) => l.$emit("click"))
     }, [
-      q(l.$slots, "default")
+      z(l.$slots, "default")
     ], 10, vs));
   }
-}, ka = {
+}, Ra = {
   __name: "SparkButtonGroup",
   setup(e) {
-    const t = z(null);
+    const t = q(null);
     return nn("buttonGroup", {
       isInGroup: !0,
       getButtonIndex: (r) => t.value ? Array.from(t.value.children).indexOf(r) : -1,
@@ -444,7 +444,7 @@ const Mn = { class: "flex items-center" }, In = { class: "shrink-0 self-start" }
       ref_key: "groupRef",
       ref: t
     }, [
-      q(r.$slots, "default")
+      z(r.$slots, "default")
     ], 512));
   }
 }, Cs = { class: "divide-y divide-gray-300 rounded-lg border border-gray-300 text-gray-700 bg-gray-100" }, _s = {
@@ -453,7 +453,7 @@ const Mn = { class: "flex items-center" }, In = { class: "shrink-0 self-start" }
 }, ks = {
   key: 1,
   class: "p-5"
-}, Ra = {
+}, Ea = {
   __name: "SparkCard",
   props: {
     padded: {
@@ -469,22 +469,22 @@ const Mn = { class: "flex items-center" }, In = { class: "shrink-0 self-start" }
     const t = e;
     return (n, s) => (g(), y("div", Cs, [
       n.$slots.header ? (g(), y("div", _s, [
-        q(n.$slots, "header")
+        z(n.$slots, "header")
       ])) : R("", !0),
       p("div", {
         class: _([t.padded ? t.paddedClass : ""])
       }, [
-        q(n.$slots, "default")
+        z(n.$slots, "default")
       ], 2),
       n.$slots.footer ? (g(), y("div", ks, [
-        q(n.$slots, "footer")
+        z(n.$slots, "footer")
       ])) : R("", !0)
     ]));
   }
 };
 class Rs {
   constructor() {
-    this.state = re({
+    this.state = oe({
       isVisible: !1,
       content: null,
       props: {},
@@ -498,17 +498,17 @@ class Rs {
     this.state.isVisible = !1, this.state.eventHandlers = {};
   };
 }
-const ce = new Rs(), Es = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, Os = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, As = {
+const ue = new Rs(), Es = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, Os = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, As = {
   __name: "SparkModalContainer",
   setup(e) {
     return (t, n) => (g(), Y(x(kt), {
       as: "template",
-      show: x(ce).state.isVisible
+      show: x(ue).state.isVisible
     }, {
       default: O(() => [
         v(x(Rt), {
           class: "relative z-200",
-          onClose: x(ce).hide
+          onClose: x(ue).hide
         }, {
           default: O(() => [
             v(x(_e), {
@@ -539,7 +539,7 @@ const ce = new Rs(), Es = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                   default: O(() => [
                     v(x(Et), { 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: O(() => [
-                        (g(), Y(St(x(ce).state.content), vt(x(ce).state.props, Ct(x(ce).state.eventHandlers)), null, 16))
+                        (g(), Y(St(x(ue).state.content), vt(x(ue).state.props, Ct(x(ue).state.eventHandlers)), null, 16))
                       ]),
                       _: 1
                     })
@@ -555,10 +555,10 @@ const ce = new Rs(), Es = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       _: 1
     }, 8, ["show"]));
   }
-}, $s = { class: "px-4 pt-5 pb-4 sm:p-6" }, Ts = {
+}, Ts = { class: "px-4 pt-5 pb-4 sm:p-6" }, $s = {
   key: 0,
   class: "text-lg font-medium text-gray-900"
-}, Ea = {
+}, Oa = {
   __name: "SparkModalDialog",
   props: {
     title: {
@@ -608,7 +608,7 @@ const ce = new Rs(), Es = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     "input"
   ],
   setup(e) {
-    const t = e, n = $(() => !t.buttons || t.buttons.length === 0 ? [{ text: "OK", variant: "primary", event: "ok" }] : t.buttons), s = $(() => {
+    const t = e, n = T(() => !t.buttons || t.buttons.length === 0 ? [{ text: "OK", variant: "primary", event: "ok" }] : t.buttons), s = T(() => {
       switch (n.value.length) {
         case 1:
           return "sm:grid sm:grid-flow-row-dense";
@@ -624,12 +624,12 @@ const ce = new Rs(), Es = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       success: "farCheckCircle",
       warning: "farExclamationTriangle",
       danger: "farCircleXmark"
-    }, a = $(() => t.icon || r[t.type]), o = $(() => ({
+    }, a = T(() => t.icon || r[t.type]), o = T(() => ({
       info: "bg-blue-100",
       success: "bg-green-100",
       warning: "bg-yellow-100",
       danger: "bg-red-100"
-    })[t.type]), c = $(() => ({
+    })[t.type]), c = T(() => ({
       info: "text-blue-400",
       success: "text-green-400",
       warning: "text-yellow-400",
@@ -637,7 +637,7 @@ const ce = new Rs(), Es = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     })[t.type]);
     return (l, i) => {
       const d = V("font-awesome-icon");
-      return g(), y("div", $s, [
+      return g(), y("div", Ts, [
         a.value ? (g(), y("div", {
           key: 0,
           class: _(["mx-auto flex size-12 items-center justify-center rounded-full", o.value])
@@ -650,7 +650,7 @@ const ce = new Rs(), Es = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
         p("div", {
           class: _(["text-center", { "mt-3 sm:mt-5": a.value }])
         }, [
-          e.title ? (g(), y("h3", Ts, F(e.title), 1)) : R("", !0),
+          e.title ? (g(), y("h3", $s, F(e.title), 1)) : R("", !0),
           e.message ? (g(), y("div", {
             key: 1,
             class: _([{ "mt-2": e.title }, "text-sm text-gray-500"])
@@ -659,13 +659,13 @@ const ce = new Rs(), Es = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
         p("div", {
           class: _(["mt-5 sm:mt-6", s.value])
         }, [
-          (g(!0), y(ne, null, de(n.value, (f, b) => (g(), Y(x(Ae), {
+          (g(!0), y(se, null, fe(n.value, (f, b) => (g(), Y(x(Ae), {
             key: b,
             variant: f.variant,
             onClick: (E) => l.$emit(f.event, f)
           }, {
             default: O(() => [
-              ze(F(f.text), 1)
+              qe(F(f.text), 1)
             ]),
             _: 2
           }, 1032, ["variant", "onClick"]))), 128))
@@ -687,7 +687,7 @@ const ce = new Rs(), Es = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     }
   },
   setup(e) {
-    const t = z(null);
+    const t = q(null);
     return (n, s) => (g(), Y(x(kt), {
       show: e.overlayInstance.state.isVisible,
       as: "template"
@@ -750,7 +750,7 @@ const ce = new Rs(), Es = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   }
 };
 function st() {
-  const e = re({
+  const e = oe({
     isVisible: !1,
     content: null,
     props: {},
@@ -807,7 +807,7 @@ const Z = new Fs(), Bs = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Ns =
 }, Ms = ["href", "onClick"], Is = {
   key: 1,
   class: "text-[13px]"
-}, qs = { class: "mt-auto" }, zs = { class: "p-[10px] flex-shrink-0" }, Ws = { class: "flex flex-1 items-center gap-x-6" }, Js = { class: "relative flex flex-1 items-center gap-4" }, Ks = { class: "cursor-pointer" }, Gs = ["src"], Zs = { class: "ml-auto" }, Xs = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, Oa = {
+}, zs = { class: "mt-auto" }, qs = { class: "p-[10px] flex-shrink-0" }, Ws = { class: "flex flex-1 items-center gap-x-6" }, Js = { class: "relative flex flex-1 items-center gap-4" }, Ks = { class: "cursor-pointer" }, Gs = ["src"], Zs = { class: "ml-auto" }, Xs = { class: "mr-[10px] pb-[10px] flex-1 flex flex-col" }, Aa = {
   __name: "SparkDefaultContainer",
   props: {
     appStore: {
@@ -834,10 +834,10 @@ const Z = new Fs(), Bs = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Ns =
           }
         }
       );
-    }, a = $(() => t.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [t.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), o = $(() => t.mainNavStore.state.hidden ? ["pl-2.5"] : [t.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
+    }, a = T(() => t.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [t.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), o = T(() => t.mainNavStore.state.hidden ? ["pl-2.5"] : [t.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
     return (c, l) => {
       const i = V("font-awesome-icon"), d = V("router-view");
-      return g(), y(ne, null, [
+      return g(), y(se, null, [
         p("div", {
           class: _([a.value, "fixed inset-y-0 flex transition-all z-100"])
         }, [
@@ -849,7 +849,7 @@ const Z = new Fs(), Bs = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Ns =
                     p("li", Us, [
                       p("a", {
                         class: "grid w-[40px] h-[40px] place-items-center rounded-md bg-primary-600 text-white text-[13px] cursor-pointer",
-                        onClick: l[0] || (l[0] = le((f) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
+                        onClick: l[0] || (l[0] = ce((f) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
                       }, [
                         v(i, {
                           icon: x(N)[e.appStore.state.icon],
@@ -858,11 +858,11 @@ const Z = new Fs(), Bs = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Ns =
                       ]),
                       e.mainNavStore.state.collapsed ? R("", !0) : (g(), y("a", {
                         key: 0,
-                        onClick: l[1] || (l[1] = le((f) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"])),
+                        onClick: l[1] || (l[1] = ce((f) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"])),
                         class: "font-medium text-gray-800 ml-[10px] cursor-pointer"
                       }, F(e.appStore.state.app), 1))
                     ]),
-                    (g(!0), y(ne, null, de(e.mainNavStore.state.menu, (f) => (g(), y("li", {
+                    (g(!0), y(se, null, fe(e.mainNavStore.state.menu, (f) => (g(), y("li", {
                       key: f.name,
                       class: _({
                         "mt-[10px]": f.children
@@ -874,7 +874,7 @@ const Z = new Fs(), Bs = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Ns =
                           "hover:bg-gray-100": f?.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: f?.href,
-                        onClick: le((b) => e.mainNavStore.goto(f.href), ["prevent"])
+                        onClick: ce((b) => e.mainNavStore.goto(f.href), ["prevent"])
                       }, [
                         f.icon ? (g(), Y(i, {
                           key: 0,
@@ -894,13 +894,13 @@ const Z = new Fs(), Bs = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Ns =
                         }, F(f.name), 3))
                       ], 10, Vs),
                       f.children ? (g(), y("ul", js, [
-                        (g(!0), y(ne, null, de(f.children, (b) => (g(), y("li", {
+                        (g(!0), y(se, null, fe(f.children, (b) => (g(), y("li", {
                           key: b.name
                         }, [
                           p("a", {
                             class: _([[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: le((E) => e.mainNavStore.goto(b.href), ["prevent"])
+                            onClick: ce((E) => e.mainNavStore.goto(b.href), ["prevent"])
                           }, [
                             b.icon ? (g(), Y(i, {
                               key: 0,
@@ -914,12 +914,12 @@ const Z = new Fs(), Bs = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Ns =
                     ], 2))), 128))
                   ])
                 ]),
-                p("li", qs, [
-                  q(c.$slots, "sidebar-footer"),
+                p("li", zs, [
+                  z(c.$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: l[2] || (l[2] = le((f) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
+                    onClick: l[2] || (l[2] = ce((f) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
                   }, [
                     v(i, {
                       icon: x(N)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
@@ -934,10 +934,10 @@ const Z = new Fs(), Bs = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Ns =
         p("div", {
           class: _([o.value, "h-full transition-all flex flex-col"])
         }, [
-          p("div", zs, [
+          p("div", qs, [
             p("div", Ws, [
               p("div", Js, [
-                q(c.$slots, "header-left", {}, () => [
+                z(c.$slots, "header-left", {}, () => [
                   p("div", Ks, [
                     v(i, {
                       icon: x(N).farBarsSort,
@@ -946,7 +946,7 @@ const Z = new Fs(), Bs = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Ns =
                     }, null, 8, ["icon"])
                   ])
                 ]),
-                q(c.$slots, "header-center", {}, () => [
+                z(c.$slots, "header-center", {}, () => [
                   e.appStore.state.showBrandSelector ? (g(), y("div", {
                     key: 0,
                     class: "absolute left-1/2 -translate-x-1/2 cursor-pointer h-9 flex items-center",
@@ -961,7 +961,7 @@ const Z = new Fs(), Bs = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, Ns =
                   ])) : R("", !0)
                 ]),
                 p("div", Zs, [
-                  q(c.$slots, "header-right", {}, () => [
+                  z(c.$slots, "header-right", {}, () => [
                     e.appStore.state.showAppSelector ? (g(), y("button", {
                       key: 0,
                       class: "rounded-sm bg-white w-[42px] h-[42px] ring-1 ring-inset ring-gray-300",
@@ -1008,51 +1008,51 @@ function tr(e, t) {
     v(n)
   ]);
 }
-const Aa = /* @__PURE__ */ Qs(Ys, [["render", tr]]);
+const Ta = /* @__PURE__ */ Qs(Ys, [["render", tr]]);
 function At(e, t) {
   return function() {
     return e.apply(t, arguments);
   };
 }
-const { toString: nr } = Object.prototype, { getPrototypeOf: We } = Object, { iterator: $e, toStringTag: $t } = Symbol, Te = /* @__PURE__ */ ((e) => (t) => {
+const { toString: nr } = Object.prototype, { getPrototypeOf: We } = Object, { iterator: Te, toStringTag: Tt } = Symbol, $e = /* @__PURE__ */ ((e) => (t) => {
   const n = nr.call(t);
   return e[n] || (e[n] = n.slice(8, -1).toLowerCase());
-})(/* @__PURE__ */ Object.create(null)), j = (e) => (e = e.toLowerCase(), (t) => Te(t) === e), Le = (e) => (t) => typeof t === e, { isArray: oe } = Array, se = Le("undefined");
-function fe(e) {
-  return e !== null && !se(e) && e.constructor !== null && !se(e.constructor) && P(e.constructor.isBuffer) && e.constructor.isBuffer(e);
+})(/* @__PURE__ */ Object.create(null)), j = (e) => (e = e.toLowerCase(), (t) => $e(t) === e), Le = (e) => (t) => typeof t === e, { isArray: ae } = Array, re = Le("undefined");
+function pe(e) {
+  return e !== null && !re(e) && e.constructor !== null && !re(e.constructor) && P(e.constructor.isBuffer) && e.constructor.isBuffer(e);
 }
-const Tt = j("ArrayBuffer");
+const $t = j("ArrayBuffer");
 function sr(e) {
   let t;
-  return typeof ArrayBuffer < "u" && ArrayBuffer.isView ? t = ArrayBuffer.isView(e) : t = e && e.buffer && Tt(e.buffer), t;
+  return typeof ArrayBuffer < "u" && ArrayBuffer.isView ? t = ArrayBuffer.isView(e) : t = e && e.buffer && $t(e.buffer), t;
 }
-const rr = Le("string"), P = Le("function"), Lt = Le("number"), pe = (e) => e !== null && typeof e == "object", or = (e) => e === !0 || e === !1, Se = (e) => {
-  if (Te(e) !== "object")
+const rr = Le("string"), P = Le("function"), Lt = Le("number"), he = (e) => e !== null && typeof e == "object", or = (e) => e === !0 || e === !1, Se = (e) => {
+  if ($e(e) !== "object")
     return !1;
   const t = We(e);
-  return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !($t in e) && !($e in e);
+  return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Tt in e) && !(Te in e);
 }, ar = (e) => {
-  if (!pe(e) || fe(e))
+  if (!he(e) || pe(e))
     return !1;
   try {
     return Object.keys(e).length === 0 && Object.getPrototypeOf(e) === Object.prototype;
   } catch {
     return !1;
   }
-}, ir = j("Date"), lr = j("File"), cr = j("Blob"), ur = j("FileList"), dr = (e) => pe(e) && P(e.pipe), fr = (e) => {
+}, ir = j("Date"), lr = j("File"), cr = j("Blob"), ur = j("FileList"), dr = (e) => he(e) && P(e.pipe), fr = (e) => {
   let t;
-  return e && (typeof FormData == "function" && e instanceof FormData || P(e.append) && ((t = Te(e)) === "formdata" || // detect form-data instance
+  return e && (typeof FormData == "function" && e instanceof FormData || P(e.append) && ((t = $e(e)) === "formdata" || // detect form-data instance
   t === "object" && P(e.toString) && e.toString() === "[object FormData]"));
 }, pr = j("URLSearchParams"), [hr, mr, gr, yr] = ["ReadableStream", "Request", "Response", "Headers"].map(j), wr = (e) => e.trim ? e.trim() : e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
-function he(e, t, { allOwnKeys: n = !1 } = {}) {
+function me(e, t, { allOwnKeys: n = !1 } = {}) {
   if (e === null || typeof e > "u")
     return;
   let s, r;
-  if (typeof e != "object" && (e = [e]), oe(e))
+  if (typeof e != "object" && (e = [e]), ae(e))
     for (s = 0, r = e.length; s < r; s++)
       t.call(null, e[s], s, e);
   else {
-    if (fe(e))
+    if (pe(e))
       return;
     const a = n ? Object.getOwnPropertyNames(e) : Object.keys(e), o = a.length;
     let c;
@@ -1061,7 +1061,7 @@ function he(e, t, { allOwnKeys: n = !1 } = {}) {
   }
 }
 function Ft(e, t) {
-  if (fe(e))
+  if (pe(e))
     return null;
   t = t.toLowerCase();
   const n = Object.keys(e);
@@ -1071,17 +1071,17 @@ function Ft(e, t) {
       return r;
   return null;
 }
-const X = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, Bt = (e) => !se(e) && e !== X;
+const X = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, Bt = (e) => !re(e) && e !== X;
 function je() {
   const { caseless: e, skipUndefined: t } = Bt(this) && this || {}, n = {}, s = (r, a) => {
     const o = e && Ft(n, a) || a;
-    Se(n[o]) && Se(r) ? n[o] = je(n[o], r) : Se(r) ? n[o] = je({}, r) : oe(r) ? n[o] = r.slice() : (!t || !se(r)) && (n[o] = r);
+    Se(n[o]) && Se(r) ? n[o] = je(n[o], r) : Se(r) ? n[o] = je({}, r) : ae(r) ? n[o] = r.slice() : (!t || !re(r)) && (n[o] = r);
   };
   for (let r = 0, a = arguments.length; r < a; r++)
-    arguments[r] && he(arguments[r], s);
+    arguments[r] && me(arguments[r], s);
   return n;
 }
-const br = (e, t, n, { allOwnKeys: s } = {}) => (he(t, (r, a) => {
+const br = (e, t, n, { allOwnKeys: s } = {}) => (me(t, (r, a) => {
   n && P(r) ? e[a] = At(r, n) : e[a] = r;
 }, { allOwnKeys: s }), e), xr = (e) => (e.charCodeAt(0) === 65279 && (e = e.slice(1)), e), Sr = (e, t, n, s) => {
   e.prototype = Object.create(t.prototype, s), e.prototype.constructor = e, Object.defineProperty(e, "super", {
@@ -1103,7 +1103,7 @@ const br = (e, t, n, { allOwnKeys: s } = {}) => (he(t, (r, a) => {
   return s !== -1 && s === n;
 }, _r = (e) => {
   if (!e) return null;
-  if (oe(e)) return e;
+  if (ae(e)) return e;
   let t = e.length;
   if (!Lt(t)) return null;
   const n = new Array(t);
@@ -1111,7 +1111,7 @@ const br = (e, t, n, { allOwnKeys: s } = {}) => (he(t, (r, a) => {
     n[t] = e[t];
   return n;
 }, kr = /* @__PURE__ */ ((e) => (t) => e && t instanceof e)(typeof Uint8Array < "u" && We(Uint8Array)), Rr = (e, t) => {
-  const s = (e && e[$e]).call(e);
+  const s = (e && e[Te]).call(e);
   let r;
   for (; (r = s.next()) && !r.done; ) {
     const a = r.value;
@@ -1128,13 +1128,13 @@ const br = (e, t, n, { allOwnKeys: s } = {}) => (he(t, (r, a) => {
   function(n, s, r) {
     return s.toUpperCase() + r;
   }
-), rt = (({ hasOwnProperty: e }) => (t, n) => e.call(t, n))(Object.prototype), $r = j("RegExp"), Nt = (e, t) => {
+), rt = (({ hasOwnProperty: e }) => (t, n) => e.call(t, n))(Object.prototype), Tr = j("RegExp"), Nt = (e, t) => {
   const n = Object.getOwnPropertyDescriptors(e), s = {};
-  he(n, (r, a) => {
+  me(n, (r, a) => {
     let o;
     (o = t(r, a, e)) !== !1 && (s[a] = o || r);
   }), Object.defineProperties(e, s);
-}, Tr = (e) => {
+}, $r = (e) => {
   Nt(e, (t, n) => {
     if (P(e) && ["arguments", "caller", "callee"].indexOf(n) !== -1)
       return !1;
@@ -1155,72 +1155,72 @@ const br = (e, t, n, { allOwnKeys: s } = {}) => (he(t, (r, a) => {
       n[a] = !0;
     });
   };
-  return oe(e) ? s(e) : s(String(e).split(t)), n;
+  return ae(e) ? s(e) : s(String(e).split(t)), n;
 }, Fr = () => {
 }, Br = (e, t) => e != null && Number.isFinite(e = +e) ? e : t;
 function Nr(e) {
-  return !!(e && P(e.append) && e[$t] === "FormData" && e[$e]);
+  return !!(e && P(e.append) && e[Tt] === "FormData" && e[Te]);
 }
 const Pr = (e) => {
   const t = new Array(10), n = (s, r) => {
-    if (pe(s)) {
+    if (he(s)) {
       if (t.indexOf(s) >= 0)
         return;
-      if (fe(s))
+      if (pe(s))
         return s;
       if (!("toJSON" in s)) {
         t[r] = s;
-        const a = oe(s) ? [] : {};
-        return he(s, (o, c) => {
+        const a = ae(s) ? [] : {};
+        return me(s, (o, c) => {
           const l = n(o, r + 1);
-          !se(l) && (a[c] = l);
+          !re(l) && (a[c] = l);
         }), t[r] = void 0, a;
       }
     }
     return s;
   };
   return n(e, 0);
-}, Hr = j("AsyncFunction"), Ur = (e) => e && (pe(e) || P(e)) && P(e.then) && P(e.catch), Pt = ((e, t) => e ? setImmediate : t ? ((n, s) => (X.addEventListener("message", ({ source: r, data: a }) => {
+}, Hr = j("AsyncFunction"), Ur = (e) => e && (he(e) || P(e)) && P(e.then) && P(e.catch), Pt = ((e, t) => e ? setImmediate : t ? ((n, s) => (X.addEventListener("message", ({ source: r, data: a }) => {
   r === X && a === n && s.length && s.shift()();
 }, !1), (r) => {
   s.push(r), X.postMessage(n, "*");
 }))(`axios@${Math.random()}`, []) : (n) => setTimeout(n))(
   typeof setImmediate == "function",
   P(X.postMessage)
-), Vr = typeof queueMicrotask < "u" ? queueMicrotask.bind(X) : typeof process < "u" && process.nextTick || Pt, Dr = (e) => e != null && P(e[$e]), u = {
-  isArray: oe,
-  isArrayBuffer: Tt,
-  isBuffer: fe,
+), Vr = typeof queueMicrotask < "u" ? queueMicrotask.bind(X) : typeof process < "u" && process.nextTick || Pt, Dr = (e) => e != null && P(e[Te]), u = {
+  isArray: ae,
+  isArrayBuffer: $t,
+  isBuffer: pe,
   isFormData: fr,
   isArrayBufferView: sr,
   isString: rr,
   isNumber: Lt,
   isBoolean: or,
-  isObject: pe,
+  isObject: he,
   isPlainObject: Se,
   isEmptyObject: ar,
   isReadableStream: hr,
   isRequest: mr,
   isResponse: gr,
   isHeaders: yr,
-  isUndefined: se,
+  isUndefined: re,
   isDate: ir,
   isFile: lr,
   isBlob: cr,
-  isRegExp: $r,
+  isRegExp: Tr,
   isFunction: P,
   isStream: dr,
   isURLSearchParams: pr,
   isTypedArray: kr,
   isFileList: ur,
-  forEach: he,
+  forEach: me,
   merge: je,
   extend: br,
   trim: wr,
   stripBOM: xr,
   inherits: Sr,
   toFlatObject: vr,
-  kindOf: Te,
+  kindOf: $e,
   kindOfTest: j,
   endsWith: Cr,
   toArray: _r,
@@ -1231,7 +1231,7 @@ const Pr = (e) => {
   hasOwnProp: rt,
   // an alias to avoid ESLint no-prototype-builtins detection
   reduceDescriptors: Nt,
-  freezeMethods: Tr,
+  freezeMethods: $r,
   toObjectSet: Lr,
   toCamelCase: Ar,
   noop: Fr,
@@ -1365,14 +1365,14 @@ function Fe(e, t, n) {
     if (!u.isUndefined(h)) {
       if (f.indexOf(h) !== -1)
         throw Error("Circular reference detected in " + w.join("."));
-      f.push(h), u.forEach(h, function(k, T) {
+      f.push(h), u.forEach(h, function(k, $) {
         (!(u.isUndefined(k) || k === null) && r.call(
           t,
           k,
-          u.isString(T) ? T.trim() : T,
+          u.isString($) ? $.trim() : $,
           w,
           b
-        )) === !0 && E(k, w ? w.concat(T) : [T]);
+        )) === !0 && E(k, w ? w.concat($) : [$]);
       }), f.pop();
     }
   }
@@ -1409,13 +1409,13 @@ Dt.toString = function(t) {
     return n(r[0]) + "=" + n(r[1]);
   }, "").join("&");
 };
-function qr(e) {
+function zr(e) {
   return encodeURIComponent(e).replace(/%3A/gi, ":").replace(/%24/g, "$").replace(/%2C/gi, ",").replace(/%20/g, "+");
 }
 function jt(e, t, n) {
   if (!t)
     return e;
-  const s = n && n.encode || qr;
+  const s = n && n.encode || zr;
   u.isFunction(n) && (n = {
     serialize: n
   });
@@ -1485,10 +1485,10 @@ const Mt = {
   silentJSONParsing: !0,
   forcedJSONParsing: !0,
   clarifyTimeoutError: !1
-}, zr = typeof URLSearchParams < "u" ? URLSearchParams : Je, Wr = typeof FormData < "u" ? FormData : null, Jr = typeof Blob < "u" ? Blob : null, Kr = {
+}, qr = typeof URLSearchParams < "u" ? URLSearchParams : Je, Wr = typeof FormData < "u" ? FormData : null, Jr = typeof Blob < "u" ? Blob : null, Kr = {
   isBrowser: !0,
   classes: {
-    URLSearchParams: zr,
+    URLSearchParams: qr,
     FormData: Wr,
     Blob: Jr
   },
@@ -1550,7 +1550,7 @@ function no(e, t, n) {
     }
   return (n || JSON.stringify)(e);
 }
-const me = {
+const ge = {
   transitional: Mt,
   adapter: ["xhr", "http", "fetch"],
   transformRequest: [function(t, n) {
@@ -1579,7 +1579,7 @@ const me = {
     return a || r ? (n.setContentType("application/json", !1), no(t)) : t;
   }],
   transformResponse: [function(t) {
-    const n = this.transitional || me.transitional, s = n && n.forcedJSONParsing, r = this.responseType === "json";
+    const n = this.transitional || ge.transitional, s = n && n.forcedJSONParsing, r = this.responseType === "json";
     if (u.isResponse(t) || u.isReadableStream(t))
       return t;
     if (t && u.isString(t) && (s && !this.responseType || r)) {
@@ -1617,7 +1617,7 @@ const me = {
   }
 };
 u.forEach(["delete", "get", "head", "post", "put", "patch"], (e) => {
-  me.headers[e] = {};
+  ge.headers[e] = {};
 });
 const so = u.toObjectSet([
   "age",
@@ -1645,7 +1645,7 @@ const so = u.toObjectSet([
     r = o.indexOf(":"), n = o.substring(0, r).trim().toLowerCase(), s = o.substring(r + 1).trim(), !(!n || t[n] && so[n]) && (n === "set-cookie" ? t[n] ? t[n].push(s) : t[n] = [s] : t[n] = t[n] ? t[n] + ", " + s : s);
   }), t;
 }, lt = Symbol("internals");
-function ue(e) {
+function de(e) {
   return e && String(e).trim().toLowerCase();
 }
 function ve(e) {
@@ -1690,7 +1690,7 @@ let H = class {
   set(t, n, s) {
     const r = this;
     function a(c, l, i) {
-      const d = ue(l);
+      const d = de(l);
       if (!d)
         throw new Error("header name must be a non-empty string");
       const f = u.findKey(r, d);
@@ -1714,7 +1714,7 @@ let H = class {
     return this;
   }
   get(t, n) {
-    if (t = ue(t), t) {
+    if (t = de(t), t) {
       const s = u.findKey(this, t);
       if (s) {
         const r = this[s];
@@ -1731,7 +1731,7 @@ let H = class {
     }
   }
   has(t, n) {
-    if (t = ue(t), t) {
+    if (t = de(t), t) {
       const s = u.findKey(this, t);
       return !!(s && this[s] !== void 0 && (!n || He(this, this[s], s, n)));
     }
@@ -1741,7 +1741,7 @@ let H = class {
     const s = this;
     let r = !1;
     function a(o) {
-      if (o = ue(o), o) {
+      if (o = de(o), o) {
         const c = u.findKey(s, o);
         c && (!n || He(s, s[c], c, n)) && (delete s[c], r = !0);
       }
@@ -1803,7 +1803,7 @@ let H = class {
       accessors: {}
     }).accessors, r = this.prototype;
     function a(o) {
-      const c = ue(o);
+      const c = de(o);
       s[c] || (lo(r, o), s[c] = !0);
     }
     return u.isArray(t) ? t.forEach(a) : a(t), this;
@@ -1821,22 +1821,22 @@ u.reduceDescriptors(H.prototype, ({ value: e }, t) => {
 });
 u.freezeMethods(H);
 function Ue(e, t) {
-  const n = this || me, s = t || n, r = H.from(s.headers);
+  const n = this || ge, s = t || n, r = H.from(s.headers);
   let a = s.data;
   return u.forEach(e, function(c) {
     a = c.call(n, a, r.normalize(), t ? t.status : void 0);
   }), r.normalize(), a;
 }
-function qt(e) {
+function zt(e) {
   return !!(e && e.__CANCEL__);
 }
-function ae(e, t, n) {
+function ie(e, t, n) {
   S.call(this, e ?? "canceled", S.ERR_CANCELED, t, n), this.name = "CanceledError";
 }
-u.inherits(ae, S, {
+u.inherits(ie, S, {
   __CANCEL__: !0
 });
-function zt(e, t, n) {
+function qt(e, t, n) {
   const s = n.config.validateStatus;
   !n.status || !s || s(n.status) ? e(n) : t(new S(
     "Request failed with status code " + n.status,
@@ -2056,7 +2056,7 @@ const Jt = (e) => {
         config: e,
         request: m
       };
-      zt(function(U) {
+      qt(function(U) {
         n(U), w();
       }, function(U) {
         s(U), w();
@@ -2081,11 +2081,11 @@ const Jt = (e) => {
     }, a === void 0 && o.setContentType(null), "setRequestHeader" in m && u.forEach(o.toJSON(), function(B, D) {
       m.setRequestHeader(D, B);
     }), u.isUndefined(r.withCredentials) || (m.withCredentials = !!r.withCredentials), c && c !== "json" && (m.responseType = r.responseType), i && ([b, h] = ke(i, !0), m.addEventListener("progress", b)), l && m.upload && ([f, E] = ke(l), m.upload.addEventListener("progress", f), m.upload.addEventListener("loadend", E)), (r.cancelToken || r.signal) && (d = (A) => {
-      m && (s(!A || A.type ? new ae(null, e, m) : A), m.abort(), m = null);
+      m && (s(!A || A.type ? new ie(null, e, m) : A), m.abort(), m = null);
     }, r.cancelToken && r.cancelToken.subscribe(d), r.signal && (r.signal.aborted ? d() : r.signal.addEventListener("abort", d)));
-    const T = co(r.url);
-    if (T && L.protocols.indexOf(T) === -1) {
-      s(new S("Unsupported protocol " + T + ":", S.ERR_BAD_REQUEST, e));
+    const $ = co(r.url);
+    if ($ && L.protocols.indexOf($) === -1) {
+      s(new S("Unsupported protocol " + $ + ":", S.ERR_BAD_REQUEST, e));
       return;
     }
     m.send(a || null);
@@ -2098,7 +2098,7 @@ const Jt = (e) => {
       if (!r) {
         r = !0, c();
         const d = i instanceof Error ? i : this.reason;
-        s.abort(d instanceof S ? d : new ae(d instanceof Error ? d.message : d));
+        s.abort(d instanceof S ? d : new ie(d instanceof Error ? d.message : d));
       }
     };
     let o = t && setTimeout(() => {
@@ -2233,7 +2233,7 @@ const Jt = (e) => {
       url: w,
       method: m,
       data: k,
-      signal: T,
+      signal: $,
       cancelToken: A,
       timeout: B,
       onDownloadProgress: D,
@@ -2244,7 +2244,7 @@ const Jt = (e) => {
       fetchOptions: Ze
     } = Jt(h), Xe = t || fetch;
     U = U ? (U + "").toLowerCase() : "text";
-    let we = bo([T, A && A.toAbortSignal()], B), ie = null;
+    let we = bo([$, A && A.toAbortSignal()], B), le = null;
     const G = we && we.unsubscribe && (() => {
       we.unsubscribe();
     });
@@ -2255,8 +2255,8 @@ const Jt = (e) => {
           method: "POST",
           body: k,
           duplex: "half"
-        }), te;
-        if (u.isFormData(k) && (te = J.headers.get("content-type")) && Ne.setContentType(te), J.body) {
+        }), ne;
+        if (u.isFormData(k) && (ne = J.headers.get("content-type")) && Ne.setContentType(ne), J.body) {
           const [Pe, be] = ct(
             Qe,
             ke(ut(K))
@@ -2274,16 +2274,16 @@ const Jt = (e) => {
         duplex: "half",
         credentials: M ? ye : void 0
       };
-      ie = a && new n(w, Ye);
-      let W = await (a ? Xe(ie, Ze) : Xe(w, Ye));
+      le = a && new n(w, Ye);
+      let W = await (a ? Xe(le, Ze) : Xe(w, Ye));
       const et = d && (U === "stream" || U === "response");
       if (d && (D || et && G)) {
         const J = {};
         ["status", "statusText", "headers"].forEach((tt) => {
           J[tt] = W[tt];
         });
-        const te = u.toFiniteNumber(W.headers.get("content-length")), [Pe, be] = D && ct(
-          te,
+        const ne = u.toFiniteNumber(W.headers.get("content-length")), [Pe, be] = D && ct(
+          ne,
           ke(ut(D), !0)
         ) || [];
         W = new s(
@@ -2295,23 +2295,23 @@ const Jt = (e) => {
       }
       U = U || "text";
       let en = await f[u.findKey(f, U) || "text"](W, h);
-      return !et && G && G(), await new Promise((J, te) => {
-        zt(J, te, {
+      return !et && G && G(), await new Promise((J, ne) => {
+        qt(J, ne, {
           data: en,
           headers: H.from(W.headers),
           status: W.status,
           statusText: W.statusText,
           config: h,
-          request: ie
+          request: le
         });
       });
     } catch (M) {
       throw G && G(), M && M.name === "TypeError" && /Load failed|fetch/i.test(M.message) ? Object.assign(
-        new S("Network Error", S.ERR_NETWORK, h, ie),
+        new S("Network Error", S.ERR_NETWORK, h, le),
         {
           cause: M.cause || M
         }
-      ) : S.from(M, M && M.code, h, ie);
+      ) : S.from(M, M && M.code, h, le);
     }
   };
 }, ko = /* @__PURE__ */ new Map(), Kt = (e) => {
@@ -2386,20 +2386,20 @@ const Gt = {
 };
 function Ve(e) {
   if (e.cancelToken && e.cancelToken.throwIfRequested(), e.signal && e.signal.aborted)
-    throw new ae(null, e);
+    throw new ie(null, e);
 }
 function wt(e) {
   return Ve(e), e.headers = H.from(e.headers), e.data = Ue.call(
     e,
     e.transformRequest
-  ), ["post", "put", "patch"].indexOf(e.method) !== -1 && e.headers.setContentType("application/x-www-form-urlencoded", !1), Gt.getAdapter(e.adapter || me.adapter, e)(e).then(function(s) {
+  ), ["post", "put", "patch"].indexOf(e.method) !== -1 && e.headers.setContentType("application/x-www-form-urlencoded", !1), Gt.getAdapter(e.adapter || ge.adapter, e)(e).then(function(s) {
     return Ve(e), s.data = Ue.call(
       e,
       e.transformResponse,
       s
     ), s.headers = H.from(s.headers), s;
   }, function(s) {
-    return qt(s) || (Ve(e), s && s.response && (s.response.data = Ue.call(
+    return zt(s) || (Ve(e), s && s.response && (s.response.data = Ue.call(
       e,
       e.transformResponse,
       s.response
@@ -2603,7 +2603,7 @@ let Ao = class Xt {
         s.unsubscribe(a);
       }, o;
     }, t(function(a, o, c) {
-      s.reason || (s.reason = new ae(a, o, c), n(s.reason));
+      s.reason || (s.reason = new ie(a, o, c), n(s.reason));
     });
   }
   /**
@@ -2652,15 +2652,15 @@ let Ao = class Xt {
     };
   }
 };
-function $o(e) {
+function To(e) {
   return function(n) {
     return e.apply(null, n);
   };
 }
-function To(e) {
+function $o(e) {
   return u.isObject(e) && e.isAxiosError === !0;
 }
-const qe = {
+const ze = {
   Continue: 100,
   SwitchingProtocols: 101,
   Processing: 102,
@@ -2731,8 +2731,8 @@ const qe = {
   SslHandshakeFailed: 525,
   InvalidSslCertificate: 526
 };
-Object.entries(qe).forEach(([e, t]) => {
-  qe[t] = e;
+Object.entries(ze).forEach(([e, t]) => {
+  ze[t] = e;
 });
 function Qt(e) {
   const t = new Q(e), n = At(Q.prototype.request, t);
@@ -2740,11 +2740,11 @@ function Qt(e) {
     return Qt(ee(e, r));
   }, n;
 }
-const C = Qt(me);
+const C = Qt(ge);
 C.Axios = Q;
-C.CanceledError = ae;
+C.CanceledError = ie;
 C.CancelToken = Ao;
-C.isCancel = qt;
+C.isCancel = zt;
 C.VERSION = Zt;
 C.toFormData = Fe;
 C.AxiosError = S;
@@ -2752,31 +2752,31 @@ C.Cancel = C.CanceledError;
 C.all = function(t) {
   return Promise.all(t);
 };
-C.spread = $o;
-C.isAxiosError = To;
+C.spread = To;
+C.isAxiosError = $o;
 C.mergeConfig = ee;
 C.AxiosHeaders = H;
 C.formToJSON = (e) => It(u.isHTMLForm(e) ? new FormData(e) : e);
 C.getAdapter = Gt.getAdapter;
-C.HttpStatusCode = qe;
+C.HttpStatusCode = ze;
 C.default = C;
 const {
-  Axios: La,
-  AxiosError: Fa,
-  CanceledError: Ba,
-  isCancel: Na,
-  CancelToken: Pa,
-  VERSION: Ha,
-  all: Ua,
-  Cancel: Va,
-  isAxiosError: Da,
-  spread: ja,
-  toFormData: Ma,
-  AxiosHeaders: Ia,
+  Axios: Fa,
+  AxiosError: Ba,
+  CanceledError: Na,
+  isCancel: Pa,
+  CancelToken: Ha,
+  VERSION: Ua,
+  all: Va,
+  Cancel: Da,
+  isAxiosError: ja,
+  spread: Ma,
+  toFormData: Ia,
+  AxiosHeaders: za,
   HttpStatusCode: qa,
-  formToJSON: za,
-  getAdapter: Wa,
-  mergeConfig: Ja
+  formToJSON: Wa,
+  getAdapter: Ja,
+  mergeConfig: Ka
 } = C, Lo = (e) => {
   const t = document.cookie.match(new RegExp(`(^| )${e}=([^;]+)`));
   return t ? t[2] : null;
@@ -2798,11 +2798,13 @@ const {
 }, Yt = () => {
   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;
-}, De = "bolt-token", ge = Re("auth", () => {
-  const e = re({
+}, De = "bolt-next-token", te = Re("auth", () => {
+  const e = oe({
     user: null,
     token: null,
     ready: !1,
+    // Dev JWT override token (bypasses normal auth flow)
+    overrideToken: null,
     // Configurable endpoints
     endpoints: {
       login: "/login",
@@ -2830,7 +2832,7 @@ const {
       onLogoutError: null
     }
   }), t = (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.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);
   }, n = (i) => {
     Fo(De, i), e.token = i;
   }, s = () => {
@@ -2855,7 +2857,7 @@ const {
       s(), e.user = null;
     }
   }, c = async () => {
-    const i = r();
+    const i = e.overrideToken || r();
     if (!i)
       return e.ready = !0, null;
     try {
@@ -2864,13 +2866,13 @@ const {
           Authorization: `Bearer ${i}`
         }
       });
-      e.user = d, e.token = i;
+      e.user = d, e.overrideToken || (e.token = i);
     } catch {
-      s();
+      e.overrideToken || s();
     } finally {
       e.ready = !0;
     }
-  }, l = $(() => !!e.token && !!e.user);
+  }, l = T(() => e.overrideToken ? !0 : !!e.token && !!e.user);
   return {
     state: e,
     initialize: t,
@@ -2892,7 +2894,7 @@ const {
 }, Vo = { class: "max-w-sm grid gap-y-1 -mt-8" }, Do = { class: "mb-7" }, jo = { class: "text-gray-600" }, Mo = { class: "grid grid-flow-col justify-between mt-1 mb-4" }, Io = {
   key: 0,
   class: "text-red-600 text-sm mb-2"
-}, qo = { key: 0 }, zo = { key: 1 }, Wo = {
+}, zo = { key: 0 }, qo = { key: 1 }, Wo = {
   __name: "SparkLoginView",
   props: {
     logo: {
@@ -2909,7 +2911,7 @@ const {
     }
   },
   setup(e) {
-    const t = Ee(), n = Oe(), s = ha(), r = ge(), a = e, o = z(!1), c = z(""), l = async (i) => {
+    const t = Ee(), n = Oe(), s = ma(), r = te(), a = e, o = q(!1), c = q(""), l = async (i) => {
       o.value = !0, c.value = "";
       try {
         await r.login(i);
@@ -2992,7 +2994,7 @@ const {
                   class: "text-sm text-primary-600 font-semibold"
                 }, {
                   default: O(() => [...d[2] || (d[2] = [
-                    ze(" Forgot password ", -1)
+                    qe(" Forgot password ", -1)
                   ])]),
                   _: 1
                 }, 8, ["to"])
@@ -3005,7 +3007,7 @@ const {
                 "button-class": "w-full mb-2"
               }, {
                 default: O(() => [
-                  o.value ? (g(), y("span", zo, "Signing in...")) : (g(), y("span", qo, "Sign in"))
+                  o.value ? (g(), y("span", qo, "Signing in...")) : (g(), y("span", zo, "Sign in"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -3025,7 +3027,7 @@ const {
     }
   },
   setup(e) {
-    const t = Ee(), n = Oe(), s = ge(), r = e;
+    const t = Ee(), n = Oe(), s = te(), r = e;
     return sn(async () => {
       await s.logout();
       const a = n.query.redirect;
@@ -3058,7 +3060,7 @@ const {
     }
   },
   setup(e) {
-    const t = ge(), n = e, s = z(!1), r = z(""), a = z(""), o = async ({ email: c }) => {
+    const t = te(), n = e, s = q(!1), r = q(""), a = q(""), o = async ({ email: c }) => {
       s.value = !0, r.value = "", a.value = "";
       try {
         await C.post(t.state.endpoints.passwordEmail, { email: c }), a.value = "Password reset link sent! Check your email.";
@@ -3133,7 +3135,7 @@ const {
                 class: "text-sm text-center text-primary-600 font-semibold block"
               }, {
                 default: O(() => [...l[1] || (l[1] = [
-                  ze(" Back to login ", -1)
+                  qe(" Back to login ", -1)
                 ])]),
                 _: 1
               }, 8, ["to"])
@@ -3167,7 +3169,7 @@ const {
     }
   },
   setup(e) {
-    const t = Ee(), n = Oe(), s = ge(), r = e, a = z(!1), o = z(""), c = async ({ password: l, password_confirmation: i }) => {
+    const t = Ee(), n = Oe(), s = te(), r = e, a = q(!1), o = q(""), c = async ({ password: l, password_confirmation: i }) => {
       a.value = !0, o.value = "";
       try {
         await C.post(s.state.endpoints.passwordReset, {
@@ -3257,7 +3259,7 @@ const {
     };
   }
 };
-function Ka(e = {}) {
+function Ga(e = {}) {
   const {
     loginPath: t = "/login",
     logoutPath: n = "/logout",
@@ -3297,15 +3299,19 @@ function Ka(e = {}) {
     }
   ];
 }
-function Ga(e, t = {}) {
+function Za(e, t = {}) {
   const { defaultAuthenticatedRoute: n = "/dashboard" } = t;
   e.beforeEach(async (s, r, a) => {
-    const o = ge();
+    const o = te();
     o.state.ready || await o.fetchUser(), pa(s, a, o, n);
   });
 }
 function pa(e, t, n, s) {
   const r = e.meta.auth !== !1, a = n.check;
+  if (n.state.overrideToken && e.path === "/logout") {
+    t({ path: s });
+    return;
+  }
   if (!a) {
     if (!r) {
       if (e.path === "/logout") {
@@ -3338,8 +3344,45 @@ function pa(e, t, n, s) {
     t();
   }
 }
-const ha = Re("sparkApp", () => {
-  const e = re({
+function ha(e = {}) {
+  const t = C.create({
+    baseURL: e.baseURL || "",
+    timeout: e.timeout || 3e4,
+    headers: {
+      "Content-Type": "application/json",
+      ...e.headers
+    }
+  });
+  return t.interceptors.request.use(
+    (n) => {
+      try {
+        const s = te();
+        s.state.overrideToken ? n.headers.Authorization = `Bearer ${s.state.overrideToken}` : s.state.token && (n.headers.Authorization = `Bearer ${s.state.token}`);
+      } catch {
+      }
+      return n;
+    },
+    (n) => Promise.reject(n)
+  ), t.interceptors.response.use(
+    (n) => n,
+    async (n) => {
+      if (n.response?.status === 401)
+        try {
+          const s = te();
+          await s.logout(), window.location.href = s.state.routes.auth;
+        } catch (s) {
+          console.error("Error during auto-logout:", s), window.location.href = "/login";
+        }
+      return Promise.reject(n);
+    }
+  ), t;
+}
+function Xa(e, t = {}) {
+  const n = ha(t);
+  return e.provide("axios", n), e.config.globalProperties.$axios = n, n;
+}
+const ma = Re("sparkApp", () => {
+  const e = oe({
     app: "",
     icon: "",
     homeRoute: "dashboard",
@@ -3352,8 +3395,8 @@ const ha = Re("sparkApp", () => {
       e.app = n.app || "", e.icon = n.icon || "", e.homeRoute = n.homeRoute ?? "dashboard", e.showBrandSelector = n.showBrandSelector ?? !0, e.showAppSelector = n.showAppSelector ?? !0;
     }
   };
-}), Za = Re("sparkNav", () => {
-  const e = re({
+}), Qa = Re("sparkNav", () => {
+  const e = oe({
     menu: [],
     collapsed: !1,
     hidden: !1
@@ -3409,30 +3452,32 @@ const ha = Re("sparkApp", () => {
 });
 export {
   N as Icons,
-  _a as SparkAlert,
+  ka as SparkAlert,
   os as SparkAppSelector,
   Ss as SparkBrandSelector,
   Ae as SparkButton,
-  ka as SparkButtonGroup,
-  Ra as SparkCard,
-  Oa as SparkDefaultContainer,
+  Ra as SparkButtonGroup,
+  Ea as SparkCard,
+  Aa as SparkDefaultContainer,
   sa as SparkForgotPasswordView,
   Wo as SparkLoginView,
   Jo as SparkLogoutView,
   As as SparkModalContainer,
-  Ea as SparkModalDialog,
+  Oa as SparkModalDialog,
   nt as SparkOverlay,
-  Aa as SparkPublicContainer,
+  Ta as SparkPublicContainer,
   fa as SparkResetPasswordView,
-  va as addIcons,
-  Ka as createAuthRoutes,
-  Ga as setupAuthGuards,
-  Ca as setupFontAwesome,
-  ce as sparkModalService,
+  Ca as addIcons,
+  Ga as createAuthRoutes,
+  ha as createAxiosInstance,
+  Za as setupAuthGuards,
+  Xa as setupAxios,
+  _a as setupFontAwesome,
+  ue as sparkModalService,
   Z as sparkOverlayService,
-  ha as useSparkAppStore,
-  ge as useSparkAuthStore,
+  ma as useSparkAppStore,
+  te as useSparkAuthStore,
   Ot as useSparkBrandFilterStore,
-  Za as useSparkNavStore,
+  Qa as useSparkNavStore,
   st as useSparkOverlay
 };