@wishbone-media/spark 0.15.1 → 0.15.3

package/dist/index.js

@@ -1,4 +1,4 @@
-import { computed as k, resolveComponent as $, createElementBlock as g, openBlock as f, normalizeClass as _, createElementVNode as c, createVNode as b, unref as y, renderSlot as T, reactive as z, Fragment as M, renderList as B, createCommentVNode as x, toDisplayString as S, createBlock as V, resolveDynamicComponent as W, ref as L, inject as ge, provide as Ve, markRaw as he, withCtx as w, mergeProps as Y, toHandlers as ye, createTextVNode as P, withModifiers as j, useSlots as be, watch as E, onMounted as ve, h as le } from "vue";
+import { computed as k, resolveComponent as L, createElementBlock as g, openBlock as f, normalizeClass as _, createElementVNode as c, createVNode as b, unref as y, renderSlot as T, reactive as z, Fragment as M, renderList as B, createCommentVNode as x, toDisplayString as S, createBlock as V, resolveDynamicComponent as W, ref as $, inject as ge, provide as Ve, markRaw as he, withCtx as w, mergeProps as Y, toHandlers as ye, createTextVNode as P, withModifiers as j, useSlots as be, watch as E, onMounted as ve, h as le } from "vue";
 import { library as xe, icon as ee } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon as Pe } from "@fortawesome/vue-fontawesome";
 import { faUndo as Re, faEye as Me, faSignOut as Fe, faXmark as Ae, faTrash as Be, faTimes as Ee, faStreetView as ze, faSortUp as je, faSortDown as Oe, faSort as Ie, faScaleBalanced as Ne, faSatelliteDish as De, faLayerPlus as Ze, faLaptopMobile as qe, faInfoCircle as Ge, faGripDotsVertical as Ke, faGearComplex as Ue, faFlag as We, faFaceSmileWink as Ye, faFaceSmileRelaxed as Xe, faExclamationTriangle as Je, faEllipsisVertical as Qe, faEllipsis as et, faEdit as tt, faComments as st, faCircleXmark as at, faCircleUser as ot, faChevronUp as rt, faChevronRight as nt, faChevronLeft as lt, faChevronDown as it, faCheckCircle as ct, faCheck as dt, faBullhorn as ut, faBellRing as pt, faBarsSort as ft, faArrowRightToLine as mt, faArrowLeftToLine as gt } from "@fortawesome/pro-regular-svg-icons";
@@ -87,35 +87,35 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
       warning: "farExclamationTriangle",
       danger: "farCircleXmark",
       info: "farInfoCircle"
-    })[s.type]), o = k(() => ({
+    })[s.type]), r = k(() => ({
       success: "text-green-400 hover:bg-green-100",
       warning: "text-yellow-400 hover:bg-yellow-100",
       danger: "text-red-400 hover:bg-red-100",
       info: "text-blue-400 hover:bg-blue-100"
     })[s.type]);
-    return (n, i) => {
-      const r = $("font-awesome-icon");
+    return (o, i) => {
+      const n = L("font-awesome-icon");
       return f(), g("div", {
         class: _(["rounded-md border p-4", t.value])
       }, [
         c("div", Lt, [
           c("div", Ht, [
-            b(r, {
+            b(n, {
               icon: y(H)[l.value],
               class: _(a.value)
             }, null, 8, ["icon", "class"])
           ]),
           c("div", Tt, [
-            T(n.$slots, "default")
+            T(o.$slots, "default")
           ]),
           c("div", Vt, [
             c("div", Pt, [
               c("button", {
                 type: "button",
-                class: _(["inline-flex rounded-md px-2 py-1.5", o.value]),
-                onClick: i[0] || (i[0] = (d) => n.$emit("close"))
+                class: _(["inline-flex rounded-md px-2 py-1.5", r.value]),
+                onClick: i[0] || (i[0] = (d) => o.$emit("close"))
               }, [
-                b(r, {
+                b(n, {
                   icon: y(H).farXmark
                 }, null, 8, ["icon"])
               ], 2)
@@ -171,13 +171,13 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
 ], Se = X("sparkAppSelector", () => {
   const e = z({
     apps: [...oe]
-  }), s = (o = {}) => {
-    if (o.apps && Array.isArray(o.apps)) {
-      const n = o.apps.filter((i) => {
-        const r = i.name && i.description && i.icon && i.href;
-        return r || console.warn("useSparkAppSelectorStore: Invalid app object", i), r;
+  }), s = (r = {}) => {
+    if (r.apps && Array.isArray(r.apps)) {
+      const o = r.apps.filter((i) => {
+        const n = i.name && i.description && i.icon && i.href;
+        return n || console.warn("useSparkAppSelectorStore: Invalid app object", i), n;
       });
-      e.apps = n.map((i) => ({
+      e.apps = o.map((i) => ({
         name: i.name,
         description: i.description,
         icon: i.icon,
@@ -185,33 +185,33 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
       }));
       return;
     }
-    if (o.appHrefs && typeof o.appHrefs == "object") {
-      const n = /* @__PURE__ */ new Map();
-      Object.keys(o.appHrefs).forEach((i) => {
-        n.set(i.toLowerCase(), o.appHrefs[i]);
+    if (r.appHrefs && typeof r.appHrefs == "object") {
+      const o = /* @__PURE__ */ new Map();
+      Object.keys(r.appHrefs).forEach((i) => {
+        o.set(i.toLowerCase(), r.appHrefs[i]);
       }), e.apps = oe.map((i) => {
-        const r = n.get(i.name.toLowerCase());
+        const n = o.get(i.name.toLowerCase());
         return {
           ...i,
-          href: r || i.href
+          href: n || i.href
         };
       });
       return;
     }
     e.apps = [...oe];
-  }, t = k(() => e.apps), a = (o) => {
-    if (!o) return null;
-    const n = o.toLowerCase();
-    return e.apps.find((i) => i.name.toLowerCase() === n) || null;
+  }, t = k(() => e.apps), a = (r) => {
+    if (!r) return null;
+    const o = r.toLowerCase();
+    return e.apps.find((i) => i.name.toLowerCase() === o) || null;
   };
   return {
     state: e,
     initialize: s,
     allApps: t,
     getAppByName: a,
-    getAppIcon: (o) => {
-      const n = a(o);
-      return n ? n.icon : "";
+    getAppIcon: (r) => {
+      const o = a(r);
+      return o ? o.icon : "";
     }
   };
 }), $e = X("sparkApp", () => {
@@ -250,36 +250,36 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
   },
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, a = Se(), l = $e(), o = k(() => {
+    const t = s, a = Se(), l = $e(), r = k(() => {
       const i = l.state.app;
-      return a.state.apps.map((r) => ({
-        ...r,
-        current: i && r.name.toLowerCase() === i.toLowerCase()
+      return a.state.apps.map((n) => ({
+        ...n,
+        current: i && n.name.toLowerCase() === i.toLowerCase()
       }));
-    }), n = (i, r) => {
+    }), o = (i, n) => {
       t("select", i);
     };
-    return (i, r) => {
-      const d = $("font-awesome-icon");
+    return (i, n) => {
+      const d = L("font-awesome-icon");
       return f(), g("div", Rt, [
         c("div", Mt, [
           c("div", Ft, [
             c("div", At, [
-              r[1] || (r[1] = c("div", null, "Mr Group Network", -1)),
+              n[1] || (n[1] = c("div", null, "Mr Group Network", -1)),
               c("div", Bt, [
                 b(d, {
                   icon: y(H).farTimes,
                   class: "h-[15px] w-[15px] shrink-0 text-gray-400 cursor-pointer",
-                  onClick: r[0] || (r[0] = (m) => t("close"))
+                  onClick: n[0] || (n[0] = (m) => t("close"))
                 }, null, 8, ["icon"])
               ])
             ]),
-            (f(!0), g(M, null, B(o.value, (m) => (f(), g("a", {
+            (f(!0), g(M, null, B(r.value, (m) => (f(), g("a", {
               key: m.name,
               href: m.href,
               target: "_blank",
               class: _([m.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
-              onClick: (u) => m.current ? u.preventDefault() : n(m)
+              onClick: (u) => m.current ? u.preventDefault() : o(m)
             }, [
               c("div", zt, [
                 c("div", jt, [
@@ -295,7 +295,7 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
                 }, null, 8, ["class", "icon"])
               ])
             ], 10, Et))), 128)),
-            r[2] || (r[2] = c("div", null, null, -1))
+            n[2] || (n[2] = c("div", null, null, -1))
           ]),
           c("div", Zt, [
             i.$slots.bottom || e.bottomSlot ? (f(), g("div", qt, [
@@ -318,36 +318,36 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
   () => {
     const e = z({
       brands: []
-    }), s = (o = {}) => {
-      if (!o.brands || !Array.isArray(o.brands)) {
+    }), s = (r = {}) => {
+      if (!r.brands || !Array.isArray(r.brands)) {
         console.warn("useSparkBrandFilterStore: No brands provided to initialize()"), e.brands = [];
         return;
       }
-      const n = o.brands.filter((r) => {
-        const d = r.id && r.name && r.logo;
-        return d || console.warn("useSparkBrandFilterStore: Invalid brand object", r), d;
-      }), i = n.filter((r) => r.current);
-      i.length === 0 && n.length > 0 ? n[0].current = !0 : i.length > 1 && n.forEach((r) => {
-        r.current = r === i[0];
-      }), e.brands = n.map((r) => ({
-        id: r.id,
-        name: r.name,
-        logo: r.logo,
-        current: r.current || !1
+      const o = r.brands.filter((n) => {
+        const d = n.id && n.name && n.logo;
+        return d || console.warn("useSparkBrandFilterStore: Invalid brand object", n), d;
+      }), i = o.filter((n) => n.current);
+      i.length === 0 && o.length > 0 ? o[0].current = !0 : i.length > 1 && o.forEach((n) => {
+        n.current = n === i[0];
+      }), e.brands = o.map((n) => ({
+        id: n.id,
+        name: n.name,
+        logo: n.logo,
+        current: n.current || !1
       }));
-    }, t = k(() => e.brands.find((o) => o.current) || null), a = k(() => e.brands);
+    }, t = k(() => e.brands.find((r) => r.current) || null), a = k(() => e.brands);
     return {
       state: e,
       initialize: s,
       currentBrand: t,
       allBrands: a,
-      toggleBrand: (o) => {
-        if (!o || !e.brands.includes(o)) {
+      toggleBrand: (r) => {
+        if (!r || !e.brands.includes(r)) {
           console.warn("useSparkBrandFilterStore: Invalid brand provided to toggleBrand()");
           return;
         }
-        e.brands.forEach((n) => {
-          n.current = n === o;
+        e.brands.forEach((o) => {
+          o.current = o === r;
         });
       }
     };
@@ -367,50 +367,50 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
   __name: "SparkBrandSelector",
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, a = Le(), l = (o) => {
-      t("select", o);
+    const t = s, a = Le(), l = (r) => {
+      t("select", r);
     };
-    return (o, n) => {
-      const i = $("font-awesome-icon");
+    return (r, o) => {
+      const i = L("font-awesome-icon");
       return f(), g("div", Ut, [
         c("div", Wt, [
           c("div", Yt, [
             c("div", Xt, [
-              n[1] || (n[1] = c("div", null, "Filter by Brand", -1)),
+              o[1] || (o[1] = c("div", null, "Filter by Brand", -1)),
               c("div", Jt, [
                 b(i, {
                   icon: y(H).farTimes,
                   class: "size-4 text-gray-400 cursor-pointer",
-                  onClick: n[0] || (n[0] = (r) => t("close"))
+                  onClick: o[0] || (o[0] = (n) => t("close"))
                 }, null, 8, ["icon"])
               ])
             ]),
             y(a).allBrands.length === 0 ? (f(), g("div", Qt, " No brands configured ")) : x("", !0),
-            (f(!0), g(M, null, B(y(a).allBrands, (r) => (f(), g("div", {
-              key: r.id,
-              class: _([r.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
-              onClick: (d) => l(r)
+            (f(!0), g(M, null, B(y(a).allBrands, (n) => (f(), g("div", {
+              key: n.id,
+              class: _([n.current ? "bg-gray-50" : "hover:bg-gray-50", "flex px-[22px] py-[15px] cursor-pointer"]),
+              onClick: (d) => l(n)
             }, [
               c("div", ts, [
                 c("div", ss, [
                   c("img", {
-                    src: r.logo,
-                    alt: `${r.name} logo`,
+                    src: n.logo,
+                    alt: `${n.name} logo`,
                     class: "h-8 w-auto"
                   }, null, 8, as)
                 ]),
                 c("div", os, [
                   c("div", rs, [
-                    c("div", ns, S(r.name), 1),
-                    r.current ? (f(), g("span", ls, " Current ")) : x("", !0)
+                    c("div", ns, S(n.name), 1),
+                    n.current ? (f(), g("span", ls, " Current ")) : x("", !0)
                   ]),
-                  c("div", is, S(r.current ? "Current Brand" : "Change to"), 1)
+                  c("div", is, S(n.current ? "Current Brand" : "Change to"), 1)
                 ])
               ])
             ], 10, es))), 128)),
-            n[2] || (n[2] = c("div", null, null, -1))
+            o[2] || (o[2] = c("div", null, null, -1))
           ]),
-          n[3] || (n[3] = c("div", { class: "mt-auto" }, null, -1))
+          o[3] || (o[3] = c("div", { class: "mt-auto" }, null, -1))
         ])
       ]);
     };
@@ -437,16 +437,16 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
     }
   },
   setup(e) {
-    const s = e, t = L(null), a = ge("buttonGroup", null), l = k(() => {
+    const s = e, t = $(null), a = ge("buttonGroup", null), l = k(() => {
       if (!a?.isInGroup || !t.value) return null;
-      const r = a.getButtonIndex(t.value), d = a.getButtonCount();
+      const n = a.getButtonIndex(t.value), d = a.getButtonCount();
       return {
-        isFirst: r === 0,
-        isLast: r === d - 1,
-        index: r,
+        isFirst: n === 0,
+        isLast: n === d - 1,
+        index: n,
         total: d
       };
-    }), o = {
+    }), r = {
       paddingX: /^px-/,
       paddingY: /^py-/,
       paddingAll: /^p-/,
@@ -456,85 +456,85 @@ const Lt = { class: "flex items-center" }, Ht = { class: "shrink-0 self-start" }
       borderRadius: /^rounded-/,
       background: /^bg-/,
       text: /^text-(?!white|black)/
-    }, n = (r, d) => {
-      if (!d) return r;
-      const m = r.split(" ").filter(Boolean), u = d.split(" ").filter(Boolean);
+    }, o = (n, d) => {
+      if (!d) return n;
+      const m = n.split(" ").filter(Boolean), u = d.split(" ").filter(Boolean);
       return [...m.filter((h) => !u.some((v) => {
-        const N = Object.entries(o).find(
+        const N = Object.entries(r).find(
           ([R, J]) => J.test(h)
-        )?.[0], C = Object.entries(o).find(
+        )?.[0], C = Object.entries(r).find(
           ([R, J]) => J.test(v)
         )?.[0];
         return N && N === C;
       })), ...u].join(" ");
     }, i = k(() => {
-      let r = "", d = "";
+      let n = "", d = "";
       switch (s.size) {
         case "xs":
-          r += " px-2 py-1 text-xs", d = "sm";
+          n += " px-2 py-1 text-xs", d = "sm";
           break;
         case "sm":
-          r += " px-2 py-1 text-sm", d = "sm";
+          n += " px-2 py-1 text-sm", d = "sm";
           break;
         case "md":
-          r += " px-2.5 py-1.5 text-sm", d = "md";
+          n += " px-2.5 py-1.5 text-sm", d = "md";
           break;
         case "lg":
-          r += " px-3 py-2 text-sm", d = "md";
+          n += " px-3 py-2 text-sm", d = "md";
           break;
         case "xl":
-          r += " px-3.5 py-2.5 min-h-[42px] text-sm", d = "md";
+          n += " px-3.5 py-2.5 min-h-[42px] text-sm", d = "md";
           break;
       }
       if (a?.isInGroup && l.value) {
         const { isFirst: m, isLast: u } = l.value;
-        r += " relative inline-flex items-center focus:z-10", m && u ? r += ` rounded-${d}` : m ? r += ` rounded-l-${d} rounded-r-none` : u ? r += ` rounded-r-${d} rounded-l-none -ml-px` : r += " rounded-none -ml-px";
+        n += " relative inline-flex items-center focus:z-10", m && u ? n += ` rounded-${d}` : m ? n += ` rounded-l-${d} rounded-r-none` : u ? n += ` rounded-r-${d} rounded-l-none -ml-px` : n += " rounded-none -ml-px";
       } else
-        r += ` shadow-xs rounded-${d}`;
+        n += ` shadow-xs rounded-${d}`;
       switch (s.variant) {
         case "primary":
-          r += " bg-primary-600 hover:bg-primary-500 text-white";
+          n += " bg-primary-600 hover:bg-primary-500 text-white";
           break;
         case "secondary":
-          r += "  ring-1 ring-gray-300 ring-inset bg-white hover:bg-gray-50 text-gray-900";
+          n += "  ring-1 ring-gray-300 ring-inset bg-white hover:bg-gray-50 text-gray-900";
           break;
         case "success":
-          r += " bg-green-600 hover:bg-green-500 text-white";
+          n += " bg-green-600 hover:bg-green-500 text-white";
           break;
         case "warning":
-          r += " bg-amber-600 hover:bg-amber-500 text-white";
+          n += " bg-amber-600 hover:bg-amber-500 text-white";
           break;
         case "danger":
-          r += " bg-red-600 hover:bg-red-500 text-white";
+          n += " bg-red-600 hover:bg-red-500 text-white";
           break;
         case "info":
-          r += " bg-cyan-600 hover:bg-cyan-500 text-white";
+          n += " bg-cyan-600 hover:bg-cyan-500 text-white";
           break;
         default:
-          r += ` bg-${s.variant}-600 hover:bg-${s.variant}-500 text-white`;
+          n += ` bg-${s.variant}-600 hover:bg-${s.variant}-500 text-white`;
       }
-      return r = n(r, s.buttonClass), r;
+      return n = o(n, s.buttonClass), n;
     });
-    return (r, d) => (f(), g("button", {
+    return (n, d) => (f(), g("button", {
       type: "button",
       ref_key: "buttonRef",
       ref: t,
       class: _(i.value),
       disabled: e.disabled,
-      onClick: d[0] || (d[0] = (m) => r.$emit("click"))
+      onClick: d[0] || (d[0] = (m) => n.$emit("click"))
     }, [
-      T(r.$slots, "default")
+      T(n.$slots, "default")
     ], 10, ds));
   }
 }, us = {
   __name: "SparkButtonGroup",
   setup(e) {
-    const s = L(null);
+    const s = $(null);
     return Ve("buttonGroup", {
       isInGroup: !0,
       getButtonIndex: (l) => s.value ? Array.from(s.value.children).indexOf(l) : -1,
       getButtonCount: () => s.value?.children.length || 0
-    }), (l, o) => (f(), g("div", {
+    }), (l, r) => (f(), g("div", {
       class: "inline-flex rounded-md shadow-xs",
       ref_key: "groupRef",
       ref: s
@@ -719,7 +719,7 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       success: "farCheckCircle",
       warning: "farExclamationTriangle",
       danger: "farCircleXmark"
-    }, o = k(() => s.icon || l[s.type]), n = k(() => ({
+    }, r = k(() => s.icon || l[s.type]), o = k(() => ({
       info: "bg-blue-100",
       success: "bg-green-100",
       warning: "bg-yellow-100",
@@ -730,20 +730,20 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       warning: "text-yellow-400",
       danger: "text-red-400"
     })[s.type]);
-    return (r, d) => {
-      const m = $("font-awesome-icon");
+    return (n, d) => {
+      const m = L("font-awesome-icon");
       return f(), g("div", vs, [
-        o.value ? (f(), g("div", {
+        r.value ? (f(), g("div", {
           key: 0,
-          class: _(["mx-auto flex size-12 items-center justify-center rounded-full", n.value])
+          class: _(["mx-auto flex size-12 items-center justify-center rounded-full", o.value])
         }, [
           b(m, {
-            icon: y(H)[o.value],
+            icon: y(H)[r.value],
             class: _(["h-5 w-5", i.value])
           }, null, 8, ["icon", "class"])
         ], 2)) : x("", !0),
         c("div", {
-          class: _(["text-center", { "mt-3 sm:mt-5": o.value }])
+          class: _(["text-center", { "mt-3 sm:mt-5": r.value }])
         }, [
           e.title ? (f(), g("h3", xs, S(e.title), 1)) : x("", !0),
           e.message ? (f(), g("div", {
@@ -757,7 +757,7 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
           (f(!0), g(M, null, B(t.value, (u, p) => (f(), V(y(A), {
             key: p,
             variant: u.variant,
-            onClick: (h) => r.$emit(u.event, u)
+            onClick: (h) => n.$emit(u.event, u)
           }, {
             default: w(() => [
               P(S(u.text), 1)
@@ -783,10 +783,10 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   },
   emits: ["close"],
   setup(e, { emit: s }) {
-    const t = L(null), a = e, l = s, o = () => {
+    const t = $(null), a = e, l = s, r = () => {
       a.overlayInstance.close(), l("close");
     };
-    return (n, i) => (f(), V(y(ke), {
+    return (o, i) => (f(), V(y(ke), {
       show: e.overlayInstance.state.isVisible,
       as: "template"
     }, {
@@ -794,7 +794,7 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
         b(y(_e), {
           initialFocus: t.value,
           class: "relative z-200",
-          onClose: o
+          onClose: r
         }, {
           default: w(() => [
             b(y(te), {
@@ -858,10 +858,10 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     return;
   const l = document.createElement("span");
   l.classList.add("spark-table-head-sorting"), l.innerHTML = ee({ prefix: "far", iconName: "sort" }).html + ee({ prefix: "far", iconName: "sort-up" }).html + ee({ prefix: "far", iconName: "sort-down" }).html, a.appendChild(l), a.addEventListener("click", async () => {
-    const o = t.params.sort;
-    return o === e ? (a.classList.remove("asc"), a.classList.add("desc"), t.methods.applyParams({
+    const r = t.params.sort;
+    return r === e ? (a.classList.remove("asc"), a.classList.add("desc"), t.methods.applyParams({
       sort: `-${e}`
-    })) : o === `-${e}` ? (a.classList.remove("desc"), await t.methods.removeParam("sort")) : (a.classList.add("asc"), t.methods.applyParams({
+    })) : r === `-${e}` ? (a.classList.remove("desc"), await t.methods.removeParam("sort")) : (a.classList.add("asc"), t.methods.applyParams({
       sort: e
     }));
   });
@@ -870,16 +870,16 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     return;
   const a = document.createElement("div"), l = document.createElement("input");
   l.type = "text", l.placeholder = "Filter...", a.className = "spark-table-head-filter", a.appendChild(l);
-  const o = Ce(async (n, i) => {
-    const r = i.target.value, d = `filter[${n}]`;
-    if (r)
-      return t.params[d] && t.params[d] === r ? void 0 : t.methods.applyParams({
+  const r = Ce(async (o, i) => {
+    const n = i.target.value, d = `filter[${o}]`;
+    if (n)
+      return t.params[d] && t.params[d] === n ? void 0 : t.methods.applyParams({
         page: 1,
-        [d]: r
+        [d]: n
       });
     await t.methods.removeParam(d);
   }, 200);
-  l.addEventListener("keyup", (n) => o(e, n)), s.appendChild(a);
+  l.addEventListener("keyup", (o) => r(e, o)), s.appendChild(a);
 }, Ss = (e, s, t) => {
   e.classList.add("spark-table-head"), (!t || !t.hideSort) && e.classList.add("can-sort"), (!t || !t.hideFilter) && e.classList.add("can-filter"), e.querySelector(".relative").classList.add("spark-table-head-title-wrapper");
   const l = e.querySelector(".colHeader");
@@ -890,9 +890,9 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   if (e < 0)
     return;
   let a = 2;
-  const l = t.methods.colToProp(e), o = t.methods.getSettingsForProp(l);
-  s.childElementCount === 1 && (o && o.hideSort && a--, o && o.hideFilter && a--, (!o || !o.hideSort) && ws(l, s, t), (!o || !o.hideFilter) && Cs(l, s, t)), (s.childElementCount === a || a === 0) && Ss(s, l, o);
-}, Ls = (e) => (s, t, a, l, o, n, i) => {
+  const l = t.methods.colToProp(e), r = t.methods.getSettingsForProp(l);
+  s.childElementCount === 1 && (r && r.hideSort && a--, r && r.hideFilter && a--, (!r || !r.hideSort) && ws(l, s, t), (!r || !r.hideFilter) && Cs(l, s, t)), (s.childElementCount === a || a === 0) && Ss(s, l, r);
+}, Ls = (e) => (s, t, a, l, r, o, i) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-actions");
   const d = (i.rendererConfig || {}).actions || [];
   if (d.length === 0)
@@ -928,10 +928,10 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   purple: "bg-purple-100 text-purple-800",
   pink: "bg-pink-100 text-pink-800",
   indigo: "bg-indigo-100 text-indigo-800"
-}, Hs = (e) => (s, t, a, l, o, n, i) => {
-  if (t.innerHTML = "", t.classList.add("spark-table-cell-badge"), !n)
+}, Hs = (e) => (s, t, a, l, r, o, i) => {
+  if (t.innerHTML = "", t.classList.add("spark-table-cell-badge"), !o)
     return;
-  const d = (i.rendererConfig || {}).colorMap || {}, m = d[n] || d[n?.toLowerCase()] || "gray", u = de[m] || de.gray, p = document.createElement("span");
+  const d = (i.rendererConfig || {}).colorMap || {}, m = d[o] || d[o?.toLowerCase()] || "gray", u = de[m] || de.gray, p = document.createElement("span");
   p.classList.add(
     "inline-flex",
     "items-center",
@@ -942,63 +942,63 @@ const U = new gs(), hs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     "font-medium",
     "capitalize",
     ...u.split(" ")
-  ), p.textContent = n, t.appendChild(p);
-}, Ts = (e) => (s, t, a, l, o, n, i) => {
-  if (t.innerHTML = "", t.classList.add("spark-table-cell-link"), !n)
+  ), p.textContent = o, t.appendChild(p);
+}, Ts = (e) => (s, t, a, l, r, o, i) => {
+  if (t.innerHTML = "", t.classList.add("spark-table-cell-link"), !o)
     return;
-  const r = i.rendererConfig || {}, d = s.getSourceDataAtRow(s.toPhysicalRow(a));
-  let m = n;
-  r.href && (typeof r.href == "function" ? m = r.href(d) : r.href === "email" ? m = `mailto:${n}` : r.href === "tel" ? m = `tel:${n}` : typeof r.href == "string" && (m = d[r.href] || n));
+  const n = i.rendererConfig || {}, d = s.getSourceDataAtRow(s.toPhysicalRow(a));
+  let m = o;
+  n.href && (typeof n.href == "function" ? m = n.href(d) : n.href === "email" ? m = `mailto:${o}` : n.href === "tel" ? m = `tel:${o}` : typeof n.href == "string" && (m = d[n.href] || o));
   const u = document.createElement("a");
-  u.href = m, u.textContent = n, u.classList.add("text-primary-600", "hover:text-primary-900", "hover:underline"), r.target && (u.target = r.target), r.rel && (u.rel = r.rel), u.addEventListener("click", (p) => {
+  u.href = m, u.textContent = o, u.classList.add("text-primary-600", "hover:text-primary-900", "hover:underline"), n.target && (u.target = n.target), n.rel && (u.rel = n.rel), u.addEventListener("click", (p) => {
     p.stopPropagation();
   }), t.appendChild(u);
 }, ue = {
   sm: "h-6 w-6",
   md: "h-8 w-8",
   lg: "h-12 w-12"
-}, Vs = (e) => (s, t, a, l, o, n, i) => {
-  if (t.innerHTML = "", t.classList.add("spark-table-cell-image"), !n)
+}, Vs = (e) => (s, t, a, l, r, o, i) => {
+  if (t.innerHTML = "", t.classList.add("spark-table-cell-image"), !o)
     return;
-  const r = i.rendererConfig || {}, d = s.getSourceDataAtRow(s.toPhysicalRow(a)), m = r.size || "md", u = ue[m] || ue.md, p = r.rounded !== !1;
-  let h = r.alt || "";
-  typeof r.alt == "string" && d[r.alt] && (h = d[r.alt]);
+  const n = i.rendererConfig || {}, d = s.getSourceDataAtRow(s.toPhysicalRow(a)), m = n.size || "md", u = ue[m] || ue.md, p = n.rounded !== !1;
+  let h = n.alt || "";
+  typeof n.alt == "string" && d[n.alt] && (h = d[n.alt]);
   const v = document.createElement("img");
-  v.src = n, v.alt = h, v.classList.add(...u.split(" "), "object-cover"), p ? v.classList.add("rounded-full") : v.classList.add("rounded"), t.appendChild(v);
-}, Ps = (e) => (s, t, a, l, o, n, i) => {
-  if (t.innerHTML = "", t.classList.add("spark-table-cell-date"), !n)
+  v.src = o, v.alt = h, v.classList.add(...u.split(" "), "object-cover"), p ? v.classList.add("rounded-full") : v.classList.add("rounded"), t.appendChild(v);
+}, Ps = (e) => (s, t, a, l, r, o, i) => {
+  if (t.innerHTML = "", t.classList.add("spark-table-cell-date"), !o)
     return;
-  const r = i.rendererConfig || {}, d = r.format || "short", m = r.locale || "en-US";
-  let u = n;
+  const n = i.rendererConfig || {}, d = n.format || "short", m = n.locale || "en-US";
+  let u = o;
   try {
-    const h = new Date(n);
-    isNaN(h.getTime()) ? u = n : typeof d == "function" ? u = d(h) : d === "short" ? u = h.toLocaleDateString(m) : d === "long" ? u = h.toLocaleDateString(m, {
+    const h = new Date(o);
+    isNaN(h.getTime()) ? u = o : typeof d == "function" ? u = d(h) : d === "short" ? u = h.toLocaleDateString(m) : d === "long" ? u = h.toLocaleDateString(m, {
       year: "numeric",
       month: "long",
       day: "numeric"
     }) : d === "relative" ? u = Rs(h) : d === "datetime" ? u = h.toLocaleString(m) : u = h.toLocaleDateString(m);
   } catch (h) {
-    console.error("Error formatting date:", h), u = n;
+    console.error("Error formatting date:", h), u = o;
   }
   const p = document.createElement("span");
   p.textContent = u, t.appendChild(p);
 };
 function Rs(e) {
-  const t = /* @__PURE__ */ new Date() - e, a = Math.floor(Math.abs(t) / 1e3), l = Math.floor(a / 60), o = Math.floor(l / 60), n = Math.floor(o / 24), i = Math.floor(n / 30), r = Math.floor(n / 365), d = t > 0;
-  return a < 60 ? d ? "just now" : "in a moment" : l < 60 ? d ? `${l} minute${l > 1 ? "s" : ""} ago` : `in ${l} minute${l > 1 ? "s" : ""}` : o < 24 ? d ? `${o} hour${o > 1 ? "s" : ""} ago` : `in ${o} hour${o > 1 ? "s" : ""}` : n < 30 ? d ? `${n} day${n > 1 ? "s" : ""} ago` : `in ${n} day${n > 1 ? "s" : ""}` : i < 12 ? d ? `${i} month${i > 1 ? "s" : ""} ago` : `in ${i} month${i > 1 ? "s" : ""}` : d ? `${r} year${r > 1 ? "s" : ""} ago` : `in ${r} year${r > 1 ? "s" : ""}`;
+  const t = /* @__PURE__ */ new Date() - e, a = Math.floor(Math.abs(t) / 1e3), l = Math.floor(a / 60), r = Math.floor(l / 60), o = Math.floor(r / 24), i = Math.floor(o / 30), n = Math.floor(o / 365), d = t > 0;
+  return a < 60 ? d ? "just now" : "in a moment" : l < 60 ? d ? `${l} minute${l > 1 ? "s" : ""} ago` : `in ${l} minute${l > 1 ? "s" : ""}` : r < 24 ? d ? `${r} hour${r > 1 ? "s" : ""} ago` : `in ${r} hour${r > 1 ? "s" : ""}` : o < 30 ? d ? `${o} day${o > 1 ? "s" : ""} ago` : `in ${o} day${o > 1 ? "s" : ""}` : i < 12 ? d ? `${i} month${i > 1 ? "s" : ""} ago` : `in ${i} month${i > 1 ? "s" : ""}` : d ? `${n} year${n > 1 ? "s" : ""} ago` : `in ${n} year${n > 1 ? "s" : ""}`;
 }
 const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
-  St(e, (t, a, l, o, n, i, r) => {
-    $t.apply(null, [t, a, l, o, n, i, r]), s(t, a, l, o, n, i, r);
+  St(e, (t, a, l, r, o, i, n) => {
+    $t.apply(null, [t, a, l, r, o, i, n]), s(t, a, l, r, o, i, n);
   }), Ms.set(e, s);
 }, Fs = (e) => {
-  D("spark.actions", Ls(e)), D("spark.badge", Hs()), D("spark.link", Ts()), D("spark.image", Vs()), D("spark.date", Ps()), D("style.capitalize", (s, t, a, l, o, n) => {
-    if (!n || n.length === 0) {
+  D("spark.actions", Ls(e)), D("spark.badge", Hs()), D("spark.link", Ts()), D("spark.image", Vs()), D("spark.date", Ps()), D("style.capitalize", (s, t, a, l, r, o) => {
+    if (!o || o.length === 0) {
       t.innerText = "";
       return;
     }
     const i = document.createElement("span");
-    i.innerHTML = n, i.classList.add("capitalize"), t.replaceChildren(i);
+    i.innerHTML = o, i.classList.add("capitalize"), t.replaceChildren(i);
   });
 }, As = () => {
 }, Bs = { class: "flex items-center gap-4 px-4 py-3" }, Es = { class: "shrink-0" }, zs = { class: "text-sm text-gray-700" }, js = { class: "font-medium" }, Os = { class: "font-medium" }, Is = { class: "font-medium" }, Ns = {
@@ -1044,19 +1044,19 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
   emits: ["paginate"],
   setup(e, { emit: s }) {
     const t = e, a = s, l = (m) => {
-      o(t.sparkTable.params.page + m);
-    }, o = (m) => {
+      r(t.sparkTable.params.page + m);
+    }, r = (m) => {
       m < 1 || m > t.sparkTable.response.meta.last_page || a("paginate", {
         page: m
       });
-    }, n = k(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), i = k(() => t.sparkTable.computed.ready ? ht(
-      Math.floor((n.value - 1) / 10) * 10 + 1,
-      n.value > t.sparkTable.response.meta.last_page ? t.sparkTable.response.meta.last_page + 1 : n.value + 1
-    ) : []), r = k(
+    }, o = k(() => t.sparkTable.params.page ? Math.ceil(t.sparkTable.params.page / 10) * 10 : 1), i = k(() => t.sparkTable.computed.ready ? ht(
+      Math.floor((o.value - 1) / 10) * 10 + 1,
+      o.value > t.sparkTable.response.meta.last_page ? t.sparkTable.response.meta.last_page + 1 : o.value + 1
+    ) : []), n = k(
       () => t.sparkTable.params.page < q(t.sparkTable.response.meta, "last_page", 1)
     ), d = k(() => t.sparkTable.params.page > 1);
     return (m, u) => {
-      const p = $("font-awesome-icon");
+      const p = L("font-awesome-icon");
       return f(), g("div", null, [
         c("div", Ds, [
           i.value.length > 1 ? (f(), g("div", Zs, [
@@ -1079,10 +1079,10 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
                     "relative inline-flex items-center px-4 py-[9px] text-sm font-semibold ring-1 ring-inset",
                     e.sparkTable.params.page === h ? "z-10 text-white bg-primary-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 hover:bg-primary-600" : "text-gray-900 hover:bg-gray-50 ring-gray-300 focus:z-20 focus:outline-offset-0"
                   ]),
-                  onClick: (v) => o(h)
+                  onClick: (v) => r(h)
                 }, S(h), 11, Gs))), 128)),
                 c("a", {
-                  class: _([r.value ? "" : "disabled", "relative inline-flex items-center rounded-r-md px-2 py-[9px] text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-20 focus:outline-offset-0"]),
+                  class: _([n.value ? "" : "disabled", "relative inline-flex items-center rounded-r-md px-2 py-[9px] text-gray-400 ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-20 focus:outline-offset-0"]),
                   onClick: u[1] || (u[1] = j((h) => l(1), ["prevent"])),
                   href: "#"
                 }, [
@@ -1113,26 +1113,26 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
   },
   emits: ["paginate"],
   setup(e, { emit: s }) {
-    const t = e, a = s, l = k(() => t.sparkTable.options.perPages.map((n) => ({
-      label: String(n),
-      value: n
-    }))), o = (n) => {
+    const t = e, a = s, l = k(() => t.sparkTable.options.perPages.map((o) => ({
+      label: String(o),
+      value: o
+    }))), r = (o) => {
       a("paginate", {
         page: 1,
-        limit: parseInt(n)
+        limit: parseInt(o)
       });
     };
-    return (n, i) => {
-      const r = $("FormKit");
+    return (o, i) => {
+      const n = L("FormKit");
       return f(), g("div", Us, [
-        b(r, {
+        b(n, {
           "model-value": e.sparkTable.params.limit,
           type: "select",
           options: l.value,
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0",
           "input-class": "!py-2",
-          onInput: o
+          onInput: r
         }, null, 8, ["model-value", "options"])
       ]);
     };
@@ -1148,14 +1148,14 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
   },
   setup(e) {
     const s = e, t = be(), a = k(() => !!t.default), l = k(() => {
-      const o = "spark-table-toolbar flex flex-wrap items-center gap-x-5 px-5 w-full";
-      return s.position === "footer" ? `${o} spark-table-toolbar-footer justify-between` : `${o} spark-table-toolbar-header gap-y-5 py-5`;
+      const r = "spark-table-toolbar flex flex-wrap items-center gap-x-5 px-5 w-full";
+      return s.position === "footer" ? `${r} spark-table-toolbar-footer justify-between` : `${r} spark-table-toolbar-header gap-y-5 py-5`;
     });
-    return (o, n) => a.value ? (f(), g("div", {
+    return (r, o) => a.value ? (f(), g("div", {
       key: 0,
       class: _(l.value)
     }, [
-      T(o.$slots, "default")
+      T(r.$slots, "default")
     ], 2)) : x("", !0);
   }
 }, Xs = { class: "spark-table-search" }, Js = {
@@ -1177,29 +1177,29 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = L("");
+    const s = e, t = $("");
     s.sparkTable.params[s.config.param] && (t.value = s.sparkTable.params[s.config.param]);
-    const a = Ce((o) => {
-      o ? s.sparkTable.methods.applyParams({
+    const a = Ce((r) => {
+      r ? s.sparkTable.methods.applyParams({
         page: 1,
-        [s.config.param]: o
+        [s.config.param]: r
       }) : s.sparkTable.methods.removeParam(s.config.param);
     }, s.config.debounce || 300);
-    E(t, (o) => {
-      a(o);
+    E(t, (r) => {
+      a(r);
     });
     const l = s.config.placeholder || "Search...";
     return E(
       () => s.sparkTable.params[s.config.param],
-      (o) => {
-        !o && t.value && (t.value = "");
+      (r) => {
+        !r && t.value && (t.value = "");
       }
-    ), (o, n) => {
-      const i = $("FormKit");
+    ), (r, o) => {
+      const i = L("FormKit");
       return f(), g("div", Xs, [
         b(i, Y({
           modelValue: t.value,
-          "onUpdate:modelValue": n[0] || (n[0] = (r) => t.value = r),
+          "onUpdate:modelValue": o[0] || (o[0] = (n) => t.value = n),
           type: "text",
           placeholder: y(l),
           "outer-class": "!mb-0",
@@ -1225,31 +1225,31 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = L(""), a = s.config.param || `filter[${s.config.key}]`;
+    const s = e, t = $(""), a = s.config.param || `filter[${s.config.key}]`;
     s.sparkTable.params[a] && (t.value = s.sparkTable.params[a]);
-    const l = s.config.label || null, o = k(() => [
+    const l = s.config.label || null, r = k(() => [
       { label: s.config.placeholder || "All", value: "" },
       ...s.config.options
     ]);
-    return E(t, (n) => {
-      n ? s.sparkTable.methods.applyParams({
+    return E(t, (o) => {
+      o ? s.sparkTable.methods.applyParams({
         page: 1,
-        [a]: n
+        [a]: o
       }) : s.sparkTable.methods.removeParam(a);
     }), E(
       () => s.sparkTable.params[a],
-      (n) => {
-        !n && t.value && (t.value = "");
+      (o) => {
+        !o && t.value && (t.value = "");
       }
-    ), (n, i) => {
-      const r = $("FormKit");
+    ), (o, i) => {
+      const n = L("FormKit");
       return f(), g("div", ea, [
-        b(r, Y({
+        b(n, Y({
           modelValue: t.value,
           "onUpdate:modelValue": i[0] || (i[0] = (d) => t.value = d),
           type: "select",
           label: y(l),
-          options: o.value,
+          options: r.value,
           placeholder: e.config.placeholder || "All",
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0"
@@ -1276,9 +1276,9 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = L(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`;
+    const s = e, t = $(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`;
     s.sparkTable.params[l] !== void 0 && (t.value = s.sparkTable.params[l]);
-    const o = (i) => i == null ? t.value === null || t.value === void 0 || t.value === "" : t.value === i, n = (i) => {
+    const r = (i) => i == null ? t.value === null || t.value === void 0 || t.value === "" : t.value === i, o = (i) => {
       t.value = i, i == null || i === "" ? s.sparkTable.methods.removeParam(l) : s.sparkTable.methods.applyParams({
         page: 1,
         [l]: i
@@ -1289,15 +1289,15 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
       (i) => {
         (i == null || i === "") && t.value ? t.value = null : i !== t.value && (t.value = i);
       }
-    ), (i, r) => (f(), g("div", aa, [
+    ), (i, n) => (f(), g("div", aa, [
       y(a) ? (f(), g("span", oa, S(y(a)), 1)) : x("", !0),
       b(us, { class: "isolate" }, {
         default: w(() => [
           (f(!0), g(M, null, B(e.config.options, (d) => (f(), V(A, {
             key: d.value,
             size: "xl",
-            variant: o(d.value) ? "primary" : "secondary",
-            onClick: (m) => n(d.value)
+            variant: r(d.value) ? "primary" : "secondary",
+            onClick: (m) => o(d.value)
           }, {
             default: w(() => [
               P(S(d.label), 1)
@@ -1325,7 +1325,7 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = L(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`;
+    const s = e, t = $(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`, r = $(`${l}-0`);
     return t.value = s.sparkTable.params[l] || null, E(t, (o) => {
       o ? s.sparkTable.methods.applyParams({
         page: 1,
@@ -1334,15 +1334,21 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
     }), E(
       () => s.sparkTable.params[l],
       (o) => {
-        !o && t.value && (t.value = null);
+        if ((o == null || o === "") && t.value) {
+          t.value = null;
+          const i = parseInt(r.value.split("-").pop()) || 0;
+          r.value = `${l}-${i + 1}`;
+        } else o && o !== t.value && (t.value = o);
       }
-    ), (o, n) => {
-      const i = $("FormKit");
+    ), (o, i) => {
+      const n = L("FormKit");
       return f(), g("div", la, [
-        b(i, Y({
+        (f(), V(n, Y({
+          key: r.value,
           modelValue: t.value,
-          "onUpdate:modelValue": n[0] || (n[0] = (r) => t.value = r),
+          "onUpdate:modelValue": i[0] || (i[0] = (d) => t.value = d),
           type: "datepicker",
+          "picker-only": "",
           label: y(a),
           placeholder: e.config.placeholder || "Select date",
           overlay: !0,
@@ -1350,11 +1356,11 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
           format: "YYYY-MM-DD",
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0"
-        }, e.config.formkitProps || {}), null, 16, ["modelValue", "label", "placeholder"])
+        }, e.config.formkitProps || {}), null, 16, ["modelValue", "label", "placeholder"]))
       ]);
     };
   }
-}, ca = /* @__PURE__ */ I(ia, [["__scopeId", "data-v-265417b0"]]), da = { class: "spark-table-reset" }, ua = { key: 1 }, pa = {
+}, ca = /* @__PURE__ */ I(ia, [["__scopeId", "data-v-f10ddb60"]]), da = { class: "spark-table-reset" }, ua = { key: 1 }, pa = {
   __name: "SparkTableReset",
   props: {
     /** SparkTable instance object */
@@ -1371,26 +1377,26 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
   setup(e) {
     const s = e, t = () => {
       const a = s.sparkTable.plugins || {}, l = [];
-      Object.entries(a).forEach(([n, i]) => {
+      Object.entries(a).forEach(([o, i]) => {
         if (!(!i || !i.enabled || i.type === "reset")) {
           if (i.type === "search")
             i.param && l.push(i.param);
           else if (i.type === "filterSelect" || i.type === "filterButtons") {
-            const r = i.param || `filter[${i.key}]`;
-            l.push(r);
+            const n = i.param || `filter[${i.key}]`;
+            l.push(n);
           } else if (i.type === "datePicker") {
-            const r = i.param || `filter[${i.key}]`;
-            l.push(r);
+            const n = i.param || `filter[${i.key}]`;
+            l.push(n);
           }
         }
       });
-      const o = l.filter(
-        (n) => s.sparkTable.params[n] !== void 0 && s.sparkTable.params[n] !== null && s.sparkTable.params[n] !== ""
+      const r = l.filter(
+        (o) => s.sparkTable.params[o] !== void 0 && s.sparkTable.params[o] !== null && s.sparkTable.params[o] !== ""
       );
-      o.length !== 0 && s.sparkTable.methods.clearParams(o);
+      r.length !== 0 && s.sparkTable.methods.clearParams(r);
     };
     return (a, l) => {
-      const o = $("font-awesome-icon");
+      const r = L("font-awesome-icon");
       return f(), g("div", da, [
         b(A, {
           onClick: t,
@@ -1398,7 +1404,7 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
           size: "xl"
         }, {
           default: w(() => [
-            e.config.icon ? (f(), V(o, {
+            e.config.icon ? (f(), V(r, {
               key: 0,
               icon: ["far", e.config.icon],
               class: _({ "mr-1.5": e.config.label })
@@ -1438,7 +1444,7 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
     dataTransformer: {
       type: Function,
       default: (e, s) => ({
-        data: q(s.settings, "nestedHeaders") ? e.data.data.map((a) => (s.settings.columnKeys || []).map((o) => a[o])) : e.data.data,
+        data: q(s.settings, "nestedHeaders") ? e.data.data.map((a) => (s.settings.columnKeys || []).map((r) => a[r])) : e.data.data,
         meta: {
           last_page: e.data.last_page,
           from: e.data.from,
@@ -1483,7 +1489,7 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
   setup(e, { expose: s, emit: t }) {
     const a = e;
     Ct(), Q(xt), Q(kt), Q(_t), q(a, "settings.nestedHeaders") && Q(wt);
-    const l = t, o = ge("axios"), n = L(null), i = L(!1), r = L(null), d = {
+    const l = t, r = ge("axios"), o = $(null), i = $(!1), n = $(null), d = {
       search: Qs,
       filterSelect: sa,
       filterButtons: na,
@@ -1509,14 +1515,14 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
           u.params[p] && (delete u.params[p], await u.methods.loadTable());
         },
         loadTable: async (p) => {
-          if (!(!n.value || !n.value.hotInstance)) {
-            i.value = !0, r.value = null, l("loading", !0), ae.start(), u.hotInstance = n.value.hotInstance;
+          if (!(!o.value || !o.value.hotInstance)) {
+            i.value = !0, n.value = null, l("loading", !0), ae.start(), u.hotInstance = o.value.hotInstance;
             try {
               if (a.dataProvider) {
                 const v = await a.dataProvider(u.computed.params);
                 u.response = a.dataTransformer(v, a);
               } else if (a.url) {
-                const v = await o.get(a.url, {
+                const v = await r.get(a.url, {
                   params: u.computed.params
                 });
                 u.response = a.dataTransformer(v, a);
@@ -1529,14 +1535,14 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
                 meta: u.response.meta
               }), p && typeof p == "function" && p();
             } catch (h) {
-              r.value = h, l("error", h), console.error("Error loading table data:", h);
+              n.value = h, l("error", h), console.error("Error loading table data:", h);
             } finally {
               i.value = !1, l("loading", !1), ae.done();
             }
           }
         },
         // can't use sparkTable.hotInstance here because the ref isn't ready
-        colToProp: (p) => n.value.hotInstance.colToProp(p),
+        colToProp: (p) => o.value.hotInstance.colToProp(p),
         fireEvent: (p, h) => {
           l(p, h);
         },
@@ -1598,9 +1604,9 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
       clearParams: (p) => u.methods.clearParams(p),
       applyParams: (p) => u.methods.applyParams(p),
       loading: i,
-      error: r,
+      error: n,
       sparkTable: u,
-      table: n
+      table: o
     }), (p, h) => (f(), g("div", ma, [
       u.computed.ready ? (f(), V(pe, {
         key: 0,
@@ -1616,7 +1622,7 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
           T(p.$slots, "header", {
             sparkTable: u,
             loading: i.value,
-            error: r.value
+            error: n.value
           })
         ]),
         _: 3
@@ -1624,7 +1630,7 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
       b(y(vt), {
         "theme-name": "ht-theme-classic",
         ref_key: "table",
-        ref: n,
+        ref: o,
         settings: u.tableSettings
       }, null, 8, ["settings"]),
       u.computed.ready ? (f(), V(pe, {
@@ -1645,7 +1651,7 @@ const Ms = /* @__PURE__ */ new Map(), D = (e, s) => {
             T(p.$slots, "footer", {
               sparkTable: u,
               loading: i.value,
-              error: r.value
+              error: n.value
             })
           ])
         ]),
@@ -1666,8 +1672,8 @@ function me() {
     e.isVisible = !1, e.content = null, e.props = {}, e.eventHandlers = {};
   }, a = () => {
     e.isVisible = !0;
-  }, l = (n, i = {}, r = {}) => {
-    e.content = he(n), e.props = i, e.eventHandlers = r;
+  }, l = (o, i = {}, n = {}) => {
+    e.content = he(o), e.props = i, e.eventHandlers = n;
   };
   return {
     state: e,
@@ -1675,8 +1681,8 @@ function me() {
     close: t,
     open: a,
     setContent: l,
-    show: (n, i = {}, r = {}) => {
-      n && l(n, i, r), a();
+    show: (o, i = {}, n = {}) => {
+      o && l(o, i, n), a();
     }
   };
 }
@@ -1745,7 +1751,7 @@ const Z = new ya(), ba = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, va =
   },
   emits: ["overlayClose"],
   setup(e, { emit: s }) {
-    const t = e, a = s, l = be(), o = Le(), n = Se(), i = k(() => n.getAppIcon(t.appStore.state.app)), r = () => {
+    const t = e, a = s, l = be(), r = Le(), o = Se(), i = k(() => o.getAppIcon(t.appStore.state.app)), n = () => {
       const p = {};
       l["app-selector-bottom"] ? p.bottomSlot = () => le("div", {}, l["app-selector-bottom"]()) : t.appSelectorSlots.bottomSlot && (p.bottomSlot = t.appSelectorSlots.bottomSlot), l["app-selector-footer"] ? p.footerSlot = () => le("div", {}, l["app-selector-footer"]()) : t.appSelectorSlots.footerSlot && (p.footerSlot = t.appSelectorSlots.footerSlot), Z.showRight(Kt, p, {
         select: (h) => {
@@ -1758,13 +1764,13 @@ const Z = new ya(), ba = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, va =
         {},
         {
           select: (p) => {
-            o.toggleBrand(p), Z.closeLeft();
+            r.toggleBrand(p), Z.closeLeft();
           }
         }
       );
     }, m = k(() => t.mainNavStore.state.hidden ? ["w-0 overflow-hidden"] : [t.mainNavStore.state.collapsed ? "w-[80px]" : "w-[240px]"]), u = k(() => t.mainNavStore.state.hidden ? ["pl-2.5"] : [t.mainNavStore.state.collapsed ? "pl-[80px]" : "pl-[240px]"]);
     return (p, h) => {
-      const v = $("font-awesome-icon"), N = $("router-view");
+      const v = L("font-awesome-icon"), N = L("router-view");
       return f(), g(M, null, [
         c("div", {
           class: _([m.value, "fixed inset-y-0 flex transition-all z-100"])
@@ -1881,9 +1887,9 @@ const Z = new ya(), ba = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, va =
                     class: "absolute left-1/2 -translate-x-1/2 cursor-pointer h-9 flex items-center",
                     onClick: d
                   }, [
-                    y(o).currentBrand ? (f(), g("img", {
+                    y(r).currentBrand ? (f(), g("img", {
                       key: 0,
-                      src: y(o).currentBrand.logo,
+                      src: y(r).currentBrand.logo,
                       alt: "",
                       class: "h-[30px] w-auto"
                     }, null, 8, Fa)) : x("", !0)
@@ -1895,7 +1901,7 @@ const Z = new ya(), ba = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, va =
                       key: 0,
                       class: "rounded-sm bg-white w-[42px] h-[42px] ring-1 ring-inset ring-gray-300",
                       type: "button",
-                      onClick: r
+                      onClick: n
                     }, [
                       b(v, {
                         icon: y(H).farGripDotsVertical,
@@ -1927,7 +1933,7 @@ const Z = new ya(), ba = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, va =
   }
 }, Ea = {}, za = { class: "h-full" };
 function ja(e, s) {
-  const t = $("router-view");
+  const t = L("router-view");
   return f(), g("main", za, [
     b(t)
   ]);
@@ -1940,12 +1946,12 @@ const vr = /* @__PURE__ */ I(Ea, [["render", ja]]), Oa = (e) => {
     maxAge: a = 31536e3,
     // 365 days in seconds
     domain: l = He(),
-    secure: o = !0,
-    sameSite: n = "Lax",
+    secure: r = !0,
+    sameSite: o = "Lax",
     path: i = "/"
   } = t;
-  let r = `${e}=${s}; max-age=${a}; path=${i}; samesite=${n}`;
-  l && (r += `; domain=${l}`), o && (r += "; secure"), document.cookie = r;
+  let n = `${e}=${s}; max-age=${a}; path=${i}; samesite=${o}`;
+  l && (n += `; domain=${l}`), r && (n += "; secure"), document.cookie = n;
 }, Na = (e, s = {}) => {
   const { domain: t = He(), path: a = "/" } = s;
   let l = `${e}=; max-age=0; path=${a}`;
@@ -2014,10 +2020,10 @@ const re = "bolt-next-token", F = X("auth", () => {
     Ia(re, d), e.token = d;
   }, a = () => {
     Na(re), e.token = null;
-  }, l = () => Oa(re), o = async (d) => {
+  }, l = () => Oa(re), r = async (d) => {
     const m = await K.post(e.endpoints.login, d), u = m.headers.authorization;
     return t(u), e.user = m.data, e.callbacks.onLoginSuccess && await e.callbacks.onLoginSuccess(m.data), m.data;
-  }, n = async () => {
+  }, o = async () => {
     try {
       await K.post(
         e.endpoints.logout,
@@ -2049,14 +2055,14 @@ const re = "bolt-next-token", F = X("auth", () => {
     } finally {
       e.ready = !0;
     }
-  }, r = k(() => e.overrideToken ? !0 : !!e.token && !!e.user);
+  }, n = k(() => e.overrideToken ? !0 : !!e.token && !!e.user);
   return {
     state: e,
     initialize: s,
-    login: o,
-    logout: n,
+    login: r,
+    logout: o,
     fetchUser: i,
-    check: r,
+    check: n,
     setTokenCookie: t,
     clearTokenCookie: a,
     getTokenCookie: l
@@ -2088,8 +2094,8 @@ const re = "bolt-next-token", F = X("auth", () => {
     }
   },
   setup(e) {
-    const s = O(), t = se(), a = $e(), l = F(), o = e, n = L(!1), i = L(""), r = async (d) => {
-      n.value = !0, i.value = "";
+    const s = O(), t = se(), a = $e(), l = F(), r = e, o = $(!1), i = $(""), n = async (d) => {
+      o.value = !0, i.value = "";
       try {
         await l.login(d);
         const m = t.query.redirect;
@@ -2100,20 +2106,20 @@ const re = "bolt-next-token", F = X("auth", () => {
           }
           await s.push(m);
         } else
-          await s.push(o.defaultRedirect);
+          await s.push(r.defaultRedirect);
       } catch (m) {
         i.value = m.response?.data?.message || m.message || "Login failed. Please try again.";
       } finally {
-        n.value = !1;
+        o.value = !1;
       }
     };
     return (d, m) => {
-      const u = $("FormKit"), p = $("router-link");
+      const u = L("FormKit"), p = L("router-link");
       return f(), g("div", qa, [
         c("div", Ga, [
-          o.logo ? (f(), g("img", {
+          r.logo ? (f(), g("img", {
             key: 0,
-            src: o.logo,
+            src: r.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
           }, null, 8, Ka)) : (f(), g("svg", Ua, [...m[0] || (m[0] = [
@@ -2142,7 +2148,7 @@ const re = "bolt-next-token", F = X("auth", () => {
           ]),
           b(u, {
             type: "form",
-            onSubmit: r,
+            onSubmit: n,
             actions: !1
           }, {
             default: w(() => [
@@ -2167,7 +2173,7 @@ const re = "bolt-next-token", F = X("auth", () => {
               c("div", Ja, [
                 m[3] || (m[3] = c("span", null, null, -1)),
                 b(p, {
-                  to: o.forgotPasswordRoute,
+                  to: r.forgotPasswordRoute,
                   class: "text-sm text-primary-600 font-semibold"
                 }, {
                   default: w(() => [...m[2] || (m[2] = [
@@ -2180,11 +2186,11 @@ const re = "bolt-next-token", F = X("auth", () => {
               b(y(A), {
                 type: "submit",
                 size: "xl",
-                disabled: n.value,
+                disabled: o.value,
                 "button-class": "w-full mb-2"
               }, {
                 default: w(() => [
-                  n.value ? (f(), g("span", to, "Signing in...")) : (f(), g("span", eo, "Sign in"))
+                  o.value ? (f(), g("span", to, "Signing in...")) : (f(), g("span", eo, "Sign in"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -2207,9 +2213,9 @@ const re = "bolt-next-token", F = X("auth", () => {
     const s = O(), t = se(), a = F(), l = e;
     return ve(async () => {
       await a.logout();
-      const o = t.query.redirect;
-      o && o.startsWith("http") ? window.location.href = o : await s.push(o || l.defaultRedirect);
-    }), (o, n) => null;
+      const r = t.query.redirect;
+      r && r.startsWith("http") ? window.location.href = r : await s.push(r || l.defaultRedirect);
+    }), (r, o) => null;
   }
 }, oo = { class: "h-full grid place-content-center relative" }, ro = { class: "absolute top-8 left-8" }, no = ["src"], lo = {
   key: 1,
@@ -2237,18 +2243,18 @@ const re = "bolt-next-token", F = X("auth", () => {
     }
   },
   setup(e) {
-    const s = F(), t = e, a = L(!1), l = L(""), o = L(""), n = async ({ email: i }) => {
-      a.value = !0, l.value = "", o.value = "";
+    const s = F(), t = e, a = $(!1), l = $(""), r = $(""), o = async ({ email: i }) => {
+      a.value = !0, l.value = "", r.value = "";
       try {
-        await K.post(s.state.endpoints.passwordEmail, { email: i }), o.value = "Password reset link sent! Check your email.";
-      } catch (r) {
-        l.value = r.response?.data?.message || "Failed to send reset link.";
+        await K.post(s.state.endpoints.passwordEmail, { email: i }), r.value = "Password reset link sent! Check your email.";
+      } catch (n) {
+        l.value = n.response?.data?.message || "Failed to send reset link.";
       } finally {
         a.value = !1;
       }
     };
-    return (i, r) => {
-      const d = $("FormKit"), m = $("router-link");
+    return (i, n) => {
+      const d = L("FormKit"), m = L("router-link");
       return f(), g("div", oo, [
         c("div", ro, [
           t.logo ? (f(), g("img", {
@@ -2256,7 +2262,7 @@ const re = "bolt-next-token", F = X("auth", () => {
             src: t.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, no)) : (f(), g("svg", lo, [...r[0] || (r[0] = [
+          }, null, 8, no)) : (f(), g("svg", lo, [...n[0] || (n[0] = [
             c("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -2276,13 +2282,13 @@ const re = "bolt-next-token", F = X("auth", () => {
           ])]))
         ]),
         c("div", io, [
-          r[2] || (r[2] = c("div", { class: "mb-7" }, [
+          n[2] || (n[2] = c("div", { class: "mb-7" }, [
             c("h1", { class: "text-4xl text-gray-900 semibold tracking-tight mb-3" }, "Reset password"),
             c("p", { class: "text-gray-600" }, " Enter your email and we'll send you a link to reset your password. ")
           ], -1)),
           b(d, {
             type: "form",
-            onSubmit: n,
+            onSubmit: o,
             actions: !1
           }, {
             default: w(() => [
@@ -2295,7 +2301,7 @@ const re = "bolt-next-token", F = X("auth", () => {
                 "outer-class": "max-w-full"
               }),
               l.value ? (f(), g("div", co, S(l.value), 1)) : x("", !0),
-              o.value ? (f(), g("div", uo, S(o.value), 1)) : x("", !0),
+              r.value ? (f(), g("div", uo, S(r.value), 1)) : x("", !0),
               b(y(A), {
                 type: "submit",
                 size: "xl",
@@ -2311,7 +2317,7 @@ const re = "bolt-next-token", F = X("auth", () => {
                 to: t.loginRoute,
                 class: "text-sm text-center text-primary-600 font-semibold block"
               }, {
-                default: w(() => [...r[1] || (r[1] = [
+                default: w(() => [...n[1] || (n[1] = [
                   P(" Back to login ", -1)
                 ])]),
                 _: 1
@@ -2346,23 +2352,23 @@ const re = "bolt-next-token", F = X("auth", () => {
     }
   },
   setup(e) {
-    const s = O(), t = se(), a = F(), l = e, o = L(!1), n = L(""), i = async ({ password: r, password_confirmation: d }) => {
-      o.value = !0, n.value = "";
+    const s = O(), t = se(), a = F(), l = e, r = $(!1), o = $(""), i = async ({ password: n, password_confirmation: d }) => {
+      r.value = !0, o.value = "";
       try {
         await K.post(a.state.endpoints.passwordReset, {
           email: t.query.email,
           token: t.query.token,
-          password: r,
+          password: n,
           password_confirmation: d
         }), await s.push(l.loginRoute);
       } catch (m) {
-        n.value = m.response?.data?.message || "Failed to reset password.";
+        o.value = m.response?.data?.message || "Failed to reset password.";
       } finally {
-        o.value = !1;
+        r.value = !1;
       }
     };
-    return (r, d) => {
-      const m = $("FormKit");
+    return (n, d) => {
+      const m = L("FormKit");
       return f(), g("div", go, [
         c("div", ho, [
           l.logo ? (f(), g("img", {
@@ -2416,15 +2422,15 @@ const re = "bolt-next-token", F = X("auth", () => {
                 validation: "required|confirm:password",
                 "outer-class": "max-w-full"
               }),
-              n.value ? (f(), g("div", xo, S(n.value), 1)) : x("", !0),
+              o.value ? (f(), g("div", xo, S(o.value), 1)) : x("", !0),
               b(y(A), {
                 type: "submit",
                 size: "xl",
-                disabled: o.value,
+                disabled: r.value,
                 "button-class": "w-full mb-2"
               }, {
                 default: w(() => [
-                  o.value ? (f(), g("span", _o, "Resetting...")) : (f(), g("span", ko, "Reset password"))
+                  r.value ? (f(), g("span", _o, "Resetting...")) : (f(), g("span", ko, "Reset password"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -2458,14 +2464,14 @@ const re = "bolt-next-token", F = X("auth", () => {
     const s = O(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, o) => (f(), g("div", Co, [
+    return (l, r) => (f(), g("div", Co, [
       c("div", So, [
         t.logo ? (f(), g("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, $o)) : (f(), g("svg", Lo, [...o[0] || (o[0] = [
+        }, null, 8, $o)) : (f(), g("svg", Lo, [...r[0] || (r[0] = [
           c("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -2485,7 +2491,7 @@ const re = "bolt-next-token", F = X("auth", () => {
         ])]))
       ]),
       c("div", Ho, [
-        o[2] || (o[2] = c("div", null, [
+        r[2] || (r[2] = c("div", null, [
           c("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "403"),
           c("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Access Forbidden "),
           c("p", { class: "text-gray-600" }, [
@@ -2499,7 +2505,7 @@ const re = "bolt-next-token", F = X("auth", () => {
             onClick: a,
             size: "lg"
           }, {
-            default: w(() => [...o[1] || (o[1] = [
+            default: w(() => [...r[1] || (r[1] = [
               P(" Go to Home ", -1)
             ])]),
             _: 1
@@ -2531,14 +2537,14 @@ const re = "bolt-next-token", F = X("auth", () => {
     const s = O(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, o) => (f(), g("div", Po, [
+    return (l, r) => (f(), g("div", Po, [
       c("div", Ro, [
         t.logo ? (f(), g("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, Mo)) : (f(), g("svg", Fo, [...o[0] || (o[0] = [
+        }, null, 8, Mo)) : (f(), g("svg", Fo, [...r[0] || (r[0] = [
           c("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -2558,7 +2564,7 @@ const re = "bolt-next-token", F = X("auth", () => {
         ])]))
       ]),
       c("div", Ao, [
-        o[2] || (o[2] = c("div", null, [
+        r[2] || (r[2] = c("div", null, [
           c("div", { class: "text-primary-600 text-7xl font-bold mb-4" }, "404"),
           c("h1", { class: "text-3xl text-gray-900 font-semibold tracking-tight mb-3" }, " Page Not Found "),
           c("p", { class: "text-gray-600" }, " The page you're looking for doesn't exist or has been moved. ")
@@ -2568,7 +2574,7 @@ const re = "bolt-next-token", F = X("auth", () => {
             onClick: a,
             size: "lg"
           }, {
-            default: w(() => [...o[1] || (o[1] = [
+            default: w(() => [...r[1] || (r[1] = [
               P(" Go to Home ", -1)
             ])]),
             _: 1
@@ -2612,14 +2618,14 @@ const re = "bolt-next-token", F = X("auth", () => {
     const s = O(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, o) => (f(), g("div", zo, [
+    return (l, r) => (f(), g("div", zo, [
       c("div", jo, [
         t.logo ? (f(), g("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, Oo)) : (f(), g("svg", Io, [...o[0] || (o[0] = [
+        }, null, 8, Oo)) : (f(), g("svg", Io, [...r[0] || (r[0] = [
           c("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -2649,7 +2655,7 @@ const re = "bolt-next-token", F = X("auth", () => {
             onClick: a,
             size: "lg"
           }, {
-            default: w(() => [...o[1] || (o[1] = [
+            default: w(() => [...r[1] || (r[1] = [
               P(" Go to Home ", -1)
             ])]),
             _: 1
@@ -2665,15 +2671,15 @@ function _r(e = {}) {
     logoutPath: t = "/logout",
     forgotPasswordPath: a = "/forgot-password",
     resetPasswordPath: l = "/password/reset",
-    logo: o = "",
-    defaultRedirect: n = "/dashboard"
+    logo: r = "",
+    defaultRedirect: o = "/dashboard"
   } = e;
   return [
     {
       path: s,
       name: "login",
       component: so,
-      props: { logo: o, defaultRedirect: n },
+      props: { logo: r, defaultRedirect: o },
       meta: { auth: !1 }
     },
     {
@@ -2687,32 +2693,32 @@ function _r(e = {}) {
       path: a,
       name: "forgot-password",
       component: mo,
-      props: { logo: o, loginRoute: s },
+      props: { logo: r, loginRoute: s },
       meta: { auth: !1 }
     },
     {
       path: l,
       name: "password-reset",
       component: wo,
-      props: { logo: o, loginRoute: s },
+      props: { logo: r, loginRoute: s },
       meta: { auth: !1 }
     }
   ];
 }
 function wr(e, s = {}) {
   const { defaultAuthenticatedRoute: t = "/dashboard" } = s;
-  e.beforeEach(async (a, l, o) => {
-    const n = F();
-    n.state.ready || await n.fetchUser(), Ko(a, o, n, t);
+  e.beforeEach(async (a, l, r) => {
+    const o = F();
+    o.state.ready || await o.fetchUser(), Ko(a, r, o, t);
   });
 }
 function Ko(e, s, t, a) {
-  const l = e.meta.auth !== !1, o = t.check;
+  const l = e.meta.auth !== !1, r = t.check;
   if (t.state.overrideToken && e.path === "/logout") {
     s({ path: a });
     return;
   }
-  if (!o) {
+  if (!r) {
     if (!l) {
       if (e.path === "/logout") {
         s({ path: t.state.routes.auth });
@@ -2721,18 +2727,18 @@ function Ko(e, s, t, a) {
       s();
       return;
     }
-    let n = e.fullPath;
-    if (n === "/" || n === "" || n === a) {
+    let o = e.fullPath;
+    if (o === "/" || o === "" || o === a) {
       s({ path: t.state.routes.auth });
       return;
     }
-    n.includes("%") && (n = decodeURIComponent(n)), s({
+    o.includes("%") && (o = decodeURIComponent(o)), s({
       path: t.state.routes.auth,
-      query: { redirect: n }
+      query: { redirect: o }
     });
     return;
   }
-  if (o) {
+  if (r) {
     if (!l && e.path === t.state.routes.auth) {
       s({ path: a });
       return;
@@ -2844,7 +2850,7 @@ const Tr = X("sparkNav", () => {
       }
     }
     return null;
-  }, o = async (d) => {
+  }, r = async (d) => {
     if (d) {
       const m = l(e.menu, d);
       if (m && typeof m.action == "function") {
@@ -2853,11 +2859,11 @@ const Tr = X("sparkNav", () => {
       }
       await s.push(d);
     }
-  }, n = () => {
+  }, o = () => {
     e.collapsed = !e.collapsed;
   }, i = () => {
     e.hidden = !e.hidden;
-  }, r = () => {
+  }, n = () => {
     const d = t.name || t.path.replace("/", "");
     if (d) {
       const m = (u) => {
@@ -2871,16 +2877,16 @@ const Tr = X("sparkNav", () => {
   return E(
     () => t.path,
     () => {
-      r();
+      n();
     },
     { immediate: !0 }
   ), {
     state: e,
     initialize: a,
-    goto: o,
-    toggleCollapsed: n,
+    goto: r,
+    toggleCollapsed: o,
     toggleHidden: i,
-    syncWithRoute: r
+    syncWithRoute: n
   };
 });
 export {