@tenorlab/react-dashboard 1.6.0 → 1.6.2

package/dist/react-dashboard.es.js

@@ -1,123 +1,123 @@
 import { create as mt } from "zustand";
-import { dashboardStoreUtils as he, blankDashboardConfig as Ce, getDistinctCssClasses as G, ensureZoomScaleIsWithinRange as pt, parseContainerTitle as nt, getWidgetMetaFromCatalog as yt, dashboardSettingsUtils as bt } from "./core.es.js";
-import ve, { useState as ie, useCallback as ce, useMemo as ot, forwardRef as se, useRef as vt, Suspense as xt, useEffect as Ct } from "react";
+import { blankDashboardConfig as Ce, dashboardStoreUtils as he, getDistinctCssClasses as G, ensureZoomScaleIsWithinRange as pt, parseContainerTitle as nt, getWidgetMetaFromCatalog as yt, dashboardSettingsUtils as bt } from "./core.es.js";
+import ve, { useState as ae, useCallback as ce, useMemo as ot, forwardRef as se, useRef as vt, Suspense as xt, useEffect as Ct } from "react";
 import { jsxs as I, jsx as t } from "react/jsx-runtime";
-import at from "react-dom";
-const wt = (e) => (l, r, o) => {
-  const s = o.subscribe;
-  return o.subscribe = ((f, g, D) => {
+import it from "react-dom";
+const wt = (e) => (s, r, n) => {
+  const d = n.subscribe;
+  return n.subscribe = ((f, g, T) => {
     let S = f;
     if (g) {
-      const b = D?.equalityFn || Object.is;
-      let c = f(o.getState());
+      const b = T?.equalityFn || Object.is;
+      let l = f(n.getState());
       S = (p) => {
         const m = f(p);
-        if (!b(c, m)) {
-          const T = c;
-          g(c = m, T);
+        if (!b(l, m)) {
+          const D = l;
+          g(l = m, D);
         }
-      }, D?.fireImmediately && g(c, c);
+      }, T?.fireImmediately && g(l, l);
     }
-    return s(S);
-  }), e(l, r, o);
-}, St = wt, Dt = (e, l) => ({
+    return d(S);
+  }), e(s, r, n);
+}, St = wt, Dt = (e, s) => ({
   isLoading: !1,
   isEditing: !1,
   allDashboardConfigs: [Ce],
   currentDashboardConfig: Ce,
   targetContainerKey: void 0,
-  getNextContainerKey: (r) => he.getNextContainerKey(l().currentDashboardConfig, r),
+  getNextContainerKey: (r) => he.getNextContainerKey(s().currentDashboardConfig, r),
   setIsLoading: (r) => (e(() => ({ isLoading: r })), r),
   setIsEditing: (r) => {
-    let o = l().targetContainerKey;
-    return r || (o = void 0), e(() => ({ isEditing: r, targetContainerKey: o })), r;
+    let n = s().targetContainerKey;
+    return r || (n = void 0), e(() => ({ isEditing: r, targetContainerKey: n })), r;
   },
   setTargetContainerKey: (r) => (e(() => ({ targetContainerKey: r })), r),
-  setAllDashboardConfigs: (r) => (e(() => ({ allDashboardConfigs: r })), l().allDashboardConfigs),
+  setAllDashboardConfigs: (r) => (e(() => ({ allDashboardConfigs: r })), s().allDashboardConfigs),
   setCurrentDashboardConfig: (r) => {
-    const o = l(), s = [
-      ...o.allDashboardConfigs.filter((n) => n.dashboardId !== r.dashboardId),
+    const n = s(), d = [
+      ...n.allDashboardConfigs.filter((o) => o.dashboardId !== r.dashboardId),
       r
     ];
     return e(() => ({
-      ...o,
-      allDashboardConfigs: s,
+      ...n,
+      allDashboardConfigs: d,
       currentDashboardConfig: r
-    })), s;
+    })), d;
   },
   addDashboardConfig: (r) => {
-    const o = l(), s = [
-      ...o.allDashboardConfigs.filter((n) => n.dashboardId !== r.dashboardId),
+    const n = s(), d = [
+      ...n.allDashboardConfigs.filter((o) => o.dashboardId !== r.dashboardId),
       r
     ];
     return e(() => ({
-      ...o,
-      allDashboardConfigs: s,
+      ...n,
+      allDashboardConfigs: d,
       currentDashboardConfig: r
-    })), s;
+    })), d;
   },
   deleteDashboardConfigById: (r) => {
-    const o = l(), s = [...o.allDashboardConfigs.filter((n) => n.dashboardId !== r)];
+    const n = s(), d = [...n.allDashboardConfigs.filter((o) => o.dashboardId !== r)];
     return e(() => ({
-      ...o,
-      allDashboardConfigs: s,
-      currentDashboardConfig: s[0] || Ce
-    })), s;
+      ...n,
+      allDashboardConfigs: d,
+      currentDashboardConfig: d[0] || Ce
+    })), d;
   },
   selectDashboardById: (r) => (e(() => {
-    const o = l(), s = o.allDashboardConfigs.find((n) => n.dashboardId === r);
-    return s ? {
-      currentDashboardConfig: s
+    const n = s(), d = n.allDashboardConfigs.find((o) => o.dashboardId === r);
+    return d ? {
+      currentDashboardConfig: d
     } : {
-      ...o
+      ...n
     };
-  }), l().currentDashboardConfig),
+  }), s().currentDashboardConfig),
   addWidget: (r) => {
-    const o = l(), s = he.addWidget({
-      dashboardConfig: o.currentDashboardConfig,
+    const n = s(), d = he.addWidget({
+      dashboardConfig: n.currentDashboardConfig,
       ...r
-    }), n = [
-      ...o.allDashboardConfigs.filter(
-        (f) => f.dashboardId !== s.updatedDashboardConfig.dashboardId
+    }), o = [
+      ...n.allDashboardConfigs.filter(
+        (f) => f.dashboardId !== d.updatedDashboardConfig.dashboardId
       ),
-      s.updatedDashboardConfig
+      d.updatedDashboardConfig
     ];
-    return s.success && e(() => ({
-      allDashboardConfigs: n,
-      currentDashboardConfig: s.updatedDashboardConfig
+    return d.success && e(() => ({
+      allDashboardConfigs: o,
+      currentDashboardConfig: d.updatedDashboardConfig
     })), {
-      ...s,
-      allUpdatedDashboardConfigs: n
+      ...d,
+      allUpdatedDashboardConfigs: o
     };
   },
-  removeWidget: (r, o) => {
-    const s = l(), n = he.removeWidget(
-      s.currentDashboardConfig,
+  removeWidget: (r, n) => {
+    const d = s(), o = he.removeWidget(
+      d.currentDashboardConfig,
       r,
-      o
+      n
     ), f = [
-      ...s.allDashboardConfigs.filter(
-        (g) => g.dashboardId !== n.updatedDashboardConfig.dashboardId
+      ...d.allDashboardConfigs.filter(
+        (g) => g.dashboardId !== o.updatedDashboardConfig.dashboardId
       ),
-      n.updatedDashboardConfig
+      o.updatedDashboardConfig
     ];
-    return n.success && e(() => ({
+    return o.success && e(() => ({
       allDashboardConfigs: f,
-      currentDashboardConfig: n.updatedDashboardConfig
+      currentDashboardConfig: o.updatedDashboardConfig
     })), {
-      ...n,
+      ...o,
       allUpdatedDashboardConfigs: f
     };
   },
-  moveWidget: (r, o, s) => {
-    const n = l(), f = he.moveWidget(
-      n.currentDashboardConfig,
+  moveWidget: (r, n, d) => {
+    const o = s(), f = he.moveWidget(
+      o.currentDashboardConfig,
       r,
-      o,
-      s
+      n,
+      d
     ), g = [
-      ...n.allDashboardConfigs.filter(
-        (D) => D.dashboardId !== f.updatedDashboardConfig.dashboardId
+      ...o.allDashboardConfigs.filter(
+        (T) => T.dashboardId !== f.updatedDashboardConfig.dashboardId
       ),
       f.updatedDashboardConfig
     ];
@@ -129,71 +129,71 @@ const wt = (e) => (l, r, o) => {
       allUpdatedDashboardConfigs: g
     };
   }
-}), lr = mt()(
+}), cr = mt()(
   St((...e) => ({
     ...Dt(...e)
   }))
-), cr = () => {
-  const [e, l] = ie({}), [r, o] = ie({}), s = ce((b) => {
-    const c = b.dashboardId;
-    l((p) => {
+), dr = () => {
+  const [e, s] = ae({}), [r, n] = ae({}), d = ce((b) => {
+    const l = b.dashboardId;
+    s((p) => {
       const m = {
         undoIndex: 0,
         config: b
       };
-      return o((T) => ({
-        ...T,
-        [c]: 0
+      return n((D) => ({
+        ...D,
+        [l]: 0
       })), {
         ...p,
-        [c]: [m]
+        [l]: [m]
         // Forces a reset to just this one entry
       };
     });
-  }, []), n = ce(
+  }, []), o = ce(
     (b) => {
-      l((c) => {
-        const p = b.dashboardId, m = c[p] || [], T = r[p] ?? -1, h = m.slice(0, T + 1), y = {
+      s((l) => {
+        const p = b.dashboardId, m = l[p] || [], D = r[p] ?? -1, h = m.slice(0, D + 1), y = {
           undoIndex: h.length,
           // New index based on trimmed length
           config: b
         }, x = [...h, y];
-        return o((E) => ({
+        return n((E) => ({
           ...E,
           [p]: x.length - 1
           // Index is now the last element's index
         })), {
-          ...c,
+          ...l,
           [p]: x
         };
       });
     },
     [r]
   ), f = ce((b) => {
-    l((c) => {
-      if (!c[b])
-        return c;
-      const { [b]: p, ...m } = c;
+    s((l) => {
+      if (!l[b])
+        return l;
+      const { [b]: p, ...m } = l;
       return m;
-    }), o((c) => {
-      const { [b]: p, ...m } = c;
+    }), n((l) => {
+      const { [b]: p, ...m } = l;
       return m;
     });
   }, []), g = ce(
     (b) => {
-      o((c) => {
-        const p = c[b] ?? -1, m = Math.max(0, p - 1);
-        return m !== p ? { ...c, [b]: m } : c;
+      n((l) => {
+        const p = l[b] ?? -1, m = Math.max(0, p - 1);
+        return m !== p ? { ...l, [b]: m } : l;
       });
     },
     [
       //loadConfigFromHistory
     ]
-  ), D = ce(
+  ), T = ce(
     (b) => {
-      o((c) => {
-        const p = e[b]?.length || 0, m = c[b] ?? -1, T = Math.min(p - 1, m + 1);
-        return T !== m ? { ...c, [b]: T } : c;
+      n((l) => {
+        const p = e[b]?.length || 0, m = l[b] ?? -1, D = Math.min(p - 1, m + 1);
+        return D !== m ? { ...l, [b]: D } : l;
       });
     },
     [
@@ -202,15 +202,15 @@ const wt = (e) => (l, r, o) => {
     ]
   );
   return {
-    initializeHistoryForDashboard: s,
-    resetAllHistory: () => l({}),
-    addUndoEntry: n,
+    initializeHistoryForDashboard: d,
+    resetAllHistory: () => s({}),
+    addUndoEntry: o,
     removeUndoHistoryForDashboard: f,
     undo: g,
-    redo: D,
+    redo: T,
     getUndoStatus: (b) => {
-      const c = r[b] ?? -1, p = e[b]?.length || 0, m = c <= 0, T = c >= p - 1;
-      return { isUndoDisabled: m, isRedoDisabled: T };
+      const l = r[b] ?? -1, p = e[b]?.length || 0, m = l <= 0, D = l >= p - 1;
+      return { isUndoDisabled: m, isRedoDisabled: D };
     },
     undoHistory: e,
     historyIndex: r
@@ -219,7 +219,7 @@ const wt = (e) => (l, r, o) => {
 };
 function K({
   children: e,
-  className: l
+  className: s
 }) {
   return /* @__PURE__ */ t(
     "svg",
@@ -233,19 +233,19 @@ function K({
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: l,
+      className: s,
       children: e
     }
   );
 }
-function dr({ className: e }) {
+function ur({ className: e }) {
   return /* @__PURE__ */ I(K, { className: `lucide lucide-circle-plus-icon lucide-circle-plus ${e}`, children: [
     /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ t("path", { d: "M8 12h8" }),
     /* @__PURE__ */ t("path", { d: "M12 8v8" })
   ] });
 }
-function ur({ className: e }) {
+function fr({ className: e }) {
   return /* @__PURE__ */ I(K, { className: `lucide lucide-trash2-icon lucide-trash-2 ${e}`, children: [
     /* @__PURE__ */ t("path", { d: "M10 11v6" }),
     /* @__PURE__ */ t("path", { d: "M14 11v6" }),
@@ -254,13 +254,13 @@ function ur({ className: e }) {
     /* @__PURE__ */ t("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
   ] });
 }
-function fr({ className: e }) {
+function hr({ className: e }) {
   return /* @__PURE__ */ I(K, { className: `lucide lucide-square-pen-icon lucide-square-pen ${e}`, children: [
     /* @__PURE__ */ t("path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
     /* @__PURE__ */ t("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 hr({ className: e }) {
+function gr({ className: e }) {
   return /* @__PURE__ */ I(
     K,
     {
@@ -275,7 +275,7 @@ function hr({ className: e }) {
     }
   );
 }
-function gr({ className: e }) {
+function mr({ className: e }) {
   return /* @__PURE__ */ I(K, { className: `lucide lucide-grid3x3-icon lucide-grid-3x3 ${e}`, children: [
     /* @__PURE__ */ t("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
     /* @__PURE__ */ t("path", { d: "M3 9h18" }),
@@ -284,14 +284,14 @@ function gr({ className: e }) {
     /* @__PURE__ */ t("path", { d: "M15 3v18" })
   ] });
 }
-function mr({ className: e }) {
+function pr({ className: e }) {
   return /* @__PURE__ */ I(K, { className: `lucide lucide-monitor-icon lucide-monitor ${e}`, children: [
     /* @__PURE__ */ t("rect", { width: "20", height: "14", x: "2", y: "3", rx: "2" }),
     /* @__PURE__ */ t("line", { x1: "8", x2: "16", y1: "21", y2: "21" }),
     /* @__PURE__ */ t("line", { x1: "12", x2: "12", y1: "17", y2: "21" })
   ] });
 }
-function pr({ className: e }) {
+function yr({ className: e }) {
   return /* @__PURE__ */ I(
     K,
     {
@@ -305,7 +305,7 @@ function pr({ className: e }) {
     }
   );
 }
-function it({ className: e }) {
+function at({ className: e }) {
   return /* @__PURE__ */ I(
     K,
     {
@@ -337,7 +337,7 @@ function Tt({ className: e }) {
     /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "3" })
   ] });
 }
-function yr({ className: e }) {
+function br({ className: e }) {
   return /* @__PURE__ */ I(
     K,
     {
@@ -357,7 +357,7 @@ function lt({ className: e }) {
     /* @__PURE__ */ t("path", { d: "m9 9 6 6" })
   ] });
 }
-function br({ className: e }) {
+function vr({ className: e }) {
   return /* @__PURE__ */ I(K, { className: `lucide lucide-zoom-in-icon lucide-zoom-in ${e}`, children: [
     /* @__PURE__ */ t("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ t("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
@@ -365,7 +365,7 @@ function br({ className: e }) {
     /* @__PURE__ */ t("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
   ] });
 }
-function vr({ className: e }) {
+function xr({ className: e }) {
   return /* @__PURE__ */ I(K, { className: `lucide lucide-zoom-out-icon lucide-zoom-out ${e}`, children: [
     /* @__PURE__ */ t("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ t("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
@@ -417,7 +417,7 @@ function It({ className: e }) {
     /* @__PURE__ */ t("line", { x1: "12", x2: "12", y1: "22", y2: "18" })
   ] });
 }
-function xr({ className: e }) {
+function Cr({ className: e }) {
   return /* @__PURE__ */ I(K, { className: `lucide lucide-target-icon lucide-target ${e}`, children: [
     /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "6" }),
@@ -439,30 +439,30 @@ function Rt({ className: e }) {
 }
 const ct = ({
   label: e,
-  className: l,
+  className: s,
   size: r = "medium",
-  value: o,
-  onChange: s,
-  onKeyDown: n,
+  value: n,
+  onChange: d,
+  onKeyDown: o,
   placeholder: f = ""
 }) => {
-  const g = ot(() => r === "small" ? "py-1.5 px-3 text-sm" : "py-2.5 px-4 text-base", [r]), D = G("flex flex-col mb-4", l || ""), b = `${G(`
+  const g = ot(() => r === "small" ? "py-1.5 px-3 text-sm" : "py-2.5 px-4 text-base", [r]), T = G("flex flex-col mb-4", s || ""), b = `${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
   `)} ${g}`;
-  return /* @__PURE__ */ I("div", { className: D, children: [
+  return /* @__PURE__ */ I("div", { className: T, children: [
     /* @__PURE__ */ t("label", { htmlFor: e, className: "block text-sm/6 font-medium mb-1.5", children: e }),
     /* @__PURE__ */ t(
       "input",
       {
         id: e,
         type: "text",
-        value: o,
-        onChange: s,
-        onKeyDown: (c) => n && n(c),
+        value: n,
+        onChange: d,
+        onKeyDown: (l) => o && o(l),
         placeholder: f,
         className: b,
         "aria-label": e
@@ -481,25 +481,25 @@ const ct = ({
 ]);
 function J(e) {
   const {
-    tooltip: l,
+    tooltip: s,
     disabled: r,
-    isIconButton: o,
-    className: s,
-    buttonType: n,
+    isIconButton: n,
+    className: d,
+    buttonType: o,
     category: f,
     px: g,
-    py: D,
+    py: T,
     children: S,
     ...b
-  } = e, c = () => {
-    const m = e.isIconButton || !1, T = e.category || "primary", h = e.buttonType || "normal", y = e.disabled || !1, x = e.className || "", E = e.font || "semibold", C = Number((e.border || 0) > 0 ? e.border : 0);
+  } = e, l = () => {
+    const m = e.isIconButton || !1, D = e.category || "primary", h = e.buttonType || "normal", y = e.disabled || !1, x = e.className || "", E = e.font || "semibold", C = Number((e.border || 0) > 0 ? e.border : 0);
     let w = (e.borderColor || "").trim();
     w = w.length > 0 ? w : "";
-    const i = Number((e.borderHover || 0) > 0 ? e.borderHover : 0), M = e.shadow || "sm", a = e.shadowHover || "md", u = (e.addCss || "").trim(), d = e.justifyCss || "justify-center";
+    const a = Number((e.borderHover || 0) > 0 ? e.borderHover : 0), M = e.shadow || "sm", i = e.shadowHover || "md", u = (e.addCss || "").trim(), c = e.justifyCss || "justify-center";
     if (m)
       return G(
         "flex flex-row items-center",
-        y ? "text-disabled" : `text-${T} hover:brightness-110 cursor-pointer`,
+        y ? "text-disabled" : `text-${D} hover:brightness-110 cursor-pointer`,
         x || ""
       );
     const _ = [
@@ -515,33 +515,33 @@ function J(e) {
       _.push("cursor-pointer");
       let R = "";
       we.has(h) ? R = `${we.get(h)}` : R = `${we.get("normal")}`, C < 1 && (R = R.replace("border-[category]", ""));
-      const H = R.replace(/\[category\]/g, T).trim();
+      const H = R.replace(/\[category\]/g, D).trim();
       _.push(H);
     }
-    return C > 0 ? (_.push(`border-[${C}px]`), _.push(`border-${w}`)) : (_.push("border-[1px]"), _.push("border-transparent")), i > 0 ? (_.push(`hover:border-[${i}px] group-hover:border-[${i}px]`), _.push(`hover:border-${w} group-hover:border-${w}`)) : _.push("hover:border-[1px] group-hover:border-[1px]"), _.push(`shadow-${M}`), _.push(`hover:shadow-${a} group-hover:shadow-${a}`), u.length > 0 && _.push(u), u.indexOf("hidden") === -1 && _.push("inline-flex"), _.push(d), _.join(" ").trim();
+    return C > 0 ? (_.push(`border-[${C}px]`), _.push(`border-${w}`)) : (_.push("border-[1px]"), _.push("border-transparent")), a > 0 ? (_.push(`hover:border-[${a}px] group-hover:border-[${a}px]`), _.push(`hover:border-${w} group-hover:border-${w}`)) : _.push("hover:border-[1px] group-hover:border-[1px]"), _.push(`shadow-${M}`), _.push(`hover:shadow-${i} group-hover:shadow-${i}`), u.length > 0 && _.push(u), u.indexOf("hidden") === -1 && _.push("inline-flex"), _.push(c), _.join(" ").trim();
   }, p = () => {
-    const m = e.px || 0.7, T = e.py || 0.25;
+    const m = e.px || 0.7, D = e.py || 0.25;
     return {
-      padding: o ? 0 : `${T}rem ${m}rem `
+      padding: n ? 0 : `${D}rem ${m}rem `
     };
   };
-  return /* @__PURE__ */ t("button", { type: "button", disabled: r, className: c(), style: p(), ...b, children: S });
+  return /* @__PURE__ */ t("button", { type: "button", disabled: r, className: l(), style: p(), ...b, children: S });
 }
 const $t = (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 Ot(e) {
-  const { children: l, testId: r, classNames: o, direction: s, ...n } = e, f = $t(e);
-  return /* @__PURE__ */ t("div", { "data-testid": r || "not-set", className: f, ...n, children: l });
+  const { children: s, testId: r, classNames: n, direction: d, ...o } = e, f = $t(e);
+  return /* @__PURE__ */ t("div", { "data-testid": r || "not-set", className: f, ...o, children: s });
 }
-const Cr = se(
-  (e, l) => {
-    const { classNames: r, innerClass: o, ...s } = e, n = G(r || "", "w-full"), f = G(
+const wr = se(
+  (e, s) => {
+    const { classNames: r, innerClass: n, ...d } = e, o = G(r || "", "w-full"), f = G(
       `w-full flex overflow-hidden justify-between items-center gap-0 
       rounded-md border`,
-      o || ""
+      n || ""
     );
-    return /* @__PURE__ */ t(Ot, { direction: "row", classNames: n, ...s, children: /* @__PURE__ */ t("div", { className: f, children: e.children }) });
+    return /* @__PURE__ */ t(Ot, { direction: "row", classNames: o, ...d, children: /* @__PURE__ */ t("div", { className: f, children: e.children }) });
   }
-), wr = se((e, l) => /* @__PURE__ */ t(
+), Sr = se((e, s) => /* @__PURE__ */ t(
   "div",
   {
     "data-testid": e.testId || "not-set",
@@ -552,8 +552,8 @@ const Cr = se(
     },
     children: e.children
   }
-)), Sr = se(
-  (e, l) => /* @__PURE__ */ t(
+)), Dr = se(
+  (e, s) => /* @__PURE__ */ t(
     "div",
     {
       "data-testid": e.testId || "not-set",
@@ -561,7 +561,7 @@ const Cr = se(
       children: e.children
     }
   )
-), Dr = se((e, l) => /* @__PURE__ */ t(
+), Tr = se((e, s) => /* @__PURE__ */ t(
   "div",
   {
     "data-testid": e.testId || "not-set",
@@ -581,28 +581,28 @@ var je;
 function Wt() {
   if (je) return U;
   je = 1;
-  var e = typeof Symbol == "function" && Symbol.for, l = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, o = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, s = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, n = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, f = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, g = 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, c = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, p = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, m = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, T = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, h = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, y = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, x = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, E = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-  function C(i) {
-    if (typeof i == "object" && i !== null) {
-      var M = i.$$typeof;
+  var e = typeof Symbol == "function" && Symbol.for, s = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, d = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, f = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, g = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, T = 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, l = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, p = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, m = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, D = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, h = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, y = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, x = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, E = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  function C(a) {
+    if (typeof a == "object" && a !== null) {
+      var M = a.$$typeof;
       switch (M) {
-        case l:
-          switch (i = i.type, i) {
-            case D:
+        case s:
+          switch (a = a.type, a) {
+            case T:
             case S:
-            case o:
             case n:
-            case s:
-            case c:
-              return i;
+            case o:
+            case d:
+            case l:
+              return a;
             default:
-              switch (i = i && i.$$typeof, i) {
+              switch (a = a && a.$$typeof, a) {
                 case g:
                 case b:
-                case T:
+                case D:
                 case m:
                 case f:
-                  return i;
+                  return a;
                 default:
                   return M;
               }
@@ -612,66 +612,66 @@ function Wt() {
       }
     }
   }
-  function w(i) {
-    return C(i) === S;
+  function w(a) {
+    return C(a) === S;
   }
-  return U.AsyncMode = D, U.ConcurrentMode = S, U.ContextConsumer = g, U.ContextProvider = f, U.Element = l, U.ForwardRef = b, U.Fragment = o, U.Lazy = T, U.Memo = m, U.Portal = r, U.Profiler = n, U.StrictMode = s, U.Suspense = c, U.isAsyncMode = function(i) {
-    return w(i) || C(i) === D;
-  }, U.isConcurrentMode = w, U.isContextConsumer = function(i) {
-    return C(i) === g;
-  }, U.isContextProvider = function(i) {
-    return C(i) === f;
-  }, U.isElement = function(i) {
-    return typeof i == "object" && i !== null && i.$$typeof === l;
-  }, U.isForwardRef = function(i) {
-    return C(i) === b;
-  }, U.isFragment = function(i) {
-    return C(i) === o;
-  }, U.isLazy = function(i) {
-    return C(i) === T;
-  }, U.isMemo = function(i) {
-    return C(i) === m;
-  }, U.isPortal = function(i) {
-    return C(i) === r;
-  }, U.isProfiler = function(i) {
-    return C(i) === n;
-  }, U.isStrictMode = function(i) {
-    return C(i) === s;
-  }, U.isSuspense = function(i) {
-    return C(i) === c;
-  }, U.isValidElementType = function(i) {
-    return typeof i == "string" || typeof i == "function" || i === o || i === S || i === n || i === s || i === c || i === p || typeof i == "object" && i !== null && (i.$$typeof === T || i.$$typeof === m || i.$$typeof === f || i.$$typeof === g || i.$$typeof === b || i.$$typeof === y || i.$$typeof === x || i.$$typeof === E || i.$$typeof === h);
+  return U.AsyncMode = T, U.ConcurrentMode = S, U.ContextConsumer = g, U.ContextProvider = f, U.Element = s, U.ForwardRef = b, U.Fragment = n, U.Lazy = D, U.Memo = m, U.Portal = r, U.Profiler = o, U.StrictMode = d, U.Suspense = l, U.isAsyncMode = function(a) {
+    return w(a) || C(a) === T;
+  }, U.isConcurrentMode = w, U.isContextConsumer = function(a) {
+    return C(a) === g;
+  }, U.isContextProvider = function(a) {
+    return C(a) === f;
+  }, U.isElement = function(a) {
+    return typeof a == "object" && a !== null && a.$$typeof === s;
+  }, U.isForwardRef = function(a) {
+    return C(a) === b;
+  }, U.isFragment = function(a) {
+    return C(a) === n;
+  }, U.isLazy = function(a) {
+    return C(a) === D;
+  }, U.isMemo = function(a) {
+    return C(a) === m;
+  }, U.isPortal = function(a) {
+    return C(a) === r;
+  }, U.isProfiler = function(a) {
+    return C(a) === o;
+  }, U.isStrictMode = function(a) {
+    return C(a) === d;
+  }, U.isSuspense = function(a) {
+    return C(a) === l;
+  }, U.isValidElementType = function(a) {
+    return typeof a == "string" || typeof a == "function" || a === n || a === S || a === o || a === d || a === l || a === p || typeof a == "object" && a !== null && (a.$$typeof === D || a.$$typeof === m || a.$$typeof === f || a.$$typeof === g || a.$$typeof === b || a.$$typeof === y || a.$$typeof === x || a.$$typeof === E || a.$$typeof === h);
   }, U.typeOf = C, U;
 }
 var Y = {};
 var Ae;
 function jt() {
   return Ae || (Ae = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, l = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, o = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, s = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, n = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, f = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, g = 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, c = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, p = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, m = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, T = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, h = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, y = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, x = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, E = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, s = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, d = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, f = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, g = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, T = 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, l = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, p = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, m = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, D = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, h = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, y = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, x = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, E = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
     function C(N) {
       return typeof N == "string" || typeof N == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      N === o || N === S || N === n || N === s || N === c || N === p || typeof N == "object" && N !== null && (N.$$typeof === T || N.$$typeof === m || N.$$typeof === f || N.$$typeof === g || N.$$typeof === b || N.$$typeof === y || N.$$typeof === x || N.$$typeof === E || N.$$typeof === h);
+      N === n || N === S || N === o || N === d || N === l || N === p || typeof N == "object" && N !== null && (N.$$typeof === D || N.$$typeof === m || N.$$typeof === f || N.$$typeof === g || N.$$typeof === b || N.$$typeof === y || N.$$typeof === x || N.$$typeof === E || N.$$typeof === h);
     }
     function w(N) {
       if (typeof N == "object" && N !== null) {
         var te = N.$$typeof;
         switch (te) {
-          case l:
+          case s:
             var fe = N.type;
             switch (fe) {
-              case D:
+              case T:
               case S:
-              case o:
               case n:
-              case s:
-              case c:
+              case o:
+              case d:
+              case l:
                 return fe;
               default:
                 var We = fe && fe.$$typeof;
                 switch (We) {
                   case g:
                   case b:
-                  case T:
+                  case D:
                   case m:
                   case f:
                     return We;
@@ -684,9 +684,9 @@ function jt() {
         }
       }
     }
-    var i = D, M = S, a = g, u = f, d = l, _ = b, R = o, H = T, V = m, X = r, Q = n, B = s, ee = c, ae = !1;
+    var a = T, M = S, i = g, u = f, c = s, _ = b, R = n, H = D, V = m, X = r, Q = o, B = d, ee = l, ie = !1;
     function le(N) {
-      return ae || (ae = !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(N) || w(N) === 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.")), v(N) || w(N) === T;
     }
     function v(N) {
       return w(N) === S;
@@ -698,16 +698,16 @@ function jt() {
       return w(N) === f;
     }
     function k(N) {
-      return typeof N == "object" && N !== null && N.$$typeof === l;
+      return typeof N == "object" && N !== null && N.$$typeof === s;
     }
     function $(N) {
       return w(N) === b;
     }
     function A(N) {
-      return w(N) === o;
+      return w(N) === n;
     }
     function O(N) {
-      return w(N) === T;
+      return w(N) === D;
     }
     function W(N) {
       return w(N) === m;
@@ -716,15 +716,15 @@ function jt() {
       return w(N) === r;
     }
     function F(N) {
-      return w(N) === n;
+      return w(N) === o;
     }
     function L(N) {
-      return w(N) === s;
+      return w(N) === d;
     }
     function Z(N) {
-      return w(N) === c;
+      return w(N) === l;
     }
-    Y.AsyncMode = i, Y.ConcurrentMode = M, Y.ContextConsumer = a, Y.ContextProvider = u, Y.Element = d, Y.ForwardRef = _, Y.Fragment = R, Y.Lazy = H, Y.Memo = V, Y.Portal = X, Y.Profiler = Q, Y.StrictMode = B, Y.Suspense = ee, Y.isAsyncMode = le, Y.isConcurrentMode = v, Y.isContextConsumer = P, Y.isContextProvider = j, Y.isElement = k, Y.isForwardRef = $, Y.isFragment = A, Y.isLazy = O, Y.isMemo = W, Y.isPortal = q, Y.isProfiler = F, Y.isStrictMode = L, Y.isSuspense = Z, Y.isValidElementType = C, Y.typeOf = w;
+    Y.AsyncMode = a, Y.ConcurrentMode = M, Y.ContextConsumer = i, Y.ContextProvider = u, Y.Element = c, Y.ForwardRef = _, Y.Fragment = R, Y.Lazy = H, Y.Memo = V, Y.Portal = X, Y.Profiler = Q, Y.StrictMode = B, Y.Suspense = ee, Y.isAsyncMode = le, Y.isConcurrentMode = v, Y.isContextConsumer = P, Y.isContextProvider = j, Y.isElement = k, Y.isForwardRef = $, Y.isFragment = A, Y.isLazy = O, Y.isMemo = W, Y.isPortal = q, Y.isProfiler = F, Y.isStrictMode = L, Y.isSuspense = Z, Y.isValidElementType = C, Y.typeOf = w;
   })()), Y;
 }
 var qe;
@@ -735,25 +735,25 @@ var De, Le;
 function At() {
   if (Le) return De;
   Le = 1;
-  var e = Object.getOwnPropertySymbols, l = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
-  function o(n) {
-    if (n == null)
+  var e = Object.getOwnPropertySymbols, s = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
+  function n(o) {
+    if (o == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(n);
+    return Object(o);
   }
-  function s() {
+  function d() {
     try {
       if (!Object.assign)
         return !1;
-      var n = new String("abc");
-      if (n[5] = "de", Object.getOwnPropertyNames(n)[0] === "5")
+      var o = new String("abc");
+      if (o[5] = "de", Object.getOwnPropertyNames(o)[0] === "5")
         return !1;
       for (var f = {}, g = 0; g < 10; g++)
         f["_" + String.fromCharCode(g)] = g;
-      var D = Object.getOwnPropertyNames(f).map(function(b) {
+      var T = Object.getOwnPropertyNames(f).map(function(b) {
         return f[b];
       });
-      if (D.join("") !== "0123456789")
+      if (T.join("") !== "0123456789")
         return !1;
       var S = {};
       return "abcdefghijklmnopqrst".split("").forEach(function(b) {
@@ -763,18 +763,18 @@ function At() {
       return !1;
     }
   }
-  return De = s() ? Object.assign : function(n, f) {
-    for (var g, D = o(n), S, b = 1; b < arguments.length; b++) {
+  return De = d() ? Object.assign : function(o, f) {
+    for (var g, T = n(o), S, b = 1; b < arguments.length; b++) {
       g = Object(arguments[b]);
-      for (var c in g)
-        l.call(g, c) && (D[c] = g[c]);
+      for (var l in g)
+        s.call(g, l) && (T[l] = g[l]);
       if (e) {
         S = e(g);
         for (var p = 0; p < S.length; p++)
-          r.call(g, S[p]) && (D[S[p]] = g[S[p]]);
+          r.call(g, S[p]) && (T[S[p]] = g[S[p]]);
       }
     }
-    return D;
+    return T;
   }, De;
 }
 var Te, Ue;
@@ -795,9 +795,9 @@ function qt() {
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var l = /* @__PURE__ */ $e(), r = {}, o = /* @__PURE__ */ ut();
-    e = function(n) {
-      var f = "Warning: " + n;
+    var s = /* @__PURE__ */ $e(), r = {}, n = /* @__PURE__ */ ut();
+    e = function(o) {
+      var f = "Warning: " + o;
       typeof console < "u" && console.error(f);
       try {
         throw new Error(f);
@@ -805,58 +805,58 @@ function qt() {
       }
     };
   }
-  function s(n, f, g, D, S) {
+  function d(o, f, g, T, S) {
     if (process.env.NODE_ENV !== "production") {
-      for (var b in n)
-        if (o(n, b)) {
-          var c;
+      for (var b in o)
+        if (n(o, b)) {
+          var l;
           try {
-            if (typeof n[b] != "function") {
+            if (typeof o[b] != "function") {
               var p = Error(
-                (D || "React class") + ": " + g + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                (T || "React class") + ": " + g + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
               throw p.name = "Invariant Violation", p;
             }
-            c = n[b](f, b, D, g, null, l);
-          } catch (T) {
-            c = T;
+            l = o[b](f, b, T, g, null, s);
+          } catch (D) {
+            l = D;
           }
-          if (c && !(c instanceof Error) && e(
-            (D || "React class") + ": type specification of " + g + " `" + b + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof c + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), c instanceof Error && !(c.message in r)) {
-            r[c.message] = !0;
+          if (l && !(l instanceof Error) && e(
+            (T || "React class") + ": type specification of " + g + " `" + b + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof l + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), l instanceof Error && !(l.message in r)) {
+            r[l.message] = !0;
             var m = S ? S() : "";
             e(
-              "Failed " + g + " type: " + c.message + (m ?? "")
+              "Failed " + g + " type: " + l.message + (m ?? "")
             );
           }
         }
     }
   }
-  return s.resetWarningCache = function() {
+  return d.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (r = {});
-  }, Ne = s, Ne;
+  }, Ne = d, Ne;
 }
 var _e, Ke;
 function Lt() {
   if (Ke) return _e;
   Ke = 1;
-  var e = dt(), l = At(), r = /* @__PURE__ */ $e(), o = /* @__PURE__ */ ut(), s = /* @__PURE__ */ qt(), n = function() {
+  var e = dt(), s = At(), r = /* @__PURE__ */ $e(), n = /* @__PURE__ */ ut(), d = /* @__PURE__ */ qt(), o = function() {
   };
-  process.env.NODE_ENV !== "production" && (n = function(g) {
-    var D = "Warning: " + g;
-    typeof console < "u" && console.error(D);
+  process.env.NODE_ENV !== "production" && (o = function(g) {
+    var T = "Warning: " + g;
+    typeof console < "u" && console.error(T);
     try {
-      throw new Error(D);
+      throw new Error(T);
     } catch {
     }
   });
   function f() {
     return null;
   }
-  return _e = function(g, D) {
+  return _e = function(g, T) {
     var S = typeof Symbol == "function" && Symbol.iterator, b = "@@iterator";
-    function c(v) {
+    function l(v) {
       var P = v && (S && v[S] || v[b]);
       if (typeof P == "function")
         return P;
@@ -873,16 +873,16 @@ function Lt() {
       any: E(),
       arrayOf: C,
       element: w(),
-      elementType: i(),
+      elementType: a(),
       instanceOf: M,
       node: _(),
       objectOf: u,
-      oneOf: a,
-      oneOfType: d,
+      oneOf: i,
+      oneOfType: c,
       shape: H,
       exact: V
     };
-    function T(v, P) {
+    function D(v, P) {
       return v === P ? v !== 0 || 1 / v === 1 / P : v !== v && P !== P;
     }
     function h(v, P) {
@@ -894,7 +894,7 @@ function Lt() {
         var P = {}, j = 0;
       function k(A, O, W, q, F, L, Z) {
         if (q = q || p, L = L || W, Z !== r) {
-          if (D) {
+          if (T) {
             var N = 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"
             );
@@ -902,7 +902,7 @@ function Lt() {
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var te = q + ":" + W;
             !P[te] && // Avoid spamming the console because they are often not actionable except for lib authors
-            j < 3 && (n(
+            j < 3 && (o(
               "You are manually calling a React.PropTypes validation function for the `" + L + "` prop on `" + q + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
             ), P[te] = !0, j++);
           }
@@ -958,7 +958,7 @@ function Lt() {
       }
       return y(v);
     }
-    function i() {
+    function a() {
       function v(P, j, k, $, A) {
         var O = P[j];
         if (!e.isValidElementType(O)) {
@@ -979,14 +979,14 @@ function Lt() {
       }
       return y(P);
     }
-    function a(v) {
+    function i(v) {
       if (!Array.isArray(v))
-        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? n(
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
           "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])."
-        ) : n("Invalid argument supplied to oneOf, expected an array.")), f;
+        ) : o("Invalid argument supplied to oneOf, expected an array.")), f;
       function P(j, k, $, A, O) {
         for (var W = j[k], q = 0; q < v.length; q++)
-          if (T(W, v[q]))
+          if (D(W, v[q]))
             return null;
         var F = JSON.stringify(v, function(Z, N) {
           var te = ee(N);
@@ -1004,7 +1004,7 @@ function Lt() {
         if (q !== "object")
           return new h("Invalid " + A + " `" + O + "` of type " + ("`" + q + "` supplied to `" + $ + "`, expected an object."));
         for (var F in W)
-          if (o(W, F)) {
+          if (n(W, F)) {
             var L = v(W, F, $, A, O + "." + F, r);
             if (L instanceof Error)
               return L;
@@ -1013,14 +1013,14 @@ function Lt() {
       }
       return y(P);
     }
-    function d(v) {
+    function c(v) {
       if (!Array.isArray(v))
-        return process.env.NODE_ENV !== "production" && n("Invalid argument supplied to oneOfType, expected an instance of array."), f;
+        return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), f;
       for (var P = 0; P < v.length; P++) {
         var j = v[P];
         if (typeof j != "function")
-          return n(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ae(j) + " at index " + P + "."
+          return o(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ie(j) + " at index " + P + "."
           ), f;
       }
       function k($, A, O, W, q) {
@@ -1028,7 +1028,7 @@ function Lt() {
           var Z = v[L], N = Z($, A, O, W, q, r);
           if (N == null)
             return null;
-          N.data && o(N.data, "expectedType") && F.push(N.data.expectedType);
+          N.data && n(N.data, "expectedType") && F.push(N.data.expectedType);
         }
         var te = F.length > 0 ? ", expected one of type [" + F.join(", ") + "]" : "";
         return new h("Invalid " + W + " `" + q + "` supplied to " + ("`" + O + "`" + te + "."));
@@ -1068,10 +1068,10 @@ function Lt() {
         var W = j[k], q = B(W);
         if (q !== "object")
           return new h("Invalid " + A + " `" + O + "` of type `" + q + "` " + ("supplied to `" + $ + "`, expected `object`."));
-        var F = l({}, j[k], v);
+        var F = s({}, j[k], v);
         for (var L in F) {
           var Z = v[L];
-          if (o(v, L) && typeof Z != "function")
+          if (n(v, L) && typeof Z != "function")
             return R($, A, O, L, ee(Z));
           if (!Z)
             return new h(
@@ -1099,7 +1099,7 @@ Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
             return v.every(X);
           if (v === null || g(v))
             return !0;
-          var P = c(v);
+          var P = l(v);
           if (P) {
             var j = P.call(v), k;
             if (P !== v.entries) {
@@ -1138,7 +1138,7 @@ Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
       }
       return P;
     }
-    function ae(v) {
+    function ie(v) {
       var P = ee(v);
       switch (P) {
         case "array":
@@ -1155,7 +1155,7 @@ Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
     function le(v) {
       return !v.constructor || !v.constructor.name ? p : v.constructor.name;
     }
-    return m.checkPropTypes = s, m.resetWarningCache = s.resetWarningCache, m.PropTypes = m, m;
+    return m.checkPropTypes = d, m.resetWarningCache = d.resetWarningCache, m.PropTypes = m, m;
   }, _e;
 }
 var Me, ze;
@@ -1163,55 +1163,55 @@ function Ut() {
   if (ze) return Me;
   ze = 1;
   var e = /* @__PURE__ */ $e();
-  function l() {
+  function s() {
   }
   function r() {
   }
-  return r.resetWarningCache = l, Me = function() {
-    function o(f, g, D, S, b, c) {
-      if (c !== e) {
+  return r.resetWarningCache = s, Me = function() {
+    function n(f, g, T, S, b, l) {
+      if (l !== e) {
         var p = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
         throw p.name = "Invariant Violation", p;
       }
     }
-    o.isRequired = o;
-    function s() {
-      return o;
-    }
-    var n = {
-      array: o,
-      bigint: o,
-      bool: o,
-      func: o,
-      number: o,
-      object: o,
-      string: o,
-      symbol: o,
-      any: o,
-      arrayOf: s,
-      element: o,
-      elementType: o,
-      instanceOf: s,
-      node: o,
-      objectOf: s,
-      oneOf: s,
-      oneOfType: s,
-      shape: s,
-      exact: s,
+    n.isRequired = n;
+    function d() {
+      return n;
+    }
+    var o = {
+      array: n,
+      bigint: n,
+      bool: n,
+      func: n,
+      number: n,
+      object: n,
+      string: n,
+      symbol: n,
+      any: n,
+      arrayOf: d,
+      element: n,
+      elementType: n,
+      instanceOf: d,
+      node: n,
+      objectOf: d,
+      oneOf: d,
+      oneOfType: d,
+      shape: d,
+      exact: d,
       checkPropTypes: r,
-      resetWarningCache: l
+      resetWarningCache: s
     };
-    return n.PropTypes = n, n;
+    return o.PropTypes = o, o;
   }, Me;
 }
 var Be;
 function ft() {
   if (Be) return ge.exports;
   if (Be = 1, process.env.NODE_ENV !== "production") {
-    var e = dt(), l = !0;
-    ge.exports = /* @__PURE__ */ Lt()(e.isElement, l);
+    var e = dt(), s = !0;
+    ge.exports = /* @__PURE__ */ Lt()(e.isElement, s);
   } else
     ge.exports = /* @__PURE__ */ Ut()();
   return ge.exports;
@@ -1221,41 +1221,41 @@ function Yt() {
   if (He) return pe.exports;
   He = 1;
   function e(r) {
-    var o, s, n = "";
-    if (typeof r == "string" || typeof r == "number") n += r;
+    var n, d, o = "";
+    if (typeof r == "string" || typeof r == "number") o += r;
     else if (typeof r == "object") if (Array.isArray(r)) {
       var f = r.length;
-      for (o = 0; o < f; o++) r[o] && (s = e(r[o])) && (n && (n += " "), n += s);
-    } else for (s in r) r[s] && (n && (n += " "), n += s);
-    return n;
+      for (n = 0; n < f; n++) r[n] && (d = e(r[n])) && (o && (o += " "), o += d);
+    } else for (d in r) r[d] && (o && (o += " "), o += d);
+    return o;
   }
-  function l() {
-    for (var r, o, s = 0, n = "", f = arguments.length; s < f; s++) (r = arguments[s]) && (o = e(r)) && (n && (n += " "), n += o);
-    return n;
+  function s() {
+    for (var r, n, d = 0, o = "", f = arguments.length; d < f; d++) (r = arguments[d]) && (n = e(r)) && (o && (o += " "), o += n);
+    return o;
   }
-  return pe.exports = l, pe.exports.clsx = l, pe.exports;
+  return pe.exports = s, pe.exports.clsx = s, pe.exports;
 }
 var z = {}, ne = {}, Ve;
 function xe() {
   if (Ve) return ne;
   Ve = 1, Object.defineProperty(ne, "__esModule", {
     value: !0
-  }), ne.dontSetMe = s, ne.findInArray = e, ne.int = o, ne.isFunction = l, ne.isNum = r;
-  function e(n, f) {
-    for (let g = 0, D = n.length; g < D; g++)
-      if (f.apply(f, [n[g], g, n])) return n[g];
+  }), ne.dontSetMe = d, ne.findInArray = e, ne.int = n, ne.isFunction = s, ne.isNum = r;
+  function e(o, f) {
+    for (let g = 0, T = o.length; g < T; g++)
+      if (f.apply(f, [o[g], g, o])) return o[g];
   }
-  function l(n) {
-    return typeof n == "function" || Object.prototype.toString.call(n) === "[object Function]";
+  function s(o) {
+    return typeof o == "function" || Object.prototype.toString.call(o) === "[object Function]";
   }
-  function r(n) {
-    return typeof n == "number" && !isNaN(n);
+  function r(o) {
+    return typeof o == "number" && !isNaN(o);
   }
-  function o(n) {
-    return parseInt(n, 10);
+  function n(o) {
+    return parseInt(o, 10);
   }
-  function s(n, f, g) {
-    if (n[f])
+  function d(o, f, g) {
+    if (o[f])
       return new Error(`Invalid prop ${f} passed to ${g} - do not set this, set it on the child.`);
   }
   return ne;
@@ -1265,169 +1265,169 @@ function Ft() {
   if (Xe) return oe;
   Xe = 1, Object.defineProperty(oe, "__esModule", {
     value: !0
-  }), oe.browserPrefixToKey = r, oe.browserPrefixToStyle = o, oe.default = void 0, oe.getPrefix = l;
+  }), oe.browserPrefixToKey = r, oe.browserPrefixToStyle = n, oe.default = void 0, oe.getPrefix = s;
   const e = ["Moz", "Webkit", "O", "ms"];
-  function l() {
-    let n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
+  function s() {
+    let o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
     if (typeof window > "u") return "";
     const f = window.document?.documentElement?.style;
-    if (!f || n in f) return "";
+    if (!f || o in f) return "";
     for (let g = 0; g < e.length; g++)
-      if (r(n, e[g]) in f) return e[g];
+      if (r(o, e[g]) in f) return e[g];
     return "";
   }
-  function r(n, f) {
-    return f ? `${f}${s(n)}` : n;
+  function r(o, f) {
+    return f ? `${f}${d(o)}` : o;
   }
-  function o(n, f) {
-    return f ? `-${f.toLowerCase()}-${n}` : n;
+  function n(o, f) {
+    return f ? `-${f.toLowerCase()}-${o}` : o;
   }
-  function s(n) {
+  function d(o) {
     let f = "", g = !0;
-    for (let D = 0; D < n.length; D++)
-      g ? (f += n[D].toUpperCase(), g = !1) : n[D] === "-" ? g = !0 : f += n[D];
+    for (let T = 0; T < o.length; T++)
+      g ? (f += o[T].toUpperCase(), g = !1) : o[T] === "-" ? g = !0 : f += o[T];
     return f;
   }
-  return oe.default = l(), oe;
+  return oe.default = s(), oe;
 }
 var Ge;
 function Oe() {
   if (Ge) return z;
   Ge = 1, Object.defineProperty(z, "__esModule", {
     value: !0
-  }), z.addClassName = i, z.addEvent = f, z.addUserSelectStyles = E, z.createCSSTransform = m, z.createSVGTransform = T, z.getTouch = y, z.getTouchIdentifier = x, z.getTranslation = h, z.innerHeight = b, z.innerWidth = c, z.matchesSelector = s, z.matchesSelectorAndParentsTo = n, z.offsetXYFromParent = p, z.outerHeight = D, z.outerWidth = S, z.removeClassName = M, z.removeEvent = g, z.scheduleRemoveUserSelectStyles = C;
-  var e = xe(), l = r(Ft());
-  function r(a, u) {
-    if (typeof WeakMap == "function") var d = /* @__PURE__ */ new WeakMap(), _ = /* @__PURE__ */ new WeakMap();
+  }), z.addClassName = a, z.addEvent = f, z.addUserSelectStyles = E, z.createCSSTransform = m, z.createSVGTransform = D, z.getTouch = y, z.getTouchIdentifier = x, z.getTranslation = h, z.innerHeight = b, z.innerWidth = l, z.matchesSelector = d, z.matchesSelectorAndParentsTo = o, z.offsetXYFromParent = p, z.outerHeight = T, z.outerWidth = S, z.removeClassName = M, z.removeEvent = g, z.scheduleRemoveUserSelectStyles = C;
+  var e = xe(), s = r(Ft());
+  function r(i, u) {
+    if (typeof WeakMap == "function") var c = /* @__PURE__ */ new WeakMap(), _ = /* @__PURE__ */ new WeakMap();
     return (r = function(R, H) {
       if (!H && R && R.__esModule) return R;
       var V, X, Q = { __proto__: null, default: R };
       if (R === null || typeof R != "object" && typeof R != "function") return Q;
-      if (V = H ? _ : d) {
+      if (V = H ? _ : c) {
         if (V.has(R)) return V.get(R);
         V.set(R, Q);
       }
       for (const B in R) B !== "default" && {}.hasOwnProperty.call(R, B) && ((X = (V = Object.defineProperty) && Object.getOwnPropertyDescriptor(R, B)) && (X.get || X.set) ? V(Q, B, X) : Q[B] = R[B]);
       return Q;
-    })(a, u);
+    })(i, u);
   }
-  let o = "";
-  function s(a, u) {
-    return o || (o = (0, e.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(d) {
-      return (0, e.isFunction)(a[d]);
-    })), (0, e.isFunction)(a[o]) ? a[o](u) : !1;
+  let n = "";
+  function d(i, u) {
+    return n || (n = (0, e.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(c) {
+      return (0, e.isFunction)(i[c]);
+    })), (0, e.isFunction)(i[n]) ? i[n](u) : !1;
   }
-  function n(a, u, d) {
-    let _ = a;
+  function o(i, u, c) {
+    let _ = i;
     do {
-      if (s(_, u)) return !0;
-      if (_ === d) return !1;
+      if (d(_, u)) return !0;
+      if (_ === c) return !1;
       _ = _.parentNode;
     } while (_);
     return !1;
   }
-  function f(a, u, d, _) {
-    if (!a) return;
+  function f(i, u, c, _) {
+    if (!i) return;
     const R = {
       capture: !0,
       ..._
     };
-    a.addEventListener ? a.addEventListener(u, d, R) : a.attachEvent ? a.attachEvent("on" + u, d) : a["on" + u] = d;
+    i.addEventListener ? i.addEventListener(u, c, R) : i.attachEvent ? i.attachEvent("on" + u, c) : i["on" + u] = c;
   }
-  function g(a, u, d, _) {
-    if (!a) return;
+  function g(i, u, c, _) {
+    if (!i) return;
     const R = {
       capture: !0,
       ..._
     };
-    a.removeEventListener ? a.removeEventListener(u, d, R) : a.detachEvent ? a.detachEvent("on" + u, d) : a["on" + u] = null;
+    i.removeEventListener ? i.removeEventListener(u, c, R) : i.detachEvent ? i.detachEvent("on" + u, c) : i["on" + u] = null;
   }
-  function D(a) {
-    let u = a.clientHeight;
-    const d = a.ownerDocument.defaultView.getComputedStyle(a);
-    return u += (0, e.int)(d.borderTopWidth), u += (0, e.int)(d.borderBottomWidth), u;
+  function T(i) {
+    let u = i.clientHeight;
+    const c = i.ownerDocument.defaultView.getComputedStyle(i);
+    return u += (0, e.int)(c.borderTopWidth), u += (0, e.int)(c.borderBottomWidth), u;
   }
-  function S(a) {
-    let u = a.clientWidth;
-    const d = a.ownerDocument.defaultView.getComputedStyle(a);
-    return u += (0, e.int)(d.borderLeftWidth), u += (0, e.int)(d.borderRightWidth), u;
+  function S(i) {
+    let u = i.clientWidth;
+    const c = i.ownerDocument.defaultView.getComputedStyle(i);
+    return u += (0, e.int)(c.borderLeftWidth), u += (0, e.int)(c.borderRightWidth), u;
   }
-  function b(a) {
-    let u = a.clientHeight;
-    const d = a.ownerDocument.defaultView.getComputedStyle(a);
-    return u -= (0, e.int)(d.paddingTop), u -= (0, e.int)(d.paddingBottom), u;
+  function b(i) {
+    let u = i.clientHeight;
+    const c = i.ownerDocument.defaultView.getComputedStyle(i);
+    return u -= (0, e.int)(c.paddingTop), u -= (0, e.int)(c.paddingBottom), u;
   }
-  function c(a) {
-    let u = a.clientWidth;
-    const d = a.ownerDocument.defaultView.getComputedStyle(a);
-    return u -= (0, e.int)(d.paddingLeft), u -= (0, e.int)(d.paddingRight), u;
+  function l(i) {
+    let u = i.clientWidth;
+    const c = i.ownerDocument.defaultView.getComputedStyle(i);
+    return u -= (0, e.int)(c.paddingLeft), u -= (0, e.int)(c.paddingRight), u;
   }
-  function p(a, u, d) {
+  function p(i, u, c) {
     const R = u === u.ownerDocument.body ? {
       left: 0,
       top: 0
-    } : u.getBoundingClientRect(), H = (a.clientX + u.scrollLeft - R.left) / d, V = (a.clientY + u.scrollTop - R.top) / d;
+    } : u.getBoundingClientRect(), H = (i.clientX + u.scrollLeft - R.left) / c, V = (i.clientY + u.scrollTop - R.top) / c;
     return {
       x: H,
       y: V
     };
   }
-  function m(a, u) {
-    const d = h(a, u, "px");
+  function m(i, u) {
+    const c = h(i, u, "px");
     return {
-      [(0, l.browserPrefixToKey)("transform", l.default)]: d
+      [(0, s.browserPrefixToKey)("transform", s.default)]: c
     };
   }
-  function T(a, u) {
-    return h(a, u, "");
+  function D(i, u) {
+    return h(i, u, "");
   }
-  function h(a, u, d) {
+  function h(i, u, c) {
     let {
       x: _,
       y: R
-    } = a, H = `translate(${_}${d},${R}${d})`;
+    } = i, H = `translate(${_}${c},${R}${c})`;
     if (u) {
-      const V = `${typeof u.x == "string" ? u.x : u.x + d}`, X = `${typeof u.y == "string" ? u.y : u.y + d}`;
+      const V = `${typeof u.x == "string" ? u.x : u.x + c}`, X = `${typeof u.y == "string" ? u.y : u.y + c}`;
       H = `translate(${V}, ${X})` + H;
     }
     return H;
   }
-  function y(a, u) {
-    return a.targetTouches && (0, e.findInArray)(a.targetTouches, (d) => u === d.identifier) || a.changedTouches && (0, e.findInArray)(a.changedTouches, (d) => u === d.identifier);
+  function y(i, u) {
+    return i.targetTouches && (0, e.findInArray)(i.targetTouches, (c) => u === c.identifier) || i.changedTouches && (0, e.findInArray)(i.changedTouches, (c) => u === c.identifier);
   }
-  function x(a) {
-    if (a.targetTouches && a.targetTouches[0]) return a.targetTouches[0].identifier;
-    if (a.changedTouches && a.changedTouches[0]) return a.changedTouches[0].identifier;
+  function x(i) {
+    if (i.targetTouches && i.targetTouches[0]) return i.targetTouches[0].identifier;
+    if (i.changedTouches && i.changedTouches[0]) return i.changedTouches[0].identifier;
   }
-  function E(a) {
-    if (!a) return;
-    let u = a.getElementById("react-draggable-style-el");
-    u || (u = a.createElement("style"), u.type = "text/css", u.id = "react-draggable-style-el", u.innerHTML = `.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
+  function E(i) {
+    if (!i) return;
+    let u = i.getElementById("react-draggable-style-el");
+    u || (u = i.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;}
-`, a.getElementsByTagName("head")[0].appendChild(u)), a.body && i(a.body, "react-draggable-transparent-selection");
+`, i.getElementsByTagName("head")[0].appendChild(u)), i.body && a(i.body, "react-draggable-transparent-selection");
   }
-  function C(a) {
+  function C(i) {
     window.requestAnimationFrame ? window.requestAnimationFrame(() => {
-      w(a);
-    }) : w(a);
+      w(i);
+    }) : w(i);
   }
-  function w(a) {
-    if (a)
+  function w(i) {
+    if (i)
       try {
-        if (a.body && M(a.body, "react-draggable-transparent-selection"), a.selection)
-          a.selection.empty();
+        if (i.body && M(i.body, "react-draggable-transparent-selection"), i.selection)
+          i.selection.empty();
         else {
-          const u = (a.defaultView || window).getSelection();
+          const u = (i.defaultView || window).getSelection();
           u && u.type !== "Caret" && u.removeAllRanges();
         }
       } catch {
       }
   }
-  function i(a, u) {
-    a.classList ? a.classList.add(u) : a.className.match(new RegExp(`(?:^|\\s)${u}(?!\\S)`)) || (a.className += ` ${u}`);
+  function a(i, u) {
+    i.classList ? i.classList.add(u) : i.className.match(new RegExp(`(?:^|\\s)${u}(?!\\S)`)) || (i.className += ` ${u}`);
   }
-  function M(a, u) {
-    a.classList ? a.classList.remove(u) : a.className = a.className.replace(new RegExp(`(?:^|\\s)${u}(?!\\S)`, "g"), "");
+  function M(i, u) {
+    i.classList ? i.classList.remove(u) : i.className = i.className.replace(new RegExp(`(?:^|\\s)${u}(?!\\S)`, "g"), "");
   }
   return z;
 }
@@ -1436,51 +1436,51 @@ function ht() {
   if (Ze) return re;
   Ze = 1, Object.defineProperty(re, "__esModule", {
     value: !0
-  }), re.canDragX = s, re.canDragY = n, re.createCoreData = g, re.createDraggableData = D, re.getBoundPosition = r, re.getControlPosition = f, re.snapToGrid = o;
-  var e = xe(), l = Oe();
-  function r(c, p, m) {
-    if (!c.props.bounds) return [p, m];
+  }), re.canDragX = d, re.canDragY = o, re.createCoreData = g, re.createDraggableData = T, re.getBoundPosition = r, re.getControlPosition = f, re.snapToGrid = n;
+  var e = xe(), s = Oe();
+  function r(l, p, m) {
+    if (!l.props.bounds) return [p, m];
     let {
-      bounds: T
-    } = c.props;
-    T = typeof T == "string" ? T : S(T);
-    const h = b(c);
-    if (typeof T == "string") {
+      bounds: D
+    } = l.props;
+    D = typeof D == "string" ? D : S(D);
+    const h = b(l);
+    if (typeof D == "string") {
       const {
         ownerDocument: y
       } = h, x = y.defaultView;
       let E;
-      if (T === "parent" ? E = h.parentNode : E = h.getRootNode().querySelector(T), !(E instanceof x.HTMLElement))
-        throw new Error('Bounds selector "' + T + '" could not find an element.');
-      const C = E, w = x.getComputedStyle(h), i = x.getComputedStyle(C);
-      T = {
-        left: -h.offsetLeft + (0, e.int)(i.paddingLeft) + (0, e.int)(w.marginLeft),
-        top: -h.offsetTop + (0, e.int)(i.paddingTop) + (0, e.int)(w.marginTop),
-        right: (0, l.innerWidth)(C) - (0, l.outerWidth)(h) - h.offsetLeft + (0, e.int)(i.paddingRight) - (0, e.int)(w.marginRight),
-        bottom: (0, l.innerHeight)(C) - (0, l.outerHeight)(h) - h.offsetTop + (0, e.int)(i.paddingBottom) - (0, e.int)(w.marginBottom)
+      if (D === "parent" ? E = h.parentNode : E = h.getRootNode().querySelector(D), !(E instanceof x.HTMLElement))
+        throw new Error('Bounds selector "' + D + '" could not find an element.');
+      const C = E, w = x.getComputedStyle(h), a = x.getComputedStyle(C);
+      D = {
+        left: -h.offsetLeft + (0, e.int)(a.paddingLeft) + (0, e.int)(w.marginLeft),
+        top: -h.offsetTop + (0, e.int)(a.paddingTop) + (0, e.int)(w.marginTop),
+        right: (0, s.innerWidth)(C) - (0, s.outerWidth)(h) - h.offsetLeft + (0, e.int)(a.paddingRight) - (0, e.int)(w.marginRight),
+        bottom: (0, s.innerHeight)(C) - (0, s.outerHeight)(h) - h.offsetTop + (0, e.int)(a.paddingBottom) - (0, e.int)(w.marginBottom)
       };
     }
-    return (0, e.isNum)(T.right) && (p = Math.min(p, T.right)), (0, e.isNum)(T.bottom) && (m = Math.min(m, T.bottom)), (0, e.isNum)(T.left) && (p = Math.max(p, T.left)), (0, e.isNum)(T.top) && (m = Math.max(m, T.top)), [p, m];
+    return (0, e.isNum)(D.right) && (p = Math.min(p, D.right)), (0, e.isNum)(D.bottom) && (m = Math.min(m, D.bottom)), (0, e.isNum)(D.left) && (p = Math.max(p, D.left)), (0, e.isNum)(D.top) && (m = Math.max(m, D.top)), [p, m];
   }
-  function o(c, p, m) {
-    const T = Math.round(p / c[0]) * c[0], h = Math.round(m / c[1]) * c[1];
-    return [T, h];
+  function n(l, p, m) {
+    const D = Math.round(p / l[0]) * l[0], h = Math.round(m / l[1]) * l[1];
+    return [D, h];
   }
-  function s(c) {
-    return c.props.axis === "both" || c.props.axis === "x";
+  function d(l) {
+    return l.props.axis === "both" || l.props.axis === "x";
   }
-  function n(c) {
-    return c.props.axis === "both" || c.props.axis === "y";
+  function o(l) {
+    return l.props.axis === "both" || l.props.axis === "y";
   }
-  function f(c, p, m) {
-    const T = typeof p == "number" ? (0, l.getTouch)(c, p) : null;
-    if (typeof p == "number" && !T) return null;
+  function f(l, p, m) {
+    const D = typeof p == "number" ? (0, s.getTouch)(l, p) : null;
+    if (typeof p == "number" && !D) return null;
     const h = b(m), y = m.props.offsetParent || h.offsetParent || h.ownerDocument.body;
-    return (0, l.offsetXYFromParent)(T || c, y, m.props.scale);
+    return (0, s.offsetXYFromParent)(D || l, y, m.props.scale);
   }
-  function g(c, p, m) {
-    const T = !(0, e.isNum)(c.lastX), h = b(c);
-    return T ? {
+  function g(l, p, m) {
+    const D = !(0, e.isNum)(l.lastX), h = b(l);
+    return D ? {
       node: h,
       deltaX: 0,
       deltaY: 0,
@@ -1490,36 +1490,36 @@ function ht() {
       y: m
     } : {
       node: h,
-      deltaX: p - c.lastX,
-      deltaY: m - c.lastY,
-      lastX: c.lastX,
-      lastY: c.lastY,
+      deltaX: p - l.lastX,
+      deltaY: m - l.lastY,
+      lastX: l.lastX,
+      lastY: l.lastY,
       x: p,
       y: m
     };
   }
-  function D(c, p) {
-    const m = c.props.scale;
+  function T(l, p) {
+    const m = l.props.scale;
     return {
       node: p.node,
-      x: c.state.x + p.deltaX / m,
-      y: c.state.y + p.deltaY / m,
+      x: l.state.x + p.deltaX / m,
+      y: l.state.y + p.deltaY / m,
       deltaX: p.deltaX / m,
       deltaY: p.deltaY / m,
-      lastX: c.state.x,
-      lastY: c.state.y
+      lastX: l.state.x,
+      lastY: l.state.y
     };
   }
-  function S(c) {
+  function S(l) {
     return {
-      left: c.left,
-      top: c.top,
-      right: c.right,
-      bottom: c.bottom
+      left: l.left,
+      top: l.top,
+      right: l.right,
+      bottom: l.bottom
     };
   }
-  function b(c) {
-    const p = c.findDOMNode();
+  function b(l) {
+    const p = l.findDOMNode();
     if (!p)
       throw new Error("<DraggableCore>: Unmounted during event!");
     return p;
@@ -1542,32 +1542,32 @@ function Kt() {
   Qe = 1, Object.defineProperty(ue, "__esModule", {
     value: !0
   }), ue.default = void 0;
-  var e = D(ve), l = g(/* @__PURE__ */ ft()), r = g(at), o = Oe(), s = ht(), n = xe(), f = g(gt());
+  var e = T(ve), s = g(/* @__PURE__ */ ft()), r = g(it), n = Oe(), d = ht(), o = xe(), f = g(gt());
   function g(h) {
     return h && h.__esModule ? h : { default: h };
   }
-  function D(h, y) {
+  function T(h, y) {
     if (typeof WeakMap == "function") var x = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new WeakMap();
-    return (D = function(C, w) {
+    return (T = function(C, w) {
       if (!w && C && C.__esModule) return C;
-      var i, M, a = { __proto__: null, default: C };
-      if (C === null || typeof C != "object" && typeof C != "function") return a;
-      if (i = w ? E : x) {
-        if (i.has(C)) return i.get(C);
-        i.set(C, a);
+      var a, M, i = { __proto__: null, default: C };
+      if (C === null || typeof C != "object" && typeof C != "function") return i;
+      if (a = w ? E : x) {
+        if (a.has(C)) return a.get(C);
+        a.set(C, i);
       }
-      for (const u in C) u !== "default" && {}.hasOwnProperty.call(C, u) && ((M = (i = Object.defineProperty) && Object.getOwnPropertyDescriptor(C, u)) && (M.get || M.set) ? i(a, u, M) : a[u] = C[u]);
-      return a;
+      for (const u in C) u !== "default" && {}.hasOwnProperty.call(C, u) && ((M = (a = Object.defineProperty) && Object.getOwnPropertyDescriptor(C, u)) && (M.get || M.set) ? a(i, u, M) : i[u] = C[u]);
+      return i;
     })(h, y);
   }
   function S(h, y, x) {
     return (y = b(y)) in h ? Object.defineProperty(h, y, { value: x, enumerable: !0, configurable: !0, writable: !0 }) : h[y] = x, h;
   }
   function b(h) {
-    var y = c(h, "string");
+    var y = l(h, "string");
     return typeof y == "symbol" ? y : y + "";
   }
-  function c(h, y) {
+  function l(h, y) {
     if (typeof h != "object" || !h) return h;
     var x = h[Symbol.toPrimitive];
     if (x !== void 0) {
@@ -1589,7 +1589,7 @@ function Kt() {
       stop: "mouseup"
     }
   };
-  let m = p.mouse, T = class extends e.Component {
+  let m = p.mouse, D = 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", (y) => {
         if (this.props.onMouseDown(y), !this.props.allowAnyClick && typeof y.button == "number" && y.button !== 0) return !1;
@@ -1599,63 +1599,63 @@ function Kt() {
         const {
           ownerDocument: E
         } = x;
-        if (this.props.disabled || !(y.target instanceof E.defaultView.Node) || this.props.handle && !(0, o.matchesSelectorAndParentsTo)(y.target, this.props.handle, x) || this.props.cancel && (0, o.matchesSelectorAndParentsTo)(y.target, this.props.cancel, x))
+        if (this.props.disabled || !(y.target instanceof E.defaultView.Node) || this.props.handle && !(0, n.matchesSelectorAndParentsTo)(y.target, this.props.handle, x) || this.props.cancel && (0, n.matchesSelectorAndParentsTo)(y.target, this.props.cancel, x))
           return;
         y.type === "touchstart" && !this.props.allowMobileScroll && y.preventDefault();
-        const C = (0, o.getTouchIdentifier)(y);
+        const C = (0, n.getTouchIdentifier)(y);
         this.touchIdentifier = C;
-        const w = (0, s.getControlPosition)(y, C, this);
+        const w = (0, d.getControlPosition)(y, C, this);
         if (w == null) return;
         const {
-          x: i,
+          x: a,
           y: M
-        } = w, a = (0, s.createCoreData)(this, i, M);
-        (0, f.default)("DraggableCore: handleDragStart: %j", a), (0, f.default)("calling", this.props.onStart), !(this.props.onStart(y, a) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, o.addUserSelectStyles)(E), this.dragging = !0, this.lastX = i, this.lastY = M, (0, o.addEvent)(E, m.move, this.handleDrag), (0, o.addEvent)(E, m.stop, this.handleDragStop));
+        } = w, i = (0, d.createCoreData)(this, a, M);
+        (0, f.default)("DraggableCore: handleDragStart: %j", i), (0, f.default)("calling", this.props.onStart), !(this.props.onStart(y, i) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, n.addUserSelectStyles)(E), this.dragging = !0, this.lastX = a, this.lastY = M, (0, n.addEvent)(E, m.move, this.handleDrag), (0, n.addEvent)(E, m.stop, this.handleDragStop));
       }), S(this, "handleDrag", (y) => {
-        const x = (0, s.getControlPosition)(y, this.touchIdentifier, this);
+        const x = (0, d.getControlPosition)(y, this.touchIdentifier, this);
         if (x == null) return;
         let {
           x: E,
           y: C
         } = x;
         if (Array.isArray(this.props.grid)) {
-          let M = E - this.lastX, a = C - this.lastY;
-          if ([M, a] = (0, s.snapToGrid)(this.props.grid, M, a), !M && !a) return;
-          E = this.lastX + M, C = this.lastY + a;
+          let M = E - this.lastX, i = C - this.lastY;
+          if ([M, i] = (0, d.snapToGrid)(this.props.grid, M, i), !M && !i) return;
+          E = this.lastX + M, C = this.lastY + i;
         }
-        const w = (0, s.createCoreData)(this, E, C);
+        const w = (0, d.createCoreData)(this, E, C);
         if ((0, f.default)("DraggableCore: handleDrag: %j", w), this.props.onDrag(y, w) === !1 || this.mounted === !1) {
           try {
             this.handleDragStop(new MouseEvent("mouseup"));
           } catch {
-            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);
+            const i = document.createEvent("MouseEvents");
+            i.initMouseEvent("mouseup", !0, !0, window, 0, 0, 0, 0, 0, !1, !1, !1, !1, 0, null), this.handleDragStop(i);
           }
           return;
         }
         this.lastX = E, this.lastY = C;
       }), S(this, "handleDragStop", (y) => {
         if (!this.dragging) return;
-        const x = (0, s.getControlPosition)(y, this.touchIdentifier, this);
+        const x = (0, d.getControlPosition)(y, this.touchIdentifier, this);
         if (x == null) return;
         let {
           x: E,
           y: C
         } = x;
         if (Array.isArray(this.props.grid)) {
-          let a = E - this.lastX || 0, u = C - this.lastY || 0;
-          [a, u] = (0, s.snapToGrid)(this.props.grid, a, u), E = this.lastX + a, C = this.lastY + u;
+          let i = E - this.lastX || 0, u = C - this.lastY || 0;
+          [i, u] = (0, d.snapToGrid)(this.props.grid, i, u), E = this.lastX + i, C = this.lastY + u;
         }
-        const w = (0, s.createCoreData)(this, E, C);
+        const w = (0, d.createCoreData)(this, E, C);
         if (this.props.onStop(y, w) === !1 || this.mounted === !1) return !1;
         const M = this.findDOMNode();
-        M && this.props.enableUserSelectHack && (0, o.scheduleRemoveUserSelectStyles)(M.ownerDocument), (0, f.default)("DraggableCore: handleDragStop: %j", w), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, M && ((0, f.default)("DraggableCore: Removing handlers"), (0, o.removeEvent)(M.ownerDocument, m.move, this.handleDrag), (0, o.removeEvent)(M.ownerDocument, m.stop, this.handleDragStop));
+        M && this.props.enableUserSelectHack && (0, n.scheduleRemoveUserSelectStyles)(M.ownerDocument), (0, f.default)("DraggableCore: handleDragStop: %j", w), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, M && ((0, f.default)("DraggableCore: Removing handlers"), (0, n.removeEvent)(M.ownerDocument, m.move, this.handleDrag), (0, n.removeEvent)(M.ownerDocument, m.stop, this.handleDragStop));
       }), S(this, "onMouseDown", (y) => (m = p.mouse, this.handleDragStart(y))), S(this, "onMouseUp", (y) => (m = p.mouse, this.handleDragStop(y))), S(this, "onTouchStart", (y) => (m = p.touch, this.handleDragStart(y))), S(this, "onTouchEnd", (y) => (m = p.touch, this.handleDragStop(y)));
     }
     componentDidMount() {
       this.mounted = !0;
       const y = this.findDOMNode();
-      y && (0, o.addEvent)(y, p.touch.start, this.onTouchStart, {
+      y && (0, n.addEvent)(y, p.touch.start, this.onTouchStart, {
         passive: !1
       });
     }
@@ -1666,9 +1666,9 @@ function Kt() {
         const {
           ownerDocument: x
         } = y;
-        (0, o.removeEvent)(x, p.mouse.move, this.handleDrag), (0, o.removeEvent)(x, p.touch.move, this.handleDrag), (0, o.removeEvent)(x, p.mouse.stop, this.handleDragStop), (0, o.removeEvent)(x, p.touch.stop, this.handleDragStop), (0, o.removeEvent)(y, p.touch.start, this.onTouchStart, {
+        (0, n.removeEvent)(x, p.mouse.move, this.handleDrag), (0, n.removeEvent)(x, p.touch.move, this.handleDrag), (0, n.removeEvent)(x, p.mouse.stop, this.handleDragStop), (0, n.removeEvent)(x, p.touch.stop, this.handleDragStop), (0, n.removeEvent)(y, p.touch.start, this.onTouchStart, {
           passive: !1
-        }), this.props.enableUserSelectHack && (0, o.scheduleRemoveUserSelectStyles)(x);
+        }), this.props.enableUserSelectHack && (0, n.scheduleRemoveUserSelectStyles)(x);
       }
     }
     // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
@@ -1689,14 +1689,14 @@ function Kt() {
       });
     }
   };
-  return ue.default = T, S(T, "displayName", "DraggableCore"), S(T, "propTypes", {
+  return ue.default = D, S(D, "displayName", "DraggableCore"), S(D, "propTypes", {
     /**
      * `allowAnyClick` allows dragging using any mouse button.
      * By default, we only accept the left button.
      *
      * Defaults to `false`.
      */
-    allowAnyClick: l.default.bool,
+    allowAnyClick: s.default.bool,
     /**
      * `allowMobileScroll` turns off cancellation of the 'touchstart' event
      * on mobile devices. Only enable this if you are having trouble with click
@@ -1704,19 +1704,19 @@ function Kt() {
      *
      * Defaults to `false`.
      */
-    allowMobileScroll: l.default.bool,
-    children: l.default.node.isRequired,
+    allowMobileScroll: s.default.bool,
+    children: s.default.node.isRequired,
     /**
      * `disabled`, if true, stops the <Draggable> from dragging. All handlers,
      * with the exception of `onMouseDown`, will not fire.
      */
-    disabled: l.default.bool,
+    disabled: s.default.bool,
     /**
      * By default, we add 'user-select:none' attributes to the document body
      * to prevent ugly text selection during drag. If this is causing problems
      * for your app, set this to `false`.
      */
-    enableUserSelectHack: l.default.bool,
+    enableUserSelectHack: s.default.bool,
     /**
      * `offsetParent`, if set, uses the passed DOM node to compute drag offsets
      * instead of using the parent node.
@@ -1728,7 +1728,7 @@ function Kt() {
     /**
      * `grid` specifies the x and y that dragging should snap to.
      */
-    grid: l.default.arrayOf(l.default.number),
+    grid: s.default.arrayOf(s.default.number),
     /**
      * `handle` specifies a selector to be used as the handle that initiates drag.
      *
@@ -1749,7 +1749,7 @@ function Kt() {
      *   });
      * ```
      */
-    handle: l.default.string,
+    handle: s.default.string,
     /**
      * `cancel` specifies a selector to be used to prevent drag initialization.
      *
@@ -1770,7 +1770,7 @@ function Kt() {
      *   });
      * ```
      */
-    cancel: l.default.string,
+    cancel: s.default.string,
     /* If running in React Strict mode, ReactDOM.findDOMNode() is deprecated.
      * Unfortunately, in order for <Draggable> to work properly, we need raw access
      * to the underlying DOM node. If you want to avoid the warning, pass a `nodeRef`
@@ -1788,38 +1788,38 @@ function Kt() {
      * This can be used for arbitrarily nested components, so long as the ref ends up
      * pointing to the actual child DOM node and not a custom component.
      */
-    nodeRef: l.default.object,
+    nodeRef: s.default.object,
     /**
      * Called when dragging starts.
      * If this function returns the boolean false, dragging will be canceled.
      */
-    onStart: l.default.func,
+    onStart: s.default.func,
     /**
      * Called while dragging.
      * If this function returns the boolean false, dragging will be canceled.
      */
-    onDrag: l.default.func,
+    onDrag: s.default.func,
     /**
      * Called when dragging stops.
      * If this function returns the boolean false, the drag will remain active.
      */
-    onStop: l.default.func,
+    onStop: s.default.func,
     /**
      * A workaround option which can be passed if onMouseDown needs to be accessed,
      * since it'll always be blocked (as there is internal use of onMouseDown)
      */
-    onMouseDown: l.default.func,
+    onMouseDown: s.default.func,
     /**
      * `scale`, if set, applies scaling while dragging an element
      */
-    scale: l.default.number,
+    scale: s.default.number,
     /**
      * These properties should be defined on the child, not here.
      */
-    className: n.dontSetMe,
-    style: n.dontSetMe,
-    transform: n.dontSetMe
-  }), S(T, "defaultProps", {
+    className: o.dontSetMe,
+    style: o.dontSetMe,
+    transform: o.dontSetMe
+  }), S(D, "defaultProps", {
     allowAnyClick: !1,
     // by default only accept left click
     allowMobileScroll: !1,
@@ -1844,25 +1844,25 @@ function zt() {
     }), Object.defineProperty(e, "DraggableCore", {
       enumerable: !0,
       get: function() {
-        return D.default;
+        return T.default;
       }
     }), e.default = void 0;
-    var l = c(ve), r = b(/* @__PURE__ */ ft()), o = b(at), s = Yt(), n = Oe(), f = ht(), g = xe(), D = b(Kt()), S = b(gt());
+    var s = l(ve), r = b(/* @__PURE__ */ ft()), n = b(it), d = Yt(), o = Oe(), f = ht(), g = xe(), T = b(Kt()), S = b(gt());
     function b(x) {
       return x && x.__esModule ? x : { default: x };
     }
-    function c(x, E) {
+    function l(x, E) {
       if (typeof WeakMap == "function") var C = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap();
-      return (c = function(i, M) {
-        if (!M && i && i.__esModule) return i;
-        var a, u, d = { __proto__: null, default: i };
-        if (i === null || typeof i != "object" && typeof i != "function") return d;
-        if (a = M ? w : C) {
-          if (a.has(i)) return a.get(i);
-          a.set(i, d);
+      return (l = function(a, M) {
+        if (!M && a && a.__esModule) return a;
+        var i, u, c = { __proto__: null, default: a };
+        if (a === null || typeof a != "object" && typeof a != "function") return c;
+        if (i = M ? w : C) {
+          if (i.has(a)) return i.get(a);
+          i.set(a, c);
         }
-        for (const _ in i) _ !== "default" && {}.hasOwnProperty.call(i, _) && ((u = (a = Object.defineProperty) && Object.getOwnPropertyDescriptor(i, _)) && (u.get || u.set) ? a(d, _, u) : d[_] = i[_]);
-        return d;
+        for (const _ in a) _ !== "default" && {}.hasOwnProperty.call(a, _) && ((u = (i = Object.defineProperty) && Object.getOwnPropertyDescriptor(a, _)) && (u.get || u.set) ? i(c, _, u) : c[_] = a[_]);
+        return c;
       })(x, E);
     }
     function p() {
@@ -1875,9 +1875,9 @@ function zt() {
       }, p.apply(null, arguments);
     }
     function m(x, E, C) {
-      return (E = T(E)) in x ? Object.defineProperty(x, E, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : x[E] = C, x;
+      return (E = D(E)) in x ? Object.defineProperty(x, E, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : x[E] = C, x;
     }
-    function T(x) {
+    function D(x) {
       var E = h(x, "string");
       return typeof E == "symbol" ? E : E + "";
     }
@@ -1891,18 +1891,18 @@ function zt() {
       }
       return (E === "string" ? String : Number)(x);
     }
-    class y extends l.Component {
+    class y extends s.Component {
       // React 16.3+
       // Arity (props, state)
       static getDerivedStateFromProps(E, C) {
         let {
           position: w
         } = E, {
-          prevPropsPosition: i
+          prevPropsPosition: a
         } = C;
-        return w && (!i || w.x !== i.x || w.y !== i.y) ? ((0, S.default)("Draggable: getDerivedStateFromProps %j", {
+        return w && (!a || w.x !== a.x || w.y !== a.y) ? ((0, S.default)("Draggable: getDerivedStateFromProps %j", {
           position: w,
-          prevPropsPosition: i
+          prevPropsPosition: a
         }), {
           x: w.x,
           y: w.y,
@@ -1921,22 +1921,22 @@ function zt() {
         }), m(this, "onDrag", (C, w) => {
           if (!this.state.dragging) return !1;
           (0, S.default)("Draggable: onDrag: %j", w);
-          const i = (0, f.createDraggableData)(this, w), M = {
-            x: i.x,
-            y: i.y,
+          const a = (0, f.createDraggableData)(this, w), M = {
+            x: a.x,
+            y: a.y,
             slackX: 0,
             slackY: 0
           };
           if (this.props.bounds) {
             const {
               x: u,
-              y: d
+              y: c
             } = M;
             M.x += this.state.slackX, M.y += this.state.slackY;
             const [_, R] = (0, f.getBoundPosition)(this, M.x, M.y);
-            M.x = _, M.y = R, M.slackX = this.state.slackX + (u - M.x), M.slackY = this.state.slackY + (d - M.y), i.x = M.x, i.y = M.y, i.deltaX = M.x - this.state.x, i.deltaY = M.y - this.state.y;
+            M.x = _, M.y = R, M.slackX = this.state.slackX + (u - M.x), M.slackY = this.state.slackY + (c - M.y), a.x = M.x, a.y = M.y, a.deltaX = M.x - this.state.x, a.deltaY = M.y - this.state.y;
           }
-          if (this.props.onDrag(C, i) === !1) return !1;
+          if (this.props.onDrag(C, a) === !1) return !1;
           this.setState(M);
         }), m(this, "onDragStop", (C, w) => {
           if (!this.state.dragging || this.props.onStop(C, (0, f.createDraggableData)(this, w)) === !1) return !1;
@@ -1949,9 +1949,9 @@ function zt() {
           if (!!this.props.position) {
             const {
               x: u,
-              y: d
+              y: c
             } = this.props.position;
-            M.x = u, M.y = d;
+            M.x = u, M.y = c;
           }
           this.setState(M);
         }), this.state = {
@@ -1985,39 +1985,39 @@ function zt() {
       // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
       // the underlying DOM node ourselves. See the README for more information.
       findDOMNode() {
-        return this.props?.nodeRef?.current ?? o.default.findDOMNode(this);
+        return this.props?.nodeRef?.current ?? n.default.findDOMNode(this);
       }
       render() {
         const {
           axis: E,
           bounds: C,
           children: w,
-          defaultPosition: i,
+          defaultPosition: a,
           defaultClassName: M,
-          defaultClassNameDragging: a,
+          defaultClassNameDragging: i,
           defaultClassNameDragged: u,
-          position: d,
+          position: c,
           positionOffset: _,
           scale: R,
           ...H
         } = this.props;
         let V = {}, X = null;
-        const B = !!!d || this.state.dragging, ee = d || i, ae = {
+        const B = !!!c || this.state.dragging, ee = c || a, ie = {
           // Set left if horizontal drag is enabled
           x: (0, f.canDragX)(this) && B ? this.state.x : ee.x,
           // Set top if vertical drag is enabled
           y: (0, f.canDragY)(this) && B ? this.state.y : ee.y
         };
-        this.state.isElementSVG ? X = (0, n.createSVGTransform)(ae, _) : V = (0, n.createCSSTransform)(ae, _);
-        const le = (0, s.clsx)(w.props.className || "", M, {
-          [a]: this.state.dragging,
+        this.state.isElementSVG ? X = (0, o.createSVGTransform)(ie, _) : V = (0, o.createCSSTransform)(ie, _);
+        const le = (0, d.clsx)(w.props.className || "", M, {
+          [i]: this.state.dragging,
           [u]: this.state.dragged
         });
-        return /* @__PURE__ */ l.createElement(D.default, p({}, H, {
+        return /* @__PURE__ */ s.createElement(T.default, p({}, H, {
           onStart: this.onDragStart,
           onDrag: this.onDrag,
           onStop: this.onDragStop
-        }), /* @__PURE__ */ l.cloneElement(l.Children.only(w), {
+        }), /* @__PURE__ */ s.cloneElement(s.Children.only(w), {
           className: le,
           style: {
             ...w.props.style,
@@ -2029,7 +2029,7 @@ function zt() {
     }
     e.default = y, m(y, "displayName", "Draggable"), m(y, "propTypes", {
       // Accepts all props <DraggableCore> accepts.
-      ...D.default.propTypes,
+      ...T.default.propTypes,
       /**
        * `axis` determines which axis the draggable can move.
        *
@@ -2135,7 +2135,7 @@ function zt() {
       style: g.dontSetMe,
       transform: g.dontSetMe
     }), m(y, "defaultProps", {
-      ...D.default.defaultProps,
+      ...T.default.defaultProps,
       axis: "both",
       bounds: !1,
       defaultClassName: "react-draggable",
@@ -2155,13 +2155,13 @@ function Bt() {
   tt = 1;
   const {
     default: e,
-    DraggableCore: l
+    DraggableCore: s
   } = zt();
-  return de.exports = e, de.exports.default = e, de.exports.DraggableCore = l, de.exports;
+  return de.exports = e, de.exports.default = e, de.exports.DraggableCore = s, de.exports;
 }
 var Ht = Bt();
-const Vt = /* @__PURE__ */ kt(Ht), Xt = se((e, l) => {
-  const s = {
+const Vt = /* @__PURE__ */ kt(Ht), Xt = se((e, s) => {
+  const d = {
     ...{
       // 1. Take it out of the document flow
       position: "fixed",
@@ -2178,33 +2178,33 @@ const Vt = /* @__PURE__ */ kt(Ht), Xt = se((e, l) => {
       boxShadow: "rgba(0, 0, 0, 0.5) 7px 7px 10px 0px"
     },
     ...e.style || {}
-  }, n = e.testId || "not-set", f = e.className || "panel", g = vt(null);
+  }, o = e.testId || "not-set", f = e.className || "panel", g = vt(null);
   return (
     // 3. Pass the internal ref to the Draggable component via 'nodeRef'
     /* @__PURE__ */ t(
       Vt,
       {
         nodeRef: g,
-        "data-testid": n,
+        "data-testid": o,
         axis: "both",
         handle: ".handle",
-        onStart: (b, c) => {
+        onStart: (b, l) => {
           e.onDraggingChange?.(!0);
         },
-        onStop: (b, c) => {
+        onStop: (b, l) => {
           setTimeout(() => {
             e.onDraggingChange?.(!1);
           }, 100);
         },
-        children: /* @__PURE__ */ t("div", { ref: g, className: f, style: s, children: e.children })
+        children: /* @__PURE__ */ t("div", { ref: g, className: f, style: d, children: e.children })
       }
     )
   );
 });
-function Er({ children: e, addCssClasses: l }) {
+function Nr({ children: e, addCssClasses: s }) {
   const r = G(
     "w-full h-full flex-1 flex flex-col",
-    (l || "gap-2 items-end justify-end content-end").trim()
+    (s || "gap-2 items-end justify-end content-end").trim()
   );
   return /* @__PURE__ */ t(
     "div",
@@ -2217,42 +2217,45 @@ function Er({ children: e, addCssClasses: l }) {
     }
   );
 }
-function Nr({ children: e, addCssClasses: l }) {
+function _r({ children: e, addCssClasses: s }) {
   const r = G(
     "w-full flex flex-col",
-    (l || "items-end").trim()
+    (s || "items-end").trim()
   );
   return /* @__PURE__ */ t("div", { className: r, children: e });
 }
-const _r = (e) => {
+const Mr = (e) => {
   console.warn("showToast TODO", e);
-}, Gt = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, Mr = se((e, l) => {
+}, Gt = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, Pr = se((e, s) => {
   let r = pt(Number(e.zoomScale || 0));
-  const o = e.responsiveGrid || !1, s = e.isEditing || !1, n = {
+  const n = e.responsiveGrid || !1, d = e.isEditing || !1, o = {
     "--bwj-dashboard-transform-scale": r,
     "--bwj-dashboard-add-cols": Gt(r)
   }, f = G(
     "dashboard-main-grid w-full",
-    s ? "editing" : "",
-    o ? "responsive-grid" : "",
-    `border border-dashed ${s ? "border-primary border-opacity-50" : "border-transparent"}`
+    d ? "editing" : "",
+    n ? "responsive-grid" : "",
+    `border border-dashed ${d ? "border-primary border-opacity-50" : "border-transparent"}`
   );
-  return /* @__PURE__ */ t("div", { className: f, style: n, children: e.children });
-}), Pe = "size-5", Zt = (e, l) => {
-  const r = e.hideTitle && !e.isEditing, o = e.noBorder;
-  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 n = () => {
+  return /* @__PURE__ */ t("div", { className: f, style: o, children: e.children });
+}), Pe = "size-5", Zt = (e) => {
+  if ((e.overrideCssClasses || "").trim().length > 0)
+    return (e.overrideCssClasses || "").trim();
+  const s = e.direction || "column", r = e.noBorder;
+  let n = `dashboard-widget direction-${s} ${e.isEditing ? "editing" : ""} border border-solid`;
+  return ["large", "xlarge"].indexOf(e.size || "") > -1 && (n = `${n} ${e.size}-widget`), r ? n = `${n} border-transparent border-opacity-0` : (e.borderCssClasses || "").trim().length > 0 ? n = `${n} ${e.borderCssClasses}` : n = `${n} border-card-invert border-opacity-20`, e.noShadow && (n = `${n} no-shadow`), e.noPadding && (n = `${n} no-padding p-0`), (e.backgroundCssClasses || "").trim().length > 0 ? n = `${n} ${e.backgroundCssClasses}`.trim() : n = `${n} bg-card content-card`, (e.addCssClasses || "").trim().length > 0 && (n = `${n} ${e.addCssClasses}`.trim()), n;
+}, Jt = (e, s) => {
+  const r = e.hideTitle && !e.isEditing, n = G(Zt(e)), d = () => {
     e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey, e.parentWidgetKey);
-  }, f = (D) => {
-    e.onMoveClick && e.widgetKey && e.onMoveClick(D, e.widgetKey, e.parentWidgetKey);
-  }, g = G(
+  }, o = (g) => {
+    e.onMoveClick && e.widgetKey && e.onMoveClick(g, e.widgetKey, e.parentWidgetKey);
+  }, f = G(
     "widget-header",
     r ? "hidden" : "flex items-center justify-between border-b border-solid border-card-invert",
     r ? "border-opacity-0" : "border-opacity-20"
   );
-  return /* @__PURE__ */ I("div", { className: s, children: [
-    /* @__PURE__ */ I("div", { className: g, children: [
+  return /* @__PURE__ */ I("div", { className: n, children: [
+    /* @__PURE__ */ I("div", { className: f, children: [
       /* @__PURE__ */ I("div", { className: "widget-title-wrapper w-full flex flex-row gap-2 items-center justify-between", children: [
         /* @__PURE__ */ I("h2", { className: "widget-title", children: [
           e.title,
@@ -2273,8 +2276,8 @@ const _r = (e) => {
                 placement: "top",
                 title: `${e.index < 1 ? "Already at min position" : "Move Widget to the left/up"}`
               },
-              onClick: () => f(-1),
-              children: /* @__PURE__ */ t(it, { className: Pe })
+              onClick: () => o(-1),
+              children: /* @__PURE__ */ t(at, { className: Pe })
             }
           ),
           /* @__PURE__ */ t(
@@ -2287,7 +2290,7 @@ const _r = (e) => {
                 placement: "top",
                 title: `${e.index >= e.maxIndex ? "Already at max position" : "Move Widget to the right/down"}`
               },
-              onClick: () => f(1),
+              onClick: () => o(1),
               children: /* @__PURE__ */ t(st, { className: Pe })
             }
           ),
@@ -2300,7 +2303,7 @@ const _r = (e) => {
                 placement: "top",
                 title: "Remove Widget"
               },
-              onClick: () => n(),
+              onClick: () => d(),
               children: /* @__PURE__ */ t(lt, { className: Pe })
             }
           )
@@ -2309,125 +2312,125 @@ const _r = (e) => {
     ] }),
     /* @__PURE__ */ t("div", { className: "widget-inner", children: e.children })
   ] });
-}, Jt = se(Zt);
+}, Qt = se(Jt);
 function rt(e) {
-  const { widgetKey: l, parentWidgetKey: r, index: o, maxIndex: s, isEditing: n, onRemoveClick: f, onMoveClick: g } = e, D = e.extraProps;
+  const { widgetKey: s, parentWidgetKey: r, index: n, maxIndex: d, isEditing: o, onRemoveClick: f, onMoveClick: g } = e, T = e.extraProps;
   return /* @__PURE__ */ t(
-    Jt,
+    Qt,
     {
-      widgetKey: l,
+      widgetKey: s,
       title: "Widget Error",
       parentWidgetKey: r,
-      index: o,
-      maxIndex: s,
-      isEditing: n,
+      index: n,
+      maxIndex: d,
+      isEditing: o,
       onRemoveClick: f,
       onMoveClick: g,
       children: /* @__PURE__ */ I("div", { className: "p-4 border border-dashed border-danger", children: [
         /* @__PURE__ */ I("span", { className: "font-bold", children: [
           'Failed to load "',
-          l,
+          s,
           '"'
         ] }),
-        D?.versionMismatch && /* @__PURE__ */ I("div", { className: "flex flex-col", children: [
+        T?.versionMismatch && /* @__PURE__ */ I("div", { className: "flex flex-col", children: [
           /* @__PURE__ */ I("span", { className: "font-bold text-sm", children: [
             "Version Mismatch: ",
-            l
+            s
           ] }),
           /* @__PURE__ */ I("div", { className: "flex flex-col text-xs", children: [
             /* @__PURE__ */ I("span", { children: [
               "Widget requires: Vue ",
-              D?.requiredVer,
+              T?.requiredVer,
               "."
             ] }),
             /* @__PURE__ */ I("span", { children: [
               "Host version: ",
-              D?.hostVer,
+              T?.hostVer,
               "."
             ] })
           ] }),
           /* @__PURE__ */ I("div", { className: "flex flex-col mt-3", children: [
             /* @__PURE__ */ t("h5", { children: "Externals:" }),
-            /* @__PURE__ */ t("dl", { className: "ml-2 flex flex-col text-xs", children: D?.externalDependencies.map((S, b) => /* @__PURE__ */ I("dd", { children: [
+            /* @__PURE__ */ t("dl", { className: "ml-2 flex flex-col text-xs", children: T?.externalDependencies.map((S, b) => /* @__PURE__ */ I("dd", { children: [
               "- ",
               S
             ] }, `dep-${b}`)) })
           ] })
         ] }),
-        !D?.versionMismatch && /* @__PURE__ */ I("div", { className: "flex flex-col", children: [
+        !T?.versionMismatch && /* @__PURE__ */ I("div", { className: "flex flex-col", children: [
           /* @__PURE__ */ t("div", { className: "flex flex-col text-xs italic", children: /* @__PURE__ */ t("span", { children: "The remote plugin is unavailable." }) }),
           /* @__PURE__ */ t("span", { className: "font-bold text-sm", children: "Error Details:" }),
           /* @__PURE__ */ I("div", { className: "flex flex-col mt-3", children: [
             /* @__PURE__ */ t("h5", { children: "Details:" }),
-            /* @__PURE__ */ t("div", { className: "text-xs break-all", children: D?.errorMessage || "Unknown error occurred." })
+            /* @__PURE__ */ t("div", { className: "text-xs break-all", children: T?.errorMessage || "Unknown error occurred." })
           ] })
         ] })
       ] })
     }
   );
 }
-const Qt = (e, l) => {
-  const r = (n) => n.replace(/[^0-9.]/g, ""), o = r(e).split(".").map(Number), s = r(l).split(".").map(Number);
-  return !(o[0] !== s[0] || o[1] < s[1]);
+const er = (e, s) => {
+  const r = (o) => o.replace(/[^0-9.]/g, ""), n = r(e).split(".").map(Number), d = r(s).split(".").map(Number);
+  return !(n[0] !== d[0] || n[1] < d[1]);
 };
-function er(e) {
+function tr(e) {
   return /* @__PURE__ */ t("div", { className: "dashboard-widget", children: /* @__PURE__ */ I("div", { className: "absolute inset-0 bg-black flex flex-col items-center justify-center text-center", children: [
     /* @__PURE__ */ t("div", { className: "w-full absolute opacity-100 text-primary", children: e.title }),
     /* @__PURE__ */ t("div", { className: "animate-ping rounded-full h-32 w-32 border-8 border-white" })
   ] }) });
 }
-function tr({
+function rr({
   index: e,
-  maxIndex: l,
+  maxIndex: s,
   widgetKey: r,
-  parentWidgetKey: o,
-  targetContainerKey: s,
-  childWidgetsConfig: n,
+  parentWidgetKey: n,
+  targetContainerKey: d,
+  childWidgetsConfig: o,
   widgetCatalog: f,
   isEditing: g,
   // for additional props passed to all widget from the dashboard through the DynamicWidgetLoader:
-  extraProps: D,
+  extraProps: T,
   onRemoveClick: S,
   onMoveClick: b,
-  selectContainer: c
+  selectContainer: l
 }) {
-  const p = `${r}`.split("_"), m = p.length > 1, T = m ? p[0] : r, h = f.get(T);
+  const p = `${r}`.split("_"), m = p.length > 1, D = m ? p[0] : r, h = f.get(D);
   if (!h)
     return /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ I("p", { children: [
       "Widget not found in catalog: ",
-      T
+      D
     ] }) });
   let y = null, x = !1;
-  const E = !!h.isContainer, C = m ? nt(r) : "", w = E ? (n || []).filter((a) => a.parentWidgetKey === r) : [], i = {
+  const E = !!h.isContainer, C = m ? nt(r) : "", w = E ? (o || []).filter((i) => i.parentWidgetKey === r) : [], a = {
     index: e,
-    maxIndex: l,
+    maxIndex: s,
     widgetKey: r,
-    parentWidgetKey: o,
+    parentWidgetKey: n,
     isEditing: g,
-    extraProps: D,
+    extraProps: T,
     title: m ? C : h.title,
     onRemoveClick: S,
     onMoveClick: b
   };
   if (h.component ? (y = h.component, x = !1) : h.loader && (x = !0, y = ot(() => {
     if (!h) return null;
-    const a = typeof __HOST_REACT_VERSION__ < "u" ? __HOST_REACT_VERSION__ : "19.2.3", u = h.meta?.externalDependencies || [], d = u.find((_) => _.startsWith("react@"));
-    if (d) {
-      const _ = d.split("@")[1];
-      if (!Qt(a, _)) {
+    const i = typeof __HOST_REACT_VERSION__ < "u" ? __HOST_REACT_VERSION__ : "19.2.3", u = h.meta?.externalDependencies || [], c = u.find((_) => _.startsWith("react@"));
+    if (c) {
+      const _ = c.split("@")[1];
+      if (!er(i, _)) {
         const R = {
-          ...i.extraProps,
-          hostVer: a,
+          ...a.extraProps,
+          hostVer: i,
           requiredVer: _,
           externalDependencies: u,
-          errorMessage: `Incompatible React version. Required: ${_}, Host: ${a}`,
+          errorMessage: `Incompatible React version. Required: ${_}, Host: ${i}`,
           versionMismatch: !0
         };
-        return i.extraProps = {
-          ...i.extraProps,
+        return a.extraProps = {
+          ...a.extraProps,
           ...R
         }, ve.lazy(async () => ({
-          default: () => /* @__PURE__ */ t(rt, { ...i })
+          default: () => /* @__PURE__ */ t(rt, { ...a })
         }));
       }
     }
@@ -2440,18 +2443,18 @@ function tr({
         } catch (R) {
           console.error(`Widget Load Error [${r}]:`, R);
           const H = {
-            ...i.extraProps,
-            hostVer: a,
-            requiredVer: d ? d.split("@")[1] : "Unknown",
+            ...a.extraProps,
+            hostVer: i,
+            requiredVer: c ? c.split("@")[1] : "Unknown",
             externalDependencies: u,
             errorMessage: R.message,
             versionMismatch: !1
           };
-          return i.extraProps = {
-            ...i.extraProps,
+          return a.extraProps = {
+            ...a.extraProps,
             ...H
           }, {
-            default: () => /* @__PURE__ */ t(rt, { ...i })
+            default: () => /* @__PURE__ */ t(rt, { ...a })
           };
         }
       };
@@ -2461,58 +2464,58 @@ function tr({
   }, [h, r])), !y)
     return /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ I("p", { children: [
       "Widget definition incomplete: ",
-      T
+      D
     ] }) });
   const M = E ? {
-    highlight: s === r,
-    selectContainer: c,
+    highlight: d === r,
+    selectContainer: l,
     // The children prop is the recursive call back to DynamicWidgetLoader
-    children: w.map((a, u) => /* @__PURE__ */ t(
-      tr,
+    children: w.map((i, u) => /* @__PURE__ */ t(
+      rr,
       {
         index: u,
         maxIndex: w.length - 1,
-        widgetKey: a.widgetKey,
-        parentWidgetKey: a.parentWidgetKey,
+        widgetKey: i.widgetKey,
+        parentWidgetKey: i.parentWidgetKey,
         widgetCatalog: f,
         isEditing: g,
-        extraProps: D,
+        extraProps: T,
         onRemoveClick: S,
         onMoveClick: b
       },
-      `${a.widgetKey}_${u}`
+      `${i.widgetKey}_${u}`
     ))
   } : {};
-  return x ? /* @__PURE__ */ t(xt, { fallback: /* @__PURE__ */ t(er, { title: `Loading ${h.title}` }), children: /* @__PURE__ */ t(y, { ...i, ...M }) }) : /* @__PURE__ */ t(y, { ...i, ...M });
+  return x ? /* @__PURE__ */ t(xt, { fallback: /* @__PURE__ */ t(tr, { title: `Loading ${h.title}` }), children: /* @__PURE__ */ t(y, { ...a, ...M }) }) : /* @__PURE__ */ t(y, { ...a, ...M });
 }
 const be = "size-5";
 function ke(e) {
-  const l = e.highlight || !1, r = e.direction || "column", o = e.children.length > 0, s = e.isEditing || !1;
-  let g = l ? "border-transparent" : s && !o ? "border-card-invert" : "border-transparent";
-  const D = ["large", "xlarge"].includes(e.size || "");
+  const s = e.highlight || !1, r = e.direction || "column", n = e.children.length > 0, d = e.isEditing || !1;
+  let g = s ? "border-transparent" : d && !n ? "border-card-invert" : "border-transparent";
+  const T = ["large", "xlarge"].includes(e.size || "");
   let S = "";
   ["large", "xlarge"].indexOf(e.size || "") > -1 && (S = `${e.size}-widget`);
   let b = "";
-  r === "row" && !o ? b = "min-h-48" : r === "column" && !o && (b = "min-h-96");
-  let c = G(
+  r === "row" && !n ? b = "min-h-48" : r === "column" && !n && (b = "min-h-96");
+  let l = G(
     "dashboard-widget-container relative ",
-    o ? "" : "has-no-children",
-    s ? "editing" : "",
+    n ? "" : "has-no-children",
+    d ? "editing" : "",
     b,
     S,
-    D ? "widget-container-grid" : "widget-container-flex",
+    T ? "widget-container-grid" : "widget-container-flex",
     `direction-${r}`,
     `border ${g}`,
-    `${l ? "highlight-container" : ""} ${g}`
+    `${s ? "highlight-container" : ""} ${g}`
   ), p = `widget-container-header direction-${r} flex items-center border-1 ${g}`;
   const m = () => {
     e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey);
-  }, T = (y) => {
+  }, D = (y) => {
     e.onMoveClick && e.widgetKey && e.onMoveClick(y, e.widgetKey, e.parentWidgetKey);
   }, h = () => {
     e.selectContainer && e.widgetKey && e.selectContainer(e.widgetKey);
   };
-  return /* @__PURE__ */ I("div", { "data-testid": `container_${e.widgetKey}`, className: c, children: [
+  return /* @__PURE__ */ I("div", { "data-testid": `container_${e.widgetKey}`, className: l, children: [
     /* @__PURE__ */ I("div", { className: p, children: [
       /* @__PURE__ */ t(
         "div",
@@ -2537,7 +2540,7 @@ function ke(e) {
             children: /* @__PURE__ */ t(
               It,
               {
-                className: `${be} ${l ? "text-success" : "text-disabled"}`
+                className: `${be} ${s ? "text-success" : "text-disabled"}`
               }
             )
           }
@@ -2552,8 +2555,8 @@ function ke(e) {
               placement: "top",
               title: `${e.index < 1 ? "Already at min position" : "Move Container to the left/up"}`
             },
-            onClick: () => T(-1),
-            children: /* @__PURE__ */ t(it, { className: be })
+            onClick: () => D(-1),
+            children: /* @__PURE__ */ t(at, { className: be })
           }
         ),
         /* @__PURE__ */ t(
@@ -2566,7 +2569,7 @@ function ke(e) {
               placement: "top",
               title: `${e.index >= e.maxIndex ? "Already at max position" : "Move Container to the right/down"}`
             },
-            onClick: () => T(1),
+            onClick: () => D(1),
             children: /* @__PURE__ */ t(st, { className: be })
           }
         ),
@@ -2588,32 +2591,32 @@ function ke(e) {
     /* @__PURE__ */ t("div", { "data-testid": `childrenwrapper_${e.widgetKey}`, className: "widget-container-inner", children: e.children })
   ] });
 }
-function Pr(e) {
-  const { direction: l, ...r } = e;
+function Ir(e) {
+  const { direction: s, ...r } = e;
   return /* @__PURE__ */ t(ke, { direction: "column", ...r });
 }
-function Ir(e) {
-  const { size: l, ...r } = e;
+function Rr(e) {
+  const { size: s, ...r } = e;
   return /* @__PURE__ */ t(ke, { size: "large", ...r });
 }
-function Rr(e) {
-  const { direction: l, ...r } = e;
+function $r(e) {
+  const { direction: s, ...r } = e;
   return /* @__PURE__ */ t(ke, { direction: "row", ...r });
 }
 function Ie({
   // widgetKey,
   metaData: e,
-  alreadyAdded: l,
+  alreadyAdded: s,
   addWidget: r
 }) {
-  const [o, s] = ie(!1), n = e.icon || Rt, f = e.name || "Unknown", g = e.description || "---", S = (e.noDuplicatedWidgets || !1) && l, b = G(`
+  const [n, d] = ae(!1), o = e.icon || Rt, f = e.name || "Unknown", g = e.description || "---", S = (e.noDuplicatedWidgets || !1) && s, b = 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"}
   `);
   return /* @__PURE__ */ I("div", { className: b, style: { width: "calc(100% - 1rem)" }, onClick: () => {
     S || r();
   }, children: [
-    /* @__PURE__ */ t(n, { className: "" }),
+    /* @__PURE__ */ t(o, { className: "" }),
     /* @__PURE__ */ I("div", { className: "w-full", children: [
       /* @__PURE__ */ I("div", { className: "flex flex-row items-center gap-2 justify-between", children: [
         /* @__PURE__ */ t("span", { className: "font-bold", children: f }),
@@ -2622,38 +2625,38 @@ function Ie({
       /* @__PURE__ */ I("div", { className: "flex flex-col text-xs", children: [
         /* @__PURE__ */ t("div", { children: g }),
         /* @__PURE__ */ t("div", { className: "mt-3 cursor-pointer", onClick: (m) => {
-          m.stopPropagation(), m.preventDefault(), s(!o);
+          m.stopPropagation(), m.preventDefault(), d(!n);
         }, children: "Externals:" }),
-        o && /* @__PURE__ */ t("dl", { className: "ml-2 flex flex-col text-xs", children: e.externalDependencies.map((m, T) => /* @__PURE__ */ I("dd", { children: [
+        n && /* @__PURE__ */ t("dl", { className: "ml-2 flex flex-col text-xs", children: e.externalDependencies.map((m, D) => /* @__PURE__ */ I("dd", { children: [
           "- ",
           m
-        ] }, T)) })
+        ] }, D)) })
       ] })
     ] })
   ] });
 }
-function rr({ item: e, onSettingItemChanged: l }) {
-  const r = e.name || "Unknown", o = e.description || "---", s = G(`
+function nr({ item: e, onSettingItemChanged: s }) {
+  const r = e.name || "Unknown", n = e.description || "---", d = G(`
     flex flex-row gap-2 p-2 rounded-md border text-sm bg-card content-card backdrop-opacity-100
-  `), n = (g) => {
-    const D = g.key;
-    if (["ArrowUp", "ArrowDown"].includes(D)) {
+  `), o = (g) => {
+    const T = g.key;
+    if (["ArrowUp", "ArrowDown"].includes(T)) {
       g.preventDefault();
       const S = bt.incrementOrDecrementValue(
         e,
-        D === "ArrowUp" ? 1 : -1
+        T === "ArrowUp" ? 1 : -1
       );
-      l(S);
+      s(S);
     }
   }, f = (g) => {
-    l({
+    s({
       ...e,
       value: g.target.value || ""
     });
   };
-  return /* @__PURE__ */ t("div", { className: s, style: { width: "calc(100% - 1rem)" }, children: /* @__PURE__ */ I("div", { className: "w-full", children: [
+  return /* @__PURE__ */ t("div", { className: d, style: { width: "calc(100% - 1rem)" }, children: /* @__PURE__ */ I("div", { className: "w-full", children: [
     /* @__PURE__ */ t("div", { className: "flex flex-row items-center gap-2 justify-between", children: /* @__PURE__ */ t("span", { className: "font-bold", children: r }) }),
-    /* @__PURE__ */ t("div", { className: "flex flex-col gap-2 text-xs", children: /* @__PURE__ */ t("div", { children: o }) }),
+    /* @__PURE__ */ t("div", { className: "flex flex-col gap-2 text-xs", children: /* @__PURE__ */ t("div", { children: n }) }),
     /* @__PURE__ */ I("div", { children: [
       "Value:",
       /* @__PURE__ */ t(
@@ -2664,53 +2667,53 @@ function rr({ item: e, onSettingItemChanged: l }) {
           className: "w-full",
           value: e.value,
           onChange: f,
-          onKeyDown: n
+          onKeyDown: o
         }
       )
     ] })
   ] }) });
 }
-const Re = (e, l) => [
-  ...l.widgets.filter((o) => o.indexOf("Container") === -1),
-  ...l.childWidgetsConfig.map((o) => o.widgetKey)
+const Re = (e, s) => [
+  ...s.widgets.filter((n) => n.indexOf("Container") === -1),
+  ...s.childWidgetsConfig.map((n) => n.widgetKey)
 ].includes(e);
-function $r(e) {
+function Or(e) {
   const {
-    currentDashboardConfig: l,
+    currentDashboardConfig: s,
     undoStatus: r,
-    addContainer: o,
-    onResetToDefaultDashboardClick: s,
-    onUndoOrRedo: n,
+    addContainer: n,
+    onResetToDefaultDashboardClick: d,
+    onUndoOrRedo: o,
     onDoneClick: f
-  } = e, [g, D] = ie("Editing"), [S, b] = ie(0), [c, p] = ie(""), T = Array.from(e.widgetsCatalog.keys()).map((d) => ({
-    widgetKey: d,
-    metaData: yt(d, e.widgetsCatalog)
-  })), h = !!e.targetContainerKey, y = (d) => {
-    p(d.target.value);
-  }, x = (d) => {
-    const _ = c.trim().toLowerCase();
-    return _.length < 1 ? !0 : d.name.trim().toLowerCase().includes(_) || d.description.toLowerCase().includes(_);
-  }, E = (d) => {
-    const _ = c.trim().toLowerCase();
-    return _.length < 1 ? !0 : d.name.trim().toLowerCase().includes(_) || d.description.toLowerCase().includes(_);
-  }, C = (d) => G(
+  } = e, [g, T] = ae("Editing"), [S, b] = ae(0), [l, p] = ae(""), D = Array.from(e.widgetsCatalog.keys()).map((c) => ({
+    widgetKey: c,
+    metaData: yt(c, e.widgetsCatalog)
+  })), h = !!e.targetContainerKey, y = (c) => {
+    p(c.target.value);
+  }, x = (c) => {
+    const _ = l.trim().toLowerCase();
+    return _.length < 1 ? !0 : c.name.trim().toLowerCase().includes(_) || c.description.toLowerCase().includes(_);
+  }, E = (c) => {
+    const _ = l.trim().toLowerCase();
+    return _.length < 1 ? !0 : c.name.trim().toLowerCase().includes(_) || c.description.toLowerCase().includes(_);
+  }, C = (c) => 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) => {
-    h ? e.addWidget(d, e.targetContainerKey) : e.addWidget(d);
-  }, i = (d) => {
-    const _ = (e.currentDashboardConfig.cssSettings || []).map((R) => R.key === d.key ? d : R);
+    c === S ? "text-primary border-primary" : ""
+  ), w = (c) => {
+    h ? e.addWidget(c, e.targetContainerKey) : e.addWidget(c);
+  }, a = (c) => {
+    const _ = (e.currentDashboardConfig.cssSettings || []).map((R) => R.key === c.key ? c : R);
     e.onSettingItemsUpdated(_);
-  }, [M, a] = ie(!1), u = (d) => {
-    a(d);
+  }, [M, i] = ae(!1), u = (c) => {
+    i(c);
   };
   return Ct(() => {
     if (e.targetContainerKey) {
       b(0);
-      const d = nt(e.targetContainerKey);
-      D(`Editing ${d}`);
+      const c = nt(e.targetContainerKey);
+      T(`Editing ${c}`);
     } else
-      D("Editing Dashboard");
+      T("Editing Dashboard");
   }, [e.targetContainerKey]), /* @__PURE__ */ t(
     Xt,
     {
@@ -2733,7 +2736,7 @@ function $r(e) {
               "h2",
               {
                 className: "flex-1 text-base margin-0 capitalize",
-                title: h ? g : `Editing dashboard: ${l.dashboardName}`,
+                title: h ? g : `Editing dashboard: ${s.dashboardName}`,
                 children: g
               }
             )
@@ -2749,7 +2752,7 @@ function $r(e) {
                   title: "Undo"
                 },
                 disabled: r.isUndoDisabled,
-                onClick: () => n("Undo"),
+                onClick: () => o("Undo"),
                 children: /* @__PURE__ */ t(Nt, { className: "size-5" })
               }
             ),
@@ -2763,7 +2766,7 @@ function $r(e) {
                   title: "Redo"
                 },
                 disabled: r.isRedoDisabled,
-                onClick: () => n("Redo"),
+                onClick: () => o("Redo"),
                 children: /* @__PURE__ */ t(_t, { className: "size-5" })
               }
             ),
@@ -2776,7 +2779,7 @@ function $r(e) {
                   placement: "bottom",
                   title: "Reset this dashboard to the default configuration"
                 },
-                onClick: s,
+                onClick: d,
                 children: /* @__PURE__ */ t(Et, { className: "size-5" })
               }
             )
@@ -2794,7 +2797,7 @@ function $r(e) {
             label: "Filter...",
             size: "small",
             className: "w-full",
-            value: c,
+            value: l,
             onChange: y
           }
         ) }),
@@ -2806,47 +2809,47 @@ function $r(e) {
               maxHeight: "360px"
             },
             children: [
-              S === 0 && T.filter(
-                (d) => d.metaData.categories.includes("Widget") && x(d.metaData)
-              ).map((d) => /* @__PURE__ */ t(
+              S === 0 && D.filter(
+                (c) => c.metaData.categories.includes("Widget") && x(c.metaData)
+              ).map((c) => /* @__PURE__ */ t(
                 Ie,
                 {
-                  widgetKey: d.widgetKey,
-                  metaData: d.metaData,
-                  alreadyAdded: Re(d.widgetKey, l),
-                  addWidget: () => w(d.widgetKey)
+                  widgetKey: c.widgetKey,
+                  metaData: c.metaData,
+                  alreadyAdded: Re(c.widgetKey, s),
+                  addWidget: () => w(c.widgetKey)
                 },
-                d.widgetKey
+                c.widgetKey
               )),
-              S === 1 && T.filter(
-                (d) => d.metaData.categories.includes("Chart") && x(d.metaData)
-              ).map((d) => /* @__PURE__ */ t(
+              S === 1 && D.filter(
+                (c) => c.metaData.categories.includes("Chart") && x(c.metaData)
+              ).map((c) => /* @__PURE__ */ t(
                 Ie,
                 {
-                  widgetKey: d.widgetKey,
-                  metaData: d.metaData,
-                  alreadyAdded: Re(d.widgetKey, l),
-                  addWidget: () => w(d.widgetKey)
+                  widgetKey: c.widgetKey,
+                  metaData: c.metaData,
+                  alreadyAdded: Re(c.widgetKey, s),
+                  addWidget: () => w(c.widgetKey)
                 },
-                d.widgetKey
+                c.widgetKey
               )),
-              !h && S === 2 && T.filter((d) => d.metaData.categories.includes("Container")).map((d) => /* @__PURE__ */ t(
+              !h && S === 2 && D.filter((c) => c.metaData.categories.includes("Container")).map((c) => /* @__PURE__ */ t(
                 Ie,
                 {
-                  widgetKey: d.widgetKey,
-                  metaData: d.metaData,
-                  alreadyAdded: Re(d.widgetKey, l),
-                  addWidget: () => o(d.widgetKey)
+                  widgetKey: c.widgetKey,
+                  metaData: c.metaData,
+                  alreadyAdded: Re(c.widgetKey, s),
+                  addWidget: () => n(c.widgetKey)
                 },
-                d.widgetKey
+                c.widgetKey
               )),
-              !h && S === 3 && (l.cssSettings || []).filter(E).map((d) => /* @__PURE__ */ t(
-                rr,
+              !h && S === 3 && (s.cssSettings || []).filter(E).map((c) => /* @__PURE__ */ t(
+                nr,
                 {
-                  item: d,
-                  onSettingItemChanged: i
+                  item: c,
+                  onSettingItemChanged: a
                 },
-                d.key
+                c.key
               ))
             ]
           }
@@ -2868,48 +2871,48 @@ function $r(e) {
   );
 }
 export {
-  dr as AddIcon,
+  ur as AddIcon,
   J as Button,
   Rt as CircleQuestionMark,
   It as CrosshairIcon,
-  Mr as DashboardGrid,
-  Jt as DashboardWidgetBase,
-  ur as DeleteIcon,
+  Pr as DashboardGrid,
+  Qt as DashboardWidgetBase,
+  fr as DeleteIcon,
   Xt as DraggablePanel,
-  tr as DynamicWidgetLoader,
-  fr as EditIcon,
-  gr as GridIcon,
+  rr as DynamicWidgetLoader,
+  hr as EditIcon,
+  mr as GridIcon,
   Pt as HandGrabIcon,
   Mt as HandIcon,
-  Cr as ListItem,
-  wr as ListItemLeftChild,
-  Sr as ListItemMiddleChild,
-  Dr as ListItemRightChild,
-  mr as MonitorIcon,
-  pr as MonitorSmartphoneIcon,
-  it as MoveLeftIcon,
+  wr as ListItem,
+  Sr as ListItemLeftChild,
+  Dr as ListItemMiddleChild,
+  Tr as ListItemRightChild,
+  pr as MonitorIcon,
+  yr as MonitorSmartphoneIcon,
+  at as MoveLeftIcon,
   st as MoveRightIcon,
   _t as RedoIcon,
-  hr as RenameIcon,
+  gr as RenameIcon,
   Tt as SettingsIcon,
   Ot as Stack,
   K as SvgBaseWrapper,
-  yr as TabletSmartphoneIcon,
-  xr as TargetIcon,
+  br as TabletSmartphoneIcon,
+  Cr as TargetIcon,
   ct as TextField,
   Et as TimerResetIcon,
   Nt as UndoIcon,
-  Pr as WidgetContainerColumn,
-  Ir as WidgetContainerLarge,
-  Rr as WidgetContainerRow,
-  $r as WidgetsCatalogFlyout,
-  Er as WrapperColumnContent,
-  Nr as WrapperColumnContentListItem,
+  Ir as WidgetContainerColumn,
+  Rr as WidgetContainerLarge,
+  $r as WidgetContainerRow,
+  Or as WidgetsCatalogFlyout,
+  Nr as WrapperColumnContent,
+  _r as WrapperColumnContentListItem,
   lt as XCircleIcon,
-  br as ZoomInIcon,
-  vr as ZoomOutIcon,
-  Qt as _isVersionCompatible,
-  _r as showToast,
-  lr as useDashboardStore,
-  cr as useDashboardUndoService
+  vr as ZoomInIcon,
+  xr as ZoomOutIcon,
+  er as _isVersionCompatible,
+  Mr as showToast,
+  cr as useDashboardStore,
+  dr as useDashboardUndoService
 };