@wishbone-media/spark 0.14.0 → 0.14.1

package/dist/index.js

@@ -1,9 +1,9 @@
-import { computed as $, resolveComponent as U, createElementBlock as y, openBlock as g, normalizeClass as E, createElementVNode as f, createVNode as C, unref as x, renderSlot as M, reactive as ne, Fragment as ie, renderList as me, createCommentVNode as R, toDisplayString as L, createBlock as W, resolveDynamicComponent as $e, ref as q, inject as ln, provide as cn, markRaw as _t, withCtx as A, mergeProps as kt, toHandlers as Rt, createTextVNode as K, useSlots as un, withModifiers as fe, h as ot, onMounted as dn, watch as fn } from "vue";
+import { computed as $, resolveComponent as U, createElementBlock as y, openBlock as g, normalizeClass as E, createElementVNode as f, createVNode as C, unref as x, renderSlot as M, reactive as ne, Fragment as le, renderList as ge, createCommentVNode as R, toDisplayString as O, createBlock as W, resolveDynamicComponent as $e, ref as q, inject as ln, provide as cn, markRaw as _t, withCtx as A, mergeProps as kt, toHandlers as Rt, createTextVNode as K, useSlots as un, withModifiers as pe, h as ot, onMounted as dn, watch as fn } from "vue";
 import { library as Et } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon as pn } from "@fortawesome/vue-fontawesome";
-import { faSignOut as hn, faXmark as mn, faTimes as gn, faStreetView as yn, faSortUp as wn, faSortDown as bn, faSort as xn, faScaleBalanced as Sn, faSatelliteDish as Cn, faLayerPlus as vn, faLaptopMobile as _n, faInfoCircle as kn, faGripDotsVertical as Rn, faGearComplex as En, faFlag as An, faFaceSmileWink as $n, faFaceSmileRelaxed as On, faExclamationTriangle as Ln, faEllipsisVertical as Tn, faEllipsis as Hn, faEdit as Fn, faComments as Bn, faCircleXmark as Vn, faCircleUser as Nn, faChevronUp as Pn, faChevronRight as Mn, faChevronLeft as Un, faChevronDown as jn, faCheckCircle as Dn, faCheck as In, faBullhorn as zn, faBellRing as qn, faBarsSort as Zn, faArrowRightToLine as Wn, faArrowLeftToLine as Gn } from "@fortawesome/pro-regular-svg-icons";
-import { defineStore as ge } from "pinia";
-import { TransitionRoot as At, Dialog as $t, TransitionChild as Oe, DialogPanel as Ot } from "@headlessui/vue";
+import { faSignOut as hn, faXmark as mn, faTimes as gn, faStreetView as yn, faSortUp as wn, faSortDown as bn, faSort as xn, faScaleBalanced as Sn, faSatelliteDish as Cn, faLayerPlus as vn, faLaptopMobile as _n, faInfoCircle as kn, faGripDotsVertical as Rn, faGearComplex as En, faFlag as An, faFaceSmileWink as $n, faFaceSmileRelaxed as Ln, faExclamationTriangle as On, faEllipsisVertical as Tn, faEllipsis as Hn, faEdit as Fn, faComments as Bn, faCircleXmark as Vn, faCircleUser as Nn, faChevronUp as Pn, faChevronRight as Mn, faChevronLeft as Un, faChevronDown as jn, faCheckCircle as Dn, faCheck as In, faBullhorn as zn, faBellRing as qn, faBarsSort as Zn, faArrowRightToLine as Wn, faArrowLeftToLine as Gn } from "@fortawesome/pro-regular-svg-icons";
+import { defineStore as ye } from "pinia";
+import { TransitionRoot as At, Dialog as $t, TransitionChild as Le, DialogPanel as Lt } from "@headlessui/vue";
 import { useRouter as se, useRoute as Te } from "vue-router";
 const B = {
   farArrowLeftToLine: Gn,
@@ -23,8 +23,8 @@ const B = {
   farEdit: Fn,
   farEllipsis: Hn,
   farEllipsisVertical: Tn,
-  farExclamationTriangle: Ln,
-  farFaceSmileRelaxed: On,
+  farExclamationTriangle: On,
+  farFaceSmileRelaxed: Ln,
   farFaceSmileWink: $n,
   farFlag: An,
   farGearComplex: En,
@@ -155,7 +155,7 @@ const Jn = { class: "flex items-center" }, Kn = { class: "shrink-0 self-start" }
     href: "https://tabula.letsbolt.io",
     icon: "farCompass"
   }
-], Lt = ge("sparkAppSelector", () => {
+], Ot = ye("sparkAppSelector", () => {
   const e = ne({
     apps: [...Ue]
   }), t = (o = {}) => {
@@ -201,7 +201,7 @@ const Jn = { class: "flex items-center" }, Kn = { class: "shrink-0 self-start" }
       return a ? a.icon : "";
     }
   };
-}), Tt = ge("sparkApp", () => {
+}), Tt = ye("sparkApp", () => {
   const e = ne({
     app: "",
     homeRoute: "dashboard",
@@ -237,7 +237,7 @@ const Jn = { class: "flex items-center" }, Kn = { class: "shrink-0 self-start" }
   },
   emits: ["close", "select"],
   setup(e, { emit: t }) {
-    const n = t, s = Lt(), r = Tt(), o = $(() => {
+    const n = t, s = Ot(), r = Tt(), o = $(() => {
       const i = r.state.app;
       return s.state.apps.map((l) => ({
         ...l,
@@ -261,7 +261,7 @@ const Jn = { class: "flex items-center" }, Kn = { class: "shrink-0 self-start" }
                 }, null, 8, ["icon"])
               ])
             ]),
-            (g(!0), y(ie, null, me(o.value, (u) => (g(), y("a", {
+            (g(!0), y(le, null, ge(o.value, (u) => (g(), y("a", {
               key: u.name,
               href: u.href,
               target: "_blank",
@@ -270,10 +270,10 @@ const Jn = { class: "flex items-center" }, Kn = { class: "shrink-0 self-start" }
             }, [
               f("div", as, [
                 f("div", is, [
-                  f("div", ls, L(u.name), 1),
+                  f("div", ls, O(u.name), 1),
                   u.current ? (g(), y("span", cs, " Active ")) : R("", !0)
                 ]),
-                f("div", us, L(u.description), 1)
+                f("div", us, O(u.description), 1)
               ]),
               f("div", ds, [
                 C(c, {
@@ -300,7 +300,7 @@ const Jn = { class: "flex items-center" }, Kn = { class: "shrink-0 self-start" }
       ]);
     };
   }
-}, Ht = ge(
+}, Ht = ye(
   "brandFilter",
   () => {
     const e = ne({
@@ -350,7 +350,7 @@ const Jn = { class: "flex items-center" }, Kn = { class: "shrink-0 self-start" }
 }, Cs = ["onClick"], vs = { class: "gap-y-1 flex" }, _s = { class: "flex items-center mr-4" }, ks = ["src", "alt"], Rs = { class: "ml-auto flex flex-col" }, Es = { class: "text-base text-gray-800 flex items-center" }, As = { class: "font-medium" }, $s = {
   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"
-}, Os = { class: "text-sm text-gray-500" }, Ls = {
+}, Ls = { class: "text-sm text-gray-500" }, Os = {
   __name: "SparkBrandSelector",
   emits: ["close", "select"],
   setup(e, { emit: t }) {
@@ -373,7 +373,7 @@ const Jn = { class: "flex items-center" }, Kn = { class: "shrink-0 self-start" }
               ])
             ]),
             x(s).allBrands.length === 0 ? (g(), y("div", Ss, " No brands configured ")) : R("", !0),
-            (g(!0), y(ie, null, me(x(s).allBrands, (l) => (g(), y("div", {
+            (g(!0), y(le, null, ge(x(s).allBrands, (l) => (g(), y("div", {
               key: l.id,
               class: E([l.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
               onClick: (c) => r(l)
@@ -388,10 +388,10 @@ const Jn = { class: "flex items-center" }, Kn = { class: "shrink-0 self-start" }
                 ]),
                 f("div", Rs, [
                   f("div", Es, [
-                    f("div", As, L(l.name), 1),
+                    f("div", As, O(l.name), 1),
                     l.current ? (g(), y("span", $s, " Current ")) : R("", !0)
                   ]),
-                  f("div", Os, L(l.current ? "Current Brand" : "Change to"), 1)
+                  f("div", Ls, O(l.current ? "Current Brand" : "Change to"), 1)
                 ])
               ])
             ], 10, Cs))), 128)),
@@ -580,20 +580,20 @@ class Vs {
     this.state.isVisible = !1, this.state.eventHandlers = {};
   };
 }
-const pe = new Vs(), Ns = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, Ps = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Ms = {
+const he = new Vs(), Ns = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, Ps = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Ms = {
   __name: "SparkModalContainer",
   setup(e) {
     return (t, n) => (g(), W(x(At), {
       as: "template",
-      show: x(pe).state.isVisible
+      show: x(he).state.isVisible
     }, {
       default: A(() => [
         C(x($t), {
           class: "relative z-200",
-          onClose: x(pe).hide
+          onClose: x(he).hide
         }, {
           default: A(() => [
-            C(x(Oe), {
+            C(x(Le), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -609,7 +609,7 @@ const pe = new Vs(), Ns = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
             }),
             f("div", Ns, [
               f("div", Ps, [
-                C(x(Oe), {
+                C(x(Le), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -619,9 +619,9 @@ const pe = new Vs(), Ns = { 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: A(() => [
-                    C(x(Ot), { 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" }, {
+                    C(x(Lt), { class: "relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:min-w-lg sm:max-w-max" }, {
                       default: A(() => [
-                        (g(), W($e(x(pe).state.content), kt(x(pe).state.props, Rt(x(pe).state.eventHandlers)), null, 16))
+                        (g(), W($e(x(he).state.content), kt(x(he).state.props, Rt(x(he).state.eventHandlers)), null, 16))
                       ]),
                       _: 1
                     })
@@ -732,22 +732,22 @@ const pe = new Vs(), Ns = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
         f("div", {
           class: E(["text-center", { "mt-3 sm:mt-5": o.value }])
         }, [
-          e.title ? (g(), y("h3", js, L(e.title), 1)) : R("", !0),
+          e.title ? (g(), y("h3", js, O(e.title), 1)) : R("", !0),
           e.message ? (g(), y("div", {
             key: 1,
             class: E([{ "mt-2": e.title }, "text-sm text-gray-500"])
-          }, L(e.message), 3)) : R("", !0)
+          }, O(e.message), 3)) : R("", !0)
         ], 2),
         f("div", {
           class: E(["mt-5 sm:mt-6", s.value])
         }, [
-          (g(!0), y(ie, null, me(n.value, (m, w) => (g(), W(x(re), {
+          (g(!0), y(le, null, ge(n.value, (m, w) => (g(), W(x(re), {
             key: w,
             variant: m.variant,
             onClick: (v) => l.$emit(m.event, m)
           }, {
             default: A(() => [
-              K(L(m.text), 1)
+              K(O(m.text), 1)
             ]),
             _: 2
           }, 1032, ["variant", "onClick"]))), 128))
@@ -784,7 +784,7 @@ const pe = new Vs(), Ns = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
           onClose: o
         }, {
           default: A(() => [
-            C(x(Oe), {
+            C(x(Le), {
               as: "template",
               enter: "transition-opacity ease-linear duration-150",
               "enter-from": "opacity-0",
@@ -799,7 +799,7 @@ const pe = new Vs(), Ns = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               _: 1
             }),
             f("div", Ds, [
-              C(x(Oe), {
+              C(x(Le), {
                 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",
@@ -809,7 +809,7 @@ const pe = new Vs(), Ns = { 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: A(() => [
-                  C(x(Ot), {
+                  C(x(Lt), {
                     ref_key: "panelRef",
                     ref: n,
                     class: E([
@@ -892,7 +892,7 @@ class Is {
     this.left.close(), this.right.close();
   };
 }
-const _e = new Is(), zs = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, qs = { class: "flex flex-1 flex-col" }, Zs = {
+const ae = new Is(), zs = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, qs = { class: "flex flex-1 flex-col" }, Zs = {
   class: "flex flex-1 flex-col gap-y-7",
   role: "list"
 }, Ws = { class: "flex flex-1 flex-col" }, Gs = {
@@ -925,23 +925,27 @@ const _e = new Is(), zs = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, qs =
   },
   emits: ["overlayClose"],
   setup(e, { emit: t }) {
-    const n = e, s = t, r = un(), o = Ht(), a = Lt(), i = $(() => a.getAppIcon(n.appStore.state.app)), l = () => {
+    const n = e, s = t, r = un(), o = Ht(), a = Ot(), i = $(() => a.getAppIcon(n.appStore.state.app)), l = () => {
       const w = {};
-      r["app-selector-bottom"] ? w.bottomSlot = () => ot("div", {}, r["app-selector-bottom"]()) : n.appSelectorSlots.bottomSlot && (w.bottomSlot = n.appSelectorSlots.bottomSlot), r["app-selector-footer"] ? w.footerSlot = () => ot("div", {}, r["app-selector-footer"]()) : n.appSelectorSlots.footerSlot && (w.footerSlot = n.appSelectorSlots.footerSlot), _e.showRight(ms, w);
+      r["app-selector-bottom"] ? w.bottomSlot = () => ot("div", {}, r["app-selector-bottom"]()) : n.appSelectorSlots.bottomSlot && (w.bottomSlot = n.appSelectorSlots.bottomSlot), r["app-selector-footer"] ? w.footerSlot = () => ot("div", {}, r["app-selector-footer"]()) : n.appSelectorSlots.footerSlot && (w.footerSlot = n.appSelectorSlots.footerSlot), ae.showRight(ms, w, {
+        select: (v) => {
+          ae.closeRight();
+        }
+      });
     }, c = () => {
-      _e.showLeft(
-        Ls,
+      ae.showLeft(
+        Os,
         {},
         {
           select: (w) => {
-            o.toggleBrand(w);
+            o.toggleBrand(w), ae.closeLeft();
           }
         }
       );
     }, u = $(() => n.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [n.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), m = $(() => n.mainNavStore.state.hidden ? ["pl-2.5"] : [n.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
     return (w, v) => {
       const p = U("font-awesome-icon"), b = U("router-view");
-      return g(), y(ie, null, [
+      return g(), y(le, null, [
         f("div", {
           class: E([u.value, "fixed inset-y-0 flex transition-all z-100"])
         }, [
@@ -953,7 +957,7 @@ const _e = new Is(), zs = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, qs =
                     f("li", Js, [
                       f("a", {
                         class: "grid w-[40px] h-[40px] place-items-center rounded-md bg-primary-600 text-white text-[13px] cursor-pointer",
-                        onClick: v[0] || (v[0] = fe((h) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
+                        onClick: v[0] || (v[0] = pe((h) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
                       }, [
                         C(p, {
                           icon: x(B)[i.value],
@@ -962,11 +966,11 @@ const _e = new Is(), zs = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, qs =
                       ]),
                       e.mainNavStore.state.collapsed ? R("", !0) : (g(), y("a", {
                         key: 0,
-                        onClick: v[1] || (v[1] = fe((h) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"])),
+                        onClick: v[1] || (v[1] = pe((h) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"])),
                         class: "font-medium text-gray-800 ml-[10px] cursor-pointer"
-                      }, L(e.appStore.state.app), 1))
+                      }, O(e.appStore.state.app), 1))
                     ]),
-                    (g(!0), y(ie, null, me(e.mainNavStore.state.menu, (h) => (g(), y("li", {
+                    (g(!0), y(le, null, ge(e.mainNavStore.state.menu, (h) => (g(), y("li", {
                       key: h.name,
                       class: E({
                         "mt-[10px]": h.children,
@@ -979,7 +983,7 @@ const _e = new Is(), zs = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, qs =
                           "hover:bg-gray-100": h?.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: h?.href,
-                        onClick: fe((_) => e.mainNavStore.goto(h.href), ["prevent"])
+                        onClick: pe((_) => e.mainNavStore.goto(h.href), ["prevent"])
                       }, [
                         h.icon ? (g(), W(p, {
                           key: 0,
@@ -996,23 +1000,23 @@ const _e = new Is(), zs = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, qs =
                             "font-semibold": h?.children,
                             "text-gray-500": h?.children
                           })
-                        }, L(h.name), 3))
+                        }, O(h.name), 3))
                       ], 10, Ks),
                       h.children ? (g(), y("ul", Ys, [
-                        (g(!0), y(ie, null, me(h.children, (_) => (g(), y("li", {
+                        (g(!0), y(le, null, ge(h.children, (_) => (g(), y("li", {
                           key: _.name
                         }, [
                           f("a", {
                             class: E([[_.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: _.href,
-                            onClick: fe((T) => e.mainNavStore.goto(_.href), ["prevent"])
+                            onClick: pe((T) => e.mainNavStore.goto(_.href), ["prevent"])
                           }, [
                             _.icon ? (g(), W(p, {
                               key: 0,
                               icon: x(B)[_.icon],
                               class: E([[(_.current, "text-gray-400")], "size-4"])
                             }, null, 8, ["icon", "class"])) : R("", !0),
-                            e.mainNavStore.state.collapsed ? R("", !0) : (g(), y("span", er, L(_.name), 1))
+                            e.mainNavStore.state.collapsed ? R("", !0) : (g(), y("span", er, O(_.name), 1))
                           ], 10, Qs)
                         ]))), 128))
                       ])) : R("", !0)
@@ -1024,7 +1028,7 @@ const _e = new Is(), zs = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, qs =
                   f("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: v[2] || (v[2] = fe((h) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
+                    onClick: v[2] || (v[2] = pe((h) => e.mainNavStore.toggleCollapsed(), ["prevent"]))
                   }, [
                     C(p, {
                       icon: x(B)[e.mainNavStore.state.collapsed ? "farArrowRightToLine" : "farArrowLeftToLine"],
@@ -1089,12 +1093,12 @@ const _e = new Is(), zs = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, qs =
         ], 2),
         C(x(at), {
           position: "left",
-          "overlay-instance": x(_e).left,
+          "overlay-instance": x(ae).left,
           onClose: v[4] || (v[4] = (h) => s("overlayClose", "left"))
         }, null, 8, ["overlay-instance"]),
         C(x(at), {
           position: "right",
-          "overlay-instance": x(_e).right,
+          "overlay-instance": x(ae).right,
           onClose: v[5] || (v[5] = (h) => s("overlayClose", "right"))
         }, null, 8, ["overlay-instance"]),
         C(x(Ms))
@@ -1122,42 +1126,42 @@ function Ft(e, t) {
 const { toString: pr } = Object.prototype, { getPrototypeOf: Je } = Object, { iterator: He, toStringTag: Bt } = Symbol, Fe = /* @__PURE__ */ ((e) => (t) => {
   const n = pr.call(t);
   return e[n] || (e[n] = n.slice(8, -1).toLowerCase());
-})(/* @__PURE__ */ Object.create(null)), D = (e) => (e = e.toLowerCase(), (t) => Fe(t) === e), Be = (e) => (t) => typeof t === e, { isArray: ce } = Array, le = Be("undefined");
-function ye(e) {
-  return e !== null && !le(e) && e.constructor !== null && !le(e.constructor) && V(e.constructor.isBuffer) && e.constructor.isBuffer(e);
+})(/* @__PURE__ */ Object.create(null)), D = (e) => (e = e.toLowerCase(), (t) => Fe(t) === e), Be = (e) => (t) => typeof t === e, { isArray: ue } = Array, ce = Be("undefined");
+function we(e) {
+  return e !== null && !ce(e) && e.constructor !== null && !ce(e.constructor) && V(e.constructor.isBuffer) && e.constructor.isBuffer(e);
 }
 const Vt = D("ArrayBuffer");
 function hr(e) {
   let t;
   return typeof ArrayBuffer < "u" && ArrayBuffer.isView ? t = ArrayBuffer.isView(e) : t = e && e.buffer && Vt(e.buffer), t;
 }
-const mr = Be("string"), V = Be("function"), Nt = Be("number"), we = (e) => e !== null && typeof e == "object", gr = (e) => e === !0 || e === !1, Re = (e) => {
+const mr = Be("string"), V = Be("function"), Nt = Be("number"), be = (e) => e !== null && typeof e == "object", gr = (e) => e === !0 || e === !1, Re = (e) => {
   if (Fe(e) !== "object")
     return !1;
   const t = Je(e);
   return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Bt in e) && !(He in e);
 }, yr = (e) => {
-  if (!we(e) || ye(e))
+  if (!be(e) || we(e))
     return !1;
   try {
     return Object.keys(e).length === 0 && Object.getPrototypeOf(e) === Object.prototype;
   } catch {
     return !1;
   }
-}, wr = D("Date"), br = D("File"), xr = D("Blob"), Sr = D("FileList"), Cr = (e) => we(e) && V(e.pipe), vr = (e) => {
+}, wr = D("Date"), br = D("File"), xr = D("Blob"), Sr = D("FileList"), Cr = (e) => be(e) && V(e.pipe), vr = (e) => {
   let t;
   return e && (typeof FormData == "function" && e instanceof FormData || V(e.append) && ((t = Fe(e)) === "formdata" || // detect form-data instance
   t === "object" && V(e.toString) && e.toString() === "[object FormData]"));
 }, _r = D("URLSearchParams"), [kr, Rr, Er, Ar] = ["ReadableStream", "Request", "Response", "Headers"].map(D), $r = (e) => e.trim ? e.trim() : e.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
-function be(e, t, { allOwnKeys: n = !1 } = {}) {
+function xe(e, t, { allOwnKeys: n = !1 } = {}) {
   if (e === null || typeof e > "u")
     return;
   let s, r;
-  if (typeof e != "object" && (e = [e]), ce(e))
+  if (typeof e != "object" && (e = [e]), ue(e))
     for (s = 0, r = e.length; s < r; s++)
       t.call(null, e[s], s, e);
   else {
-    if (ye(e))
+    if (we(e))
       return;
     const o = n ? Object.getOwnPropertyNames(e) : Object.keys(e), a = o.length;
     let i;
@@ -1166,7 +1170,7 @@ function be(e, t, { allOwnKeys: n = !1 } = {}) {
   }
 }
 function Pt(e, t) {
-  if (ye(e))
+  if (we(e))
     return null;
   t = t.toLowerCase();
   const n = Object.keys(e);
@@ -1176,19 +1180,19 @@ function Pt(e, t) {
       return r;
   return null;
 }
-const Q = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, Mt = (e) => !le(e) && e !== Q;
+const Q = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, Mt = (e) => !ce(e) && e !== Q;
 function qe() {
   const { caseless: e, skipUndefined: t } = Mt(this) && this || {}, n = {}, s = (r, o) => {
     const a = e && Pt(n, o) || o;
-    Re(n[a]) && Re(r) ? n[a] = qe(n[a], r) : Re(r) ? n[a] = qe({}, r) : ce(r) ? n[a] = r.slice() : (!t || !le(r)) && (n[a] = r);
+    Re(n[a]) && Re(r) ? n[a] = qe(n[a], r) : Re(r) ? n[a] = qe({}, r) : ue(r) ? n[a] = r.slice() : (!t || !ce(r)) && (n[a] = r);
   };
   for (let r = 0, o = arguments.length; r < o; r++)
-    arguments[r] && be(arguments[r], s);
+    arguments[r] && xe(arguments[r], s);
   return n;
 }
-const Or = (e, t, n, { allOwnKeys: s } = {}) => (be(t, (r, o) => {
+const Lr = (e, t, n, { allOwnKeys: s } = {}) => (xe(t, (r, o) => {
   n && V(r) ? e[o] = Ft(r, n) : e[o] = r;
-}, { allOwnKeys: s }), e), Lr = (e) => (e.charCodeAt(0) === 65279 && (e = e.slice(1)), e), Tr = (e, t, n, s) => {
+}, { allOwnKeys: s }), e), Or = (e) => (e.charCodeAt(0) === 65279 && (e = e.slice(1)), e), Tr = (e, t, n, s) => {
   e.prototype = Object.create(t.prototype, s), e.prototype.constructor = e, Object.defineProperty(e, "super", {
     value: t.prototype
   }), n && Object.assign(e.prototype, n);
@@ -1208,7 +1212,7 @@ const Or = (e, t, n, { allOwnKeys: s } = {}) => (be(t, (r, o) => {
   return s !== -1 && s === n;
 }, Br = (e) => {
   if (!e) return null;
-  if (ce(e)) return e;
+  if (ue(e)) return e;
   let t = e.length;
   if (!Nt(t)) return null;
   const n = new Array(t);
@@ -1235,7 +1239,7 @@ const Or = (e, t, n, { allOwnKeys: s } = {}) => (be(t, (r, o) => {
   }
 ), lt = (({ hasOwnProperty: e }) => (t, n) => e.call(t, n))(Object.prototype), jr = D("RegExp"), Ut = (e, t) => {
   const n = Object.getOwnPropertyDescriptors(e), s = {};
-  be(n, (r, o) => {
+  xe(n, (r, o) => {
     let a;
     (a = t(r, o, e)) !== !1 && (s[o] = a || r);
   }), Object.defineProperties(e, s);
@@ -1260,7 +1264,7 @@ const Or = (e, t, n, { allOwnKeys: s } = {}) => (be(t, (r, o) => {
       n[o] = !0;
     });
   };
-  return ce(e) ? s(e) : s(String(e).split(t)), n;
+  return ue(e) ? s(e) : s(String(e).split(t)), n;
 }, zr = () => {
 }, qr = (e, t) => e != null && Number.isFinite(e = +e) ? e : t;
 function Zr(e) {
@@ -1268,24 +1272,24 @@ function Zr(e) {
 }
 const Wr = (e) => {
   const t = new Array(10), n = (s, r) => {
-    if (we(s)) {
+    if (be(s)) {
       if (t.indexOf(s) >= 0)
         return;
-      if (ye(s))
+      if (we(s))
         return s;
       if (!("toJSON" in s)) {
         t[r] = s;
-        const o = ce(s) ? [] : {};
-        return be(s, (a, i) => {
+        const o = ue(s) ? [] : {};
+        return xe(s, (a, i) => {
           const l = n(a, r + 1);
-          !le(l) && (o[i] = l);
+          !ce(l) && (o[i] = l);
         }), t[r] = void 0, o;
       }
     }
     return s;
   };
   return n(e, 0);
-}, Gr = D("AsyncFunction"), Jr = (e) => e && (we(e) || V(e)) && V(e.then) && V(e.catch), jt = ((e, t) => e ? setImmediate : t ? ((n, s) => (Q.addEventListener("message", ({ source: r, data: o }) => {
+}, Gr = D("AsyncFunction"), Jr = (e) => e && (be(e) || V(e)) && V(e.then) && V(e.catch), jt = ((e, t) => e ? setImmediate : t ? ((n, s) => (Q.addEventListener("message", ({ source: r, data: o }) => {
   r === Q && o === n && s.length && s.shift()();
 }, !1), (r) => {
   s.push(r), Q.postMessage(n, "*");
@@ -1293,22 +1297,22 @@ const Wr = (e) => {
   typeof setImmediate == "function",
   V(Q.postMessage)
 ), Kr = typeof queueMicrotask < "u" ? queueMicrotask.bind(Q) : typeof process < "u" && process.nextTick || jt, Xr = (e) => e != null && V(e[He]), d = {
-  isArray: ce,
+  isArray: ue,
   isArrayBuffer: Vt,
-  isBuffer: ye,
+  isBuffer: we,
   isFormData: vr,
   isArrayBufferView: hr,
   isString: mr,
   isNumber: Nt,
   isBoolean: gr,
-  isObject: we,
+  isObject: be,
   isPlainObject: Re,
   isEmptyObject: yr,
   isReadableStream: kr,
   isRequest: Rr,
   isResponse: Er,
   isHeaders: Ar,
-  isUndefined: le,
+  isUndefined: ce,
   isDate: wr,
   isFile: br,
   isBlob: xr,
@@ -1318,11 +1322,11 @@ const Wr = (e) => {
   isURLSearchParams: _r,
   isTypedArray: Vr,
   isFileList: Sr,
-  forEach: be,
+  forEach: xe,
   merge: qe,
-  extend: Or,
+  extend: Lr,
   trim: $r,
-  stripBOM: Lr,
+  stripBOM: Or,
   inherits: Tr,
   toFlatObject: Hr,
   kindOf: Fe,
@@ -1451,11 +1455,11 @@ function Ve(e, t, n) {
       if (d.endsWith(b, "{}"))
         b = s ? b : b.slice(0, -2), p = JSON.stringify(p);
       else if (d.isArray(p) && Qr(p) || (d.isFileList(p) || d.endsWith(b, "[]")) && (_ = d.toArray(p)))
-        return b = zt(b), _.forEach(function(O, F) {
-          !(d.isUndefined(O) || O === null) && t.append(
+        return b = zt(b), _.forEach(function(L, F) {
+          !(d.isUndefined(L) || L === null) && t.append(
             // eslint-disable-next-line no-nested-ternary
             a === !0 ? ct([b], F, o) : a === null ? b : b + "[]",
-            c(O)
+            c(L)
           );
         }), !1;
     }
@@ -1655,7 +1659,7 @@ function ho(e, t, n) {
     }
   return (n || JSON.stringify)(e);
 }
-const xe = {
+const Se = {
   transitional: Wt,
   adapter: ["xhr", "http", "fetch"],
   transformRequest: [function(t, n) {
@@ -1684,7 +1688,7 @@ const xe = {
     return o || r ? (n.setContentType("application/json", !1), ho(t)) : t;
   }],
   transformResponse: [function(t) {
-    const n = this.transitional || xe.transitional, s = n && n.forcedJSONParsing, r = this.responseType === "json";
+    const n = this.transitional || Se.transitional, s = n && n.forcedJSONParsing, r = this.responseType === "json";
     if (d.isResponse(t) || d.isReadableStream(t))
       return t;
     if (t && d.isString(t) && (s && !this.responseType || r)) {
@@ -1722,7 +1726,7 @@ const xe = {
   }
 };
 d.forEach(["delete", "get", "head", "post", "put", "patch"], (e) => {
-  xe.headers[e] = {};
+  Se.headers[e] = {};
 });
 const mo = d.toObjectSet([
   "age",
@@ -1750,7 +1754,7 @@ const mo = d.toObjectSet([
     r = a.indexOf(":"), n = a.substring(0, r).trim().toLowerCase(), s = a.substring(r + 1).trim(), !(!n || t[n] && mo[n]) && (n === "set-cookie" ? t[n] ? t[n].push(s) : t[n] = [s] : t[n] = t[n] ? t[n] + ", " + s : s);
   }), t;
 }, ft = Symbol("internals");
-function he(e) {
+function me(e) {
   return e && String(e).trim().toLowerCase();
 }
 function Ee(e) {
@@ -1795,7 +1799,7 @@ let N = class {
   set(t, n, s) {
     const r = this;
     function o(i, l, c) {
-      const u = he(l);
+      const u = me(l);
       if (!u)
         throw new Error("header name must be a non-empty string");
       const m = d.findKey(r, u);
@@ -1819,7 +1823,7 @@ let N = class {
     return this;
   }
   get(t, n) {
-    if (t = he(t), t) {
+    if (t = me(t), t) {
       const s = d.findKey(this, t);
       if (s) {
         const r = this[s];
@@ -1836,7 +1840,7 @@ let N = class {
     }
   }
   has(t, n) {
-    if (t = he(t), t) {
+    if (t = me(t), t) {
       const s = d.findKey(this, t);
       return !!(s && this[s] !== void 0 && (!n || je(this, this[s], s, n)));
     }
@@ -1846,7 +1850,7 @@ let N = class {
     const s = this;
     let r = !1;
     function o(a) {
-      if (a = he(a), a) {
+      if (a = me(a), a) {
         const i = d.findKey(s, a);
         i && (!n || je(s, s[i], i, n)) && (delete s[i], r = !0);
       }
@@ -1908,7 +1912,7 @@ let N = class {
       accessors: {}
     }).accessors, r = this.prototype;
     function o(a) {
-      const i = he(a);
+      const i = me(a);
       s[i] || (xo(r, a), s[i] = !0);
     }
     return d.isArray(t) ? t.forEach(o) : o(t), this;
@@ -1926,7 +1930,7 @@ d.reduceDescriptors(N.prototype, ({ value: e }, t) => {
 });
 d.freezeMethods(N);
 function De(e, t) {
-  const n = this || xe, s = t || n, r = N.from(s.headers);
+  const n = this || Se, s = t || n, r = N.from(s.headers);
   let o = s.data;
   return d.forEach(e, function(i) {
     o = i.call(n, o, r.normalize(), t ? t.status : void 0);
@@ -1935,10 +1939,10 @@ function De(e, t) {
 function Jt(e) {
   return !!(e && e.__CANCEL__);
 }
-function ue(e, t, n) {
+function de(e, t, n) {
   S.call(this, e ?? "canceled", S.ERR_CANCELED, t, n), this.name = "CanceledError";
 }
-d.inherits(ue, S, {
+d.inherits(de, S, {
   __CANCEL__: !0
 });
 function Kt(e, t, n) {
@@ -1983,7 +1987,7 @@ function vo(e, t) {
     }, s - m)));
   }, () => r && a(r)];
 }
-const Le = (e, t, n = 3) => {
+const Oe = (e, t, n = 3) => {
   let s = 0;
   const r = Co(50, 250);
   return vo((o) => {
@@ -2151,13 +2155,13 @@ const Yt = (e) => {
     function _() {
       if (!h)
         return;
-      const O = N.from(
+      const L = N.from(
         "getAllResponseHeaders" in h && h.getAllResponseHeaders()
       ), j = {
         data: !i || i === "text" || i === "json" ? h.responseText : h.response,
         status: h.status,
         statusText: h.statusText,
-        headers: O,
+        headers: L,
         config: e,
         request: h
       };
@@ -2185,8 +2189,8 @@ const Yt = (e) => {
       )), h = null;
     }, o === void 0 && a.setContentType(null), "setRequestHeader" in h && d.forEach(a.toJSON(), function(F, j) {
       h.setRequestHeader(j, F);
-    }), d.isUndefined(r.withCredentials) || (h.withCredentials = !!r.withCredentials), i && i !== "json" && (h.responseType = r.responseType), c && ([w, p] = Le(c, !0), h.addEventListener("progress", w)), l && h.upload && ([m, v] = Le(l), h.upload.addEventListener("progress", m), h.upload.addEventListener("loadend", v)), (r.cancelToken || r.signal) && (u = (O) => {
-      h && (s(!O || O.type ? new ue(null, e, h) : O), h.abort(), h = null);
+    }), d.isUndefined(r.withCredentials) || (h.withCredentials = !!r.withCredentials), i && i !== "json" && (h.responseType = r.responseType), c && ([w, p] = Oe(c, !0), h.addEventListener("progress", w)), l && h.upload && ([m, v] = Oe(l), h.upload.addEventListener("progress", m), h.upload.addEventListener("loadend", v)), (r.cancelToken || r.signal) && (u = (L) => {
+      h && (s(!L || L.type ? new de(null, e, h) : L), h.abort(), h = null);
     }, r.cancelToken && r.cancelToken.subscribe(u), r.signal && (r.signal.aborted ? u() : r.signal.addEventListener("abort", u)));
     const T = So(r.url);
     if (T && H.protocols.indexOf(T) === -1) {
@@ -2195,7 +2199,7 @@ const Yt = (e) => {
     }
     h.send(o || null);
   });
-}, Oo = (e, t) => {
+}, Lo = (e, t) => {
   const { length: n } = e = e ? e.filter(Boolean) : [];
   if (t || n) {
     let s = new AbortController(), r;
@@ -2203,7 +2207,7 @@ const Yt = (e) => {
       if (!r) {
         r = !0, i();
         const u = c instanceof Error ? c : this.reason;
-        s.abort(u instanceof S ? u : new ue(u instanceof Error ? u.message : u));
+        s.abort(u instanceof S ? u : new de(u instanceof Error ? u.message : u));
       }
     };
     let a = t && setTimeout(() => {
@@ -2218,7 +2222,7 @@ const Yt = (e) => {
     const { signal: l } = s;
     return l.unsubscribe = () => d.asap(i), l;
   }
-}, Lo = function* (e, t) {
+}, Oo = function* (e, t) {
   let n = e.byteLength;
   if (n < t) {
     yield e;
@@ -2229,7 +2233,7 @@ const Yt = (e) => {
     r = s + t, yield e.slice(s, r), s = r;
 }, To = async function* (e, t) {
   for await (const n of Ho(e))
-    yield* Lo(n, t);
+    yield* Oo(n, t);
 }, Ho = async function* (e) {
   if (e[Symbol.asyncIterator]) {
     yield* e;
@@ -2339,19 +2343,19 @@ const Yt = (e) => {
       method: h,
       data: _,
       signal: T,
-      cancelToken: O,
+      cancelToken: L,
       timeout: F,
       onDownloadProgress: j,
       onUploadProgress: X,
       responseType: P,
       headers: Pe,
-      withCredentials: Se = "same-origin",
+      withCredentials: Ce = "same-origin",
       fetchOptions: Qe
     } = Yt(p), et = t || fetch;
     P = P ? (P + "").toLowerCase() : "text";
-    let Ce = Oo([T, O && O.toAbortSignal()], F), de = null;
-    const Y = Ce && Ce.unsubscribe && (() => {
-      Ce.unsubscribe();
+    let ve = Lo([T, L && L.toAbortSignal()], F), fe = null;
+    const Y = ve && ve.unsubscribe && (() => {
+      ve.unsubscribe();
     });
     let tt;
     try {
@@ -2362,38 +2366,38 @@ const Yt = (e) => {
           duplex: "half"
         }), oe;
         if (d.isFormData(_) && (oe = J.headers.get("content-type")) && Pe.setContentType(oe), J.body) {
-          const [Me, ve] = pt(
+          const [Me, _e] = pt(
             tt,
-            Le(ht(X))
+            Oe(ht(X))
           );
-          _ = gt(J.body, yt, Me, ve);
+          _ = gt(J.body, yt, Me, _e);
         }
       }
-      d.isString(Se) || (Se = Se ? "include" : "omit");
+      d.isString(Ce) || (Ce = Ce ? "include" : "omit");
       const I = o && "credentials" in n.prototype, nt = {
         ...Qe,
-        signal: Ce,
+        signal: ve,
         method: h.toUpperCase(),
         headers: Pe.normalize().toJSON(),
         body: _,
         duplex: "half",
-        credentials: I ? Se : void 0
+        credentials: I ? Ce : void 0
       };
-      de = o && new n(b, nt);
-      let G = await (o ? et(de, Qe) : et(b, nt));
+      fe = o && new n(b, nt);
+      let G = await (o ? et(fe, Qe) : et(b, nt));
       const st = u && (P === "stream" || P === "response");
       if (u && (j || st && Y)) {
         const J = {};
         ["status", "statusText", "headers"].forEach((rt) => {
           J[rt] = G[rt];
         });
-        const oe = d.toFiniteNumber(G.headers.get("content-length")), [Me, ve] = j && pt(
+        const oe = d.toFiniteNumber(G.headers.get("content-length")), [Me, _e] = j && pt(
           oe,
-          Le(ht(j), !0)
+          Oe(ht(j), !0)
         ) || [];
         G = new s(
           gt(G.body, yt, Me, () => {
-            ve && ve(), Y && Y();
+            _e && _e(), Y && Y();
           }),
           J
         );
@@ -2407,16 +2411,16 @@ const Yt = (e) => {
           status: G.status,
           statusText: G.statusText,
           config: p,
-          request: de
+          request: fe
         });
       });
     } catch (I) {
       throw Y && Y(), I && I.name === "TypeError" && /Load failed|fetch/i.test(I.message) ? Object.assign(
-        new S("Network Error", S.ERR_NETWORK, p, de),
+        new S("Network Error", S.ERR_NETWORK, p, fe),
         {
           cause: I.cause || I
         }
-      ) : S.from(I, I && I.code, p, de);
+      ) : S.from(I, I && I.code, p, fe);
     }
   };
 }, Vo = /* @__PURE__ */ new Map(), Qt = (e) => {
@@ -2491,13 +2495,13 @@ const en = {
 };
 function Ie(e) {
   if (e.cancelToken && e.cancelToken.throwIfRequested(), e.signal && e.signal.aborted)
-    throw new ue(null, e);
+    throw new de(null, e);
 }
 function Ct(e) {
   return Ie(e), e.headers = N.from(e.headers), e.data = De.call(
     e,
     e.transformRequest
-  ), ["post", "put", "patch"].indexOf(e.method) !== -1 && e.headers.setContentType("application/x-www-form-urlencoded", !1), en.getAdapter(e.adapter || xe.adapter, e)(e).then(function(s) {
+  ), ["post", "put", "patch"].indexOf(e.method) !== -1 && e.headers.setContentType("application/x-www-form-urlencoded", !1), en.getAdapter(e.adapter || Se.adapter, e)(e).then(function(s) {
     return Ie(e), s.data = De.call(
       e,
       e.transformResponse,
@@ -2708,7 +2712,7 @@ let Uo = class nn {
         s.unsubscribe(o);
       }, a;
     }, t(function(o, a, i) {
-      s.reason || (s.reason = new ue(o, a, i), n(s.reason));
+      s.reason || (s.reason = new de(o, a, i), n(s.reason));
     });
   }
   /**
@@ -2845,9 +2849,9 @@ function sn(e) {
     return sn(te(e, r));
   }, n;
 }
-const k = sn(xe);
+const k = sn(Se);
 k.Axios = ee;
-k.CanceledError = ue;
+k.CanceledError = de;
 k.CancelToken = Uo;
 k.isCancel = Jt;
 k.VERSION = tn;
@@ -2910,7 +2914,7 @@ function Zo(e) {
 function Wo() {
   on.forEach((e) => e());
 }
-function Oi(e) {
+function Li(e) {
   let t = !1;
   return Zo(() => {
     t = !1;
@@ -2925,7 +2929,7 @@ function Oi(e) {
     }
   };
 }
-const ze = "bolt-next-token", Z = ge("auth", () => {
+const ze = "bolt-next-token", Z = ye("auth", () => {
   const e = ne({
     user: null,
     token: null,
@@ -3088,7 +3092,7 @@ const ze = "bolt-next-token", Z = ge("auth", () => {
         f("div", Yo, [
           f("div", Qo, [
             u[1] || (u[1] = f("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Log in", -1)),
-            f("p", ea, " Welcome back" + L(x(s).state.app ? ` to ${x(s).state.app}` : "") + "! Please enter your details. ", 1)
+            f("p", ea, " Welcome back" + O(x(s).state.app ? ` to ${x(s).state.app}` : "") + "! Please enter your details. ", 1)
           ]),
           C(m, {
             type: "form",
@@ -3126,7 +3130,7 @@ const ze = "bolt-next-token", Z = ge("auth", () => {
                   _: 1
                 }, 8, ["to"])
               ]),
-              i.value ? (g(), y("div", na, L(i.value), 1)) : R("", !0),
+              i.value ? (g(), y("div", na, O(i.value), 1)) : R("", !0),
               C(x(re), {
                 type: "submit",
                 size: "xl",
@@ -3244,8 +3248,8 @@ const ze = "bolt-next-token", Z = ge("auth", () => {
                 validation: "required|email",
                 "outer-class": "max-w-full"
               }),
-              r.value ? (g(), y("div", fa, L(r.value), 1)) : R("", !0),
-              o.value ? (g(), y("div", pa, L(o.value), 1)) : R("", !0),
+              r.value ? (g(), y("div", fa, O(r.value), 1)) : R("", !0),
+              o.value ? (g(), y("div", pa, O(o.value), 1)) : R("", !0),
               C(x(re), {
                 type: "submit",
                 size: "xl",
@@ -3366,7 +3370,7 @@ const ze = "bolt-next-token", Z = ge("auth", () => {
                 validation: "required|confirm:password",
                 "outer-class": "max-w-full"
               }),
-              a.value ? (g(), y("div", Ca, L(a.value), 1)) : R("", !0),
+              a.value ? (g(), y("div", Ca, O(a.value), 1)) : R("", !0),
               C(x(re), {
                 type: "submit",
                 size: "xl",
@@ -3392,7 +3396,7 @@ const ze = "bolt-next-token", Z = ge("auth", () => {
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Oa = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, La = { class: "flex gap-4 justify-center" }, Ta = {
+}, La = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, Oa = { class: "flex gap-4 justify-center" }, Ta = {
   __name: "SparkError403View",
   props: {
     logo: {
@@ -3434,7 +3438,7 @@ const ze = "bolt-next-token", Z = ge("auth", () => {
           }, null, -1)
         ])]))
       ]),
-      f("div", Oa, [
+      f("div", La, [
         o[2] || (o[2] = f("div", null, [
           f("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "403"),
           f("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Access Forbidden "),
@@ -3444,7 +3448,7 @@ const ze = "bolt-next-token", Z = ge("auth", () => {
             K(" If you believe this is an error, please contact your administrator. ")
           ])
         ], -1)),
-        f("div", La, [
+        f("div", Oa, [
           C(x(re), {
             onClick: s,
             size: "lg"
@@ -3534,7 +3538,7 @@ const ze = "bolt-next-token", Z = ge("auth", () => {
   viewBox: "0 0 59 23",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, za = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, qa = { class: "text-primary-600 text-7xl font-bold mb-4" }, Za = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, Wa = { class: "text-gray-600" }, Ga = { class: "flex gap-4 justify-center" }, Li = {
+}, za = { class: "max-w-lg grid gap-y-6 text-center -mt-8" }, qa = { class: "text-primary-600 text-7xl font-bold mb-4" }, Za = { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, Wa = { class: "text-gray-600" }, Ga = { class: "flex gap-4 justify-center" }, Oi = {
   __name: "SparkErrorGeneralView",
   props: {
     logo: {
@@ -3590,9 +3594,9 @@ const ze = "bolt-next-token", Z = ge("auth", () => {
       ]),
       f("div", za, [
         f("div", null, [
-          f("div", qa, L(n.errorCode || "Error"), 1),
-          f("h1", Za, L(n.title || "Something went wrong"), 1),
-          f("p", Wa, L(n.message || "An unexpected error occurred. Please try again later."), 1)
+          f("div", qa, O(n.errorCode || "Error"), 1),
+          f("h1", Za, O(n.title || "Something went wrong"), 1),
+          f("p", Wa, O(n.message || "An unexpected error occurred. Please try again later."), 1)
         ]),
         f("div", Ga, [
           C(x(re), {
@@ -3769,16 +3773,16 @@ function Ka(e = {}) {
     }
   ), t;
 }
-let ae = null;
+let ie = null;
 function Ni(e, t = {}) {
-  return ae = Ka(t), e.provide("axios", ae), e.config.globalProperties.$axios = ae, ae;
+  return ie = Ka(t), e.provide("axios", ie), e.config.globalProperties.$axios = ie, ie;
 }
 function Pi() {
-  if (!ae)
+  if (!ie)
     throw new Error("Axios instance not initialized. Call setupAxios() first.");
-  return ae;
+  return ie;
 }
-const Mi = ge("sparkNav", () => {
+const Mi = ye("sparkNav", () => {
   const e = ne({
     menu: [],
     collapsed: !1,
@@ -3837,14 +3841,14 @@ export {
   B as Icons,
   ai as SparkAlert,
   ms as SparkAppSelector,
-  Ls as SparkBrandSelector,
+  Os as SparkBrandSelector,
   re as SparkButton,
   ii as SparkButtonGroup,
   li as SparkCard,
   ui as SparkDefaultContainer,
   Ta as SparkError403View,
   Ma as SparkError404View,
-  Li as SparkErrorGeneralView,
+  Oi as SparkErrorGeneralView,
   ga as SparkForgotPasswordView,
   oa as SparkLoginView,
   aa as SparkLogoutView,
@@ -3858,15 +3862,15 @@ export {
   Bi as create404Route,
   Ti as createAuthRoutes,
   Ka as createAxiosInstance,
-  Oi as createBootstrapService,
+  Li as createBootstrapService,
   Pi as getAxiosInstance,
   Hi as setupAuthGuards,
   Ni as setupAxios,
   Vi as setupBootstrapGuard,
   oi as setupFontAwesome,
-  pe as sparkModalService,
-  _e as sparkOverlayService,
-  Lt as useSparkAppSelectorStore,
+  he as sparkModalService,
+  ae as sparkOverlayService,
+  Ot as useSparkAppSelectorStore,
   Tt as useSparkAppStore,
   Z as useSparkAuthStore,
   Ht as useSparkBrandFilterStore,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wishbone-media/spark",
-  "version": "0.14.0",
+  "version": "0.14.1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/src/containers/SparkDefaultContainer.vue

@@ -220,7 +220,11 @@ const toggleAppSelector = () => {
     slotProps.footerSlot = props.appSelectorSlots.footerSlot
   }
 
-  sparkOverlayService.showRight(SparkAppSelector, slotProps)
+  sparkOverlayService.showRight(SparkAppSelector, slotProps, {
+    select: (brand) => {
+      sparkOverlayService.closeRight()
+    },
+  })
 }
 
 const toggleBrandSelector = () => {
@@ -230,6 +234,7 @@ const toggleBrandSelector = () => {
     {
       select: (brand) => {
         sparkBrandFilterStore.toggleBrand(brand)
+        sparkOverlayService.closeLeft()
       },
     },
   )