@wishbone-media/spark 0.49.1 → 0.51.0

package/dist/index.js

@@ -1,7 +1,7 @@
-import { ref as Ee, reactive as Ct, watch as nt, onMounted as Yt, nextTick as ha, onUnmounted as In, openBlock as E, createElementBlock as P, createElementVNode as T, Fragment as ze, renderList as rt, toDisplayString as we, createTextVNode as Ue, createCommentVNode as ye, withDirectives as en, vModelText as mo, vModelSelect as va, vShow as dr, computed as te, shallowRef as ya, getCurrentScope as ba, onScopeDispose as xa, shallowReadonly as dn, unref as oe, resolveComponent as Ze, normalizeClass as Le, createVNode as se, renderSlot as Qe, createBlock as Oe, resolveDynamicComponent as yt, markRaw as wn, Transition as fr, withCtx as Se, normalizeProps as wa, mergeProps as St, Teleport as pr, TransitionGroup as Cn, inject as io, onUpdated as mr, provide as Sa, resolveDirective as ka, useSlots as Wo, normalizeStyle as Mo, withModifiers as Je, toHandlers as gr, h as as } from "vue";
+import { ref as Ce, reactive as Et, watch as nt, onMounted as Yt, nextTick as ha, onUnmounted as In, openBlock as C, createElementBlock as P, createElementVNode as T, Fragment as ze, renderList as rt, toDisplayString as we, createTextVNode as Ue, createCommentVNode as ye, withDirectives as en, vModelText as mo, vModelSelect as va, vShow as dr, computed as te, shallowRef as ya, getCurrentScope as ba, onScopeDispose as xa, shallowReadonly as dn, unref as oe, resolveComponent as Ze, normalizeClass as Le, createVNode as se, renderSlot as Qe, createBlock as Oe, resolveDynamicComponent as yt, markRaw as wn, Transition as fr, withCtx as Se, normalizeProps as wa, mergeProps as St, Teleport as pr, TransitionGroup as En, inject as io, onUpdated as mr, provide as Sa, resolveDirective as ka, useSlots as Wo, normalizeStyle as Mo, withModifiers as Je, toHandlers as gr, h as as } from "vue";
 import { icon as Ut, library as hr } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon as Gn } from "@fortawesome/vue-fontawesome";
-import { faArrowUpRightFromSquare as Ea, faCopy as Ca, faCircleDot as vr, faEyeDropper as yr, faAnglesLeft as br, faAnglesRight as xr, faStar as Ta, faSpinnerThird as wr, faCircle as _a, faFile as Oo, faCalendar as Sr, faArrowUp as kr, faArrowDown as Er, faPlus as Cr, faCircleCheck as $a, faInbox as La, faCloudArrowUp as Ma, faCloudDownload as Oa, faBolt as Pa, faUndo as Aa, faLock as Ra, faEyeSlash as Ia, faEye as Fa, faSignOut as Da, faXmark as Po, faTrash as Tr, faTimes as ja, faStreetView as Ha, faSortUp as Va, faSortDown as za, faSort as Na, faScaleBalanced as Ba, faSatelliteDish as qa, faLayerPlus as Wa, faLaptopMobile as Ua, faInfoCircle as Za, faGripDotsVertical as _r, faGearComplex as Ga, faFlag as Ya, faFaceSmileWink as Xa, faFaceSmileRelaxed as Ka, faExclamationTriangle as Ja, faEllipsisVertical as Qa, faEllipsis as ei, faEdit as ti, faComments as ni, faCircleXmark as oi, faCircleUser as si, faChevronUp as ri, faChevronRight as $r, faChevronLeft as Lr, faChevronDown as Mr, faCheckCircle as ai, faCheck as Ao, faBullhorn as ii, faBellRing as li, faBarsSort as ci, faArrowRightToLine as ui, faArrowLeftToLine as di } from "@fortawesome/pro-regular-svg-icons";
+import { faArrowUpRightFromSquare as Ca, faCopy as Ea, faCircleDot as vr, faEyeDropper as yr, faAnglesLeft as br, faAnglesRight as xr, faStar as Ta, faSpinnerThird as wr, faCircle as _a, faFile as Oo, faCalendar as Sr, faArrowUp as kr, faArrowDown as Cr, faPlus as Er, faCircleCheck as $a, faInbox as La, faCloudArrowUp as Ma, faCloudDownload as Oa, faBolt as Pa, faUndo as Aa, faLock as Ra, faEyeSlash as Ia, faEye as Fa, faSignOut as Da, faXmark as Po, faTrash as Tr, faTimes as ja, faStreetView as Ha, faSortUp as Va, faSortDown as za, faSort as Na, faScaleBalanced as Ba, faSatelliteDish as qa, faLayerPlus as Wa, faLaptopMobile as Ua, faInfoCircle as Za, faGripDotsVertical as _r, faGearComplex as Ga, faFlag as Ya, faFaceSmileWink as Xa, faFaceSmileRelaxed as Ka, faExclamationTriangle as Ja, faEllipsisVertical as Qa, faEllipsis as ei, faEdit as ti, faComments as ni, faCircleXmark as oi, faCircleUser as si, faChevronUp as ri, faChevronRight as $r, faChevronLeft as Lr, faChevronDown as Mr, faCheckCircle as ai, faCheck as Ao, faBullhorn as ii, faBellRing as li, faBarsSort as ci, faArrowRightToLine as ui, faArrowLeftToLine as di } from "@fortawesome/pro-regular-svg-icons";
 import { faSortUp as fi, faSortDown as pi, faSort as mi } from "@fortawesome/pro-duotone-svg-icons";
 import { defineStore as Fn } from "pinia";
 import { useRoute as jt, useRouter as Tt, onBeforeRouteLeave as gi } from "vue-router";
@@ -12,9 +12,9 @@ import { HotTable as bi } from "@handsontable/vue3";
 import "handsontable/styles/handsontable.css";
 import "handsontable/styles/ht-theme-classic.css";
 import { registerPlugin as Vn, AutoColumnSize as xi, CopyPaste as wi, StretchColumns as Si, NestedHeaders as ki } from "handsontable/plugins";
-import { registerAllCellTypes as Ei } from "handsontable/cellTypes";
+import { registerAllCellTypes as Ci } from "handsontable/cellTypes";
 import { useDebounceFn as Rr, watchDebounced as is } from "@vueuse/core";
-import { registerRenderer as Ci, baseRenderer as Ti } from "handsontable/renderers";
+import { registerRenderer as Ei, baseRenderer as Ti } from "handsontable/renderers";
 import vn from "axios";
 function _i(e, t) {
   e.src = t;
@@ -113,9 +113,9 @@ const Hi = { class: "spark-address-input" }, Vi = ["disabled"], zi = ["selected"
   },
   emits: ["update:modelValue", "error", "create-new"],
   setup(e, { emit: t }) {
-    const n = e, o = t, r = Ee(n.mode), a = Ee(!1), s = Ee(null);
+    const n = e, o = t, r = Ce(n.mode), a = Ce(!1), s = Ce(null);
     let c = null, l = !1;
-    const u = Ct({
+    const u = Et({
       id: null,
       street: "",
       city: "",
@@ -209,8 +209,8 @@ const Hi = { class: "spark-address-input" }, Vi = ["disabled"], zi = ["selected"
       v === "autocomplete" && (await ha(), f());
     }), In(() => {
       l = !0, c && (c.removeEventListener("gmp-select", h), c = null);
-    }), (v, S) => (E(), P("div", Hi, [
-      r.value === "select" ? (E(), P("select", {
+    }), (v, S) => (C(), P("div", Hi, [
+      r.value === "select" ? (C(), P("select", {
         key: 0,
         class: "w-full rounded border border-gray-300 px-2 py-1.5 text-sm focus:border-blue-500 focus:ring-1 focus:ring-blue-500 focus:outline-none",
         disabled: e.disabled,
@@ -221,13 +221,13 @@ const Hi = { class: "spark-address-input" }, Vi = ["disabled"], zi = ["selected"
           disabled: "",
           selected: !e.modelValue?.id
         }, "Select an address...", 8, zi),
-        (E(!0), P(ze, null, rt(e.existingAddresses, (x) => (E(), P("option", {
+        (C(!0), P(ze, null, rt(e.existingAddresses, (x) => (C(), P("option", {
           key: x.id,
           value: x.id,
           selected: x.id === e.modelValue?.id
         }, we(x.formatted || b(x)), 9, Ni))), 128)),
         S[7] || (S[7] = T("option", { value: "__create_new__" }, ">>> Create a new address", -1))
-      ], 40, Vi)) : (E(), P(ze, { key: 1 }, [
+      ], 40, Vi)) : (C(), P(ze, { key: 1 }, [
         T("div", {
           ref_key: "googleContainerRef",
           ref: s,
@@ -240,8 +240,8 @@ const Hi = { class: "spark-address-input" }, Vi = ["disabled"], zi = ["selected"
             disabled: e.disabled,
             onClick: S[1] || (S[1] = (x) => a.value = !a.value)
           }, [
-            (E(), P("svg", Wi, [
-              a.value ? (E(), P("path", Ui)) : (E(), P("path", Zi))
+            (C(), P("svg", Wi, [
+              a.value ? (C(), P("path", Ui)) : (C(), P("path", Zi))
             ])),
             Ue(" " + we(a.value ? "Hide manual entry" : "Manual entry"), 1)
           ], 8, qi),
@@ -266,7 +266,7 @@ const Hi = { class: "spark-address-input" }, Vi = ["disabled"], zi = ["selected"
             ], -1),
             Ue(" Clear ", -1)
           ])], 8, Gi),
-          e.mode === "select" && r.value === "autocomplete" ? (E(), P("button", {
+          e.mode === "select" && r.value === "autocomplete" ? (C(), P("button", {
             key: 0,
             type: "button",
             class: "inline-flex items-center gap-1 rounded px-2 py-1 text-xs text-blue-600 hover:bg-blue-50",
@@ -311,7 +311,7 @@ const Hi = { class: "spark-address-input" }, Vi = ["disabled"], zi = ["selected"
             onChange: p
           }, [
             S[9] || (S[9] = T("option", { value: "" }, "State", -1)),
-            (E(!0), P(ze, null, rt(e.states, (x) => (E(), P("option", {
+            (C(!0), P(ze, null, rt(e.states, (x) => (C(), P("option", {
               key: x,
               value: x
             }, we(x), 9, Qi))), 128))
@@ -866,7 +866,7 @@ function Hn(e) {
     overflowX: n,
     overflowY: o,
     display: r
-  } = Et(e);
+  } = Ct(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && r !== "inline" && r !== "contents";
 }
 function xl(e) {
@@ -887,7 +887,7 @@ function co(e) {
 const wl = /transform|translate|scale|rotate|perspective|filter/, Sl = /paint|layout|strict|content/, Xt = (e) => !!e && e !== "none";
 let ho;
 function Xo(e) {
-  const t = kt(e) ? Et(e) : e;
+  const t = kt(e) ? Ct(e) : e;
   return Xt(t.transform) || Xt(t.translate) || Xt(t.scale) || Xt(t.rotate) || Xt(t.perspective) || !Ko() && (Xt(t.backdropFilter) || Xt(t.filter)) || wl.test(t.willChange || "") || Sl.test(t.contain || "");
 }
 function kl(e) {
@@ -907,7 +907,7 @@ function Ko() {
 function kn(e) {
   return /^(html|body|#document)$/.test(an(e));
 }
-function Et(e) {
+function Ct(e) {
   return mt(e).getComputedStyle(e);
 }
 function uo(e) {
@@ -949,7 +949,7 @@ function Do(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
 function Hr(e) {
-  const t = Et(e);
+  const t = Ct(e);
   let n = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
   const r = Ht(e), a = r ? e.offsetWidth : n, s = r ? e.offsetHeight : o, c = Qn(n) !== a || Qn(o) !== s;
   return c && (n = a, o = s), {
@@ -976,15 +976,15 @@ function yn(e) {
     y: c
   };
 }
-const El = /* @__PURE__ */ Mt(0);
+const Cl = /* @__PURE__ */ Mt(0);
 function Vr(e) {
   const t = mt(e);
-  return !Ko() || !t.visualViewport ? El : {
+  return !Ko() || !t.visualViewport ? Cl : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function Cl(e, t, n) {
+function El(e, t, n) {
   return t === void 0 && (t = !1), !n || t && n !== mt(e) ? !1 : t;
 }
 function rn(e, t, n, o) {
@@ -992,13 +992,13 @@ function rn(e, t, n, o) {
   const r = e.getBoundingClientRect(), a = Jo(e);
   let s = Mt(1);
   t && (o ? kt(o) && (s = yn(o)) : s = yn(e));
-  const c = Cl(a, n, o) ? Vr(a) : Mt(0);
+  const c = El(a, n, o) ? Vr(a) : Mt(0);
   let l = (r.left + c.x) / s.x, u = (r.top + c.y) / s.y, d = r.width / s.x, g = r.height / s.y;
   if (a) {
     const i = mt(a), f = o && kt(o) ? mt(o) : o;
     let h = i, p = Do(h);
     for (; p && o && f !== h; ) {
-      const b = yn(p), m = p.getBoundingClientRect(), y = Et(p), v = m.left + (p.clientLeft + parseFloat(y.paddingLeft)) * b.x, S = m.top + (p.clientTop + parseFloat(y.paddingTop)) * b.y;
+      const b = yn(p), m = p.getBoundingClientRect(), y = Ct(p), v = m.left + (p.clientLeft + parseFloat(y.paddingLeft)) * b.x, S = m.top + (p.clientTop + parseFloat(y.paddingTop)) * b.y;
       l *= b.x, u *= b.y, d *= b.x, g *= b.y, l += v, u += S, h = mt(p), p = Do(h);
     }
   }
@@ -1054,7 +1054,7 @@ function $l(e) {
   const t = Ot(e), n = uo(e), o = e.ownerDocument.body, r = nn(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), a = nn(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
   let s = -n.scrollLeft + fo(e);
   const c = -n.scrollTop;
-  return Et(o).direction === "rtl" && (s += nn(t.clientWidth, o.clientWidth) - r), {
+  return Ct(o).direction === "rtl" && (s += nn(t.clientWidth, o.clientWidth) - r), {
     width: r,
     height: a,
     x: s,
@@ -1112,17 +1112,17 @@ function ms(e, t, n) {
 }
 function Nr(e, t) {
   const n = Zt(e);
-  return n === t || !kt(n) || kn(n) ? !1 : Et(n).position === "fixed" || Nr(n, t);
+  return n === t || !kt(n) || kn(n) ? !1 : Ct(n).position === "fixed" || Nr(n, t);
 }
 function Ol(e, t) {
   const n = t.get(e);
   if (n)
     return n;
   let o = Pn(e, [], !1).filter((c) => kt(c) && an(c) !== "body"), r = null;
-  const a = Et(e).position === "fixed";
+  const a = Ct(e).position === "fixed";
   let s = a ? Zt(e) : e;
   for (; kt(s) && !kn(s); ) {
-    const c = Et(s), l = Xo(s);
+    const c = Ct(s), l = Xo(s);
     !l && c.position === "fixed" && (r = null), (a ? !l && !r : !l && c.position === "static" && !!r && (r.position === "absolute" || r.position === "fixed") || Hn(s) && !l && Nr(e, s)) ? o = o.filter((d) => d !== s) : r = c, s = Zt(s);
   }
   return t.set(e, o), o;
@@ -1182,10 +1182,10 @@ function Rl(e, t, n) {
   };
 }
 function vo(e) {
-  return Et(e).position === "static";
+  return Ct(e).position === "static";
 }
 function gs(e, t) {
-  if (!Ht(e) || Et(e).position === "fixed")
+  if (!Ht(e) || Ct(e).position === "fixed")
     return null;
   if (t)
     return t(e);
@@ -1223,7 +1223,7 @@ const Il = async function(e) {
   };
 };
 function Fl(e) {
-  return Et(e).direction === "rtl";
+  return Ct(e).direction === "rtl";
 }
 const Dl = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Tl,
@@ -1382,7 +1382,7 @@ function Nl(e, t, n) {
   }), l = te(() => {
     var M;
     return (M = fn(n.transform)) != null ? M : !0;
-  }), u = te(() => jo(e.value)), d = te(() => jo(t.value)), g = Ee(0), i = Ee(0), f = Ee(c.value), h = Ee(s.value), p = ya({}), b = Ee(!1), m = te(() => {
+  }), u = te(() => jo(e.value)), d = te(() => jo(t.value)), g = Ce(0), i = Ce(0), f = Ce(c.value), h = Ce(s.value), p = ya({}), b = Ce(!1), m = te(() => {
     const M = {
       position: f.value,
       left: "0",
@@ -1614,8 +1614,8 @@ const Fe = {
   fadSortDown: pi,
   fadSortUp: fi,
   // Additional icons for FormKit genesis replacement
-  farPlus: Cr,
-  farArrowDown: Er,
+  farPlus: Er,
+  farArrowDown: Cr,
   farArrowUp: kr,
   farCalendar: Sr,
   farFile: Oo,
@@ -1626,16 +1626,16 @@ const Fe = {
   farAnglesLeft: br,
   farEyeDropper: yr,
   farCircleDot: vr,
-  farCopy: Ca,
-  farArrowUpRightFromSquare: Ea
+  farCopy: Ea,
+  farArrowUpRightFromSquare: Ca
 }, qp = Object.fromEntries(
   Object.entries(Fe).map(([e, t]) => {
     const n = Ut(t);
     return [e, n?.html?.[0] || ""];
   })
 ), Yl = {
-  add: Cr,
-  arrowDown: Er,
+  add: Er,
+  arrowDown: Cr,
   arrowUp: kr,
   check: Ao,
   close: Po,
@@ -1717,7 +1717,7 @@ const Xl = { class: "flex items-center" }, Kl = { class: "shrink-0 self-start" }
     })[t.type]);
     return (s, c) => {
       const l = Ze("font-awesome-icon");
-      return E(), P("div", {
+      return C(), P("div", {
         class: Le(["rounded-md border p-4", n.value])
       }, [
         T("div", Xl, [
@@ -1730,7 +1730,7 @@ const Xl = { class: "flex items-center" }, Kl = { class: "shrink-0 self-start" }
           T("div", Jl, [
             Qe(s.$slots, "default")
           ]),
-          e.closeable ? (E(), P("div", Ql, [
+          e.closeable ? (C(), P("div", Ql, [
             T("div", ec, [
               T("button", {
                 type: "button",
@@ -1797,7 +1797,7 @@ const Xl = { class: "flex items-center" }, Kl = { class: "shrink-0 self-start" }
     icon: "farCompass"
   }
 ], Qr = Fn("sparkAppSelector", () => {
-  const e = Ct({
+  const e = Et({
     apps: [...bo]
   }), t = (a = {}) => {
     if (a.apps && Array.isArray(a.apps)) {
@@ -1843,7 +1843,7 @@ const Xl = { class: "flex items-center" }, Kl = { class: "shrink-0 self-start" }
     }
   };
 }), ea = Fn("sparkApp", () => {
-  const e = Ct({
+  const e = Et({
     app: "",
     homeRoute: "dashboard",
     showBrandSelector: !0,
@@ -1889,7 +1889,7 @@ const Xl = { class: "flex items-center" }, Kl = { class: "shrink-0 self-start" }
     };
     return (c, l) => {
       const u = Ze("font-awesome-icon");
-      return E(), P("div", tc, [
+      return C(), P("div", tc, [
         T("div", nc, [
           T("div", oc, [
             T("div", sc, [
@@ -1902,7 +1902,7 @@ const Xl = { class: "flex items-center" }, Kl = { class: "shrink-0 self-start" }
                 }, null, 8, ["icon"])
               ])
             ]),
-            (E(!0), P(ze, null, rt(a.value, (d) => (E(), P("a", {
+            (C(!0), P(ze, null, rt(a.value, (d) => (C(), P("a", {
               key: d.name,
               href: d.href,
               target: "_blank",
@@ -1912,7 +1912,7 @@ const Xl = { class: "flex items-center" }, Kl = { class: "shrink-0 self-start" }
               T("div", ic, [
                 T("div", lc, [
                   T("div", cc, we(d.name), 1),
-                  d.current ? (E(), P("span", uc, " Active ")) : ye("", !0)
+                  d.current ? (C(), P("span", uc, " Active ")) : ye("", !0)
                 ]),
                 T("div", dc, we(d.description), 1)
               ]),
@@ -1926,14 +1926,14 @@ const Xl = { class: "flex items-center" }, Kl = { class: "shrink-0 self-start" }
             l[2] || (l[2] = T("div", null, null, -1))
           ]),
           T("div", pc, [
-            c.$slots.bottom || e.bottomSlot ? (E(), P("div", mc, [
+            c.$slots.bottom || e.bottomSlot ? (C(), P("div", mc, [
               Qe(c.$slots, "bottom", {}, () => [
-                e.bottomSlot ? (E(), Oe(yt(e.bottomSlot), { key: 0 })) : ye("", !0)
+                e.bottomSlot ? (C(), Oe(yt(e.bottomSlot), { key: 0 })) : ye("", !0)
               ])
             ])) : ye("", !0),
-            c.$slots.footer || e.footerSlot ? (E(), P("div", gc, [
+            c.$slots.footer || e.footerSlot ? (C(), P("div", gc, [
               Qe(c.$slots, "footer", {}, () => [
-                e.footerSlot ? (E(), Oe(yt(e.footerSlot), { key: 0 })) : ye("", !0)
+                e.footerSlot ? (C(), Oe(yt(e.footerSlot), { key: 0 })) : ye("", !0)
               ])
             ])) : ye("", !0)
           ])
@@ -1949,7 +1949,7 @@ const Xl = { class: "flex items-center" }, Kl = { class: "shrink-0 self-start" }
   // sticky by default
 }, bs = ["top-left", "top-right", "center", "bottom-left", "bottom-right"];
 function vc() {
-  const e = Ct({
+  const e = Et({
     isVisible: !1,
     type: "info",
     message: null,
@@ -2006,7 +2006,7 @@ function vc() {
 }
 class yc {
   constructor() {
-    this.outlets = /* @__PURE__ */ new Map(), this.toastState = Ct({
+    this.outlets = /* @__PURE__ */ new Map(), this.toastState = Et({
       toasts: [],
       maxToasts: 3,
       defaultPosition: "bottom-right",
@@ -2231,7 +2231,7 @@ const tt = new yc(), Yp = {
     }
   },
   setup(e) {
-    const t = e, n = jt(), o = te(() => tt.getOutlet(t.name)), r = Ee(0);
+    const t = e, n = jt(), o = te(() => tt.getOutlet(t.name)), r = Ce(0);
     nt(
       () => [o.value.state.message, o.value.state.component, o.value.state.type],
       () => {
@@ -2258,7 +2258,7 @@ const tt = new yc(), Yp = {
     }, c = () => {
       tt.resume(t.name);
     };
-    return (l, u) => (E(), Oe(fr, {
+    return (l, u) => (C(), Oe(fr, {
       "enter-active-class": "transition-all duration-300 ease-out",
       "enter-from-class": "opacity-0 -translate-y-2",
       "enter-to-class": "opacity-100 translate-y-0",
@@ -2268,7 +2268,7 @@ const tt = new yc(), Yp = {
       mode: "out-in"
     }, {
       default: Se(() => [
-        o.value.state.isVisible ? (E(), Oe(pn, {
+        o.value.state.isVisible ? (C(), Oe(pn, {
           key: r.value,
           type: o.value.state.type,
           closeable: o.value.state.closeable,
@@ -2277,7 +2277,7 @@ const tt = new yc(), Yp = {
           onMouseleave: c
         }, {
           default: Se(() => [
-            o.value.state.component ? (E(), Oe(yt(o.value.state.component), wa(St({ key: 0 }, o.value.state.props)), null, 16)) : (E(), P(ze, { key: 1 }, [
+            o.value.state.component ? (C(), Oe(yt(o.value.state.component), wa(St({ key: 0 }, o.value.state.props)), null, 16)) : (C(), P(ze, { key: 1 }, [
               Ue(we(o.value.state.message), 1)
             ], 64))
           ]),
@@ -2301,9 +2301,9 @@ const tt = new yc(), Yp = {
     }, u = (d) => {
       tt.resumeToast(d);
     };
-    return (d, g) => (E(), Oe(pr, { to: "body" }, [
+    return (d, g) => (C(), Oe(pr, { to: "body" }, [
       T("div", bc, [
-        se(Cn, {
+        se(En, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 -translate-x-4",
           "enter-to-class": "opacity-100 translate-x-0",
@@ -2312,7 +2312,7 @@ const tt = new yc(), Yp = {
           "leave-to-class": "opacity-0 -translate-x-4"
         }, {
           default: Se(() => [
-            (E(!0), P(ze, null, rt(n.value, (i) => (E(), P("div", {
+            (C(!0), P(ze, null, rt(n.value, (i) => (C(), P("div", {
               key: i.id,
               class: "pointer-events-auto"
             }, [
@@ -2324,10 +2324,10 @@ const tt = new yc(), Yp = {
                 onMouseleave: (f) => u(i.id)
               }, {
                 default: Se(() => [
-                  i.component ? (E(), Oe(yt(i.component), St({
+                  i.component ? (C(), Oe(yt(i.component), St({
                     key: 0,
                     ref_for: !0
-                  }, i.props), null, 16)) : (E(), P(ze, { key: 1 }, [
+                  }, i.props), null, 16)) : (C(), P(ze, { key: 1 }, [
                     Ue(we(i.message), 1)
                   ], 64))
                 ]),
@@ -2339,7 +2339,7 @@ const tt = new yc(), Yp = {
         })
       ]),
       T("div", xc, [
-        se(Cn, {
+        se(En, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 translate-x-4",
           "enter-to-class": "opacity-100 translate-x-0",
@@ -2348,7 +2348,7 @@ const tt = new yc(), Yp = {
           "leave-to-class": "opacity-0 translate-x-4"
         }, {
           default: Se(() => [
-            (E(!0), P(ze, null, rt(o.value, (i) => (E(), P("div", {
+            (C(!0), P(ze, null, rt(o.value, (i) => (C(), P("div", {
               key: i.id,
               class: "pointer-events-auto"
             }, [
@@ -2360,10 +2360,10 @@ const tt = new yc(), Yp = {
                 onMouseleave: (f) => u(i.id)
               }, {
                 default: Se(() => [
-                  i.component ? (E(), Oe(yt(i.component), St({
+                  i.component ? (C(), Oe(yt(i.component), St({
                     key: 0,
                     ref_for: !0
-                  }, i.props), null, 16)) : (E(), P(ze, { key: 1 }, [
+                  }, i.props), null, 16)) : (C(), P(ze, { key: 1 }, [
                     Ue(we(i.message), 1)
                   ], 64))
                 ]),
@@ -2375,7 +2375,7 @@ const tt = new yc(), Yp = {
         })
       ]),
       T("div", wc, [
-        se(Cn, {
+        se(En, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 scale-95",
           "enter-to-class": "opacity-100 scale-100",
@@ -2384,7 +2384,7 @@ const tt = new yc(), Yp = {
           "leave-to-class": "opacity-0 scale-95"
         }, {
           default: Se(() => [
-            (E(!0), P(ze, null, rt(r.value, (i) => (E(), P("div", {
+            (C(!0), P(ze, null, rt(r.value, (i) => (C(), P("div", {
               key: i.id,
               class: "pointer-events-auto"
             }, [
@@ -2396,10 +2396,10 @@ const tt = new yc(), Yp = {
                 onMouseleave: (f) => u(i.id)
               }, {
                 default: Se(() => [
-                  i.component ? (E(), Oe(yt(i.component), St({
+                  i.component ? (C(), Oe(yt(i.component), St({
                     key: 0,
                     ref_for: !0
-                  }, i.props), null, 16)) : (E(), P(ze, { key: 1 }, [
+                  }, i.props), null, 16)) : (C(), P(ze, { key: 1 }, [
                     Ue(we(i.message), 1)
                   ], 64))
                 ]),
@@ -2411,7 +2411,7 @@ const tt = new yc(), Yp = {
         })
       ]),
       T("div", Sc, [
-        se(Cn, {
+        se(En, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 -translate-x-4",
           "enter-to-class": "opacity-100 translate-x-0",
@@ -2420,7 +2420,7 @@ const tt = new yc(), Yp = {
           "leave-to-class": "opacity-0 -translate-x-4"
         }, {
           default: Se(() => [
-            (E(!0), P(ze, null, rt(a.value, (i) => (E(), P("div", {
+            (C(!0), P(ze, null, rt(a.value, (i) => (C(), P("div", {
               key: i.id,
               class: "pointer-events-auto"
             }, [
@@ -2432,10 +2432,10 @@ const tt = new yc(), Yp = {
                 onMouseleave: (f) => u(i.id)
               }, {
                 default: Se(() => [
-                  i.component ? (E(), Oe(yt(i.component), St({
+                  i.component ? (C(), Oe(yt(i.component), St({
                     key: 0,
                     ref_for: !0
-                  }, i.props), null, 16)) : (E(), P(ze, { key: 1 }, [
+                  }, i.props), null, 16)) : (C(), P(ze, { key: 1 }, [
                     Ue(we(i.message), 1)
                   ], 64))
                 ]),
@@ -2447,7 +2447,7 @@ const tt = new yc(), Yp = {
         })
       ]),
       T("div", kc, [
-        se(Cn, {
+        se(En, {
           "enter-active-class": "transition-all duration-300 ease-out",
           "enter-from-class": "opacity-0 translate-x-4",
           "enter-to-class": "opacity-100 translate-x-0",
@@ -2456,7 +2456,7 @@ const tt = new yc(), Yp = {
           "leave-to-class": "opacity-0 translate-x-4"
         }, {
           default: Se(() => [
-            (E(!0), P(ze, null, rt(s.value, (i) => (E(), P("div", {
+            (C(!0), P(ze, null, rt(s.value, (i) => (C(), P("div", {
               key: i.id,
               class: "pointer-events-auto"
             }, [
@@ -2468,10 +2468,10 @@ const tt = new yc(), Yp = {
                 onMouseleave: (f) => u(i.id)
               }, {
                 default: Se(() => [
-                  i.component ? (E(), Oe(yt(i.component), St({
+                  i.component ? (C(), Oe(yt(i.component), St({
                     key: 0,
                     ref_for: !0
-                  }, i.props), null, 16)) : (E(), P(ze, { key: 1 }, [
+                  }, i.props), null, 16)) : (C(), P(ze, { key: 1 }, [
                     Ue(we(i.message), 1)
                   ], 64))
                 ]),
@@ -2487,7 +2487,7 @@ const tt = new yc(), Yp = {
 }, na = Fn(
   "brandFilter",
   () => {
-    const e = Ct({
+    const e = Et({
       brands: []
     }), t = (a = {}) => {
       if (!a.brands || !Array.isArray(a.brands)) {
@@ -2528,7 +2528,7 @@ const tt = new yc(), Yp = {
       paths: ["state.brands"]
     }
   }
-), Ec = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Cc = { class: "flex flex-1 flex-col" }, Tc = { class: "divide-y divide-gray-200" }, _c = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, $c = { class: "ml-auto flex items-center" }, Lc = {
+), Cc = { class: "flex grow flex-col gap-y-5 overflow-y-auto bg-white rounded-lg" }, Ec = { class: "flex flex-1 flex-col" }, Tc = { class: "divide-y divide-gray-200" }, _c = { class: "flex px-[22px] py-2.5 text-[12px] items-center" }, $c = { class: "ml-auto flex items-center" }, Lc = {
   key: 0,
   class: "flex px-[22px] py-[15px] text-gray-500 text-sm"
 }, Mc = ["onClick"], Oc = { class: "w-full gap-y-1 flex justify-between" }, Pc = { class: "flex flex-col" }, Ac = { class: "flex items-center" }, Rc = { class: "font-medium text-base text-gray-900" }, Ic = {
@@ -2543,8 +2543,8 @@ const tt = new yc(), Yp = {
     };
     return (a, s) => {
       const c = Ze("font-awesome-icon");
-      return E(), P("div", Ec, [
-        T("div", Cc, [
+      return C(), P("div", Cc, [
+        T("div", Ec, [
           T("div", Tc, [
             T("div", _c, [
               s[1] || (s[1] = T("div", null, "Filter by Brand", -1)),
@@ -2556,8 +2556,8 @@ const tt = new yc(), Yp = {
                 }, null, 8, ["icon"])
               ])
             ]),
-            oe(o).allBrands.length === 0 ? (E(), P("div", Lc, " No brands configured ")) : ye("", !0),
-            (E(!0), P(ze, null, rt(oe(o).allBrands, (l) => (E(), P("div", {
+            oe(o).allBrands.length === 0 ? (C(), P("div", Lc, " No brands configured ")) : ye("", !0),
+            (C(!0), P(ze, null, rt(oe(o).allBrands, (l) => (C(), P("div", {
               key: l.id,
               class: Le([l.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
               onClick: (u) => r(l)
@@ -2566,7 +2566,7 @@ const tt = new yc(), Yp = {
                 T("div", Pc, [
                   T("div", Ac, [
                     T("div", Rc, we(l.name), 1),
-                    l.current ? (E(), P("span", Ic, " Current ")) : ye("", !0)
+                    l.current ? (C(), P("span", Ic, " Current ")) : ye("", !0)
                   ]),
                   T("div", Fc, we(l.current ? "Current Brand" : "Change to"), 1)
                 ]),
@@ -2609,7 +2609,7 @@ const tt = new yc(), Yp = {
   },
   emits: ["click"],
   setup(e) {
-    const t = e, n = Ee(null), o = io("buttonGroup", null), r = te(() => {
+    const t = e, n = Ce(null), o = io("buttonGroup", null), r = te(() => {
       if (!o?.isInGroup || !n.value) return null;
       const l = o.getButtonIndex(n.value), u = o.getButtonCount();
       return {
@@ -2682,12 +2682,15 @@ const tt = new yc(), Yp = {
         case "info":
           l += " bg-cyan-600 hover:bg-cyan-500 text-white";
           break;
+        case "gray":
+          l += " bg-gray-500 hover:bg-gray-400 text-white";
+          break;
         default:
           l += ` bg-${t.variant}-600 hover:bg-${t.variant}-500 text-white`;
       }
       return l = s(l, t.buttonClass), l;
     });
-    return (l, u) => (E(), P("button", {
+    return (l, u) => (C(), P("button", {
       ref_key: "buttonRef",
       ref: n,
       type: "button",
@@ -2701,7 +2704,7 @@ const tt = new yc(), Yp = {
 }, oa = {
   __name: "SparkButtonGroup",
   setup(e) {
-    const t = Ee(null), n = Ee(0);
+    const t = Ce(null), n = Ce(0);
     function o() {
       n.value = t.value?.children.length || 0;
     }
@@ -2709,7 +2712,7 @@ const tt = new yc(), Yp = {
       isInGroup: !0,
       getButtonIndex: (s) => t.value ? Array.from(t.value.children).indexOf(s) : -1,
       getButtonCount: () => n.value
-    }), (s, c) => (E(), P("div", {
+    }), (s, c) => (C(), P("div", {
       ref_key: "groupRef",
       ref: t,
       class: "inline-flex rounded-md shadow-xs"
@@ -2733,20 +2736,28 @@ const tt = new yc(), Yp = {
     paddedClass: {
       type: String,
       default: "p-5"
+    },
+    // Extra classes for the body wrapper, e.g. 'flex flex-col' so slot content
+    // can use flex-1/min-h-0 for bounded-height (internally scrolling) layouts.
+    // The wrapper is a plain block by default; child flex-item utilities are
+    // inert without this.
+    bodyClass: {
+      type: String,
+      default: ""
     }
   },
   setup(e) {
     const t = e;
-    return (n, o) => (E(), P("div", zc, [
-      n.$slots.header ? (E(), P("div", Nc, [
+    return (n, o) => (C(), P("div", zc, [
+      n.$slots.header ? (C(), P("div", Nc, [
         Qe(n.$slots, "header")
       ])) : ye("", !0),
       T("div", {
-        class: Le([t.padded ? t.paddedClass : "", "min-h-0 flex-1"])
+        class: Le([t.padded ? t.paddedClass : "", "min-h-0 flex-1", t.bodyClass])
       }, [
         Qe(n.$slots, "default")
       ], 2),
-      n.$slots.footer ? (E(), P("div", Bc, [
+      n.$slots.footer ? (C(), P("div", Bc, [
         Qe(n.$slots, "footer")
       ])) : ye("", !0)
     ]));
@@ -2856,7 +2867,7 @@ const tt = new yc(), Yp = {
     }
     return (p, b) => {
       const m = Ze("font-awesome-icon"), y = ka("spark-tooltip");
-      return en((E(), Oe(yt(g.value ? "a" : "span"), {
+      return en((C(), Oe(yt(g.value ? "a" : "span"), {
         href: i.value || void 0,
         target: g.value && e.openNew ? "_blank" : void 0,
         rel: g.value && e.openNew ? "noopener noreferrer" : void 0,
@@ -2864,18 +2875,18 @@ const tt = new yc(), Yp = {
         onClick: h
       }, {
         default: Se(() => [
-          e.icon ? (E(), Oe(m, {
+          e.icon ? (C(), Oe(m, {
             key: 0,
             icon: e.icon
           }, null, 8, ["icon"])) : ye("", !0),
           Qe(p.$slots, "default", {}, () => [
             Ue(we(e.label), 1)
           ]),
-          e.copyToClipboard ? (E(), Oe(m, {
+          e.copyToClipboard ? (C(), Oe(m, {
             key: 1,
             icon: oe(Fe).farCopy,
             class: "opacity-60"
-          }, null, 8, ["icon"])) : u.value && e.openNew ? (E(), Oe(m, {
+          }, null, 8, ["icon"])) : u.value && e.openNew ? (C(), Oe(m, {
             key: 2,
             icon: oe(Fe).farArrowUpRightFromSquare,
             class: "opacity-60 text-[0.6em]"
@@ -3064,9 +3075,9 @@ function Gt() {
         ge = Pe(-1 * Math.abs(d), ge, Math.abs(d));
         const ie = ge * c * u;
         ge += ((be > W ? -1 : 1) * (Math.abs(W - be) * l) - ie) / c * ne, be += ge * ne;
-        const Ce = b[me] > W ? be < W : be > W;
+        const Ee = b[me] > W ? be < W : be > W;
         let De = Math.abs(ge) < g && Math.abs(W - be) <= i;
-        f && Ce && (De = !0), De ? (be = W, ge = 0) : he++, b[me] = be, y[me] = ge;
+        f && Ee && (De = !0), De ? (be = W, ge = 0) : he++, b[me] = be, y[me] = ge;
       }
       q = !he;
     }
@@ -3122,28 +3133,28 @@ function Bn(e) {
   const t = e[0], n = e[1] || e[0];
   return t && n ? -1 * Math.sqrt((n.x - t.x) * (n.x - t.x) + (n.y - t.y) * (n.y - t.y)) : 0;
 }
-const Es = (e) => {
+const Cs = (e) => {
   e.cancelable && e.preventDefault();
 }, zt = { passive: !1 }, Wc = { panThreshold: 5, swipeThreshold: 3, ignore: ["textarea", "input", "select", "[contenteditable]", "[data-selectable]", "[data-draggable]"] };
 let qn = !1, _n = !0;
-const En = (e, t) => {
+const Cn = (e, t) => {
   let n, o, r, a, s, c = Object.assign(Object.assign({}, Wc), t), l = [], u = [], d = [], g = !1, i = !1, f = !1, h = !1, p = 0, b = 0, m = 0, y = 0, v = 0, S = 0, x = 0, _ = 0, M = 0, ee = [];
   const ue = /* @__PURE__ */ new Map();
   function J(W) {
-    const be = Bn(u), ge = Bn(d), ie = be && ge ? be / ge : 0, Ce = Math.abs(x) > Math.abs(_) ? x : _, De = { srcEvent: n, isPanRecognized: g, isSwipeRecognized: i, firstTouch: l, previousTouch: d, currentTouch: u, deltaX: m, deltaY: y, offsetX: v, offsetY: S, velocityX: x, velocityY: _, velocity: Ce, angle: M, axis: r, scale: ie, center: o };
+    const be = Bn(u), ge = Bn(d), ie = be && ge ? be / ge : 0, Ee = Math.abs(x) > Math.abs(_) ? x : _, De = { srcEvent: n, isPanRecognized: g, isSwipeRecognized: i, firstTouch: l, previousTouch: d, currentTouch: u, deltaX: m, deltaY: y, offsetX: v, offsetY: S, velocityX: x, velocityY: _, velocity: Ee, angle: M, axis: r, scale: ie, center: o };
     for (const at of ue.get(W) || []) at(De);
   }
   function _e(W) {
-    const be = W.target, ge = W.composedPath()[0], ie = c.ignore.join(","), Ce = (De) => De && De instanceof HTMLElement && (De.matches(ie) || De.closest(ie));
-    if (Ce(be) || Ce(ge)) return !1;
+    const be = W.target, ge = W.composedPath()[0], ie = c.ignore.join(","), Ee = (De) => De && De instanceof HTMLElement && (De.matches(ie) || De.closest(ie));
+    if (Ee(be) || Ee(ge)) return !1;
   }
   function ae(W) {
     const be = Date.now();
     if (ee = ee.filter((ge) => !ge.ts || ge.ts > be - 100), W && ee.push(W), x = 0, _ = 0, ee.length > 3) {
       const ge = ee[0], ie = ee[ee.length - 1];
       if (ge && ie) {
-        const Ce = ie.x - ge.x, De = ie.y - ge.y, at = ge.ts && ie.ts ? ie.ts - ge.ts : 0;
-        at > 0 && (x = Math.abs(Ce) > 3 ? Ce / (at / 30) : 0, _ = Math.abs(De) > 3 ? De / (at / 30) : 0);
+        const Ee = ie.x - ge.x, De = ie.y - ge.y, at = ge.ts && ie.ts ? ie.ts - ge.ts : 0;
+        at > 0 && (x = Math.abs(Ee) > 3 ? Ee / (at / 30) : 0, _ = Math.abs(De) > 3 ? De / (at / 30) : 0);
       }
     }
   }
@@ -3154,7 +3165,7 @@ const En = (e, t) => {
     } else qn = !0;
     if (typeof MouseEvent < "u" && W instanceof MouseEvent) {
       if (!W.buttons || W.button !== 0) return;
-      Es(W);
+      Cs(W);
     }
     W instanceof MouseEvent && (window.addEventListener("mousemove", H), window.addEventListener("mouseup", q)), window.addEventListener("blur", I), n = W, u = ks(W), l = [...u], d = [], b = u.length, o = Bt(u), b === 1 && (g = !1, i = !1, f = !1), b && ae(Bt(u));
     const be = Date.now(), ge = be - (p || be);
@@ -3166,12 +3177,12 @@ const En = (e, t) => {
     n = W, d = [...u], u = Ss(W);
     const ge = Bt(d), ie = Bt(Ss(W));
     if (ae(ie), b = u.length, o = ie, d.length === u.length ? (m = ie.x - ge.x, y = ie.y - ge.y) : (m = 0, y = 0), l.length) {
-      const Ce = Bt(l);
-      v = ie.x - Ce.x, S = ie.y - Ce.y;
+      const Ee = Bt(l);
+      v = ie.x - Ee.x, S = ie.y - Ee.y;
     }
     if (u.length > 1) {
-      const Ce = Bn(u), De = Bn(d);
-      Math.abs(Ce - De) >= 0.1 && (f = !0, J("pinch"));
+      const Ee = Bn(u), De = Bn(d);
+      Math.abs(Ee - De) >= 0.1 && (f = !0, J("pinch"));
     }
     g || (g = Math.abs(v) >= c.panThreshold || Math.abs(S) >= c.panThreshold, g && (_n = !1, clearTimeout(s), s = void 0, M = Math.abs(180 * Math.atan2(S, v) / Math.PI), r = M > 45 && M < 135 ? "y" : "x", l = [...u], d = [...u], v = 0, S = 0, m = 0, y = 0, (be = window.getSelection()) === null || be === void 0 || be.removeAllRanges(), J("panstart"))), g && (m || y) && J("pan"), J("move");
   }
@@ -3196,7 +3207,7 @@ const En = (e, t) => {
   }
   function he(W) {
     const be = W.target;
-    qn = !1, be && !W.defaultPrevented && (_n || (Es(W), W.stopPropagation()));
+    qn = !1, be && !W.defaultPrevented && (_n || (Cs(W), W.stopPropagation()));
   }
   const me = { init: function() {
     return e && (e.addEventListener("click", he, zt), e.addEventListener("mousedown", j, zt), e.addEventListener("touchstart", j, zt), e.addEventListener("touchmove", H, zt), e.addEventListener("touchend", q), e.addEventListener("touchcancel", q)), me;
@@ -3211,17 +3222,17 @@ const En = (e, t) => {
   } };
   return me;
 };
-En.isClickAllowed = () => _n;
+Cn.isClickAllowed = () => _n;
 const ts = { IMAGE_ERROR: "This image couldn't be loaded. <br /> Please try again later.", MOVE_UP: "Move up", MOVE_DOWN: "Move down", MOVE_LEFT: "Move left", MOVE_RIGHT: "Move right", ZOOM_IN: "Zoom in", ZOOM_OUT: "Zoom out", TOGGLE_FULL: "Toggle zoom level", TOGGLE_1TO1: "Toggle zoom level", ITERATE_ZOOM: "Toggle zoom level", ROTATE_CCW: "Rotate counterclockwise", ROTATE_CW: "Rotate clockwise", FLIP_X: "Flip horizontally", FLIP_Y: "Flip vertically", RESET: "Reset", TOGGLE_FS: "Toggle fullscreen" };
 const Kt = (e) => {
   e.cancelable && e.preventDefault();
 }, ct = (e, t = 1e4) => (e = parseFloat(e + "") || 0, Math.round((e + Number.EPSILON) * t) / t), $t = (e) => e instanceof HTMLImageElement;
-var re, Cs;
+var re, Es;
 (function(e) {
   e.Reset = "reset", e.Zoom = "zoom", e.ZoomIn = "zoomIn", e.ZoomOut = "zoomOut", e.ZoomTo = "zoomTo", e.ToggleCover = "toggleCover", e.ToggleFull = "toggleFull", e.ToggleMax = "toggleMax", e.IterateZoom = "iterateZoom", e.Pan = "pan", e.Swipe = "swipe", e.Move = "move", e.MoveLeft = "moveLeft", e.MoveRight = "moveRight", e.MoveUp = "moveUp", e.MoveDown = "moveDown", e.RotateCCW = "rotateCCW", e.RotateCW = "rotateCW", e.FlipX = "flipX", e.FlipY = "flipY", e.ToggleFS = "toggleFS";
 })(re || (re = {})), (function(e) {
   e.Cover = "cover", e.Full = "full", e.Max = "max";
-})(Cs || (Cs = {}));
+})(Es || (Es = {}));
 const wt = { x: 0, y: 0, scale: 1, angle: 0, flipX: 1, flipY: 1 }, Ho = { bounds: !0, classes: { container: "f-panzoom", wrapper: "f-panzoom__wrapper", content: "f-panzoom__content", viewport: "f-panzoom__viewport" }, clickAction: re.ToggleFull, dblClickAction: !1, gestures: {}, height: "auto", l10n: ts, maxScale: 4, minScale: 1, mouseMoveFactor: 1, panMode: "drag", protected: !1, singleClickAction: !1, spinnerTpl: '<div class="f-spinner"></div>', wheelAction: re.Zoom, width: "auto" };
 let Wn, Ts = 0, _s = 0, Un = 0;
 const Vo = (e, t = {}, n = {}) => {
@@ -3247,64 +3258,64 @@ const Vo = (e, t = {}, n = {}) => {
     if (on($)) return;
     const N = Date.now(), D = [-w.deltaX || 0, -w.deltaY || 0, -w.detail || 0].reduce(function(Q, de) {
       return Math.abs(de) > Math.abs(Q) ? de : Q;
-    }), C = Pe(-1, D, 1);
-    S("wheel", w, C);
+    }), E = Pe(-1, D, 1);
+    S("wheel", w, E);
     const O = m("wheelAction");
     if (!O || w.defaultPrevented) return;
     const G = p.scale;
-    let K = G * (C > 0 ? 1.5 : 0.5);
+    let K = G * (E > 0 ? 1.5 : 0.5);
     if (O === re.Zoom) {
       const Q = Math.abs(w.deltaY) < 100 && Math.abs(w.deltaX) < 100;
       if (N - _s < (Q ? 200 : 45)) return void Kt(w);
       _s = N;
       const de = ne(), ve = W();
-      if (ct(K) < ct(de) && ct(G) <= ct(de) ? (Un += Math.abs(C), K = de) : ct(K) > ct(ve) && ct(G) >= ct(ve) ? (Un += Math.abs(C), K = ve) : (Un = 0, K = Pe(de, K, ve)), Un > 7) return;
+      if (ct(K) < ct(de) && ct(G) <= ct(de) ? (Un += Math.abs(E), K = de) : ct(K) > ct(ve) && ct(G) >= ct(ve) ? (Un += Math.abs(E), K = ve) : (Un = 0, K = Pe(de, K, ve)), Un > 7) return;
     }
     switch (Kt(w), O) {
       case re.Pan:
-        Ce(O, { srcEvent: w, deltaX: 2 * -w.deltaX, deltaY: 2 * -w.deltaY });
+        Ee(O, { srcEvent: w, deltaX: 2 * -w.deltaX, deltaY: 2 * -w.deltaY });
         break;
       case re.Zoom:
-        Ce(re.ZoomTo, { srcEvent: w, scale: K, center: { x: w.clientX, y: w.clientY } });
+        Ee(re.ZoomTo, { srcEvent: w, scale: K, center: { x: w.clientX, y: w.clientY } });
         break;
       default:
-        Ce(O, { srcEvent: w });
+        Ee(O, { srcEvent: w });
     }
   }
   function _(w) {
     var $, N;
     const D = w.composedPath()[0];
-    if (!En.isClickAllowed() || !mn(D) || w.defaultPrevented || !e?.contains(D) || D.hasAttribute("disabled") || D.hasAttribute("aria-disabled") || D.hasAttribute("data-carousel-go-prev") || D.hasAttribute("data-carousel-go-next")) return;
-    const C = D.closest("[data-panzoom-action]"), O = ($ = C?.dataset) === null || $ === void 0 ? void 0 : $.panzoomAction, G = ((N = C?.dataset) === null || N === void 0 ? void 0 : N.panzoomValue) || "";
+    if (!Cn.isClickAllowed() || !mn(D) || w.defaultPrevented || !e?.contains(D) || D.hasAttribute("disabled") || D.hasAttribute("aria-disabled") || D.hasAttribute("data-carousel-go-prev") || D.hasAttribute("data-carousel-go-next")) return;
+    const E = D.closest("[data-panzoom-action]"), O = ($ = E?.dataset) === null || $ === void 0 ? void 0 : $.panzoomAction, G = ((N = E?.dataset) === null || N === void 0 ? void 0 : N.panzoomValue) || "";
     if (O) {
       switch (Kt(w), O) {
         case re.ZoomTo:
         case re.ZoomIn:
         case re.ZoomOut:
-          Ce(O, { scale: parseFloat(G || "") || void 0 });
+          Ee(O, { scale: parseFloat(G || "") || void 0 });
           break;
         case re.MoveLeft:
         case re.MoveRight:
-          Ce(O, { deltaX: parseFloat(G || "") || void 0 });
+          Ee(O, { deltaX: parseFloat(G || "") || void 0 });
           break;
         case re.MoveUp:
         case re.MoveDown:
-          Ce(O, { deltaY: parseFloat(G || "") || void 0 });
+          Ee(O, { deltaY: parseFloat(G || "") || void 0 });
           break;
         case re.ToggleFS:
           le();
           break;
         default:
-          Ce(O);
+          Ee(O);
       }
       return;
     }
     if (!o?.contains(D)) return;
     const K = { srcEvent: w };
-    if (Ce(m("clickAction"), K), m("dblClickAction")) {
+    if (Ee(m("clickAction"), K), m("dblClickAction")) {
       const Q = Date.now(), de = Q - (Ts || Q);
-      Ts = Q, de > 0 && de <= 250 ? (Wn && (clearTimeout(Wn), Wn = void 0), Ce(m("dblClickAction"), K)) : Wn = setTimeout(() => {
-        Ce(m("singleClickAction"), K);
+      Ts = Q, de > 0 && de <= 250 ? (Wn && (clearTimeout(Wn), Wn = void 0), Ee(m("dblClickAction"), K)) : Wn = setTimeout(() => {
+        Ee(m("singleClickAction"), K);
       }, 250);
     }
   }
@@ -3313,7 +3324,7 @@ const Vo = (e, t = {}, n = {}) => {
     const $ = q(p.scale);
     if (!$) return;
     const { x: N, y: D } = $;
-    Ce(re.Pan, { deltaX: N - p.x, deltaY: D - p.y });
+    Ee(re.Pan, { deltaX: N - p.x, deltaY: D - p.y });
   }
   function ee() {
     var w;
@@ -3324,39 +3335,39 @@ const Vo = (e, t = {}, n = {}) => {
     if (ee(), $t(r) && (!r.complete || !r.naturalWidth)) return g = 2, o?.classList.add("has-error"), void S("error");
     S("loaded");
     const { width: w, height: $ } = ae();
-    $t(r) && (r.setAttribute("width", w + ""), r.setAttribute("height", $ + "")), o && (et(o, "has-error"), $t(r) && (o.setAttribute("width", w + ""), o.setAttribute("height", $ + ""), o.style.aspectRatio = `${w / $ || ""}`)), l = Gt().on("start", (D, C) => {
-      C.angle !== void 0 && (C.angle = 90 * Math.round(C.angle / 90)), C.flipX !== void 0 && (C.flipX = C.flipX > 0 ? 1 : -1), C.flipY !== void 0 && (C.flipY = C.flipY > 0 ? 1 : -1), p = Object.assign(Object.assign({}, wt), C), ie(), S("animationStart");
+    $t(r) && (r.setAttribute("width", w + ""), r.setAttribute("height", $ + "")), o && (et(o, "has-error"), $t(r) && (o.setAttribute("width", w + ""), o.setAttribute("height", $ + ""), o.style.aspectRatio = `${w / $ || ""}`)), l = Gt().on("start", (D, E) => {
+      E.angle !== void 0 && (E.angle = 90 * Math.round(E.angle / 90)), E.flipX !== void 0 && (E.flipX = E.flipX > 0 ? 1 : -1), E.flipY !== void 0 && (E.flipY = E.flipY > 0 ? 1 : -1), p = Object.assign(Object.assign({}, wt), E), ie(), S("animationStart");
     }).on("pause", (D) => {
       p = Object.assign(Object.assign({}, wt), D);
     }).on("step", (D) => {
       if (!y()) return void (l == null || l.end());
       if (h = Object.assign(Object.assign({}, wt), D), H() || !m("bounds") || Ne() || p.scale > h.scale || p.scale < he()) return void De();
-      const C = be(p.scale);
+      const E = be(p.scale);
       let O = !1, G = !1, K = !1, Q = !1;
-      h.x < C.x[0] && (O = !0), h.x > C.x[1] && (G = !0), h.y < C.y[0] && (Q = !0), h.y > C.y[1] && (K = !0);
+      h.x < E.x[0] && (O = !0), h.x > E.x[1] && (G = !0), h.y < E.y[0] && (Q = !0), h.y > E.y[1] && (K = !0);
       let de = !1, ve = !1, Te = !1, Me = !1;
-      p.x < C.x[0] && (de = !0), p.x > C.x[1] && (ve = !0), p.y < C.y[0] && (Me = !0), p.y > C.y[1] && (Te = !0);
+      p.x < E.x[0] && (de = !0), p.x > E.x[1] && (ve = !0), p.y < E.y[0] && (Me = !0), p.y > E.y[1] && (Te = !0);
       let $e = !1;
-      (G && ve || O && de) && (p.x = Pe(C.x[0], p.x, C.x[1]), $e = !0), (K && Te || Q && Me) && (p.y = Pe(C.y[0], p.y, C.y[1]), $e = !0), $e && l && l.spring({ tension: 94, friction: 17, maxSpeed: 555 * p.scale, restDelta: 0.1, restSpeed: 0.1, velocity: l.getCurrentVelocities() }).from(h).to(p).start(), De();
+      (G && ve || O && de) && (p.x = Pe(E.x[0], p.x, E.x[1]), $e = !0), (K && Te || Q && Me) && (p.y = Pe(E.y[0], p.y, E.y[1]), $e = !0), $e && l && l.spring({ tension: 94, friction: 17, maxSpeed: 555 * p.scale, restDelta: 0.1, restSpeed: 0.1, velocity: l.getCurrentVelocities() }).from(h).to(p).start(), De();
     }).on("end", () => {
       c?.isPointerDown() || ge(), l?.isRunning() || (ie(), S("animationEnd"));
     }), (function() {
       const D = m("gestures");
       if (!D || !s || !r) return;
-      let C = !1;
-      c = En(s, D).on("start", (O) => {
+      let E = !1;
+      c = Cn(s, D).on("start", (O) => {
         if (!m("gestures") || !l || !y() || H()) return;
         const G = O.srcEvent;
-        (h.scale > 1 || Ye(h.angle) || O.currentTouch.length > 1) && (G?.stopPropagation(), l.pause(), C = !0), O.currentTouch.length === 1 && S("touchStart");
+        (h.scale > 1 || Ye(h.angle) || O.currentTouch.length > 1) && (G?.stopPropagation(), l.pause(), E = !0), O.currentTouch.length === 1 && S("touchStart");
       }).on("move", (O) => {
         var G;
-        C && (p.scale !== 1 || Ye(p.angle) || O.currentTouch.length > 1) && (Kt(O.srcEvent), (G = O.srcEvent) === null || G === void 0 || G.stopPropagation());
+        E && (p.scale !== 1 || Ye(p.angle) || O.currentTouch.length > 1) && (Kt(O.srcEvent), (G = O.srcEvent) === null || G === void 0 || G.stopPropagation());
       }).on("pan", (O) => {
-        if (!C) return;
+        if (!E) return;
         const G = O.srcEvent;
-        (p.scale !== 1 || Ye(p.angle) || O.currentTouch.length > 1) && (Kt(G), Ce(re.Pan, O));
+        (p.scale !== 1 || Ye(p.angle) || O.currentTouch.length > 1) && (Kt(G), Ee(re.Pan, O));
       }).on("swipe", (O) => {
-        C && (p.scale > 1 || Ye(p.angle)) && Ce(re.Swipe, O);
+        E && (p.scale > 1 || Ye(p.angle)) && Ee(re.Swipe, O);
       }).on("tap", (O) => {
         S("click", O);
       }).on("singleTap", (O) => {
@@ -3364,9 +3375,9 @@ const Vo = (e, t = {}, n = {}) => {
       }).on("doubleTap", (O) => {
         S("dblClick", O);
       }).on("pinch", (O) => {
-        C && (O.scale > he() ? Ce(re.ZoomIn, O) : O.scale < he() ? Ce(re.ZoomOut, O) : Ce(re.Pan, O));
+        E && (O.scale > he() ? Ee(re.ZoomIn, O) : O.scale < he() ? Ee(re.ZoomOut, O) : Ee(re.Pan, O));
       }).on("end", (O) => {
-        C && (O.currentTouch.length ? (O.srcEvent.stopPropagation(), Kt(O.srcEvent), l?.end()) : (C = !1, ie(), ge(), S("touchEnd")));
+        E && (O.currentTouch.length ? (O.srcEvent.stopPropagation(), Kt(O.srcEvent), l?.end()) : (E = !1, ie(), ge(), S("touchEnd")));
       }).init();
     })(), s && (s.addEventListener("wheel", x, { passive: !1 }), b.push(() => {
       s?.removeEventListener("wheel", x, { passive: !1 });
@@ -3382,9 +3393,9 @@ const Vo = (e, t = {}, n = {}) => {
     const w = Object.assign({}, m("startPos") || {});
     let $ = w.scale, N = 1;
     N = typeof $ == "string" ? I($) : typeof $ == "number" ? $ : he();
-    const D = Object.assign(Object.assign(Object.assign({}, wt), w), { scale: N }), C = H() ? q(N) : void 0;
-    if (C) {
-      const { x: O, y: G } = C;
+    const D = Object.assign(Object.assign(Object.assign({}, wt), w), { scale: N }), E = H() ? q(N) : void 0;
+    if (E) {
+      const { x: O, y: G } = E;
       D.x = O, D.y = G;
     }
     return D;
@@ -3419,18 +3430,18 @@ const Vo = (e, t = {}, n = {}) => {
   function q(w) {
     const $ = d || m("event"), N = o?.getBoundingClientRect();
     if (!$ || !N || w <= 1) return { x: 0, y: 0 };
-    const D = ($.clientX || 0) - N.left, C = ($.clientY || 0) - N.top, { width: O, height: G } = j(), K = be(w);
+    const D = ($.clientX || 0) - N.left, E = ($.clientY || 0) - N.top, { width: O, height: G } = j(), K = be(w);
     if (w > 1) {
       const Me = m("mouseMoveFactor");
       Me > 1 && (w *= Me);
     }
-    let Q = O * w, de = G * w, ve = 0.5 * (Q - O) - D / O * 100 / 100 * (Q - O), Te = 0.5 * (de - G) - C / G * 100 / 100 * (de - G);
+    let Q = O * w, de = G * w, ve = 0.5 * (Q - O) - D / O * 100 / 100 * (Q - O), Te = 0.5 * (de - G) - E / G * 100 / 100 * (de - G);
     return ve = Pe(K.x[0], ve, K.x[1]), Te = Pe(K.y[0], Te, K.y[1]), { x: ve, y: Te };
   }
   function I(w) {
     if (!w) return p.scale;
     if (!e) return 1;
-    const $ = e.getBoundingClientRect(), N = _e(), { width: D, height: C } = ae(), O = (ve) => {
+    const $ = e.getBoundingClientRect(), N = _e(), { width: D, height: E } = ae(), O = (ve) => {
       if (typeof ve == "number") return ve;
       switch (ve) {
         case "min":
@@ -3440,7 +3451,7 @@ const Vo = (e, t = {}, n = {}) => {
           return Math.max($.height / N.height, $.width / N.width) || 1;
         case "full":
         case "max": {
-          const Te = Ye(p.angle) ? C : D;
+          const Te = Ye(p.angle) ? E : D;
           return Te && N.width ? Te / N.width : 1;
         }
       }
@@ -3473,14 +3484,14 @@ const Vo = (e, t = {}, n = {}) => {
   function be(w) {
     const $ = { x: [0, 0], y: [0, 0] }, N = e?.getBoundingClientRect();
     if (!N) return $;
-    const D = _e(), C = N.width, O = N.height;
+    const D = _e(), E = N.width, O = N.height;
     let G = D.width, K = D.height, Q = w = w === void 0 ? p.scale : w, de = w;
     if (H() && w > 1) {
       const ve = m("mouseMoveFactor");
-      ve > 1 && (G * w > C + 0.01 && (Q *= ve), K * w > O + 0.01 && (de *= ve));
+      ve > 1 && (G * w > E + 0.01 && (Q *= ve), K * w > O + 0.01 && (de *= ve));
     }
-    if (G *= Q, K *= de, G > C) {
-      $.x[0] = 0.5 * (C - G), $.x[1] = 0.5 * (G - C);
+    if (G *= Q, K *= de, G > E) {
+      $.x[0] = 0.5 * (E - G), $.x[1] = 0.5 * (G - E);
       const ve = 0.5 * (D.left - N.left), Te = 0.5 * (D.left + D.width - N.right);
       $.x[0] -= ve + Te, $.x[1] -= ve + Te;
     }
@@ -3494,7 +3505,7 @@ const Vo = (e, t = {}, n = {}) => {
   function ge() {
     if (!y() || !m("bounds") || !l) return;
     const w = ne(), $ = W(), N = Pe(w, p.scale, $);
-    if (p.scale < w - 0.01 || p.scale > $ + 0.01) return void Ce(re.ZoomTo, { scale: N });
+    if (p.scale < w - 0.01 || p.scale > $ + 0.01) return void Ee(re.ZoomTo, { scale: N });
     if (l.isRunning() || Ne()) return;
     const D = be(N);
     p.x < D.x[0] || p.x > D.x[1] || p.y < D.y[0] || p.y > D.y[1] ? (p.x = Pe(D.x[0], p.x, D.x[1]), p.y = Pe(D.y[0], p.y, D.y[1]), l.spring({ tension: 170, friction: 17, restDelta: 1e-3, restSpeed: 1e-3, maxSpeed: 1 / 0, velocity: l.getCurrentVelocities() }), l.from(h).to(p).start()) : De();
@@ -3502,8 +3513,8 @@ const Vo = (e, t = {}, n = {}) => {
   function ie(w) {
     var $;
     if (!y()) return;
-    const N = Vt(), D = Ne(), C = A(), O = Z(), G = _t(), K = bt();
-    lt(o, "is-fullsize", O), lt(o, "is-expanded", C), lt(o, "is-dragging", D), lt(o, "can-drag", N), lt(o, "will-zoom-in", G), lt(o, "will-zoom-out", K);
+    const N = Vt(), D = Ne(), E = A(), O = Z(), G = _t(), K = bt();
+    lt(o, "is-fullsize", O), lt(o, "is-expanded", E), lt(o, "is-dragging", D), lt(o, "can-drag", N), lt(o, "will-zoom-in", G), lt(o, "will-zoom-out", K);
     const Q = Pt(), de = dt(), ve = xt(), Te = !y();
     for (const Me of (($ = w || e) === null || $ === void 0 ? void 0 : $.querySelectorAll("[data-panzoom-action]")) || []) {
       const $e = Me.dataset.panzoomAction;
@@ -3535,11 +3546,11 @@ const Vo = (e, t = {}, n = {}) => {
       Be ? (Me.setAttribute("aria-disabled", ""), Me.setAttribute("tabindex", "-1")) : (Me.removeAttribute("aria-disabled"), Me.removeAttribute("tabindex"));
     }
   }
-  function Ce(w, $) {
+  function Ee(w, $) {
     var N;
     if (!(w && e && r && l && y()) || w === re.Swipe && Math.abs(l.getCurrentVelocities().scale) > 0.01) return;
     const D = Object.assign({}, p);
-    let C = Object.assign({}, p), O = be(H() ? D.scale : h.scale);
+    let E = Object.assign({}, p), O = be(H() ? D.scale : h.scale);
     const G = l.getCurrentVelocities(), K = _e(), Q = (((N = ($ = $ || {}).currentTouch) === null || N === void 0 ? void 0 : N.length) || 0) > 1, de = $.velocityX || 0, ve = $.velocityY || 0;
     let Te = $.center;
     $.srcEvent && (Te = Bt(ra($.srcEvent)));
@@ -3558,10 +3569,10 @@ const Vo = (e, t = {}, n = {}) => {
         $e = $.deltaY || 100;
     }
     let Be = [];
-    if (typeof w == "number") C.scale = w;
+    if (typeof w == "number") E.scale = w;
     else switch (w) {
       case re.Reset:
-        C = Object.assign({}, wt), C.scale = he();
+        E = Object.assign({}, wt), E.scale = he();
         break;
       case re.ZoomTo:
       case re.ZoomIn:
@@ -3571,7 +3582,7 @@ const Vo = (e, t = {}, n = {}) => {
       case re.ToggleMax:
       case re.IterateZoom:
       case re.Zoom:
-        C.scale = at(w, $);
+        E.scale = at(w, $);
         break;
       case re.Pan:
       case re.Move:
@@ -3581,36 +3592,36 @@ const Vo = (e, t = {}, n = {}) => {
       case re.MoveDown:
         if (Ne()) {
           let je = 1, ke = 1;
-          C.x <= O.x[0] && de <= 0 && (je = Math.max(0.01, 1 - Math.abs(1 / K.width * Math.abs(C.x - O.x[0]))), je *= 0.2), C.x >= O.x[1] && de >= 0 && (je = Math.max(0.01, 1 - Math.abs(1 / K.width * Math.abs(C.x - O.x[1]))), je *= 0.2), C.y <= O.y[0] && ve <= 0 && (ke = Math.max(0.01, 1 - Math.abs(1 / K.height * Math.abs(C.y - O.y[0]))), ke *= 0.2), C.y >= O.y[1] && ve >= 0 && (ke = Math.max(0.01, 1 - Math.abs(1 / K.height * Math.abs(C.y - O.y[1]))), ke *= 0.2), C.x += Me * je, C.y += $e * ke;
-        } else C.x = Pe(O.x[0], C.x + Me, O.x[1]), C.y = Pe(O.y[0], C.y + $e, O.y[1]);
+          E.x <= O.x[0] && de <= 0 && (je = Math.max(0.01, 1 - Math.abs(1 / K.width * Math.abs(E.x - O.x[0]))), je *= 0.2), E.x >= O.x[1] && de >= 0 && (je = Math.max(0.01, 1 - Math.abs(1 / K.width * Math.abs(E.x - O.x[1]))), je *= 0.2), E.y <= O.y[0] && ve <= 0 && (ke = Math.max(0.01, 1 - Math.abs(1 / K.height * Math.abs(E.y - O.y[0]))), ke *= 0.2), E.y >= O.y[1] && ve >= 0 && (ke = Math.max(0.01, 1 - Math.abs(1 / K.height * Math.abs(E.y - O.y[1]))), ke *= 0.2), E.x += Me * je, E.y += $e * ke;
+        } else E.x = Pe(O.x[0], E.x + Me, O.x[1]), E.y = Pe(O.y[0], E.y + $e, O.y[1]);
         break;
       case re.Swipe:
         const Re = (je = 0) => Math.sign(je) * Math.pow(Math.abs(je), 1.5);
-        C.x += Pe(-1e3, Re(de), 1e3), C.y += Pe(-1e3, Re(ve), 1e3), ve && !de && (C.x = Pe(O.x[0], C.x, O.x[1])), !ve && de && (C.y = Pe(O.y[0], C.y, O.y[1])), G.x = de, G.y = ve;
+        E.x += Pe(-1e3, Re(de), 1e3), E.y += Pe(-1e3, Re(ve), 1e3), ve && !de && (E.x = Pe(O.x[0], E.x, O.x[1])), !ve && de && (E.y = Pe(O.y[0], E.y, O.y[1])), G.x = de, G.y = ve;
         break;
       case re.RotateCW:
-        C.angle += 90;
+        E.angle += 90;
         break;
       case re.RotateCCW:
-        C.angle -= 90;
+        E.angle -= 90;
         break;
       case re.FlipX:
-        C.flipX *= -1;
+        E.flipX *= -1;
         break;
       case re.FlipY:
-        C.flipY *= -1;
+        E.flipY *= -1;
     }
-    if (h.angle !== void 0 && Math.abs(h.angle) >= 360 && (C.angle -= 360 * Math.floor(h.angle / 360), h.angle -= 360 * Math.floor(h.angle / 360)), Be.length) {
-      const Re = Be.findIndex((je) => je > C.scale + 1e-4);
-      C.scale = Be[Re] || Be[0];
+    if (h.angle !== void 0 && Math.abs(h.angle) >= 360 && (E.angle -= 360 * Math.floor(h.angle / 360), h.angle -= 360 * Math.floor(h.angle / 360)), Be.length) {
+      const Re = Be.findIndex((je) => je > E.scale + 1e-4);
+      E.scale = Be[Re] || Be[0];
     }
-    if (Q && (C.scale = Pe(ne() * (Q ? 0.8 : 1), C.scale, W() * (Q ? 1.6 : 1))), H()) {
-      const Re = q(C.scale);
+    if (Q && (E.scale = Pe(ne() * (Q ? 0.8 : 1), E.scale, W() * (Q ? 1.6 : 1))), H()) {
+      const Re = q(E.scale);
       if (Re) {
         const { x: je, y: ke } = Re;
-        C.x = je, C.y = ke;
+        E.x = je, E.y = ke;
       }
-    } else if (Math.abs(C.scale - D.scale) > 1e-4) {
+    } else if (Math.abs(E.scale - D.scale) > 1e-4) {
       let Re = 0, je = 0;
       if (Te) Re = Te.x, je = Te.y;
       else {
@@ -3620,16 +3631,16 @@ const Vo = (e, t = {}, n = {}) => {
       let ke = Re - K.left, k = je - K.top;
       ke -= 0.5 * K.width, k -= 0.5 * K.height;
       const L = (ke - D.x) / D.scale, R = (k - D.y) / D.scale;
-      C.x = ke - L * C.scale, C.y = k - R * C.scale, !Q && m("bounds") && (O = be(C.scale), C.x = Pe(O.x[0], C.x, O.x[1]), C.y = Pe(O.y[0], C.y, O.y[1]));
+      E.x = ke - L * E.scale, E.y = k - R * E.scale, !Q && m("bounds") && (O = be(E.scale), E.x = Pe(O.x[0], E.x, O.x[1]), E.y = Pe(O.y[0], E.y, O.y[1]));
     }
     if (w === re.Swipe) {
-      let Re = 94, je = 17, ke = 500 * C.scale, k = G;
+      let Re = 94, je = 17, ke = 500 * E.scale, k = G;
       l.spring({ tension: Re, friction: je, maxSpeed: ke, restDelta: 0.1, restSpeed: 0.1, velocity: k });
     } else w === re.Pan || Q ? l.spring({ tension: 900, friction: 17, restDelta: 0.01, restSpeed: 0.01, maxSpeed: 1 }) : l.spring({ tension: 170, friction: 17, restDelta: 1e-3, restSpeed: 1e-3, maxSpeed: 1 / 0, velocity: G });
-    if ($.velocity === 0 || An(h, C)) h = Object.assign({}, C), p = Object.assign({}, C), l.end(), De(), ie();
+    if ($.velocity === 0 || An(h, E)) h = Object.assign({}, E), p = Object.assign({}, E), l.end(), De(), ie();
     else {
-      if (An(p, C)) return;
-      l.from(h).to(C).start();
+      if (An(p, E)) return;
+      l.from(h).to(E).start();
     }
     S("action", w);
   }
@@ -3645,12 +3656,12 @@ const Vo = (e, t = {}, n = {}) => {
       Me > $e ? (V = fe, z = xe) : (V = xe, z = fe), Y = Me > $e ? fe * k / Me || 1 : fe * k / $e || 1;
       let Ae = V ? Me * ce : 0, He = z ? $e * ce : 0, We = V && z ? Me * Y / Ae : 0;
       return je = je + 0.5 * V - 0.5 * Ae, ke = ke + 0.5 * z - 0.5 * He, { x: je, y: ke, width: Ae, height: He, scale: We, flipX: R, flipY: F, angle: L, fitWidth: Be, fitHeight: Re, fullWidth: Me, fullHeight: $e };
-    })(), { x: D, y: C, width: O, height: G, scale: K, angle: Q, flipX: de, flipY: ve } = N;
-    let Te = `translate(${ct(D, 100)}px, ${ct(C, 100)}px)`;
+    })(), { x: D, y: E, width: O, height: G, scale: K, angle: Q, flipX: de, flipY: ve } = N;
+    let Te = `translate(${ct(D, 100)}px, ${ct(E, 100)}px)`;
     Te += de !== 1 || ve !== 1 ? ` scaleX(${ct(K * de)}) scaleY(${ct(K * ve)})` : ` scale(${ct(K)})`, Q !== 0 && (Te += ` rotate(${Q}deg)`), s.style.width = `${ct(O)}px`, s.style.height = `${ct(G)}px`, s.style.transform = `${Te}`, S("render");
   }
   function at(w = m("clickAction"), $ = {}) {
-    let N = p.scale, D = he(), C = [];
+    let N = p.scale, D = he(), E = [];
     if (typeof w == "number") D = w;
     else if (w) {
       switch (w) {
@@ -3664,16 +3675,16 @@ const Vo = (e, t = {}, n = {}) => {
           D = N * ($.scale || 0.5);
           break;
         case re.ToggleCover:
-          C = [he(), I("cover")];
+          E = [he(), I("cover")];
           break;
         case re.ToggleFull:
-          C = [he(), me()];
+          E = [he(), me()];
           break;
         case re.ToggleMax:
-          C = [he(), W()];
+          E = [he(), W()];
           break;
         case re.IterateZoom:
-          C = [he(), me(), W()];
+          E = [he(), me(), W()];
           break;
         case re.Zoom: {
           const O = me();
@@ -3681,8 +3692,8 @@ const Vo = (e, t = {}, n = {}) => {
           break;
         }
       }
-      if (C.length) {
-        const O = C.find((G) => G > N + 1e-4);
+      if (E.length) {
+        const O = E.find((G) => G > N + 1e-4);
         D = O ?? he();
       }
     }
@@ -3732,7 +3743,7 @@ const Vo = (e, t = {}, n = {}) => {
     for (const w of Object.values(f)) w?.destroy(U);
     for (const w of b) w();
     return o && (o.style.aspectRatio = "", o.style.maxWidth = "", o.style.maxHeight = ""), s && (s.style.width = "", s.style.height = "", s.style.transform = ""), o = void 0, r = void 0, s = void 0, h = Object.assign({}, wt), p = Object.assign({}, wt), l?.destroy(), l = void 0, c?.destroy(), c = void 0, g = 4, U;
-  }, emit: S, execute: Ce, getBoundaries: be, getContainer: function() {
+  }, emit: S, execute: Ee, getBoundaries: be, getContainer: function() {
     return e;
   }, getContent: function() {
     return r;
@@ -3761,9 +3772,9 @@ const Vo = (e, t = {}, n = {}) => {
       S("initPlugins");
     })(), (function() {
       var w, $, N;
-      const D = Object.assign(Object.assign({}, Ho.classes), m("classes")), C = (w = D.content) === null || w === void 0 ? void 0 : w.split(" ").shift(), O = ($ = D.wrapper) === null || $ === void 0 ? void 0 : $.split(" ").shift(), G = (N = D.viewport) === null || N === void 0 ? void 0 : N.split(" ").shift();
-      if (!(!C || !O || !G) && e && (pe(e, D.container), r = e.querySelector(`.${C}:not(.is-clone)`), !!r)) {
-        if (r.setAttribute("draggable", "false"), o = e.querySelector(`.${O}`), o || (o = document.createElement("div"), pe(o, D.wrapper), r.insertAdjacentElement("beforebegin", o), o.insertAdjacentElement("afterbegin", r)), s = e.querySelector(`.${G}`), s || (s = document.createElement("div"), pe(s, D.viewport), o.insertAdjacentElement("beforeend", s)), s.contains(r) || s.insertAdjacentElement("afterbegin", r), a = e.querySelector(`.${C}.is-clone`), a || (a = r.cloneNode(!0), a.removeAttribute("id"), pe(a, "is-clone"), o.insertAdjacentElement("afterbegin", a)), r instanceof HTMLPictureElement && (r = r.querySelector("img")), a instanceof HTMLPictureElement && (a = a.querySelector("img")), s instanceof HTMLPictureElement && (s = s.querySelector("img")), s && (s.style.visibility = "hidden", m("protected"))) {
+      const D = Object.assign(Object.assign({}, Ho.classes), m("classes")), E = (w = D.content) === null || w === void 0 ? void 0 : w.split(" ").shift(), O = ($ = D.wrapper) === null || $ === void 0 ? void 0 : $.split(" ").shift(), G = (N = D.viewport) === null || N === void 0 ? void 0 : N.split(" ").shift();
+      if (!(!E || !O || !G) && e && (pe(e, D.container), r = e.querySelector(`.${E}:not(.is-clone)`), !!r)) {
+        if (r.setAttribute("draggable", "false"), o = e.querySelector(`.${O}`), o || (o = document.createElement("div"), pe(o, D.wrapper), r.insertAdjacentElement("beforebegin", o), o.insertAdjacentElement("afterbegin", r)), s = e.querySelector(`.${G}`), s || (s = document.createElement("div"), pe(s, D.viewport), o.insertAdjacentElement("beforeend", s)), s.contains(r) || s.insertAdjacentElement("afterbegin", r), a = e.querySelector(`.${E}.is-clone`), a || (a = r.cloneNode(!0), a.removeAttribute("id"), pe(a, "is-clone"), o.insertAdjacentElement("afterbegin", a)), r instanceof HTMLPictureElement && (r = r.querySelector("img")), a instanceof HTMLPictureElement && (a = a.querySelector("img")), s instanceof HTMLPictureElement && (s = s.querySelector("img")), s && (s.style.visibility = "hidden", m("protected"))) {
           s.addEventListener("contextmenu", (Q) => {
             Kt(Q);
           });
@@ -3804,9 +3815,9 @@ const Vo = (e, t = {}, n = {}) => {
     })(), U;
   }, isDragging: Ne, isExpanded: A, isFullsize: Z, isMousemoveMode: H, localize: function(w, $ = []) {
     const N = m("l10n") || {};
-    w = String(w).replace(/\{\{(\w+)\}\}/g, (D, C) => N[C] || D);
+    w = String(w).replace(/\{\{(\w+)\}\}/g, (D, E) => N[E] || D);
     for (let D = 0; D < $.length; D++) w = w.split($[D][0]).join($[D][1]);
-    return w = w.replace(/\{\{(.*?)\}\}/g, (D, C) => C);
+    return w = w.replace(/\{\{(.*?)\}\}/g, (D, E) => E);
   }, off: function(w, $) {
     for (const N of w instanceof Array ? w : [w]) v.has(N) && v.set(N, v.get(N).filter((D) => D !== $));
     return U;
@@ -3850,7 +3861,7 @@ const ro = (e, t = {}, n = {}) => {
     for (const F of R) F && F instanceof Function && F(ke, ...L);
     k === "click" && K(L[0]), k !== "*" && ie("*", k, ...L);
   }
-  function Ce() {
+  function Ee() {
     var k, L;
     const R = pt({}, $n, u);
     let F = "";
@@ -3930,7 +3941,7 @@ const ro = (e, t = {}, n = {}) => {
   function at() {
     W("gestures") === !1 ? o && (o.destroy(), o = void 0) : o || (function() {
       const k = W("gestures");
-      !o && k !== !1 && f && (o = En(f, k).on("start", (L) => {
+      !o && k !== !1 && f && (o = Cn(f, k).on("start", (L) => {
         var R, F;
         if (!r || W("gestures", L) === !1) return;
         const { srcEvent: X } = L;
@@ -3939,7 +3950,7 @@ const ro = (e, t = {}, n = {}) => {
         V && H.has(V.index) && z && (x = V.offset || 0, x += ((function(Y) {
           const ce = window.getComputedStyle(Y), fe = new DOMMatrixReadOnly(ce.transform);
           return { width: fe.m41 || 0, height: fe.m42 || 0 };
-        })(z)[S] || 0) * (y && !v ? 1 : -1)), C(), m || (x < ue || x > J) && r.spring({ clamp: !0, mass: 1, tension: 500, friction: 25, velocity: ((F = r.getCurrentVelocities()) === null || F === void 0 ? void 0 : F.pos) || 0, restDelta: 1, restSpeed: 1 }).from({ pos: x }).to({ pos: Pe(ue, x, J) }).start();
+        })(z)[S] || 0) * (y && !v ? 1 : -1)), E(), m || (x < ue || x > J) && r.spring({ clamp: !0, mass: 1, tension: 500, friction: 25, velocity: ((F = r.getCurrentVelocities()) === null || F === void 0 ? void 0 : F.pos) || 0, restDelta: 1, restSpeed: 1 }).from({ pos: x }).to({ pos: Pe(ue, x, J) }).start();
       }).on("move", (L) => {
         var R, F;
         if (W("gestures", L) === !1) return;
@@ -4179,7 +4190,7 @@ const ro = (e, t = {}, n = {}) => {
     const F = [`f-${R}Out`, `f-${R}In`, "to-prev", "to-next", "from-prev", "from-next"];
     k.removeEventListener("animationend", O), et(k, F.join(" ")), H.delete(L);
   }
-  function C() {
+  function E() {
     if (!f) return;
     const k = H.size > 0;
     for (const L of j) D(L.el);
@@ -4257,14 +4268,14 @@ const ro = (e, t = {}, n = {}) => {
       fe = m ? (fe % Xe + Xe) % Xe : Pe(0, fe, Xe - 1), y && (Ke *= -1);
       const it = (Ae = I[M]) === null || Ae === void 0 ? void 0 : Ae.slides[0], ft = it?.index, Ve = (He = I[fe]) === null || He === void 0 ? void 0 : He.slides[0], st = Ve?.index, rs = (We = I[fe]) === null || We === void 0 ? void 0 : We.pos;
       if (st === void 0 || ft === void 0 || ft === st || x === rs || Math.abs(h - (Ve?.dim || 0)) > 1) return !1;
-      _ = !1, r.pause(), C(), pe(i, "in-transition"), x = ee = rs;
+      _ = !1, r.pause(), E(), pe(i, "in-transition"), x = ee = rs;
       const cn = U(it), un = U(Ve);
       return bt(), cn && (H.add(ft), cn.style.transform = "", cn.addEventListener("animationend", O), et(cn, d.classes.isSelected), cn.inert = !1, pe(cn, `f-${xe}Out to-${Ke > 0 ? "next" : "prev"}`)), un && (H.add(st), un.style.transform = "", un.addEventListener("animationend", O), pe(un, d.classes.isSelected), un.inert = !1, pe(un, `f-${xe}In from-${Ke > 0 ? "prev" : "next"}`)), $e(), !0;
     })(k, X)) return;
     k = m ? (k % z + z) % z : Pe(0, k, z - 1), ee = ((R = I[k || 0]) === null || R === void 0 ? void 0 : R.pos) || 0;
     const ce = r.isRunning() ? r.getEndValues().pos : x;
     if (Math.abs(ee - ce) < 1) return x = ee, M !== k && (ve(), s = M, M = k, xt(), Pt(), ie("change", M, s)), $e(), void (_ || (_ = !0, ie("settle")));
-    if (r.pause(), C(), m) {
+    if (r.pause(), E(), m) {
       const fe = Ne(), xe = Math.floor((ce - ((F = I[0]) === null || F === void 0 ? void 0 : F.pos)) / fe) || 0, Ae = ee + xe * fe;
       ee = [Ae + fe, Ae, Ae - fe].reduce(function(He, We) {
         return Math.abs(We - ce) < Math.abs(He - ce) ? We : He;
@@ -4330,7 +4341,7 @@ const ro = (e, t = {}, n = {}) => {
     const X = M, V = Ne(), z = r?.isRunning() ? r.getEndValues().pos : x, Y = V && Math.floor((z - (((R = I[0]) === null || R === void 0 ? void 0 : R.pos) || 0)) / V) || 0;
     return Z(k, L), _t(_e), N(), r && V && (X === M && (F -= Y * V), F === ee ? x = ee : r.spring({ clamp: !0, mass: 1, tension: 300, friction: 25, restDelta: 1, restSpeed: 1 }).from({ pos: F }).to({ pos: ee }).start()), $e(), ke;
   }, canGoPrev: Re, canGoNext: je, destroy: function() {
-    return ie("destroy"), window.removeEventListener("resize", Ce), Be(), ge.clear(), i = null, I = [], ae = [], d = Object.assign({}, $n), g = {}, j = [], c = void 0, _e = "*", l = 2, ke;
+    return ie("destroy"), window.removeEventListener("resize", Ee), Be(), ge.clear(), i = null, I = [], ae = [], d = Object.assign({}, $n), g = {}, j = [], c = void 0, _e = "*", l = 2, ke;
   }, emit: ie, filter: function(k = "*") {
     return _t(k), N(), x = Pe(ue, x, J), $e(), ie("filter", k), ke;
   }, getContainer: function() {
@@ -4397,7 +4408,7 @@ const ro = (e, t = {}, n = {}) => {
     return s !== void 0;
   }, hideError: de, hideLoading: Q, init: function() {
     if (!e || !mn(e)) throw new Error("No Element found");
-    return l !== 0 && (Be(), l = 0), i = e, u = t, window.removeEventListener("resize", Ce), u.breakpoints && window.addEventListener("resize", Ce), Ce(), ke;
+    return l !== 0 && (Be(), l = 0), i = e, u = t, window.removeEventListener("resize", Ee), u.breakpoints && window.addEventListener("resize", Ee), Ee(), ke;
   }, isInfinite: function() {
     return m;
   }, isInTransition: function() {
@@ -4419,7 +4430,7 @@ const ro = (e, t = {}, n = {}) => {
   }, prev: function(k = {}) {
     return Te(M - 1, k), ke;
   }, reInit: function(k = {}, L) {
-    return Be(), l = 0, c = void 0, _e = "*", t = k, u = k, ot(L) && (n = L), Ce(), ke;
+    return Be(), l = 0, c = void 0, _e = "*", t = k, u = k, ot(L) && (n = L), Ee(), ke;
   }, remove: function(k) {
     k === void 0 && (k = ae.length - 1);
     const L = ae[k];
@@ -4835,13 +4846,13 @@ const Ns = { autoStart: !0, pauseOnHover: !0, showProgressbar: !0, timeout: 2e3
   } };
   return S;
 };
-const Eo = { Carousel: { Lazyload: { showLoading: !1 } }, minCount: 2, showOnStart: !0, thumbTpl: '<button aria-label="Slide to #{{page}}"><img draggable="false" alt="{{alt}}" data-lazy-src="{{src}}" /></button>', type: "modern" };
-let Co;
+const Co = { Carousel: { Lazyload: { showLoading: !1 } }, minCount: 2, showOnStart: !0, thumbTpl: '<button aria-label="Slide to #{{page}}"><img draggable="false" alt="{{alt}}" data-lazy-src="{{src}}" /></button>', type: "modern" };
+let Eo;
 const Yc = () => {
   let e, t, n, o, r, a = 0, s = 0, c = !0;
   function l(j) {
     const H = e?.getOptions().Thumbs;
-    let q = (ot(H) ? Object.assign(Object.assign({}, Eo), H) : Eo)[j];
+    let q = (ot(H) ? Object.assign(Object.assign({}, Co), H) : Co)[j];
     return q && typeof q == "function" && e ? q(e) : q;
   }
   function u() {
@@ -4905,7 +4916,7 @@ const Yc = () => {
   }
   function m() {
     var j;
-    if (!Co || !e || !n || g() || t) return;
+    if (!Eo || !e || !n || g() || t) return;
     const H = i();
     if (!H.length) return;
     const q = pt({}, { Sync: { target: e }, Lazyload: { preload: 1 }, slides: H, classes: { container: "f-thumbs", viewport: "f-thumbs__viewport", slide: "f-thumbs__slide" }, center: !0, fill: !d(), infinite: !1, dragFree: !0, rtl: e.getOptions().rtl || !1, slidesPerPage: (I) => {
@@ -4915,8 +4926,8 @@ const Yc = () => {
         const he = (me) => n && parseFloat(getComputedStyle(n).getPropertyValue("--f-thumb-" + me)) || 0;
         a = he("width"), s = he("clip-width");
       })(), ne = 4 * (a - s)), I && I.getTotalSlideDim() <= I.getViewportDim() - ne ? 1 / 0 : 1;
-    } }, Eo.Carousel || {}, l("Carousel") || {});
-    t = Co(n, q, { Sync: aa, Lazyload: ia }), t.on("ready", () => {
+    } }, Co.Carousel || {}, l("Carousel") || {});
+    t = Eo(n, q, { Sync: aa, Lazyload: ia }), t.on("ready", () => {
       pe(n, "is-syncing"), e?.emit("thumbs:ready"), d() && e?.on("render", x);
     }), t.on("destroy", () => {
       e?.emit("thumbs:destroy");
@@ -5005,7 +5016,7 @@ const Yc = () => {
     }
   }
   return { init: function(j, H) {
-    Co = H, e = j, e.on("ready", v), e.on("initSlides", y), e.on("change", _);
+    Eo = H, e = j, e.on("ready", v), e.on("initSlides", y), e.on("change", _);
   }, destroy: function() {
     var j, H;
     g() && e?.emit("thumbs:destroy"), e?.off("ready", v), e?.off("initSlides", y), e?.off("change", _), e?.off("render", x), e?.off("addSlide", M), e?.off("click", ue), e?.off("refresh", J), (j = e?.getGestures()) === null || j === void 0 || j.off("start", S), (H = e?.getContainer()) === null || H === void 0 || H.classList.remove("has-thumbs"), e = void 0, t?.destroy(), t = void 0, n?.remove(), n = void 0;
@@ -5517,12 +5528,12 @@ const Ks = "with-fancybox", nu = () => {
       const w = new XMLHttpRequest();
       w.onreadystatechange = function() {
         if (w.readyState === XMLHttpRequest.DONE && c === Ge.Ready) if (o?.hideLoading(B), B.state = 1, w.status === 200) {
-          let N = w.responseText + "", D = null, C = null;
+          let N = w.responseText + "", D = null, E = null;
           if (B.filter) {
             const O = document.createElement("div");
-            O.innerHTML = N, C = O.querySelector(B.filter + "");
+            O.innerHTML = N, E = O.querySelector(B.filter + "");
           }
-          C && C instanceof HTMLElement ? D = C : (D = document.createElement("div"), D.innerHTML = N), D.classList.add("f-html"), B.htmlEl = D, U.classList.add("has-html"), U.classList.add("has-ajax"), U.prepend(D), o?.emit("contentReady", B);
+          E && E instanceof HTMLElement ? D = E : (D = document.createElement("div"), D.innerHTML = N), D.classList.add("f-html"), B.htmlEl = D, U.classList.add("has-html"), U.classList.add("has-ajax"), U.prepend(D), o?.emit("contentReady", B);
         } else o?.showError(B);
       };
       const $ = p("ajax") || null;
@@ -5539,7 +5550,7 @@ const Ks = "with-fancybox", nu = () => {
   function _(A) {
     if (!be()) return;
     if (c !== Ge.Ready) return Lt(A), void A.stopPropagation();
-    if (A.defaultPrevented || !En.isClickAllowed()) return;
+    if (A.defaultPrevented || !Cn.isClickAllowed()) return;
     const Z = A.composedPath()[0];
     Z.closest(".fancybox__carousel") && Z.classList.contains("fancybox__slide") && H(A);
   }
@@ -5555,7 +5566,7 @@ const Ks = "with-fancybox", nu = () => {
     var A;
     (function() {
       const le = o?.getViewport();
-      if (!p("dragToClose") || !o || !le || (r = En(le).init(), !r)) return;
+      if (!p("dragToClose") || !o || !le || (r = Cn(le).init(), !r)) return;
       let B = !1, U = 0, w = 0, $ = {}, N = 1;
       function D() {
         var O, G;
@@ -5567,7 +5578,7 @@ const Ks = "with-fancybox", nu = () => {
           Q.execute(re.ZoomTo, { scale: de });
         }
       }
-      const C = (O) => {
+      const E = (O) => {
         var G;
         const K = O.srcEvent, Q = K.target;
         return o && !(Mn(K) && ((G = K.touches) === null || G === void 0 ? void 0 : G.length) > 1) && Q && !on(Q);
@@ -5583,7 +5594,7 @@ const Ks = "with-fancybox", nu = () => {
         B || (a?.pause(), w = U);
       }).on("panstart", (O) => {
         var G, K;
-        if (!B && C(O) && O.axis === "y") {
+        if (!B && E(O) && O.axis === "y") {
           Lt(O.srcEvent), B = !0, Pt(), (G = o?.getViewport()) === null || G === void 0 || G.classList.add("is-dragging");
           const Q = (K = ge()) === null || K === void 0 ? void 0 : K.panzoomRef;
           if (Q) {
@@ -5593,7 +5604,7 @@ const Ks = "with-fancybox", nu = () => {
           }
         } else B = !1;
       }).on("pan", function(O) {
-        B && C(O) && (Lt(O.srcEvent), O.srcEvent.stopPropagation(), O.axis === "y" && (w += O.deltaY, D()));
+        B && E(O) && (Lt(O.srcEvent), O.srcEvent.stopPropagation(), O.axis === "y" && (w += O.deltaY, D()));
       }).on("end", (O) => {
         var G, K, Q;
         if ((G = o?.getViewport()) === null || G === void 0 || G.classList.remove("is-dragging"), B) {
@@ -5603,7 +5614,7 @@ const Ks = "with-fancybox", nu = () => {
             const ve = de.getOptions();
             ve.bounds = $.bounds || !1, ve.gestures = $.gestures || !1;
           }
-          C(O) && O.axis === "y" && (Math.abs(O.velocityY) > 5 || Math.abs(U) > 50) && dt(O.srcEvent, "f-throwOut" + (O.velocityY > 0 ? "Down" : "Up"));
+          E(O) && O.axis === "y" && (Math.abs(O.velocityY) > 5 || Math.abs(U) > 50) && dt(O.srcEvent, "f-throwOut" + (O.velocityY > 0 ? "Down" : "Up"));
         }
         B = !1, c === Ge.Ready && U !== 0 && (w = 0, D());
       });
@@ -5681,7 +5692,7 @@ const Ks = "with-fancybox", nu = () => {
   function W(A) {
     if (!(f && o && o.getState() === 1 && A && A.index === o.getOptions().initialPage && A.el && A.el.parentElement) || A.state !== void 0 && A.state !== 1) return;
     f = !1;
-    const Z = A.panzoomRef, le = Z?.getTween(), B = p("zoomEffect") && le ? Ce(A) : void 0;
+    const Z = A.panzoomRef, le = Z?.getTween(), B = p("zoomEffect") && le ? Ee(A) : void 0;
     if (Z && le && B) {
       const { x: w, y: $, scale: N } = Z.getStartPosition();
       return void le.spring({ tension: 215, friction: 25, restDelta: 1e-3, restSpeed: 1e-3, maxSpeed: 1 / 0 }).from(B).to({ x: w, y: $, scale: N }).start();
@@ -5701,7 +5712,7 @@ const Ks = "with-fancybox", nu = () => {
     const A = ge();
     return A ? A.triggerEl || p("triggerEl") : void 0;
   }
-  function Ce(A) {
+  function Ee(A) {
     var Z, le;
     const B = A.thumbEl;
     if (!B || !((K) => {
@@ -5716,8 +5727,8 @@ const Ks = "with-fancybox", nu = () => {
     const U = (le = (Z = A.panzoomRef) === null || Z === void 0 ? void 0 : Z.getWrapper()) === null || le === void 0 ? void 0 : le.getBoundingClientRect(), w = U?.width, $ = U?.height;
     if (!w || !$) return;
     const N = B.getBoundingClientRect();
-    let D = N.width, C = N.height, O = N.left, G = N.top;
-    if (!(!N || !D || !C)) {
+    let D = N.width, E = N.height, O = N.left, G = N.top;
+    if (!(!N || !D || !E)) {
       if (B instanceof HTMLImageElement) {
         const K = window.getComputedStyle(B).getPropertyValue("object-fit");
         if (K === "contain" || K === "scale-down") {
@@ -5727,12 +5738,12 @@ const Ks = "with-fancybox", nu = () => {
               ve *= ke, Te *= ke;
             }
             return { width: ve, height: Te };
-          })(B.naturalWidth, B.naturalHeight, D, C, K);
-          O += 0.5 * (D - Q), G += 0.5 * (C - de), D = Q, C = de;
+          })(B.naturalWidth, B.naturalHeight, D, E, K);
+          O += 0.5 * (D - Q), G += 0.5 * (E - de), D = Q, E = de;
         }
       }
-      if (!(Math.abs(w / $ - D / C) > 0.1))
-        return { x: O + 0.5 * D - (U.left + 0.5 * w), y: G + 0.5 * C - (U.top + 0.5 * $), scale: D / w };
+      if (!(Math.abs(w / $ - D / E) > 0.1))
+        return { x: O + 0.5 * D - (U.left + 0.5 * w), y: G + 0.5 * E - (U.top + 0.5 * $), scale: D / w };
     }
   }
   function De() {
@@ -5775,8 +5786,8 @@ const Ks = "with-fancybox", nu = () => {
     }
     const D = o?.getPlugins();
     ($ = D?.Autoplay) === null || $ === void 0 || $.stop();
-    const C = D?.Fullscreen;
-    C && C.inFullscreen() ? Promise.resolve(C.exit()).then(() => {
+    const E = D?.Fullscreen;
+    E && E.inFullscreen() ? Promise.resolve(E.exit()).then(() => {
       setTimeout(() => {
         Vt(A, Z);
       }, 150);
@@ -5788,14 +5799,14 @@ const Ks = "with-fancybox", nu = () => {
     y("close", A), f = !1, document.body.removeEventListener("click", ne), document.body.removeEventListener("keydown", I, { passive: !1, capture: !0 }), p("placeFocusBack") && Pt();
     const U = document.activeElement;
     U && e?.contains(U) && U.blur(), p("fadeEffect") && (t?.classList.remove("is-ready"), t?.classList.add("is-hiding")), t?.classList.add("is-closing");
-    const w = ge(), $ = w?.el, N = w?.panzoomRef, D = (le = w?.panzoomRef) === null || le === void 0 ? void 0 : le.getTween(), C = Z || p("hideClass");
+    const w = ge(), $ = w?.el, N = w?.panzoomRef, D = (le = w?.panzoomRef) === null || le === void 0 ? void 0 : le.getTween(), E = Z || p("hideClass");
     let O = !1, G = !1;
     if (o && w && $ && N && D) {
       let Q;
-      if (p("zoomEffect") && w.state === 1 && (Q = Ce(w)), Q) {
+      if (p("zoomEffect") && w.state === 1 && (Q = Ee(w)), Q) {
         O = !0;
         const de = () => {
-          Q = Ce(w), Q ? D.to(Object.assign(Object.assign({}, wt), Q)) : Ye();
+          Q = Ee(w), Q ? D.to(Object.assign(Object.assign({}, wt), Q)) : Ye();
         };
         N.on("refresh", () => {
           de();
@@ -5805,7 +5816,7 @@ const Ks = "with-fancybox", nu = () => {
       }
     }
     const K = w?.htmlEl || ((B = w?.panzoomRef) === null || B === void 0 ? void 0 : B.getWrapper());
-    K && fa(K), !O && C && K && (G = !0, Xs(K, C, () => {
+    K && fa(K), !O && E && K && (G = !0, Xs(K, E, () => {
       Ye();
     })), O || G ? setTimeout(() => {
       Ye();
@@ -5856,20 +5867,20 @@ const Ks = "with-fancybox", nu = () => {
       const w = p("mainClass");
       w && pe(t, w);
       const $ = p("mainStyle");
-      if ($ && ot($)) for (const [C, O] of Object.entries($)) t.style.setProperty(C, O);
+      if ($ && ot($)) for (const [E, O] of Object.entries($)) t.style.setProperty(E, O);
       const N = p("theme"), D = N === "auto" ? window.matchMedia("(prefers-color-scheme:light)").matches : N === "light";
-      t.setAttribute("theme", D ? "light" : "dark"), e.setAttribute("id", `${u}`), e.addEventListener("keydown", (C) => {
-        C.key === "Escape" && Lt(C);
-      }), e.addEventListener("wheel", (C) => {
-        const O = C.target;
-        let G = p("wheel", C);
+      t.setAttribute("theme", D ? "light" : "dark"), e.setAttribute("id", `${u}`), e.addEventListener("keydown", (E) => {
+        E.key === "Escape" && Lt(E);
+      }), e.addEventListener("wheel", (E) => {
+        const O = E.target;
+        let G = p("wheel", E);
         O.closest(".f-thumbs") && (G = "slide");
-        const K = G === "slide", Q = [-C.deltaX || 0, -C.deltaY || 0, -C.detail || 0].reduce(function(Te, Me) {
+        const K = G === "slide", Q = [-E.deltaX || 0, -E.deltaY || 0, -E.detail || 0].reduce(function(Te, Me) {
           return Math.abs(Me) > Math.abs(Te) ? Me : Te;
         }), de = Math.max(-1, Math.min(1, Q)), ve = Date.now();
-        h && ve - h < 300 ? K && Lt(C) : (h = ve, y("wheel", C, de), C.defaultPrevented || (G === "close" ? dt(C) : G === "slide" && o && !on(O) && (Lt(C), o[de > 0 ? "prev" : "next"]())));
-      }, { capture: !0, passive: !1 }), e.addEventListener("cancel", (C) => {
-        dt(C);
+        h && ve - h < 300 ? K && Lt(E) : (h = ve, y("wheel", E, de), E.defaultPrevented || (G === "close" ? dt(E) : G === "slide" && o && !on(O) && (Lt(E), o[de > 0 ? "prev" : "next"]())));
+      }, { capture: !0, passive: !1 }), e.addEventListener("cancel", (E) => {
+        dt(E);
       }), B.append(e), Rt.size === 1 && (p("hideScrollbar") && xs(!0), document.documentElement.classList.add(Ks)), y("initLayout"), e instanceof HTMLDialogElement && (p("modal") ? e.showModal() : e.show());
     })(), (function() {
       if (n = e?.querySelector(".fancybox__carousel") || void 0, !n) return;
@@ -6045,7 +6056,7 @@ const qe = { Plugins: { Hash: Kn }, version: "6.1.14", openers: /* @__PURE__ */
     }
   },
   setup(e) {
-    const t = e, n = Ee(null);
+    const t = e, n = Ce(null);
     function o() {
       n.value && qe.bind(n.value, t.selector, { ...t.options });
     }
@@ -6056,7 +6067,7 @@ const qe = { Plugins: { Hash: Kn }, version: "6.1.14", openers: /* @__PURE__ */
       r(), o();
     }), In(() => {
       r(), qe.close();
-    }), (a, s) => (E(), P("div", {
+    }), (a, s) => (C(), P("div", {
       ref_key: "containerRef",
       ref: n
     }, [
@@ -6108,7 +6119,7 @@ const qe = { Plugins: { Hash: Kn }, version: "6.1.14", openers: /* @__PURE__ */
     }
   },
   setup(e) {
-    const t = e, n = Wo(), o = Ee(null), r = Ee(null), a = Ee(null), s = Ee(!1);
+    const t = e, n = Wo(), o = Ce(null), r = Ce(null), a = Ce(null), s = Ce(!1);
     let c = null, l = null;
     const u = te(() => t.interactive ? typeof t.delay == "number" ? 150 : Math.max(t.delay.hide ?? 0, 150) : typeof t.delay == "number" ? 0 : t.delay.hide ?? 0), d = te(() => {
       const v = [Wr(t.offset), Zr(), Ur({ padding: 8 })];
@@ -6152,7 +6163,7 @@ const qe = { Plugins: { Hash: Kn }, version: "6.1.14", openers: /* @__PURE__ */
     }
     return In(() => {
       clearTimeout(c), clearTimeout(l);
-    }), (v, S) => (E(), P(ze, null, [
+    }), (v, S) => (C(), P(ze, null, [
       T("div", {
         ref_key: "referenceRef",
         ref: o,
@@ -6164,10 +6175,10 @@ const qe = { Plugins: { Hash: Kn }, version: "6.1.14", openers: /* @__PURE__ */
       }, [
         Qe(v.$slots, "default")
       ], 544),
-      (E(), Oe(pr, { to: "body" }, [
+      (C(), Oe(pr, { to: "body" }, [
         se(fr, { name: "spark-tooltip" }, {
           default: Se(() => [
-            s.value ? (E(), P("div", {
+            s.value ? (C(), P("div", {
               key: 0,
               ref_key: "floatingRef",
               ref: r,
@@ -6178,12 +6189,12 @@ const qe = { Plugins: { Hash: Kn }, version: "6.1.14", openers: /* @__PURE__ */
               onMouseleave: y
             }, [
               Qe(v.$slots, "content", {}, () => [
-                e.html ? (E(), P("span", {
+                e.html ? (C(), P("span", {
                   key: 0,
                   innerHTML: e.content
-                }, null, 8, su)) : (E(), P("span", ru, we(e.content), 1))
+                }, null, 8, su)) : (C(), P("span", ru, we(e.content), 1))
               ]),
-              e.showArrow ? (E(), P("div", {
+              e.showArrow ? (C(), P("div", {
                 key: 0,
                 ref_key: "arrowRef",
                 ref: a,
@@ -6289,7 +6300,7 @@ const qe = { Plugins: { Hash: Kn }, version: "6.1.14", openers: /* @__PURE__ */
     "file-cleared"
   ],
   setup(e, { expose: t, emit: n }) {
-    const o = e, r = n, a = io("axios"), s = Ee(null), c = Ee(!1), l = Ee(!1), u = Ee(null);
+    const o = e, r = n, a = io("axios"), s = Ce(null), c = Ce(!1), l = Ce(!1), u = Ce(null);
     function d() {
       o.disabled || c.value || (l.value = !0);
     }
@@ -6367,9 +6378,9 @@ const qe = { Plugins: { Hash: Kn }, version: "6.1.14", openers: /* @__PURE__ */
       uploading: c
     }), (y, v) => {
       const S = Ze("FormKit"), x = Ze("font-awesome-icon");
-      return E(), P("div", null, [
-        e.label ? (E(), P("label", au, we(e.label), 1)) : ye("", !0),
-        e.variant === "dashed" ? (E(), P("div", {
+      return C(), P("div", null, [
+        e.label ? (C(), P("label", au, we(e.label), 1)) : ye("", !0),
+        e.variant === "dashed" ? (C(), P("div", {
           key: 1,
           class: Le(["border-2 border-dashed border-gray-300 rounded-lg p-8 text-center transition-colors", {
             "border-blue-500 bg-blue-50": l.value,
@@ -6390,7 +6401,7 @@ const qe = { Plugins: { Hash: Kn }, version: "6.1.14", openers: /* @__PURE__ */
             "outer-class": "hidden",
             onInput: h
           }, null, 8, ["name", "accept", "disabled"]),
-          s.value ? (E(), P("div", cu, [
+          s.value ? (C(), P("div", cu, [
             se(x, {
               icon: oe(Fe).farFile,
               class: "text-2xl text-gray-500"
@@ -6408,7 +6419,7 @@ const qe = { Plugins: { Hash: Kn }, version: "6.1.14", openers: /* @__PURE__ */
               ]),
               _: 1
             })
-          ])) : (E(), P("div", iu, [
+          ])) : (C(), P("div", iu, [
             se(x, {
               icon: e.icon,
               class: "text-4xl text-gray-400 mb-3"
@@ -6424,7 +6435,7 @@ const qe = { Plugins: { Hash: Kn }, version: "6.1.14", openers: /* @__PURE__ */
               _: 1
             })
           ]))
-        ], 34)) : (E(), P("div", {
+        ], 34)) : (C(), P("div", {
           key: 2,
           class: Le(["relative rounded-md transition-colors", {
             "ring-2 ring-blue-500 ring-offset-2 bg-blue-50": l.value
@@ -6441,18 +6452,18 @@ const qe = { Plugins: { Hash: Kn }, version: "6.1.14", openers: /* @__PURE__ */
             disabled: e.disabled || c.value,
             onInput: h
           }, null, 8, ["name", "accept", "disabled"]),
-          l.value ? (E(), P("div", du, [...v[0] || (v[0] = [
+          l.value ? (C(), P("div", du, [...v[0] || (v[0] = [
             T("span", { class: "text-sm text-blue-600 font-medium" }, "Drop file here", -1)
           ])])) : ye("", !0)
         ], 34)),
-        e.showUploadButton ? (E(), P("div", fu, [
+        e.showUploadButton ? (C(), P("div", fu, [
           se(gt, {
             size: "lg",
             disabled: !s.value || c.value,
             onClick: m
           }, {
             default: Se(() => [
-              c.value ? (E(), Oe(x, {
+              c.value ? (C(), Oe(x, {
                 key: 0,
                 icon: oe(Fe).farSpinner,
                 class: "mr-2 animate-spin"
@@ -6462,7 +6473,7 @@ const qe = { Plugins: { Hash: Kn }, version: "6.1.14", openers: /* @__PURE__ */
             _: 1
           }, 8, ["disabled"])
         ])) : ye("", !0),
-        c.value && !e.showUploadButton ? (E(), P("p", pu, we(e.uploadingText), 1)) : ye("", !0)
+        c.value && !e.showUploadButton ? (C(), P("p", pu, we(e.uploadingText), 1)) : ye("", !0)
       ]);
     };
   }
@@ -6525,7 +6536,7 @@ const qe = { Plugins: { Hash: Kn }, version: "6.1.14", openers: /* @__PURE__ */
   },
   emits: ["update:modelValue", "upload-start", "upload-success", "upload-error"],
   setup(e, { emit: t }) {
-    const n = e, o = t, r = io("axios"), a = Ee(!1), s = Ee(!1);
+    const n = e, o = t, r = io("axios"), a = Ce(!1), s = Ce(!1);
     function c() {
       o("update:modelValue", "");
     }
@@ -6592,9 +6603,9 @@ const qe = { Plugins: { Hash: Kn }, version: "6.1.14", openers: /* @__PURE__ */
     }
     return (h, p) => {
       const b = Ze("font-awesome-icon"), m = Ze("FormKit");
-      return E(), P("div", null, [
-        e.label ? (E(), P("label", mu, we(e.label), 1)) : ye("", !0),
-        e.modelValue ? (E(), Oe(ou, {
+      return C(), P("div", null, [
+        e.label ? (C(), P("label", mu, we(e.label), 1)) : ye("", !0),
+        e.modelValue ? (C(), Oe(ou, {
           key: 1,
           class: "mb-2 relative inline-block"
         }, {
@@ -6628,7 +6639,7 @@ const qe = { Plugins: { Hash: Kn }, version: "6.1.14", openers: /* @__PURE__ */
           ]),
           _: 1
         })) : ye("", !0),
-        e.modelValue ? ye("", !0) : (E(), P("div", {
+        e.modelValue ? ye("", !0) : (C(), P("div", {
           key: 2,
           class: Le(["relative rounded-md transition-colors", {
             "ring-2 ring-blue-500 ring-offset-2 bg-blue-50": s.value
@@ -6645,11 +6656,11 @@ const qe = { Plugins: { Hash: Kn }, version: "6.1.14", openers: /* @__PURE__ */
             disabled: e.disabled || a.value,
             onInput: i
           }, null, 8, ["name", "accept", "disabled"]),
-          s.value ? (E(), P("div", yu, [...p[0] || (p[0] = [
+          s.value ? (C(), P("div", yu, [...p[0] || (p[0] = [
             T("span", { class: "text-sm text-blue-600 font-medium" }, "Drop image here", -1)
           ])])) : ye("", !0)
         ], 34)),
-        a.value ? (E(), P("p", bu, "Uploading...")) : ye("", !0)
+        a.value ? (C(), P("p", bu, "Uploading...")) : ye("", !0)
       ]);
     };
   }
@@ -6733,8 +6744,8 @@ const qe = { Plugins: { Hash: Kn }, version: "6.1.14", openers: /* @__PURE__ */
     })[t.type]);
     return (l, u) => {
       const d = Ze("font-awesome-icon");
-      return E(), P("div", xu, [
-        a.value ? (E(), P("div", {
+      return C(), P("div", xu, [
+        a.value ? (C(), P("div", {
           key: 0,
           class: Le(["mx-auto flex size-12 items-center justify-center rounded-full", s.value])
         }, [
@@ -6746,8 +6757,8 @@ const qe = { Plugins: { Hash: Kn }, version: "6.1.14", openers: /* @__PURE__ */
         T("div", {
           class: Le(["text-center", { "mt-3 sm:mt-5": a.value }])
         }, [
-          e.title ? (E(), P("h3", wu, we(e.title), 1)) : ye("", !0),
-          e.message ? (E(), P("div", {
+          e.title ? (C(), P("h3", wu, we(e.title), 1)) : ye("", !0),
+          e.message ? (C(), P("div", {
             key: 1,
             class: Le([{ "mt-2": e.title }, "text-sm text-gray-500"])
           }, we(e.message), 3)) : ye("", !0)
@@ -6755,7 +6766,7 @@ const qe = { Plugins: { Hash: Kn }, version: "6.1.14", openers: /* @__PURE__ */
         T("div", {
           class: Le(["mt-5 sm:mt-6", o.value])
         }, [
-          (E(!0), P(ze, null, rt(n.value, (g, i) => (E(), Oe(oe(gt), {
+          (C(!0), P(ze, null, rt(n.value, (g, i) => (C(), Oe(oe(gt), {
             key: i,
             variant: g.variant,
             onClick: (f) => l.$emit(g.event, g)
@@ -6772,7 +6783,7 @@ const qe = { Plugins: { Hash: Kn }, version: "6.1.14", openers: /* @__PURE__ */
 };
 class ku {
   constructor() {
-    this.state = Ct({
+    this.state = Et({
       isVisible: !1,
       content: null,
       props: {},
@@ -6828,10 +6839,10 @@ class ku {
     );
   });
 }
-const It = new ku(), Eu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, Cu = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Tu = {
+const It = new ku(), Cu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto" }, Eu = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Tu = {
   __name: "SparkModalContainer",
   setup(e) {
-    return (t, n) => (E(), Oe(oe(Or), {
+    return (t, n) => (C(), Oe(oe(Or), {
       as: "template",
       show: oe(It).state.isVisible
     }, {
@@ -6855,8 +6866,8 @@ const It = new ku(), Eu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
               ])]),
               _: 1
             }),
-            T("div", Eu, [
-              T("div", Cu, [
+            T("div", Cu, [
+              T("div", Eu, [
                 se(oe(Jn), {
                   as: "template",
                   enter: "ease-out duration-300",
@@ -6869,7 +6880,7 @@ const It = new ku(), Eu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                   default: Se(() => [
                     se(oe(Ar), { 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: Se(() => [
-                        (E(), Oe(yt(oe(It).state.content), St(oe(It).state.props, gr(oe(It).state.eventHandlers)), null, 16))
+                        (C(), Oe(yt(oe(It).state.content), St(oe(It).state.props, gr(oe(It).state.eventHandlers)), null, 16))
                       ]),
                       _: 1
                     })
@@ -6900,7 +6911,7 @@ const It = new ku(), Eu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   },
   emits: ["close"],
   setup(e, { emit: t }) {
-    const n = Ee(null), o = {
+    const n = Ce(null), o = {
       xs: "w-[250px]",
       sm: "w-[300px]",
       md: "w-[450px]",
@@ -6909,7 +6920,7 @@ const It = new ku(), Eu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     }, r = e, a = t, s = te(() => o[r.overlayInstance.state.size] || o.md), c = () => {
       r.overlayInstance.close(), a("close");
     };
-    return (l, u) => (E(), Oe(oe(Or), {
+    return (l, u) => (C(), Oe(oe(Or), {
       show: e.overlayInstance.state.isVisible,
       as: "template"
     }, {
@@ -6955,7 +6966,7 @@ const It = new ku(), Eu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
                     ])
                   }, {
                     default: Se(() => [
-                      (E(), Oe(yt(e.overlayInstance.state.content), St(e.overlayInstance.state.props, gr(e.overlayInstance.state.eventHandlers)), null, 16))
+                      (C(), Oe(yt(e.overlayInstance.state.content), St(e.overlayInstance.state.props, gr(e.overlayInstance.state.eventHandlers)), null, 16))
                     ]),
                     _: 1
                   }, 8, ["class"])
@@ -7046,7 +7057,7 @@ const It = new ku(), Eu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       return m.push(y), p ? m.push("border-primary-600 text-primary-600") : b ? m.push("border-transparent text-gray-400") : m.push("border-transparent text-gray-600 hover:text-gray-900 hover:border-gray-300"), m;
     }
     function f(p, b) {
-      const m = ["font-medium text-sm py-1"];
+      const m = ["font-medium text-[15px]/[20px] py-2"];
       return p ? m.push("text-primary-600") : b ? m.push("text-gray-400") : m.push("text-gray-600 hover:text-gray-900"), m;
     }
     function h(p) {
@@ -7062,7 +7073,7 @@ const It = new ku(), Eu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
         m[b] || m.primary
       ];
     }
-    return (p, b) => (E(), P("nav", {
+    return (p, b) => (C(), P("nav", {
       class: Le(u.value)
     }, [
       n.layout === "custom" ? Qe(p.$slots, "default", {
@@ -7072,26 +7083,26 @@ const It = new ku(), Eu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
         isActive: s,
         isDisabled: c,
         navigate: l
-      }) : n.layout === "horizontal" ? (E(), Oe(oa, {
+      }) : n.layout === "horizontal" ? (C(), Oe(oa, {
         key: 1,
         class: "isolate"
       }, {
         default: Se(() => [
-          (E(!0), P(ze, null, rt(r.value, (m) => (E(), Oe(gt, {
+          (C(!0), P(ze, null, rt(r.value, (m) => (C(), Oe(gt, {
             key: m.id,
             size: "xl",
-            variant: s(m) ? "primary" : "secondary",
+            variant: s(m) ? "gray" : "secondary",
             disabled: c(m),
             onClick: (y) => l(m)
           }, {
             default: Se(() => [
-              m.icon ? (E(), Oe(oe(Gn), {
+              m.icon ? (C(), Oe(oe(Gn), {
                 key: 0,
                 icon: oe(Fe)[m.icon],
                 class: "mr-1.5 size-4"
               }, null, 8, ["icon"])) : ye("", !0),
               Ue(" " + we(m.label) + " ", 1),
-              m.badge != null ? (E(), P("span", {
+              m.badge != null ? (C(), P("span", {
                 key: 1,
                 class: Le(h(m))
               }, we(m.badge), 3)) : ye("", !0)
@@ -7100,24 +7111,24 @@ const It = new ku(), Eu = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
           }, 1032, ["variant", "disabled", "onClick"]))), 128))
         ]),
         _: 1
-      })) : (E(!0), P(ze, { key: 2 }, rt(r.value, (m) => (E(), P("button", {
+      })) : (C(!0), P(ze, { key: 2 }, rt(r.value, (m) => (C(), P("button", {
         key: m.id,
         class: Le(g(m)),
         disabled: c(m) || void 0,
         onClick: (y) => l(m)
       }, [
-        s(m) && n.layout === "vertical" ? (E(), Oe(oe(Gn), {
+        s(m) && n.layout === "vertical" ? (C(), Oe(oe(Gn), {
           key: 0,
           icon: oe(Fe).farCircleCheck,
           class: "mr-2 size-4"
         }, null, 8, ["icon"])) : ye("", !0),
-        m.icon && !(s(m) && n.layout === "vertical") ? (E(), Oe(oe(Gn), {
+        m.icon && !(s(m) && n.layout === "vertical") ? (C(), Oe(oe(Gn), {
           key: 1,
           icon: oe(Fe)[m.icon],
-          class: Le(["mr-2", d.value])
+          class: Le(["text-gray-400 mr-2", d.value])
         }, null, 8, ["icon", "class"])) : ye("", !0),
         T("span", null, we(m.label), 1),
-        m.badge != null ? (E(), P("span", {
+        m.badge != null ? (C(), P("span", {
           key: 2,
           class: Le(h(m))
         }, we(m.badge), 3)) : ye("", !0)
@@ -7487,7 +7498,7 @@ const Wu = (e) => {
     console.error("Error formatting datetime:", h, { value: s, format: u }), n.textContent = s;
   }
 }, Qu = /* @__PURE__ */ new Map(), At = (e, t) => {
-  Ci(e, (n, o, r, a, s, c, l) => {
+  Ei(e, (n, o, r, a, s, c, l) => {
     Ti.apply(null, [n, o, r, a, s, c, l]), t(n, o, r, a, s, c, l);
   }), Qu.set(e, t);
 }, ed = (e) => {
@@ -7618,7 +7629,7 @@ const Wu = (e) => {
   },
   setup(e) {
     const t = e;
-    return (n, o) => (E(), P("div", null, [
+    return (n, o) => (C(), P("div", null, [
       T("div", od, [
         T("div", sd, [
           T("div", rd, [
@@ -7664,9 +7675,9 @@ const Wu = (e) => {
     ), u = te(() => n.sparkTable.params.page > 1);
     return (d, g) => {
       const i = Ze("font-awesome-icon");
-      return E(), P("div", null, [
+      return C(), P("div", null, [
         T("div", ud, [
-          c.value.length > 1 ? (E(), P("div", dd, [
+          c.value.length > 1 ? (C(), P("div", dd, [
             T("div", null, [
               T("nav", fd, [
                 T("a", {
@@ -7679,7 +7690,7 @@ const Wu = (e) => {
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ], 2),
-                (E(!0), P(ze, null, rt(c.value, (f) => (E(), P("a", {
+                (C(!0), P(ze, null, rt(c.value, (f) => (C(), P("a", {
                   key: `page-${f}`,
                   href: "#",
                   class: Le([
@@ -7731,7 +7742,7 @@ const Wu = (e) => {
     };
     return (s, c) => {
       const l = Ze("FormKit");
-      return E(), P("div", gd, [
+      return C(), P("div", gd, [
         se(l, {
           "model-value": e.sparkTable.params.limit,
           type: "select",
@@ -7758,7 +7769,7 @@ const Wu = (e) => {
       const a = "spark-table-toolbar flex flex-wrap items-center gap-x-5 w-full";
       return t.position === "footer" ? `${a} spark-table-toolbar-footer justify-between` : `${a} spark-table-toolbar-header gap-y-5 py-5`;
     });
-    return (a, s) => o.value ? (E(), P("div", {
+    return (a, s) => o.value ? (C(), P("div", {
       key: 0,
       class: Le(r.value)
     }, [
@@ -7784,7 +7795,7 @@ const Wu = (e) => {
     }
   },
   setup(e) {
-    const t = e, n = Ee(""), o = t.config.param || "search";
+    const t = e, n = Ce(""), o = t.config.param || "search";
     t.sparkTable.params[o] ? n.value = t.sparkTable.params[o] : t.config.initialValue && (n.value = t.config.initialValue, t.sparkTable.methods.applyParams({
       [o]: t.config.initialValue
     }));
@@ -7805,7 +7816,7 @@ const Wu = (e) => {
       }
     ), (s, c) => {
       const l = Ze("FormKit");
-      return E(), P("div", yd, [
+      return C(), P("div", yd, [
         se(l, St({
           modelValue: n.value,
           "onUpdate:modelValue": c[0] || (c[0] = (u) => n.value = u),
@@ -7835,7 +7846,7 @@ const Wu = (e) => {
     }
   },
   setup(e) {
-    const t = e, n = Ee(""), o = t.config.param || `filter[${t.config.key}]`;
+    const t = e, n = Ce(""), o = t.config.param || `filter[${t.config.key}]`;
     t.sparkTable.params[o] ? n.value = t.sparkTable.params[o] : t.config.initialValue !== void 0 && t.config.initialValue !== null && (n.value = t.config.initialValue, t.sparkTable.methods.applyParams({
       [o]: t.config.initialValue
     }));
@@ -7852,7 +7863,7 @@ const Wu = (e) => {
       }
     ), (s, c) => {
       const l = Ze("FormKit");
-      return E(), P("div", wd, [
+      return C(), P("div", wd, [
         se(l, St({
           modelValue: n.value,
           "onUpdate:modelValue": c[0] || (c[0] = (u) => n.value = u),
@@ -7866,7 +7877,7 @@ const Wu = (e) => {
       ]);
     };
   }
-}, kd = /* @__PURE__ */ ln(Sd, [["__scopeId", "data-v-79c78a5b"]]), Ed = { class: "spark-table-filter-buttons" }, Cd = {
+}, kd = /* @__PURE__ */ ln(Sd, [["__scopeId", "data-v-79c78a5b"]]), Cd = { class: "spark-table-filter-buttons" }, Ed = {
   key: 0,
   class: "spark-table-filter-buttons-label"
 }, Td = {
@@ -7885,7 +7896,7 @@ const Wu = (e) => {
     }
   },
   setup(e) {
-    const t = e, n = Ee(null), o = t.config.label || null, r = t.config.param || `filter[${t.config.key}]`;
+    const t = e, n = Ce(null), o = t.config.label || null, r = t.config.param || `filter[${t.config.key}]`;
     t.sparkTable.params[r] !== void 0 ? n.value = t.sparkTable.params[r] : t.config.initialValue !== void 0 && (n.value = t.config.initialValue, t.config.initialValue !== null && t.sparkTable.methods.applyParams({
       [r]: t.config.initialValue
     }));
@@ -7900,15 +7911,15 @@ const Wu = (e) => {
       (c) => {
         (c == null || c === "") && n.value ? n.value = null : c !== n.value && (n.value = c);
       }
-    ), (c, l) => (E(), P("div", Ed, [
-      oe(o) ? (E(), P("span", Cd, we(oe(o)), 1)) : ye("", !0),
+    ), (c, l) => (C(), P("div", Cd, [
+      oe(o) ? (C(), P("span", Ed, we(oe(o)), 1)) : ye("", !0),
       se(oa, { class: "isolate" }, {
         default: Se(() => [
-          (E(!0), P(ze, null, rt(e.config.options, (u) => (E(), Oe(gt, {
+          (C(!0), P(ze, null, rt(e.config.options, (u) => (C(), Oe(gt, {
             key: u.value,
             size: "xl",
             "button-class": "px-3.5",
-            variant: a(u.value) ? "primary" : "secondary",
+            variant: a(u.value) ? "gray" : "secondary",
             onClick: (d) => s(u.value)
           }, {
             default: Se(() => [
@@ -7921,7 +7932,7 @@ const Wu = (e) => {
       })
     ]));
   }
-}, _d = /* @__PURE__ */ ln(Td, [["__scopeId", "data-v-0eb19c63"]]), $d = { class: "spark-table-date-picker" }, Ld = {
+}, _d = /* @__PURE__ */ ln(Td, [["__scopeId", "data-v-23f7a7cc"]]), $d = { class: "spark-table-date-picker" }, Ld = {
   __name: "SparkTableDatePicker",
   props: {
     /** SparkTable instance object */
@@ -7937,7 +7948,7 @@ const Wu = (e) => {
     }
   },
   setup(e) {
-    const t = e, n = Ee(null), o = t.config.label || null, r = t.config.param || `filter[${t.config.key}]`, a = Ee(`${r}-0`);
+    const t = e, n = Ce(null), o = t.config.label || null, r = t.config.param || `filter[${t.config.key}]`, a = Ce(`${r}-0`);
     return t.sparkTable.params[r] ? n.value = t.sparkTable.params[r] : t.config.initialValue ? (n.value = t.config.initialValue, t.sparkTable.methods.applyParams({
       [r]: t.config.initialValue
     })) : n.value = null, nt(n, (s) => {
@@ -7956,8 +7967,8 @@ const Wu = (e) => {
       }
     ), (s, c) => {
       const l = Ze("FormKit");
-      return E(), P("div", $d, [
-        (E(), Oe(l, St({
+      return C(), P("div", $d, [
+        (C(), Oe(l, St({
           key: a.value,
           modelValue: n.value,
           "onUpdate:modelValue": c[0] || (c[0] = (u) => n.value = u),
@@ -8012,7 +8023,7 @@ const Wu = (e) => {
     };
     return (o, r) => {
       const a = Ze("font-awesome-icon");
-      return E(), P("div", Od, [
+      return C(), P("div", Od, [
         se(gt, {
           variant: "secondary",
           "button-class": "px-3.5",
@@ -8020,12 +8031,12 @@ const Wu = (e) => {
           onClick: n
         }, {
           default: Se(() => [
-            e.config.icon ? (E(), Oe(a, {
+            e.config.icon ? (C(), Oe(a, {
               key: 0,
               icon: ["far", e.config.icon],
               class: Le({ "mr-1.5": e.config.label })
             }, null, 8, ["icon", "class"])) : ye("", !0),
-            e.config.label ? (E(), P("span", Pd, we(e.config.label), 1)) : ye("", !0)
+            e.config.label ? (C(), P("span", Pd, we(e.config.label), 1)) : ye("", !0)
           ]),
           _: 1
         })
@@ -8135,8 +8146,8 @@ const Wu = (e) => {
       const y = {};
       return m.cellPx !== void 0 && (y["--spark-table-cell-px"] = `${m.cellPx}px`), m.cellPy !== void 0 && (y["--spark-table-cell-py"] = `${m.cellPy}px`), m.headerPx !== void 0 && (y["--spark-table-header-px"] = `${m.headerPx}px`), m.headerPy !== void 0 && (y["--spark-table-header-py"] = `${m.headerPy}px`), y;
     });
-    Ei(), Vn(xi), Vn(wi), Vn(Si), Nt(o, "settings.nestedHeaders") && Vn(ki);
-    const a = n, s = io("axios"), c = Ee(null), l = Ee(!1), u = Ee(null);
+    Ci(), Vn(xi), Vn(wi), Vn(Si), Nt(o, "settings.nestedHeaders") && Vn(ki);
+    const a = n, s = io("axios"), c = Ce(null), l = Ce(!1), u = Ce(null);
     let d = !1;
     const g = {
       search: xd,
@@ -8144,7 +8155,7 @@ const Wu = (e) => {
       filterButtons: _d,
       datePicker: Md,
       reset: Rd
-    }, i = Ct({
+    }, i = Et({
       hotInstance: null,
       url: te(() => o.url),
       plugins: o.plugins,
@@ -8342,16 +8353,16 @@ const Wu = (e) => {
       table: c
     }), (m, y) => {
       const v = Ze("font-awesome-icon");
-      return E(), P("div", {
+      return C(), P("div", {
         class: "spark-table",
         style: Mo(r.value)
       }, [
-        i.computed.ready && b.value && b.value.length ? (E(), Oe(rr, {
+        i.computed.ready && b.value && b.value.length ? (C(), Oe(rr, {
           key: 0,
           position: "header"
         }, {
           default: Se(() => [
-            (E(!0), P(ze, null, rt(b.value, (S) => (E(), Oe(yt(g[S.config.type]), {
+            (C(!0), P(ze, null, rt(b.value, (S) => (C(), Oe(yt(g[S.config.type]), {
               key: S.name,
               class: Le(S.config.align ? `self-${S.config.align}` : ""),
               "spark-table": i,
@@ -8364,7 +8375,7 @@ const Wu = (e) => {
             })
           ]),
           _: 3
-        })) : (E(), P("div", Id)),
+        })) : (C(), P("div", Id)),
         en(se(oe(bi), {
           ref_key: "table",
           ref: c,
@@ -8373,24 +8384,24 @@ const Wu = (e) => {
         }, null, 8, ["settings"]), [
           [dr, !f.value]
         ]),
-        f.value ? (E(), P("div", Fd, [
+        f.value ? (C(), P("div", Fd, [
           se(v, {
             icon: oe(Fe).farInbox,
             class: "size-12 mb-4 text-gray-300"
           }, null, 8, ["icon"]),
           y[0] || (y[0] = T("p", { class: "text-sm" }, "No records found", -1))
         ])) : ye("", !0),
-        i.computed.ready ? (E(), Oe(rr, {
+        i.computed.ready ? (C(), Oe(rr, {
           key: 3,
           position: "footer"
         }, {
           default: Se(() => [
-            f.value ? ye("", !0) : (E(), Oe(cd, {
+            f.value ? ye("", !0) : (C(), Oe(cd, {
               key: 0,
               "spark-table": i
             }, null, 8, ["spark-table"])),
             T("div", Dd, [
-              f.value ? ye("", !0) : (E(), Oe(md, {
+              f.value ? ye("", !0) : (C(), Oe(md, {
                 key: 0,
                 "spark-table": i,
                 onPaginate: i.methods.applyParams
@@ -8413,7 +8424,7 @@ const Wu = (e) => {
   }
 };
 function ir() {
-  const e = Ct({
+  const e = Et({
     isVisible: !1,
     content: null,
     props: {},
@@ -8515,7 +8526,7 @@ function sm(e) {
   };
 }
 const Lo = "bolt-next-token", Ft = Fn("auth", () => {
-  const e = Ct({
+  const e = Et({
     user: null,
     token: null,
     ready: !1,
@@ -8671,7 +8682,7 @@ function am(e = {}) {
     showNotification: l = !0,
     setFieldErrors: u = !0,
     setFormErrors: d = !0
-  } = e, g = Tt(), i = Ee(!1);
+  } = e, g = Tt(), i = Ce(!1);
   async function f(b) {
     const { submitFn: m, method: y = "create", node: v = null, isEditMode: S = !1 } = b;
     i.value = !0, v && v.clearErrors();
@@ -8730,7 +8741,7 @@ function am(e = {}) {
   };
 }
 function im(e, t = {}) {
-  const { queryParams: n = "", fetchFn: o = null, fetchOnCreate: r = !1 } = t, a = jt(), s = Ee(null), c = Ee(null), l = te(() => a.params.id ?? null), u = te(() => l.value !== null);
+  const { queryParams: n = "", fetchFn: o = null, fetchOnCreate: r = !1 } = t, a = jt(), s = Ce(null), c = Ce(null), l = te(() => a.params.id ?? null), u = te(() => l.value !== null);
   async function d() {
     if (!(!r && !u.value)) {
       c.value = null;
@@ -8784,7 +8795,7 @@ function lm(e, t = {}) {
   return { handleDelete: c };
 }
 function cm(e = {}) {
-  const { items: t = [], defaultId: n = null, syncToQuery: o = !1 } = e, r = o === !0 ? "tab" : o || null, a = Tt(), s = jt(), c = Ee(t.map(l));
+  const { items: t = [], defaultId: n = null, syncToQuery: o = !1 } = e, r = o === !0 ? "tab" : o || null, a = Tt(), s = jt(), c = Ce(t.map(l));
   function l(y) {
     return {
       id: y.id,
@@ -8905,7 +8916,7 @@ function um(e = {}) {
     confirmText: o = "Leave",
     cancelText: r = "Stay",
     useRouteGuard: a = !0
-  } = e, s = `form-${++Yd}`, c = Ee(!1);
+  } = e, s = `form-${++Yd}`, c = Ce(!1);
   xn.set(s, {
     isDirty: !1,
     message: t
@@ -9018,7 +9029,7 @@ const dm = [
     }, p = te(() => n.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [n.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), b = te(() => n.mainNavStore.state.hidden ? ["pl-2.5"] : [n.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
     return (m, y) => {
       const v = Ze("font-awesome-icon"), S = Ze("router-view");
-      return E(), P(ze, null, [
+      return C(), P(ze, null, [
         T("div", {
           class: Le([p.value, "fixed inset-y-0 flex transition-all z-100"])
         }, [
@@ -9034,14 +9045,14 @@ const dm = [
                     class: "size-5"
                   }, null, 8, ["icon"])
                 ]),
-                e.mainNavStore.state.collapsed ? ye("", !0) : (E(), P("a", {
+                e.mainNavStore.state.collapsed ? ye("", !0) : (C(), P("a", {
                   key: 0,
                   class: "font-medium text-gray-800 ml-[10px] cursor-pointer",
                   onClick: y[1] || (y[1] = Je((x) => e.mainNavStore.goto(e.appStore.state.homeRoute), ["prevent"]))
                 }, we(e.appStore.state.app), 1))
               ]),
               T("ul", nf, [
-                (E(!0), P(ze, null, rt(c.value, (x) => (E(), P("li", {
+                (C(!0), P(ze, null, rt(c.value, (x) => (C(), P("li", {
                   key: x.name,
                   class: Le({ "mt-[10px]": x.children })
                 }, [
@@ -9053,14 +9064,14 @@ const dm = [
                     href: x?.href,
                     onClick: Je((_) => e.mainNavStore.goto(x.href), ["prevent"])
                   }, [
-                    x.icon ? (E(), Oe(v, {
+                    x.icon ? (C(), Oe(v, {
                       key: 0,
                       icon: oe(Fe)[x.icon],
                       class: Le([[(s(x), "text-gray-400")], "size-4"])
                     }, null, 8, ["icon", "class"])) : ye("", !0),
-                    e.mainNavStore.state.collapsed ? x?.children ? (E(), P("div", sf, [...y[6] || (y[6] = [
+                    e.mainNavStore.state.collapsed ? x?.children ? (C(), P("div", sf, [...y[6] || (y[6] = [
                       T("div", { class: "w-[10px] h-px bg-gray-400" }, null, -1)
-                    ])])) : ye("", !0) : (E(), P("span", {
+                    ])])) : ye("", !0) : (C(), P("span", {
                       key: 1,
                       class: Le({
                         "text-[11px]": x?.children,
@@ -9070,8 +9081,8 @@ const dm = [
                       })
                     }, we(x.name), 3))
                   ], 10, of),
-                  x.children ? (E(), P("ul", rf, [
-                    (E(!0), P(ze, null, rt(x.children, (_) => (E(), P("li", {
+                  x.children ? (C(), P("ul", rf, [
+                    (C(!0), P(ze, null, rt(x.children, (_) => (C(), P("li", {
                       key: _.name
                     }, [
                       T("a", {
@@ -9079,20 +9090,20 @@ const dm = [
                         href: _.href,
                         onClick: Je((M) => e.mainNavStore.goto(_.href), ["prevent"])
                       }, [
-                        _.icon ? (E(), Oe(v, {
+                        _.icon ? (C(), Oe(v, {
                           key: 0,
                           icon: oe(Fe)[_.icon],
                           class: Le([[(s(_), "text-gray-400")], "size-4"])
                         }, null, 8, ["icon", "class"])) : ye("", !0),
-                        e.mainNavStore.state.collapsed ? ye("", !0) : (E(), P("span", lf, we(_.name), 1))
+                        e.mainNavStore.state.collapsed ? ye("", !0) : (C(), P("span", lf, we(_.name), 1))
                       ], 10, af)
                     ]))), 128))
                   ])) : ye("", !0)
                 ], 2))), 128))
               ]),
               T("div", cf, [
-                l.value.length ? (E(), P("ul", uf, [
-                  (E(!0), P(ze, null, rt(l.value, (x) => (E(), P("li", {
+                l.value.length ? (C(), P("ul", uf, [
+                  (C(!0), P(ze, null, rt(l.value, (x) => (C(), P("li", {
                     key: x.name
                   }, [
                     T("a", {
@@ -9100,12 +9111,12 @@ const dm = [
                       href: x.href,
                       onClick: Je((_) => e.mainNavStore.goto(x.href), ["prevent"])
                     }, [
-                      x.icon ? (E(), Oe(v, {
+                      x.icon ? (C(), Oe(v, {
                         key: 0,
                         icon: oe(Fe)[x.icon],
                         class: Le([[(s(x), "text-gray-400")], "size-4"])
                       }, null, 8, ["icon", "class"])) : ye("", !0),
-                      e.mainNavStore.state.collapsed ? ye("", !0) : (E(), P("span", ff, we(x.name), 1))
+                      e.mainNavStore.state.collapsed ? ye("", !0) : (C(), P("span", ff, we(x.name), 1))
                     ], 10, df)
                   ]))), 128))
                 ])) : ye("", !0),
@@ -9140,12 +9151,12 @@ const dm = [
                   ])
                 ]),
                 Qe(m.$slots, "header-center", {}, () => [
-                  i.value ? (E(), P("div", {
+                  i.value ? (C(), P("div", {
                     key: 0,
                     class: "absolute left-1/2 -translate-x-1/2 cursor-pointer h-9 flex items-center",
                     onClick: h
                   }, [
-                    oe(u).currentBrand ? (E(), P("img", {
+                    oe(u).currentBrand ? (C(), P("img", {
                       key: 0,
                       src: oe(u).currentBrand.logo,
                       alt: "",
@@ -9155,7 +9166,7 @@ const dm = [
                 ]),
                 T("div", yf, [
                   Qe(m.$slots, "header-right", {}, () => [
-                    e.appStore.state.showAppSelector ? (E(), P("button", {
+                    e.appStore.state.showAppSelector ? (C(), P("button", {
                       key: 0,
                       class: "rounded-sm bg-white w-[42px] h-[42px] ring-1 ring-inset ring-gray-300",
                       type: "button",
@@ -9192,11 +9203,11 @@ const dm = [
 }, xf = {}, wf = { class: "h-full" };
 function Sf(e, t) {
   const n = Ze("router-view");
-  return E(), P("main", wf, [
+  return C(), P("main", wf, [
     se(n)
   ]);
 }
-const pm = /* @__PURE__ */ ln(xf, [["render", Sf]]), kf = { class: "h-full grid place-content-center relative" }, Ef = { class: "absolute top-8 left-8" }, Cf = ["src"], Tf = {
+const pm = /* @__PURE__ */ ln(xf, [["render", Sf]]), kf = { class: "h-full grid place-content-center relative" }, Cf = { class: "absolute top-8 left-8" }, Ef = ["src"], Tf = {
   key: 1,
   width: "59",
   height: "23",
@@ -9223,7 +9234,7 @@ const pm = /* @__PURE__ */ ln(xf, [["render", Sf]]), kf = { class: "h-full grid
     }
   },
   setup(e) {
-    const t = Tt(), n = jt(), o = ea(), r = Ft(), a = e, s = Ee(!1), c = Ee(""), l = async (u) => {
+    const t = Tt(), n = jt(), o = ea(), r = Ft(), a = e, s = Ce(!1), c = Ce(""), l = async (u) => {
       s.value = !0, c.value = "";
       try {
         await r.login(u);
@@ -9244,14 +9255,14 @@ const pm = /* @__PURE__ */ ln(xf, [["render", Sf]]), kf = { class: "h-full grid
     };
     return (u, d) => {
       const g = Ze("FormKit"), i = Ze("router-link");
-      return E(), P("div", kf, [
-        T("div", Ef, [
-          a.logo ? (E(), P("img", {
+      return C(), P("div", kf, [
+        T("div", Cf, [
+          a.logo ? (C(), P("img", {
             key: 0,
             src: a.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Cf)) : (E(), P("svg", Tf, [...d[0] || (d[0] = [
+          }, null, 8, Ef)) : (C(), P("svg", Tf, [...d[0] || (d[0] = [
             T("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -9311,7 +9322,7 @@ const pm = /* @__PURE__ */ ln(xf, [["render", Sf]]), kf = { class: "h-full grid
                   _: 1
                 }, 8, ["to"])
               ]),
-              c.value ? (E(), P("div", Of, we(c.value), 1)) : ye("", !0),
+              c.value ? (C(), P("div", Of, we(c.value), 1)) : ye("", !0),
               se(oe(gt), {
                 type: "submit",
                 size: "xl",
@@ -9319,7 +9330,7 @@ const pm = /* @__PURE__ */ ln(xf, [["render", Sf]]), kf = { class: "h-full grid
                 "button-class": "w-full mb-2"
               }, {
                 default: Se(() => [
-                  s.value ? (E(), P("span", Af, "Signing in...")) : (E(), P("span", Pf, "Sign in"))
+                  s.value ? (C(), P("span", Af, "Signing in...")) : (C(), P("span", Pf, "Sign in"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -9344,7 +9355,7 @@ const pm = /* @__PURE__ */ ln(xf, [["render", Sf]]), kf = { class: "h-full grid
       await o.logout();
       const a = n.query.redirect;
       a && a.startsWith("http") ? window.location.href = a : await t.push(a || r.defaultRedirect);
-    }), (a, s) => (E(), P("span"));
+    }), (a, s) => (C(), P("span"));
   }
 }, Ff = { class: "h-full grid place-content-center relative" }, Df = { class: "absolute top-8 left-8" }, jf = ["src"], Hf = {
   key: 1,
@@ -9372,7 +9383,7 @@ const pm = /* @__PURE__ */ ln(xf, [["render", Sf]]), kf = { class: "h-full grid
     }
   },
   setup(e) {
-    const t = Ft(), n = e, o = Ee(!1), r = Ee(""), a = Ee(""), s = async ({ email: c }) => {
+    const t = Ft(), n = e, o = Ce(!1), r = Ce(""), a = Ce(""), s = async ({ email: c }) => {
       o.value = !0, r.value = "", a.value = "";
       try {
         await vn.post(t.state.endpoints.passwordEmail, { email: c }), a.value = "Password reset link sent! Check your email.";
@@ -9384,14 +9395,14 @@ const pm = /* @__PURE__ */ ln(xf, [["render", Sf]]), kf = { class: "h-full grid
     };
     return (c, l) => {
       const u = Ze("FormKit"), d = Ze("router-link");
-      return E(), P("div", Ff, [
+      return C(), P("div", Ff, [
         T("div", Df, [
-          n.logo ? (E(), P("img", {
+          n.logo ? (C(), P("img", {
             key: 0,
             src: n.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, jf)) : (E(), P("svg", Hf, [...l[0] || (l[0] = [
+          }, null, 8, jf)) : (C(), P("svg", Hf, [...l[0] || (l[0] = [
             T("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -9429,8 +9440,8 @@ const pm = /* @__PURE__ */ ln(xf, [["render", Sf]]), kf = { class: "h-full grid
                 validation: "required|email",
                 "outer-class": "max-w-full"
               }),
-              r.value ? (E(), P("div", zf, we(r.value), 1)) : ye("", !0),
-              a.value ? (E(), P("div", Nf, we(a.value), 1)) : ye("", !0),
+              r.value ? (C(), P("div", zf, we(r.value), 1)) : ye("", !0),
+              a.value ? (C(), P("div", Nf, we(a.value), 1)) : ye("", !0),
               se(oe(gt), {
                 type: "submit",
                 size: "xl",
@@ -9438,7 +9449,7 @@ const pm = /* @__PURE__ */ ln(xf, [["render", Sf]]), kf = { class: "h-full grid
                 "button-class": "w-full mb-2"
               }, {
                 default: Se(() => [
-                  o.value ? (E(), P("span", qf, "Sending...")) : (E(), P("span", Bf, "Send reset link"))
+                  o.value ? (C(), P("span", qf, "Sending...")) : (C(), P("span", Bf, "Send reset link"))
                 ]),
                 _: 1
               }, 8, ["disabled"]),
@@ -9481,7 +9492,7 @@ const pm = /* @__PURE__ */ ln(xf, [["render", Sf]]), kf = { class: "h-full grid
     }
   },
   setup(e) {
-    const t = Tt(), n = jt(), o = Ft(), r = e, a = Ee(!1), s = Ee(""), c = async ({ password: l, password_confirmation: u }) => {
+    const t = Tt(), n = jt(), o = Ft(), r = e, a = Ce(!1), s = Ce(""), c = async ({ password: l, password_confirmation: u }) => {
       a.value = !0, s.value = "";
       try {
         await vn.post(o.state.endpoints.passwordReset, {
@@ -9498,14 +9509,14 @@ const pm = /* @__PURE__ */ ln(xf, [["render", Sf]]), kf = { class: "h-full grid
     };
     return (l, u) => {
       const d = Ze("FormKit");
-      return E(), P("div", Uf, [
+      return C(), P("div", Uf, [
         T("div", Zf, [
-          r.logo ? (E(), P("img", {
+          r.logo ? (C(), P("img", {
             key: 0,
             src: r.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, Gf)) : (E(), P("svg", Yf, [...u[0] || (u[0] = [
+          }, null, 8, Gf)) : (C(), P("svg", Yf, [...u[0] || (u[0] = [
             T("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -9551,7 +9562,7 @@ const pm = /* @__PURE__ */ ln(xf, [["render", Sf]]), kf = { class: "h-full grid
                 validation: "required|confirm:password",
                 "outer-class": "max-w-full"
               }),
-              s.value ? (E(), P("div", Kf, we(s.value), 1)) : ye("", !0),
+              s.value ? (C(), P("div", Kf, we(s.value), 1)) : ye("", !0),
               se(oe(gt), {
                 type: "submit",
                 size: "xl",
@@ -9559,7 +9570,7 @@ const pm = /* @__PURE__ */ ln(xf, [["render", Sf]]), kf = { class: "h-full grid
                 "button-class": "w-full mb-2"
               }, {
                 default: Se(() => [
-                  a.value ? (E(), P("span", Qf, "Resetting...")) : (E(), P("span", Jf, "Reset password"))
+                  a.value ? (C(), P("span", Qf, "Resetting...")) : (C(), P("span", Jf, "Reset password"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -9593,14 +9604,14 @@ const pm = /* @__PURE__ */ ln(xf, [["render", Sf]]), kf = { class: "h-full grid
     const t = Tt(), n = e, o = () => {
       t.push(n.homeRoute);
     };
-    return (r, a) => (E(), P("div", tp, [
+    return (r, a) => (C(), P("div", tp, [
       T("div", np, [
-        n.logo ? (E(), P("img", {
+        n.logo ? (C(), P("img", {
           key: 0,
           src: n.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, op)) : (E(), P("svg", sp, [...a[0] || (a[0] = [
+        }, null, 8, op)) : (C(), P("svg", sp, [...a[0] || (a[0] = [
           T("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -9666,14 +9677,14 @@ const pm = /* @__PURE__ */ ln(xf, [["render", Sf]]), kf = { class: "h-full grid
     const t = Tt(), n = e, o = () => {
       t.push(n.homeRoute);
     };
-    return (r, a) => (E(), P("div", lp, [
+    return (r, a) => (C(), P("div", lp, [
       T("div", cp, [
-        n.logo ? (E(), P("img", {
+        n.logo ? (C(), P("img", {
           key: 0,
           src: n.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, up)) : (E(), P("svg", dp, [...a[0] || (a[0] = [
+        }, null, 8, up)) : (C(), P("svg", dp, [...a[0] || (a[0] = [
           T("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -9747,14 +9758,14 @@ const pm = /* @__PURE__ */ ln(xf, [["render", Sf]]), kf = { class: "h-full grid
     const t = Tt(), n = e, o = () => {
       t.push(n.homeRoute);
     };
-    return (r, a) => (E(), P("div", gp, [
+    return (r, a) => (C(), P("div", gp, [
       T("div", hp, [
-        n.logo ? (E(), P("img", {
+        n.logo ? (C(), P("img", {
           key: 0,
           src: n.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, vp)) : (E(), P("svg", yp, [...a[0] || (a[0] = [
+        }, null, 8, vp)) : (C(), P("svg", yp, [...a[0] || (a[0] = [
           T("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -9838,10 +9849,10 @@ function hm(e, t = {}) {
   const { defaultAuthenticatedRoute: n = "/dashboard" } = t;
   e.beforeEach(async (o, r, a) => {
     const s = Ft();
-    s.state.ready || await s.fetchUser(), Ep(o, a, s, n);
+    s.state.ready || await s.fetchUser(), Cp(o, a, s, n);
   });
 }
-function Ep(e, t, n, o) {
+function Cp(e, t, n, o) {
   const r = e.meta.auth !== !1, a = n.check;
   if (n.state.overrideToken && e.path === "/logout") {
     t({ path: o });
@@ -9958,7 +9969,7 @@ function wm() {
   };
 }
 const Sm = Fn("sparkNav", () => {
-  const e = Ct({
+  const e = Et({
     menu: [],
     collapsed: !1,
     hidden: !1