@tenorlab/react-dashboard 1.4.3 → 1.4.4

package/dist/react-dashboard.es.js

@@ -1,7 +1,7 @@
 import { create as gt } from "zustand";
 import { blankDashboardConfig as xe, ensureContainersSequence as mt, getDistinctCssClasses as G, ensureZoomScaleIsWithinRange as pt, parseContainerTitle as nt, getWidgetMetaFromCatalog as yt, dashboardSettingsUtils as bt } from "./core.es.js";
 import be, { useState as ae, useCallback as ce, useMemo as rt, forwardRef as se, useRef as vt, Suspense as xt, useEffect as Ct } from "react";
-import { jsxs as R, jsx as n } from "react/jsx-runtime";
+import { jsxs as $, jsx as n } from "react/jsx-runtime";
 import ot from "react-dom";
 const wt = (e) => {
   const i = e.widgets.filter((o) => o.includes("WidgetContainer")).map((o) => Number(o.split("_")[1].replace("container", "")));
@@ -10,9 +10,9 @@ const wt = (e) => {
   const t = wt(e);
   return `${i}_${t}`;
 }, Dt = (e) => {
-  const { dashboardConfig: i, widgetKey: t, parentWidgetKey: o, noDuplicatedWidgets: a } = e;
+  const { dashboardConfig: i, widgetKey: t, parentWidgetKey: o, noDuplicatedWidgets: s } = e;
   if (o) {
-    if (a && i.childWidgetsConfig.find(
+    if (s && i.childWidgetsConfig.find(
       (c) => c.parentWidgetKey === o && c.widgetKey === t
     ))
       return {
@@ -33,7 +33,7 @@ const wt = (e) => {
       }
     };
   } else {
-    if (a && i.widgets.includes(t))
+    if (s && i.widgets.includes(t))
       return {
         success: !1,
         message: `DashboardStore: addWidget: Widget already added (${t})`,
@@ -49,72 +49,78 @@ const wt = (e) => {
     };
   }
 }, Tt = (e, i, t) => {
-  if ((t || "").trim().length > 0) {
-    const o = e.childWidgetsConfig.filter(
-      (D) => D.parentWidgetKey !== t
-    ), a = e.childWidgetsConfig.filter(
-      (D) => D.parentWidgetKey === t && D.widgetKey !== i
-    ), r = [...o, ...a];
-    let c = {
+  const o = `${i}`.trim().toLowerCase(), s = `${t}`.trim().toLowerCase();
+  if (s.length > 0) {
+    const r = e.childWidgetsConfig.filter(
+      (m) => `${m.parentWidgetKey}`.trim().toLowerCase() !== s
+    ), c = e.childWidgetsConfig.filter(
+      (m) => `${m.parentWidgetKey}`.trim().toLowerCase() === s && `${m.widgetKey}`.trim().toLowerCase() !== o
+    ), h = [...r, ...c];
+    let D = {
       ...e,
-      childWidgetsConfig: r
+      childWidgetsConfig: h
     };
-    return `${i}`.includes("Container") && (c = mt(c)), {
+    return o.includes("container") && (D = mt(D)), {
       success: !0,
-      updatedDashboardConfig: c
+      updatedDashboardConfig: D
     };
   } else {
-    const o = e.widgets.filter((r) => r !== i), a = e.childWidgetsConfig.filter(
-      (r) => r.parentWidgetKey !== i
+    const r = e.widgets.filter(
+      (h) => `${h}`.trim().toLowerCase() !== o
+    ), c = e.childWidgetsConfig.filter(
+      (h) => `${h.parentWidgetKey}`.trim().toLowerCase() !== o
     );
     return {
       success: !0,
       updatedDashboardConfig: {
         ...e,
-        widgets: o,
-        childWidgetsConfig: a
+        widgets: r,
+        childWidgetsConfig: c
       }
     };
   }
 }, Nt = (e, i, t, o) => {
-  if ((o || "").trim().length > 0) {
-    const a = e.childWidgetsConfig.filter(
-      (b) => b.parentWidgetKey !== o
+  const s = `${t}`.trim().toLowerCase(), r = `${o}`.trim().toLowerCase();
+  if (r.length > 0) {
+    const c = e.childWidgetsConfig.filter(
+      (p) => `${p.parentWidgetKey}`.trim().toLowerCase() !== r
     );
-    let r = e.childWidgetsConfig.filter(
-      (b) => b.parentWidgetKey === o
+    let h = e.childWidgetsConfig.filter(
+      (p) => `${p.parentWidgetKey}`.trim().toLowerCase() === r
     );
-    const c = r.indexOf(t);
-    let h = c + i;
-    if (h = Math.max(0, h), h = Math.min(r.length - 1, h), h === c)
+    const D = h.find(
+      (p) => `${p.widgetKey}`.trim().toLowerCase() === s
+    ), v = h.indexOf(D);
+    let m = v + i;
+    if (m = Math.max(0, m), m = Math.min(h.length - 1, m), m === v)
       return {
         success: !1,
         message: `DashboardStore: moveWidget: Widget already at min/max position (${t})`,
         updatedDashboardConfig: e
       };
-    const D = [...r], [S] = D.splice(c, 1);
-    return D.splice(h, 0, S), {
+    const d = [...h], [y] = d.splice(v, 1);
+    return d.splice(m, 0, y), {
       success: !0,
       updatedDashboardConfig: {
         ...e,
-        childWidgetsConfig: [...a, ...D]
+        childWidgetsConfig: [...c, ...d]
       }
     };
   } else {
-    const a = e.widgets || [], r = a.indexOf(t);
-    let c = r + i;
-    if (c = Math.max(0, c), c = Math.min(a.length - 1, c), c === r)
+    const c = e.widgets || [], h = c.find((y) => `${y}`.trim().toLowerCase() === s), D = c.indexOf(h);
+    let v = D + i;
+    if (v = Math.max(0, v), v = Math.min(c.length - 1, v), v === D)
       return {
         success: !1,
         message: `DashboardStore: moveWidget: Widget already at min/max position (${t})`,
         updatedDashboardConfig: e
       };
-    const h = [...a], [D] = h.splice(r, 1);
-    return h.splice(c, 0, D), {
+    const m = [...c], [d] = m.splice(D, 1);
+    return m.splice(v, 0, d), {
       success: !0,
       updatedDashboardConfig: {
         ...e,
-        widgets: h
+        widgets: m
       }
     };
   }
@@ -133,64 +139,64 @@ const wt = (e) => {
   setTargetContainerKey: (t) => (e(() => ({ targetContainerKey: t })), t),
   setAllDashboardConfigs: (t) => (e(() => ({ allDashboardConfigs: t })), i().allDashboardConfigs),
   setCurrentDashboardConfig: (t) => {
-    const o = i(), a = [
+    const o = i(), s = [
       ...o.allDashboardConfigs.filter((r) => r.dashboardId !== t.dashboardId),
       t
     ];
     return e(() => ({
       ...o,
-      allDashboardConfigs: a,
+      allDashboardConfigs: s,
       currentDashboardConfig: t
-    })), a;
+    })), s;
   },
   addDashboardConfig: (t) => {
-    const o = i(), a = [
+    const o = i(), s = [
       ...o.allDashboardConfigs.filter((r) => r.dashboardId !== t.dashboardId),
       t
     ];
     return e(() => ({
       ...o,
-      allDashboardConfigs: a,
+      allDashboardConfigs: s,
       currentDashboardConfig: t
-    })), a;
+    })), s;
   },
   deleteDashboardConfigById: (t) => {
-    const o = i(), a = [...o.allDashboardConfigs.filter((r) => r.dashboardId !== t)];
+    const o = i(), s = [...o.allDashboardConfigs.filter((r) => r.dashboardId !== t)];
     return e(() => ({
       ...o,
-      allDashboardConfigs: a,
-      currentDashboardConfig: a[0] || xe
-    })), a;
+      allDashboardConfigs: s,
+      currentDashboardConfig: s[0] || xe
+    })), s;
   },
   selectDashboardById: (t) => (e(() => {
-    const o = i(), a = o.allDashboardConfigs.find((r) => r.dashboardId === t);
-    return a ? {
-      currentDashboardConfig: a
+    const o = i(), s = o.allDashboardConfigs.find((r) => r.dashboardId === t);
+    return s ? {
+      currentDashboardConfig: s
     } : {
       ...o
     };
   }), i().currentDashboardConfig),
   addWidget: (t) => {
-    const o = i(), a = Dt({
+    const o = i(), s = Dt({
       dashboardConfig: o.currentDashboardConfig,
       ...t
     }), r = [
       ...o.allDashboardConfigs.filter(
-        (c) => c.dashboardId !== a.updatedDashboardConfig.dashboardId
+        (c) => c.dashboardId !== s.updatedDashboardConfig.dashboardId
       ),
-      a.updatedDashboardConfig
+      s.updatedDashboardConfig
     ];
-    return a.success && e(() => ({
+    return s.success && e(() => ({
       allDashboardConfigs: r,
-      currentDashboardConfig: a.updatedDashboardConfig
+      currentDashboardConfig: s.updatedDashboardConfig
     })), {
-      ...a,
+      ...s,
       allUpdatedDashboardConfigs: r
     };
   },
   removeWidget: (t, o) => {
-    const a = i(), r = Tt(a.currentDashboardConfig, t, o), c = [
-      ...a.allDashboardConfigs.filter(
+    const s = i(), r = Tt(s.currentDashboardConfig, t, o), c = [
+      ...s.allDashboardConfigs.filter(
         (h) => h.dashboardId !== r.updatedDashboardConfig.dashboardId
       ),
       r.updatedDashboardConfig
@@ -203,8 +209,8 @@ const wt = (e) => {
       allUpdatedDashboardConfigs: c
     };
   },
-  moveWidget: (t, o, a) => {
-    const r = i(), c = Nt(r.currentDashboardConfig, t, o, a), h = [
+  moveWidget: (t, o, s) => {
+    const r = i(), c = Nt(r.currentDashboardConfig, t, o, s), h = [
       ...r.allDashboardConfigs.filter(
         (D) => D.dashboardId !== c.updatedDashboardConfig.dashboardId
       ),
@@ -221,66 +227,66 @@ const wt = (e) => {
 }), un = gt()((...e) => ({
   ...Et(...e)
 })), fn = () => {
-  const [e, i] = ae({}), [t, o] = ae({}), a = ce((b) => {
-    const f = b.dashboardId;
+  const [e, i] = ae({}), [t, o] = ae({}), s = ce((m) => {
+    const d = m.dashboardId;
     i((y) => {
       const p = {
         undoIndex: 0,
-        config: b
+        config: m
       };
       return o((T) => ({
         ...T,
-        [f]: 0
+        [d]: 0
       })), {
         ...y,
-        [f]: [p]
+        [d]: [p]
         // Forces a reset to just this one entry
       };
     });
   }, []), r = ce(
-    (b) => {
-      i((f) => {
-        const y = b.dashboardId, p = f[y] || [], T = t[y] ?? -1, g = p.slice(0, T + 1), m = {
+    (m) => {
+      i((d) => {
+        const y = m.dashboardId, p = d[y] || [], T = t[y] ?? -1, g = p.slice(0, T + 1), b = {
           undoIndex: g.length,
           // New index based on trimmed length
-          config: b
-        }, x = [...g, m];
+          config: m
+        }, C = [...g, b];
         return o((N) => ({
           ...N,
-          [y]: x.length - 1
+          [y]: C.length - 1
           // Index is now the last element's index
         })), {
-          ...f,
-          [y]: x
+          ...d,
+          [y]: C
         };
       });
     },
     [t]
-  ), c = ce((b) => {
-    i((f) => {
-      if (!f[b])
-        return f;
-      const { [b]: y, ...p } = f;
+  ), c = ce((m) => {
+    i((d) => {
+      if (!d[m])
+        return d;
+      const { [m]: y, ...p } = d;
       return p;
-    }), o((f) => {
-      const { [b]: y, ...p } = f;
+    }), o((d) => {
+      const { [m]: y, ...p } = d;
       return p;
     });
   }, []), h = ce(
-    (b) => {
-      o((f) => {
-        const y = f[b] ?? -1, p = Math.max(0, y - 1);
-        return p !== y ? { ...f, [b]: p } : f;
+    (m) => {
+      o((d) => {
+        const y = d[m] ?? -1, p = Math.max(0, y - 1);
+        return p !== y ? { ...d, [m]: p } : d;
       });
     },
     [
       //loadConfigFromHistory
     ]
   ), D = ce(
-    (b) => {
-      o((f) => {
-        const y = e[b]?.length || 0, p = f[b] ?? -1, T = Math.min(y - 1, p + 1);
-        return T !== p ? { ...f, [b]: T } : f;
+    (m) => {
+      o((d) => {
+        const y = e[m]?.length || 0, p = d[m] ?? -1, T = Math.min(y - 1, p + 1);
+        return T !== p ? { ...d, [m]: T } : d;
       });
     },
     [
@@ -289,14 +295,14 @@ const wt = (e) => {
     ]
   );
   return {
-    initializeHistoryForDashboard: a,
+    initializeHistoryForDashboard: s,
     resetAllHistory: () => i({}),
     addUndoEntry: r,
     removeUndoHistoryForDashboard: c,
     undo: h,
     redo: D,
-    getUndoStatus: (b) => {
-      const f = t[b] ?? -1, y = e[b]?.length || 0, p = f <= 0, T = f >= y - 1;
+    getUndoStatus: (m) => {
+      const d = t[m] ?? -1, y = e[m]?.length || 0, p = d <= 0, T = d >= y - 1;
       return { isUndoDisabled: p, isRedoDisabled: T };
     },
     undoHistory: e,
@@ -304,7 +310,7 @@ const wt = (e) => {
     // (Optional: You might expose undoHistory and historyIndex if needed for debugging)
   };
 };
-function K({
+function B({
   children: e,
   className: i
 }) {
@@ -326,14 +332,14 @@ function K({
   );
 }
 function hn({ className: e }) {
-  return /* @__PURE__ */ R(K, { className: `lucide lucide-circle-plus-icon lucide-circle-plus ${e}`, children: [
+  return /* @__PURE__ */ $(B, { className: `lucide lucide-circle-plus-icon lucide-circle-plus ${e}`, children: [
     /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ n("path", { d: "M8 12h8" }),
     /* @__PURE__ */ n("path", { d: "M12 8v8" })
   ] });
 }
 function gn({ className: e }) {
-  return /* @__PURE__ */ R(K, { className: `lucide lucide-trash2-icon lucide-trash-2 ${e}`, children: [
+  return /* @__PURE__ */ $(B, { className: `lucide lucide-trash2-icon lucide-trash-2 ${e}`, children: [
     /* @__PURE__ */ n("path", { d: "M10 11v6" }),
     /* @__PURE__ */ n("path", { d: "M14 11v6" }),
     /* @__PURE__ */ n("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
@@ -342,13 +348,13 @@ function gn({ className: e }) {
   ] });
 }
 function mn({ className: e }) {
-  return /* @__PURE__ */ R(K, { className: `lucide lucide-square-pen-icon lucide-square-pen ${e}`, children: [
+  return /* @__PURE__ */ $(B, { className: `lucide lucide-square-pen-icon lucide-square-pen ${e}`, children: [
     /* @__PURE__ */ n("path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
     /* @__PURE__ */ n("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 pn({ className: e }) {
-  return /* @__PURE__ */ R(K, { className: `lucide lucide-grid3x3-icon lucide-grid-3x3 ${e}`, children: [
+  return /* @__PURE__ */ $(B, { className: `lucide lucide-grid3x3-icon lucide-grid-3x3 ${e}`, children: [
     /* @__PURE__ */ n("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
     /* @__PURE__ */ n("path", { d: "M3 9h18" }),
     /* @__PURE__ */ n("path", { d: "M3 15h18" }),
@@ -357,15 +363,15 @@ function pn({ className: e }) {
   ] });
 }
 function yn({ className: e }) {
-  return /* @__PURE__ */ R(K, { className: `lucide lucide-monitor-icon lucide-monitor ${e}`, children: [
+  return /* @__PURE__ */ $(B, { className: `lucide lucide-monitor-icon lucide-monitor ${e}`, children: [
     /* @__PURE__ */ n("rect", { width: "20", height: "14", x: "2", y: "3", rx: "2" }),
     /* @__PURE__ */ n("line", { x1: "8", x2: "16", y1: "21", y2: "21" }),
     /* @__PURE__ */ n("line", { x1: "12", x2: "12", y1: "17", y2: "21" })
   ] });
 }
 function bn({ className: e }) {
-  return /* @__PURE__ */ R(
-    K,
+  return /* @__PURE__ */ $(
+    B,
     {
       className: `lucide lucide-monitor-smartphone-icon lucide-monitor-smartphone ${e}`,
       children: [
@@ -378,8 +384,8 @@ function bn({ className: e }) {
   );
 }
 function it({ className: e }) {
-  return /* @__PURE__ */ R(
-    K,
+  return /* @__PURE__ */ $(
+    B,
     {
       className: `lucide lucide-circle-arrow-left-icon lucide-circle-arrow-left ${e}`,
       children: [
@@ -391,8 +397,8 @@ function it({ className: e }) {
   );
 }
 function at({ className: e }) {
-  return /* @__PURE__ */ R(
-    K,
+  return /* @__PURE__ */ $(
+    B,
     {
       className: `lucide lucide-circle-arrow-right-icon lucide-circle-arrow-right ${e}`,
       children: [
@@ -404,14 +410,14 @@ function at({ className: e }) {
   );
 }
 function _t({ className: e }) {
-  return /* @__PURE__ */ R(K, { className: `lucide lucide-settings-icon lucide-settings ${e}`, children: [
+  return /* @__PURE__ */ $(B, { className: `lucide lucide-settings-icon lucide-settings ${e}`, children: [
     /* @__PURE__ */ n("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__ */ n("circle", { cx: "12", cy: "12", r: "3" })
   ] });
 }
 function vn({ className: e }) {
-  return /* @__PURE__ */ R(
-    K,
+  return /* @__PURE__ */ $(
+    B,
     {
       className: `lucide lucide-tablet-smartphone-icon lucide-tablet-smartphone ${e}`,
       children: [
@@ -423,14 +429,14 @@ function vn({ className: e }) {
   );
 }
 function st({ className: e }) {
-  return /* @__PURE__ */ R(K, { className: `lucide lucide-circle-x-icon lucide-circle-x ${e}`, children: [
+  return /* @__PURE__ */ $(B, { className: `lucide lucide-circle-x-icon lucide-circle-x ${e}`, children: [
     /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ n("path", { d: "m15 9-6 6" }),
     /* @__PURE__ */ n("path", { d: "m9 9 6 6" })
   ] });
 }
 function xn({ className: e }) {
-  return /* @__PURE__ */ R(K, { className: `lucide lucide-zoom-in-icon lucide-zoom-in ${e}`, children: [
+  return /* @__PURE__ */ $(B, { className: `lucide lucide-zoom-in-icon lucide-zoom-in ${e}`, children: [
     /* @__PURE__ */ n("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ n("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
     /* @__PURE__ */ n("line", { x1: "11", x2: "11", y1: "8", y2: "14" }),
@@ -438,14 +444,14 @@ function xn({ className: e }) {
   ] });
 }
 function Cn({ className: e }) {
-  return /* @__PURE__ */ R(K, { className: `lucide lucide-zoom-out-icon lucide-zoom-out ${e}`, children: [
+  return /* @__PURE__ */ $(B, { className: `lucide lucide-zoom-out-icon lucide-zoom-out ${e}`, children: [
     /* @__PURE__ */ n("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ n("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
     /* @__PURE__ */ n("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
   ] });
 }
 function Mt({ className: e }) {
-  return /* @__PURE__ */ R(K, { className: `lucide lucide-timer-reset-icon lucide-timer-reset ${e}`, children: [
+  return /* @__PURE__ */ $(B, { className: `lucide lucide-timer-reset-icon lucide-timer-reset ${e}`, children: [
     /* @__PURE__ */ n("path", { d: "M10 2h4" }),
     /* @__PURE__ */ n("path", { d: "M12 14v-4" }),
     /* @__PURE__ */ n("path", { d: "M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6" }),
@@ -453,19 +459,19 @@ function Mt({ className: e }) {
   ] });
 }
 function Pt({ className: e }) {
-  return /* @__PURE__ */ R(K, { className: `lucide lucide-undo-icon lucide-undo ${e}`, children: [
+  return /* @__PURE__ */ $(B, { className: `lucide lucide-undo-icon lucide-undo ${e}`, children: [
     /* @__PURE__ */ n("path", { d: "M3 7v6h6" }),
     /* @__PURE__ */ n("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })
   ] });
 }
-function Rt({ className: e }) {
-  return /* @__PURE__ */ R(K, { className: `lucide lucide-redo-icon lucide-redo ${e}`, children: [
+function $t({ className: e }) {
+  return /* @__PURE__ */ $(B, { className: `lucide lucide-redo-icon lucide-redo ${e}`, children: [
     /* @__PURE__ */ n("path", { d: "M21 7v6h-6" }),
     /* @__PURE__ */ n("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7" })
   ] });
 }
-function $t({ className: e }) {
-  return /* @__PURE__ */ R(K, { className: `lucide lucide-hand-icon lucide-hand ${e}`, children: [
+function Rt({ className: e }) {
+  return /* @__PURE__ */ $(B, { className: `lucide lucide-hand-icon lucide-hand ${e}`, children: [
     /* @__PURE__ */ n("path", { d: "M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2" }),
     /* @__PURE__ */ n("path", { d: "M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
     /* @__PURE__ */ n("path", { d: "M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8" }),
@@ -473,7 +479,7 @@ function $t({ className: e }) {
   ] });
 }
 function It({ className: e }) {
-  return /* @__PURE__ */ R(K, { className: `lucide lucide-hand-grab-icon lucide-hand-grab ${e}`, children: [
+  return /* @__PURE__ */ $(B, { className: `lucide lucide-hand-grab-icon lucide-hand-grab ${e}`, children: [
     /* @__PURE__ */ n("path", { d: "M18 11.5V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v1.4" }),
     /* @__PURE__ */ n("path", { d: "M14 10V8a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
     /* @__PURE__ */ n("path", { d: "M10 9.9V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v5" }),
@@ -481,8 +487,8 @@ function It({ className: e }) {
     /* @__PURE__ */ n("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 Ot({ className: e }) {
-  return /* @__PURE__ */ R(K, { className: `lucide lucide-crosshair-icon lucide-crosshair ${e}`, children: [
+function Wt({ className: e }) {
+  return /* @__PURE__ */ $(B, { className: `lucide lucide-crosshair-icon lucide-crosshair ${e}`, children: [
     /* @__PURE__ */ n("line", { x1: "22", x2: "18", y1: "12", y2: "12" }),
     /* @__PURE__ */ n("line", { x1: "6", x2: "2", y1: "12", y2: "12" }),
     /* @__PURE__ */ n("line", { x1: "12", x2: "12", y1: "6", y2: "2" }),
@@ -490,15 +496,15 @@ function Ot({ className: e }) {
   ] });
 }
 function wn({ className: e }) {
-  return /* @__PURE__ */ R(K, { className: `lucide lucide-target-icon lucide-target ${e}`, children: [
+  return /* @__PURE__ */ $(B, { className: `lucide lucide-target-icon lucide-target ${e}`, children: [
     /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "6" }),
     /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "2" })
   ] });
 }
-function Wt({ className: e }) {
-  return /* @__PURE__ */ R(
-    K,
+function Ot({ className: e }) {
+  return /* @__PURE__ */ $(
+    B,
     {
       className: `lucide lucide-file-question-mark-icon lucide-file-question-mark ${e}`,
       children: [
@@ -514,18 +520,18 @@ const lt = ({
   className: i,
   size: t = "medium",
   value: o,
-  onChange: a,
+  onChange: s,
   onKeyDown: r,
   placeholder: c = ""
 }) => {
-  const h = rt(() => t === "small" ? "py-1.5 px-3 text-sm" : "py-2.5 px-4 text-base", [t]), D = G("flex flex-col mb-4", i || ""), b = `${G(`
+  const h = rt(() => t === "small" ? "py-1.5 px-3 text-sm" : "py-2.5 px-4 text-base", [t]), D = G("flex flex-col mb-4", i || ""), m = `${G(`
     block w-full rounded-md px-3 py-1.5 text-base 
     bg-formfield content-formfield
     outline-1 -outline-offset-1 outline-primary 
     placeholder:text-disabled 
     focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-200 sm:text-sm/6
   `)} ${h}`;
-  return /* @__PURE__ */ R("div", { className: D, children: [
+  return /* @__PURE__ */ $("div", { className: D, children: [
     /* @__PURE__ */ n("label", { htmlFor: e, className: "block text-sm/6 font-medium mb-1.5", children: e }),
     /* @__PURE__ */ n(
       "input",
@@ -533,10 +539,10 @@ const lt = ({
         id: e,
         type: "text",
         value: o,
-        onChange: a,
-        onKeyDown: (f) => r && r(f),
+        onChange: s,
+        onKeyDown: (d) => r && r(d),
         placeholder: c,
-        className: b,
+        className: m,
         "aria-label": e
       }
     )
@@ -556,23 +562,23 @@ function J(e) {
     tooltip: i,
     disabled: t,
     isIconButton: o,
-    className: a,
+    className: s,
     buttonType: r,
     category: c,
     px: h,
     py: D,
-    children: S,
-    ...b
-  } = e, f = () => {
-    const p = e.isIconButton || !1, T = e.category || "primary", g = e.buttonType || "normal", m = e.disabled || !1, x = e.className || "", N = e.font || "semibold", C = Number((e.border || 0) > 0 ? e.border : 0);
-    let w = (e.borderColor || "").trim();
-    w = w.length > 0 ? w : "";
-    const l = Number((e.borderHover || 0) > 0 ? e.borderHover : 0), M = e.shadow || "sm", s = e.shadowHover || "md", u = (e.addCss || "").trim(), d = e.justifyCss || "justify-center";
+    children: v,
+    ...m
+  } = e, d = () => {
+    const p = e.isIconButton || !1, T = e.category || "primary", g = e.buttonType || "normal", b = e.disabled || !1, C = e.className || "", N = e.font || "semibold", w = Number((e.border || 0) > 0 ? e.border : 0);
+    let S = (e.borderColor || "").trim();
+    S = S.length > 0 ? S : "";
+    const l = Number((e.borderHover || 0) > 0 ? e.borderHover : 0), M = e.shadow || "sm", a = e.shadowHover || "md", f = (e.addCss || "").trim(), u = e.justifyCss || "justify-center";
     if (p)
       return G(
         "flex flex-row items-center",
-        m ? "text-disabled" : `text-${T} hover:brightness-110 cursor-pointer`,
-        x || ""
+        b ? "text-disabled" : `text-${T} hover:brightness-110 cursor-pointer`,
+        C || ""
       );
     const _ = [
       "relative cursor-pointer",
@@ -581,37 +587,37 @@ function J(e) {
       "text-sm",
       `font-${N}`
     ];
-    if (m)
+    if (b)
       g === "ghost" ? _.push("text-disabled border-disabled cursor-not-allowed") : _.push("bg-disabled content-disabled border-disabled cursor-not-allowed");
     else {
       _.push("cursor-pointer");
-      let $ = "";
-      Ce.has(g) ? $ = `${Ce.get(g)}` : $ = `${Ce.get("normal")}`, C < 1 && ($ = $.replace("border-[category]", ""));
-      const z = $.replace(/\[category\]/g, T).trim();
+      let R = "";
+      Ce.has(g) ? R = `${Ce.get(g)}` : R = `${Ce.get("normal")}`, w < 1 && (R = R.replace("border-[category]", ""));
+      const z = R.replace(/\[category\]/g, T).trim();
       _.push(z);
     }
-    return C > 0 ? (_.push(`border-[${C}px]`), _.push(`border-${w}`)) : (_.push("border-[1px]"), _.push("border-transparent")), l > 0 ? (_.push(`hover:border-[${l}px] group-hover:border-[${l}px]`), _.push(`hover:border-${w} group-hover:border-${w}`)) : _.push("hover:border-[1px] group-hover:border-[1px]"), _.push(`shadow-${M}`), _.push(`hover:shadow-${s} group-hover:shadow-${s}`), u.length > 0 && _.push(u), u.indexOf("hidden") === -1 && _.push("inline-flex"), _.push(d), _.join(" ").trim();
+    return w > 0 ? (_.push(`border-[${w}px]`), _.push(`border-${S}`)) : (_.push("border-[1px]"), _.push("border-transparent")), l > 0 ? (_.push(`hover:border-[${l}px] group-hover:border-[${l}px]`), _.push(`hover:border-${S} group-hover:border-${S}`)) : _.push("hover:border-[1px] group-hover:border-[1px]"), _.push(`shadow-${M}`), _.push(`hover:shadow-${a} group-hover:shadow-${a}`), f.length > 0 && _.push(f), f.indexOf("hidden") === -1 && _.push("inline-flex"), _.push(u), _.join(" ").trim();
   }, y = () => {
     const p = e.px || 0.7, T = e.py || 0.25;
     return {
       padding: o ? 0 : `${T}rem ${p}rem `
     };
   };
-  return /* @__PURE__ */ n("button", { type: "button", disabled: t, className: f(), style: y(), ...b, children: S });
+  return /* @__PURE__ */ n("button", { type: "button", disabled: t, className: d(), style: y(), ...m, children: v });
 }
 const kt = (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 jt(e) {
-  const { children: i, testId: t, classNames: o, direction: a, ...r } = e, c = kt(e);
+  const { children: i, testId: t, classNames: o, direction: s, ...r } = e, c = kt(e);
   return /* @__PURE__ */ n("div", { "data-testid": t || "not-set", className: c, ...r, children: i });
 }
 const Sn = se(
   (e, i) => {
-    const { classNames: t, innerClass: o, ...a } = e, r = G(t || "", "w-full"), c = G(
+    const { classNames: t, innerClass: o, ...s } = e, r = G(t || "", "w-full"), c = G(
       `w-full flex overflow-hidden justify-between items-center gap-0 
       rounded-md border`,
       o || ""
     );
-    return /* @__PURE__ */ n(jt, { direction: "row", classNames: r, ...a, children: /* @__PURE__ */ n("div", { className: c, children: e.children }) });
+    return /* @__PURE__ */ n(jt, { direction: "row", classNames: r, ...s, children: /* @__PURE__ */ n("div", { className: c, children: e.children }) });
   }
 ), Dn = se((e, i) => /* @__PURE__ */ n(
   "div",
@@ -648,29 +654,29 @@ const Sn = se(
 function At(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var de = { exports: {} }, we = {}, he = { exports: {} }, ge = { exports: {} }, Y = {};
+var de = { exports: {} }, we = {}, he = { exports: {} }, ge = { exports: {} }, K = {};
 var ke;
 function Lt() {
-  if (ke) return Y;
+  if (ke) return K;
   ke = 1;
-  var e = typeof Symbol == "function" && Symbol.for, i = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, o = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, r = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, h = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, D = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, S = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, b = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, f = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, T = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, g = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, m = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, x = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-  function C(l) {
+  var e = typeof Symbol == "function" && Symbol.for, i = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, o = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, s = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, r = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, h = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, D = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, v = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, d = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, T = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, g = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, b = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, C = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  function w(l) {
     if (typeof l == "object" && l !== null) {
       var M = l.$$typeof;
       switch (M) {
         case i:
           switch (l = l.type, l) {
             case D:
-            case S:
+            case v:
             case o:
             case r:
-            case a:
-            case f:
+            case s:
+            case d:
               return l;
             default:
               switch (l = l && l.$$typeof, l) {
                 case h:
-                case b:
+                case m:
                 case T:
                 case p:
                 case c:
@@ -684,47 +690,47 @@ function Lt() {
       }
     }
   }
-  function w(l) {
-    return C(l) === S;
+  function S(l) {
+    return w(l) === v;
   }
-  return Y.AsyncMode = D, Y.ConcurrentMode = S, Y.ContextConsumer = h, Y.ContextProvider = c, Y.Element = i, Y.ForwardRef = b, Y.Fragment = o, Y.Lazy = T, Y.Memo = p, Y.Portal = t, Y.Profiler = r, Y.StrictMode = a, Y.Suspense = f, Y.isAsyncMode = function(l) {
-    return w(l) || C(l) === D;
-  }, Y.isConcurrentMode = w, Y.isContextConsumer = function(l) {
-    return C(l) === h;
-  }, Y.isContextProvider = function(l) {
-    return C(l) === c;
-  }, Y.isElement = function(l) {
+  return K.AsyncMode = D, K.ConcurrentMode = v, K.ContextConsumer = h, K.ContextProvider = c, K.Element = i, K.ForwardRef = m, K.Fragment = o, K.Lazy = T, K.Memo = p, K.Portal = t, K.Profiler = r, K.StrictMode = s, K.Suspense = d, K.isAsyncMode = function(l) {
+    return S(l) || w(l) === D;
+  }, K.isConcurrentMode = S, K.isContextConsumer = function(l) {
+    return w(l) === h;
+  }, K.isContextProvider = function(l) {
+    return w(l) === c;
+  }, K.isElement = function(l) {
     return typeof l == "object" && l !== null && l.$$typeof === i;
-  }, Y.isForwardRef = function(l) {
-    return C(l) === b;
-  }, Y.isFragment = function(l) {
-    return C(l) === o;
-  }, Y.isLazy = function(l) {
-    return C(l) === T;
-  }, Y.isMemo = function(l) {
-    return C(l) === p;
-  }, Y.isPortal = function(l) {
-    return C(l) === t;
-  }, Y.isProfiler = function(l) {
-    return C(l) === r;
-  }, Y.isStrictMode = function(l) {
-    return C(l) === a;
-  }, Y.isSuspense = function(l) {
-    return C(l) === f;
-  }, Y.isValidElementType = function(l) {
-    return typeof l == "string" || typeof l == "function" || l === o || l === S || l === r || l === a || l === f || l === y || typeof l == "object" && l !== null && (l.$$typeof === T || l.$$typeof === p || l.$$typeof === c || l.$$typeof === h || l.$$typeof === b || l.$$typeof === m || l.$$typeof === x || l.$$typeof === N || l.$$typeof === g);
-  }, Y.typeOf = C, Y;
+  }, K.isForwardRef = function(l) {
+    return w(l) === m;
+  }, K.isFragment = function(l) {
+    return w(l) === o;
+  }, K.isLazy = function(l) {
+    return w(l) === T;
+  }, K.isMemo = function(l) {
+    return w(l) === p;
+  }, K.isPortal = function(l) {
+    return w(l) === t;
+  }, K.isProfiler = function(l) {
+    return w(l) === r;
+  }, K.isStrictMode = function(l) {
+    return w(l) === s;
+  }, K.isSuspense = function(l) {
+    return w(l) === d;
+  }, K.isValidElementType = function(l) {
+    return typeof l == "string" || typeof l == "function" || l === o || l === v || l === r || l === s || l === d || l === y || typeof l == "object" && l !== null && (l.$$typeof === T || l.$$typeof === p || l.$$typeof === c || l.$$typeof === h || l.$$typeof === m || l.$$typeof === b || l.$$typeof === C || l.$$typeof === N || l.$$typeof === g);
+  }, K.typeOf = w, K;
 }
-var U = {};
+var Y = {};
 var je;
 function qt() {
   return je || (je = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, i = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, o = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, r = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, h = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, D = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, S = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, b = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, f = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, T = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, g = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, m = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, x = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-    function C(E) {
+    var e = typeof Symbol == "function" && Symbol.for, i = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, o = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, s = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, r = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, h = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, D = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, v = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, d = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, T = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, g = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, b = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, C = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    function w(E) {
       return typeof E == "string" || typeof E == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      E === o || E === S || E === r || E === a || E === f || E === y || typeof E == "object" && E !== null && (E.$$typeof === T || E.$$typeof === p || E.$$typeof === c || E.$$typeof === h || E.$$typeof === b || E.$$typeof === m || E.$$typeof === x || E.$$typeof === N || E.$$typeof === g);
+      E === o || E === v || E === r || E === s || E === d || E === y || typeof E == "object" && E !== null && (E.$$typeof === T || E.$$typeof === p || E.$$typeof === c || E.$$typeof === h || E.$$typeof === m || E.$$typeof === b || E.$$typeof === C || E.$$typeof === N || E.$$typeof === g);
     }
-    function w(E) {
+    function S(E) {
       if (typeof E == "object" && E !== null) {
         var te = E.$$typeof;
         switch (te) {
@@ -732,21 +738,21 @@ function qt() {
             var fe = E.type;
             switch (fe) {
               case D:
-              case S:
+              case v:
               case o:
               case r:
-              case a:
-              case f:
+              case s:
+              case d:
                 return fe;
               default:
-                var We = fe && fe.$$typeof;
-                switch (We) {
+                var Oe = fe && fe.$$typeof;
+                switch (Oe) {
                   case h:
-                  case b:
+                  case m:
                   case T:
                   case p:
                   case c:
-                    return We;
+                    return Oe;
                   default:
                     return te;
                 }
@@ -756,55 +762,55 @@ function qt() {
         }
       }
     }
-    var l = D, M = S, s = h, u = c, d = i, _ = b, $ = o, z = T, X = p, V = t, Q = r, H = a, ee = f, ie = !1;
+    var l = D, M = v, a = h, f = c, u = i, _ = m, R = o, z = T, X = p, V = t, Q = r, H = s, ee = d, ie = !1;
     function le(E) {
-      return ie || (ie = !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.")), v(E) || w(E) === D;
+      return ie || (ie = !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(E) || S(E) === D;
     }
-    function v(E) {
-      return w(E) === S;
+    function x(E) {
+      return S(E) === v;
     }
     function P(E) {
-      return w(E) === h;
+      return S(E) === h;
     }
     function j(E) {
-      return w(E) === c;
+      return S(E) === c;
     }
-    function W(E) {
+    function O(E) {
       return typeof E == "object" && E !== null && E.$$typeof === i;
     }
     function I(E) {
-      return w(E) === b;
+      return S(E) === m;
     }
     function A(E) {
-      return w(E) === o;
+      return S(E) === o;
     }
-    function O(E) {
-      return w(E) === T;
+    function W(E) {
+      return S(E) === T;
     }
     function k(E) {
-      return w(E) === p;
+      return S(E) === p;
     }
     function L(E) {
-      return w(E) === t;
+      return S(E) === t;
     }
-    function F(E) {
-      return w(E) === r;
+    function U(E) {
+      return S(E) === r;
     }
     function q(E) {
-      return w(E) === a;
+      return S(E) === s;
     }
     function Z(E) {
-      return w(E) === f;
+      return S(E) === d;
     }
-    U.AsyncMode = l, U.ConcurrentMode = M, U.ContextConsumer = s, U.ContextProvider = u, U.Element = d, U.ForwardRef = _, U.Fragment = $, U.Lazy = z, U.Memo = X, U.Portal = V, U.Profiler = Q, U.StrictMode = H, U.Suspense = ee, U.isAsyncMode = le, U.isConcurrentMode = v, U.isContextConsumer = P, U.isContextProvider = j, U.isElement = W, U.isForwardRef = I, U.isFragment = A, U.isLazy = O, U.isMemo = k, U.isPortal = L, U.isProfiler = F, U.isStrictMode = q, U.isSuspense = Z, U.isValidElementType = C, U.typeOf = w;
-  })()), U;
+    Y.AsyncMode = l, Y.ConcurrentMode = M, Y.ContextConsumer = a, Y.ContextProvider = f, Y.Element = u, Y.ForwardRef = _, Y.Fragment = R, Y.Lazy = z, Y.Memo = X, Y.Portal = V, Y.Profiler = Q, Y.StrictMode = H, Y.Suspense = ee, Y.isAsyncMode = le, Y.isConcurrentMode = x, Y.isContextConsumer = P, Y.isContextProvider = j, Y.isElement = O, Y.isForwardRef = I, Y.isFragment = A, Y.isLazy = W, Y.isMemo = k, Y.isPortal = L, Y.isProfiler = U, Y.isStrictMode = q, Y.isSuspense = Z, Y.isValidElementType = w, Y.typeOf = S;
+  })()), Y;
 }
 var Ae;
 function ct() {
   return Ae || (Ae = 1, process.env.NODE_ENV === "production" ? ge.exports = Lt() : ge.exports = qt()), ge.exports;
 }
 var Se, Le;
-function Yt() {
+function Kt() {
   if (Le) return Se;
   Le = 1;
   var e = Object.getOwnPropertySymbols, i = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
@@ -813,7 +819,7 @@ function Yt() {
       throw new TypeError("Object.assign cannot be called with null or undefined");
     return Object(r);
   }
-  function a() {
+  function s() {
     try {
       if (!Object.assign)
         return !1;
@@ -822,52 +828,52 @@ function Yt() {
         return !1;
       for (var c = {}, h = 0; h < 10; h++)
         c["_" + String.fromCharCode(h)] = h;
-      var D = Object.getOwnPropertyNames(c).map(function(b) {
-        return c[b];
+      var D = Object.getOwnPropertyNames(c).map(function(m) {
+        return c[m];
       });
       if (D.join("") !== "0123456789")
         return !1;
-      var S = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(b) {
-        S[b] = b;
-      }), Object.keys(Object.assign({}, S)).join("") === "abcdefghijklmnopqrst";
+      var v = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(m) {
+        v[m] = m;
+      }), Object.keys(Object.assign({}, v)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
-  return Se = a() ? Object.assign : function(r, c) {
-    for (var h, D = o(r), S, b = 1; b < arguments.length; b++) {
-      h = Object(arguments[b]);
-      for (var f in h)
-        i.call(h, f) && (D[f] = h[f]);
+  return Se = s() ? Object.assign : function(r, c) {
+    for (var h, D = o(r), v, m = 1; m < arguments.length; m++) {
+      h = Object(arguments[m]);
+      for (var d in h)
+        i.call(h, d) && (D[d] = h[d]);
       if (e) {
-        S = e(h);
-        for (var y = 0; y < S.length; y++)
-          t.call(h, S[y]) && (D[S[y]] = h[S[y]]);
+        v = e(h);
+        for (var y = 0; y < v.length; y++)
+          t.call(h, v[y]) && (D[v[y]] = h[v[y]]);
       }
     }
     return D;
   }, Se;
 }
 var De, qe;
-function $e() {
+function Re() {
   if (qe) return De;
   qe = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return De = e, De;
 }
-var Te, Ye;
+var Te, Ke;
 function dt() {
-  return Ye || (Ye = 1, Te = Function.call.bind(Object.prototype.hasOwnProperty)), Te;
+  return Ke || (Ke = 1, Te = Function.call.bind(Object.prototype.hasOwnProperty)), Te;
 }
-var Ne, Ue;
-function Ut() {
-  if (Ue) return Ne;
-  Ue = 1;
+var Ne, Ye;
+function Yt() {
+  if (Ye) return Ne;
+  Ye = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var i = /* @__PURE__ */ $e(), t = {}, o = /* @__PURE__ */ dt();
+    var i = /* @__PURE__ */ Re(), t = {}, o = /* @__PURE__ */ dt();
     e = function(r) {
       var c = "Warning: " + r;
       typeof console < "u" && console.error(c);
@@ -877,43 +883,43 @@ function Ut() {
       }
     };
   }
-  function a(r, c, h, D, S) {
+  function s(r, c, h, D, v) {
     if (process.env.NODE_ENV !== "production") {
-      for (var b in r)
-        if (o(r, b)) {
-          var f;
+      for (var m in r)
+        if (o(r, m)) {
+          var d;
           try {
-            if (typeof r[b] != "function") {
+            if (typeof r[m] != "function") {
               var y = Error(
-                (D || "React class") + ": " + h + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                (D || "React class") + ": " + h + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
               throw y.name = "Invariant Violation", y;
             }
-            f = r[b](c, b, D, h, null, i);
+            d = r[m](c, m, D, h, null, i);
           } catch (T) {
-            f = T;
+            d = T;
           }
-          if (f && !(f instanceof Error) && e(
-            (D || "React class") + ": type specification of " + h + " `" + b + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof f + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), f instanceof Error && !(f.message in t)) {
-            t[f.message] = !0;
-            var p = S ? S() : "";
+          if (d && !(d instanceof Error) && e(
+            (D || "React class") + ": type specification of " + h + " `" + m + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof d + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), d instanceof Error && !(d.message in t)) {
+            t[d.message] = !0;
+            var p = v ? v() : "";
             e(
-              "Failed " + h + " type: " + f.message + (p ?? "")
+              "Failed " + h + " type: " + d.message + (p ?? "")
             );
           }
         }
     }
   }
-  return a.resetWarningCache = function() {
+  return s.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (t = {});
-  }, Ne = a, Ne;
+  }, Ne = s, Ne;
 }
-var Ee, Fe;
-function Ft() {
-  if (Fe) return Ee;
-  Fe = 1;
-  var e = ct(), i = Yt(), t = /* @__PURE__ */ $e(), o = /* @__PURE__ */ dt(), a = /* @__PURE__ */ Ut(), r = function() {
+var Ee, Ue;
+function Ut() {
+  if (Ue) return Ee;
+  Ue = 1;
+  var e = ct(), i = Kt(), t = /* @__PURE__ */ Re(), o = /* @__PURE__ */ dt(), s = /* @__PURE__ */ Yt(), r = function() {
   };
   process.env.NODE_ENV !== "production" && (r = function(h) {
     var D = "Warning: " + h;
@@ -927,44 +933,44 @@ function Ft() {
     return null;
   }
   return Ee = function(h, D) {
-    var S = typeof Symbol == "function" && Symbol.iterator, b = "@@iterator";
-    function f(v) {
-      var P = v && (S && v[S] || v[b]);
+    var v = typeof Symbol == "function" && Symbol.iterator, m = "@@iterator";
+    function d(x) {
+      var P = x && (v && x[v] || x[m]);
       if (typeof P == "function")
         return P;
     }
     var y = "<<anonymous>>", p = {
-      array: x("array"),
-      bigint: x("bigint"),
-      bool: x("boolean"),
-      func: x("function"),
-      number: x("number"),
-      object: x("object"),
-      string: x("string"),
-      symbol: x("symbol"),
+      array: C("array"),
+      bigint: C("bigint"),
+      bool: C("boolean"),
+      func: C("function"),
+      number: C("number"),
+      object: C("object"),
+      string: C("string"),
+      symbol: C("symbol"),
       any: N(),
-      arrayOf: C,
-      element: w(),
+      arrayOf: w,
+      element: S(),
       elementType: l(),
       instanceOf: M,
       node: _(),
-      objectOf: u,
-      oneOf: s,
-      oneOfType: d,
+      objectOf: f,
+      oneOf: a,
+      oneOfType: u,
       shape: z,
       exact: X
     };
-    function T(v, P) {
-      return v === P ? v !== 0 || 1 / v === 1 / P : v !== v && P !== P;
+    function T(x, P) {
+      return x === P ? x !== 0 || 1 / x === 1 / P : x !== x && P !== P;
     }
-    function g(v, P) {
-      this.message = v, this.data = P && typeof P == "object" ? P : {}, this.stack = "";
+    function g(x, P) {
+      this.message = x, this.data = P && typeof P == "object" ? P : {}, this.stack = "";
     }
     g.prototype = Error.prototype;
-    function m(v) {
+    function b(x) {
       if (process.env.NODE_ENV !== "production")
         var P = {}, j = 0;
-      function W(A, O, k, L, F, q, Z) {
+      function O(A, W, k, L, U, q, Z) {
         if (L = L || y, q = q || k, Z !== t) {
           if (D) {
             var E = new Error(
@@ -979,208 +985,208 @@ function Ft() {
             ), P[te] = !0, j++);
           }
         }
-        return O[k] == null ? A ? O[k] === null ? new g("The " + F + " `" + q + "` is marked as required " + ("in `" + L + "`, but its value is `null`.")) : new g("The " + F + " `" + q + "` is marked as required in " + ("`" + L + "`, but its value is `undefined`.")) : null : v(O, k, L, F, q);
+        return W[k] == null ? A ? W[k] === null ? new g("The " + U + " `" + q + "` is marked as required " + ("in `" + L + "`, but its value is `null`.")) : new g("The " + U + " `" + q + "` is marked as required in " + ("`" + L + "`, but its value is `undefined`.")) : null : x(W, k, L, U, q);
       }
-      var I = W.bind(null, !1);
-      return I.isRequired = W.bind(null, !0), I;
+      var I = O.bind(null, !1);
+      return I.isRequired = O.bind(null, !0), I;
     }
-    function x(v) {
-      function P(j, W, I, A, O, k) {
-        var L = j[W], F = H(L);
-        if (F !== v) {
+    function C(x) {
+      function P(j, O, I, A, W, k) {
+        var L = j[O], U = H(L);
+        if (U !== x) {
           var q = ee(L);
           return new g(
-            "Invalid " + A + " `" + O + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected ") + ("`" + v + "`."),
-            { expectedType: v }
+            "Invalid " + A + " `" + W + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected ") + ("`" + x + "`."),
+            { expectedType: x }
           );
         }
         return null;
       }
-      return m(P);
+      return b(P);
     }
     function N() {
-      return m(c);
+      return b(c);
     }
-    function C(v) {
-      function P(j, W, I, A, O) {
-        if (typeof v != "function")
-          return new g("Property `" + O + "` of component `" + I + "` has invalid PropType notation inside arrayOf.");
-        var k = j[W];
+    function w(x) {
+      function P(j, O, I, A, W) {
+        if (typeof x != "function")
+          return new g("Property `" + W + "` of component `" + I + "` has invalid PropType notation inside arrayOf.");
+        var k = j[O];
         if (!Array.isArray(k)) {
           var L = H(k);
-          return new g("Invalid " + A + " `" + O + "` of type " + ("`" + L + "` supplied to `" + I + "`, expected an array."));
+          return new g("Invalid " + A + " `" + W + "` of type " + ("`" + L + "` supplied to `" + I + "`, expected an array."));
         }
-        for (var F = 0; F < k.length; F++) {
-          var q = v(k, F, I, A, O + "[" + F + "]", t);
+        for (var U = 0; U < k.length; U++) {
+          var q = x(k, U, I, A, W + "[" + U + "]", t);
           if (q instanceof Error)
             return q;
         }
         return null;
       }
-      return m(P);
-    }
-    function w() {
-      function v(P, j, W, I, A) {
-        var O = P[j];
-        if (!h(O)) {
-          var k = H(O);
-          return new g("Invalid " + I + " `" + A + "` of type " + ("`" + k + "` supplied to `" + W + "`, expected a single ReactElement."));
+      return b(P);
+    }
+    function S() {
+      function x(P, j, O, I, A) {
+        var W = P[j];
+        if (!h(W)) {
+          var k = H(W);
+          return new g("Invalid " + I + " `" + A + "` of type " + ("`" + k + "` supplied to `" + O + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return m(v);
+      return b(x);
     }
     function l() {
-      function v(P, j, W, I, A) {
-        var O = P[j];
-        if (!e.isValidElementType(O)) {
-          var k = H(O);
-          return new g("Invalid " + I + " `" + A + "` of type " + ("`" + k + "` supplied to `" + W + "`, expected a single ReactElement type."));
+      function x(P, j, O, I, A) {
+        var W = P[j];
+        if (!e.isValidElementType(W)) {
+          var k = H(W);
+          return new g("Invalid " + I + " `" + A + "` of type " + ("`" + k + "` supplied to `" + O + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return m(v);
+      return b(x);
     }
-    function M(v) {
-      function P(j, W, I, A, O) {
-        if (!(j[W] instanceof v)) {
-          var k = v.name || y, L = le(j[W]);
-          return new g("Invalid " + A + " `" + O + "` of type " + ("`" + L + "` supplied to `" + I + "`, expected ") + ("instance of `" + k + "`."));
+    function M(x) {
+      function P(j, O, I, A, W) {
+        if (!(j[O] instanceof x)) {
+          var k = x.name || y, L = le(j[O]);
+          return new g("Invalid " + A + " `" + W + "` of type " + ("`" + L + "` supplied to `" + I + "`, expected ") + ("instance of `" + k + "`."));
         }
         return null;
       }
-      return m(P);
+      return b(P);
     }
-    function s(v) {
-      if (!Array.isArray(v))
+    function a(x) {
+      if (!Array.isArray(x))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? r(
           "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])."
         ) : r("Invalid argument supplied to oneOf, expected an array.")), c;
-      function P(j, W, I, A, O) {
-        for (var k = j[W], L = 0; L < v.length; L++)
-          if (T(k, v[L]))
+      function P(j, O, I, A, W) {
+        for (var k = j[O], L = 0; L < x.length; L++)
+          if (T(k, x[L]))
             return null;
-        var F = JSON.stringify(v, function(Z, E) {
+        var U = JSON.stringify(x, function(Z, E) {
           var te = ee(E);
           return te === "symbol" ? String(E) : E;
         });
-        return new g("Invalid " + A + " `" + O + "` of value `" + String(k) + "` " + ("supplied to `" + I + "`, expected one of " + F + "."));
+        return new g("Invalid " + A + " `" + W + "` of value `" + String(k) + "` " + ("supplied to `" + I + "`, expected one of " + U + "."));
       }
-      return m(P);
+      return b(P);
     }
-    function u(v) {
-      function P(j, W, I, A, O) {
-        if (typeof v != "function")
-          return new g("Property `" + O + "` of component `" + I + "` has invalid PropType notation inside objectOf.");
-        var k = j[W], L = H(k);
+    function f(x) {
+      function P(j, O, I, A, W) {
+        if (typeof x != "function")
+          return new g("Property `" + W + "` of component `" + I + "` has invalid PropType notation inside objectOf.");
+        var k = j[O], L = H(k);
         if (L !== "object")
-          return new g("Invalid " + A + " `" + O + "` of type " + ("`" + L + "` supplied to `" + I + "`, expected an object."));
-        for (var F in k)
-          if (o(k, F)) {
-            var q = v(k, F, I, A, O + "." + F, t);
+          return new g("Invalid " + A + " `" + W + "` of type " + ("`" + L + "` supplied to `" + I + "`, expected an object."));
+        for (var U in k)
+          if (o(k, U)) {
+            var q = x(k, U, I, A, W + "." + U, t);
             if (q instanceof Error)
               return q;
           }
         return null;
       }
-      return m(P);
+      return b(P);
     }
-    function d(v) {
-      if (!Array.isArray(v))
+    function u(x) {
+      if (!Array.isArray(x))
         return process.env.NODE_ENV !== "production" && r("Invalid argument supplied to oneOfType, expected an instance of array."), c;
-      for (var P = 0; P < v.length; P++) {
-        var j = v[P];
+      for (var P = 0; P < x.length; P++) {
+        var j = x[P];
         if (typeof j != "function")
           return r(
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ie(j) + " at index " + P + "."
           ), c;
       }
-      function W(I, A, O, k, L) {
-        for (var F = [], q = 0; q < v.length; q++) {
-          var Z = v[q], E = Z(I, A, O, k, L, t);
+      function O(I, A, W, k, L) {
+        for (var U = [], q = 0; q < x.length; q++) {
+          var Z = x[q], E = Z(I, A, W, k, L, t);
           if (E == null)
             return null;
-          E.data && o(E.data, "expectedType") && F.push(E.data.expectedType);
+          E.data && o(E.data, "expectedType") && U.push(E.data.expectedType);
         }
-        var te = F.length > 0 ? ", expected one of type [" + F.join(", ") + "]" : "";
-        return new g("Invalid " + k + " `" + L + "` supplied to " + ("`" + O + "`" + te + "."));
+        var te = U.length > 0 ? ", expected one of type [" + U.join(", ") + "]" : "";
+        return new g("Invalid " + k + " `" + L + "` supplied to " + ("`" + W + "`" + te + "."));
       }
-      return m(W);
+      return b(O);
     }
     function _() {
-      function v(P, j, W, I, A) {
-        return V(P[j]) ? null : new g("Invalid " + I + " `" + A + "` supplied to " + ("`" + W + "`, expected a ReactNode."));
+      function x(P, j, O, I, A) {
+        return V(P[j]) ? null : new g("Invalid " + I + " `" + A + "` supplied to " + ("`" + O + "`, expected a ReactNode."));
       }
-      return m(v);
+      return b(x);
     }
-    function $(v, P, j, W, I) {
+    function R(x, P, j, O, I) {
       return new g(
-        (v || "React class") + ": " + P + " type `" + j + "." + W + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + I + "`."
+        (x || "React class") + ": " + P + " type `" + j + "." + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + I + "`."
       );
     }
-    function z(v) {
-      function P(j, W, I, A, O) {
-        var k = j[W], L = H(k);
+    function z(x) {
+      function P(j, O, I, A, W) {
+        var k = j[O], L = H(k);
         if (L !== "object")
-          return new g("Invalid " + A + " `" + O + "` of type `" + L + "` " + ("supplied to `" + I + "`, expected `object`."));
-        for (var F in v) {
-          var q = v[F];
+          return new g("Invalid " + A + " `" + W + "` of type `" + L + "` " + ("supplied to `" + I + "`, expected `object`."));
+        for (var U in x) {
+          var q = x[U];
           if (typeof q != "function")
-            return $(I, A, O, F, ee(q));
-          var Z = q(k, F, I, A, O + "." + F, t);
+            return R(I, A, W, U, ee(q));
+          var Z = q(k, U, I, A, W + "." + U, t);
           if (Z)
             return Z;
         }
         return null;
       }
-      return m(P);
+      return b(P);
     }
-    function X(v) {
-      function P(j, W, I, A, O) {
-        var k = j[W], L = H(k);
+    function X(x) {
+      function P(j, O, I, A, W) {
+        var k = j[O], L = H(k);
         if (L !== "object")
-          return new g("Invalid " + A + " `" + O + "` of type `" + L + "` " + ("supplied to `" + I + "`, expected `object`."));
-        var F = i({}, j[W], v);
-        for (var q in F) {
-          var Z = v[q];
-          if (o(v, q) && typeof Z != "function")
-            return $(I, A, O, q, ee(Z));
+          return new g("Invalid " + A + " `" + W + "` of type `" + L + "` " + ("supplied to `" + I + "`, expected `object`."));
+        var U = i({}, j[O], x);
+        for (var q in U) {
+          var Z = x[q];
+          if (o(x, q) && typeof Z != "function")
+            return R(I, A, W, q, ee(Z));
           if (!Z)
             return new g(
-              "Invalid " + A + " `" + O + "` key `" + q + "` supplied to `" + I + "`.\nBad object: " + JSON.stringify(j[W], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
+              "Invalid " + A + " `" + W + "` key `" + q + "` supplied to `" + I + "`.\nBad object: " + JSON.stringify(j[O], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
             );
-          var E = Z(k, q, I, A, O + "." + q, t);
+          var E = Z(k, q, I, A, W + "." + q, t);
           if (E)
             return E;
         }
         return null;
       }
-      return m(P);
+      return b(P);
     }
-    function V(v) {
-      switch (typeof v) {
+    function V(x) {
+      switch (typeof x) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !v;
+          return !x;
         case "object":
-          if (Array.isArray(v))
-            return v.every(V);
-          if (v === null || h(v))
+          if (Array.isArray(x))
+            return x.every(V);
+          if (x === null || h(x))
             return !0;
-          var P = f(v);
+          var P = d(x);
           if (P) {
-            var j = P.call(v), W;
-            if (P !== v.entries) {
-              for (; !(W = j.next()).done; )
-                if (!V(W.value))
+            var j = P.call(x), O;
+            if (P !== x.entries) {
+              for (; !(O = j.next()).done; )
+                if (!V(O.value))
                   return !1;
             } else
-              for (; !(W = j.next()).done; ) {
-                var I = W.value;
+              for (; !(O = j.next()).done; ) {
+                var I = O.value;
                 if (I && !V(I[1]))
                   return !1;
               }
@@ -1191,27 +1197,27 @@ Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
           return !1;
       }
     }
-    function Q(v, P) {
-      return v === "symbol" ? !0 : P ? P["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && P instanceof Symbol : !1;
+    function Q(x, P) {
+      return x === "symbol" ? !0 : P ? P["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && P instanceof Symbol : !1;
     }
-    function H(v) {
-      var P = typeof v;
-      return Array.isArray(v) ? "array" : v instanceof RegExp ? "object" : Q(P, v) ? "symbol" : P;
+    function H(x) {
+      var P = typeof x;
+      return Array.isArray(x) ? "array" : x instanceof RegExp ? "object" : Q(P, x) ? "symbol" : P;
     }
-    function ee(v) {
-      if (typeof v > "u" || v === null)
-        return "" + v;
-      var P = H(v);
+    function ee(x) {
+      if (typeof x > "u" || x === null)
+        return "" + x;
+      var P = H(x);
       if (P === "object") {
-        if (v instanceof Date)
+        if (x instanceof Date)
           return "date";
-        if (v instanceof RegExp)
+        if (x instanceof RegExp)
           return "regexp";
       }
       return P;
     }
-    function ie(v) {
-      var P = ee(v);
+    function ie(x) {
+      var P = ee(x);
       switch (P) {
         case "array":
         case "object":
@@ -1224,24 +1230,24 @@ Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
           return P;
       }
     }
-    function le(v) {
-      return !v.constructor || !v.constructor.name ? y : v.constructor.name;
+    function le(x) {
+      return !x.constructor || !x.constructor.name ? y : x.constructor.name;
     }
-    return p.checkPropTypes = a, p.resetWarningCache = a.resetWarningCache, p.PropTypes = p, p;
+    return p.checkPropTypes = s, p.resetWarningCache = s.resetWarningCache, p.PropTypes = p, p;
   }, Ee;
 }
-var _e, Be;
-function Bt() {
-  if (Be) return _e;
-  Be = 1;
-  var e = /* @__PURE__ */ $e();
+var _e, Fe;
+function Ft() {
+  if (Fe) return _e;
+  Fe = 1;
+  var e = /* @__PURE__ */ Re();
   function i() {
   }
   function t() {
   }
   return t.resetWarningCache = i, _e = function() {
-    function o(c, h, D, S, b, f) {
-      if (f !== e) {
+    function o(c, h, D, v, m, d) {
+      if (d !== e) {
         var y = 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"
         );
@@ -1249,7 +1255,7 @@ function Bt() {
       }
     }
     o.isRequired = o;
-    function a() {
+    function s() {
       return o;
     }
     var r = {
@@ -1262,57 +1268,57 @@ function Bt() {
       string: o,
       symbol: o,
       any: o,
-      arrayOf: a,
+      arrayOf: s,
       element: o,
       elementType: o,
-      instanceOf: a,
+      instanceOf: s,
       node: o,
-      objectOf: a,
-      oneOf: a,
-      oneOfType: a,
-      shape: a,
-      exact: a,
+      objectOf: s,
+      oneOf: s,
+      oneOfType: s,
+      shape: s,
+      exact: s,
       checkPropTypes: t,
       resetWarningCache: i
     };
     return r.PropTypes = r, r;
   }, _e;
 }
-var Ke;
+var Be;
 function ut() {
-  if (Ke) return he.exports;
-  if (Ke = 1, process.env.NODE_ENV !== "production") {
+  if (Be) return he.exports;
+  if (Be = 1, process.env.NODE_ENV !== "production") {
     var e = ct(), i = !0;
-    he.exports = /* @__PURE__ */ Ft()(e.isElement, i);
+    he.exports = /* @__PURE__ */ Ut()(e.isElement, i);
   } else
-    he.exports = /* @__PURE__ */ Bt()();
+    he.exports = /* @__PURE__ */ Ft()();
   return he.exports;
 }
 var me = { exports: {} }, He;
-function Kt() {
+function Bt() {
   if (He) return me.exports;
   He = 1;
   function e(t) {
-    var o, a, r = "";
+    var o, s, r = "";
     if (typeof t == "string" || typeof t == "number") r += t;
     else if (typeof t == "object") if (Array.isArray(t)) {
       var c = t.length;
-      for (o = 0; o < c; o++) t[o] && (a = e(t[o])) && (r && (r += " "), r += a);
-    } else for (a in t) t[a] && (r && (r += " "), r += a);
+      for (o = 0; o < c; o++) t[o] && (s = e(t[o])) && (r && (r += " "), r += s);
+    } else for (s in t) t[s] && (r && (r += " "), r += s);
     return r;
   }
   function i() {
-    for (var t, o, a = 0, r = "", c = arguments.length; a < c; a++) (t = arguments[a]) && (o = e(t)) && (r && (r += " "), r += o);
+    for (var t, o, s = 0, r = "", c = arguments.length; s < c; s++) (t = arguments[s]) && (o = e(t)) && (r && (r += " "), r += o);
     return r;
   }
   return me.exports = i, me.exports.clsx = i, me.exports;
 }
-var B = {}, re = {}, ze;
+var F = {}, re = {}, ze;
 function ve() {
   if (ze) return re;
   ze = 1, Object.defineProperty(re, "__esModule", {
     value: !0
-  }), re.dontSetMe = a, re.findInArray = e, re.int = o, re.isFunction = i, re.isNum = t;
+  }), re.dontSetMe = s, re.findInArray = e, re.int = o, re.isFunction = i, re.isNum = t;
   function e(r, c) {
     for (let h = 0, D = r.length; h < D; h++)
       if (c.apply(c, [r[h], h, r])) return r[h];
@@ -1326,7 +1332,7 @@ function ve() {
   function o(r) {
     return parseInt(r, 10);
   }
-  function a(r, c, h) {
+  function s(r, c, h) {
     if (r[c])
       return new Error(`Invalid prop ${c} passed to ${h} - do not set this, set it on the child.`);
   }
@@ -1349,12 +1355,12 @@ function Ht() {
     return "";
   }
   function t(r, c) {
-    return c ? `${c}${a(r)}` : r;
+    return c ? `${c}${s(r)}` : r;
   }
   function o(r, c) {
     return c ? `-${c.toLowerCase()}-${r}` : r;
   }
-  function a(r) {
+  function s(r) {
     let c = "", h = !0;
     for (let D = 0; D < r.length; D++)
       h ? (c += r[D].toUpperCase(), h = !1) : r[D] === "-" ? h = !0 : c += r[D];
@@ -1364,194 +1370,194 @@ function Ht() {
 }
 var Ve;
 function Ie() {
-  if (Ve) return B;
-  Ve = 1, Object.defineProperty(B, "__esModule", {
+  if (Ve) return F;
+  Ve = 1, Object.defineProperty(F, "__esModule", {
     value: !0
-  }), B.addClassName = l, B.addEvent = c, B.addUserSelectStyles = N, B.createCSSTransform = p, B.createSVGTransform = T, B.getTouch = m, B.getTouchIdentifier = x, B.getTranslation = g, B.innerHeight = b, B.innerWidth = f, B.matchesSelector = a, B.matchesSelectorAndParentsTo = r, B.offsetXYFromParent = y, B.outerHeight = D, B.outerWidth = S, B.removeClassName = M, B.removeEvent = h, B.scheduleRemoveUserSelectStyles = C;
+  }), F.addClassName = l, F.addEvent = c, F.addUserSelectStyles = N, F.createCSSTransform = p, F.createSVGTransform = T, F.getTouch = b, F.getTouchIdentifier = C, F.getTranslation = g, F.innerHeight = m, F.innerWidth = d, F.matchesSelector = s, F.matchesSelectorAndParentsTo = r, F.offsetXYFromParent = y, F.outerHeight = D, F.outerWidth = v, F.removeClassName = M, F.removeEvent = h, F.scheduleRemoveUserSelectStyles = w;
   var e = ve(), i = t(Ht());
-  function t(s, u) {
-    if (typeof WeakMap == "function") var d = /* @__PURE__ */ new WeakMap(), _ = /* @__PURE__ */ new WeakMap();
-    return (t = function($, z) {
-      if (!z && $ && $.__esModule) return $;
-      var X, V, Q = { __proto__: null, default: $ };
-      if ($ === null || typeof $ != "object" && typeof $ != "function") return Q;
-      if (X = z ? _ : d) {
-        if (X.has($)) return X.get($);
-        X.set($, Q);
+  function t(a, f) {
+    if (typeof WeakMap == "function") var u = /* @__PURE__ */ new WeakMap(), _ = /* @__PURE__ */ new WeakMap();
+    return (t = function(R, z) {
+      if (!z && R && R.__esModule) return R;
+      var X, V, Q = { __proto__: null, default: R };
+      if (R === null || typeof R != "object" && typeof R != "function") return Q;
+      if (X = z ? _ : u) {
+        if (X.has(R)) return X.get(R);
+        X.set(R, Q);
       }
-      for (const H in $) H !== "default" && {}.hasOwnProperty.call($, H) && ((V = (X = Object.defineProperty) && Object.getOwnPropertyDescriptor($, H)) && (V.get || V.set) ? X(Q, H, V) : Q[H] = $[H]);
+      for (const H in R) H !== "default" && {}.hasOwnProperty.call(R, H) && ((V = (X = Object.defineProperty) && Object.getOwnPropertyDescriptor(R, H)) && (V.get || V.set) ? X(Q, H, V) : Q[H] = R[H]);
       return Q;
-    })(s, u);
+    })(a, f);
   }
   let o = "";
-  function a(s, u) {
-    return o || (o = (0, e.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(d) {
-      return (0, e.isFunction)(s[d]);
-    })), (0, e.isFunction)(s[o]) ? s[o](u) : !1;
+  function s(a, f) {
+    return o || (o = (0, e.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(u) {
+      return (0, e.isFunction)(a[u]);
+    })), (0, e.isFunction)(a[o]) ? a[o](f) : !1;
   }
-  function r(s, u, d) {
-    let _ = s;
+  function r(a, f, u) {
+    let _ = a;
     do {
-      if (a(_, u)) return !0;
-      if (_ === d) return !1;
+      if (s(_, f)) return !0;
+      if (_ === u) return !1;
       _ = _.parentNode;
     } while (_);
     return !1;
   }
-  function c(s, u, d, _) {
-    if (!s) return;
-    const $ = {
+  function c(a, f, u, _) {
+    if (!a) return;
+    const R = {
       capture: !0,
       ..._
     };
-    s.addEventListener ? s.addEventListener(u, d, $) : s.attachEvent ? s.attachEvent("on" + u, d) : s["on" + u] = d;
+    a.addEventListener ? a.addEventListener(f, u, R) : a.attachEvent ? a.attachEvent("on" + f, u) : a["on" + f] = u;
   }
-  function h(s, u, d, _) {
-    if (!s) return;
-    const $ = {
+  function h(a, f, u, _) {
+    if (!a) return;
+    const R = {
       capture: !0,
       ..._
     };
-    s.removeEventListener ? s.removeEventListener(u, d, $) : s.detachEvent ? s.detachEvent("on" + u, d) : s["on" + u] = null;
+    a.removeEventListener ? a.removeEventListener(f, u, R) : a.detachEvent ? a.detachEvent("on" + f, u) : a["on" + f] = null;
   }
-  function D(s) {
-    let u = s.clientHeight;
-    const d = s.ownerDocument.defaultView.getComputedStyle(s);
-    return u += (0, e.int)(d.borderTopWidth), u += (0, e.int)(d.borderBottomWidth), u;
+  function D(a) {
+    let f = a.clientHeight;
+    const u = a.ownerDocument.defaultView.getComputedStyle(a);
+    return f += (0, e.int)(u.borderTopWidth), f += (0, e.int)(u.borderBottomWidth), f;
   }
-  function S(s) {
-    let u = s.clientWidth;
-    const d = s.ownerDocument.defaultView.getComputedStyle(s);
-    return u += (0, e.int)(d.borderLeftWidth), u += (0, e.int)(d.borderRightWidth), u;
+  function v(a) {
+    let f = a.clientWidth;
+    const u = a.ownerDocument.defaultView.getComputedStyle(a);
+    return f += (0, e.int)(u.borderLeftWidth), f += (0, e.int)(u.borderRightWidth), f;
   }
-  function b(s) {
-    let u = s.clientHeight;
-    const d = s.ownerDocument.defaultView.getComputedStyle(s);
-    return u -= (0, e.int)(d.paddingTop), u -= (0, e.int)(d.paddingBottom), u;
+  function m(a) {
+    let f = a.clientHeight;
+    const u = a.ownerDocument.defaultView.getComputedStyle(a);
+    return f -= (0, e.int)(u.paddingTop), f -= (0, e.int)(u.paddingBottom), f;
   }
-  function f(s) {
-    let u = s.clientWidth;
-    const d = s.ownerDocument.defaultView.getComputedStyle(s);
-    return u -= (0, e.int)(d.paddingLeft), u -= (0, e.int)(d.paddingRight), u;
+  function d(a) {
+    let f = a.clientWidth;
+    const u = a.ownerDocument.defaultView.getComputedStyle(a);
+    return f -= (0, e.int)(u.paddingLeft), f -= (0, e.int)(u.paddingRight), f;
   }
-  function y(s, u, d) {
-    const $ = u === u.ownerDocument.body ? {
+  function y(a, f, u) {
+    const R = f === f.ownerDocument.body ? {
       left: 0,
       top: 0
-    } : u.getBoundingClientRect(), z = (s.clientX + u.scrollLeft - $.left) / d, X = (s.clientY + u.scrollTop - $.top) / d;
+    } : f.getBoundingClientRect(), z = (a.clientX + f.scrollLeft - R.left) / u, X = (a.clientY + f.scrollTop - R.top) / u;
     return {
       x: z,
       y: X
     };
   }
-  function p(s, u) {
-    const d = g(s, u, "px");
+  function p(a, f) {
+    const u = g(a, f, "px");
     return {
-      [(0, i.browserPrefixToKey)("transform", i.default)]: d
+      [(0, i.browserPrefixToKey)("transform", i.default)]: u
     };
   }
-  function T(s, u) {
-    return g(s, u, "");
+  function T(a, f) {
+    return g(a, f, "");
   }
-  function g(s, u, d) {
+  function g(a, f, u) {
     let {
       x: _,
-      y: $
-    } = s, z = `translate(${_}${d},${$}${d})`;
-    if (u) {
-      const X = `${typeof u.x == "string" ? u.x : u.x + d}`, V = `${typeof u.y == "string" ? u.y : u.y + d}`;
+      y: R
+    } = a, z = `translate(${_}${u},${R}${u})`;
+    if (f) {
+      const X = `${typeof f.x == "string" ? f.x : f.x + u}`, V = `${typeof f.y == "string" ? f.y : f.y + u}`;
       z = `translate(${X}, ${V})` + z;
     }
     return z;
   }
-  function m(s, u) {
-    return s.targetTouches && (0, e.findInArray)(s.targetTouches, (d) => u === d.identifier) || s.changedTouches && (0, e.findInArray)(s.changedTouches, (d) => u === d.identifier);
+  function b(a, f) {
+    return a.targetTouches && (0, e.findInArray)(a.targetTouches, (u) => f === u.identifier) || a.changedTouches && (0, e.findInArray)(a.changedTouches, (u) => f === u.identifier);
   }
-  function x(s) {
-    if (s.targetTouches && s.targetTouches[0]) return s.targetTouches[0].identifier;
-    if (s.changedTouches && s.changedTouches[0]) return s.changedTouches[0].identifier;
+  function C(a) {
+    if (a.targetTouches && a.targetTouches[0]) return a.targetTouches[0].identifier;
+    if (a.changedTouches && a.changedTouches[0]) return a.changedTouches[0].identifier;
   }
-  function N(s) {
-    if (!s) return;
-    let u = s.getElementById("react-draggable-style-el");
-    u || (u = s.createElement("style"), u.type = "text/css", u.id = "react-draggable-style-el", u.innerHTML = `.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
-`, u.innerHTML += `.react-draggable-transparent-selection *::selection {all: inherit;}
-`, s.getElementsByTagName("head")[0].appendChild(u)), s.body && l(s.body, "react-draggable-transparent-selection");
+  function N(a) {
+    if (!a) return;
+    let f = a.getElementById("react-draggable-style-el");
+    f || (f = a.createElement("style"), f.type = "text/css", f.id = "react-draggable-style-el", f.innerHTML = `.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
+`, f.innerHTML += `.react-draggable-transparent-selection *::selection {all: inherit;}
+`, a.getElementsByTagName("head")[0].appendChild(f)), a.body && l(a.body, "react-draggable-transparent-selection");
   }
-  function C(s) {
+  function w(a) {
     window.requestAnimationFrame ? window.requestAnimationFrame(() => {
-      w(s);
-    }) : w(s);
+      S(a);
+    }) : S(a);
   }
-  function w(s) {
-    if (s)
+  function S(a) {
+    if (a)
       try {
-        if (s.body && M(s.body, "react-draggable-transparent-selection"), s.selection)
-          s.selection.empty();
+        if (a.body && M(a.body, "react-draggable-transparent-selection"), a.selection)
+          a.selection.empty();
         else {
-          const u = (s.defaultView || window).getSelection();
-          u && u.type !== "Caret" && u.removeAllRanges();
+          const f = (a.defaultView || window).getSelection();
+          f && f.type !== "Caret" && f.removeAllRanges();
         }
       } catch {
       }
   }
-  function l(s, u) {
-    s.classList ? s.classList.add(u) : s.className.match(new RegExp(`(?:^|\\s)${u}(?!\\S)`)) || (s.className += ` ${u}`);
+  function l(a, f) {
+    a.classList ? a.classList.add(f) : a.className.match(new RegExp(`(?:^|\\s)${f}(?!\\S)`)) || (a.className += ` ${f}`);
   }
-  function M(s, u) {
-    s.classList ? s.classList.remove(u) : s.className = s.className.replace(new RegExp(`(?:^|\\s)${u}(?!\\S)`, "g"), "");
+  function M(a, f) {
+    a.classList ? a.classList.remove(f) : a.className = a.className.replace(new RegExp(`(?:^|\\s)${f}(?!\\S)`, "g"), "");
   }
-  return B;
+  return F;
 }
 var ne = {}, Ge;
 function ft() {
   if (Ge) return ne;
   Ge = 1, Object.defineProperty(ne, "__esModule", {
     value: !0
-  }), ne.canDragX = a, ne.canDragY = r, ne.createCoreData = h, ne.createDraggableData = D, ne.getBoundPosition = t, ne.getControlPosition = c, ne.snapToGrid = o;
+  }), ne.canDragX = s, ne.canDragY = r, ne.createCoreData = h, ne.createDraggableData = D, ne.getBoundPosition = t, ne.getControlPosition = c, ne.snapToGrid = o;
   var e = ve(), i = Ie();
-  function t(f, y, p) {
-    if (!f.props.bounds) return [y, p];
+  function t(d, y, p) {
+    if (!d.props.bounds) return [y, p];
     let {
       bounds: T
-    } = f.props;
-    T = typeof T == "string" ? T : S(T);
-    const g = b(f);
+    } = d.props;
+    T = typeof T == "string" ? T : v(T);
+    const g = m(d);
     if (typeof T == "string") {
       const {
-        ownerDocument: m
-      } = g, x = m.defaultView;
+        ownerDocument: b
+      } = g, C = b.defaultView;
       let N;
-      if (T === "parent" ? N = g.parentNode : N = g.getRootNode().querySelector(T), !(N instanceof x.HTMLElement))
+      if (T === "parent" ? N = g.parentNode : N = g.getRootNode().querySelector(T), !(N instanceof C.HTMLElement))
         throw new Error('Bounds selector "' + T + '" could not find an element.');
-      const C = N, w = x.getComputedStyle(g), l = x.getComputedStyle(C);
+      const w = N, S = C.getComputedStyle(g), l = C.getComputedStyle(w);
       T = {
-        left: -g.offsetLeft + (0, e.int)(l.paddingLeft) + (0, e.int)(w.marginLeft),
-        top: -g.offsetTop + (0, e.int)(l.paddingTop) + (0, e.int)(w.marginTop),
-        right: (0, i.innerWidth)(C) - (0, i.outerWidth)(g) - g.offsetLeft + (0, e.int)(l.paddingRight) - (0, e.int)(w.marginRight),
-        bottom: (0, i.innerHeight)(C) - (0, i.outerHeight)(g) - g.offsetTop + (0, e.int)(l.paddingBottom) - (0, e.int)(w.marginBottom)
+        left: -g.offsetLeft + (0, e.int)(l.paddingLeft) + (0, e.int)(S.marginLeft),
+        top: -g.offsetTop + (0, e.int)(l.paddingTop) + (0, e.int)(S.marginTop),
+        right: (0, i.innerWidth)(w) - (0, i.outerWidth)(g) - g.offsetLeft + (0, e.int)(l.paddingRight) - (0, e.int)(S.marginRight),
+        bottom: (0, i.innerHeight)(w) - (0, i.outerHeight)(g) - g.offsetTop + (0, e.int)(l.paddingBottom) - (0, e.int)(S.marginBottom)
       };
     }
     return (0, e.isNum)(T.right) && (y = Math.min(y, T.right)), (0, e.isNum)(T.bottom) && (p = Math.min(p, T.bottom)), (0, e.isNum)(T.left) && (y = Math.max(y, T.left)), (0, e.isNum)(T.top) && (p = Math.max(p, T.top)), [y, p];
   }
-  function o(f, y, p) {
-    const T = Math.round(y / f[0]) * f[0], g = Math.round(p / f[1]) * f[1];
+  function o(d, y, p) {
+    const T = Math.round(y / d[0]) * d[0], g = Math.round(p / d[1]) * d[1];
     return [T, g];
   }
-  function a(f) {
-    return f.props.axis === "both" || f.props.axis === "x";
+  function s(d) {
+    return d.props.axis === "both" || d.props.axis === "x";
   }
-  function r(f) {
-    return f.props.axis === "both" || f.props.axis === "y";
+  function r(d) {
+    return d.props.axis === "both" || d.props.axis === "y";
   }
-  function c(f, y, p) {
-    const T = typeof y == "number" ? (0, i.getTouch)(f, y) : null;
+  function c(d, y, p) {
+    const T = typeof y == "number" ? (0, i.getTouch)(d, y) : null;
     if (typeof y == "number" && !T) return null;
-    const g = b(p), m = p.props.offsetParent || g.offsetParent || g.ownerDocument.body;
-    return (0, i.offsetXYFromParent)(T || f, m, p.props.scale);
+    const g = m(p), b = p.props.offsetParent || g.offsetParent || g.ownerDocument.body;
+    return (0, i.offsetXYFromParent)(T || d, b, p.props.scale);
   }
-  function h(f, y, p) {
-    const T = !(0, e.isNum)(f.lastX), g = b(f);
+  function h(d, y, p) {
+    const T = !(0, e.isNum)(d.lastX), g = m(d);
     return T ? {
       node: g,
       deltaX: 0,
@@ -1562,36 +1568,36 @@ function ft() {
       y: p
     } : {
       node: g,
-      deltaX: y - f.lastX,
-      deltaY: p - f.lastY,
-      lastX: f.lastX,
-      lastY: f.lastY,
+      deltaX: y - d.lastX,
+      deltaY: p - d.lastY,
+      lastX: d.lastX,
+      lastY: d.lastY,
       x: y,
       y: p
     };
   }
-  function D(f, y) {
-    const p = f.props.scale;
+  function D(d, y) {
+    const p = d.props.scale;
     return {
       node: y.node,
-      x: f.state.x + y.deltaX / p,
-      y: f.state.y + y.deltaY / p,
+      x: d.state.x + y.deltaX / p,
+      y: d.state.y + y.deltaY / p,
       deltaX: y.deltaX / p,
       deltaY: y.deltaY / p,
-      lastX: f.state.x,
-      lastY: f.state.y
+      lastX: d.state.x,
+      lastY: d.state.y
     };
   }
-  function S(f) {
+  function v(d) {
     return {
-      left: f.left,
-      top: f.top,
-      right: f.right,
-      bottom: f.bottom
+      left: d.left,
+      top: d.top,
+      right: d.right,
+      bottom: d.bottom
     };
   }
-  function b(f) {
-    const y = f.findDOMNode();
+  function m(d) {
+    const y = d.findDOMNode();
     if (!y)
       throw new Error("<DraggableCore>: Unmounted during event!");
     return y;
@@ -1614,40 +1620,40 @@ function zt() {
   Je = 1, Object.defineProperty(ue, "__esModule", {
     value: !0
   }), ue.default = void 0;
-  var e = D(be), i = h(/* @__PURE__ */ ut()), t = h(ot), o = Ie(), a = ft(), r = ve(), c = h(ht());
+  var e = D(be), i = h(/* @__PURE__ */ ut()), t = h(ot), o = Ie(), s = ft(), r = ve(), c = h(ht());
   function h(g) {
     return g && g.__esModule ? g : { default: g };
   }
-  function D(g, m) {
-    if (typeof WeakMap == "function") var x = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap();
-    return (D = function(C, w) {
-      if (!w && C && C.__esModule) return C;
-      var l, M, s = { __proto__: null, default: C };
-      if (C === null || typeof C != "object" && typeof C != "function") return s;
-      if (l = w ? N : x) {
-        if (l.has(C)) return l.get(C);
-        l.set(C, s);
+  function D(g, b) {
+    if (typeof WeakMap == "function") var C = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap();
+    return (D = function(w, S) {
+      if (!S && w && w.__esModule) return w;
+      var l, M, a = { __proto__: null, default: w };
+      if (w === null || typeof w != "object" && typeof w != "function") return a;
+      if (l = S ? N : C) {
+        if (l.has(w)) return l.get(w);
+        l.set(w, a);
       }
-      for (const u in C) u !== "default" && {}.hasOwnProperty.call(C, u) && ((M = (l = Object.defineProperty) && Object.getOwnPropertyDescriptor(C, u)) && (M.get || M.set) ? l(s, u, M) : s[u] = C[u]);
-      return s;
-    })(g, m);
+      for (const f in w) f !== "default" && {}.hasOwnProperty.call(w, f) && ((M = (l = Object.defineProperty) && Object.getOwnPropertyDescriptor(w, f)) && (M.get || M.set) ? l(a, f, M) : a[f] = w[f]);
+      return a;
+    })(g, b);
   }
-  function S(g, m, x) {
-    return (m = b(m)) in g ? Object.defineProperty(g, m, { value: x, enumerable: !0, configurable: !0, writable: !0 }) : g[m] = x, g;
+  function v(g, b, C) {
+    return (b = m(b)) in g ? Object.defineProperty(g, b, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : g[b] = C, g;
   }
-  function b(g) {
-    var m = f(g, "string");
-    return typeof m == "symbol" ? m : m + "";
+  function m(g) {
+    var b = d(g, "string");
+    return typeof b == "symbol" ? b : b + "";
   }
-  function f(g, m) {
+  function d(g, b) {
     if (typeof g != "object" || !g) return g;
-    var x = g[Symbol.toPrimitive];
-    if (x !== void 0) {
-      var N = x.call(g, m);
+    var C = g[Symbol.toPrimitive];
+    if (C !== void 0) {
+      var N = C.call(g, b);
       if (typeof N != "object") return N;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return (m === "string" ? String : Number)(g);
+    return (b === "string" ? String : Number)(g);
   }
   const y = {
     touch: {
@@ -1663,84 +1669,84 @@ function zt() {
   };
   let p = y.mouse, T = class extends e.Component {
     constructor() {
-      super(...arguments), S(this, "dragging", !1), S(this, "lastX", NaN), S(this, "lastY", NaN), S(this, "touchIdentifier", null), S(this, "mounted", !1), S(this, "handleDragStart", (m) => {
-        if (this.props.onMouseDown(m), !this.props.allowAnyClick && typeof m.button == "number" && m.button !== 0) return !1;
-        const x = this.findDOMNode();
-        if (!x || !x.ownerDocument || !x.ownerDocument.body)
+      super(...arguments), v(this, "dragging", !1), v(this, "lastX", NaN), v(this, "lastY", NaN), v(this, "touchIdentifier", null), v(this, "mounted", !1), v(this, "handleDragStart", (b) => {
+        if (this.props.onMouseDown(b), !this.props.allowAnyClick && typeof b.button == "number" && b.button !== 0) return !1;
+        const C = this.findDOMNode();
+        if (!C || !C.ownerDocument || !C.ownerDocument.body)
           throw new Error("<DraggableCore> not mounted on DragStart!");
         const {
           ownerDocument: N
-        } = x;
-        if (this.props.disabled || !(m.target instanceof N.defaultView.Node) || this.props.handle && !(0, o.matchesSelectorAndParentsTo)(m.target, this.props.handle, x) || this.props.cancel && (0, o.matchesSelectorAndParentsTo)(m.target, this.props.cancel, x))
+        } = C;
+        if (this.props.disabled || !(b.target instanceof N.defaultView.Node) || this.props.handle && !(0, o.matchesSelectorAndParentsTo)(b.target, this.props.handle, C) || this.props.cancel && (0, o.matchesSelectorAndParentsTo)(b.target, this.props.cancel, C))
           return;
-        m.type === "touchstart" && !this.props.allowMobileScroll && m.preventDefault();
-        const C = (0, o.getTouchIdentifier)(m);
-        this.touchIdentifier = C;
-        const w = (0, a.getControlPosition)(m, C, this);
-        if (w == null) return;
+        b.type === "touchstart" && !this.props.allowMobileScroll && b.preventDefault();
+        const w = (0, o.getTouchIdentifier)(b);
+        this.touchIdentifier = w;
+        const S = (0, s.getControlPosition)(b, w, this);
+        if (S == null) return;
         const {
           x: l,
           y: M
-        } = w, s = (0, a.createCoreData)(this, l, M);
-        (0, c.default)("DraggableCore: handleDragStart: %j", s), (0, c.default)("calling", this.props.onStart), !(this.props.onStart(m, s) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, o.addUserSelectStyles)(N), this.dragging = !0, this.lastX = l, this.lastY = M, (0, o.addEvent)(N, p.move, this.handleDrag), (0, o.addEvent)(N, p.stop, this.handleDragStop));
-      }), S(this, "handleDrag", (m) => {
-        const x = (0, a.getControlPosition)(m, this.touchIdentifier, this);
-        if (x == null) return;
+        } = S, a = (0, s.createCoreData)(this, l, M);
+        (0, c.default)("DraggableCore: handleDragStart: %j", a), (0, c.default)("calling", this.props.onStart), !(this.props.onStart(b, a) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, o.addUserSelectStyles)(N), this.dragging = !0, this.lastX = l, this.lastY = M, (0, o.addEvent)(N, p.move, this.handleDrag), (0, o.addEvent)(N, p.stop, this.handleDragStop));
+      }), v(this, "handleDrag", (b) => {
+        const C = (0, s.getControlPosition)(b, this.touchIdentifier, this);
+        if (C == null) return;
         let {
           x: N,
-          y: C
-        } = x;
+          y: w
+        } = C;
         if (Array.isArray(this.props.grid)) {
-          let M = N - this.lastX, s = C - this.lastY;
-          if ([M, s] = (0, a.snapToGrid)(this.props.grid, M, s), !M && !s) return;
-          N = this.lastX + M, C = this.lastY + s;
+          let M = N - this.lastX, a = w - this.lastY;
+          if ([M, a] = (0, s.snapToGrid)(this.props.grid, M, a), !M && !a) return;
+          N = this.lastX + M, w = this.lastY + a;
         }
-        const w = (0, a.createCoreData)(this, N, C);
-        if ((0, c.default)("DraggableCore: handleDrag: %j", w), this.props.onDrag(m, w) === !1 || this.mounted === !1) {
+        const S = (0, s.createCoreData)(this, N, w);
+        if ((0, c.default)("DraggableCore: handleDrag: %j", S), this.props.onDrag(b, S) === !1 || this.mounted === !1) {
           try {
             this.handleDragStop(new MouseEvent("mouseup"));
           } catch {
-            const s = document.createEvent("MouseEvents");
-            s.initMouseEvent("mouseup", !0, !0, window, 0, 0, 0, 0, 0, !1, !1, !1, !1, 0, null), this.handleDragStop(s);
+            const a = document.createEvent("MouseEvents");
+            a.initMouseEvent("mouseup", !0, !0, window, 0, 0, 0, 0, 0, !1, !1, !1, !1, 0, null), this.handleDragStop(a);
           }
           return;
         }
-        this.lastX = N, this.lastY = C;
-      }), S(this, "handleDragStop", (m) => {
+        this.lastX = N, this.lastY = w;
+      }), v(this, "handleDragStop", (b) => {
         if (!this.dragging) return;
-        const x = (0, a.getControlPosition)(m, this.touchIdentifier, this);
-        if (x == null) return;
+        const C = (0, s.getControlPosition)(b, this.touchIdentifier, this);
+        if (C == null) return;
         let {
           x: N,
-          y: C
-        } = x;
+          y: w
+        } = C;
         if (Array.isArray(this.props.grid)) {
-          let s = N - this.lastX || 0, u = C - this.lastY || 0;
-          [s, u] = (0, a.snapToGrid)(this.props.grid, s, u), N = this.lastX + s, C = this.lastY + u;
+          let a = N - this.lastX || 0, f = w - this.lastY || 0;
+          [a, f] = (0, s.snapToGrid)(this.props.grid, a, f), N = this.lastX + a, w = this.lastY + f;
         }
-        const w = (0, a.createCoreData)(this, N, C);
-        if (this.props.onStop(m, w) === !1 || this.mounted === !1) return !1;
+        const S = (0, s.createCoreData)(this, N, w);
+        if (this.props.onStop(b, S) === !1 || this.mounted === !1) return !1;
         const M = this.findDOMNode();
-        M && this.props.enableUserSelectHack && (0, o.scheduleRemoveUserSelectStyles)(M.ownerDocument), (0, c.default)("DraggableCore: handleDragStop: %j", w), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, M && ((0, c.default)("DraggableCore: Removing handlers"), (0, o.removeEvent)(M.ownerDocument, p.move, this.handleDrag), (0, o.removeEvent)(M.ownerDocument, p.stop, this.handleDragStop));
-      }), S(this, "onMouseDown", (m) => (p = y.mouse, this.handleDragStart(m))), S(this, "onMouseUp", (m) => (p = y.mouse, this.handleDragStop(m))), S(this, "onTouchStart", (m) => (p = y.touch, this.handleDragStart(m))), S(this, "onTouchEnd", (m) => (p = y.touch, this.handleDragStop(m)));
+        M && this.props.enableUserSelectHack && (0, o.scheduleRemoveUserSelectStyles)(M.ownerDocument), (0, c.default)("DraggableCore: handleDragStop: %j", S), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, M && ((0, c.default)("DraggableCore: Removing handlers"), (0, o.removeEvent)(M.ownerDocument, p.move, this.handleDrag), (0, o.removeEvent)(M.ownerDocument, p.stop, this.handleDragStop));
+      }), v(this, "onMouseDown", (b) => (p = y.mouse, this.handleDragStart(b))), v(this, "onMouseUp", (b) => (p = y.mouse, this.handleDragStop(b))), v(this, "onTouchStart", (b) => (p = y.touch, this.handleDragStart(b))), v(this, "onTouchEnd", (b) => (p = y.touch, this.handleDragStop(b)));
     }
     componentDidMount() {
       this.mounted = !0;
-      const m = this.findDOMNode();
-      m && (0, o.addEvent)(m, y.touch.start, this.onTouchStart, {
+      const b = this.findDOMNode();
+      b && (0, o.addEvent)(b, y.touch.start, this.onTouchStart, {
         passive: !1
       });
     }
     componentWillUnmount() {
       this.mounted = !1;
-      const m = this.findDOMNode();
-      if (m) {
+      const b = this.findDOMNode();
+      if (b) {
         const {
-          ownerDocument: x
-        } = m;
-        (0, o.removeEvent)(x, y.mouse.move, this.handleDrag), (0, o.removeEvent)(x, y.touch.move, this.handleDrag), (0, o.removeEvent)(x, y.mouse.stop, this.handleDragStop), (0, o.removeEvent)(x, y.touch.stop, this.handleDragStop), (0, o.removeEvent)(m, y.touch.start, this.onTouchStart, {
+          ownerDocument: C
+        } = b;
+        (0, o.removeEvent)(C, y.mouse.move, this.handleDrag), (0, o.removeEvent)(C, y.touch.move, this.handleDrag), (0, o.removeEvent)(C, y.mouse.stop, this.handleDragStop), (0, o.removeEvent)(C, y.touch.stop, this.handleDragStop), (0, o.removeEvent)(b, y.touch.start, this.onTouchStart, {
           passive: !1
-        }), this.props.enableUserSelectHack && (0, o.scheduleRemoveUserSelectStyles)(x);
+        }), this.props.enableUserSelectHack && (0, o.scheduleRemoveUserSelectStyles)(C);
       }
     }
     // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
@@ -1761,7 +1767,7 @@ function zt() {
       });
     }
   };
-  return ue.default = T, S(T, "displayName", "DraggableCore"), S(T, "propTypes", {
+  return ue.default = T, v(T, "displayName", "DraggableCore"), v(T, "propTypes", {
     /**
      * `allowAnyClick` allows dragging using any mouse button.
      * By default, we only accept the left button.
@@ -1793,8 +1799,8 @@ function zt() {
      * `offsetParent`, if set, uses the passed DOM node to compute drag offsets
      * instead of using the parent node.
      */
-    offsetParent: function(g, m) {
-      if (g[m] && g[m].nodeType !== 1)
+    offsetParent: function(g, b) {
+      if (g[b] && g[b].nodeType !== 1)
         throw new Error("Draggable's offsetParent must be a DOM Node.");
     },
     /**
@@ -1891,7 +1897,7 @@ function zt() {
     className: r.dontSetMe,
     style: r.dontSetMe,
     transform: r.dontSetMe
-  }), S(T, "defaultProps", {
+  }), v(T, "defaultProps", {
     allowAnyClick: !1,
     // by default only accept left click
     allowMobileScroll: !1,
@@ -1919,81 +1925,81 @@ function Xt() {
         return D.default;
       }
     }), e.default = void 0;
-    var i = f(be), t = b(/* @__PURE__ */ ut()), o = b(ot), a = Kt(), r = Ie(), c = ft(), h = ve(), D = b(zt()), S = b(ht());
-    function b(x) {
-      return x && x.__esModule ? x : { default: x };
+    var i = d(be), t = m(/* @__PURE__ */ ut()), o = m(ot), s = Bt(), r = Ie(), c = ft(), h = ve(), D = m(zt()), v = m(ht());
+    function m(C) {
+      return C && C.__esModule ? C : { default: C };
     }
-    function f(x, N) {
-      if (typeof WeakMap == "function") var C = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap();
-      return (f = function(l, M) {
+    function d(C, N) {
+      if (typeof WeakMap == "function") var w = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new WeakMap();
+      return (d = function(l, M) {
         if (!M && l && l.__esModule) return l;
-        var s, u, d = { __proto__: null, default: l };
-        if (l === null || typeof l != "object" && typeof l != "function") return d;
-        if (s = M ? w : C) {
-          if (s.has(l)) return s.get(l);
-          s.set(l, d);
+        var a, f, u = { __proto__: null, default: l };
+        if (l === null || typeof l != "object" && typeof l != "function") return u;
+        if (a = M ? S : w) {
+          if (a.has(l)) return a.get(l);
+          a.set(l, u);
         }
-        for (const _ in l) _ !== "default" && {}.hasOwnProperty.call(l, _) && ((u = (s = Object.defineProperty) && Object.getOwnPropertyDescriptor(l, _)) && (u.get || u.set) ? s(d, _, u) : d[_] = l[_]);
-        return d;
-      })(x, N);
+        for (const _ in l) _ !== "default" && {}.hasOwnProperty.call(l, _) && ((f = (a = Object.defineProperty) && Object.getOwnPropertyDescriptor(l, _)) && (f.get || f.set) ? a(u, _, f) : u[_] = l[_]);
+        return u;
+      })(C, N);
     }
     function y() {
-      return y = Object.assign ? Object.assign.bind() : function(x) {
+      return y = Object.assign ? Object.assign.bind() : function(C) {
         for (var N = 1; N < arguments.length; N++) {
-          var C = arguments[N];
-          for (var w in C) ({}).hasOwnProperty.call(C, w) && (x[w] = C[w]);
+          var w = arguments[N];
+          for (var S in w) ({}).hasOwnProperty.call(w, S) && (C[S] = w[S]);
         }
-        return x;
+        return C;
       }, y.apply(null, arguments);
     }
-    function p(x, N, C) {
-      return (N = T(N)) in x ? Object.defineProperty(x, N, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : x[N] = C, x;
+    function p(C, N, w) {
+      return (N = T(N)) in C ? Object.defineProperty(C, N, { value: w, enumerable: !0, configurable: !0, writable: !0 }) : C[N] = w, C;
     }
-    function T(x) {
-      var N = g(x, "string");
+    function T(C) {
+      var N = g(C, "string");
       return typeof N == "symbol" ? N : N + "";
     }
-    function g(x, N) {
-      if (typeof x != "object" || !x) return x;
-      var C = x[Symbol.toPrimitive];
-      if (C !== void 0) {
-        var w = C.call(x, N);
-        if (typeof w != "object") return w;
+    function g(C, N) {
+      if (typeof C != "object" || !C) return C;
+      var w = C[Symbol.toPrimitive];
+      if (w !== void 0) {
+        var S = w.call(C, N);
+        if (typeof S != "object") return S;
         throw new TypeError("@@toPrimitive must return a primitive value.");
       }
-      return (N === "string" ? String : Number)(x);
+      return (N === "string" ? String : Number)(C);
     }
-    class m extends i.Component {
+    class b extends i.Component {
       // React 16.3+
       // Arity (props, state)
-      static getDerivedStateFromProps(N, C) {
+      static getDerivedStateFromProps(N, w) {
         let {
-          position: w
+          position: S
         } = N, {
           prevPropsPosition: l
-        } = C;
-        return w && (!l || w.x !== l.x || w.y !== l.y) ? ((0, S.default)("Draggable: getDerivedStateFromProps %j", {
-          position: w,
+        } = w;
+        return S && (!l || S.x !== l.x || S.y !== l.y) ? ((0, v.default)("Draggable: getDerivedStateFromProps %j", {
+          position: S,
           prevPropsPosition: l
         }), {
-          x: w.x,
-          y: w.y,
+          x: S.x,
+          y: S.y,
           prevPropsPosition: {
-            ...w
+            ...S
           }
         }) : null;
       }
       constructor(N) {
-        super(N), p(this, "onDragStart", (C, w) => {
-          if ((0, S.default)("Draggable: onDragStart: %j", w), this.props.onStart(C, (0, c.createDraggableData)(this, w)) === !1) return !1;
+        super(N), p(this, "onDragStart", (w, S) => {
+          if ((0, v.default)("Draggable: onDragStart: %j", S), this.props.onStart(w, (0, c.createDraggableData)(this, S)) === !1) return !1;
           this.setState({
             dragging: !0,
             dragged: !0
           });
-        }), p(this, "onDrag", (C, w) => {
+        }), p(this, "onDrag", (w, S) => {
           if (!this.state.dragging) return !1;
-          (0, S.default)("Draggable: onDrag: %j", w);
-          const l = (0, c.createDraggableData)(this, w), M = {
+          (0, v.default)("Draggable: onDrag: %j", S);
+          const l = (0, c.createDraggableData)(this, S), M = {
             x: l.x,
             y: l.y,
             slackX: 0,
@@ -2001,18 +2007,18 @@ function Xt() {
           };
           if (this.props.bounds) {
             const {
-              x: u,
-              y: d
+              x: f,
+              y: u
             } = M;
             M.x += this.state.slackX, M.y += this.state.slackY;
-            const [_, $] = (0, c.getBoundPosition)(this, M.x, M.y);
-            M.x = _, M.y = $, M.slackX = this.state.slackX + (u - M.x), M.slackY = this.state.slackY + (d - M.y), l.x = M.x, l.y = M.y, l.deltaX = M.x - this.state.x, l.deltaY = M.y - this.state.y;
+            const [_, R] = (0, c.getBoundPosition)(this, M.x, M.y);
+            M.x = _, M.y = R, M.slackX = this.state.slackX + (f - M.x), M.slackY = this.state.slackY + (u - M.y), l.x = M.x, l.y = M.y, l.deltaX = M.x - this.state.x, l.deltaY = M.y - this.state.y;
           }
-          if (this.props.onDrag(C, l) === !1) return !1;
+          if (this.props.onDrag(w, l) === !1) return !1;
           this.setState(M);
-        }), p(this, "onDragStop", (C, w) => {
-          if (!this.state.dragging || this.props.onStop(C, (0, c.createDraggableData)(this, w)) === !1) return !1;
-          (0, S.default)("Draggable: onDragStop: %j", w);
+        }), p(this, "onDragStop", (w, S) => {
+          if (!this.state.dragging || this.props.onStop(w, (0, c.createDraggableData)(this, S)) === !1) return !1;
+          (0, v.default)("Draggable: onDragStop: %j", S);
           const M = {
             dragging: !1,
             slackX: 0,
@@ -2020,10 +2026,10 @@ function Xt() {
           };
           if (!!this.props.position) {
             const {
-              x: u,
-              y: d
+              x: f,
+              y: u
             } = this.props.position;
-            M.x = u, M.y = d;
+            M.x = f, M.y = u;
           }
           this.setState(M);
         }), this.state = {
@@ -2062,44 +2068,44 @@ function Xt() {
       render() {
         const {
           axis: N,
-          bounds: C,
-          children: w,
+          bounds: w,
+          children: S,
           defaultPosition: l,
           defaultClassName: M,
-          defaultClassNameDragging: s,
-          defaultClassNameDragged: u,
-          position: d,
+          defaultClassNameDragging: a,
+          defaultClassNameDragged: f,
+          position: u,
           positionOffset: _,
-          scale: $,
+          scale: R,
           ...z
         } = this.props;
         let X = {}, V = null;
-        const H = !!!d || this.state.dragging, ee = d || l, ie = {
+        const H = !!!u || this.state.dragging, ee = u || l, ie = {
           // Set left if horizontal drag is enabled
           x: (0, c.canDragX)(this) && H ? this.state.x : ee.x,
           // Set top if vertical drag is enabled
           y: (0, c.canDragY)(this) && H ? this.state.y : ee.y
         };
         this.state.isElementSVG ? V = (0, r.createSVGTransform)(ie, _) : X = (0, r.createCSSTransform)(ie, _);
-        const le = (0, a.clsx)(w.props.className || "", M, {
-          [s]: this.state.dragging,
-          [u]: this.state.dragged
+        const le = (0, s.clsx)(S.props.className || "", M, {
+          [a]: this.state.dragging,
+          [f]: this.state.dragged
         });
         return /* @__PURE__ */ i.createElement(D.default, y({}, z, {
           onStart: this.onDragStart,
           onDrag: this.onDrag,
           onStop: this.onDragStop
-        }), /* @__PURE__ */ i.cloneElement(i.Children.only(w), {
+        }), /* @__PURE__ */ i.cloneElement(i.Children.only(S), {
           className: le,
           style: {
-            ...w.props.style,
+            ...S.props.style,
             ...X
           },
           transform: V
         }));
       }
     }
-    e.default = m, p(m, "displayName", "Draggable"), p(m, "propTypes", {
+    e.default = b, p(b, "displayName", "Draggable"), p(b, "propTypes", {
       // Accepts all props <DraggableCore> accepts.
       ...D.default.propTypes,
       /**
@@ -2206,7 +2212,7 @@ function Xt() {
       className: h.dontSetMe,
       style: h.dontSetMe,
       transform: h.dontSetMe
-    }), p(m, "defaultProps", {
+    }), p(b, "defaultProps", {
       ...D.default.defaultProps,
       axis: "both",
       bounds: !1,
@@ -2250,20 +2256,20 @@ const Zt = /* @__PURE__ */ At(Gt), Jt = se((e, i) => {
       boxShadow: "rgba(0, 0, 0, 0.5) 7px 7px 10px 0px"
     },
     ...e.style || {}
-  }, a = e.testId || "not-set", r = e.className || "panel", c = vt(null);
+  }, s = e.testId || "not-set", r = e.className || "panel", c = vt(null);
   return (
     // 3. Pass the internal ref to the Draggable component via 'nodeRef'
     /* @__PURE__ */ n(
       Zt,
       {
         nodeRef: c,
-        "data-testid": a,
+        "data-testid": s,
         axis: "both",
         handle: ".handle",
-        onStart: (S, b) => {
+        onStart: (v, m) => {
           e.onDraggingChange?.(!0);
         },
-        onStop: (S, b) => {
+        onStop: (v, m) => {
           setTimeout(() => {
             e.onDraggingChange?.(!1);
           }, 100);
@@ -2298,22 +2304,22 @@ function Mn({ children: e, addCssClasses: i }) {
 }
 const Pn = (e) => {
   console.warn("showToast TODO", e);
-}, Qt = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, Rn = se((e, i) => {
+}, Qt = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, $n = se((e, i) => {
   let t = pt(Number(e.zoomScale || 0));
-  const o = e.responsiveGrid || !1, a = e.isEditing || !1, r = {
+  const o = e.responsiveGrid || !1, s = e.isEditing || !1, r = {
     "--bwj-dashboard-transform-scale": t,
     "--bwj-dashboard-add-cols": Qt(t)
   }, c = G(
     "dashboard-main-grid w-full",
-    a ? "editing" : "",
+    s ? "editing" : "",
     o ? "responsive-grid" : "",
-    `border border-dashed ${a ? "border-primary border-opacity-50" : "border-transparent"}`
+    `border border-dashed ${s ? "border-primary border-opacity-50" : "border-transparent"}`
   );
   return /* @__PURE__ */ n("div", { className: c, style: r, children: e.children });
 }), Me = "size-5", en = (e, i) => {
   const t = e.hideTitle && !e.isEditing, o = e.noBorder;
-  let a = `dashboard-widget ${e.isEditing ? "editing" : ""} border border-solid`;
-  o ? a = `${a} border-transparent border-opacity-0` : (e.borderCssClasses || "").trim().length > 0 ? a = `${a} ${e.borderCssClasses}` : a = `${a} border-card-invert border-opacity-20`, e.noShadow && (a = `${a} no-shadow`), e.noPadding && (a = `${a} no-padding p-0`), (e.backgroundCssClasses || "").trim().length > 0 ? a = `${a} ${e.backgroundCssClasses}` : a = `${a} bg-card content-card`, ["large", "xlarge"].indexOf(e.size || "") > -1 && (a = `${a} ${e.size}-widget`);
+  let s = `dashboard-widget ${e.isEditing ? "editing" : ""} border border-solid`;
+  o ? s = `${s} border-transparent border-opacity-0` : (e.borderCssClasses || "").trim().length > 0 ? s = `${s} ${e.borderCssClasses}` : s = `${s} border-card-invert border-opacity-20`, e.noShadow && (s = `${s} no-shadow`), e.noPadding && (s = `${s} no-padding p-0`), (e.backgroundCssClasses || "").trim().length > 0 ? s = `${s} ${e.backgroundCssClasses}` : s = `${s} bg-card content-card`, ["large", "xlarge"].indexOf(e.size || "") > -1 && (s = `${s} ${e.size}-widget`);
   const r = () => {
     e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey, e.parentWidgetKey);
   }, c = (D) => {
@@ -2323,18 +2329,18 @@ const Pn = (e) => {
     t ? "hidden" : "flex items-center justify-between border-b border-solid border-card-invert",
     t ? "border-opacity-0" : "border-opacity-20"
   );
-  return /* @__PURE__ */ R("div", { className: a, children: [
-    /* @__PURE__ */ R("div", { className: h, children: [
-      /* @__PURE__ */ R("div", { className: "widget-title-wrapper w-full flex flex-row gap-2 items-center justify-between", children: [
-        /* @__PURE__ */ R("h2", { className: "widget-title", children: [
+  return /* @__PURE__ */ $("div", { className: s, children: [
+    /* @__PURE__ */ $("div", { className: h, children: [
+      /* @__PURE__ */ $("div", { className: "widget-title-wrapper w-full flex flex-row gap-2 items-center justify-between", children: [
+        /* @__PURE__ */ $("h2", { className: "widget-title", children: [
           e.title,
           " "
         ] }),
         /* @__PURE__ */ n("div", {})
       ] }),
-      /* @__PURE__ */ n("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ R("div", { className: "actions-inner", children: [
+      /* @__PURE__ */ n("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ $("div", { className: "actions-inner", children: [
         /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n("span", { className: "hidden", children: "Widget" }) }),
-        /* @__PURE__ */ R("div", { className: "actions-buttons-container", children: [
+        /* @__PURE__ */ $("div", { className: "actions-buttons-container", children: [
           /* @__PURE__ */ n(
             J,
             {
@@ -2382,11 +2388,11 @@ const Pn = (e) => {
     /* @__PURE__ */ n("div", { className: "widget-inner", children: e.children })
   ] });
 }, tt = se(en), tn = (e, i) => {
-  const t = (r) => r.replace(/[^0-9.]/g, ""), o = t(e).split(".").map(Number), a = t(i).split(".").map(Number);
-  return !(o[0] !== a[0] || o[1] < a[1]);
+  const t = (r) => r.replace(/[^0-9.]/g, ""), o = t(e).split(".").map(Number), s = t(i).split(".").map(Number);
+  return !(o[0] !== s[0] || o[1] < s[1]);
 };
 function nn(e) {
-  return /* @__PURE__ */ n("div", { className: "dashboard-widget", children: /* @__PURE__ */ R("div", { className: "absolute inset-0 bg-black flex flex-col items-center justify-center text-center", children: [
+  return /* @__PURE__ */ n("div", { className: "dashboard-widget", children: /* @__PURE__ */ $("div", { className: "absolute inset-0 bg-black flex flex-col items-center justify-center text-center", children: [
     /* @__PURE__ */ n("div", { className: "w-full absolute opacity-100 text-primary", children: e.title }),
     /* @__PURE__ */ n("div", { className: "animate-ping rounded-full h-32 w-32 border-8 border-white" })
   ] }) });
@@ -2396,70 +2402,70 @@ function rn({
   maxIndex: i,
   widgetKey: t,
   parentWidgetKey: o,
-  targetContainerKey: a,
+  targetContainerKey: s,
   childWidgetsConfig: r,
   widgetCatalog: c,
   isEditing: h,
   // for additional props passed to all widget from the dashboard through the DynamicWidgetLoader:
   extraProps: D,
-  onRemoveClick: S,
-  onMoveClick: b,
-  selectContainer: f
+  onRemoveClick: v,
+  onMoveClick: m,
+  selectContainer: d
 }) {
   const y = `${t}`.split("_"), p = y.length > 1, T = p ? y[0] : t, g = c.get(T);
   if (!g)
-    return /* @__PURE__ */ n("div", { className: "flex", children: /* @__PURE__ */ R("p", { children: [
+    return /* @__PURE__ */ n("div", { className: "flex", children: /* @__PURE__ */ $("p", { children: [
       "Widget not found in catalog: ",
       T
     ] }) });
-  let m = null, x = !1;
-  const N = !!g.isContainer, C = p ? nt(t) : "", w = N ? (r || []).filter((s) => s.parentWidgetKey === t) : [], l = {
+  let b = null, C = !1;
+  const N = !!g.isContainer, w = p ? nt(t) : "", S = N ? (r || []).filter((a) => a.parentWidgetKey === t) : [], l = {
     index: e,
     maxIndex: i,
     widgetKey: t,
     parentWidgetKey: o,
     isEditing: h,
     extraProps: D,
-    title: p ? C : g.title,
-    onRemoveClick: S,
-    onMoveClick: b
+    title: p ? w : g.title,
+    onRemoveClick: v,
+    onMoveClick: m
   };
-  if (g.component ? (m = g.component, x = !1) : g.loader && (x = !0, m = rt(() => {
+  if (g.component ? (b = g.component, C = !1) : g.loader && (C = !0, b = rt(() => {
     if (!g) return null;
-    const s = typeof __HOST_REACT_VERSION__ < "u" ? __HOST_REACT_VERSION__ : "19.2.3", u = g.meta?.externalDependencies || [], d = u.find((_) => _.startsWith("react@"));
-    if (d) {
-      const _ = d.split("@")[1];
-      if (!tn(s, _))
+    const a = typeof __HOST_REACT_VERSION__ < "u" ? __HOST_REACT_VERSION__ : "19.2.3", f = g.meta?.externalDependencies || [], u = f.find((_) => _.startsWith("react@"));
+    if (u) {
+      const _ = u.split("@")[1];
+      if (!tn(a, _))
         return be.lazy(async () => ({
-          default: () => /* @__PURE__ */ n(tt, { ...l, children: /* @__PURE__ */ R("div", { className: "p-4 border border-dashed border-danger", children: [
-            /* @__PURE__ */ R("p", { className: "font-bold", children: [
+          default: () => /* @__PURE__ */ n(tt, { ...l, children: /* @__PURE__ */ $("div", { className: "p-4 border border-dashed border-danger", children: [
+            /* @__PURE__ */ $("p", { className: "font-bold", children: [
               'Failed to load "',
               t,
               '"'
             ] }),
-            /* @__PURE__ */ R("p", { className: "text-xs italic", children: [
+            /* @__PURE__ */ $("p", { className: "text-xs italic", children: [
               "The remote plugin is unavailable or incompatible.",
-              /* @__PURE__ */ R("p", { className: "font-bold text-sm", children: [
+              /* @__PURE__ */ $("p", { className: "font-bold text-sm", children: [
                 "Version Mismatch: ",
                 t
               ] }),
-              /* @__PURE__ */ R("p", { className: "text-xs", children: [
+              /* @__PURE__ */ $("p", { className: "text-xs", children: [
                 "Widget requires ",
-                /* @__PURE__ */ R("strong", { children: [
+                /* @__PURE__ */ $("strong", { children: [
                   "React ",
                   _
                 ] }),
                 ". Host is running",
                 " ",
-                /* @__PURE__ */ n("strong", { children: s }),
+                /* @__PURE__ */ n("strong", { children: a }),
                 "."
               ] })
             ] }),
-            /* @__PURE__ */ R("div", { className: "flex flex-col mt-3", children: [
+            /* @__PURE__ */ $("div", { className: "flex flex-col mt-3", children: [
               /* @__PURE__ */ n("h5", { children: "Externals:" }),
-              /* @__PURE__ */ n("dl", { className: "ml-2 flex flex-col text-xs", children: u.map(($, z) => /* @__PURE__ */ R("dd", { children: [
+              /* @__PURE__ */ n("dl", { className: "ml-2 flex flex-col text-xs", children: f.map((R, z) => /* @__PURE__ */ $("dd", { children: [
                 "- ",
-                $
+                R
               ] }, z)) })
             ] })
           ] }) })
@@ -2471,10 +2477,10 @@ function rn({
       const _ = async () => {
         try {
           return await g.loader();
-        } catch ($) {
-          return console.error(`CDN Load Failure for ${t}:`, $), {
-            default: () => /* @__PURE__ */ n(tt, { ...l, children: /* @__PURE__ */ R("div", { className: "p-4 border border-dashed border-danger", children: [
-              /* @__PURE__ */ R("p", { className: "font-bold", children: [
+        } catch (R) {
+          return console.error(`CDN Load Failure for ${t}:`, R), {
+            default: () => /* @__PURE__ */ n(tt, { ...l, children: /* @__PURE__ */ $("div", { className: "p-4 border border-dashed border-danger", children: [
+              /* @__PURE__ */ $("p", { className: "font-bold", children: [
                 'Failed to load "',
                 t,
                 '"'
@@ -2488,48 +2494,48 @@ function rn({
       return be.lazy(_);
     }
     return null;
-  }, [g, t])), !m)
-    return /* @__PURE__ */ n("div", { className: "flex", children: /* @__PURE__ */ R("p", { children: [
+  }, [g, t])), !b)
+    return /* @__PURE__ */ n("div", { className: "flex", children: /* @__PURE__ */ $("p", { children: [
       "Widget definition incomplete: ",
       T
     ] }) });
   const M = N ? {
-    highlight: a === t,
-    selectContainer: f,
+    highlight: s === t,
+    selectContainer: d,
     // The children prop is the recursive call back to DynamicWidgetLoader
-    children: w.map((s, u) => /* @__PURE__ */ n(
+    children: S.map((a, f) => /* @__PURE__ */ n(
       rn,
       {
-        index: u,
-        maxIndex: w.length - 1,
-        widgetKey: s.widgetKey,
-        parentWidgetKey: s.parentWidgetKey,
+        index: f,
+        maxIndex: S.length - 1,
+        widgetKey: a.widgetKey,
+        parentWidgetKey: a.parentWidgetKey,
         widgetCatalog: c,
         isEditing: h,
         extraProps: D,
-        onRemoveClick: S,
-        onMoveClick: b
+        onRemoveClick: v,
+        onMoveClick: m
       },
-      `${s.widgetKey}_${u}`
+      `${a.widgetKey}_${f}`
     ))
   } : {};
-  return x ? /* @__PURE__ */ n(xt, { fallback: /* @__PURE__ */ n(nn, { title: `Loading ${g.title}` }), children: /* @__PURE__ */ n(m, { ...l, ...M }) }) : /* @__PURE__ */ n(m, { ...l, ...M });
+  return C ? /* @__PURE__ */ n(xt, { fallback: /* @__PURE__ */ n(nn, { title: `Loading ${g.title}` }), children: /* @__PURE__ */ n(b, { ...l, ...M }) }) : /* @__PURE__ */ n(b, { ...l, ...M });
 }
 const ye = "size-5";
-function Oe(e) {
-  const i = e.highlight || !1, t = e.direction || "column", o = e.children.length > 0, a = e.isEditing || !1;
-  let h = i ? "border-transparent" : a && !o ? "border-card-invert" : "border-transparent";
+function We(e) {
+  const i = e.highlight || !1, t = e.direction || "column", o = e.children.length > 0, s = e.isEditing || !1;
+  let h = i ? "border-transparent" : s && !o ? "border-card-invert" : "border-transparent";
   const D = ["large", "xlarge"].includes(e.size || "");
-  let S = "";
-  ["large", "xlarge"].indexOf(e.size || "") > -1 && (S = `${e.size}-widget`);
-  let b = "";
-  t === "row" && !o ? b = "min-h-48" : t === "column" && !o && (b = "min-h-96");
-  let f = G(
+  let v = "";
+  ["large", "xlarge"].indexOf(e.size || "") > -1 && (v = `${e.size}-widget`);
+  let m = "";
+  t === "row" && !o ? m = "min-h-48" : t === "column" && !o && (m = "min-h-96");
+  let d = G(
     "dashboard-widget-container relative ",
     o ? "" : "has-no-children",
-    a ? "editing" : "",
-    b,
-    S,
+    s ? "editing" : "",
+    m,
+    v,
     D ? "widget-container-grid" : "widget-container-flex",
     `direction-${t}`,
     `border ${h}`,
@@ -2537,13 +2543,13 @@ function Oe(e) {
   ), y = `widget-container-header direction-${t} flex items-center border-1 ${h}`;
   const p = () => {
     e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey);
-  }, T = (m) => {
-    e.onMoveClick && e.widgetKey && e.onMoveClick(m, e.widgetKey, e.parentWidgetKey);
+  }, T = (b) => {
+    e.onMoveClick && e.widgetKey && e.onMoveClick(b, e.widgetKey, e.parentWidgetKey);
   }, g = () => {
     e.selectContainer && e.widgetKey && e.selectContainer(e.widgetKey);
   };
-  return /* @__PURE__ */ R("div", { "data-testid": `container_${e.widgetKey}`, className: f, children: [
-    /* @__PURE__ */ R("div", { className: y, children: [
+  return /* @__PURE__ */ $("div", { "data-testid": `container_${e.widgetKey}`, className: d, children: [
+    /* @__PURE__ */ $("div", { className: y, children: [
       /* @__PURE__ */ n(
         "div",
         {
@@ -2552,7 +2558,7 @@ function Oe(e) {
           children: /* @__PURE__ */ n("span", { className: "text-sm font-semibold capitalize", children: e.title })
         }
       ),
-      /* @__PURE__ */ n("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ n("div", { className: "actions-inner", children: /* @__PURE__ */ R("div", { className: "actions-buttons-container", children: [
+      /* @__PURE__ */ n("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ n("div", { className: "actions-inner", children: /* @__PURE__ */ $("div", { className: "actions-buttons-container", children: [
         /* @__PURE__ */ n(
           J,
           {
@@ -2565,7 +2571,7 @@ function Oe(e) {
             },
             onClick: g,
             children: /* @__PURE__ */ n(
-              Ot,
+              Wt,
               {
                 className: `${ye} ${i ? "text-success" : "text-disabled"}`
               }
@@ -2618,17 +2624,17 @@ function Oe(e) {
     /* @__PURE__ */ n("div", { "data-testid": `childrenwrapper_${e.widgetKey}`, className: "widget-container-inner", children: e.children })
   ] });
 }
-function $n(e) {
+function Rn(e) {
   const { direction: i, ...t } = e;
-  return /* @__PURE__ */ n(Oe, { direction: "column", ...t });
+  return /* @__PURE__ */ n(We, { direction: "column", ...t });
 }
 function In(e) {
   const { size: i, ...t } = e;
-  return /* @__PURE__ */ n(Oe, { size: "large", ...t });
+  return /* @__PURE__ */ n(We, { size: "large", ...t });
 }
-function On(e) {
+function Wn(e) {
   const { direction: i, ...t } = e;
-  return /* @__PURE__ */ n(Oe, { direction: "row", ...t });
+  return /* @__PURE__ */ n(We, { direction: "row", ...t });
 }
 function Pe({
   // widgetKey,
@@ -2636,25 +2642,25 @@ function Pe({
   alreadyAdded: i,
   addWidget: t
 }) {
-  const [o, a] = ae(!1), r = e.icon || Wt, c = e.name || "Unknown", h = e.description || "---", S = (e.noDuplicatedWidgets || !1) && i, b = G(`
+  const [o, s] = ae(!1), r = e.icon || Ot, c = e.name || "Unknown", h = e.description || "---", v = (e.noDuplicatedWidgets || !1) && i, m = G(`
     flex flex-row gap-2 p-2 rounded-md border text-sm bg-card content-card backdrop-opacity-100
-    ${S ? "border-disabled fill-disabled text-disabled" : "cursor-pointer border-primary fill-danger hover:fill-primary content-primary hover:brightness-110"}
+    ${v ? "border-disabled fill-disabled text-disabled" : "cursor-pointer border-primary fill-danger hover:fill-primary content-primary hover:brightness-110"}
   `);
-  return /* @__PURE__ */ R("div", { className: b, style: { width: "calc(100% - 1rem)" }, onClick: () => {
-    S || t();
+  return /* @__PURE__ */ $("div", { className: m, style: { width: "calc(100% - 1rem)" }, onClick: () => {
+    v || t();
   }, children: [
     /* @__PURE__ */ n(r, { className: "" }),
-    /* @__PURE__ */ R("div", { className: "w-full", children: [
-      /* @__PURE__ */ R("div", { className: "flex flex-row items-center gap-2 justify-between", children: [
+    /* @__PURE__ */ $("div", { className: "w-full", children: [
+      /* @__PURE__ */ $("div", { className: "flex flex-row items-center gap-2 justify-between", children: [
         /* @__PURE__ */ n("span", { className: "font-bold", children: c }),
-        /* @__PURE__ */ n("div", { className: "text-xs", children: S ? "(Added)" : "" })
+        /* @__PURE__ */ n("div", { className: "text-xs", children: v ? "(Added)" : "" })
       ] }),
-      /* @__PURE__ */ R("div", { className: "flex flex-col text-xs", children: [
+      /* @__PURE__ */ $("div", { className: "flex flex-col text-xs", children: [
         /* @__PURE__ */ n("div", { children: h }),
         /* @__PURE__ */ n("div", { className: "mt-3 cursor-pointer", onClick: (p) => {
-          p.stopPropagation(), p.preventDefault(), a(!o);
+          p.stopPropagation(), p.preventDefault(), s(!o);
         }, children: "Externals:" }),
-        o && /* @__PURE__ */ n("dl", { className: "ml-2 flex flex-col text-xs", children: e.externalDependencies.map((p, T) => /* @__PURE__ */ R("dd", { children: [
+        o && /* @__PURE__ */ n("dl", { className: "ml-2 flex flex-col text-xs", children: e.externalDependencies.map((p, T) => /* @__PURE__ */ $("dd", { children: [
           "- ",
           p
         ] }, T)) })
@@ -2663,17 +2669,17 @@ function Pe({
   ] });
 }
 function on({ item: e, onSettingItemChanged: i }) {
-  const t = e.name || "Unknown", o = e.description || "---", a = G(`
+  const t = e.name || "Unknown", o = e.description || "---", s = G(`
     flex flex-row gap-2 p-2 rounded-md border text-sm bg-card content-card backdrop-opacity-100
   `), r = (h) => {
     const D = h.key;
     if (["ArrowUp", "ArrowDown"].includes(D)) {
       h.preventDefault();
-      const S = bt.incrementOrDecrementValue(
+      const v = bt.incrementOrDecrementValue(
         e,
         D === "ArrowUp" ? 1 : -1
       );
-      i(S);
+      i(v);
     }
   }, c = (h) => {
     i({
@@ -2681,10 +2687,10 @@ function on({ item: e, onSettingItemChanged: i }) {
       value: h.target.value || ""
     });
   };
-  return /* @__PURE__ */ n("div", { className: a, style: { width: "calc(100% - 1rem)" }, children: /* @__PURE__ */ R("div", { className: "w-full", children: [
+  return /* @__PURE__ */ n("div", { className: s, style: { width: "calc(100% - 1rem)" }, children: /* @__PURE__ */ $("div", { className: "w-full", children: [
     /* @__PURE__ */ n("div", { className: "flex flex-row items-center gap-2 justify-between", children: /* @__PURE__ */ n("span", { className: "font-bold", children: t }) }),
     /* @__PURE__ */ n("div", { className: "flex flex-col gap-2 text-xs", children: /* @__PURE__ */ n("div", { children: o }) }),
-    /* @__PURE__ */ R("div", { children: [
+    /* @__PURE__ */ $("div", { children: [
       "Value:",
       /* @__PURE__ */ n(
         lt,
@@ -2700,45 +2706,45 @@ function on({ item: e, onSettingItemChanged: i }) {
     ] })
   ] }) });
 }
-const Re = (e, i) => [
+const $e = (e, i) => [
   ...i.widgets.filter((o) => o.indexOf("Container") === -1),
   ...i.childWidgetsConfig.map((o) => o.widgetKey)
 ].includes(e);
-function Wn(e) {
+function On(e) {
   const {
     currentDashboardConfig: i,
     undoStatus: t,
     addContainer: o,
-    onResetToDefaultDashboardClick: a,
+    onResetToDefaultDashboardClick: s,
     onUndoOrRedo: r,
     onDoneClick: c
-  } = e, [h, D] = ae("Editing"), [S, b] = ae(0), [f, y] = ae(""), T = Array.from(e.widgetsCatalog.keys()).map((d) => ({
-    widgetKey: d,
-    metaData: yt(d, e.widgetsCatalog)
-  })), g = !!e.targetContainerKey, m = (d) => {
-    y(d.target.value);
-  }, x = (d) => {
-    const _ = f.trim().toLowerCase();
-    return _.length < 1 ? !0 : d.name.trim().toLowerCase().includes(_) || d.description.toLowerCase().includes(_);
-  }, N = (d) => {
-    const _ = f.trim().toLowerCase();
-    return _.length < 1 ? !0 : d.name.trim().toLowerCase().includes(_) || d.description.toLowerCase().includes(_);
-  }, C = (d) => G(
+  } = e, [h, D] = ae("Editing"), [v, m] = ae(0), [d, y] = ae(""), T = Array.from(e.widgetsCatalog.keys()).map((u) => ({
+    widgetKey: u,
+    metaData: yt(u, e.widgetsCatalog)
+  })), g = !!e.targetContainerKey, b = (u) => {
+    y(u.target.value);
+  }, C = (u) => {
+    const _ = d.trim().toLowerCase();
+    return _.length < 1 ? !0 : u.name.trim().toLowerCase().includes(_) || u.description.toLowerCase().includes(_);
+  }, N = (u) => {
+    const _ = d.trim().toLowerCase();
+    return _.length < 1 ? !0 : u.name.trim().toLowerCase().includes(_) || u.description.toLowerCase().includes(_);
+  }, w = (u) => G(
     "px-4 py-2 font-medium cursor-pointer border-b-2 border-transparent hover:border-primary focus:outline-none",
-    d === S ? "text-primary border-primary" : ""
-  ), w = (d) => {
-    g ? e.addWidget(d, e.targetContainerKey) : e.addWidget(d);
-  }, l = (d) => {
-    const _ = (e.currentDashboardConfig.cssSettings || []).map(($) => $.key === d.key ? d : $);
+    u === v ? "text-primary border-primary" : ""
+  ), S = (u) => {
+    g ? e.addWidget(u, e.targetContainerKey) : e.addWidget(u);
+  }, l = (u) => {
+    const _ = (e.currentDashboardConfig.cssSettings || []).map((R) => R.key === u.key ? u : R);
     e.onSettingItemsUpdated(_);
-  }, [M, s] = ae(!1), u = (d) => {
-    s(d);
+  }, [M, a] = ae(!1), f = (u) => {
+    a(u);
   };
   return Ct(() => {
     if (e.targetContainerKey) {
-      b(0);
-      const d = nt(e.targetContainerKey);
-      D(`Editing ${d}`);
+      m(0);
+      const u = nt(e.targetContainerKey);
+      D(`Editing ${u}`);
     } else
       D("Editing Dashboard");
   }, [e.targetContainerKey]), /* @__PURE__ */ n(
@@ -2753,11 +2759,11 @@ function Wn(e) {
         minHeight: "360px",
         backdropFilter: "blur(8px)"
       },
-      onDraggingChange: u,
-      children: /* @__PURE__ */ R("div", { className: "flex flex-col gap-2 p-2", children: [
-        /* @__PURE__ */ R("div", { className: "flex flex-row gap-2 justify-between", children: [
-          /* @__PURE__ */ R("div", { className: "handle flex-1 flex gap-2 w-full hover:text-primary cursor-grab", children: [
-            M ? /* @__PURE__ */ n(It, { className: "size-5" }) : /* @__PURE__ */ n($t, { className: "size-5" }),
+      onDraggingChange: f,
+      children: /* @__PURE__ */ $("div", { className: "flex flex-col gap-2 p-2", children: [
+        /* @__PURE__ */ $("div", { className: "flex flex-row gap-2 justify-between", children: [
+          /* @__PURE__ */ $("div", { className: "handle flex-1 flex gap-2 w-full hover:text-primary cursor-grab", children: [
+            M ? /* @__PURE__ */ n(It, { className: "size-5" }) : /* @__PURE__ */ n(Rt, { className: "size-5" }),
             /* @__PURE__ */ n(
               "h2",
               {
@@ -2767,7 +2773,7 @@ function Wn(e) {
               }
             )
           ] }),
-          /* @__PURE__ */ R("div", { className: "flex flex-row gap-2 items-center", children: [
+          /* @__PURE__ */ $("div", { className: "flex flex-row gap-2 items-center", children: [
             /* @__PURE__ */ n(
               J,
               {
@@ -2793,7 +2799,7 @@ function Wn(e) {
                 },
                 disabled: t.isRedoDisabled,
                 onClick: () => r("Redo"),
-                children: /* @__PURE__ */ n(Rt, { className: "size-5" })
+                children: /* @__PURE__ */ n($t, { className: "size-5" })
               }
             ),
             /* @__PURE__ */ n(
@@ -2805,17 +2811,17 @@ function Wn(e) {
                   placement: "bottom",
                   title: "Reset this dashboard to the default configuration"
                 },
-                onClick: a,
+                onClick: s,
                 children: /* @__PURE__ */ n(Mt, { className: "size-5" })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ R("div", { className: "flex border-b border-gray-200", children: [
-          /* @__PURE__ */ n("button", { onClick: () => b(0), className: C(0), children: "Widgets" }),
-          /* @__PURE__ */ n("button", { onClick: () => b(1), className: C(1), children: "Charts" }),
-          !g && /* @__PURE__ */ n("button", { onClick: () => b(2), className: C(2), children: "Containers" }),
-          !g && /* @__PURE__ */ n("button", { onClick: () => b(3), className: C(3), children: /* @__PURE__ */ n(_t, {}) })
+        /* @__PURE__ */ $("div", { className: "flex border-b border-gray-200", children: [
+          /* @__PURE__ */ n("button", { onClick: () => m(0), className: w(0), children: "Widgets" }),
+          /* @__PURE__ */ n("button", { onClick: () => m(1), className: w(1), children: "Charts" }),
+          !g && /* @__PURE__ */ n("button", { onClick: () => m(2), className: w(2), children: "Containers" }),
+          !g && /* @__PURE__ */ n("button", { onClick: () => m(3), className: w(3), children: /* @__PURE__ */ n(_t, {}) })
         ] }),
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-1 w-full", children: /* @__PURE__ */ n(
           lt,
@@ -2823,11 +2829,11 @@ function Wn(e) {
             label: "Filter...",
             size: "small",
             className: "w-full",
-            value: f,
-            onChange: m
+            value: d,
+            onChange: b
           }
         ) }),
-        /* @__PURE__ */ R(
+        /* @__PURE__ */ $(
           "div",
           {
             className: "flex flex-col gap-2 overflow-x-hidden overflow-y-auto",
@@ -2835,47 +2841,47 @@ function Wn(e) {
               maxHeight: "360px"
             },
             children: [
-              S === 0 && T.filter(
-                (d) => d.metaData.categories.includes("Widget") && x(d.metaData)
-              ).map((d) => /* @__PURE__ */ n(
+              v === 0 && T.filter(
+                (u) => u.metaData.categories.includes("Widget") && C(u.metaData)
+              ).map((u) => /* @__PURE__ */ n(
                 Pe,
                 {
-                  widgetKey: d.widgetKey,
-                  metaData: d.metaData,
-                  alreadyAdded: Re(d.widgetKey, i),
-                  addWidget: () => w(d.widgetKey)
+                  widgetKey: u.widgetKey,
+                  metaData: u.metaData,
+                  alreadyAdded: $e(u.widgetKey, i),
+                  addWidget: () => S(u.widgetKey)
                 },
-                d.widgetKey
+                u.widgetKey
               )),
-              S === 1 && T.filter(
-                (d) => d.metaData.categories.includes("Chart") && x(d.metaData)
-              ).map((d) => /* @__PURE__ */ n(
+              v === 1 && T.filter(
+                (u) => u.metaData.categories.includes("Chart") && C(u.metaData)
+              ).map((u) => /* @__PURE__ */ n(
                 Pe,
                 {
-                  widgetKey: d.widgetKey,
-                  metaData: d.metaData,
-                  alreadyAdded: Re(d.widgetKey, i),
-                  addWidget: () => w(d.widgetKey)
+                  widgetKey: u.widgetKey,
+                  metaData: u.metaData,
+                  alreadyAdded: $e(u.widgetKey, i),
+                  addWidget: () => S(u.widgetKey)
                 },
-                d.widgetKey
+                u.widgetKey
               )),
-              !g && S === 2 && T.filter((d) => d.metaData.categories.includes("Container")).map((d) => /* @__PURE__ */ n(
+              !g && v === 2 && T.filter((u) => u.metaData.categories.includes("Container")).map((u) => /* @__PURE__ */ n(
                 Pe,
                 {
-                  widgetKey: d.widgetKey,
-                  metaData: d.metaData,
-                  alreadyAdded: Re(d.widgetKey, i),
-                  addWidget: () => o(d.widgetKey)
+                  widgetKey: u.widgetKey,
+                  metaData: u.metaData,
+                  alreadyAdded: $e(u.widgetKey, i),
+                  addWidget: () => o(u.widgetKey)
                 },
-                d.widgetKey
+                u.widgetKey
               )),
-              !g && S === 3 && (i.cssSettings || []).filter(N).map((d) => /* @__PURE__ */ n(
+              !g && v === 3 && (i.cssSettings || []).filter(N).map((u) => /* @__PURE__ */ n(
                 on,
                 {
-                  item: d,
+                  item: u,
                   onSettingItemChanged: l
                 },
-                d.key
+                u.key
               ))
             ]
           }
@@ -2899,9 +2905,9 @@ function Wn(e) {
 export {
   hn as AddIcon,
   J as Button,
-  Wt as CircleQuestionMark,
-  Ot as CrosshairIcon,
-  Rn as DashboardGrid,
+  Ot as CircleQuestionMark,
+  Wt as CrosshairIcon,
+  $n as DashboardGrid,
   tt as DashboardWidgetBase,
   gn as DeleteIcon,
   Jt as DraggablePanel,
@@ -2909,7 +2915,7 @@ export {
   mn as EditIcon,
   pn as GridIcon,
   It as HandGrabIcon,
-  $t as HandIcon,
+  Rt as HandIcon,
   Sn as ListItem,
   Dn as ListItemLeftChild,
   Tn as ListItemMiddleChild,
@@ -2918,19 +2924,19 @@ export {
   bn as MonitorSmartphoneIcon,
   it as MoveLeftIcon,
   at as MoveRightIcon,
-  Rt as RedoIcon,
+  $t as RedoIcon,
   _t as SettingsIcon,
   jt as Stack,
-  K as SvgBaseWrapper,
+  B as SvgBaseWrapper,
   vn as TabletSmartphoneIcon,
   wn as TargetIcon,
   lt as TextField,
   Mt as TimerResetIcon,
   Pt as UndoIcon,
-  $n as WidgetContainerColumn,
+  Rn as WidgetContainerColumn,
   In as WidgetContainerLarge,
-  On as WidgetContainerRow,
-  Wn as WidgetsCatalogFlyout,
+  Wn as WidgetContainerRow,
+  On as WidgetsCatalogFlyout,
   _n as WrapperColumnContent,
   Mn as WrapperColumnContentListItem,
   st as XCircleIcon,