@wishbone-media/spark 0.16.1 → 0.18.0

package/dist/index.js

@@ -103,20 +103,20 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
       warning: "farExclamationTriangle",
       danger: "farCircleXmark",
       info: "farInfoCircle"
-    })[s.type]), r = k(() => ({
+    })[s.type]), n = 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 (o, i) => {
-      const n = L("font-awesome-icon");
+      const r = L("font-awesome-icon");
       return f(), g("div", {
         class: _(["rounded-md border p-4", t.value])
       }, [
         c("div", Vt, [
           c("div", Pt, [
-            v(n, {
+            v(r, {
               icon: y(H)[l.value],
               class: _(a.value)
             }, null, 8, ["icon", "class"])
@@ -128,10 +128,10 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
             c("div", Mt, [
               c("button", {
                 type: "button",
-                class: _(["inline-flex rounded-md px-2 py-1.5", r.value]),
+                class: _(["inline-flex rounded-md px-2 py-1.5", n.value]),
                 onClick: i[0] || (i[0] = (d) => o.$emit("close"))
               }, [
-                v(n, {
+                v(r, {
                   icon: y(H).farXmark
                 }, null, 8, ["icon"])
               ], 2)
@@ -187,11 +187,11 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
 ], Se = X("sparkAppSelector", () => {
   const e = z({
     apps: [...oe]
-  }), 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;
+  }), s = (n = {}) => {
+    if (n.apps && Array.isArray(n.apps)) {
+      const o = n.apps.filter((i) => {
+        const r = i.name && i.description && i.icon && i.href;
+        return r || console.warn("useSparkAppSelectorStore: Invalid app object", i), r;
       });
       e.apps = o.map((i) => ({
         name: i.name,
@@ -201,23 +201,23 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
       }));
       return;
     }
-    if (r.appHrefs && typeof r.appHrefs == "object") {
+    if (n.appHrefs && typeof n.appHrefs == "object") {
       const o = /* @__PURE__ */ new Map();
-      Object.keys(r.appHrefs).forEach((i) => {
-        o.set(i.toLowerCase(), r.appHrefs[i]);
+      Object.keys(n.appHrefs).forEach((i) => {
+        o.set(i.toLowerCase(), n.appHrefs[i]);
       }), e.apps = oe.map((i) => {
-        const n = o.get(i.name.toLowerCase());
+        const r = o.get(i.name.toLowerCase());
         return {
           ...i,
-          href: n || i.href
+          href: r || i.href
         };
       });
       return;
     }
     e.apps = [...oe];
-  }, t = k(() => e.apps), a = (r) => {
-    if (!r) return null;
-    const o = r.toLowerCase();
+  }, t = k(() => e.apps), a = (n) => {
+    if (!n) return null;
+    const o = n.toLowerCase();
     return e.apps.find((i) => i.name.toLowerCase() === o) || null;
   };
   return {
@@ -225,8 +225,8 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
     initialize: s,
     allApps: t,
     getAppByName: a,
-    getAppIcon: (r) => {
-      const o = a(r);
+    getAppIcon: (n) => {
+      const o = a(n);
       return o ? o.icon : "";
     }
   };
@@ -266,31 +266,31 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
   },
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, a = Se(), l = $e(), r = k(() => {
+    const t = s, a = Se(), l = $e(), n = k(() => {
       const i = l.state.app;
-      return a.state.apps.map((n) => ({
-        ...n,
-        current: i && n.name.toLowerCase() === i.toLowerCase()
+      return a.state.apps.map((r) => ({
+        ...r,
+        current: i && r.name.toLowerCase() === i.toLowerCase()
       }));
-    }), o = (i, n) => {
+    }), o = (i, r) => {
       t("select", i);
     };
-    return (i, n) => {
+    return (i, r) => {
       const d = L("font-awesome-icon");
       return f(), g("div", Ft, [
         c("div", At, [
           c("div", Et, [
             c("div", zt, [
-              n[1] || (n[1] = c("div", null, "Mr Group Network", -1)),
+              r[1] || (r[1] = c("div", null, "Mr Group Network", -1)),
               c("div", jt, [
                 v(d, {
                   icon: y(H).farTimes,
                   class: "h-[15px] w-[15px] shrink-0 text-gray-400 cursor-pointer",
-                  onClick: n[0] || (n[0] = (m) => t("close"))
+                  onClick: r[0] || (r[0] = (m) => t("close"))
                 }, null, 8, ["icon"])
               ])
             ]),
-            (f(!0), g(B, null, A(r.value, (m) => (f(), g("a", {
+            (f(!0), g(B, null, A(n.value, (m) => (f(), g("a", {
               key: m.name,
               href: m.href,
               target: "_blank",
@@ -311,7 +311,7 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
                 }, null, 8, ["class", "icon"])
               ])
             ], 10, It))), 128)),
-            n[2] || (n[2] = c("div", null, null, -1))
+            r[2] || (r[2] = c("div", null, null, -1))
           ]),
           c("div", Kt, [
             i.$slots.bottom || e.bottomSlot ? (f(), g("div", Ut, [
@@ -334,36 +334,36 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
   () => {
     const e = z({
       brands: []
-    }), s = (r = {}) => {
-      if (!r.brands || !Array.isArray(r.brands)) {
+    }), s = (n = {}) => {
+      if (!n.brands || !Array.isArray(n.brands)) {
         console.warn("useSparkBrandFilterStore: No brands provided to initialize()"), e.brands = [];
         return;
       }
-      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
+      const o = n.brands.filter((r) => {
+        const d = r.id && r.name && r.logo;
+        return d || console.warn("useSparkBrandFilterStore: Invalid brand object", r), d;
+      }), i = o.filter((r) => r.current);
+      i.length === 0 && o.length > 0 ? o[0].current = !0 : i.length > 1 && o.forEach((r) => {
+        r.current = r === i[0];
+      }), e.brands = o.map((r) => ({
+        id: r.id,
+        name: r.name,
+        logo: r.logo,
+        current: r.current || !1
       }));
-    }, t = k(() => e.brands.find((r) => r.current) || null), a = k(() => e.brands);
+    }, t = k(() => e.brands.find((n) => n.current) || null), a = k(() => e.brands);
     return {
       state: e,
       initialize: s,
       currentBrand: t,
       allBrands: a,
-      toggleBrand: (r) => {
-        if (!r || !e.brands.includes(r)) {
+      toggleBrand: (n) => {
+        if (!n || !e.brands.includes(n)) {
           console.warn("useSparkBrandFilterStore: Invalid brand provided to toggleBrand()");
           return;
         }
         e.brands.forEach((o) => {
-          o.current = o === r;
+          o.current = o === n;
         });
       }
     };
@@ -383,10 +383,10 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
   __name: "SparkBrandSelector",
   emits: ["close", "select"],
   setup(e, { emit: s }) {
-    const t = s, a = Le(), l = (r) => {
-      t("select", r);
+    const t = s, a = Le(), l = (n) => {
+      t("select", n);
     };
-    return (r, o) => {
+    return (n, o) => {
       const i = L("font-awesome-icon");
       return f(), g("div", Xt, [
         c("div", Jt, [
@@ -397,30 +397,30 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
                 v(i, {
                   icon: y(H).farTimes,
                   class: "size-4 text-gray-400 cursor-pointer",
-                  onClick: o[0] || (o[0] = (n) => t("close"))
+                  onClick: o[0] || (o[0] = (r) => t("close"))
                 }, null, 8, ["icon"])
               ])
             ]),
             y(a).allBrands.length === 0 ? (f(), g("div", ss, " No brands configured ")) : x("", !0),
-            (f(!0), g(B, null, A(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)
+            (f(!0), g(B, null, A(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)
             }, [
               c("div", os, [
                 c("div", rs, [
                   c("img", {
-                    src: n.logo,
-                    alt: `${n.name} logo`,
+                    src: r.logo,
+                    alt: `${r.name} logo`,
                     class: "h-8 w-auto"
                   }, null, 8, ns)
                 ]),
                 c("div", ls, [
                   c("div", is, [
-                    c("div", cs, S(n.name), 1),
-                    n.current ? (f(), g("span", ds, " Current ")) : x("", !0)
+                    c("div", cs, S(r.name), 1),
+                    r.current ? (f(), g("span", ds, " Current ")) : x("", !0)
                   ]),
-                  c("div", us, S(n.current ? "Current Brand" : "Change to"), 1)
+                  c("div", us, S(r.current ? "Current Brand" : "Change to"), 1)
                 ])
               ])
             ], 10, as))), 128)),
@@ -455,14 +455,14 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
   setup(e) {
     const s = e, t = $(null), a = ge("buttonGroup", null), l = k(() => {
       if (!a?.isInGroup || !t.value) return null;
-      const n = a.getButtonIndex(t.value), d = a.getButtonCount();
+      const r = a.getButtonIndex(t.value), d = a.getButtonCount();
       return {
-        isFirst: n === 0,
-        isLast: n === d - 1,
-        index: n,
+        isFirst: r === 0,
+        isLast: r === d - 1,
+        index: r,
         total: d
       };
-    }), r = {
+    }), n = {
       paddingX: /^px-/,
       paddingY: /^py-/,
       paddingAll: /^p-/,
@@ -472,74 +472,74 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
       borderRadius: /^rounded-/,
       background: /^bg-/,
       text: /^text-(?!white|black)/
-    }, o = (n, d) => {
-      if (!d) return n;
-      const m = n.split(" ").filter(Boolean), u = d.split(" ").filter(Boolean);
+    }, o = (r, d) => {
+      if (!d) return r;
+      const m = r.split(" ").filter(Boolean), u = d.split(" ").filter(Boolean);
       return [...m.filter((h) => !u.some((b) => {
-        const N = Object.entries(r).find(
+        const N = Object.entries(n).find(
           ([R, J]) => J.test(h)
-        )?.[0], C = Object.entries(r).find(
+        )?.[0], C = Object.entries(n).find(
           ([R, J]) => J.test(b)
         )?.[0];
         return N && N === C;
       })), ...u].join(" ");
     }, i = k(() => {
-      let n = "", d = "";
+      let r = "", d = "";
       switch (s.size) {
         case "xs":
-          n += " px-2 py-1 text-xs", d = "sm";
+          r += " px-2 py-1 text-xs", d = "sm";
           break;
         case "sm":
-          n += " px-2 py-1 text-sm", d = "sm";
+          r += " px-2 py-1 text-sm", d = "sm";
           break;
         case "md":
-          n += " px-2.5 py-1.5 text-sm", d = "md";
+          r += " px-2.5 py-1.5 text-sm", d = "md";
           break;
         case "lg":
-          n += " px-3 py-2 text-sm", d = "md";
+          r += " px-3 py-2 text-sm", d = "md";
           break;
         case "xl":
-          n += " px-3.5 py-2.5 min-h-[42px] text-sm", d = "md";
+          r += " 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;
-        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";
+        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";
       } else
-        n += ` shadow-xs rounded-${d}`;
+        r += ` shadow-xs rounded-${d}`;
       switch (s.variant) {
         case "primary":
-          n += " bg-primary-600 hover:bg-primary-500 text-white";
+          r += " bg-primary-600 hover:bg-primary-500 text-white";
           break;
         case "secondary":
-          n += "  ring-1 ring-gray-300 ring-inset bg-white hover:bg-gray-50 text-gray-900";
+          r += "  ring-1 ring-gray-300 ring-inset bg-white hover:bg-gray-50 text-gray-900";
           break;
         case "success":
-          n += " bg-green-600 hover:bg-green-500 text-white";
+          r += " bg-green-600 hover:bg-green-500 text-white";
           break;
         case "warning":
-          n += " bg-amber-600 hover:bg-amber-500 text-white";
+          r += " bg-amber-600 hover:bg-amber-500 text-white";
           break;
         case "danger":
-          n += " bg-red-600 hover:bg-red-500 text-white";
+          r += " bg-red-600 hover:bg-red-500 text-white";
           break;
         case "info":
-          n += " bg-cyan-600 hover:bg-cyan-500 text-white";
+          r += " bg-cyan-600 hover:bg-cyan-500 text-white";
           break;
         default:
-          n += ` bg-${s.variant}-600 hover:bg-${s.variant}-500 text-white`;
+          r += ` bg-${s.variant}-600 hover:bg-${s.variant}-500 text-white`;
       }
-      return n = o(n, s.buttonClass), n;
+      return r = o(r, s.buttonClass), r;
     });
-    return (n, d) => (f(), g("button", {
+    return (r, d) => (f(), g("button", {
       type: "button",
       ref_key: "buttonRef",
       ref: t,
       class: _(i.value),
       disabled: e.disabled,
-      onClick: d[0] || (d[0] = (m) => n.$emit("click"))
+      onClick: d[0] || (d[0] = (m) => r.$emit("click"))
     }, [
-      T(n.$slots, "default")
+      T(r.$slots, "default")
     ], 10, fs));
   }
 }, ms = {
@@ -550,7 +550,7 @@ const Vt = { class: "flex items-center" }, Pt = { class: "shrink-0 self-start" }
       isInGroup: !0,
       getButtonIndex: (l) => s.value ? Array.from(s.value.children).indexOf(l) : -1,
       getButtonCount: () => s.value?.children.length || 0
-    }), (l, r) => (f(), g("div", {
+    }), (l, n) => (f(), g("div", {
       class: "inline-flex rounded-md shadow-xs",
       ref_key: "groupRef",
       ref: s
@@ -735,7 +735,7 @@ const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       success: "farCheckCircle",
       warning: "farExclamationTriangle",
       danger: "farCircleXmark"
-    }, r = k(() => s.icon || l[s.type]), o = k(() => ({
+    }, n = k(() => s.icon || l[s.type]), o = k(() => ({
       info: "bg-blue-100",
       success: "bg-green-100",
       warning: "bg-yellow-100",
@@ -746,20 +746,20 @@ const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
       warning: "text-yellow-400",
       danger: "text-red-400"
     })[s.type]);
-    return (n, d) => {
+    return (r, d) => {
       const m = L("font-awesome-icon");
       return f(), g("div", _s, [
-        r.value ? (f(), g("div", {
+        n.value ? (f(), g("div", {
           key: 0,
           class: _(["mx-auto flex size-12 items-center justify-center rounded-full", o.value])
         }, [
           v(m, {
-            icon: y(H)[r.value],
+            icon: y(H)[n.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": r.value }])
+          class: _(["text-center", { "mt-3 sm:mt-5": n.value }])
         }, [
           e.title ? (f(), g("h3", ws, S(e.title), 1)) : x("", !0),
           e.message ? (f(), g("div", {
@@ -773,7 +773,7 @@ const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
           (f(!0), g(B, null, A(t.value, (u, p) => (f(), V(y(F), {
             key: p,
             variant: u.variant,
-            onClick: (h) => n.$emit(u.event, u)
+            onClick: (h) => r.$emit(u.event, u)
           }, {
             default: w(() => [
               P(S(u.text), 1)
@@ -799,7 +799,7 @@ const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   },
   emits: ["close"],
   setup(e, { emit: s }) {
-    const t = $(null), a = e, l = s, r = () => {
+    const t = $(null), a = e, l = s, n = () => {
       a.overlayInstance.close(), l("close");
     };
     return (o, i) => (f(), V(y(ke), {
@@ -810,7 +810,7 @@ const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
         v(y(_e), {
           initialFocus: t.value,
           class: "relative z-200",
-          onClose: r
+          onClose: n
         }, {
           default: w(() => [
             v(y(te), {
@@ -874,11 +874,11 @@ const U = new vs(), bs = { 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: "fad", iconName: "sort" }).html + ee({ prefix: "fad", iconName: "sort-up" }).html + ee({ prefix: "fad", iconName: "sort-down" }).html, a.appendChild(l), a.addEventListener("click", async () => {
-    const r = t.params.orderBy, o = t.params.sortedBy;
-    return r === e && o === "asc" ? (a.classList.remove("asc"), a.classList.add("desc"), t.methods.applyParams({
+    const n = t.params.orderBy, o = t.params.sortedBy;
+    return n === e && o === "asc" ? (a.classList.remove("asc"), a.classList.add("desc"), t.methods.applyParams({
       orderBy: e,
       sortedBy: "desc"
-    })) : r === e ? (a.classList.remove("desc"), await t.methods.clearParams(["orderBy", "sortedBy"])) : (a.classList.add("asc"), t.methods.applyParams({
+    })) : n === e ? (a.classList.remove("desc"), await t.methods.clearParams(["orderBy", "sortedBy"])) : (a.classList.add("asc"), t.methods.applyParams({
       orderBy: e,
       sortedBy: "asc"
     }));
@@ -888,16 +888,16 @@ const U = new vs(), bs = { 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 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({
+  const n = Ce(async (o, i) => {
+    const r = i.target.value, d = `filter[${o}]`;
+    if (r)
+      return t.params[d] && t.params[d] === r ? void 0 : t.methods.applyParams({
         page: 1,
-        [d]: n
+        [d]: r
       });
     await t.methods.removeParam(d);
   }, 200);
-  l.addEventListener("keyup", (o) => r(e, o)), s.appendChild(a);
+  l.addEventListener("keyup", (o) => n(e, o)), s.appendChild(a);
 }, Hs = (e, s, t) => {
   e.classList.add("spark-table-head"), t && t.columnSort && e.classList.add("can-sort"), t && t.columnFilter && e.classList.add("can-filter"), e.querySelector(".relative").classList.add("spark-table-head-title-wrapper");
   const l = e.querySelector(".colHeader");
@@ -908,8 +908,8 @@ const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   if (e < 0)
     return;
   let a = 2;
-  const l = t.methods.colToProp(e), r = t.methods.getSettingsForProp(l);
-  s.childElementCount === 1 && ((!r || !r.columnSort) && a--, (!r || !r.columnFilter) && a--, r && r.columnSort && $s(l, s, t), r && r.columnFilter && Ls(l, s, t)), (s.childElementCount === a || a === 0) && Hs(s, l, r);
+  const l = t.methods.colToProp(e), n = t.methods.getSettingsForProp(l);
+  s.childElementCount === 1 && ((!n || !n.columnSort) && a--, (!n || !n.columnFilter) && a--, n && n.columnSort && $s(l, s, t), n && n.columnFilter && Ls(l, s, t)), (s.childElementCount === a || a === 0) && Hs(s, l, n);
 }, Vs = (e) => {
   if (!e.hotInstance || !e.hotInstance.rootElement)
     return;
@@ -917,10 +917,10 @@ const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   a.forEach((l) => {
     l.classList.remove("asc", "desc");
   }), s && t && a.forEach((l) => {
-    const r = l.closest("th"), o = Array.from(r.parentElement.children).indexOf(r);
+    const n = l.closest("th"), o = Array.from(n.parentElement.children).indexOf(n);
     e.methods.colToProp(o) === s && l.classList.add(t);
   });
-}, Ps = (e) => (s, t, a, l, r, o, i) => {
+}, Ps = (e) => (s, t, a, l, n, o, i) => {
   t.innerHTML = "", t.classList.add("spark-table-cell-actions");
   const d = (i.rendererConfig || {}).actions || [];
   if (d.length === 0)
@@ -956,7 +956,7 @@ const U = new vs(), bs = { 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"
-}, Rs = (e) => (s, t, a, l, r, o, i) => {
+}, Rs = (e) => (s, t, a, l, n, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-badge"), !o)
     return;
   const d = (i.rendererConfig || {}).colorMap || {}, m = d[o] || d[o?.toLowerCase()] || "gray", u = de[m] || de.gray, p = document.createElement("span");
@@ -971,32 +971,32 @@ const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
     "capitalize",
     ...u.split(" ")
   ), p.textContent = o, t.appendChild(p);
-}, Bs = (e) => (s, t, a, l, r, o, i) => {
+}, Bs = (e) => (s, t, a, l, n, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-link"), !o)
     return;
-  const n = i.rendererConfig || {}, d = s.getSourceDataAtRow(s.toPhysicalRow(a));
+  const r = 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));
+  r.href && (typeof r.href == "function" ? m = r.href(d) : r.href === "email" ? m = `mailto:${o}` : r.href === "tel" ? m = `tel:${o}` : typeof r.href == "string" && (m = d[r.href] || o));
   const u = document.createElement("a");
-  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) => {
+  u.href = m, u.textContent = o, 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) => {
     p.stopPropagation();
   }), t.appendChild(u);
 }, ue = {
   sm: "h-6 w-6",
   md: "h-8 w-8",
   lg: "h-12 w-12"
-}, Ms = (e) => (s, t, a, l, r, o, i) => {
+}, Ms = (e) => (s, t, a, l, n, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-image"), !o)
     return;
-  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 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 b = document.createElement("img");
   b.src = o, b.alt = h, b.classList.add(...u.split(" "), "object-cover"), p ? b.classList.add("rounded-full") : b.classList.add("rounded"), t.appendChild(b);
-}, Fs = (e) => (s, t, a, l, r, o, i) => {
+}, Fs = (e) => (s, t, a, l, n, o, i) => {
   if (t.innerHTML = "", t.classList.add("spark-table-cell-date"), !o)
     return;
-  const n = i.rendererConfig || {}, d = n.format || "short", m = n.locale || "en-US";
+  const r = i.rendererConfig || {}, d = r.format || "short", m = r.locale || "en-US";
   let u = o;
   try {
     const h = new Date(o);
@@ -1012,15 +1012,15 @@ const U = new vs(), bs = { class: "fixed inset-0 z-10 w-screen overflow-y-auto"
   p.textContent = u, t.appendChild(p);
 };
 function As(e) {
-  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 t = /* @__PURE__ */ new Date() - e, a = Math.floor(Math.abs(t) / 1e3), l = Math.floor(a / 60), n = Math.floor(l / 60), o = Math.floor(n / 24), i = Math.floor(o / 30), r = 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" : ""}` : n < 24 ? d ? `${n} hour${n > 1 ? "s" : ""} ago` : `in ${n} hour${n > 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 ? `${r} year${r > 1 ? "s" : ""} ago` : `in ${r} year${r > 1 ? "s" : ""}`;
 }
 const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
-  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);
+  St(e, (t, a, l, n, o, i, r) => {
+    $t.apply(null, [t, a, l, n, o, i, r]), s(t, a, l, n, o, i, r);
   }), Es.set(e, s);
 }, zs = (e) => {
-  D("spark.actions", Ps(e)), D("spark.badge", Rs()), D("spark.link", Bs()), D("spark.image", Ms()), D("spark.date", Fs()), D("style.capitalize", (s, t, a, l, r, o) => {
+  D("spark.actions", Ps(e)), D("spark.badge", Rs()), D("spark.link", Bs()), D("spark.image", Ms()), D("spark.date", Fs()), D("style.capitalize", (s, t, a, l, n, o) => {
     if (!o || o.length === 0) {
       t.innerText = "";
       return;
@@ -1072,15 +1072,15 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
   emits: ["paginate"],
   setup(e, { emit: s }) {
     const t = e, a = s, l = (m) => {
-      r(t.sparkTable.params.page + m);
-    }, r = (m) => {
+      n(t.sparkTable.params.page + m);
+    }, n = (m) => {
       m < 1 || m > t.sparkTable.response.meta.last_page || a("paginate", {
         page: m
       });
     }, 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(
+    ) : []), r = k(
       () => t.sparkTable.params.page < q(t.sparkTable.response.meta, "last_page", 1)
     ), d = k(() => t.sparkTable.params.page > 1);
     return (m, u) => {
@@ -1107,10 +1107,10 @@ const Es = /* @__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: (b) => r(h)
+                  onClick: (b) => n(h)
                 }, S(h), 11, Ys))), 128)),
                 c("a", {
-                  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"]),
+                  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"]),
                   onClick: u[1] || (u[1] = j((h) => l(1), ["prevent"])),
                   href: "#"
                 }, [
@@ -1144,23 +1144,23 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
     const t = e, a = s, l = k(() => t.sparkTable.options.perPages.map((o) => ({
       label: String(o),
       value: o
-    }))), r = (o) => {
+    }))), n = (o) => {
       a("paginate", {
         page: 1,
         limit: parseInt(o)
       });
     };
     return (o, i) => {
-      const n = L("FormKit");
+      const r = L("FormKit");
       return f(), g("div", Js, [
-        v(n, {
+        v(r, {
           "model-value": e.sparkTable.params.limit,
           type: "select",
           options: l.value,
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0",
           "input-class": "!py-2",
-          onInput: r
+          onInput: n
         }, null, 8, ["model-value", "options"])
       ]);
     };
@@ -1176,14 +1176,14 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
   },
   setup(e) {
     const s = e, t = ve(), a = k(() => !!t.default), l = k(() => {
-      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`;
+      const n = "spark-table-toolbar flex flex-wrap items-center gap-x-5 px-5 w-full";
+      return s.position === "footer" ? `${n} spark-table-toolbar-footer justify-between` : `${n} spark-table-toolbar-header gap-y-5 py-5`;
     });
-    return (r, o) => a.value ? (f(), g("div", {
+    return (n, o) => a.value ? (f(), g("div", {
       key: 0,
       class: _(l.value)
     }, [
-      T(r.$slots, "default")
+      T(n.$slots, "default")
     ], 2)) : x("", !0);
   }
 }, ta = { class: "spark-table-search" }, sa = {
@@ -1205,31 +1205,33 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
     }
   },
   setup(e) {
-    const s = e, t = $("");
-    s.sparkTable.params[s.config.param] && (t.value = s.sparkTable.params[s.config.param]);
-    const a = Ce((r) => {
-      r ? s.sparkTable.methods.applyParams({
+    const s = e, t = $(""), a = s.config.param || "search";
+    s.sparkTable.params[a] ? t.value = s.sparkTable.params[a] : s.config.initialValue && (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
+      [a]: s.config.initialValue
+    }));
+    const l = Ce((o) => {
+      o ? s.sparkTable.methods.applyParams({
         page: 1,
-        [s.config.param]: r
-      }) : s.sparkTable.methods.removeParam(s.config.param);
+        [a]: o
+      }) : s.sparkTable.methods.removeParam(a);
     }, s.config.debounce || 300);
-    E(t, (r) => {
-      a(r);
+    E(t, (o) => {
+      l(o);
     });
-    const l = s.config.placeholder || "Search...";
+    const n = s.config.placeholder || "Search...";
     return E(
-      () => s.sparkTable.params[s.config.param],
-      (r) => {
-        !r && t.value && (t.value = "");
+      () => s.sparkTable.params[a],
+      (o) => {
+        !o && t.value && (t.value = "");
       }
-    ), (r, o) => {
-      const i = L("FormKit");
+    ), (o, i) => {
+      const r = L("FormKit");
       return f(), g("div", ta, [
-        v(i, Y({
+        v(r, Y({
           modelValue: t.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (n) => t.value = n),
+          "onUpdate:modelValue": i[0] || (i[0] = (d) => t.value = d),
           type: "text",
-          placeholder: y(l),
+          placeholder: y(n),
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0",
           "input-class": "!w-64 !pr-8"
@@ -1237,7 +1239,7 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
       ]);
     };
   }
-}, aa = /* @__PURE__ */ O(sa, [["__scopeId", "data-v-1dde9add"]]), oa = { class: "spark-table-filter-select" }, ra = {
+}, aa = /* @__PURE__ */ O(sa, [["__scopeId", "data-v-781e7d17"]]), oa = { class: "spark-table-filter-select" }, ra = {
   __name: "SparkTableFilterSelect",
   props: {
     /** SparkTable instance object */
@@ -1254,8 +1256,10 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
   },
   setup(e) {
     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, r = k(() => [
+    s.sparkTable.params[a] ? t.value = s.sparkTable.params[a] : s.config.initialValue !== void 0 && s.config.initialValue !== null && (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
+      [a]: s.config.initialValue
+    }));
+    const l = s.config.label || null, n = k(() => [
       { label: s.config.placeholder || "All", value: "" },
       ...s.config.options
     ]);
@@ -1270,14 +1274,14 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
         !o && t.value && (t.value = "");
       }
     ), (o, i) => {
-      const n = L("FormKit");
+      const r = L("FormKit");
       return f(), g("div", oa, [
-        v(n, Y({
+        v(r, Y({
           modelValue: t.value,
           "onUpdate:modelValue": i[0] || (i[0] = (d) => t.value = d),
           type: "select",
           label: y(l),
-          options: r.value,
+          options: n.value,
           placeholder: e.config.placeholder || "All",
           "outer-class": "!mb-0",
           "wrapper-class": "!mb-0"
@@ -1285,7 +1289,7 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
       ]);
     };
   }
-}, na = /* @__PURE__ */ O(ra, [["__scopeId", "data-v-2d4b75c0"]]), la = { class: "spark-table-filter-buttons" }, ia = {
+}, na = /* @__PURE__ */ O(ra, [["__scopeId", "data-v-8840f892"]]), la = { class: "spark-table-filter-buttons" }, ia = {
   key: 0,
   class: "spark-table-filter-buttons-label"
 }, ca = {
@@ -1305,8 +1309,10 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
   },
   setup(e) {
     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 r = (i) => i == null ? t.value === null || t.value === void 0 || t.value === "" : t.value === i, o = (i) => {
+    s.sparkTable.params[l] !== void 0 ? t.value = s.sparkTable.params[l] : s.config.initialValue !== void 0 && (t.value = s.config.initialValue, s.config.initialValue !== null && s.sparkTable.methods.applyParams({
+      [l]: s.config.initialValue
+    }));
+    const n = (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
@@ -1317,14 +1323,14 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
       (i) => {
         (i == null || i === "") && t.value ? t.value = null : i !== t.value && (t.value = i);
       }
-    ), (i, n) => (f(), g("div", la, [
+    ), (i, r) => (f(), g("div", la, [
       y(a) ? (f(), g("span", ia, S(y(a)), 1)) : x("", !0),
       v(ms, { class: "isolate" }, {
         default: w(() => [
           (f(!0), g(B, null, A(e.config.options, (d) => (f(), V(F, {
             key: d.value,
             size: "xl",
-            variant: r(d.value) ? "primary" : "secondary",
+            variant: n(d.value) ? "primary" : "secondary",
             onClick: (m) => o(d.value)
           }, {
             default: w(() => [
@@ -1337,7 +1343,7 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
       })
     ]));
   }
-}, da = /* @__PURE__ */ O(ca, [["__scopeId", "data-v-6de993cd"]]), ua = { class: "spark-table-date-picker" }, pa = {
+}, da = /* @__PURE__ */ O(ca, [["__scopeId", "data-v-0fcd0cce"]]), ua = { class: "spark-table-date-picker" }, pa = {
   __name: "SparkTableDatePicker",
   props: {
     /** SparkTable instance object */
@@ -1353,8 +1359,10 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
     }
   },
   setup(e) {
-    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) => {
+    const s = e, t = $(null), a = s.config.label || null, l = s.config.param || `filter[${s.config.key}]`, n = $(`${l}-0`);
+    return s.sparkTable.params[l] ? t.value = s.sparkTable.params[l] : s.config.initialValue ? (t.value = s.config.initialValue, s.sparkTable.methods.applyParams({
+      [l]: s.config.initialValue
+    })) : t.value = null, E(t, (o) => {
       o ? s.sparkTable.methods.applyParams({
         page: 1,
         [l]: o
@@ -1364,15 +1372,15 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
       (o) => {
         if ((o == null || o === "") && t.value) {
           t.value = null;
-          const i = parseInt(r.value.split("-").pop()) || 0;
-          r.value = `${l}-${i + 1}`;
+          const i = parseInt(n.value.split("-").pop()) || 0;
+          n.value = `${l}-${i + 1}`;
         } else o && o !== t.value && (t.value = o);
       }
     ), (o, i) => {
-      const n = L("FormKit");
+      const r = L("FormKit");
       return f(), g("div", ua, [
-        (f(), V(n, Y({
-          key: r.value,
+        (f(), V(r, Y({
+          key: n.value,
           modelValue: t.value,
           "onUpdate:modelValue": i[0] || (i[0] = (d) => t.value = d),
           type: "datepicker",
@@ -1388,7 +1396,7 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
       ]);
     };
   }
-}, fa = /* @__PURE__ */ O(pa, [["__scopeId", "data-v-f10ddb60"]]), ma = { class: "spark-table-reset" }, ga = { key: 1 }, ha = {
+}, fa = /* @__PURE__ */ O(pa, [["__scopeId", "data-v-44ef9cb8"]]), ma = { class: "spark-table-reset" }, ga = { key: 1 }, ha = {
   __name: "SparkTableReset",
   props: {
     /** SparkTable instance object */
@@ -1410,21 +1418,21 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
           if (i.type === "search")
             i.param && l.push(i.param);
           else if (i.type === "filterSelect" || i.type === "filterButtons") {
-            const n = i.param || `filter[${i.key}]`;
-            l.push(n);
+            const r = i.param || `filter[${i.key}]`;
+            l.push(r);
           } else if (i.type === "datePicker") {
-            const n = i.param || `filter[${i.key}]`;
-            l.push(n);
+            const r = i.param || `filter[${i.key}]`;
+            l.push(r);
           }
         }
       });
-      const r = l.filter(
+      const n = l.filter(
         (o) => s.sparkTable.params[o] !== void 0 && s.sparkTable.params[o] !== null && s.sparkTable.params[o] !== ""
       );
-      r.length !== 0 && s.sparkTable.methods.clearParams(r);
+      n.length !== 0 && s.sparkTable.methods.clearParams(n);
     };
     return (a, l) => {
-      const r = L("font-awesome-icon");
+      const n = L("font-awesome-icon");
       return f(), g("div", ma, [
         v(F, {
           onClick: t,
@@ -1432,7 +1440,7 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
           size: "xl"
         }, {
           default: w(() => [
-            e.config.icon ? (f(), V(r, {
+            e.config.icon ? (f(), V(n, {
               key: 0,
               icon: ["far", e.config.icon],
               class: _({ "mr-1.5": e.config.label })
@@ -1472,7 +1480,7 @@ const Es = /* @__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((r) => a[r])) : e.data.data,
+        data: q(s.settings, "nestedHeaders") ? e.data.data.map((a) => (s.settings.columnKeys || []).map((n) => a[n])) : e.data.data,
         meta: {
           last_page: e.data.last_page,
           from: e.data.from,
@@ -1517,7 +1525,7 @@ const Es = /* @__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, r = ge("axios"), o = $(null), i = $(!1), n = $(null), d = {
+    const l = t, n = ge("axios"), o = $(null), i = $(!1), r = $(null), d = {
       search: aa,
       filterSelect: na,
       filterButtons: da,
@@ -1544,13 +1552,13 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
         },
         loadTable: async (p) => {
           if (!(!o.value || !o.value.hotInstance)) {
-            i.value = !0, n.value = null, l("loading", !0), ae.start(), u.hotInstance = o.value.hotInstance;
+            i.value = !0, r.value = null, l("loading", !0), ae.start(), u.hotInstance = o.value.hotInstance;
             try {
               if (a.dataProvider) {
                 const b = await a.dataProvider(u.computed.params);
                 u.response = a.dataTransformer(b, a);
               } else if (a.url) {
-                const b = await r.get(a.url, {
+                const b = await n.get(a.url, {
                   params: u.computed.params
                 });
                 u.response = a.dataTransformer(b, a);
@@ -1563,7 +1571,7 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
                 meta: u.response.meta
               }), p && typeof p == "function" && p();
             } catch (h) {
-              n.value = h, l("error", h), console.error("Error loading table data:", h);
+              r.value = h, l("error", h), console.error("Error loading table data:", h);
             } finally {
               i.value = !1, l("loading", !1), ae.done();
             }
@@ -1633,7 +1641,7 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
       clearParams: (p) => u.methods.clearParams(p),
       applyParams: (p) => u.methods.applyParams(p),
       loading: i,
-      error: n,
+      error: r,
       sparkTable: u,
       table: o
     }), (p, h) => (f(), g("div", va, [
@@ -1651,7 +1659,7 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
           T(p.$slots, "header", {
             sparkTable: u,
             loading: i.value,
-            error: n.value
+            error: r.value
           })
         ]),
         _: 3
@@ -1680,7 +1688,7 @@ const Es = /* @__PURE__ */ new Map(), D = (e, s) => {
             T(p.$slots, "footer", {
               sparkTable: u,
               loading: i.value,
-              error: n.value
+              error: r.value
             })
           ])
         ]),
@@ -1701,8 +1709,8 @@ function me() {
     e.isVisible = !1, e.content = null, e.props = {}, e.eventHandlers = {};
   }, a = () => {
     e.isVisible = !0;
-  }, l = (o, i = {}, n = {}) => {
-    e.content = he(o), e.props = i, e.eventHandlers = n;
+  }, l = (o, i = {}, r = {}) => {
+    e.content = he(o), e.props = i, e.eventHandlers = r;
   };
   return {
     state: e,
@@ -1710,8 +1718,8 @@ function me() {
     close: t,
     open: a,
     setContent: l,
-    show: (o, i = {}, n = {}) => {
-      o && l(o, i, n), a();
+    show: (o, i = {}, r = {}) => {
+      o && l(o, i, r), a();
     }
   };
 }
@@ -1780,7 +1788,7 @@ const Z = new ka(), _a = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, wa =
   },
   emits: ["overlayClose"],
   setup(e, { emit: s }) {
-    const t = e, a = s, l = ve(), r = Le(), o = Se(), i = k(() => o.getAppIcon(t.appStore.state.app)), n = () => {
+    const t = e, a = s, l = ve(), n = Le(), o = Se(), i = k(() => o.getAppIcon(t.appStore.state.app)), r = () => {
       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(Yt, p, {
         select: (h) => {
@@ -1793,7 +1801,7 @@ const Z = new ka(), _a = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, wa =
         {},
         {
           select: (p) => {
-            r.toggleBrand(p), Z.closeLeft();
+            n.toggleBrand(p), Z.closeLeft();
           }
         }
       );
@@ -1916,9 +1924,9 @@ const Z = new ka(), _a = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, wa =
                     class: "absolute left-1/2 -translate-x-1/2 cursor-pointer h-9 flex items-center",
                     onClick: d
                   }, [
-                    y(r).currentBrand ? (f(), g("img", {
+                    y(n).currentBrand ? (f(), g("img", {
                       key: 0,
-                      src: y(r).currentBrand.logo,
+                      src: y(n).currentBrand.logo,
                       alt: "",
                       class: "h-[30px] w-auto"
                     }, null, 8, za)) : x("", !0)
@@ -1930,7 +1938,7 @@ const Z = new ka(), _a = { class: "flex grow m-2.5 p-[10px] rounded-lg" }, wa =
                       key: 0,
                       class: "rounded-sm bg-white w-[42px] h-[42px] ring-1 ring-inset ring-gray-300",
                       type: "button",
-                      onClick: n
+                      onClick: r
                     }, [
                       v(b, {
                         icon: y(H).farGripDotsVertical,
@@ -1975,12 +1983,12 @@ const wr = /* @__PURE__ */ O(Oa, [["render", Da]]), Za = (e) => {
     maxAge: a = 31536e3,
     // 365 days in seconds
     domain: l = He(),
-    secure: r = !0,
+    secure: n = !0,
     sameSite: o = "Lax",
     path: i = "/"
   } = t;
-  let n = `${e}=${s}; max-age=${a}; path=${i}; samesite=${o}`;
-  l && (n += `; domain=${l}`), r && (n += "; secure"), document.cookie = n;
+  let r = `${e}=${s}; max-age=${a}; path=${i}; samesite=${o}`;
+  l && (r += `; domain=${l}`), n && (r += "; secure"), document.cookie = r;
 }, Ga = (e, s = {}) => {
   const { domain: t = He(), path: a = "/" } = s;
   let l = `${e}=; max-age=0; path=${a}`;
@@ -2049,7 +2057,7 @@ const re = "bolt-next-token", M = X("auth", () => {
     qa(re, d), e.token = d;
   }, a = () => {
     Ga(re), e.token = null;
-  }, l = () => Za(re), r = async (d) => {
+  }, l = () => Za(re), n = 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;
   }, o = async () => {
@@ -2084,14 +2092,14 @@ const re = "bolt-next-token", M = X("auth", () => {
     } finally {
       e.ready = !0;
     }
-  }, n = k(() => e.overrideToken ? !0 : !!e.token && !!e.user);
+  }, r = k(() => e.overrideToken ? !0 : !!e.token && !!e.user);
   return {
     state: e,
     initialize: s,
-    login: r,
+    login: n,
     logout: o,
     fetchUser: i,
-    check: n,
+    check: r,
     setTokenCookie: t,
     clearTokenCookie: a,
     getTokenCookie: l
@@ -2123,7 +2131,7 @@ const re = "bolt-next-token", M = X("auth", () => {
     }
   },
   setup(e) {
-    const s = I(), t = se(), a = $e(), l = M(), r = e, o = $(!1), i = $(""), n = async (d) => {
+    const s = I(), t = se(), a = $e(), l = M(), n = e, o = $(!1), i = $(""), r = async (d) => {
       o.value = !0, i.value = "";
       try {
         await l.login(d);
@@ -2135,7 +2143,7 @@ const re = "bolt-next-token", M = X("auth", () => {
           }
           await s.push(m);
         } else
-          await s.push(r.defaultRedirect);
+          await s.push(n.defaultRedirect);
       } catch (m) {
         i.value = m.response?.data?.message || m.message || "Login failed. Please try again.";
       } finally {
@@ -2146,9 +2154,9 @@ const re = "bolt-next-token", M = X("auth", () => {
       const u = L("FormKit"), p = L("router-link");
       return f(), g("div", Wa, [
         c("div", Ya, [
-          r.logo ? (f(), g("img", {
+          n.logo ? (f(), g("img", {
             key: 0,
-            src: r.logo,
+            src: n.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
           }, null, 8, Xa)) : (f(), g("svg", Ja, [...m[0] || (m[0] = [
@@ -2177,7 +2185,7 @@ const re = "bolt-next-token", M = X("auth", () => {
           ]),
           v(u, {
             type: "form",
-            onSubmit: n,
+            onSubmit: r,
             actions: !1
           }, {
             default: w(() => [
@@ -2202,7 +2210,7 @@ const re = "bolt-next-token", M = X("auth", () => {
               c("div", so, [
                 m[3] || (m[3] = c("span", null, null, -1)),
                 v(p, {
-                  to: r.forgotPasswordRoute,
+                  to: n.forgotPasswordRoute,
                   class: "text-sm text-primary-600 font-semibold"
                 }, {
                   default: w(() => [...m[2] || (m[2] = [
@@ -2242,9 +2250,9 @@ const re = "bolt-next-token", M = X("auth", () => {
     const s = I(), t = se(), a = M(), l = e;
     return be(async () => {
       await a.logout();
-      const r = t.query.redirect;
-      r && r.startsWith("http") ? window.location.href = r : await s.push(r || l.defaultRedirect);
-    }), (r, o) => null;
+      const n = t.query.redirect;
+      n && n.startsWith("http") ? window.location.href = n : await s.push(n || l.defaultRedirect);
+    }), (n, o) => null;
   }
 }, io = { class: "h-full grid place-content-center relative" }, co = { class: "absolute top-8 left-8" }, uo = ["src"], po = {
   key: 1,
@@ -2272,17 +2280,17 @@ const re = "bolt-next-token", M = X("auth", () => {
     }
   },
   setup(e) {
-    const s = M(), t = e, a = $(!1), l = $(""), r = $(""), o = async ({ email: i }) => {
-      a.value = !0, l.value = "", r.value = "";
+    const s = M(), t = e, a = $(!1), l = $(""), n = $(""), o = async ({ email: i }) => {
+      a.value = !0, l.value = "", n.value = "";
       try {
-        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.";
+        await K.post(s.state.endpoints.passwordEmail, { email: i }), n.value = "Password reset link sent! Check your email.";
+      } catch (r) {
+        l.value = r.response?.data?.message || "Failed to send reset link.";
       } finally {
         a.value = !1;
       }
     };
-    return (i, n) => {
+    return (i, r) => {
       const d = L("FormKit"), m = L("router-link");
       return f(), g("div", io, [
         c("div", co, [
@@ -2291,7 +2299,7 @@ const re = "bolt-next-token", M = X("auth", () => {
             src: t.logo,
             alt: "Logo",
             class: "h-[23px] w-auto"
-          }, null, 8, uo)) : (f(), g("svg", po, [...n[0] || (n[0] = [
+          }, null, 8, uo)) : (f(), g("svg", po, [...r[0] || (r[0] = [
             c("path", {
               d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
               fill: "#1C64F2"
@@ -2311,7 +2319,7 @@ const re = "bolt-next-token", M = X("auth", () => {
           ])]))
         ]),
         c("div", fo, [
-          n[2] || (n[2] = c("div", { class: "mb-7" }, [
+          r[2] || (r[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)),
@@ -2330,7 +2338,7 @@ const re = "bolt-next-token", M = X("auth", () => {
                 "outer-class": "max-w-full"
               }),
               l.value ? (f(), g("div", mo, S(l.value), 1)) : x("", !0),
-              r.value ? (f(), g("div", go, S(r.value), 1)) : x("", !0),
+              n.value ? (f(), g("div", go, S(n.value), 1)) : x("", !0),
               v(y(F), {
                 type: "submit",
                 size: "xl",
@@ -2346,7 +2354,7 @@ const re = "bolt-next-token", M = X("auth", () => {
                 to: t.loginRoute,
                 class: "text-sm text-center text-primary-600 font-semibold block"
               }, {
-                default: w(() => [...n[1] || (n[1] = [
+                default: w(() => [...r[1] || (r[1] = [
                   P(" Back to login ", -1)
                 ])]),
                 _: 1
@@ -2381,22 +2389,22 @@ const re = "bolt-next-token", M = X("auth", () => {
     }
   },
   setup(e) {
-    const s = I(), t = se(), a = M(), l = e, r = $(!1), o = $(""), i = async ({ password: n, password_confirmation: d }) => {
-      r.value = !0, o.value = "";
+    const s = I(), t = se(), a = M(), l = e, n = $(!1), o = $(""), i = async ({ password: r, password_confirmation: d }) => {
+      n.value = !0, o.value = "";
       try {
         await K.post(a.state.endpoints.passwordReset, {
           email: t.query.email,
           token: t.query.token,
-          password: n,
+          password: r,
           password_confirmation: d
         }), await s.push(l.loginRoute);
       } catch (m) {
         o.value = m.response?.data?.message || "Failed to reset password.";
       } finally {
-        r.value = !1;
+        n.value = !1;
       }
     };
-    return (n, d) => {
+    return (r, d) => {
       const m = L("FormKit");
       return f(), g("div", bo, [
         c("div", xo, [
@@ -2455,11 +2463,11 @@ const re = "bolt-next-token", M = X("auth", () => {
               v(y(F), {
                 type: "submit",
                 size: "xl",
-                disabled: r.value,
+                disabled: n.value,
                 "button-class": "w-full mb-2"
               }, {
                 default: w(() => [
-                  r.value ? (f(), g("span", $o, "Resetting...")) : (f(), g("span", So, "Reset password"))
+                  n.value ? (f(), g("span", $o, "Resetting...")) : (f(), g("span", So, "Reset password"))
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -2493,14 +2501,14 @@ const re = "bolt-next-token", M = X("auth", () => {
     const s = I(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, r) => (f(), g("div", Ho, [
+    return (l, n) => (f(), g("div", Ho, [
       c("div", To, [
         t.logo ? (f(), g("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, Vo)) : (f(), g("svg", Po, [...r[0] || (r[0] = [
+        }, null, 8, Vo)) : (f(), g("svg", Po, [...n[0] || (n[0] = [
           c("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -2520,7 +2528,7 @@ const re = "bolt-next-token", M = X("auth", () => {
         ])]))
       ]),
       c("div", Ro, [
-        r[2] || (r[2] = c("div", null, [
+        n[2] || (n[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" }, [
@@ -2534,7 +2542,7 @@ const re = "bolt-next-token", M = X("auth", () => {
             onClick: a,
             size: "lg"
           }, {
-            default: w(() => [...r[1] || (r[1] = [
+            default: w(() => [...n[1] || (n[1] = [
               P(" Go to Home ", -1)
             ])]),
             _: 1
@@ -2566,14 +2574,14 @@ const re = "bolt-next-token", M = X("auth", () => {
     const s = I(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, r) => (f(), g("div", Fo, [
+    return (l, n) => (f(), g("div", Fo, [
       c("div", Ao, [
         t.logo ? (f(), g("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, Eo)) : (f(), g("svg", zo, [...r[0] || (r[0] = [
+        }, null, 8, Eo)) : (f(), g("svg", zo, [...n[0] || (n[0] = [
           c("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -2593,7 +2601,7 @@ const re = "bolt-next-token", M = X("auth", () => {
         ])]))
       ]),
       c("div", jo, [
-        r[2] || (r[2] = c("div", null, [
+        n[2] || (n[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. ")
@@ -2603,7 +2611,7 @@ const re = "bolt-next-token", M = X("auth", () => {
             onClick: a,
             size: "lg"
           }, {
-            default: w(() => [...r[1] || (r[1] = [
+            default: w(() => [...n[1] || (n[1] = [
               P(" Go to Home ", -1)
             ])]),
             _: 1
@@ -2647,14 +2655,14 @@ const re = "bolt-next-token", M = X("auth", () => {
     const s = I(), t = e, a = () => {
       s.push(t.homeRoute);
     };
-    return (l, r) => (f(), g("div", No, [
+    return (l, n) => (f(), g("div", No, [
       c("div", Do, [
         t.logo ? (f(), g("img", {
           key: 0,
           src: t.logo,
           alt: "Logo",
           class: "h-[23px] w-auto"
-        }, null, 8, Zo)) : (f(), g("svg", qo, [...r[0] || (r[0] = [
+        }, null, 8, Zo)) : (f(), g("svg", qo, [...n[0] || (n[0] = [
           c("path", {
             d: "M49.2029 17.1264V8.03835H44.0829V5.22235H58.0989V8.03835H52.9629V17.1264H49.2029Z",
             fill: "#1C64F2"
@@ -2684,7 +2692,7 @@ const re = "bolt-next-token", M = X("auth", () => {
             onClick: a,
             size: "lg"
           }, {
-            default: w(() => [...r[1] || (r[1] = [
+            default: w(() => [...n[1] || (n[1] = [
               P(" Go to Home ", -1)
             ])]),
             _: 1
@@ -2700,7 +2708,7 @@ function $r(e = {}) {
     logoutPath: t = "/logout",
     forgotPasswordPath: a = "/forgot-password",
     resetPasswordPath: l = "/password/reset",
-    logo: r = "",
+    logo: n = "",
     defaultRedirect: o = "/dashboard"
   } = e;
   return [
@@ -2708,7 +2716,7 @@ function $r(e = {}) {
       path: s,
       name: "login",
       component: no,
-      props: { logo: r, defaultRedirect: o },
+      props: { logo: n, defaultRedirect: o },
       meta: { auth: !1 }
     },
     {
@@ -2722,32 +2730,32 @@ function $r(e = {}) {
       path: a,
       name: "forgot-password",
       component: vo,
-      props: { logo: r, loginRoute: s },
+      props: { logo: n, loginRoute: s },
       meta: { auth: !1 }
     },
     {
       path: l,
       name: "password-reset",
       component: Lo,
-      props: { logo: r, loginRoute: s },
+      props: { logo: n, loginRoute: s },
       meta: { auth: !1 }
     }
   ];
 }
 function Lr(e, s = {}) {
   const { defaultAuthenticatedRoute: t = "/dashboard" } = s;
-  e.beforeEach(async (a, l, r) => {
+  e.beforeEach(async (a, l, n) => {
     const o = M();
-    o.state.ready || await o.fetchUser(), Xo(a, r, o, t);
+    o.state.ready || await o.fetchUser(), Xo(a, n, o, t);
   });
 }
 function Xo(e, s, t, a) {
-  const l = e.meta.auth !== !1, r = t.check;
+  const l = e.meta.auth !== !1, n = t.check;
   if (t.state.overrideToken && e.path === "/logout") {
     s({ path: a });
     return;
   }
-  if (!r) {
+  if (!n) {
     if (!l) {
       if (e.path === "/logout") {
         s({ path: t.state.routes.auth });
@@ -2767,7 +2775,7 @@ function Xo(e, s, t, a) {
     });
     return;
   }
-  if (r) {
+  if (n) {
     if (!l && e.path === t.state.routes.auth) {
       s({ path: a });
       return;
@@ -2879,7 +2887,7 @@ const Br = X("sparkNav", () => {
       }
     }
     return null;
-  }, r = async (d) => {
+  }, n = async (d) => {
     if (d) {
       const m = l(e.menu, d);
       if (m && typeof m.action == "function") {
@@ -2892,7 +2900,7 @@ const Br = X("sparkNav", () => {
     e.collapsed = !e.collapsed;
   }, i = () => {
     e.hidden = !e.hidden;
-  }, n = () => {
+  }, r = () => {
     const d = t.name || t.path.replace("/", "");
     if (d) {
       const m = (u) => {
@@ -2906,16 +2914,16 @@ const Br = X("sparkNav", () => {
   return E(
     () => t.path,
     () => {
-      n();
+      r();
     },
     { immediate: !0 }
   ), {
     state: e,
     initialize: a,
-    goto: r,
+    goto: n,
     toggleCollapsed: o,
     toggleHidden: i,
-    syncWithRoute: n
+    syncWithRoute: r
   };
 });
 export {