@tenorlab/react-dashboard 1.2.1 → 1.2.3

package/dist/react-dashboard.es.js

@@ -1,5 +1,5 @@
 import ae, { useState as le, useCallback as ue, useMemo as st, forwardRef as ce, useRef as Ct, Suspense as St, useEffect as Dt } from "react";
-import { jsxs as W, jsx as a } from "react/jsx-runtime";
+import { jsxs as W, jsx as s } from "react/jsx-runtime";
 import lt from "react-dom";
 const Nt = [
   {
@@ -81,7 +81,7 @@ const Nt = [
   }
 ], Tt = ["rem", "pc", "cm", "in", "em", "vh", "vw", "%"], Et = (e, n) => Tt.includes(e) ? n : 1, _t = {
   incrementOrDecrementValue: (e, n) => {
-    const t = e.value.match(/([\d.]+)/), r = t ? parseFloat(t[1]) : 0, o = e.value.match(/([^\d.]+)/), i = o ? o[1] : e.defaultUnit, s = Et(i, e.step) * n, b = `${Math.max(r + s, e.minValue).toFixed(1)}${i}`;
+    const t = e.value.match(/([\d.]+)/), r = t ? parseFloat(t[1]) : 0, o = e.value.match(/([^\d.]+)/), i = o ? o[1] : e.defaultUnit, a = Et(i, e.step) * n, b = `${Math.max(r + a, e.minValue).toFixed(1)}${i}`;
     return {
       ...e,
       value: b
@@ -97,9 +97,9 @@ const Nt = [
   widgets: [],
   childWidgetsConfig: [],
   cssSettings: [...Nt]
-}, Ae = 0.7, Le = 1, Mt = 0.05, ct = (e) => {
+}, Ae = 0.7, Fe = 1, Mt = 0.05, ct = (e) => {
   let n = Number(e || 0);
-  return n < Ae && (n = Ae), n > Le && (n = Le), n;
+  return n < Ae && (n = Ae), n > Fe && (n = Fe), n;
 }, Pn = (e, n) => {
   let t = Number(Number((Mt * n).toFixed(2)).toFixed(2)), r = Number((Number(e) + t).toFixed(2));
   return ct(r);
@@ -178,20 +178,26 @@ const Nt = [
 }, It = (e) => {
   const n = e.match(/\/widget-([a-zA-Z0-9-]+)\/index\.ts$/);
   if (n && n[1]) {
-    const t = n[1], r = `Widget${t.split("-").map((i) => i.charAt(0).toUpperCase() + i.slice(1)).join("")}`, o = t.split("-").map((i) => i.charAt(0).toUpperCase() + i.slice(1)).join(" ");
-    return { key: r, title: o, folder: t };
+    const t = n[1], r = t.split("-"), o = `Widget${r.map((a) => a.charAt(0).toUpperCase() + a.slice(1)).join("")}`, i = r.map((a) => a.charAt(0).toUpperCase() + a.slice(1)).join(" ");
+    return {
+      key: o,
+      title: i,
+      folder: t
+    };
   }
   return null;
 }, Ot = (e, n, t, r) => {
-  const o = `${n}/widget-${t}/widget-${t}.meta.ts`, i = e[o], s = `${r}Meta`;
-  if (i && i[s])
-    return i[s];
+  const o = `${n}/widget-${t}/meta.ts`, i = e[o];
+  if (!i)
+    return;
+  const a = `${r}Meta`;
+  return i[a] || void 0;
 }, In = async (e) => new Promise(async (n, t) => {
   const r = [];
   try {
     const i = await (await fetch(`${e}?${Math.random()}`)).json();
-    for (const s in i) {
-      const d = i[s], b = () => import(
+    for (const a in i) {
+      const d = i[a], b = () => import(
         /* @vite-ignore */
         d.url
       ), g = {
@@ -203,7 +209,7 @@ const Nt = [
         // Or a logic to map a string name to a Lucide component
         externalDependencies: d.meta.externalDependencies || []
       };
-      r.push(dt(s, b, g));
+      r.push(dt(a, b, g));
     }
     n({
       entries: r,
@@ -220,34 +226,35 @@ const Nt = [
 }), On = (e, n, t, r = !0) => {
   const o = [];
   for (const i in n) {
-    const s = n[i], d = It(i);
-    if (d && s) {
+    const a = n[i], d = It(i);
+    if (d && a) {
       const { key: b, title: g, folder: h } = d;
       let u = Ot(t, e, h, b);
       if (u || (u = ge(b, {
         title: g,
         description: `Local ${r ? "dynamic" : "static"} widget`
-      })), r) {
-        const m = s;
-        o.push(dt(b, m, u));
-      } else {
-        const m = s.default || s;
-        o.push(Wt(b, m, u));
+      })), r)
+        o.push(
+          dt(b, a, u)
+        );
+      else {
+        const p = a.default || a;
+        o.push(Wt(b, p, u));
       }
     }
   }
   return o;
-}, Fe = (e) => {
+}, Le = (e) => {
   let n;
   const t = /* @__PURE__ */ new Set(), r = (g, h) => {
     const u = typeof g == "function" ? g(n) : g;
     if (!Object.is(u, n)) {
-      const m = n;
-      n = h ?? (typeof u != "object" || u === null) ? u : Object.assign({}, n, u), t.forEach((y) => y(n, m));
+      const p = n;
+      n = h ?? (typeof u != "object" || u === null) ? u : Object.assign({}, n, u), t.forEach((y) => y(n, p));
     }
   }, o = () => n, d = { setState: r, getState: o, getInitialState: () => b, subscribe: (g) => (t.add(g), () => t.delete(g)) }, b = n = e(r, o, d);
   return d;
-}, Rt = ((e) => e ? Fe(e) : Fe), kt = (e) => e;
+}, Rt = ((e) => e ? Le(e) : Le), kt = (e) => e;
 function jt(e, n = kt) {
   const t = ae.useSyncExternalStore(
     e.subscribe,
@@ -259,17 +266,17 @@ function jt(e, n = kt) {
 const At = (e) => {
   const n = Rt(e), t = (r) => jt(n, r);
   return Object.assign(t, n), t;
-}, Lt = ((e) => At), Ft = (e) => {
+}, Ft = ((e) => At), Lt = (e) => {
   const n = e.widgets.filter((r) => r.includes("WidgetContainer")).map((r) => Number(r.split("_")[1].replace("container", "")));
   return `container${n.length > 0 ? Math.max(...n) + 1 : 1}`;
 }, Vt = (e, n) => {
-  const t = Ft(e);
+  const t = Lt(e);
   return `${n}_${t}`;
 }, Ut = (e) => {
   const { dashboardConfig: n, widgetKey: t, parentWidgetKey: r, noDuplicatedWidgets: o } = e;
   if (r) {
     if (o && n.childWidgetsConfig.find(
-      (s) => s.parentWidgetKey === r && s.widgetKey === t
+      (a) => a.parentWidgetKey === r && a.widgetKey === t
     ))
       return {
         success: !1,
@@ -311,13 +318,13 @@ const At = (e) => {
     ), o = e.childWidgetsConfig.filter(
       (b) => b.parentWidgetKey === t && b.widgetKey !== n
     ), i = [...r, ...o];
-    let s = {
+    let a = {
       ...e,
       childWidgetsConfig: i
     };
-    return `${n}`.includes("Container") && (s = Pt(s)), {
+    return `${n}`.includes("Container") && (a = Pt(a)), {
       success: !0,
-      updatedDashboardConfig: s
+      updatedDashboardConfig: a
     };
   } else {
     const r = e.widgets.filter((i) => i !== n), o = e.childWidgetsConfig.filter(
@@ -340,15 +347,15 @@ const At = (e) => {
     let i = e.childWidgetsConfig.filter(
       (h) => h.parentWidgetKey === r
     );
-    const s = i.indexOf(t);
-    let d = s + n;
-    if (d = Math.max(0, d), d = Math.min(i.length - 1, d), d === s)
+    const a = i.indexOf(t);
+    let d = a + n;
+    if (d = Math.max(0, d), d = Math.min(i.length - 1, d), d === a)
       return {
         success: !1,
         message: `DashboardStore: moveWidget: Widget already at min/max position (${t})`,
         updatedDashboardConfig: e
       };
-    const b = [...i], [g] = b.splice(s, 1);
+    const b = [...i], [g] = b.splice(a, 1);
     return b.splice(d, 0, g), {
       success: !0,
       updatedDashboardConfig: {
@@ -358,15 +365,15 @@ const At = (e) => {
     };
   } else {
     const o = e.widgets || [], i = o.indexOf(t);
-    let s = i + n;
-    if (s = Math.max(0, s), s = Math.min(o.length - 1, s), s === i)
+    let a = i + n;
+    if (a = Math.max(0, a), a = Math.min(o.length - 1, a), a === i)
       return {
         success: !1,
         message: `DashboardStore: moveWidget: Widget already at min/max position (${t})`,
         updatedDashboardConfig: e
       };
     const d = [...o], [b] = d.splice(i, 1);
-    return d.splice(s, 0, b), {
+    return d.splice(a, 0, b), {
       success: !0,
       updatedDashboardConfig: {
         ...e,
@@ -432,7 +439,7 @@ const At = (e) => {
       ...t
     }), i = [
       ...r.allDashboardConfigs.filter(
-        (s) => s.dashboardId !== o.updatedDashboardConfig.dashboardId
+        (a) => a.dashboardId !== o.updatedDashboardConfig.dashboardId
       ),
       o.updatedDashboardConfig
     ];
@@ -445,49 +452,49 @@ const At = (e) => {
     };
   },
   removeWidget: (t, r) => {
-    const o = n(), i = qt(o.currentDashboardConfig, t, r), s = [
+    const o = n(), i = qt(o.currentDashboardConfig, t, r), a = [
       ...o.allDashboardConfigs.filter(
         (d) => d.dashboardId !== i.updatedDashboardConfig.dashboardId
       ),
       i.updatedDashboardConfig
     ];
     return i.success && e(() => ({
-      allDashboardConfigs: s,
+      allDashboardConfigs: a,
       currentDashboardConfig: i.updatedDashboardConfig
     })), {
       ...i,
-      allUpdatedDashboardConfigs: s
+      allUpdatedDashboardConfigs: a
     };
   },
   moveWidget: (t, r, o) => {
-    const i = n(), s = Yt(i.currentDashboardConfig, t, r, o), d = [
+    const i = n(), a = Yt(i.currentDashboardConfig, t, r, o), d = [
       ...i.allDashboardConfigs.filter(
-        (b) => b.dashboardId !== s.updatedDashboardConfig.dashboardId
+        (b) => b.dashboardId !== a.updatedDashboardConfig.dashboardId
       ),
-      s.updatedDashboardConfig
+      a.updatedDashboardConfig
     ];
-    return s.success && e(() => ({
+    return a.success && e(() => ({
       allDashboardConfigs: d,
-      currentDashboardConfig: s.updatedDashboardConfig
+      currentDashboardConfig: a.updatedDashboardConfig
     })), {
-      ...s,
+      ...a,
       allUpdatedDashboardConfigs: d
     };
   }
-}), Rn = Lt()((...e) => ({
+}), Rn = Ft()((...e) => ({
   ...zt(...e)
 })), ut = (e, n) => `dashboards_${n}_${e}`, Bt = async (e, n, t, r) => {
   const o = localStorage.getItem(ut(e, n));
   if (o)
     try {
       const i = JSON.parse(o);
-      return i.length < 1 ? [r] : (i.forEach((s) => {
-        s.dashboardId || (s.dashboardId = "default"), s.dashboardName || (s.dashboardName = `Dashboard ${s.dashboardId}`), s.responsiveGrid = s.responsiveGrid ?? !1, (s.widgets || []).length < 1 && (s.widgets = r.widgets);
-        const d = (s.cssSettings || []).filter(
+      return i.length < 1 ? [r] : (i.forEach((a) => {
+        a.dashboardId || (a.dashboardId = "default"), a.dashboardName || (a.dashboardName = `Dashboard ${a.dashboardId}`), a.responsiveGrid = a.responsiveGrid ?? !1, (a.widgets || []).length < 1 && (a.widgets = r.widgets);
+        const d = (a.cssSettings || []).filter(
           (b) => r.cssSettings.some((g) => g.key === b.key)
         );
         if (d.length < 1)
-          s.cssSettings = [...r.cssSettings];
+          a.cssSettings = [...r.cssSettings];
         else {
           d.forEach((g) => {
             g.value = (g.value || "").replace(/NaN/g, "");
@@ -501,13 +508,13 @@ const At = (e) => {
           const b = r.cssSettings.filter((g) => !d.some(
             (h) => h.key === g.key
           ));
-          s.cssSettings = [...d, ...b];
+          a.cssSettings = [...d, ...b];
         }
-        s.widgets = s.widgets.filter(
+        a.widgets = a.widgets.filter(
           (b) => b.includes("WidgetContainer") || t.has(b)
-        ), s.childWidgetsConfig = s.childWidgetsConfig.filter(
+        ), a.childWidgetsConfig = a.childWidgetsConfig.filter(
           (b) => t.has(b.widgetKey)
-        ), s.zoomScale ? s.zoomScale < 0.7 && (s.zoomScale = 0.7) : s.zoomScale = 1;
+        ), a.zoomScale ? a.zoomScale < 0.7 && (a.zoomScale = 0.7) : a.zoomScale = 1;
       }), i);
     } catch (i) {
       console.warn("Error parsing saved dashboard config:", i);
@@ -518,9 +525,9 @@ const At = (e) => {
     if (i.userID = e, i.clientAppKey = n, i.responsiveGrid = i.responsiveGrid ?? !1, typeof i != "object")
       throw new Error("Invalid dashboard configuration");
     i.widgets = i.widgets.filter(
-      (s) => s.includes("WidgetContainer") || r.has(s)
+      (a) => a.includes("WidgetContainer") || r.has(a)
     ), i.childWidgetsConfig = i.childWidgetsConfig.filter(
-      (s) => r.has(s.widgetKey)
+      (a) => r.has(a.widgetKey)
     ), i.zoomScale ? i.zoomScale < 0.7 && (i.zoomScale = 0.7) : i.zoomScale = 1;
   });
   const o = JSON.stringify(t);
@@ -531,7 +538,7 @@ const At = (e) => {
 }, kn = () => Kt, jn = () => {
   const [e, n] = le({}), [t, r] = le({}), o = ue((h) => {
     const u = h.dashboardId;
-    n((m) => {
+    n((p) => {
       const y = {
         undoIndex: 0,
         config: h
@@ -540,7 +547,7 @@ const At = (e) => {
         ...D,
         [u]: 0
       })), {
-        ...m,
+        ...p,
         [u]: [y]
         // Forces a reset to just this one entry
       };
@@ -548,37 +555,37 @@ const At = (e) => {
   }, []), i = ue(
     (h) => {
       n((u) => {
-        const m = h.dashboardId, y = u[m] || [], D = t[m] ?? -1, p = y.slice(0, D + 1), v = {
-          undoIndex: p.length,
+        const p = h.dashboardId, y = u[p] || [], D = t[p] ?? -1, m = y.slice(0, D + 1), v = {
+          undoIndex: m.length,
           // New index based on trimmed length
           config: h
-        }, w = [...p, v];
+        }, w = [...m, v];
         return r((N) => ({
           ...N,
-          [m]: w.length - 1
+          [p]: w.length - 1
           // Index is now the last element's index
         })), {
           ...u,
-          [m]: w
+          [p]: w
         };
       });
     },
     [t]
-  ), s = ue((h) => {
+  ), a = ue((h) => {
     n((u) => {
       if (!u[h])
         return u;
-      const { [h]: m, ...y } = u;
+      const { [h]: p, ...y } = u;
       return y;
     }), r((u) => {
-      const { [h]: m, ...y } = u;
+      const { [h]: p, ...y } = u;
       return y;
     });
   }, []), d = ue(
     (h) => {
       r((u) => {
-        const m = u[h] ?? -1, y = Math.max(0, m - 1);
-        return y !== m ? { ...u, [h]: y } : u;
+        const p = u[h] ?? -1, y = Math.max(0, p - 1);
+        return y !== p ? { ...u, [h]: y } : u;
       });
     },
     [
@@ -587,7 +594,7 @@ const At = (e) => {
   ), b = ue(
     (h) => {
       r((u) => {
-        const m = e[h]?.length || 0, y = u[h] ?? -1, D = Math.min(m - 1, y + 1);
+        const p = e[h]?.length || 0, y = u[h] ?? -1, D = Math.min(p - 1, y + 1);
         return D !== y ? { ...u, [h]: D } : u;
       });
     },
@@ -600,11 +607,11 @@ const At = (e) => {
     initializeHistoryForDashboard: o,
     resetAllHistory: () => n({}),
     addUndoEntry: i,
-    removeUndoHistoryForDashboard: s,
+    removeUndoHistoryForDashboard: a,
     undo: d,
     redo: b,
     getUndoStatus: (h) => {
-      const u = t[h] ?? -1, m = e[h]?.length || 0, y = u <= 0, D = u >= m - 1;
+      const u = t[h] ?? -1, p = e[h]?.length || 0, y = u <= 0, D = u >= p - 1;
       return { isUndoDisabled: y, isRedoDisabled: D };
     },
     undoHistory: e,
@@ -616,7 +623,7 @@ function H({
   children: e,
   className: n
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ s(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -635,40 +642,40 @@ function H({
 }
 function An({ className: e }) {
   return /* @__PURE__ */ W(H, { className: `lucide lucide-circle-plus-icon lucide-circle-plus ${e}`, children: [
-    /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ a("path", { d: "M8 12h8" }),
-    /* @__PURE__ */ a("path", { d: "M12 8v8" })
+    /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ s("path", { d: "M8 12h8" }),
+    /* @__PURE__ */ s("path", { d: "M12 8v8" })
   ] });
 }
-function Ln({ className: e }) {
+function Fn({ className: e }) {
   return /* @__PURE__ */ W(H, { className: `lucide lucide-trash2-icon lucide-trash-2 ${e}`, children: [
-    /* @__PURE__ */ a("path", { d: "M10 11v6" }),
-    /* @__PURE__ */ a("path", { d: "M14 11v6" }),
-    /* @__PURE__ */ a("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
-    /* @__PURE__ */ a("path", { d: "M3 6h18" }),
-    /* @__PURE__ */ a("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+    /* @__PURE__ */ s("path", { d: "M10 11v6" }),
+    /* @__PURE__ */ s("path", { d: "M14 11v6" }),
+    /* @__PURE__ */ s("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
+    /* @__PURE__ */ s("path", { d: "M3 6h18" }),
+    /* @__PURE__ */ s("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
   ] });
 }
-function Fn({ className: e }) {
+function Ln({ className: e }) {
   return /* @__PURE__ */ W(H, { className: `lucide lucide-square-pen-icon lucide-square-pen ${e}`, children: [
-    /* @__PURE__ */ a("path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
-    /* @__PURE__ */ a("path", { d: "M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z" })
+    /* @__PURE__ */ s("path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
+    /* @__PURE__ */ s("path", { d: "M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z" })
   ] });
 }
 function Vn({ className: e }) {
   return /* @__PURE__ */ W(H, { className: `lucide lucide-grid3x3-icon lucide-grid-3x3 ${e}`, children: [
-    /* @__PURE__ */ a("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-    /* @__PURE__ */ a("path", { d: "M3 9h18" }),
-    /* @__PURE__ */ a("path", { d: "M3 15h18" }),
-    /* @__PURE__ */ a("path", { d: "M9 3v18" }),
-    /* @__PURE__ */ a("path", { d: "M15 3v18" })
+    /* @__PURE__ */ s("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+    /* @__PURE__ */ s("path", { d: "M3 9h18" }),
+    /* @__PURE__ */ s("path", { d: "M3 15h18" }),
+    /* @__PURE__ */ s("path", { d: "M9 3v18" }),
+    /* @__PURE__ */ s("path", { d: "M15 3v18" })
   ] });
 }
 function Un({ className: e }) {
   return /* @__PURE__ */ W(H, { className: `lucide lucide-monitor-icon lucide-monitor ${e}`, children: [
-    /* @__PURE__ */ a("rect", { width: "20", height: "14", x: "2", y: "3", rx: "2" }),
-    /* @__PURE__ */ a("line", { x1: "8", x2: "16", y1: "21", y2: "21" }),
-    /* @__PURE__ */ a("line", { x1: "12", x2: "12", y1: "17", y2: "21" })
+    /* @__PURE__ */ s("rect", { width: "20", height: "14", x: "2", y: "3", rx: "2" }),
+    /* @__PURE__ */ s("line", { x1: "8", x2: "16", y1: "21", y2: "21" }),
+    /* @__PURE__ */ s("line", { x1: "12", x2: "12", y1: "17", y2: "21" })
   ] });
 }
 function qn({ className: e }) {
@@ -677,10 +684,10 @@ function qn({ className: e }) {
     {
       className: `lucide lucide-monitor-smartphone-icon lucide-monitor-smartphone ${e}`,
       children: [
-        /* @__PURE__ */ a("path", { d: "M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8" }),
-        /* @__PURE__ */ a("path", { d: "M10 19v-3.96 3.15" }),
-        /* @__PURE__ */ a("path", { d: "M7 19h5" }),
-        /* @__PURE__ */ a("rect", { width: "6", height: "10", x: "16", y: "12", rx: "2" })
+        /* @__PURE__ */ s("path", { d: "M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8" }),
+        /* @__PURE__ */ s("path", { d: "M10 19v-3.96 3.15" }),
+        /* @__PURE__ */ s("path", { d: "M7 19h5" }),
+        /* @__PURE__ */ s("rect", { width: "6", height: "10", x: "16", y: "12", rx: "2" })
       ]
     }
   );
@@ -691,9 +698,9 @@ function ft({ className: e }) {
     {
       className: `lucide lucide-circle-arrow-left-icon lucide-circle-arrow-left ${e}`,
       children: [
-        /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ a("path", { d: "m12 8-4 4 4 4" }),
-        /* @__PURE__ */ a("path", { d: "M16 12H8" })
+        /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ s("path", { d: "m12 8-4 4 4 4" }),
+        /* @__PURE__ */ s("path", { d: "M16 12H8" })
       ]
     }
   );
@@ -704,17 +711,17 @@ function ht({ className: e }) {
     {
       className: `lucide lucide-circle-arrow-right-icon lucide-circle-arrow-right ${e}`,
       children: [
-        /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ a("path", { d: "m12 16 4-4-4-4" }),
-        /* @__PURE__ */ a("path", { d: "M8 12h8" })
+        /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ s("path", { d: "m12 16 4-4-4-4" }),
+        /* @__PURE__ */ s("path", { d: "M8 12h8" })
       ]
     }
   );
 }
 function Xt({ className: e }) {
   return /* @__PURE__ */ W(H, { className: `lucide lucide-settings-icon lucide-settings ${e}`, children: [
-    /* @__PURE__ */ a("path", { d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915" }),
-    /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "3" })
+    /* @__PURE__ */ s("path", { d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915" }),
+    /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "3" })
   ] });
 }
 function Yn({ className: e }) {
@@ -723,85 +730,85 @@ function Yn({ className: e }) {
     {
       className: `lucide lucide-tablet-smartphone-icon lucide-tablet-smartphone ${e}`,
       children: [
-        /* @__PURE__ */ a("rect", { width: "10", height: "14", x: "3", y: "8", rx: "2" }),
-        /* @__PURE__ */ a("path", { d: "M5 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2h-2.4" }),
-        /* @__PURE__ */ a("path", { d: "M8 18h.01" })
+        /* @__PURE__ */ s("rect", { width: "10", height: "14", x: "3", y: "8", rx: "2" }),
+        /* @__PURE__ */ s("path", { d: "M5 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2h-2.4" }),
+        /* @__PURE__ */ s("path", { d: "M8 18h.01" })
       ]
     }
   );
 }
 function gt({ className: e }) {
   return /* @__PURE__ */ W(H, { className: `lucide lucide-circle-x-icon lucide-circle-x ${e}`, children: [
-    /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ a("path", { d: "m15 9-6 6" }),
-    /* @__PURE__ */ a("path", { d: "m9 9 6 6" })
+    /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ s("path", { d: "m15 9-6 6" }),
+    /* @__PURE__ */ s("path", { d: "m9 9 6 6" })
   ] });
 }
 function zn({ className: e }) {
   return /* @__PURE__ */ W(H, { className: `lucide lucide-zoom-in-icon lucide-zoom-in ${e}`, children: [
-    /* @__PURE__ */ a("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ a("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
-    /* @__PURE__ */ a("line", { x1: "11", x2: "11", y1: "8", y2: "14" }),
-    /* @__PURE__ */ a("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
+    /* @__PURE__ */ s("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ s("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
+    /* @__PURE__ */ s("line", { x1: "11", x2: "11", y1: "8", y2: "14" }),
+    /* @__PURE__ */ s("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
   ] });
 }
 function Bn({ className: e }) {
   return /* @__PURE__ */ W(H, { className: `lucide lucide-zoom-out-icon lucide-zoom-out ${e}`, children: [
-    /* @__PURE__ */ a("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ a("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
-    /* @__PURE__ */ a("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
+    /* @__PURE__ */ s("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ s("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
+    /* @__PURE__ */ s("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
   ] });
 }
 function Gt({ className: e }) {
   return /* @__PURE__ */ W(H, { className: `lucide lucide-timer-reset-icon lucide-timer-reset ${e}`, children: [
-    /* @__PURE__ */ a("path", { d: "M10 2h4" }),
-    /* @__PURE__ */ a("path", { d: "M12 14v-4" }),
-    /* @__PURE__ */ a("path", { d: "M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6" }),
-    /* @__PURE__ */ a("path", { d: "M9 17H4v5" })
+    /* @__PURE__ */ s("path", { d: "M10 2h4" }),
+    /* @__PURE__ */ s("path", { d: "M12 14v-4" }),
+    /* @__PURE__ */ s("path", { d: "M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6" }),
+    /* @__PURE__ */ s("path", { d: "M9 17H4v5" })
   ] });
 }
 function Zt({ className: e }) {
   return /* @__PURE__ */ W(H, { className: `lucide lucide-undo-icon lucide-undo ${e}`, children: [
-    /* @__PURE__ */ a("path", { d: "M3 7v6h6" }),
-    /* @__PURE__ */ a("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })
+    /* @__PURE__ */ s("path", { d: "M3 7v6h6" }),
+    /* @__PURE__ */ s("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })
   ] });
 }
 function Jt({ className: e }) {
   return /* @__PURE__ */ W(H, { className: `lucide lucide-redo-icon lucide-redo ${e}`, children: [
-    /* @__PURE__ */ a("path", { d: "M21 7v6h-6" }),
-    /* @__PURE__ */ a("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7" })
+    /* @__PURE__ */ s("path", { d: "M21 7v6h-6" }),
+    /* @__PURE__ */ s("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7" })
   ] });
 }
 function Qt({ className: e }) {
   return /* @__PURE__ */ W(H, { className: `lucide lucide-hand-icon lucide-hand ${e}`, children: [
-    /* @__PURE__ */ a("path", { d: "M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2" }),
-    /* @__PURE__ */ a("path", { d: "M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
-    /* @__PURE__ */ a("path", { d: "M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8" }),
-    /* @__PURE__ */ a("path", { d: "M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15" })
+    /* @__PURE__ */ s("path", { d: "M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2" }),
+    /* @__PURE__ */ s("path", { d: "M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
+    /* @__PURE__ */ s("path", { d: "M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8" }),
+    /* @__PURE__ */ s("path", { d: "M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15" })
   ] });
 }
 function en({ className: e }) {
   return /* @__PURE__ */ W(H, { className: `lucide lucide-hand-grab-icon lucide-hand-grab ${e}`, children: [
-    /* @__PURE__ */ a("path", { d: "M18 11.5V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v1.4" }),
-    /* @__PURE__ */ a("path", { d: "M14 10V8a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
-    /* @__PURE__ */ a("path", { d: "M10 9.9V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v5" }),
-    /* @__PURE__ */ a("path", { d: "M6 14a2 2 0 0 0-2-2a2 2 0 0 0-2 2" }),
-    /* @__PURE__ */ a("path", { d: "M18 11a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-4a8 8 0 0 1-8-8 2 2 0 1 1 4 0" })
+    /* @__PURE__ */ s("path", { d: "M18 11.5V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v1.4" }),
+    /* @__PURE__ */ s("path", { d: "M14 10V8a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
+    /* @__PURE__ */ s("path", { d: "M10 9.9V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v5" }),
+    /* @__PURE__ */ s("path", { d: "M6 14a2 2 0 0 0-2-2a2 2 0 0 0-2 2" }),
+    /* @__PURE__ */ s("path", { d: "M18 11a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-4a8 8 0 0 1-8-8 2 2 0 1 1 4 0" })
   ] });
 }
 function tn({ className: e }) {
   return /* @__PURE__ */ W(H, { className: `lucide lucide-crosshair-icon lucide-crosshair ${e}`, children: [
-    /* @__PURE__ */ a("line", { x1: "22", x2: "18", y1: "12", y2: "12" }),
-    /* @__PURE__ */ a("line", { x1: "6", x2: "2", y1: "12", y2: "12" }),
-    /* @__PURE__ */ a("line", { x1: "12", x2: "12", y1: "6", y2: "2" }),
-    /* @__PURE__ */ a("line", { x1: "12", x2: "12", y1: "22", y2: "18" })
+    /* @__PURE__ */ s("line", { x1: "22", x2: "18", y1: "12", y2: "12" }),
+    /* @__PURE__ */ s("line", { x1: "6", x2: "2", y1: "12", y2: "12" }),
+    /* @__PURE__ */ s("line", { x1: "12", x2: "12", y1: "6", y2: "2" }),
+    /* @__PURE__ */ s("line", { x1: "12", x2: "12", y1: "22", y2: "18" })
   ] });
 }
 function Hn({ className: e }) {
   return /* @__PURE__ */ W(H, { className: `lucide lucide-target-icon lucide-target ${e}`, children: [
-    /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "6" }),
-    /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "2" })
+    /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "6" }),
+    /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "2" })
   ] });
 }
 function nn({ className: e }) {
@@ -810,9 +817,9 @@ function nn({ className: e }) {
     {
       className: `lucide lucide-file-question-mark-icon lucide-file-question-mark ${e}`,
       children: [
-        /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ a("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-        /* @__PURE__ */ a("path", { d: "M12 17h.01" })
+        /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ s("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+        /* @__PURE__ */ s("path", { d: "M12 17h.01" })
       ]
     }
   );
@@ -861,7 +868,7 @@ const G = (e, ...n) => [
   value: r,
   onChange: o,
   onKeyDown: i,
-  placeholder: s = ""
+  placeholder: a = ""
 }) => {
   const d = st(() => t === "small" ? "py-1.5 px-3 text-sm" : "py-2.5 px-4 text-base", [t]), b = G("flex flex-col mb-4", n || ""), h = `${G(`
     block w-full rounded-md px-3 py-1.5 text-base 
@@ -871,8 +878,8 @@ const G = (e, ...n) => [
     focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-200 sm:text-sm/6
   `)} ${d}`;
   return /* @__PURE__ */ W("div", { className: b, children: [
-    /* @__PURE__ */ a("label", { htmlFor: e, className: "block text-sm/6 font-medium mb-1.5", children: e }),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ s("label", { htmlFor: e, className: "block text-sm/6 font-medium mb-1.5", children: e }),
+    /* @__PURE__ */ s(
       "input",
       {
         id: e,
@@ -880,7 +887,7 @@ const G = (e, ...n) => [
         value: r,
         onChange: o,
         onKeyDown: (u) => i && i(u),
-        placeholder: s,
+        placeholder: a,
         className: h,
         "aria-label": e
       }
@@ -903,13 +910,13 @@ function J(e) {
     isIconButton: r,
     className: o,
     buttonType: i,
-    category: s,
+    category: a,
     px: d,
     py: b,
     children: g,
     ...h
   } = e, u = () => {
-    const y = e.isIconButton || !1, D = e.category || "primary", p = e.buttonType || "normal", v = e.disabled || !1, w = e.className || "", N = e.font || "semibold", C = Number((e.border || 0) > 0 ? e.border : 0);
+    const y = e.isIconButton || !1, D = e.category || "primary", m = e.buttonType || "normal", v = e.disabled || !1, w = e.className || "", N = e.font || "semibold", C = Number((e.border || 0) > 0 ? e.border : 0);
     let S = (e.borderColor || "").trim();
     S = S.length > 0 ? S : "";
     const c = Number((e.borderHover || 0) > 0 ? e.borderHover : 0), E = e.shadow || "sm", l = e.shadowHover || "md", f = (e.addCss || "").trim(), M = e.justifyCss || "justify-center";
@@ -927,38 +934,38 @@ function J(e) {
       `font-${N}`
     ];
     if (v)
-      p === "ghost" ? $.push("text-disabled border-disabled cursor-not-allowed") : $.push("bg-disabled content-disabled border-disabled cursor-not-allowed");
+      m === "ghost" ? $.push("text-disabled border-disabled cursor-not-allowed") : $.push("bg-disabled content-disabled border-disabled cursor-not-allowed");
     else {
       $.push("cursor-pointer");
       let I = "";
-      Se.has(p) ? I = `${Se.get(p)}` : I = `${Se.get("normal")}`, C < 1 && (I = I.replace("border-[category]", ""));
+      Se.has(m) ? I = `${Se.get(m)}` : I = `${Se.get("normal")}`, C < 1 && (I = I.replace("border-[category]", ""));
       const T = I.replace(/\[category\]/g, D).trim();
       $.push(T);
     }
     return C > 0 ? ($.push(`border-[${C}px]`), $.push(`border-${S}`)) : ($.push("border-[1px]"), $.push("border-transparent")), c > 0 ? ($.push(`hover:border-[${c}px] group-hover:border-[${c}px]`), $.push(`hover:border-${S} group-hover:border-${S}`)) : $.push("hover:border-[1px] group-hover:border-[1px]"), $.push(`shadow-${E}`), $.push(`hover:shadow-${l} group-hover:shadow-${l}`), f.length > 0 && $.push(f), f.indexOf("hidden") === -1 && $.push("inline-flex"), $.push(M), $.join(" ").trim();
-  }, m = () => {
+  }, p = () => {
     const y = e.px || 0.7, D = e.py || 0.25;
     return {
       padding: r ? 0 : `${D}rem ${y}rem `
     };
   };
-  return /* @__PURE__ */ a("button", { type: "button", disabled: t, className: u(), style: m(), ...h, children: g });
+  return /* @__PURE__ */ s("button", { type: "button", disabled: t, className: u(), style: p(), ...h, children: g });
 }
 const rn = (e) => e.direction === "row" ? G("flex flex-row items-center gap-2", e.classNames || "") : G("flex flex-col gap-2 w-full", e.classNames || "");
 function on(e) {
-  const { children: n, testId: t, classNames: r, direction: o, ...i } = e, s = rn(e);
-  return /* @__PURE__ */ a("div", { "data-testid": t || "not-set", className: s, ...i, children: n });
+  const { children: n, testId: t, classNames: r, direction: o, ...i } = e, a = rn(e);
+  return /* @__PURE__ */ s("div", { "data-testid": t || "not-set", className: a, ...i, children: n });
 }
 const Gn = ce(
   (e, n) => {
-    const { classNames: t, innerClass: r, ...o } = e, i = G(t || "", "w-full"), s = G(
+    const { classNames: t, innerClass: r, ...o } = e, i = G(t || "", "w-full"), a = G(
       `w-full flex overflow-hidden justify-between items-center gap-0 
       rounded-md border`,
       r || ""
     );
-    return /* @__PURE__ */ a(on, { direction: "row", classNames: i, ...o, children: /* @__PURE__ */ a("div", { className: s, children: e.children }) });
+    return /* @__PURE__ */ s(on, { direction: "row", classNames: i, ...o, children: /* @__PURE__ */ s("div", { className: a, children: e.children }) });
   }
-), Zn = ce((e, n) => /* @__PURE__ */ a(
+), Zn = ce((e, n) => /* @__PURE__ */ s(
   "div",
   {
     "data-testid": e.testId || "not-set",
@@ -970,7 +977,7 @@ const Gn = ce(
     children: e.children
   }
 )), Jn = ce(
-  (e, n) => /* @__PURE__ */ a(
+  (e, n) => /* @__PURE__ */ s(
     "div",
     {
       "data-testid": e.testId || "not-set",
@@ -978,7 +985,7 @@ const Gn = ce(
       children: e.children
     }
   )
-), Qn = ce((e, n) => /* @__PURE__ */ a(
+), Qn = ce((e, n) => /* @__PURE__ */ s(
   "div",
   {
     "data-testid": e.testId || "not-set",
@@ -998,7 +1005,7 @@ var Ve;
 function sn() {
   if (Ve) return U;
   Ve = 1;
-  var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, d = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, b = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, g = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, h = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, u = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, m = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, y = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, D = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, p = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, v = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, w = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, a = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, d = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, b = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, g = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, h = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, u = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, p = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, y = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, D = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, m = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, v = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, w = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
   function C(c) {
     if (typeof c == "object" && c !== null) {
       var E = c.$$typeof;
@@ -1018,7 +1025,7 @@ function sn() {
                 case h:
                 case D:
                 case y:
-                case s:
+                case a:
                   return c;
                 default:
                   return E;
@@ -1032,12 +1039,12 @@ function sn() {
   function S(c) {
     return C(c) === g;
   }
-  return U.AsyncMode = b, U.ConcurrentMode = g, U.ContextConsumer = d, U.ContextProvider = s, U.Element = n, U.ForwardRef = h, U.Fragment = r, U.Lazy = D, U.Memo = y, U.Portal = t, U.Profiler = i, U.StrictMode = o, U.Suspense = u, U.isAsyncMode = function(c) {
+  return U.AsyncMode = b, U.ConcurrentMode = g, U.ContextConsumer = d, U.ContextProvider = a, U.Element = n, U.ForwardRef = h, U.Fragment = r, U.Lazy = D, U.Memo = y, U.Portal = t, U.Profiler = i, U.StrictMode = o, U.Suspense = u, U.isAsyncMode = function(c) {
     return S(c) || C(c) === b;
   }, U.isConcurrentMode = S, U.isContextConsumer = function(c) {
     return C(c) === d;
   }, U.isContextProvider = function(c) {
-    return C(c) === s;
+    return C(c) === a;
   }, U.isElement = function(c) {
     return typeof c == "object" && c !== null && c.$$typeof === n;
   }, U.isForwardRef = function(c) {
@@ -1057,17 +1064,17 @@ function sn() {
   }, U.isSuspense = function(c) {
     return C(c) === u;
   }, U.isValidElementType = function(c) {
-    return typeof c == "string" || typeof c == "function" || c === r || c === g || c === i || c === o || c === u || c === m || typeof c == "object" && c !== null && (c.$$typeof === D || c.$$typeof === y || c.$$typeof === s || c.$$typeof === d || c.$$typeof === h || c.$$typeof === v || c.$$typeof === w || c.$$typeof === N || c.$$typeof === p);
+    return typeof c == "string" || typeof c == "function" || c === r || c === g || c === i || c === o || c === u || c === p || typeof c == "object" && c !== null && (c.$$typeof === D || c.$$typeof === y || c.$$typeof === a || c.$$typeof === d || c.$$typeof === h || c.$$typeof === v || c.$$typeof === w || c.$$typeof === N || c.$$typeof === m);
   }, U.typeOf = C, U;
 }
 var q = {};
 var Ue;
 function ln() {
   return Ue || (Ue = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, d = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, b = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, g = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, h = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, u = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, m = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, y = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, D = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, p = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, v = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, w = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, a = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, d = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, b = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, g = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, h = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, u = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, p = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, y = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, D = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, m = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, v = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, w = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
     function C(_) {
       return typeof _ == "string" || typeof _ == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      _ === r || _ === g || _ === i || _ === o || _ === u || _ === m || typeof _ == "object" && _ !== null && (_.$$typeof === D || _.$$typeof === y || _.$$typeof === s || _.$$typeof === d || _.$$typeof === h || _.$$typeof === v || _.$$typeof === w || _.$$typeof === N || _.$$typeof === p);
+      _ === r || _ === g || _ === i || _ === o || _ === u || _ === p || typeof _ == "object" && _ !== null && (_.$$typeof === D || _.$$typeof === y || _.$$typeof === a || _.$$typeof === d || _.$$typeof === h || _.$$typeof === v || _.$$typeof === w || _.$$typeof === N || _.$$typeof === m);
     }
     function S(_) {
       if (typeof _ == "object" && _ !== null) {
@@ -1090,7 +1097,7 @@ function ln() {
                   case h:
                   case D:
                   case y:
-                  case s:
+                  case a:
                     return je;
                   default:
                     return te;
@@ -1101,7 +1108,7 @@ function ln() {
         }
       }
     }
-    var c = b, E = g, l = d, f = s, M = n, $ = h, I = r, T = D, z = y, X = t, Q = i, K = o, ee = u, se = !1;
+    var c = b, E = g, l = d, f = a, M = n, $ = h, I = r, T = D, z = y, X = t, Q = i, K = o, ee = u, se = !1;
     function de(_) {
       return se || (se = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), x(_) || S(_) === b;
     }
@@ -1112,7 +1119,7 @@ function ln() {
       return S(_) === d;
     }
     function A(_) {
-      return S(_) === s;
+      return S(_) === a;
     }
     function k(_) {
       return typeof _ == "object" && _ !== null && _.$$typeof === n;
@@ -1120,7 +1127,7 @@ function ln() {
     function O(_) {
       return S(_) === h;
     }
-    function L(_) {
+    function F(_) {
       return S(_) === r;
     }
     function R(_) {
@@ -1129,7 +1136,7 @@ function ln() {
     function j(_) {
       return S(_) === y;
     }
-    function F(_) {
+    function L(_) {
       return S(_) === t;
     }
     function Y(_) {
@@ -1141,7 +1148,7 @@ function ln() {
     function Z(_) {
       return S(_) === u;
     }
-    q.AsyncMode = c, q.ConcurrentMode = E, q.ContextConsumer = l, q.ContextProvider = f, q.Element = M, q.ForwardRef = $, q.Fragment = I, q.Lazy = T, q.Memo = z, q.Portal = X, q.Profiler = Q, q.StrictMode = K, q.Suspense = ee, q.isAsyncMode = de, q.isConcurrentMode = x, q.isContextConsumer = P, q.isContextProvider = A, q.isElement = k, q.isForwardRef = O, q.isFragment = L, q.isLazy = R, q.isMemo = j, q.isPortal = F, q.isProfiler = Y, q.isStrictMode = V, q.isSuspense = Z, q.isValidElementType = C, q.typeOf = S;
+    q.AsyncMode = c, q.ConcurrentMode = E, q.ContextConsumer = l, q.ContextProvider = f, q.Element = M, q.ForwardRef = $, q.Fragment = I, q.Lazy = T, q.Memo = z, q.Portal = X, q.Profiler = Q, q.StrictMode = K, q.Suspense = ee, q.isAsyncMode = de, q.isConcurrentMode = x, q.isContextConsumer = P, q.isContextProvider = A, q.isElement = k, q.isForwardRef = O, q.isFragment = F, q.isLazy = R, q.isMemo = j, q.isPortal = L, q.isProfiler = Y, q.isStrictMode = V, q.isSuspense = Z, q.isValidElementType = C, q.typeOf = S;
   })()), q;
 }
 var qe;
@@ -1165,10 +1172,10 @@ function cn() {
       var i = new String("abc");
       if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
         return !1;
-      for (var s = {}, d = 0; d < 10; d++)
-        s["_" + String.fromCharCode(d)] = d;
-      var b = Object.getOwnPropertyNames(s).map(function(h) {
-        return s[h];
+      for (var a = {}, d = 0; d < 10; d++)
+        a["_" + String.fromCharCode(d)] = d;
+      var b = Object.getOwnPropertyNames(a).map(function(h) {
+        return a[h];
       });
       if (b.join("") !== "0123456789")
         return !1;
@@ -1180,15 +1187,15 @@ function cn() {
       return !1;
     }
   }
-  return Ne = o() ? Object.assign : function(i, s) {
+  return Ne = o() ? Object.assign : function(i, a) {
     for (var d, b = r(i), g, h = 1; h < arguments.length; h++) {
       d = Object(arguments[h]);
       for (var u in d)
         n.call(d, u) && (b[u] = d[u]);
       if (e) {
         g = e(d);
-        for (var m = 0; m < g.length; m++)
-          t.call(d, g[m]) && (b[g[m]] = d[g[m]]);
+        for (var p = 0; p < g.length; p++)
+          t.call(d, g[p]) && (b[g[p]] = d[g[p]]);
       }
     }
     return b;
@@ -1214,27 +1221,27 @@ function dn() {
   if (process.env.NODE_ENV !== "production") {
     var n = /* @__PURE__ */ Oe(), t = {}, r = /* @__PURE__ */ bt();
     e = function(i) {
-      var s = "Warning: " + i;
-      typeof console < "u" && console.error(s);
+      var a = "Warning: " + i;
+      typeof console < "u" && console.error(a);
       try {
-        throw new Error(s);
+        throw new Error(a);
       } catch {
       }
     };
   }
-  function o(i, s, d, b, g) {
+  function o(i, a, d, b, g) {
     if (process.env.NODE_ENV !== "production") {
       for (var h in i)
         if (r(i, h)) {
           var u;
           try {
             if (typeof i[h] != "function") {
-              var m = Error(
+              var p = Error(
                 (b || "React class") + ": " + d + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw m.name = "Invariant Violation", m;
+              throw p.name = "Invariant Violation", p;
             }
-            u = i[h](s, h, b, d, null, n);
+            u = i[h](a, h, b, d, null, n);
           } catch (D) {
             u = D;
           }
@@ -1268,7 +1275,7 @@ function un() {
     } catch {
     }
   });
-  function s() {
+  function a() {
     return null;
   }
   return Me = function(d, b) {
@@ -1278,7 +1285,7 @@ function un() {
       if (typeof P == "function")
         return P;
     }
-    var m = "<<anonymous>>", y = {
+    var p = "<<anonymous>>", y = {
       array: w("array"),
       bigint: w("bigint"),
       bool: w("boolean"),
@@ -1302,40 +1309,40 @@ function un() {
     function D(x, P) {
       return x === P ? x !== 0 || 1 / x === 1 / P : x !== x && P !== P;
     }
-    function p(x, P) {
+    function m(x, P) {
       this.message = x, this.data = P && typeof P == "object" ? P : {}, this.stack = "";
     }
-    p.prototype = Error.prototype;
+    m.prototype = Error.prototype;
     function v(x) {
       if (process.env.NODE_ENV !== "production")
         var P = {}, A = 0;
-      function k(L, R, j, F, Y, V, Z) {
-        if (F = F || m, V = V || j, Z !== t) {
+      function k(F, R, j, L, Y, V, Z) {
+        if (L = L || p, V = V || j, Z !== t) {
           if (b) {
             var _ = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
             throw _.name = "Invariant Violation", _;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var te = F + ":" + j;
+            var te = L + ":" + j;
             !P[te] && // Avoid spamming the console because they are often not actionable except for lib authors
             A < 3 && (i(
-              "You are manually calling a React.PropTypes validation function for the `" + V + "` prop on `" + F + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+              "You are manually calling a React.PropTypes validation function for the `" + V + "` prop on `" + L + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
             ), P[te] = !0, A++);
           }
         }
-        return R[j] == null ? L ? R[j] === null ? new p("The " + Y + " `" + V + "` is marked as required " + ("in `" + F + "`, but its value is `null`.")) : new p("The " + Y + " `" + V + "` is marked as required in " + ("`" + F + "`, but its value is `undefined`.")) : null : x(R, j, F, Y, V);
+        return R[j] == null ? F ? R[j] === null ? new m("The " + Y + " `" + V + "` is marked as required " + ("in `" + L + "`, but its value is `null`.")) : new m("The " + Y + " `" + V + "` is marked as required in " + ("`" + L + "`, but its value is `undefined`.")) : null : x(R, j, L, Y, V);
       }
       var O = k.bind(null, !1);
       return O.isRequired = k.bind(null, !0), O;
     }
     function w(x) {
-      function P(A, k, O, L, R, j) {
-        var F = A[k], Y = K(F);
+      function P(A, k, O, F, R, j) {
+        var L = A[k], Y = K(L);
         if (Y !== x) {
-          var V = ee(F);
-          return new p(
-            "Invalid " + L + " `" + R + "` of type " + ("`" + V + "` supplied to `" + O + "`, expected ") + ("`" + x + "`."),
+          var V = ee(L);
+          return new m(
+            "Invalid " + F + " `" + R + "` of type " + ("`" + V + "` supplied to `" + O + "`, expected ") + ("`" + x + "`."),
             { expectedType: x }
           );
         }
@@ -1344,19 +1351,19 @@ function un() {
       return v(P);
     }
     function N() {
-      return v(s);
+      return v(a);
     }
     function C(x) {
-      function P(A, k, O, L, R) {
+      function P(A, k, O, F, R) {
         if (typeof x != "function")
-          return new p("Property `" + R + "` of component `" + O + "` has invalid PropType notation inside arrayOf.");
+          return new m("Property `" + R + "` of component `" + O + "` has invalid PropType notation inside arrayOf.");
         var j = A[k];
         if (!Array.isArray(j)) {
-          var F = K(j);
-          return new p("Invalid " + L + " `" + R + "` of type " + ("`" + F + "` supplied to `" + O + "`, expected an array."));
+          var L = K(j);
+          return new m("Invalid " + F + " `" + R + "` of type " + ("`" + L + "` supplied to `" + O + "`, expected an array."));
         }
         for (var Y = 0; Y < j.length; Y++) {
-          var V = x(j, Y, O, L, R + "[" + Y + "]", t);
+          var V = x(j, Y, O, F, R + "[" + Y + "]", t);
           if (V instanceof Error)
             return V;
         }
@@ -1365,32 +1372,32 @@ function un() {
       return v(P);
     }
     function S() {
-      function x(P, A, k, O, L) {
+      function x(P, A, k, O, F) {
         var R = P[A];
         if (!d(R)) {
           var j = K(R);
-          return new p("Invalid " + O + " `" + L + "` of type " + ("`" + j + "` supplied to `" + k + "`, expected a single ReactElement."));
+          return new m("Invalid " + O + " `" + F + "` of type " + ("`" + j + "` supplied to `" + k + "`, expected a single ReactElement."));
         }
         return null;
       }
       return v(x);
     }
     function c() {
-      function x(P, A, k, O, L) {
+      function x(P, A, k, O, F) {
         var R = P[A];
         if (!e.isValidElementType(R)) {
           var j = K(R);
-          return new p("Invalid " + O + " `" + L + "` of type " + ("`" + j + "` supplied to `" + k + "`, expected a single ReactElement type."));
+          return new m("Invalid " + O + " `" + F + "` of type " + ("`" + j + "` supplied to `" + k + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return v(x);
     }
     function E(x) {
-      function P(A, k, O, L, R) {
+      function P(A, k, O, F, R) {
         if (!(A[k] instanceof x)) {
-          var j = x.name || m, F = de(A[k]);
-          return new p("Invalid " + L + " `" + R + "` of type " + ("`" + F + "` supplied to `" + O + "`, expected ") + ("instance of `" + j + "`."));
+          var j = x.name || p, L = de(A[k]);
+          return new m("Invalid " + F + " `" + R + "` of type " + ("`" + L + "` supplied to `" + O + "`, expected ") + ("instance of `" + j + "`."));
         }
         return null;
       }
@@ -1400,29 +1407,29 @@ function un() {
       if (!Array.isArray(x))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
-        ) : i("Invalid argument supplied to oneOf, expected an array.")), s;
-      function P(A, k, O, L, R) {
-        for (var j = A[k], F = 0; F < x.length; F++)
-          if (D(j, x[F]))
+        ) : i("Invalid argument supplied to oneOf, expected an array.")), a;
+      function P(A, k, O, F, R) {
+        for (var j = A[k], L = 0; L < x.length; L++)
+          if (D(j, x[L]))
             return null;
         var Y = JSON.stringify(x, function(Z, _) {
           var te = ee(_);
           return te === "symbol" ? String(_) : _;
         });
-        return new p("Invalid " + L + " `" + R + "` of value `" + String(j) + "` " + ("supplied to `" + O + "`, expected one of " + Y + "."));
+        return new m("Invalid " + F + " `" + R + "` of value `" + String(j) + "` " + ("supplied to `" + O + "`, expected one of " + Y + "."));
       }
       return v(P);
     }
     function f(x) {
-      function P(A, k, O, L, R) {
+      function P(A, k, O, F, R) {
         if (typeof x != "function")
-          return new p("Property `" + R + "` of component `" + O + "` has invalid PropType notation inside objectOf.");
-        var j = A[k], F = K(j);
-        if (F !== "object")
-          return new p("Invalid " + L + " `" + R + "` of type " + ("`" + F + "` supplied to `" + O + "`, expected an object."));
+          return new m("Property `" + R + "` of component `" + O + "` has invalid PropType notation inside objectOf.");
+        var j = A[k], L = K(j);
+        if (L !== "object")
+          return new m("Invalid " + F + " `" + R + "` of type " + ("`" + L + "` supplied to `" + O + "`, expected an object."));
         for (var Y in j)
           if (r(j, Y)) {
-            var V = x(j, Y, O, L, R + "." + Y, t);
+            var V = x(j, Y, O, F, R + "." + Y, t);
             if (V instanceof Error)
               return V;
           }
@@ -1432,47 +1439,47 @@ function un() {
     }
     function M(x) {
       if (!Array.isArray(x))
-        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), s;
+        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), a;
       for (var P = 0; P < x.length; P++) {
         var A = x[P];
         if (typeof A != "function")
           return i(
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + se(A) + " at index " + P + "."
-          ), s;
+          ), a;
       }
-      function k(O, L, R, j, F) {
+      function k(O, F, R, j, L) {
         for (var Y = [], V = 0; V < x.length; V++) {
-          var Z = x[V], _ = Z(O, L, R, j, F, t);
+          var Z = x[V], _ = Z(O, F, R, j, L, t);
           if (_ == null)
             return null;
           _.data && r(_.data, "expectedType") && Y.push(_.data.expectedType);
         }
         var te = Y.length > 0 ? ", expected one of type [" + Y.join(", ") + "]" : "";
-        return new p("Invalid " + j + " `" + F + "` supplied to " + ("`" + R + "`" + te + "."));
+        return new m("Invalid " + j + " `" + L + "` supplied to " + ("`" + R + "`" + te + "."));
       }
       return v(k);
     }
     function $() {
-      function x(P, A, k, O, L) {
-        return X(P[A]) ? null : new p("Invalid " + O + " `" + L + "` supplied to " + ("`" + k + "`, expected a ReactNode."));
+      function x(P, A, k, O, F) {
+        return X(P[A]) ? null : new m("Invalid " + O + " `" + F + "` supplied to " + ("`" + k + "`, expected a ReactNode."));
       }
       return v(x);
     }
     function I(x, P, A, k, O) {
-      return new p(
+      return new m(
         (x || "React class") + ": " + P + " type `" + A + "." + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + O + "`."
       );
     }
     function T(x) {
-      function P(A, k, O, L, R) {
-        var j = A[k], F = K(j);
-        if (F !== "object")
-          return new p("Invalid " + L + " `" + R + "` of type `" + F + "` " + ("supplied to `" + O + "`, expected `object`."));
+      function P(A, k, O, F, R) {
+        var j = A[k], L = K(j);
+        if (L !== "object")
+          return new m("Invalid " + F + " `" + R + "` of type `" + L + "` " + ("supplied to `" + O + "`, expected `object`."));
         for (var Y in x) {
           var V = x[Y];
           if (typeof V != "function")
-            return I(O, L, R, Y, ee(V));
-          var Z = V(j, Y, O, L, R + "." + Y, t);
+            return I(O, F, R, Y, ee(V));
+          var Z = V(j, Y, O, F, R + "." + Y, t);
           if (Z)
             return Z;
         }
@@ -1481,21 +1488,21 @@ function un() {
       return v(P);
     }
     function z(x) {
-      function P(A, k, O, L, R) {
-        var j = A[k], F = K(j);
-        if (F !== "object")
-          return new p("Invalid " + L + " `" + R + "` of type `" + F + "` " + ("supplied to `" + O + "`, expected `object`."));
+      function P(A, k, O, F, R) {
+        var j = A[k], L = K(j);
+        if (L !== "object")
+          return new m("Invalid " + F + " `" + R + "` of type `" + L + "` " + ("supplied to `" + O + "`, expected `object`."));
         var Y = n({}, A[k], x);
         for (var V in Y) {
           var Z = x[V];
           if (r(x, V) && typeof Z != "function")
-            return I(O, L, R, V, ee(Z));
+            return I(O, F, R, V, ee(Z));
           if (!Z)
-            return new p(
-              "Invalid " + L + " `" + R + "` key `" + V + "` supplied to `" + O + "`.\nBad object: " + JSON.stringify(A[k], null, "  ") + `
+            return new m(
+              "Invalid " + F + " `" + R + "` key `" + V + "` supplied to `" + O + "`.\nBad object: " + JSON.stringify(A[k], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
             );
-          var _ = Z(j, V, O, L, R + "." + V, t);
+          var _ = Z(j, V, O, F, R + "." + V, t);
           if (_)
             return _;
         }
@@ -1570,7 +1577,7 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
       }
     }
     function de(x) {
-      return !x.constructor || !x.constructor.name ? m : x.constructor.name;
+      return !x.constructor || !x.constructor.name ? p : x.constructor.name;
     }
     return y.checkPropTypes = o, y.resetWarningCache = o.resetWarningCache, y.PropTypes = y, y;
   }, Me;
@@ -1585,12 +1592,12 @@ function fn() {
   function t() {
   }
   return t.resetWarningCache = n, Pe = function() {
-    function r(s, d, b, g, h, u) {
+    function r(a, d, b, g, h, u) {
       if (u !== e) {
-        var m = new Error(
+        var p = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
-        throw m.name = "Invariant Violation", m;
+        throw p.name = "Invariant Violation", p;
       }
     }
     r.isRequired = r;
@@ -1641,13 +1648,13 @@ function hn() {
     var r, o, i = "";
     if (typeof t == "string" || typeof t == "number") i += t;
     else if (typeof t == "object") if (Array.isArray(t)) {
-      var s = t.length;
-      for (r = 0; r < s; r++) t[r] && (o = e(t[r])) && (i && (i += " "), i += o);
+      var a = t.length;
+      for (r = 0; r < a; r++) t[r] && (o = e(t[r])) && (i && (i += " "), i += o);
     } else for (o in t) t[o] && (i && (i += " "), i += o);
     return i;
   }
   function n() {
-    for (var t, r, o = 0, i = "", s = arguments.length; o < s; o++) (t = arguments[o]) && (r = e(t)) && (i && (i += " "), i += r);
+    for (var t, r, o = 0, i = "", a = arguments.length; o < a; o++) (t = arguments[o]) && (r = e(t)) && (i && (i += " "), i += r);
     return i;
   }
   return be.exports = n, be.exports.clsx = n, be.exports;
@@ -1658,9 +1665,9 @@ function we() {
   Je = 1, Object.defineProperty(ie, "__esModule", {
     value: !0
   }), ie.dontSetMe = o, ie.findInArray = e, ie.int = r, ie.isFunction = n, ie.isNum = t;
-  function e(i, s) {
+  function e(i, a) {
     for (let d = 0, b = i.length; d < b; d++)
-      if (s.apply(s, [i[d], d, i])) return i[d];
+      if (a.apply(a, [i[d], d, i])) return i[d];
   }
   function n(i) {
     return typeof i == "function" || Object.prototype.toString.call(i) === "[object Function]";
@@ -1671,9 +1678,9 @@ function we() {
   function r(i) {
     return parseInt(i, 10);
   }
-  function o(i, s, d) {
-    if (i[s])
-      return new Error(`Invalid prop ${s} passed to ${d} - do not set this, set it on the child.`);
+  function o(i, a, d) {
+    if (i[a])
+      return new Error(`Invalid prop ${a} passed to ${d} - do not set this, set it on the child.`);
   }
   return ie;
 }
@@ -1687,23 +1694,23 @@ function gn() {
   function n() {
     let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
     if (typeof window > "u") return "";
-    const s = window.document?.documentElement?.style;
-    if (!s || i in s) return "";
+    const a = window.document?.documentElement?.style;
+    if (!a || i in a) return "";
     for (let d = 0; d < e.length; d++)
-      if (t(i, e[d]) in s) return e[d];
+      if (t(i, e[d]) in a) return e[d];
     return "";
   }
-  function t(i, s) {
-    return s ? `${s}${o(i)}` : i;
+  function t(i, a) {
+    return a ? `${a}${o(i)}` : i;
   }
-  function r(i, s) {
-    return s ? `-${s.toLowerCase()}-${i}` : i;
+  function r(i, a) {
+    return a ? `-${a.toLowerCase()}-${i}` : i;
   }
   function o(i) {
-    let s = "", d = !0;
+    let a = "", d = !0;
     for (let b = 0; b < i.length; b++)
-      d ? (s += i[b].toUpperCase(), d = !1) : i[b] === "-" ? d = !0 : s += i[b];
-    return s;
+      d ? (a += i[b].toUpperCase(), d = !1) : i[b] === "-" ? d = !0 : a += i[b];
+    return a;
   }
   return oe.default = n(), oe;
 }
@@ -1712,7 +1719,7 @@ function Re() {
   if (et) return B;
   et = 1, Object.defineProperty(B, "__esModule", {
     value: !0
-  }), B.addClassName = c, B.addEvent = s, B.addUserSelectStyles = N, B.createCSSTransform = y, B.createSVGTransform = D, B.getTouch = v, B.getTouchIdentifier = w, B.getTranslation = p, B.innerHeight = h, B.innerWidth = u, B.matchesSelector = o, B.matchesSelectorAndParentsTo = i, B.offsetXYFromParent = m, B.outerHeight = b, B.outerWidth = g, B.removeClassName = E, B.removeEvent = d, B.scheduleRemoveUserSelectStyles = C;
+  }), B.addClassName = c, B.addEvent = a, B.addUserSelectStyles = N, B.createCSSTransform = y, B.createSVGTransform = D, B.getTouch = v, B.getTouchIdentifier = w, B.getTranslation = m, B.innerHeight = h, B.innerWidth = u, B.matchesSelector = o, B.matchesSelectorAndParentsTo = i, B.offsetXYFromParent = p, B.outerHeight = b, B.outerWidth = g, B.removeClassName = E, B.removeEvent = d, B.scheduleRemoveUserSelectStyles = C;
   var e = we(), n = t(gn());
   function t(l, f) {
     if (typeof WeakMap == "function") var M = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakMap();
@@ -1743,7 +1750,7 @@ function Re() {
     } while ($);
     return !1;
   }
-  function s(l, f, M, $) {
+  function a(l, f, M, $) {
     if (!l) return;
     const I = {
       capture: !0,
@@ -1779,7 +1786,7 @@ function Re() {
     const M = l.ownerDocument.defaultView.getComputedStyle(l);
     return f -= (0, e.int)(M.paddingLeft), f -= (0, e.int)(M.paddingRight), f;
   }
-  function m(l, f, M) {
+  function p(l, f, M) {
     const I = f === f.ownerDocument.body ? {
       left: 0,
       top: 0
@@ -1790,15 +1797,15 @@ function Re() {
     };
   }
   function y(l, f) {
-    const M = p(l, f, "px");
+    const M = m(l, f, "px");
     return {
       [(0, n.browserPrefixToKey)("transform", n.default)]: M
     };
   }
   function D(l, f) {
-    return p(l, f, "");
+    return m(l, f, "");
   }
-  function p(l, f, M) {
+  function m(l, f, M) {
     let {
       x: $,
       y: I
@@ -1853,35 +1860,35 @@ function xt() {
   if (tt) return ne;
   tt = 1, Object.defineProperty(ne, "__esModule", {
     value: !0
-  }), ne.canDragX = o, ne.canDragY = i, ne.createCoreData = d, ne.createDraggableData = b, ne.getBoundPosition = t, ne.getControlPosition = s, ne.snapToGrid = r;
+  }), ne.canDragX = o, ne.canDragY = i, ne.createCoreData = d, ne.createDraggableData = b, ne.getBoundPosition = t, ne.getControlPosition = a, ne.snapToGrid = r;
   var e = we(), n = Re();
-  function t(u, m, y) {
-    if (!u.props.bounds) return [m, y];
+  function t(u, p, y) {
+    if (!u.props.bounds) return [p, y];
     let {
       bounds: D
     } = u.props;
     D = typeof D == "string" ? D : g(D);
-    const p = h(u);
+    const m = h(u);
     if (typeof D == "string") {
       const {
         ownerDocument: v
-      } = p, w = v.defaultView;
+      } = m, w = v.defaultView;
       let N;
-      if (D === "parent" ? N = p.parentNode : N = p.getRootNode().querySelector(D), !(N instanceof w.HTMLElement))
+      if (D === "parent" ? N = m.parentNode : N = m.getRootNode().querySelector(D), !(N instanceof w.HTMLElement))
         throw new Error('Bounds selector "' + D + '" could not find an element.');
-      const C = N, S = w.getComputedStyle(p), c = w.getComputedStyle(C);
+      const C = N, S = w.getComputedStyle(m), c = w.getComputedStyle(C);
       D = {
-        left: -p.offsetLeft + (0, e.int)(c.paddingLeft) + (0, e.int)(S.marginLeft),
-        top: -p.offsetTop + (0, e.int)(c.paddingTop) + (0, e.int)(S.marginTop),
-        right: (0, n.innerWidth)(C) - (0, n.outerWidth)(p) - p.offsetLeft + (0, e.int)(c.paddingRight) - (0, e.int)(S.marginRight),
-        bottom: (0, n.innerHeight)(C) - (0, n.outerHeight)(p) - p.offsetTop + (0, e.int)(c.paddingBottom) - (0, e.int)(S.marginBottom)
+        left: -m.offsetLeft + (0, e.int)(c.paddingLeft) + (0, e.int)(S.marginLeft),
+        top: -m.offsetTop + (0, e.int)(c.paddingTop) + (0, e.int)(S.marginTop),
+        right: (0, n.innerWidth)(C) - (0, n.outerWidth)(m) - m.offsetLeft + (0, e.int)(c.paddingRight) - (0, e.int)(S.marginRight),
+        bottom: (0, n.innerHeight)(C) - (0, n.outerHeight)(m) - m.offsetTop + (0, e.int)(c.paddingBottom) - (0, e.int)(S.marginBottom)
       };
     }
-    return (0, e.isNum)(D.right) && (m = Math.min(m, D.right)), (0, e.isNum)(D.bottom) && (y = Math.min(y, D.bottom)), (0, e.isNum)(D.left) && (m = Math.max(m, D.left)), (0, e.isNum)(D.top) && (y = Math.max(y, D.top)), [m, y];
+    return (0, e.isNum)(D.right) && (p = Math.min(p, D.right)), (0, e.isNum)(D.bottom) && (y = Math.min(y, D.bottom)), (0, e.isNum)(D.left) && (p = Math.max(p, D.left)), (0, e.isNum)(D.top) && (y = Math.max(y, D.top)), [p, y];
   }
-  function r(u, m, y) {
-    const D = Math.round(m / u[0]) * u[0], p = Math.round(y / u[1]) * u[1];
-    return [D, p];
+  function r(u, p, y) {
+    const D = Math.round(p / u[0]) * u[0], m = Math.round(y / u[1]) * u[1];
+    return [D, m];
   }
   function o(u) {
     return u.props.axis === "both" || u.props.axis === "x";
@@ -1889,40 +1896,40 @@ function xt() {
   function i(u) {
     return u.props.axis === "both" || u.props.axis === "y";
   }
-  function s(u, m, y) {
-    const D = typeof m == "number" ? (0, n.getTouch)(u, m) : null;
-    if (typeof m == "number" && !D) return null;
-    const p = h(y), v = y.props.offsetParent || p.offsetParent || p.ownerDocument.body;
+  function a(u, p, y) {
+    const D = typeof p == "number" ? (0, n.getTouch)(u, p) : null;
+    if (typeof p == "number" && !D) return null;
+    const m = h(y), v = y.props.offsetParent || m.offsetParent || m.ownerDocument.body;
     return (0, n.offsetXYFromParent)(D || u, v, y.props.scale);
   }
-  function d(u, m, y) {
-    const D = !(0, e.isNum)(u.lastX), p = h(u);
+  function d(u, p, y) {
+    const D = !(0, e.isNum)(u.lastX), m = h(u);
     return D ? {
-      node: p,
+      node: m,
       deltaX: 0,
       deltaY: 0,
-      lastX: m,
+      lastX: p,
       lastY: y,
-      x: m,
+      x: p,
       y
     } : {
-      node: p,
-      deltaX: m - u.lastX,
+      node: m,
+      deltaX: p - u.lastX,
       deltaY: y - u.lastY,
       lastX: u.lastX,
       lastY: u.lastY,
-      x: m,
+      x: p,
       y
     };
   }
-  function b(u, m) {
+  function b(u, p) {
     const y = u.props.scale;
     return {
-      node: m.node,
-      x: u.state.x + m.deltaX / y,
-      y: u.state.y + m.deltaY / y,
-      deltaX: m.deltaX / y,
-      deltaY: m.deltaY / y,
+      node: p.node,
+      x: u.state.x + p.deltaX / y,
+      y: u.state.y + p.deltaY / y,
+      deltaX: p.deltaX / y,
+      deltaY: p.deltaY / y,
       lastX: u.state.x,
       lastY: u.state.y
     };
@@ -1936,10 +1943,10 @@ function xt() {
     };
   }
   function h(u) {
-    const m = u.findDOMNode();
-    if (!m)
+    const p = u.findDOMNode();
+    if (!p)
       throw new Error("<DraggableCore>: Unmounted during event!");
-    return m;
+    return p;
   }
   return ne;
 }
@@ -1959,11 +1966,11 @@ function mn() {
   rt = 1, Object.defineProperty(he, "__esModule", {
     value: !0
   }), he.default = void 0;
-  var e = b(ae), n = d(/* @__PURE__ */ vt()), t = d(lt), r = Re(), o = xt(), i = we(), s = d(wt());
-  function d(p) {
-    return p && p.__esModule ? p : { default: p };
+  var e = b(ae), n = d(/* @__PURE__ */ vt()), t = d(lt), r = Re(), o = xt(), i = we(), a = d(wt());
+  function d(m) {
+    return m && m.__esModule ? m : { default: m };
   }
-  function b(p, v) {
+  function b(m, v) {
     if (typeof WeakMap == "function") var w = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap();
     return (b = function(C, S) {
       if (!S && C && C.__esModule) return C;
@@ -1975,26 +1982,26 @@ function mn() {
       }
       for (const f in C) f !== "default" && {}.hasOwnProperty.call(C, f) && ((E = (c = Object.defineProperty) && Object.getOwnPropertyDescriptor(C, f)) && (E.get || E.set) ? c(l, f, E) : l[f] = C[f]);
       return l;
-    })(p, v);
+    })(m, v);
   }
-  function g(p, v, w) {
-    return (v = h(v)) in p ? Object.defineProperty(p, v, { value: w, enumerable: !0, configurable: !0, writable: !0 }) : p[v] = w, p;
+  function g(m, v, w) {
+    return (v = h(v)) in m ? Object.defineProperty(m, v, { value: w, enumerable: !0, configurable: !0, writable: !0 }) : m[v] = w, m;
   }
-  function h(p) {
-    var v = u(p, "string");
+  function h(m) {
+    var v = u(m, "string");
     return typeof v == "symbol" ? v : v + "";
   }
-  function u(p, v) {
-    if (typeof p != "object" || !p) return p;
-    var w = p[Symbol.toPrimitive];
+  function u(m, v) {
+    if (typeof m != "object" || !m) return m;
+    var w = m[Symbol.toPrimitive];
     if (w !== void 0) {
-      var N = w.call(p, v);
+      var N = w.call(m, v);
       if (typeof N != "object") return N;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return (v === "string" ? String : Number)(p);
+    return (v === "string" ? String : Number)(m);
   }
-  const m = {
+  const p = {
     touch: {
       start: "touchstart",
       move: "touchmove",
@@ -2006,7 +2013,7 @@ function mn() {
       stop: "mouseup"
     }
   };
-  let y = m.mouse, D = class extends e.Component {
+  let y = p.mouse, D = class extends e.Component {
     constructor() {
       super(...arguments), g(this, "dragging", !1), g(this, "lastX", NaN), g(this, "lastY", NaN), g(this, "touchIdentifier", null), g(this, "mounted", !1), g(this, "handleDragStart", (v) => {
         if (this.props.onMouseDown(v), !this.props.allowAnyClick && typeof v.button == "number" && v.button !== 0) return !1;
@@ -2027,7 +2034,7 @@ function mn() {
           x: c,
           y: E
         } = S, l = (0, o.createCoreData)(this, c, E);
-        (0, s.default)("DraggableCore: handleDragStart: %j", l), (0, s.default)("calling", this.props.onStart), !(this.props.onStart(v, l) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, r.addUserSelectStyles)(N), this.dragging = !0, this.lastX = c, this.lastY = E, (0, r.addEvent)(N, y.move, this.handleDrag), (0, r.addEvent)(N, y.stop, this.handleDragStop));
+        (0, a.default)("DraggableCore: handleDragStart: %j", l), (0, a.default)("calling", this.props.onStart), !(this.props.onStart(v, l) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, r.addUserSelectStyles)(N), this.dragging = !0, this.lastX = c, this.lastY = E, (0, r.addEvent)(N, y.move, this.handleDrag), (0, r.addEvent)(N, y.stop, this.handleDragStop));
       }), g(this, "handleDrag", (v) => {
         const w = (0, o.getControlPosition)(v, this.touchIdentifier, this);
         if (w == null) return;
@@ -2041,7 +2048,7 @@ function mn() {
           N = this.lastX + E, C = this.lastY + l;
         }
         const S = (0, o.createCoreData)(this, N, C);
-        if ((0, s.default)("DraggableCore: handleDrag: %j", S), this.props.onDrag(v, S) === !1 || this.mounted === !1) {
+        if ((0, a.default)("DraggableCore: handleDrag: %j", S), this.props.onDrag(v, S) === !1 || this.mounted === !1) {
           try {
             this.handleDragStop(new MouseEvent("mouseup"));
           } catch {
@@ -2066,13 +2073,13 @@ function mn() {
         const S = (0, o.createCoreData)(this, N, C);
         if (this.props.onStop(v, S) === !1 || this.mounted === !1) return !1;
         const E = this.findDOMNode();
-        E && this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(E.ownerDocument), (0, s.default)("DraggableCore: handleDragStop: %j", S), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, E && ((0, s.default)("DraggableCore: Removing handlers"), (0, r.removeEvent)(E.ownerDocument, y.move, this.handleDrag), (0, r.removeEvent)(E.ownerDocument, y.stop, this.handleDragStop));
-      }), g(this, "onMouseDown", (v) => (y = m.mouse, this.handleDragStart(v))), g(this, "onMouseUp", (v) => (y = m.mouse, this.handleDragStop(v))), g(this, "onTouchStart", (v) => (y = m.touch, this.handleDragStart(v))), g(this, "onTouchEnd", (v) => (y = m.touch, this.handleDragStop(v)));
+        E && this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(E.ownerDocument), (0, a.default)("DraggableCore: handleDragStop: %j", S), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, E && ((0, a.default)("DraggableCore: Removing handlers"), (0, r.removeEvent)(E.ownerDocument, y.move, this.handleDrag), (0, r.removeEvent)(E.ownerDocument, y.stop, this.handleDragStop));
+      }), g(this, "onMouseDown", (v) => (y = p.mouse, this.handleDragStart(v))), g(this, "onMouseUp", (v) => (y = p.mouse, this.handleDragStop(v))), g(this, "onTouchStart", (v) => (y = p.touch, this.handleDragStart(v))), g(this, "onTouchEnd", (v) => (y = p.touch, this.handleDragStop(v)));
     }
     componentDidMount() {
       this.mounted = !0;
       const v = this.findDOMNode();
-      v && (0, r.addEvent)(v, m.touch.start, this.onTouchStart, {
+      v && (0, r.addEvent)(v, p.touch.start, this.onTouchStart, {
         passive: !1
       });
     }
@@ -2083,7 +2090,7 @@ function mn() {
         const {
           ownerDocument: w
         } = v;
-        (0, r.removeEvent)(w, m.mouse.move, this.handleDrag), (0, r.removeEvent)(w, m.touch.move, this.handleDrag), (0, r.removeEvent)(w, m.mouse.stop, this.handleDragStop), (0, r.removeEvent)(w, m.touch.stop, this.handleDragStop), (0, r.removeEvent)(v, m.touch.start, this.onTouchStart, {
+        (0, r.removeEvent)(w, p.mouse.move, this.handleDrag), (0, r.removeEvent)(w, p.touch.move, this.handleDrag), (0, r.removeEvent)(w, p.mouse.stop, this.handleDragStop), (0, r.removeEvent)(w, p.touch.stop, this.handleDragStop), (0, r.removeEvent)(v, p.touch.start, this.onTouchStart, {
           passive: !1
         }), this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(w);
       }
@@ -2138,8 +2145,8 @@ function mn() {
      * `offsetParent`, if set, uses the passed DOM node to compute drag offsets
      * instead of using the parent node.
      */
-    offsetParent: function(p, v) {
-      if (p[v] && p[v].nodeType !== 1)
+    offsetParent: function(m, v) {
+      if (m[v] && m[v].nodeType !== 1)
         throw new Error("Draggable's offsetParent must be a DOM Node.");
     },
     /**
@@ -2264,7 +2271,7 @@ function pn() {
         return b.default;
       }
     }), e.default = void 0;
-    var n = u(ae), t = h(/* @__PURE__ */ vt()), r = h(lt), o = hn(), i = Re(), s = xt(), d = we(), b = h(mn()), g = h(wt());
+    var n = u(ae), t = h(/* @__PURE__ */ vt()), r = h(lt), o = hn(), i = Re(), a = xt(), d = we(), b = h(mn()), g = h(wt());
     function h(w) {
       return w && w.__esModule ? w : { default: w };
     }
@@ -2282,23 +2289,23 @@ function pn() {
         return M;
       })(w, N);
     }
-    function m() {
-      return m = Object.assign ? Object.assign.bind() : function(w) {
+    function p() {
+      return p = Object.assign ? Object.assign.bind() : function(w) {
         for (var N = 1; N < arguments.length; N++) {
           var C = arguments[N];
           for (var S in C) ({}).hasOwnProperty.call(C, S) && (w[S] = C[S]);
         }
         return w;
-      }, m.apply(null, arguments);
+      }, p.apply(null, arguments);
     }
     function y(w, N, C) {
       return (N = D(N)) in w ? Object.defineProperty(w, N, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : w[N] = C, w;
     }
     function D(w) {
-      var N = p(w, "string");
+      var N = m(w, "string");
       return typeof N == "symbol" ? N : N + "";
     }
-    function p(w, N) {
+    function m(w, N) {
       if (typeof w != "object" || !w) return w;
       var C = w[Symbol.toPrimitive];
       if (C !== void 0) {
@@ -2330,7 +2337,7 @@ function pn() {
       }
       constructor(N) {
         super(N), y(this, "onDragStart", (C, S) => {
-          if ((0, g.default)("Draggable: onDragStart: %j", S), this.props.onStart(C, (0, s.createDraggableData)(this, S)) === !1) return !1;
+          if ((0, g.default)("Draggable: onDragStart: %j", S), this.props.onStart(C, (0, a.createDraggableData)(this, S)) === !1) return !1;
           this.setState({
             dragging: !0,
             dragged: !0
@@ -2338,7 +2345,7 @@ function pn() {
         }), y(this, "onDrag", (C, S) => {
           if (!this.state.dragging) return !1;
           (0, g.default)("Draggable: onDrag: %j", S);
-          const c = (0, s.createDraggableData)(this, S), E = {
+          const c = (0, a.createDraggableData)(this, S), E = {
             x: c.x,
             y: c.y,
             slackX: 0,
@@ -2350,13 +2357,13 @@ function pn() {
               y: M
             } = E;
             E.x += this.state.slackX, E.y += this.state.slackY;
-            const [$, I] = (0, s.getBoundPosition)(this, E.x, E.y);
+            const [$, I] = (0, a.getBoundPosition)(this, E.x, E.y);
             E.x = $, E.y = I, E.slackX = this.state.slackX + (f - E.x), E.slackY = this.state.slackY + (M - E.y), c.x = E.x, c.y = E.y, c.deltaX = E.x - this.state.x, c.deltaY = E.y - this.state.y;
           }
           if (this.props.onDrag(C, c) === !1) return !1;
           this.setState(E);
         }), y(this, "onDragStop", (C, S) => {
-          if (!this.state.dragging || this.props.onStop(C, (0, s.createDraggableData)(this, S)) === !1) return !1;
+          if (!this.state.dragging || this.props.onStop(C, (0, a.createDraggableData)(this, S)) === !1) return !1;
           (0, g.default)("Draggable: onDragStop: %j", S);
           const E = {
             dragging: !1,
@@ -2421,16 +2428,16 @@ function pn() {
         let z = {}, X = null;
         const K = !!!M || this.state.dragging, ee = M || c, se = {
           // Set left if horizontal drag is enabled
-          x: (0, s.canDragX)(this) && K ? this.state.x : ee.x,
+          x: (0, a.canDragX)(this) && K ? this.state.x : ee.x,
           // Set top if vertical drag is enabled
-          y: (0, s.canDragY)(this) && K ? this.state.y : ee.y
+          y: (0, a.canDragY)(this) && K ? this.state.y : ee.y
         };
         this.state.isElementSVG ? X = (0, i.createSVGTransform)(se, $) : z = (0, i.createCSSTransform)(se, $);
         const de = (0, o.clsx)(S.props.className || "", E, {
           [l]: this.state.dragging,
           [f]: this.state.dragged
         });
-        return /* @__PURE__ */ n.createElement(b.default, m({}, T, {
+        return /* @__PURE__ */ n.createElement(b.default, p({}, T, {
           onStart: this.onDragStart,
           onDrag: this.onDrag,
           onStop: this.onDragStop
@@ -2595,13 +2602,13 @@ const vn = /* @__PURE__ */ an(bn), xn = ce((e, n) => {
       boxShadow: "rgba(0, 0, 0, 0.5) 7px 7px 10px 0px"
     },
     ...e.style || {}
-  }, o = e.testId || "not-set", i = e.className || "panel", s = Ct(null);
+  }, o = e.testId || "not-set", i = e.className || "panel", a = Ct(null);
   return (
     // 3. Pass the internal ref to the Draggable component via 'nodeRef'
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ s(
       vn,
       {
-        nodeRef: s,
+        nodeRef: a,
         "data-testid": o,
         axis: "both",
         handle: ".handle",
@@ -2613,7 +2620,7 @@ const vn = /* @__PURE__ */ an(bn), xn = ce((e, n) => {
             e.onDraggingChange?.(!1);
           }, 100);
         },
-        children: /* @__PURE__ */ a("div", { ref: s, className: i, style: r, children: e.children })
+        children: /* @__PURE__ */ s("div", { ref: a, className: i, style: r, children: e.children })
       }
     )
   );
@@ -2623,7 +2630,7 @@ function tr({ children: e, addCssClasses: n }) {
     "w-full h-full flex-1 flex flex-col",
     (n || "gap-2 items-end justify-end content-end").trim()
   );
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ s(
     "div",
     {
       className: t,
@@ -2639,7 +2646,7 @@ function nr({ children: e, addCssClasses: n }) {
     "w-full flex flex-col",
     (n || "items-end").trim()
   );
-  return /* @__PURE__ */ a("div", { className: t, children: e });
+  return /* @__PURE__ */ s("div", { className: t, children: e });
 }
 const rr = (e) => {
   console.warn("showToast TODO", e);
@@ -2648,20 +2655,20 @@ const rr = (e) => {
   const r = e.responsiveGrid || !1, o = e.isEditing || !1, i = {
     "--bwj-dashboard-transform-scale": t,
     "--bwj-dashboard-add-cols": wn(t)
-  }, s = G(
+  }, a = G(
     "dashboard-main-grid w-full",
     o ? "editing" : "",
     r ? "responsive-grid" : "",
     `border border-dashed ${o ? "border-primary border-opacity-50" : "border-transparent"}`
   );
-  return /* @__PURE__ */ a("div", { className: s, style: i, children: e.children });
+  return /* @__PURE__ */ s("div", { className: a, style: i, children: e.children });
 }), $e = "size-5", Cn = (e, n) => {
   const t = e.hideTitle && !e.isEditing, r = e.noBorder;
   let o = `dashboard-widget ${e.isEditing ? "editing" : ""} border border-solid`;
   r ? o = `${o} border-transparent border-opacity-0` : (e.borderCssClasses || "").trim().length > 0 ? o = `${o} ${e.borderCssClasses}` : o = `${o} border-card-invert border-opacity-20`, e.noShadow && (o = `${o} no-shadow`), e.noPadding && (o = `${o} no-padding p-0`), (e.backgroundCssClasses || "").trim().length > 0 ? o = `${o} ${e.backgroundCssClasses}` : o = `${o} bg-card content-card`, ["large", "xlarge"].indexOf(e.size || "") > -1 && (o = `${o} ${e.size}-widget`);
   const i = () => {
     e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey, e.parentWidgetKey);
-  }, s = (b) => {
+  }, a = (b) => {
     e.onMoveClick && e.widgetKey && e.onMoveClick(b, e.widgetKey, e.parentWidgetKey);
   }, d = G(
     "widget-header",
@@ -2675,12 +2682,12 @@ const rr = (e) => {
           e.title,
           " "
         ] }),
-        /* @__PURE__ */ a("div", {})
+        /* @__PURE__ */ s("div", {})
       ] }),
-      /* @__PURE__ */ a("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ W("div", { className: "actions-inner", children: [
-        /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a("span", { className: "hidden", children: "Widget" }) }),
+      /* @__PURE__ */ s("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ W("div", { className: "actions-inner", children: [
+        /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("span", { className: "hidden", children: "Widget" }) }),
         /* @__PURE__ */ W("div", { className: "actions-buttons-container", children: [
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ s(
             J,
             {
               "data-testid": `move-widget-left_${e.title}`,
@@ -2690,11 +2697,11 @@ const rr = (e) => {
                 placement: "top",
                 title: `${e.index < 1 ? "Already at min position" : "Move Widget to the left/up"}`
               },
-              onClick: () => s(-1),
-              children: /* @__PURE__ */ a(ft, { className: $e })
+              onClick: () => a(-1),
+              children: /* @__PURE__ */ s(ft, { className: $e })
             }
           ),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ s(
             J,
             {
               "data-testid": `move-widget-right_${e.title}`,
@@ -2704,11 +2711,11 @@ const rr = (e) => {
                 placement: "top",
                 title: `${e.index >= e.maxIndex ? "Already at max position" : "Move Widget to the right/down"}`
               },
-              onClick: () => s(1),
-              children: /* @__PURE__ */ a(ht, { className: $e })
+              onClick: () => a(1),
+              children: /* @__PURE__ */ s(ht, { className: $e })
             }
           ),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ s(
             J,
             {
               "data-testid": `remove-container_${e.title}`,
@@ -2718,22 +2725,22 @@ const rr = (e) => {
                 title: "Remove Widget"
               },
               onClick: () => i(),
-              children: /* @__PURE__ */ a(gt, { className: $e })
+              children: /* @__PURE__ */ s(gt, { className: $e })
             }
           )
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ a("div", { className: "widget-inner", children: e.children })
+    /* @__PURE__ */ s("div", { className: "widget-inner", children: e.children })
   ] });
 }, at = ce(Cn), Sn = (e, n) => {
   const t = (i) => i.replace(/[^0-9.]/g, ""), r = t(e).split(".").map(Number), o = t(n).split(".").map(Number);
   return !(r[0] !== o[0] || r[1] < o[1]);
 };
 function Dn(e) {
-  return /* @__PURE__ */ a("div", { className: "dashboard-widget", children: /* @__PURE__ */ W("div", { className: "absolute inset-0 bg-black flex flex-col items-center justify-center text-center", children: [
-    /* @__PURE__ */ a("div", { className: "w-full absolute opacity-100 text-primary", children: e.title }),
-    /* @__PURE__ */ a("div", { className: "animate-ping rounded-full h-32 w-32 border-8 border-white" })
+  return /* @__PURE__ */ s("div", { className: "dashboard-widget", children: /* @__PURE__ */ W("div", { className: "absolute inset-0 bg-black flex flex-col items-center justify-center text-center", children: [
+    /* @__PURE__ */ s("div", { className: "w-full absolute opacity-100 text-primary", children: e.title }),
+    /* @__PURE__ */ s("div", { className: "animate-ping rounded-full h-32 w-32 border-8 border-white" })
   ] }) });
 }
 function Nn({
@@ -2743,7 +2750,7 @@ function Nn({
   parentWidgetKey: r,
   targetContainerKey: o,
   childWidgetsConfig: i,
-  widgetCatalog: s,
+  widgetCatalog: a,
   isEditing: d,
   // for additional props passed to all widget from the dashboard through the DynamicWidgetLoader:
   extraProps: b,
@@ -2751,32 +2758,32 @@ function Nn({
   onMoveClick: h,
   selectContainer: u
 }) {
-  const m = `${t}`.split("_"), y = m.length > 1, D = y ? m[0] : t, p = s.get(D);
-  if (!p)
-    return /* @__PURE__ */ a("div", { className: "flex", children: /* @__PURE__ */ W("p", { children: [
+  const p = `${t}`.split("_"), y = p.length > 1, D = y ? p[0] : t, m = a.get(D);
+  if (!m)
+    return /* @__PURE__ */ s("div", { className: "flex", children: /* @__PURE__ */ W("p", { children: [
       "Widget not found in catalog: ",
       D
     ] }) });
   let v = null, w = !1;
-  const N = !!p.isContainer, C = y ? mt(t) : "", S = N ? (i || []).filter((l) => l.parentWidgetKey === t) : [], c = {
+  const N = !!m.isContainer, C = y ? mt(t) : "", S = N ? (i || []).filter((l) => l.parentWidgetKey === t) : [], c = {
     index: e,
     maxIndex: n,
     widgetKey: t,
     parentWidgetKey: r,
     isEditing: d,
     extraProps: b,
-    title: y ? C : p.title,
+    title: y ? C : m.title,
     onRemoveClick: g,
     onMoveClick: h
   };
-  if (p.component ? (v = p.component, w = !1) : p.loader && (w = !0, v = st(() => {
-    if (!p) return null;
-    const l = typeof __HOST_REACT_VERSION__ < "u" ? __HOST_REACT_VERSION__ : "19.2.3", f = p.meta?.externalDependencies || [], M = f.find(($) => $.startsWith("react@"));
+  if (m.component ? (v = m.component, w = !1) : m.loader && (w = !0, v = st(() => {
+    if (!m) return null;
+    const l = typeof __HOST_REACT_VERSION__ < "u" ? __HOST_REACT_VERSION__ : "19.2.3", f = m.meta?.externalDependencies || [], M = f.find(($) => $.startsWith("react@"));
     if (M) {
       const $ = M.split("@")[1];
       if (!Sn(l, $))
         return ae.lazy(async () => ({
-          default: () => /* @__PURE__ */ a(at, { ...c, children: /* @__PURE__ */ W("div", { className: "p-4 border border-dashed border-danger", children: [
+          default: () => /* @__PURE__ */ s(at, { ...c, children: /* @__PURE__ */ W("div", { className: "p-4 border border-dashed border-danger", children: [
             /* @__PURE__ */ W("p", { className: "font-bold", children: [
               'Failed to load "',
               t,
@@ -2796,13 +2803,13 @@ function Nn({
                 ] }),
                 ". Host is running",
                 " ",
-                /* @__PURE__ */ a("strong", { children: l }),
+                /* @__PURE__ */ s("strong", { children: l }),
                 "."
               ] })
             ] }),
             /* @__PURE__ */ W("div", { className: "flex flex-col mt-3", children: [
-              /* @__PURE__ */ a("h5", { children: "Externals:" }),
-              /* @__PURE__ */ a("dl", { className: "ml-2 flex flex-col text-xs", children: f.map((I, T) => /* @__PURE__ */ W("dd", { children: [
+              /* @__PURE__ */ s("h5", { children: "Externals:" }),
+              /* @__PURE__ */ s("dl", { className: "ml-2 flex flex-col text-xs", children: f.map((I, T) => /* @__PURE__ */ W("dd", { children: [
                 "- ",
                 I
               ] }, T)) })
@@ -2810,22 +2817,22 @@ function Nn({
           ] }) })
         }));
     }
-    if (p.component)
-      return p.component;
-    if (p.loader) {
+    if (m.component)
+      return m.component;
+    if (m.loader) {
       const $ = async () => {
         try {
-          return await p.loader();
+          return await m.loader();
         } catch (I) {
           return console.error(`CDN Load Failure for ${t}:`, I), {
-            default: () => /* @__PURE__ */ a(at, { ...c, children: /* @__PURE__ */ W("div", { className: "p-4 border border-dashed border-danger", children: [
+            default: () => /* @__PURE__ */ s(at, { ...c, children: /* @__PURE__ */ W("div", { className: "p-4 border border-dashed border-danger", children: [
               /* @__PURE__ */ W("p", { className: "font-bold", children: [
                 'Failed to load "',
                 t,
                 '"'
               ] }),
-              /* @__PURE__ */ a("p", { className: "text-xs italic", children: "The remote plugin is unavailable or incompatible." }),
-              /* @__PURE__ */ a("pre", { className: "text-xs overflow-hidden", children: JSON.stringify(p.meta || {}, null, 2) })
+              /* @__PURE__ */ s("p", { className: "text-xs italic", children: "The remote plugin is unavailable or incompatible." }),
+              /* @__PURE__ */ s("pre", { className: "text-xs overflow-hidden", children: JSON.stringify(m.meta || {}, null, 2) })
             ] }) })
           };
         }
@@ -2833,8 +2840,8 @@ function Nn({
       return ae.lazy($);
     }
     return null;
-  }, [p, t])), !v)
-    return /* @__PURE__ */ a("div", { className: "flex", children: /* @__PURE__ */ W("p", { children: [
+  }, [m, t])), !v)
+    return /* @__PURE__ */ s("div", { className: "flex", children: /* @__PURE__ */ W("p", { children: [
       "Widget definition incomplete: ",
       D
     ] }) });
@@ -2842,14 +2849,14 @@ function Nn({
     highlight: o === t,
     selectContainer: u,
     // The children prop is the recursive call back to DynamicWidgetLoader
-    children: S.map((l, f) => /* @__PURE__ */ a(
+    children: S.map((l, f) => /* @__PURE__ */ s(
       Nn,
       {
         index: f,
         maxIndex: S.length - 1,
         widgetKey: l.widgetKey,
         parentWidgetKey: l.parentWidgetKey,
-        widgetCatalog: s,
+        widgetCatalog: a,
         isEditing: d,
         extraProps: b,
         onRemoveClick: g,
@@ -2858,7 +2865,7 @@ function Nn({
       `${l.widgetKey}_${f}`
     ))
   } : {};
-  return w ? /* @__PURE__ */ a(St, { fallback: /* @__PURE__ */ a(Dn, { title: `Loading ${p.title}` }), children: /* @__PURE__ */ a(v, { ...c, ...E }) }) : /* @__PURE__ */ a(v, { ...c, ...E });
+  return w ? /* @__PURE__ */ s(St, { fallback: /* @__PURE__ */ s(Dn, { title: `Loading ${m.title}` }), children: /* @__PURE__ */ s(v, { ...c, ...E }) }) : /* @__PURE__ */ s(v, { ...c, ...E });
 }
 const xe = "size-5";
 function ke(e) {
@@ -2879,26 +2886,26 @@ function ke(e) {
     `direction-${t}`,
     `border ${d}`,
     `${n ? "highlight-container" : ""} ${d}`
-  ), m = `widget-container-header direction-${t} flex items-center border-1 ${d}`;
+  ), p = `widget-container-header direction-${t} flex items-center border-1 ${d}`;
   const y = () => {
     e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey);
   }, D = (v) => {
     e.onMoveClick && e.widgetKey && e.onMoveClick(v, e.widgetKey, e.parentWidgetKey);
-  }, p = () => {
+  }, m = () => {
     e.selectContainer && e.widgetKey && e.selectContainer(e.widgetKey);
   };
   return /* @__PURE__ */ W("div", { "data-testid": `container_${e.widgetKey}`, className: u, children: [
-    /* @__PURE__ */ W("div", { className: m, children: [
-      /* @__PURE__ */ a(
+    /* @__PURE__ */ W("div", { className: p, children: [
+      /* @__PURE__ */ s(
         "div",
         {
           className: "widget-title-wrapper w-full flex whitespace-nowrap",
-          onClick: p,
-          children: /* @__PURE__ */ a("span", { className: "text-sm font-semibold capitalize", children: e.title })
+          onClick: m,
+          children: /* @__PURE__ */ s("span", { className: "text-sm font-semibold capitalize", children: e.title })
         }
       ),
-      /* @__PURE__ */ a("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ a("div", { className: "actions-inner", children: /* @__PURE__ */ W("div", { className: "actions-buttons-container", children: [
-        /* @__PURE__ */ a(
+      /* @__PURE__ */ s("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ s("div", { className: "actions-inner", children: /* @__PURE__ */ W("div", { className: "actions-buttons-container", children: [
+        /* @__PURE__ */ s(
           J,
           {
             "data-testid": `open-widgets-catalog-from-container_${e.title}`,
@@ -2908,8 +2915,8 @@ function ke(e) {
               placement: "top",
               title: "Target this Container"
             },
-            onClick: p,
-            children: /* @__PURE__ */ a(
+            onClick: m,
+            children: /* @__PURE__ */ s(
               tn,
               {
                 className: `${xe} ${n ? "text-success" : "text-disabled"}`
@@ -2917,7 +2924,7 @@ function ke(e) {
             )
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ s(
           J,
           {
             "data-testid": `move-container-left_${e.title}`,
@@ -2928,10 +2935,10 @@ function ke(e) {
               title: `${e.index < 1 ? "Already at min position" : "Move Container to the left/up"}`
             },
             onClick: () => D(-1),
-            children: /* @__PURE__ */ a(ft, { className: xe })
+            children: /* @__PURE__ */ s(ft, { className: xe })
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ s(
           J,
           {
             "data-testid": `move-container-right_${e.title}`,
@@ -2942,10 +2949,10 @@ function ke(e) {
               title: `${e.index >= e.maxIndex ? "Already at max position" : "Move Container to the right/down"}`
             },
             onClick: () => D(1),
-            children: /* @__PURE__ */ a(ht, { className: xe })
+            children: /* @__PURE__ */ s(ht, { className: xe })
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ s(
           J,
           {
             "data-testid": `remove-container_${e.title}`,
@@ -2955,25 +2962,25 @@ function ke(e) {
               title: "Remove Container"
             },
             onClick: () => y(),
-            children: /* @__PURE__ */ a(gt, { className: xe })
+            children: /* @__PURE__ */ s(gt, { className: xe })
           }
         )
       ] }) }) })
     ] }),
-    /* @__PURE__ */ a("div", { "data-testid": `childrenwrapper_${e.widgetKey}`, className: "widget-container-inner", children: e.children })
+    /* @__PURE__ */ s("div", { "data-testid": `childrenwrapper_${e.widgetKey}`, className: "widget-container-inner", children: e.children })
   ] });
 }
 function or(e) {
   const { direction: n, ...t } = e;
-  return /* @__PURE__ */ a(ke, { direction: "column", ...t });
+  return /* @__PURE__ */ s(ke, { direction: "column", ...t });
 }
 function ar(e) {
   const { size: n, ...t } = e;
-  return /* @__PURE__ */ a(ke, { size: "large", ...t });
+  return /* @__PURE__ */ s(ke, { size: "large", ...t });
 }
 function sr(e) {
   const { direction: n, ...t } = e;
-  return /* @__PURE__ */ a(ke, { direction: "row", ...t });
+  return /* @__PURE__ */ s(ke, { direction: "row", ...t });
 }
 function We({
   // widgetKey,
@@ -2981,25 +2988,25 @@ function We({
   alreadyAdded: n,
   addWidget: t
 }) {
-  const [r, o] = le(!1), i = e.icon || nn, s = e.displayName || "Unknown", d = e.description || "---", g = (e.noDuplicatedWidgets || !1) && n, h = G(`
+  const [r, o] = le(!1), i = e.icon || nn, a = e.displayName || "Unknown", d = e.description || "---", g = (e.noDuplicatedWidgets || !1) && n, h = G(`
     flex flex-row gap-2 p-2 rounded-md border text-sm bg-card content-card backdrop-opacity-100
     ${g ? "border-disabled fill-disabled text-disabled" : "cursor-pointer border-primary fill-danger hover:fill-primary content-primary hover:brightness-110"}
   `);
   return /* @__PURE__ */ W("div", { className: h, style: { width: "calc(100% - 1rem)" }, onClick: () => {
     g || t();
   }, children: [
-    /* @__PURE__ */ a(i, { className: "" }),
+    /* @__PURE__ */ s(i, { className: "" }),
     /* @__PURE__ */ W("div", { className: "w-full", children: [
       /* @__PURE__ */ W("div", { className: "flex flex-row items-center gap-2 justify-between", children: [
-        /* @__PURE__ */ a("span", { className: "font-bold", children: s }),
-        /* @__PURE__ */ a("div", { className: "text-xs", children: g ? "(Added)" : "" })
+        /* @__PURE__ */ s("span", { className: "font-bold", children: a }),
+        /* @__PURE__ */ s("div", { className: "text-xs", children: g ? "(Added)" : "" })
       ] }),
       /* @__PURE__ */ W("div", { className: "flex flex-col text-xs", children: [
-        /* @__PURE__ */ a("div", { children: d }),
-        /* @__PURE__ */ a("div", { className: "mt-3 cursor-pointer", onClick: (y) => {
+        /* @__PURE__ */ s("div", { children: d }),
+        /* @__PURE__ */ s("div", { className: "mt-3 cursor-pointer", onClick: (y) => {
           y.stopPropagation(), y.preventDefault(), o(!r);
         }, children: "Externals:" }),
-        r && /* @__PURE__ */ a("dl", { className: "ml-2 flex flex-col text-xs", children: e.externalDependencies.map((y, D) => /* @__PURE__ */ W("dd", { children: [
+        r && /* @__PURE__ */ s("dl", { className: "ml-2 flex flex-col text-xs", children: e.externalDependencies.map((y, D) => /* @__PURE__ */ W("dd", { children: [
           "- ",
           y
         ] }, D)) })
@@ -3023,25 +3030,25 @@ function Tn({
       );
       n(g);
     }
-  }, s = (d) => {
+  }, a = (d) => {
     n({
       ...e,
       value: d.target.value || ""
     });
   };
-  return /* @__PURE__ */ a("div", { className: o, style: { width: "calc(100% - 1rem)" }, children: /* @__PURE__ */ W("div", { className: "w-full", children: [
-    /* @__PURE__ */ a("div", { className: "flex flex-row items-center gap-2 justify-between", children: /* @__PURE__ */ a("span", { className: "font-bold", children: t }) }),
-    /* @__PURE__ */ a("div", { className: "flex flex-col gap-2 text-xs", children: /* @__PURE__ */ a("div", { children: r }) }),
+  return /* @__PURE__ */ s("div", { className: o, style: { width: "calc(100% - 1rem)" }, children: /* @__PURE__ */ W("div", { className: "w-full", children: [
+    /* @__PURE__ */ s("div", { className: "flex flex-row items-center gap-2 justify-between", children: /* @__PURE__ */ s("span", { className: "font-bold", children: t }) }),
+    /* @__PURE__ */ s("div", { className: "flex flex-col gap-2 text-xs", children: /* @__PURE__ */ s("div", { children: r }) }),
     /* @__PURE__ */ W("div", { children: [
       "Value:",
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ s(
         pt,
         {
           label: "Filter...",
           size: "small",
           className: "w-full",
           value: e.value,
-          onChange: s,
+          onChange: a,
           onKeyDown: i
         }
       )
@@ -3059,16 +3066,16 @@ function lr({
   undoStatus: r,
   addWidget: o,
   addContainer: i,
-  onSettingItemsUpdated: s,
+  onSettingItemsUpdated: a,
   onResetToDefaultDashboardClick: d,
   onUndoOrRedo: b,
   onDoneClick: g
 }) {
-  const [h, u] = le("Editing"), [m, y] = le(0), [D, p] = le(""), w = Array.from(n.keys()).map((T) => ({
+  const [h, u] = le("Editing"), [p, y] = le(0), [D, m] = le(""), w = Array.from(n.keys()).map((T) => ({
     widgetKey: T,
     metaData: $t(T, n)
   })), N = (T) => {
-    p(T.target.value);
+    m(T.target.value);
   }, C = (T) => {
     const z = D.trim().toLowerCase();
     return z.length < 1 ? !0 : T.displayName.trim().toLowerCase().includes(z) || T.description.toLowerCase().includes(z);
@@ -3077,7 +3084,7 @@ function lr({
     return z.length < 1 ? !0 : T.displayName.trim().toLowerCase().includes(z) || T.description.toLowerCase().includes(z);
   }, c = (T) => G(
     "px-4 py-2 font-medium cursor-pointer border-b-2 border-transparent hover:border-primary focus:outline-none",
-    T === m ? "text-primary border-primary" : ""
+    T === p ? "text-primary border-primary" : ""
   ), E = !!e;
   Dt(() => {
     if (e) {
@@ -3091,9 +3098,9 @@ function lr({
     E ? o(T, e) : o(T);
   }, f = (T) => {
     const z = (t.cssSettings || []).map((X) => X.key === T.key ? T : X);
-    s(z);
+    a(z);
   }, [M, $] = le(!1);
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ s(
     xn,
     {
       testId: "dashboard-catalog-flyout",
@@ -3111,8 +3118,8 @@ function lr({
       children: /* @__PURE__ */ W("div", { className: "flex flex-col gap-2 p-2", children: [
         /* @__PURE__ */ W("div", { className: "flex flex-row gap-2 justify-between", children: [
           /* @__PURE__ */ W("div", { className: "handle flex-1 flex gap-2 w-full hover:text-primary cursor-grab", children: [
-            M ? /* @__PURE__ */ a(en, { className: "size-5" }) : /* @__PURE__ */ a(Qt, { className: "size-5" }),
-            /* @__PURE__ */ a(
+            M ? /* @__PURE__ */ s(en, { className: "size-5" }) : /* @__PURE__ */ s(Qt, { className: "size-5" }),
+            /* @__PURE__ */ s(
               "h2",
               {
                 className: "flex-1 text-base margin-0 capitalize",
@@ -3122,7 +3129,7 @@ function lr({
             )
           ] }),
           /* @__PURE__ */ W("div", { className: "flex flex-row gap-2 items-center", children: [
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ s(
               J,
               {
                 "data-testid": "undo-dashboard-config-change",
@@ -3133,10 +3140,10 @@ function lr({
                 },
                 disabled: r.isUndoDisabled,
                 onClick: () => b("Undo"),
-                children: /* @__PURE__ */ a(Zt, { className: "size-5" })
+                children: /* @__PURE__ */ s(Zt, { className: "size-5" })
               }
             ),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ s(
               J,
               {
                 "data-testid": "redo-dashboard-config-change",
@@ -3147,10 +3154,10 @@ function lr({
                 },
                 disabled: r.isRedoDisabled,
                 onClick: () => b("Redo"),
-                children: /* @__PURE__ */ a(Jt, { className: "size-5" })
+                children: /* @__PURE__ */ s(Jt, { className: "size-5" })
               }
             ),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ s(
               J,
               {
                 "data-testid": "reset-dashboard-to-default",
@@ -3160,18 +3167,18 @@ function lr({
                   title: "Reset this dashboard to the default configuration"
                 },
                 onClick: d,
-                children: /* @__PURE__ */ a(Gt, { className: "size-5" })
+                children: /* @__PURE__ */ s(Gt, { className: "size-5" })
               }
             )
           ] })
         ] }),
         /* @__PURE__ */ W("div", { className: "flex border-b border-gray-200", children: [
-          /* @__PURE__ */ a("button", { onClick: () => y(0), className: c(0), children: "Widgets" }),
-          /* @__PURE__ */ a("button", { onClick: () => y(1), className: c(1), children: "Charts" }),
-          !E && /* @__PURE__ */ a("button", { onClick: () => y(2), className: c(2), children: "Containers" }),
-          !E && /* @__PURE__ */ a("button", { onClick: () => y(3), className: c(3), children: /* @__PURE__ */ a(Xt, {}) })
+          /* @__PURE__ */ s("button", { onClick: () => y(0), className: c(0), children: "Widgets" }),
+          /* @__PURE__ */ s("button", { onClick: () => y(1), className: c(1), children: "Charts" }),
+          !E && /* @__PURE__ */ s("button", { onClick: () => y(2), className: c(2), children: "Containers" }),
+          !E && /* @__PURE__ */ s("button", { onClick: () => y(3), className: c(3), children: /* @__PURE__ */ s(Xt, {}) })
         ] }),
-        /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-1 w-full", children: /* @__PURE__ */ a(
+        /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-1 w-full", children: /* @__PURE__ */ s(
           pt,
           {
             label: "Filter...",
@@ -3189,9 +3196,9 @@ function lr({
               maxHeight: "360px"
             },
             children: [
-              m === 0 && w.filter(
+              p === 0 && w.filter(
                 (T) => T.metaData.categories.includes("Widget") && C(T.metaData)
-              ).map((T) => /* @__PURE__ */ a(
+              ).map((T) => /* @__PURE__ */ s(
                 We,
                 {
                   widgetKey: T.widgetKey,
@@ -3201,9 +3208,9 @@ function lr({
                 },
                 T.widgetKey
               )),
-              m === 1 && w.filter(
+              p === 1 && w.filter(
                 (T) => T.metaData.categories.includes("Chart") && C(T.metaData)
-              ).map((T) => /* @__PURE__ */ a(
+              ).map((T) => /* @__PURE__ */ s(
                 We,
                 {
                   widgetKey: T.widgetKey,
@@ -3213,7 +3220,7 @@ function lr({
                 },
                 T.widgetKey
               )),
-              !E && m === 2 && w.filter((T) => T.metaData.categories.includes("Container")).map((T) => /* @__PURE__ */ a(
+              !E && p === 2 && w.filter((T) => T.metaData.categories.includes("Container")).map((T) => /* @__PURE__ */ s(
                 We,
                 {
                   widgetKey: T.widgetKey,
@@ -3223,7 +3230,7 @@ function lr({
                 },
                 T.widgetKey
               )),
-              !E && m === 3 && (t.cssSettings || []).filter(S).map((T) => /* @__PURE__ */ a(
+              !E && p === 3 && (t.cssSettings || []).filter(S).map((T) => /* @__PURE__ */ s(
                 Tn,
                 {
                   item: T,
@@ -3234,7 +3241,7 @@ function lr({
             ]
           }
         ),
-        /* @__PURE__ */ a("div", { className: "mt-4 w-full flex flex-row justify-end pt-1", children: /* @__PURE__ */ a(
+        /* @__PURE__ */ s("div", { className: "mt-4 w-full flex flex-row justify-end pt-1", children: /* @__PURE__ */ s(
           J,
           {
             className: "bg-opacity-100",
@@ -3256,14 +3263,14 @@ export {
   nn as CircleQuestionMark,
   tn as CrosshairIcon,
   ir as DashboardGrid,
-  Le as DashboardMaxZoomScale,
+  Fe as DashboardMaxZoomScale,
   Ae as DashboardMinZoomScale,
   at as DashboardWidgetBase,
   Mt as DashboardZoomStep,
-  Ln as DeleteIcon,
+  Fn as DeleteIcon,
   xn as DraggablePanel,
   Nn as DynamicWidgetLoader,
-  Fn as EditIcon,
+  Ln as EditIcon,
   Vn as GridIcon,
   en as HandGrabIcon,
   Qt as HandIcon,