@tenorlab/react-dashboard 1.6.2 → 1.6.3

package/dist/react-dashboard.es.js

@@ -1,84 +1,84 @@
-import { create as mt } from "zustand";
-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 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 = T?.equalityFn || Object.is;
-      let l = f(n.getState());
-      S = (p) => {
-        const m = f(p);
-        if (!b(l, m)) {
-          const D = l;
-          g(l = m, D);
+import { create as vt } from "zustand";
+import { blankDashboardConfig as we, dashboardStoreUtils as ge, getDistinctCssClasses as Z, ensureZoomScaleIsWithinRange as xt, parseContainerTitle as it, getWidgetMetaFromCatalog as Ct, dashboardSettingsUtils as wt } from "./core.es.js";
+import xe, { useState as oe, useCallback as ce, useMemo as fe, useRef as at, useEffect as Oe, forwardRef as se, Suspense as St } from "react";
+import { jsxs as _, jsx as t } from "react/jsx-runtime";
+import st from "react-dom";
+const Dt = (e) => (s, n, r) => {
+  const d = r.subscribe;
+  return r.subscribe = ((c, f, w) => {
+    let b = c;
+    if (f) {
+      const v = w?.equalityFn || Object.is;
+      let l = c(r.getState());
+      b = (y) => {
+        const p = c(y);
+        if (!v(l, p)) {
+          const T = l;
+          f(l = p, T);
         }
-      }, T?.fireImmediately && g(l, l);
+      }, w?.fireImmediately && f(l, l);
     }
-    return d(S);
-  }), e(s, r, n);
-}, St = wt, Dt = (e, s) => ({
+    return d(b);
+  }), e(s, n, r);
+}, Tt = Dt, Nt = (e, s) => ({
   isLoading: !1,
   isEditing: !1,
-  allDashboardConfigs: [Ce],
-  currentDashboardConfig: Ce,
+  allDashboardConfigs: [we],
+  currentDashboardConfig: we,
   targetContainerKey: void 0,
-  getNextContainerKey: (r) => he.getNextContainerKey(s().currentDashboardConfig, r),
-  setIsLoading: (r) => (e(() => ({ isLoading: r })), r),
-  setIsEditing: (r) => {
-    let n = s().targetContainerKey;
-    return r || (n = void 0), e(() => ({ isEditing: r, targetContainerKey: n })), r;
+  getNextContainerKey: (n) => ge.getNextContainerKey(s().currentDashboardConfig, n),
+  setIsLoading: (n) => (e(() => ({ isLoading: n })), n),
+  setIsEditing: (n) => {
+    let r = s().targetContainerKey;
+    return n || (r = void 0), e(() => ({ isEditing: n, targetContainerKey: r })), n;
   },
-  setTargetContainerKey: (r) => (e(() => ({ targetContainerKey: r })), r),
-  setAllDashboardConfigs: (r) => (e(() => ({ allDashboardConfigs: r })), s().allDashboardConfigs),
-  setCurrentDashboardConfig: (r) => {
-    const n = s(), d = [
-      ...n.allDashboardConfigs.filter((o) => o.dashboardId !== r.dashboardId),
-      r
+  setTargetContainerKey: (n) => (e(() => ({ targetContainerKey: n })), n),
+  setAllDashboardConfigs: (n) => (e(() => ({ allDashboardConfigs: n })), s().allDashboardConfigs),
+  setCurrentDashboardConfig: (n) => {
+    const r = s(), d = [
+      ...r.allDashboardConfigs.filter((o) => o.dashboardId !== n.dashboardId),
+      n
     ];
     return e(() => ({
-      ...n,
+      ...r,
       allDashboardConfigs: d,
-      currentDashboardConfig: r
+      currentDashboardConfig: n
     })), d;
   },
-  addDashboardConfig: (r) => {
-    const n = s(), d = [
-      ...n.allDashboardConfigs.filter((o) => o.dashboardId !== r.dashboardId),
-      r
+  addDashboardConfig: (n) => {
+    const r = s(), d = [
+      ...r.allDashboardConfigs.filter((o) => o.dashboardId !== n.dashboardId),
+      n
     ];
     return e(() => ({
-      ...n,
+      ...r,
       allDashboardConfigs: d,
-      currentDashboardConfig: r
+      currentDashboardConfig: n
     })), d;
   },
-  deleteDashboardConfigById: (r) => {
-    const n = s(), d = [...n.allDashboardConfigs.filter((o) => o.dashboardId !== r)];
+  deleteDashboardConfigById: (n) => {
+    const r = s(), d = [...r.allDashboardConfigs.filter((o) => o.dashboardId !== n)];
     return e(() => ({
-      ...n,
+      ...r,
       allDashboardConfigs: d,
-      currentDashboardConfig: d[0] || Ce
+      currentDashboardConfig: d[0] || we
     })), d;
   },
-  selectDashboardById: (r) => (e(() => {
-    const n = s(), d = n.allDashboardConfigs.find((o) => o.dashboardId === r);
+  selectDashboardById: (n) => (e(() => {
+    const r = s(), d = r.allDashboardConfigs.find((o) => o.dashboardId === n);
     return d ? {
       currentDashboardConfig: d
     } : {
-      ...n
+      ...r
     };
   }), s().currentDashboardConfig),
-  addWidget: (r) => {
-    const n = s(), d = he.addWidget({
-      dashboardConfig: n.currentDashboardConfig,
-      ...r
+  addWidget: (n) => {
+    const r = s(), d = ge.addWidget({
+      dashboardConfig: r.currentDashboardConfig,
+      ...n
     }), o = [
-      ...n.allDashboardConfigs.filter(
-        (f) => f.dashboardId !== d.updatedDashboardConfig.dashboardId
+      ...r.allDashboardConfigs.filter(
+        (c) => c.dashboardId !== d.updatedDashboardConfig.dashboardId
       ),
       d.updatedDashboardConfig
     ];
@@ -90,110 +90,110 @@ const wt = (e) => (s, r, n) => {
       allUpdatedDashboardConfigs: o
     };
   },
-  removeWidget: (r, n) => {
-    const d = s(), o = he.removeWidget(
+  removeWidget: (n, r) => {
+    const d = s(), o = ge.removeWidget(
       d.currentDashboardConfig,
-      r,
-      n
-    ), f = [
+      n,
+      r
+    ), c = [
       ...d.allDashboardConfigs.filter(
-        (g) => g.dashboardId !== o.updatedDashboardConfig.dashboardId
+        (f) => f.dashboardId !== o.updatedDashboardConfig.dashboardId
       ),
       o.updatedDashboardConfig
     ];
     return o.success && e(() => ({
-      allDashboardConfigs: f,
+      allDashboardConfigs: c,
       currentDashboardConfig: o.updatedDashboardConfig
     })), {
       ...o,
-      allUpdatedDashboardConfigs: f
+      allUpdatedDashboardConfigs: c
     };
   },
-  moveWidget: (r, n, d) => {
-    const o = s(), f = he.moveWidget(
+  moveWidget: (n, r, d) => {
+    const o = s(), c = ge.moveWidget(
       o.currentDashboardConfig,
-      r,
       n,
+      r,
       d
-    ), g = [
+    ), f = [
       ...o.allDashboardConfigs.filter(
-        (T) => T.dashboardId !== f.updatedDashboardConfig.dashboardId
+        (w) => w.dashboardId !== c.updatedDashboardConfig.dashboardId
       ),
-      f.updatedDashboardConfig
+      c.updatedDashboardConfig
     ];
-    return f.success && e(() => ({
-      allDashboardConfigs: g,
-      currentDashboardConfig: f.updatedDashboardConfig
+    return c.success && e(() => ({
+      allDashboardConfigs: f,
+      currentDashboardConfig: c.updatedDashboardConfig
     })), {
-      ...f,
-      allUpdatedDashboardConfigs: g
+      ...c,
+      allUpdatedDashboardConfigs: f
     };
   }
-}), cr = mt()(
-  St((...e) => ({
-    ...Dt(...e)
+}), gn = vt()(
+  Tt((...e) => ({
+    ...Nt(...e)
   }))
-), dr = () => {
-  const [e, s] = ae({}), [r, n] = ae({}), d = ce((b) => {
-    const l = b.dashboardId;
-    s((p) => {
-      const m = {
+), mn = () => {
+  const [e, s] = oe({}), [n, r] = oe({}), d = ce((v) => {
+    const l = v.dashboardId;
+    s((y) => {
+      const p = {
         undoIndex: 0,
-        config: b
+        config: v
       };
-      return n((D) => ({
-        ...D,
+      return r((T) => ({
+        ...T,
         [l]: 0
       })), {
-        ...p,
-        [l]: [m]
+        ...y,
+        [l]: [p]
         // Forces a reset to just this one entry
       };
     });
   }, []), o = ce(
-    (b) => {
+    (v) => {
       s((l) => {
-        const p = b.dashboardId, m = l[p] || [], D = r[p] ?? -1, h = m.slice(0, D + 1), y = {
+        const y = v.dashboardId, p = l[y] || [], T = n[y] ?? -1, h = p.slice(0, T + 1), g = {
           undoIndex: h.length,
           // New index based on trimmed length
-          config: b
-        }, x = [...h, y];
-        return n((E) => ({
-          ...E,
-          [p]: x.length - 1
+          config: v
+        }, x = [...h, g];
+        return r((N) => ({
+          ...N,
+          [y]: x.length - 1
           // Index is now the last element's index
         })), {
           ...l,
-          [p]: x
+          [y]: x
         };
       });
     },
-    [r]
-  ), f = ce((b) => {
+    [n]
+  ), c = ce((v) => {
     s((l) => {
-      if (!l[b])
+      if (!l[v])
         return l;
-      const { [b]: p, ...m } = l;
-      return m;
-    }), n((l) => {
-      const { [b]: p, ...m } = l;
-      return m;
+      const { [v]: y, ...p } = l;
+      return p;
+    }), r((l) => {
+      const { [v]: y, ...p } = l;
+      return p;
     });
-  }, []), g = ce(
-    (b) => {
-      n((l) => {
-        const p = l[b] ?? -1, m = Math.max(0, p - 1);
-        return m !== p ? { ...l, [b]: m } : l;
+  }, []), f = ce(
+    (v) => {
+      r((l) => {
+        const y = l[v] ?? -1, p = Math.max(0, y - 1);
+        return p !== y ? { ...l, [v]: p } : l;
       });
     },
     [
       //loadConfigFromHistory
     ]
-  ), T = ce(
-    (b) => {
-      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;
+  ), w = ce(
+    (v) => {
+      r((l) => {
+        const y = e[v]?.length || 0, p = l[v] ?? -1, T = Math.min(y - 1, p + 1);
+        return T !== p ? { ...l, [v]: T } : l;
       });
     },
     [
@@ -205,19 +205,19 @@ const wt = (e) => (s, r, n) => {
     initializeHistoryForDashboard: d,
     resetAllHistory: () => s({}),
     addUndoEntry: o,
-    removeUndoHistoryForDashboard: f,
-    undo: g,
-    redo: T,
-    getUndoStatus: (b) => {
-      const l = r[b] ?? -1, p = e[b]?.length || 0, m = l <= 0, D = l >= p - 1;
-      return { isUndoDisabled: m, isRedoDisabled: D };
+    removeUndoHistoryForDashboard: c,
+    undo: f,
+    redo: w,
+    getUndoStatus: (v) => {
+      const l = n[v] ?? -1, y = e[v]?.length || 0, p = l <= 0, T = l >= y - 1;
+      return { isUndoDisabled: p, isRedoDisabled: T };
     },
     undoHistory: e,
-    historyIndex: r
+    historyIndex: n
     // (Optional: You might expose undoHistory and historyIndex if needed for debugging)
   };
 };
-function K({
+function z({
   children: e,
   className: s
 }) {
@@ -238,15 +238,22 @@ function K({
     }
   );
 }
-function ur({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-circle-plus-icon lucide-circle-plus ${e}`, children: [
+function lt({ className: e }) {
+  return /* @__PURE__ */ _(z, { 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 fr({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-trash2-icon lucide-trash-2 ${e}`, children: [
+const pn = lt;
+function Et({ className: e }) {
+  return /* @__PURE__ */ _(z, { className: `lucide lucide-circle-minus-icon lucide-circle-minus ${e}`, children: [
+    /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ t("path", { d: "M8 12h8" })
+  ] });
+}
+function yn({ className: e }) {
+  return /* @__PURE__ */ _(z, { className: `lucide lucide-trash2-icon lucide-trash-2 ${e}`, children: [
     /* @__PURE__ */ t("path", { d: "M10 11v6" }),
     /* @__PURE__ */ t("path", { d: "M14 11v6" }),
     /* @__PURE__ */ t("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
@@ -254,15 +261,15 @@ function fr({ className: e }) {
     /* @__PURE__ */ t("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
   ] });
 }
-function hr({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-square-pen-icon lucide-square-pen ${e}`, children: [
+function bn({ className: e }) {
+  return /* @__PURE__ */ _(z, { 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 gr({ className: e }) {
-  return /* @__PURE__ */ I(
-    K,
+function vn({ className: e }) {
+  return /* @__PURE__ */ _(
+    z,
     {
       className: `lucide lucide-text-cursor-input-icon lucide-text-cursor-input ${e}`,
       children: [
@@ -275,8 +282,8 @@ function gr({ className: e }) {
     }
   );
 }
-function mr({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-grid3x3-icon lucide-grid-3x3 ${e}`, children: [
+function xn({ className: e }) {
+  return /* @__PURE__ */ _(z, { 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" }),
     /* @__PURE__ */ t("path", { d: "M3 15h18" }),
@@ -284,16 +291,16 @@ function mr({ className: e }) {
     /* @__PURE__ */ t("path", { d: "M15 3v18" })
   ] });
 }
-function pr({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-monitor-icon lucide-monitor ${e}`, children: [
+function Cn({ className: e }) {
+  return /* @__PURE__ */ _(z, { 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 yr({ className: e }) {
-  return /* @__PURE__ */ I(
-    K,
+function wn({ className: e }) {
+  return /* @__PURE__ */ _(
+    z,
     {
       className: `lucide lucide-monitor-smartphone-icon lucide-monitor-smartphone ${e}`,
       children: [
@@ -305,9 +312,9 @@ function yr({ className: e }) {
     }
   );
 }
-function at({ className: e }) {
-  return /* @__PURE__ */ I(
-    K,
+function ct({ className: e }) {
+  return /* @__PURE__ */ _(
+    z,
     {
       className: `lucide lucide-circle-arrow-left-icon lucide-circle-arrow-left ${e}`,
       children: [
@@ -318,9 +325,9 @@ function at({ className: e }) {
     }
   );
 }
-function st({ className: e }) {
-  return /* @__PURE__ */ I(
-    K,
+function dt({ className: e }) {
+  return /* @__PURE__ */ _(
+    z,
     {
       className: `lucide lucide-circle-arrow-right-icon lucide-circle-arrow-right ${e}`,
       children: [
@@ -331,15 +338,15 @@ function st({ className: e }) {
     }
   );
 }
-function Tt({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-settings-icon lucide-settings ${e}`, children: [
+function _t({ className: e }) {
+  return /* @__PURE__ */ _(z, { className: `lucide lucide-settings-icon lucide-settings ${e}`, children: [
     /* @__PURE__ */ t("path", { d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915" }),
     /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "3" })
   ] });
 }
-function br({ className: e }) {
-  return /* @__PURE__ */ I(
-    K,
+function Sn({ className: e }) {
+  return /* @__PURE__ */ _(
+    z,
     {
       className: `lucide lucide-tablet-smartphone-icon lucide-tablet-smartphone ${e}`,
       children: [
@@ -350,58 +357,58 @@ function br({ className: e }) {
     }
   );
 }
-function lt({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-circle-x-icon lucide-circle-x ${e}`, children: [
+function ut({ className: e }) {
+  return /* @__PURE__ */ _(z, { className: `lucide lucide-circle-x-icon lucide-circle-x ${e}`, children: [
     /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ t("path", { d: "m15 9-6 6" }),
     /* @__PURE__ */ t("path", { d: "m9 9 6 6" })
   ] });
 }
-function vr({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-zoom-in-icon lucide-zoom-in ${e}`, children: [
+function Dn({ className: e }) {
+  return /* @__PURE__ */ _(z, { 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" }),
     /* @__PURE__ */ t("line", { x1: "11", x2: "11", y1: "8", y2: "14" }),
     /* @__PURE__ */ t("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
   ] });
 }
-function xr({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-zoom-out-icon lucide-zoom-out ${e}`, children: [
+function Tn({ className: e }) {
+  return /* @__PURE__ */ _(z, { 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" }),
     /* @__PURE__ */ t("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
   ] });
 }
-function Et({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-timer-reset-icon lucide-timer-reset ${e}`, children: [
+function Mt({ className: e }) {
+  return /* @__PURE__ */ _(z, { className: `lucide lucide-timer-reset-icon lucide-timer-reset ${e}`, children: [
     /* @__PURE__ */ t("path", { d: "M10 2h4" }),
     /* @__PURE__ */ t("path", { d: "M12 14v-4" }),
     /* @__PURE__ */ t("path", { d: "M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6" }),
     /* @__PURE__ */ t("path", { d: "M9 17H4v5" })
   ] });
 }
-function Nt({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-undo-icon lucide-undo ${e}`, children: [
+function Pt({ className: e }) {
+  return /* @__PURE__ */ _(z, { className: `lucide lucide-undo-icon lucide-undo ${e}`, children: [
     /* @__PURE__ */ t("path", { d: "M3 7v6h6" }),
     /* @__PURE__ */ t("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })
   ] });
 }
-function _t({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-redo-icon lucide-redo ${e}`, children: [
+function It({ className: e }) {
+  return /* @__PURE__ */ _(z, { className: `lucide lucide-redo-icon lucide-redo ${e}`, children: [
     /* @__PURE__ */ t("path", { d: "M21 7v6h-6" }),
     /* @__PURE__ */ t("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7" })
   ] });
 }
-function Mt({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-hand-icon lucide-hand ${e}`, children: [
+function $t({ className: e }) {
+  return /* @__PURE__ */ _(z, { className: `lucide lucide-hand-icon lucide-hand ${e}`, children: [
     /* @__PURE__ */ t("path", { d: "M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2" }),
     /* @__PURE__ */ t("path", { d: "M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
     /* @__PURE__ */ t("path", { d: "M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8" }),
     /* @__PURE__ */ t("path", { d: "M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15" })
   ] });
 }
-function Pt({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-hand-grab-icon lucide-hand-grab ${e}`, children: [
+function Rt({ className: e }) {
+  return /* @__PURE__ */ _(z, { className: `lucide lucide-hand-grab-icon lucide-hand-grab ${e}`, children: [
     /* @__PURE__ */ t("path", { d: "M18 11.5V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v1.4" }),
     /* @__PURE__ */ t("path", { d: "M14 10V8a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
     /* @__PURE__ */ t("path", { d: "M10 9.9V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v5" }),
@@ -409,24 +416,24 @@ function Pt({ className: e }) {
     /* @__PURE__ */ t("path", { d: "M18 11a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-4a8 8 0 0 1-8-8 2 2 0 1 1 4 0" })
   ] });
 }
-function It({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-crosshair-icon lucide-crosshair ${e}`, children: [
+function Ot({ className: e }) {
+  return /* @__PURE__ */ _(z, { className: `lucide lucide-crosshair-icon lucide-crosshair ${e}`, children: [
     /* @__PURE__ */ t("line", { x1: "22", x2: "18", y1: "12", y2: "12" }),
     /* @__PURE__ */ t("line", { x1: "6", x2: "2", y1: "12", y2: "12" }),
     /* @__PURE__ */ t("line", { x1: "12", x2: "12", y1: "6", y2: "2" }),
     /* @__PURE__ */ t("line", { x1: "12", x2: "12", y1: "22", y2: "18" })
   ] });
 }
-function Cr({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-target-icon lucide-target ${e}`, children: [
+function Nn({ className: e }) {
+  return /* @__PURE__ */ _(z, { 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" }),
     /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "2" })
   ] });
 }
-function Rt({ className: e }) {
-  return /* @__PURE__ */ I(
-    K,
+function kt({ className: e }) {
+  return /* @__PURE__ */ _(
+    z,
     {
       className: `lucide lucide-file-question-mark-icon lucide-file-question-mark ${e}`,
       children: [
@@ -437,39 +444,42 @@ function Rt({ className: e }) {
     }
   );
 }
-const ct = ({
+function ft({ className: e }) {
+  return /* @__PURE__ */ t(z, { className: `lucide lucide-chevron-down-icon lucide-chevron-down ${e}`, children: /* @__PURE__ */ t("path", { d: "m6 9 6 6 6-6" }) });
+}
+const ht = ({
   label: e,
   className: s,
-  size: r = "medium",
-  value: n,
+  size: n = "medium",
+  value: r,
   onChange: d,
   onKeyDown: o,
-  placeholder: f = ""
+  placeholder: c = ""
 }) => {
-  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(`
+  const f = fe(() => n === "small" ? "py-1.5 px-3 text-sm" : "py-2.5 px-4 text-base", [n]), w = Z("flex flex-col gap-1", s || ""), v = `${Z(`
     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: T, children: [
-    /* @__PURE__ */ t("label", { htmlFor: e, className: "block text-sm/6 font-medium mb-1.5", children: e }),
+  `)} ${f}`;
+  return /* @__PURE__ */ _("div", { className: w, children: [
+    (e || "").trim().length > 0 && /* @__PURE__ */ t("label", { htmlFor: e, className: "block text-sm/6 font-medium", children: e }),
     /* @__PURE__ */ t(
       "input",
       {
         id: e,
         type: "text",
-        value: n,
+        value: r,
         onChange: d,
         onKeyDown: (l) => o && o(l),
-        placeholder: f,
-        className: b,
+        placeholder: c,
+        className: v,
         "aria-label": e
       }
     )
   ] });
-}, we = /* @__PURE__ */ new Map([
+}, Se = /* @__PURE__ */ new Map([
   [
     "normal",
     "group bg-[category] content-[category] hover:bg-[category] group-hover:bg-[category] focus:outline-[category] focus:outline-offset-[category]"
@@ -479,69 +489,134 @@ const ct = ({
     "group bg-transparent border-[category] text-[category] hover:text-[category] group-hover:text-[category] focus:outline-[category] focus:outline-offset-[category]"
   ]
 ]);
-function J(e) {
+function ee(e) {
   const {
     tooltip: s,
-    disabled: r,
-    isIconButton: n,
+    disabled: n,
+    isIconButton: r,
     className: d,
     buttonType: o,
-    category: f,
-    px: g,
-    py: T,
-    children: S,
-    ...b
+    category: c,
+    px: f,
+    py: w,
+    children: b,
+    ...v
   } = 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 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(
+    const p = e.isIconButton || !1, T = e.category || "primary", h = e.buttonType || "normal", g = e.disabled || !1, x = e.className || "", N = e.font || "semibold", S = Number((e.border || 0) > 0 ? e.border : 0);
+    let D = (e.borderColor || "").trim();
+    D = D.length > 0 ? D : "";
+    const a = Number((e.borderHover || 0) > 0 ? e.borderHover : 0), P = e.shadow || "sm", i = e.shadowHover || "md", u = (e.addCss || "").trim(), M = e.justifyCss || "justify-center";
+    if (p)
+      return Z(
         "flex flex-row items-center",
-        y ? "text-disabled" : `text-${D} hover:brightness-110 cursor-pointer`,
+        g ? "text-disabled" : `text-${T} hover:brightness-110 cursor-pointer`,
         x || ""
       );
-    const _ = [
+    const $ = [
       "relative cursor-pointer",
       "rounded-sm focus:outline-none focus:ring focus:ring-offset",
       "transition-all duration-150",
       "text-sm",
-      `font-${E}`
+      `font-${N}`
     ];
-    if (y)
-      h === "ghost" ? _.push("text-disabled border-disabled cursor-not-allowed") : _.push("bg-disabled content-disabled border-disabled cursor-not-allowed");
+    if (g)
+      h === "ghost" ? $.push("text-disabled border-disabled cursor-not-allowed") : $.push("bg-disabled content-disabled border-disabled cursor-not-allowed");
     else {
-      _.push("cursor-pointer");
+      $.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, D).trim();
-      _.push(H);
+      Se.has(h) ? R = `${Se.get(h)}` : R = `${Se.get("normal")}`, S < 1 && (R = R.replace("border-[category]", ""));
+      const V = R.replace(/\[category\]/g, T).trim();
+      $.push(V);
     }
-    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, D = e.py || 0.25;
+    return S > 0 ? ($.push(`border-[${S}px]`), $.push(`border-${D}`)) : ($.push("border-[1px]"), $.push("border-transparent")), a > 0 ? ($.push(`hover:border-[${a}px] group-hover:border-[${a}px]`), $.push(`hover:border-${D} group-hover:border-${D}`)) : $.push("hover:border-[1px] group-hover:border-[1px]"), $.push(`shadow-${P}`), $.push(`hover:shadow-${i} group-hover:shadow-${i}`), u.length > 0 && $.push(u), u.indexOf("hidden") === -1 && $.push("inline-flex"), $.push(M), $.join(" ").trim();
+  }, y = () => {
+    const p = e.px || 0.7, T = e.py || 0.25;
     return {
-      padding: n ? 0 : `${D}rem ${m}rem `
+      padding: r ? 0 : `${T}rem ${p}rem `
     };
   };
-  return /* @__PURE__ */ t("button", { type: "button", disabled: r, className: l(), style: p(), ...b, children: S });
+  return /* @__PURE__ */ t("button", { type: "button", disabled: n, className: l(), style: y(), ...v, children: b });
 }
-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: 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 Wt = ({
+  testid: e = "not-set",
+  label: s = "",
+  hideLabel: n = !1,
+  showChevron: r = !1,
+  hide: d = !1,
+  enabled: o,
+  isMenuOpen: c,
+  toggleOpen: f,
+  icon: w,
+  children: b
+}) => {
+  const v = at(null), [l, y] = oe(c);
+  Oe(() => {
+    c && y(!0);
+  }, [c]);
+  const p = () => {
+    c || y(!1);
+  };
+  Oe(() => {
+    const g = (x) => {
+      v.current && !v.current.contains(x.target) && f(!1);
+    };
+    return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
+  }, [f]);
+  const T = fe(
+    () => `
+    group max-w-xs p-1 sm:p-2 rounded-full flex items-center text-sm 
+    focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary 
+    content-topbar ${o ? "hover:text-primary cursor-pointer" : "opacity-50"}
+  `.trim(),
+    [o]
+  ), h = `
+    absolute flex flex-col right-0 z-50 mt-2 w-56 origin-top-right
+    rounded-md shadow-md ring-1 ring-black ring-opacity-5 focus:outline-none
+    bg-formfield content-formfield transition transform duration-100
+    ${c ? "ease-out opacity-100 scale-100" : "ease-in opacity-0 scale-95 pointer-events-none"}
+  `.trim();
+  return d ? null : /* @__PURE__ */ _("div", { ref: v, className: "relative inline-block text-left", "data-testid": e, children: [
+    /* @__PURE__ */ _(
+      "button",
+      {
+        type: "button",
+        className: T,
+        onClick: (g) => {
+          g.stopPropagation(), f(!c);
+        },
+        children: [
+          w,
+          /* @__PURE__ */ t("span", { className: n ? "sr-only" : "hidden ml-3 text-sm font-medium lg:block", children: s }),
+          r && /* @__PURE__ */ t(ft, { className: "hidden shrink-0 ml-1 size-4 lg:block" })
+        ]
+      }
+    ),
+    (c || l) && /* @__PURE__ */ t(
+      "div",
+      {
+        className: h,
+        onTransitionEnd: p,
+        role: "menu",
+        tabIndex: -1,
+        children: /* @__PURE__ */ t("div", { className: "form-dropdown-menu overflow-clip flex flex-col grow rounded-md justify-center w-full h-full bg-sidebar content-sidebar bg-opacity-95 p-0", children: b })
+      }
+    )
+  ] });
+}, jt = (e) => e.direction === "row" ? Z("flex flex-row items-center gap-2", e.classNames || "") : Z("flex flex-col gap-2 w-full", e.classNames || "");
+function At(e) {
+  const { children: s, testId: n, classNames: r, direction: d, ...o } = e, c = jt(e);
+  return /* @__PURE__ */ t("div", { "data-testid": n || "not-set", className: c, ...o, children: s });
 }
-const wr = se(
+const En = se(
   (e, s) => {
-    const { classNames: r, innerClass: n, ...d } = e, o = G(r || "", "w-full"), f = G(
+    const { classNames: n, innerClass: r, ...d } = e, o = Z(n || "", "w-full"), c = Z(
       `w-full flex overflow-hidden justify-between items-center gap-0 
       rounded-md border`,
-      n || ""
+      r || ""
     );
-    return /* @__PURE__ */ t(Ot, { direction: "row", classNames: o, ...d, children: /* @__PURE__ */ t("div", { className: f, children: e.children }) });
+    return /* @__PURE__ */ t(At, { direction: "row", classNames: o, ...d, children: /* @__PURE__ */ t("div", { className: c, children: e.children }) });
   }
-), Sr = se((e, s) => /* @__PURE__ */ t(
+), _n = se((e, s) => /* @__PURE__ */ t(
   "div",
   {
     "data-testid": e.testId || "not-set",
@@ -552,7 +627,7 @@ const wr = se(
     },
     children: e.children
   }
-)), Dr = se(
+)), Mn = se(
   (e, s) => /* @__PURE__ */ t(
     "div",
     {
@@ -561,7 +636,7 @@ const wr = se(
       children: e.children
     }
   )
-), Tr = se((e, s) => /* @__PURE__ */ t(
+), Pn = se((e, s) => /* @__PURE__ */ t(
   "div",
   {
     "data-testid": e.testId || "not-set",
@@ -573,170 +648,170 @@ const wr = se(
     children: e.children
   }
 ));
-function kt(e) {
+function Lt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var de = { exports: {} }, Se = {}, ge = { exports: {} }, me = { exports: {} }, U = {};
-var je;
-function Wt() {
-  if (je) return U;
-  je = 1;
-  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) {
+var de = { exports: {} }, De = {}, me = { exports: {} }, pe = { exports: {} }, Y = {};
+var Le;
+function qt() {
+  if (Le) return Y;
+  Le = 1;
+  var e = typeof Symbol == "function" && Symbol.for, s = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, n = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, d = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, f = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, w = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, b = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, v = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, l = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, T = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, h = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, g = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, x = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  function S(a) {
     if (typeof a == "object" && a !== null) {
-      var M = a.$$typeof;
-      switch (M) {
+      var P = a.$$typeof;
+      switch (P) {
         case s:
           switch (a = a.type, a) {
-            case T:
-            case S:
-            case n:
+            case w:
+            case b:
+            case r:
             case o:
             case d:
             case l:
               return a;
             default:
               switch (a = a && a.$$typeof, a) {
-                case g:
-                case b:
-                case D:
-                case m:
                 case f:
+                case v:
+                case T:
+                case p:
+                case c:
                   return a;
                 default:
-                  return M;
+                  return P;
               }
           }
-        case r:
-          return M;
+        case n:
+          return P;
       }
     }
   }
-  function w(a) {
-    return C(a) === S;
+  function D(a) {
+    return S(a) === b;
   }
-  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 Y.AsyncMode = w, Y.ConcurrentMode = b, Y.ContextConsumer = f, Y.ContextProvider = c, Y.Element = s, Y.ForwardRef = v, Y.Fragment = r, Y.Lazy = T, Y.Memo = p, Y.Portal = n, Y.Profiler = o, Y.StrictMode = d, Y.Suspense = l, Y.isAsyncMode = function(a) {
+    return D(a) || S(a) === w;
+  }, Y.isConcurrentMode = D, Y.isContextConsumer = function(a) {
+    return S(a) === f;
+  }, Y.isContextProvider = function(a) {
+    return S(a) === c;
+  }, Y.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;
+  }, Y.isForwardRef = function(a) {
+    return S(a) === v;
+  }, Y.isFragment = function(a) {
+    return S(a) === r;
+  }, Y.isLazy = function(a) {
+    return S(a) === T;
+  }, Y.isMemo = function(a) {
+    return S(a) === p;
+  }, Y.isPortal = function(a) {
+    return S(a) === n;
+  }, Y.isProfiler = function(a) {
+    return S(a) === o;
+  }, Y.isStrictMode = function(a) {
+    return S(a) === d;
+  }, Y.isSuspense = function(a) {
+    return S(a) === l;
+  }, Y.isValidElementType = function(a) {
+    return typeof a == "string" || typeof a == "function" || a === r || a === b || a === o || a === d || a === l || a === y || typeof a == "object" && a !== null && (a.$$typeof === T || a.$$typeof === p || a.$$typeof === c || a.$$typeof === f || a.$$typeof === v || a.$$typeof === g || a.$$typeof === x || a.$$typeof === N || a.$$typeof === h);
+  }, Y.typeOf = S, Y;
 }
-var Y = {};
-var Ae;
-function jt() {
-  return Ae || (Ae = 1, process.env.NODE_ENV !== "production" && (function() {
-    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 === 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) {
+var F = {};
+var qe;
+function Ut() {
+  return qe || (qe = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = typeof Symbol == "function" && Symbol.for, s = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, n = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, d = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, f = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, w = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, b = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, v = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, l = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, T = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, h = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, g = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, x = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    function S(E) {
+      return typeof E == "string" || typeof E == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      E === r || E === b || E === o || E === d || E === l || E === y || typeof E == "object" && E !== null && (E.$$typeof === T || E.$$typeof === p || E.$$typeof === c || E.$$typeof === f || E.$$typeof === v || E.$$typeof === g || E.$$typeof === x || E.$$typeof === N || E.$$typeof === h);
+    }
+    function D(E) {
+      if (typeof E == "object" && E !== null) {
+        var ne = E.$$typeof;
+        switch (ne) {
           case s:
-            var fe = N.type;
-            switch (fe) {
-              case T:
-              case S:
-              case n:
+            var he = E.type;
+            switch (he) {
+              case w:
+              case b:
+              case r:
               case o:
               case d:
               case l:
-                return fe;
+                return he;
               default:
-                var We = fe && fe.$$typeof;
-                switch (We) {
-                  case g:
-                  case b:
-                  case D:
-                  case m:
+                var Ae = he && he.$$typeof;
+                switch (Ae) {
                   case f:
-                    return We;
+                  case v:
+                  case T:
+                  case p:
+                  case c:
+                    return Ae;
                   default:
-                    return te;
+                    return ne;
                 }
             }
-          case r:
-            return te;
+          case n:
+            return ne;
         }
       }
     }
-    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 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;
+    var a = w, P = b, i = f, u = c, M = s, $ = v, R = r, V = T, G = p, X = n, Q = o, m = d, B = l, te = !1;
+    function le(E) {
+      return te || (te = !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.")), C(E) || D(E) === w;
     }
-    function v(N) {
-      return w(N) === S;
+    function C(E) {
+      return D(E) === b;
     }
-    function P(N) {
-      return w(N) === g;
+    function I(E) {
+      return D(E) === f;
     }
-    function j(N) {
-      return w(N) === f;
+    function A(E) {
+      return D(E) === c;
     }
-    function k(N) {
-      return typeof N == "object" && N !== null && N.$$typeof === s;
+    function W(E) {
+      return typeof E == "object" && E !== null && E.$$typeof === s;
     }
-    function $(N) {
-      return w(N) === b;
+    function O(E) {
+      return D(E) === v;
     }
-    function A(N) {
-      return w(N) === n;
+    function L(E) {
+      return D(E) === r;
     }
-    function O(N) {
-      return w(N) === D;
+    function k(E) {
+      return D(E) === T;
     }
-    function W(N) {
-      return w(N) === m;
+    function j(E) {
+      return D(E) === p;
     }
-    function q(N) {
-      return w(N) === r;
+    function q(E) {
+      return D(E) === n;
     }
-    function F(N) {
-      return w(N) === o;
+    function K(E) {
+      return D(E) === o;
     }
-    function L(N) {
-      return w(N) === d;
+    function U(E) {
+      return D(E) === d;
     }
-    function Z(N) {
-      return w(N) === l;
+    function J(E) {
+      return D(E) === l;
     }
-    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;
+    F.AsyncMode = a, F.ConcurrentMode = P, F.ContextConsumer = i, F.ContextProvider = u, F.Element = M, F.ForwardRef = $, F.Fragment = R, F.Lazy = V, F.Memo = G, F.Portal = X, F.Profiler = Q, F.StrictMode = m, F.Suspense = B, F.isAsyncMode = le, F.isConcurrentMode = C, F.isContextConsumer = I, F.isContextProvider = A, F.isElement = W, F.isForwardRef = O, F.isFragment = L, F.isLazy = k, F.isMemo = j, F.isPortal = q, F.isProfiler = K, F.isStrictMode = U, F.isSuspense = J, F.isValidElementType = S, F.typeOf = D;
+  })()), F;
 }
-var qe;
-function dt() {
-  return qe || (qe = 1, process.env.NODE_ENV === "production" ? me.exports = Wt() : me.exports = jt()), me.exports;
+var Ue;
+function gt() {
+  return Ue || (Ue = 1, process.env.NODE_ENV === "production" ? pe.exports = qt() : pe.exports = Ut()), pe.exports;
 }
-var De, Le;
-function At() {
-  if (Le) return De;
-  Le = 1;
-  var e = Object.getOwnPropertySymbols, s = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
-  function n(o) {
+var Te, Ye;
+function Yt() {
+  if (Ye) return Te;
+  Ye = 1;
+  var e = Object.getOwnPropertySymbols, s = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
+  function r(o) {
     if (o == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
     return Object(o);
@@ -748,120 +823,120 @@ function At() {
       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 T = Object.getOwnPropertyNames(f).map(function(b) {
-        return f[b];
+      for (var c = {}, f = 0; f < 10; f++)
+        c["_" + String.fromCharCode(f)] = f;
+      var w = Object.getOwnPropertyNames(c).map(function(v) {
+        return c[v];
       });
-      if (T.join("") !== "0123456789")
+      if (w.join("") !== "0123456789")
         return !1;
-      var S = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(b) {
-        S[b] = b;
-      }), Object.keys(Object.assign({}, S)).join("") === "abcdefghijklmnopqrst";
+      var b = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(v) {
+        b[v] = v;
+      }), Object.keys(Object.assign({}, b)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
-  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 l in g)
-        s.call(g, l) && (T[l] = g[l]);
+  return Te = d() ? Object.assign : function(o, c) {
+    for (var f, w = r(o), b, v = 1; v < arguments.length; v++) {
+      f = Object(arguments[v]);
+      for (var l in f)
+        s.call(f, l) && (w[l] = f[l]);
       if (e) {
-        S = e(g);
-        for (var p = 0; p < S.length; p++)
-          r.call(g, S[p]) && (T[S[p]] = g[S[p]]);
+        b = e(f);
+        for (var y = 0; y < b.length; y++)
+          n.call(f, b[y]) && (w[b[y]] = f[b[y]]);
       }
     }
-    return T;
-  }, De;
-}
-var Te, Ue;
-function $e() {
-  if (Ue) return Te;
-  Ue = 1;
-  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return Te = e, Te;
-}
-var Ee, Ye;
-function ut() {
-  return Ye || (Ye = 1, Ee = Function.call.bind(Object.prototype.hasOwnProperty)), Ee;
+    return w;
+  }, Te;
 }
 var Ne, Fe;
-function qt() {
+function ke() {
   if (Fe) return Ne;
   Fe = 1;
+  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  return Ne = e, Ne;
+}
+var Ee, Ke;
+function mt() {
+  return Ke || (Ke = 1, Ee = Function.call.bind(Object.prototype.hasOwnProperty)), Ee;
+}
+var _e, ze;
+function Ft() {
+  if (ze) return _e;
+  ze = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var s = /* @__PURE__ */ $e(), r = {}, n = /* @__PURE__ */ ut();
+    var s = /* @__PURE__ */ ke(), n = {}, r = /* @__PURE__ */ mt();
     e = function(o) {
-      var f = "Warning: " + o;
-      typeof console < "u" && console.error(f);
+      var c = "Warning: " + o;
+      typeof console < "u" && console.error(c);
       try {
-        throw new Error(f);
+        throw new Error(c);
       } catch {
       }
     };
   }
-  function d(o, f, g, T, S) {
+  function d(o, c, f, w, b) {
     if (process.env.NODE_ENV !== "production") {
-      for (var b in o)
-        if (n(o, b)) {
+      for (var v in o)
+        if (r(o, v)) {
           var l;
           try {
-            if (typeof o[b] != "function") {
-              var p = Error(
-                (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`."
+            if (typeof o[v] != "function") {
+              var y = Error(
+                (w || "React class") + ": " + f + " type `" + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[v] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw p.name = "Invariant Violation", p;
+              throw y.name = "Invariant Violation", y;
             }
-            l = o[b](f, b, T, g, null, s);
-          } catch (D) {
-            l = D;
+            l = o[v](c, v, w, f, null, s);
+          } catch (T) {
+            l = T;
           }
           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() : "";
+            (w || "React class") + ": type specification of " + f + " `" + v + "` 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 n)) {
+            n[l.message] = !0;
+            var p = b ? b() : "";
             e(
-              "Failed " + g + " type: " + l.message + (m ?? "")
+              "Failed " + f + " type: " + l.message + (p ?? "")
             );
           }
         }
     }
   }
   return d.resetWarningCache = function() {
-    process.env.NODE_ENV !== "production" && (r = {});
-  }, Ne = d, Ne;
+    process.env.NODE_ENV !== "production" && (n = {});
+  }, _e = d, _e;
 }
-var _e, Ke;
-function Lt() {
-  if (Ke) return _e;
-  Ke = 1;
-  var e = dt(), s = At(), r = /* @__PURE__ */ $e(), n = /* @__PURE__ */ ut(), d = /* @__PURE__ */ qt(), o = function() {
+var Me, Be;
+function Kt() {
+  if (Be) return Me;
+  Be = 1;
+  var e = gt(), s = Yt(), n = /* @__PURE__ */ ke(), r = /* @__PURE__ */ mt(), d = /* @__PURE__ */ Ft(), o = function() {
   };
-  process.env.NODE_ENV !== "production" && (o = function(g) {
-    var T = "Warning: " + g;
-    typeof console < "u" && console.error(T);
+  process.env.NODE_ENV !== "production" && (o = function(f) {
+    var w = "Warning: " + f;
+    typeof console < "u" && console.error(w);
     try {
-      throw new Error(T);
+      throw new Error(w);
     } catch {
     }
   });
-  function f() {
+  function c() {
     return null;
   }
-  return _e = function(g, T) {
-    var S = typeof Symbol == "function" && Symbol.iterator, b = "@@iterator";
-    function l(v) {
-      var P = v && (S && v[S] || v[b]);
-      if (typeof P == "function")
-        return P;
-    }
-    var p = "<<anonymous>>", m = {
+  return Me = function(f, w) {
+    var b = typeof Symbol == "function" && Symbol.iterator, v = "@@iterator";
+    function l(C) {
+      var I = C && (b && C[b] || C[v]);
+      if (typeof I == "function")
+        return I;
+    }
+    var y = "<<anonymous>>", p = {
       array: x("array"),
       bigint: x("bigint"),
       bool: x("boolean"),
@@ -870,246 +945,246 @@ function Lt() {
       object: x("object"),
       string: x("string"),
       symbol: x("symbol"),
-      any: E(),
-      arrayOf: C,
-      element: w(),
+      any: N(),
+      arrayOf: S,
+      element: D(),
       elementType: a(),
-      instanceOf: M,
-      node: _(),
+      instanceOf: P,
+      node: $(),
       objectOf: u,
       oneOf: i,
-      oneOfType: c,
-      shape: H,
-      exact: V
+      oneOfType: M,
+      shape: V,
+      exact: G
     };
-    function D(v, P) {
-      return v === P ? v !== 0 || 1 / v === 1 / P : v !== v && P !== P;
+    function T(C, I) {
+      return C === I ? C !== 0 || 1 / C === 1 / I : C !== C && I !== I;
     }
-    function h(v, P) {
-      this.message = v, this.data = P && typeof P == "object" ? P : {}, this.stack = "";
+    function h(C, I) {
+      this.message = C, this.data = I && typeof I == "object" ? I : {}, this.stack = "";
     }
     h.prototype = Error.prototype;
-    function y(v) {
+    function g(C) {
       if (process.env.NODE_ENV !== "production")
-        var P = {}, j = 0;
-      function k(A, O, W, q, F, L, Z) {
-        if (q = q || p, L = L || W, Z !== r) {
-          if (T) {
-            var N = new Error(
+        var I = {}, A = 0;
+      function W(L, k, j, q, K, U, J) {
+        if (q = q || y, U = U || j, J !== n) {
+          if (w) {
+            var E = 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 N.name = "Invariant Violation", N;
+            throw E.name = "Invariant Violation", E;
           } 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 && (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++);
+            var ne = q + ":" + j;
+            !I[ne] && // Avoid spamming the console because they are often not actionable except for lib authors
+            A < 3 && (o(
+              "You are manually calling a React.PropTypes validation function for the `" + U + "` 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."
+            ), I[ne] = !0, A++);
           }
         }
-        return O[W] == null ? A ? O[W] === null ? new h("The " + F + " `" + L + "` is marked as required " + ("in `" + q + "`, but its value is `null`.")) : new h("The " + F + " `" + L + "` is marked as required in " + ("`" + q + "`, but its value is `undefined`.")) : null : v(O, W, q, F, L);
+        return k[j] == null ? L ? k[j] === null ? new h("The " + K + " `" + U + "` is marked as required " + ("in `" + q + "`, but its value is `null`.")) : new h("The " + K + " `" + U + "` is marked as required in " + ("`" + q + "`, but its value is `undefined`.")) : null : C(k, j, q, K, U);
       }
-      var $ = k.bind(null, !1);
-      return $.isRequired = k.bind(null, !0), $;
-    }
-    function x(v) {
-      function P(j, k, $, A, O, W) {
-        var q = j[k], F = B(q);
-        if (F !== v) {
-          var L = ee(q);
+      var O = W.bind(null, !1);
+      return O.isRequired = W.bind(null, !0), O;
+    }
+    function x(C) {
+      function I(A, W, O, L, k, j) {
+        var q = A[W], K = m(q);
+        if (K !== C) {
+          var U = B(q);
           return new h(
-            "Invalid " + A + " `" + O + "` of type " + ("`" + L + "` supplied to `" + $ + "`, expected ") + ("`" + v + "`."),
-            { expectedType: v }
+            "Invalid " + L + " `" + k + "` of type " + ("`" + U + "` supplied to `" + O + "`, expected ") + ("`" + C + "`."),
+            { expectedType: C }
           );
         }
         return null;
       }
-      return y(P);
-    }
-    function E() {
-      return y(f);
-    }
-    function C(v) {
-      function P(j, k, $, A, O) {
-        if (typeof v != "function")
-          return new h("Property `" + O + "` of component `" + $ + "` has invalid PropType notation inside arrayOf.");
-        var W = j[k];
-        if (!Array.isArray(W)) {
-          var q = B(W);
-          return new h("Invalid " + A + " `" + O + "` of type " + ("`" + q + "` supplied to `" + $ + "`, expected an array."));
+      return g(I);
+    }
+    function N() {
+      return g(c);
+    }
+    function S(C) {
+      function I(A, W, O, L, k) {
+        if (typeof C != "function")
+          return new h("Property `" + k + "` of component `" + O + "` has invalid PropType notation inside arrayOf.");
+        var j = A[W];
+        if (!Array.isArray(j)) {
+          var q = m(j);
+          return new h("Invalid " + L + " `" + k + "` of type " + ("`" + q + "` supplied to `" + O + "`, expected an array."));
         }
-        for (var F = 0; F < W.length; F++) {
-          var L = v(W, F, $, A, O + "[" + F + "]", r);
-          if (L instanceof Error)
-            return L;
+        for (var K = 0; K < j.length; K++) {
+          var U = C(j, K, O, L, k + "[" + K + "]", n);
+          if (U instanceof Error)
+            return U;
         }
         return null;
       }
-      return y(P);
-    }
-    function w() {
-      function v(P, j, k, $, A) {
-        var O = P[j];
-        if (!g(O)) {
-          var W = B(O);
-          return new h("Invalid " + $ + " `" + A + "` of type " + ("`" + W + "` supplied to `" + k + "`, expected a single ReactElement."));
+      return g(I);
+    }
+    function D() {
+      function C(I, A, W, O, L) {
+        var k = I[A];
+        if (!f(k)) {
+          var j = m(k);
+          return new h("Invalid " + O + " `" + L + "` of type " + ("`" + j + "` supplied to `" + W + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return y(v);
+      return g(C);
     }
     function a() {
-      function v(P, j, k, $, A) {
-        var O = P[j];
-        if (!e.isValidElementType(O)) {
-          var W = B(O);
-          return new h("Invalid " + $ + " `" + A + "` of type " + ("`" + W + "` supplied to `" + k + "`, expected a single ReactElement type."));
+      function C(I, A, W, O, L) {
+        var k = I[A];
+        if (!e.isValidElementType(k)) {
+          var j = m(k);
+          return new h("Invalid " + O + " `" + L + "` of type " + ("`" + j + "` supplied to `" + W + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return y(v);
+      return g(C);
     }
-    function M(v) {
-      function P(j, k, $, A, O) {
-        if (!(j[k] instanceof v)) {
-          var W = v.name || p, q = le(j[k]);
-          return new h("Invalid " + A + " `" + O + "` of type " + ("`" + q + "` supplied to `" + $ + "`, expected ") + ("instance of `" + W + "`."));
+    function P(C) {
+      function I(A, W, O, L, k) {
+        if (!(A[W] instanceof C)) {
+          var j = C.name || y, q = le(A[W]);
+          return new h("Invalid " + L + " `" + k + "` of type " + ("`" + q + "` supplied to `" + O + "`, expected ") + ("instance of `" + j + "`."));
         }
         return null;
       }
-      return y(P);
+      return g(I);
     }
-    function i(v) {
-      if (!Array.isArray(v))
+    function i(C) {
+      if (!Array.isArray(C))
         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])."
-        ) : 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 (D(W, v[q]))
+        ) : o("Invalid argument supplied to oneOf, expected an array.")), c;
+      function I(A, W, O, L, k) {
+        for (var j = A[W], q = 0; q < C.length; q++)
+          if (T(j, C[q]))
             return null;
-        var F = JSON.stringify(v, function(Z, N) {
-          var te = ee(N);
-          return te === "symbol" ? String(N) : N;
+        var K = JSON.stringify(C, function(J, E) {
+          var ne = B(E);
+          return ne === "symbol" ? String(E) : E;
         });
-        return new h("Invalid " + A + " `" + O + "` of value `" + String(W) + "` " + ("supplied to `" + $ + "`, expected one of " + F + "."));
+        return new h("Invalid " + L + " `" + k + "` of value `" + String(j) + "` " + ("supplied to `" + O + "`, expected one of " + K + "."));
       }
-      return y(P);
+      return g(I);
     }
-    function u(v) {
-      function P(j, k, $, A, O) {
-        if (typeof v != "function")
-          return new h("Property `" + O + "` of component `" + $ + "` has invalid PropType notation inside objectOf.");
-        var W = j[k], q = B(W);
+    function u(C) {
+      function I(A, W, O, L, k) {
+        if (typeof C != "function")
+          return new h("Property `" + k + "` of component `" + O + "` has invalid PropType notation inside objectOf.");
+        var j = A[W], q = m(j);
         if (q !== "object")
-          return new h("Invalid " + A + " `" + O + "` of type " + ("`" + q + "` supplied to `" + $ + "`, expected an object."));
-        for (var F in W)
-          if (n(W, F)) {
-            var L = v(W, F, $, A, O + "." + F, r);
-            if (L instanceof Error)
-              return L;
+          return new h("Invalid " + L + " `" + k + "` of type " + ("`" + q + "` supplied to `" + O + "`, expected an object."));
+        for (var K in j)
+          if (r(j, K)) {
+            var U = C(j, K, O, L, k + "." + K, n);
+            if (U instanceof Error)
+              return U;
           }
         return null;
       }
-      return y(P);
-    }
-    function c(v) {
-      if (!Array.isArray(v))
-        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 g(I);
+    }
+    function M(C) {
+      if (!Array.isArray(C))
+        return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), c;
+      for (var I = 0; I < C.length; I++) {
+        var A = C[I];
+        if (typeof A != "function")
           return o(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ie(j) + " at index " + P + "."
-          ), f;
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + te(A) + " at index " + I + "."
+          ), c;
       }
-      function k($, A, O, W, q) {
-        for (var F = [], L = 0; L < v.length; L++) {
-          var Z = v[L], N = Z($, A, O, W, q, r);
-          if (N == null)
+      function W(O, L, k, j, q) {
+        for (var K = [], U = 0; U < C.length; U++) {
+          var J = C[U], E = J(O, L, k, j, q, n);
+          if (E == null)
             return null;
-          N.data && n(N.data, "expectedType") && F.push(N.data.expectedType);
+          E.data && r(E.data, "expectedType") && K.push(E.data.expectedType);
         }
-        var te = F.length > 0 ? ", expected one of type [" + F.join(", ") + "]" : "";
-        return new h("Invalid " + W + " `" + q + "` supplied to " + ("`" + O + "`" + te + "."));
+        var ne = K.length > 0 ? ", expected one of type [" + K.join(", ") + "]" : "";
+        return new h("Invalid " + j + " `" + q + "` supplied to " + ("`" + k + "`" + ne + "."));
       }
-      return y(k);
+      return g(W);
     }
-    function _() {
-      function v(P, j, k, $, A) {
-        return X(P[j]) ? null : new h("Invalid " + $ + " `" + A + "` supplied to " + ("`" + k + "`, expected a ReactNode."));
+    function $() {
+      function C(I, A, W, O, L) {
+        return X(I[A]) ? null : new h("Invalid " + O + " `" + L + "` supplied to " + ("`" + W + "`, expected a ReactNode."));
       }
-      return y(v);
+      return g(C);
     }
-    function R(v, P, j, k, $) {
+    function R(C, I, A, W, O) {
       return new h(
-        (v || "React class") + ": " + P + " type `" + j + "." + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + $ + "`."
+        (C || "React class") + ": " + I + " type `" + A + "." + W + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + O + "`."
       );
     }
-    function H(v) {
-      function P(j, k, $, A, O) {
-        var W = j[k], q = B(W);
+    function V(C) {
+      function I(A, W, O, L, k) {
+        var j = A[W], q = m(j);
         if (q !== "object")
-          return new h("Invalid " + A + " `" + O + "` of type `" + q + "` " + ("supplied to `" + $ + "`, expected `object`."));
-        for (var F in v) {
-          var L = v[F];
-          if (typeof L != "function")
-            return R($, A, O, F, ee(L));
-          var Z = L(W, F, $, A, O + "." + F, r);
-          if (Z)
-            return Z;
+          return new h("Invalid " + L + " `" + k + "` of type `" + q + "` " + ("supplied to `" + O + "`, expected `object`."));
+        for (var K in C) {
+          var U = C[K];
+          if (typeof U != "function")
+            return R(O, L, k, K, B(U));
+          var J = U(j, K, O, L, k + "." + K, n);
+          if (J)
+            return J;
         }
         return null;
       }
-      return y(P);
+      return g(I);
     }
-    function V(v) {
-      function P(j, k, $, A, O) {
-        var W = j[k], q = B(W);
+    function G(C) {
+      function I(A, W, O, L, k) {
+        var j = A[W], q = m(j);
         if (q !== "object")
-          return new h("Invalid " + A + " `" + O + "` of type `" + q + "` " + ("supplied to `" + $ + "`, expected `object`."));
-        var F = s({}, j[k], v);
-        for (var L in F) {
-          var Z = v[L];
-          if (n(v, L) && typeof Z != "function")
-            return R($, A, O, L, ee(Z));
-          if (!Z)
+          return new h("Invalid " + L + " `" + k + "` of type `" + q + "` " + ("supplied to `" + O + "`, expected `object`."));
+        var K = s({}, A[W], C);
+        for (var U in K) {
+          var J = C[U];
+          if (r(C, U) && typeof J != "function")
+            return R(O, L, k, U, B(J));
+          if (!J)
             return new h(
-              "Invalid " + A + " `" + O + "` key `" + L + "` supplied to `" + $ + "`.\nBad object: " + JSON.stringify(j[k], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
+              "Invalid " + L + " `" + k + "` key `" + U + "` supplied to `" + O + "`.\nBad object: " + JSON.stringify(A[W], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(C), null, "  ")
             );
-          var N = Z(W, L, $, A, O + "." + L, r);
-          if (N)
-            return N;
+          var E = J(j, U, O, L, k + "." + U, n);
+          if (E)
+            return E;
         }
         return null;
       }
-      return y(P);
+      return g(I);
     }
-    function X(v) {
-      switch (typeof v) {
+    function X(C) {
+      switch (typeof C) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !v;
+          return !C;
         case "object":
-          if (Array.isArray(v))
-            return v.every(X);
-          if (v === null || g(v))
+          if (Array.isArray(C))
+            return C.every(X);
+          if (C === null || f(C))
             return !0;
-          var P = l(v);
-          if (P) {
-            var j = P.call(v), k;
-            if (P !== v.entries) {
-              for (; !(k = j.next()).done; )
-                if (!X(k.value))
+          var I = l(C);
+          if (I) {
+            var A = I.call(C), W;
+            if (I !== C.entries) {
+              for (; !(W = A.next()).done; )
+                if (!X(W.value))
                   return !1;
             } else
-              for (; !(k = j.next()).done; ) {
-                var $ = k.value;
-                if ($ && !X($[1]))
+              for (; !(W = A.next()).done; ) {
+                var O = W.value;
+                if (O && !X(O[1]))
                   return !1;
               }
           } else
@@ -1119,302 +1194,302 @@ Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
           return !1;
       }
     }
-    function Q(v, P) {
-      return v === "symbol" ? !0 : P ? P["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && P instanceof Symbol : !1;
+    function Q(C, I) {
+      return C === "symbol" ? !0 : I ? I["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && I instanceof Symbol : !1;
     }
-    function B(v) {
-      var P = typeof v;
-      return Array.isArray(v) ? "array" : v instanceof RegExp ? "object" : Q(P, v) ? "symbol" : P;
+    function m(C) {
+      var I = typeof C;
+      return Array.isArray(C) ? "array" : C instanceof RegExp ? "object" : Q(I, C) ? "symbol" : I;
     }
-    function ee(v) {
-      if (typeof v > "u" || v === null)
-        return "" + v;
-      var P = B(v);
-      if (P === "object") {
-        if (v instanceof Date)
+    function B(C) {
+      if (typeof C > "u" || C === null)
+        return "" + C;
+      var I = m(C);
+      if (I === "object") {
+        if (C instanceof Date)
           return "date";
-        if (v instanceof RegExp)
+        if (C instanceof RegExp)
           return "regexp";
       }
-      return P;
+      return I;
     }
-    function ie(v) {
-      var P = ee(v);
-      switch (P) {
+    function te(C) {
+      var I = B(C);
+      switch (I) {
         case "array":
         case "object":
-          return "an " + P;
+          return "an " + I;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + P;
+          return "a " + I;
         default:
-          return P;
+          return I;
       }
     }
-    function le(v) {
-      return !v.constructor || !v.constructor.name ? p : v.constructor.name;
+    function le(C) {
+      return !C.constructor || !C.constructor.name ? y : C.constructor.name;
     }
-    return m.checkPropTypes = d, m.resetWarningCache = d.resetWarningCache, m.PropTypes = m, m;
-  }, _e;
+    return p.checkPropTypes = d, p.resetWarningCache = d.resetWarningCache, p.PropTypes = p, p;
+  }, Me;
 }
-var Me, ze;
-function Ut() {
-  if (ze) return Me;
-  ze = 1;
-  var e = /* @__PURE__ */ $e();
+var Pe, He;
+function zt() {
+  if (He) return Pe;
+  He = 1;
+  var e = /* @__PURE__ */ ke();
   function s() {
   }
-  function r() {
+  function n() {
   }
-  return r.resetWarningCache = s, Me = function() {
-    function n(f, g, T, S, b, l) {
+  return n.resetWarningCache = s, Pe = function() {
+    function r(c, f, w, b, v, l) {
       if (l !== e) {
-        var p = new Error(
+        var y = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
-        throw p.name = "Invariant Violation", p;
+        throw y.name = "Invariant Violation", y;
       }
     }
-    n.isRequired = n;
+    r.isRequired = r;
     function d() {
-      return n;
+      return r;
     }
     var o = {
-      array: n,
-      bigint: n,
-      bool: n,
-      func: n,
-      number: n,
-      object: n,
-      string: n,
-      symbol: n,
-      any: n,
+      array: r,
+      bigint: r,
+      bool: r,
+      func: r,
+      number: r,
+      object: r,
+      string: r,
+      symbol: r,
+      any: r,
       arrayOf: d,
-      element: n,
-      elementType: n,
+      element: r,
+      elementType: r,
       instanceOf: d,
-      node: n,
+      node: r,
       objectOf: d,
       oneOf: d,
       oneOfType: d,
       shape: d,
       exact: d,
-      checkPropTypes: r,
+      checkPropTypes: n,
       resetWarningCache: s
     };
     return o.PropTypes = o, o;
-  }, Me;
+  }, Pe;
 }
-var Be;
-function ft() {
-  if (Be) return ge.exports;
-  if (Be = 1, process.env.NODE_ENV !== "production") {
-    var e = dt(), s = !0;
-    ge.exports = /* @__PURE__ */ Lt()(e.isElement, s);
+var Ve;
+function pt() {
+  if (Ve) return me.exports;
+  if (Ve = 1, process.env.NODE_ENV !== "production") {
+    var e = gt(), s = !0;
+    me.exports = /* @__PURE__ */ Kt()(e.isElement, s);
   } else
-    ge.exports = /* @__PURE__ */ Ut()();
-  return ge.exports;
+    me.exports = /* @__PURE__ */ zt()();
+  return me.exports;
 }
-var pe = { exports: {} }, He;
-function Yt() {
-  if (He) return pe.exports;
-  He = 1;
-  function e(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 (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);
+var ye = { exports: {} }, Xe;
+function Bt() {
+  if (Xe) return ye.exports;
+  Xe = 1;
+  function e(n) {
+    var r, d, o = "";
+    if (typeof n == "string" || typeof n == "number") o += n;
+    else if (typeof n == "object") if (Array.isArray(n)) {
+      var c = n.length;
+      for (r = 0; r < c; r++) n[r] && (d = e(n[r])) && (o && (o += " "), o += d);
+    } else for (d in n) n[d] && (o && (o += " "), o += d);
     return o;
   }
   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);
+    for (var n, r, d = 0, o = "", c = arguments.length; d < c; d++) (n = arguments[d]) && (r = e(n)) && (o && (o += " "), o += r);
     return o;
   }
-  return pe.exports = s, pe.exports.clsx = s, pe.exports;
+  return ye.exports = s, ye.exports.clsx = s, ye.exports;
 }
-var z = {}, ne = {}, Ve;
-function xe() {
-  if (Ve) return ne;
-  Ve = 1, Object.defineProperty(ne, "__esModule", {
+var H = {}, ie = {}, Ge;
+function Ce() {
+  if (Ge) return ie;
+  Ge = 1, Object.defineProperty(ie, "__esModule", {
     value: !0
-  }), 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];
+  }), ie.dontSetMe = d, ie.findInArray = e, ie.int = r, ie.isFunction = s, ie.isNum = n;
+  function e(o, c) {
+    for (let f = 0, w = o.length; f < w; f++)
+      if (c.apply(c, [o[f], f, o])) return o[f];
   }
   function s(o) {
     return typeof o == "function" || Object.prototype.toString.call(o) === "[object Function]";
   }
-  function r(o) {
+  function n(o) {
     return typeof o == "number" && !isNaN(o);
   }
-  function n(o) {
+  function r(o) {
     return parseInt(o, 10);
   }
-  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.`);
+  function d(o, c, f) {
+    if (o[c])
+      return new Error(`Invalid prop ${c} passed to ${f} - do not set this, set it on the child.`);
   }
-  return ne;
+  return ie;
 }
-var oe = {}, Xe;
-function Ft() {
-  if (Xe) return oe;
-  Xe = 1, Object.defineProperty(oe, "__esModule", {
+var ae = {}, Ze;
+function Ht() {
+  if (Ze) return ae;
+  Ze = 1, Object.defineProperty(ae, "__esModule", {
     value: !0
-  }), oe.browserPrefixToKey = r, oe.browserPrefixToStyle = n, oe.default = void 0, oe.getPrefix = s;
+  }), ae.browserPrefixToKey = n, ae.browserPrefixToStyle = r, ae.default = void 0, ae.getPrefix = s;
   const e = ["Moz", "Webkit", "O", "ms"];
   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 || o in f) return "";
-    for (let g = 0; g < e.length; g++)
-      if (r(o, e[g]) in f) return e[g];
+    const c = window.document?.documentElement?.style;
+    if (!c || o in c) return "";
+    for (let f = 0; f < e.length; f++)
+      if (n(o, e[f]) in c) return e[f];
     return "";
   }
-  function r(o, f) {
-    return f ? `${f}${d(o)}` : o;
+  function n(o, c) {
+    return c ? `${c}${d(o)}` : o;
   }
-  function n(o, f) {
-    return f ? `-${f.toLowerCase()}-${o}` : o;
+  function r(o, c) {
+    return c ? `-${c.toLowerCase()}-${o}` : o;
   }
   function d(o) {
-    let f = "", g = !0;
-    for (let T = 0; T < o.length; T++)
-      g ? (f += o[T].toUpperCase(), g = !1) : o[T] === "-" ? g = !0 : f += o[T];
-    return f;
+    let c = "", f = !0;
+    for (let w = 0; w < o.length; w++)
+      f ? (c += o[w].toUpperCase(), f = !1) : o[w] === "-" ? f = !0 : c += o[w];
+    return c;
   }
-  return oe.default = s(), oe;
+  return ae.default = s(), ae;
 }
-var Ge;
-function Oe() {
-  if (Ge) return z;
-  Ge = 1, Object.defineProperty(z, "__esModule", {
+var Je;
+function We() {
+  if (Je) return H;
+  Je = 1, Object.defineProperty(H, "__esModule", {
     value: !0
-  }), 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 };
+  }), H.addClassName = a, H.addEvent = c, H.addUserSelectStyles = N, H.createCSSTransform = p, H.createSVGTransform = T, H.getTouch = g, H.getTouchIdentifier = x, H.getTranslation = h, H.innerHeight = v, H.innerWidth = l, H.matchesSelector = d, H.matchesSelectorAndParentsTo = o, H.offsetXYFromParent = y, H.outerHeight = w, H.outerWidth = b, H.removeClassName = P, H.removeEvent = f, H.scheduleRemoveUserSelectStyles = S;
+  var e = Ce(), s = n(Ht());
+  function n(i, u) {
+    if (typeof WeakMap == "function") var M = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakMap();
+    return (n = function(R, V) {
+      if (!V && R && R.__esModule) return R;
+      var G, X, Q = { __proto__: null, default: R };
       if (R === null || typeof R != "object" && typeof R != "function") return Q;
-      if (V = H ? _ : c) {
-        if (V.has(R)) return V.get(R);
-        V.set(R, Q);
+      if (G = V ? $ : M) {
+        if (G.has(R)) return G.get(R);
+        G.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]);
+      for (const m in R) m !== "default" && {}.hasOwnProperty.call(R, m) && ((X = (G = Object.defineProperty) && Object.getOwnPropertyDescriptor(R, m)) && (X.get || X.set) ? G(Q, m, X) : Q[m] = R[m]);
       return Q;
     })(i, u);
   }
-  let n = "";
+  let r = "";
   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;
+    return r || (r = (0, e.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(M) {
+      return (0, e.isFunction)(i[M]);
+    })), (0, e.isFunction)(i[r]) ? i[r](u) : !1;
   }
-  function o(i, u, c) {
-    let _ = i;
+  function o(i, u, M) {
+    let $ = i;
     do {
-      if (d(_, u)) return !0;
-      if (_ === c) return !1;
-      _ = _.parentNode;
-    } while (_);
+      if (d($, u)) return !0;
+      if ($ === M) return !1;
+      $ = $.parentNode;
+    } while ($);
     return !1;
   }
-  function f(i, u, c, _) {
+  function c(i, u, M, $) {
     if (!i) return;
     const R = {
       capture: !0,
-      ..._
+      ...$
     };
-    i.addEventListener ? i.addEventListener(u, c, R) : i.attachEvent ? i.attachEvent("on" + u, c) : i["on" + u] = c;
+    i.addEventListener ? i.addEventListener(u, M, R) : i.attachEvent ? i.attachEvent("on" + u, M) : i["on" + u] = M;
   }
-  function g(i, u, c, _) {
+  function f(i, u, M, $) {
     if (!i) return;
     const R = {
       capture: !0,
-      ..._
+      ...$
     };
-    i.removeEventListener ? i.removeEventListener(u, c, R) : i.detachEvent ? i.detachEvent("on" + u, c) : i["on" + u] = null;
+    i.removeEventListener ? i.removeEventListener(u, M, R) : i.detachEvent ? i.detachEvent("on" + u, M) : i["on" + u] = null;
   }
-  function T(i) {
+  function w(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;
+    const M = i.ownerDocument.defaultView.getComputedStyle(i);
+    return u += (0, e.int)(M.borderTopWidth), u += (0, e.int)(M.borderBottomWidth), u;
   }
-  function S(i) {
+  function b(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;
+    const M = i.ownerDocument.defaultView.getComputedStyle(i);
+    return u += (0, e.int)(M.borderLeftWidth), u += (0, e.int)(M.borderRightWidth), u;
   }
-  function b(i) {
+  function v(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;
+    const M = i.ownerDocument.defaultView.getComputedStyle(i);
+    return u -= (0, e.int)(M.paddingTop), u -= (0, e.int)(M.paddingBottom), 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;
+    const M = i.ownerDocument.defaultView.getComputedStyle(i);
+    return u -= (0, e.int)(M.paddingLeft), u -= (0, e.int)(M.paddingRight), u;
   }
-  function p(i, u, c) {
+  function y(i, u, M) {
     const R = u === u.ownerDocument.body ? {
       left: 0,
       top: 0
-    } : u.getBoundingClientRect(), H = (i.clientX + u.scrollLeft - R.left) / c, V = (i.clientY + u.scrollTop - R.top) / c;
+    } : u.getBoundingClientRect(), V = (i.clientX + u.scrollLeft - R.left) / M, G = (i.clientY + u.scrollTop - R.top) / M;
     return {
-      x: H,
-      y: V
+      x: V,
+      y: G
     };
   }
-  function m(i, u) {
-    const c = h(i, u, "px");
+  function p(i, u) {
+    const M = h(i, u, "px");
     return {
-      [(0, s.browserPrefixToKey)("transform", s.default)]: c
+      [(0, s.browserPrefixToKey)("transform", s.default)]: M
     };
   }
-  function D(i, u) {
+  function T(i, u) {
     return h(i, u, "");
   }
-  function h(i, u, c) {
+  function h(i, u, M) {
     let {
-      x: _,
+      x: $,
       y: R
-    } = i, H = `translate(${_}${c},${R}${c})`;
+    } = i, V = `translate(${$}${M},${R}${M})`;
     if (u) {
-      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;
+      const G = `${typeof u.x == "string" ? u.x : u.x + M}`, X = `${typeof u.y == "string" ? u.y : u.y + M}`;
+      V = `translate(${G}, ${X})` + V;
     }
-    return H;
+    return V;
   }
-  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 g(i, u) {
+    return i.targetTouches && (0, e.findInArray)(i.targetTouches, (M) => u === M.identifier) || i.changedTouches && (0, e.findInArray)(i.changedTouches, (M) => u === M.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(i) {
+  function N(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;}
 `, i.getElementsByTagName("head")[0].appendChild(u)), i.body && a(i.body, "react-draggable-transparent-selection");
   }
-  function C(i) {
+  function S(i) {
     window.requestAnimationFrame ? window.requestAnimationFrame(() => {
-      w(i);
-    }) : w(i);
+      D(i);
+    }) : D(i);
   }
-  function w(i) {
+  function D(i) {
     if (i)
       try {
-        if (i.body && M(i.body, "react-draggable-transparent-selection"), i.selection)
+        if (i.body && P(i.body, "react-draggable-transparent-selection"), i.selection)
           i.selection.empty();
         else {
           const u = (i.defaultView || window).getSelection();
@@ -1426,45 +1501,45 @@ function Oe() {
   function a(i, u) {
     i.classList ? i.classList.add(u) : i.className.match(new RegExp(`(?:^|\\s)${u}(?!\\S)`)) || (i.className += ` ${u}`);
   }
-  function M(i, u) {
+  function P(i, u) {
     i.classList ? i.classList.remove(u) : i.className = i.className.replace(new RegExp(`(?:^|\\s)${u}(?!\\S)`, "g"), "");
   }
-  return z;
+  return H;
 }
-var re = {}, Ze;
-function ht() {
-  if (Ze) return re;
-  Ze = 1, Object.defineProperty(re, "__esModule", {
+var re = {}, Qe;
+function yt() {
+  if (Qe) return re;
+  Qe = 1, Object.defineProperty(re, "__esModule", {
     value: !0
-  }), 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];
+  }), re.canDragX = d, re.canDragY = o, re.createCoreData = f, re.createDraggableData = w, re.getBoundPosition = n, re.getControlPosition = c, re.snapToGrid = r;
+  var e = Ce(), s = We();
+  function n(l, y, p) {
+    if (!l.props.bounds) return [y, p];
     let {
-      bounds: D
+      bounds: T
     } = l.props;
-    D = typeof D == "string" ? D : S(D);
-    const h = b(l);
-    if (typeof D == "string") {
+    T = typeof T == "string" ? T : b(T);
+    const h = v(l);
+    if (typeof T == "string") {
       const {
-        ownerDocument: y
-      } = h, x = y.defaultView;
-      let E;
-      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)
+        ownerDocument: g
+      } = h, x = g.defaultView;
+      let N;
+      if (T === "parent" ? N = h.parentNode : N = h.getRootNode().querySelector(T), !(N instanceof x.HTMLElement))
+        throw new Error('Bounds selector "' + T + '" could not find an element.');
+      const S = N, D = x.getComputedStyle(h), a = x.getComputedStyle(S);
+      T = {
+        left: -h.offsetLeft + (0, e.int)(a.paddingLeft) + (0, e.int)(D.marginLeft),
+        top: -h.offsetTop + (0, e.int)(a.paddingTop) + (0, e.int)(D.marginTop),
+        right: (0, s.innerWidth)(S) - (0, s.outerWidth)(h) - h.offsetLeft + (0, e.int)(a.paddingRight) - (0, e.int)(D.marginRight),
+        bottom: (0, s.innerHeight)(S) - (0, s.outerHeight)(h) - h.offsetTop + (0, e.int)(a.paddingBottom) - (0, e.int)(D.marginBottom)
       };
     }
-    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];
+    return (0, e.isNum)(T.right) && (y = Math.min(y, T.right)), (0, e.isNum)(T.bottom) && (p = Math.min(p, T.bottom)), (0, e.isNum)(T.left) && (y = Math.max(y, T.left)), (0, e.isNum)(T.top) && (p = Math.max(p, T.top)), [y, p];
   }
-  function 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 r(l, y, p) {
+    const T = Math.round(y / l[0]) * l[0], h = Math.round(p / l[1]) * l[1];
+    return [T, h];
   }
   function d(l) {
     return l.props.axis === "both" || l.props.axis === "x";
@@ -1472,45 +1547,45 @@ function ht() {
   function o(l) {
     return l.props.axis === "both" || l.props.axis === "y";
   }
-  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, s.offsetXYFromParent)(D || l, y, m.props.scale);
+  function c(l, y, p) {
+    const T = typeof y == "number" ? (0, s.getTouch)(l, y) : null;
+    if (typeof y == "number" && !T) return null;
+    const h = v(p), g = p.props.offsetParent || h.offsetParent || h.ownerDocument.body;
+    return (0, s.offsetXYFromParent)(T || l, g, p.props.scale);
   }
-  function g(l, p, m) {
-    const D = !(0, e.isNum)(l.lastX), h = b(l);
-    return D ? {
+  function f(l, y, p) {
+    const T = !(0, e.isNum)(l.lastX), h = v(l);
+    return T ? {
       node: h,
       deltaX: 0,
       deltaY: 0,
-      lastX: p,
-      lastY: m,
-      x: p,
-      y: m
+      lastX: y,
+      lastY: p,
+      x: y,
+      y: p
     } : {
       node: h,
-      deltaX: p - l.lastX,
-      deltaY: m - l.lastY,
+      deltaX: y - l.lastX,
+      deltaY: p - l.lastY,
       lastX: l.lastX,
       lastY: l.lastY,
-      x: p,
-      y: m
+      x: y,
+      y: p
     };
   }
-  function T(l, p) {
-    const m = l.props.scale;
+  function w(l, y) {
+    const p = l.props.scale;
     return {
-      node: p.node,
-      x: l.state.x + p.deltaX / m,
-      y: l.state.y + p.deltaY / m,
-      deltaX: p.deltaX / m,
-      deltaY: p.deltaY / m,
+      node: y.node,
+      x: l.state.x + y.deltaX / p,
+      y: l.state.y + y.deltaY / p,
+      deltaX: y.deltaX / p,
+      deltaY: y.deltaY / p,
       lastX: l.state.x,
       lastY: l.state.y
     };
   }
-  function S(l) {
+  function b(l) {
     return {
       left: l.left,
       top: l.top,
@@ -1518,66 +1593,66 @@ function ht() {
       bottom: l.bottom
     };
   }
-  function b(l) {
-    const p = l.findDOMNode();
-    if (!p)
+  function v(l) {
+    const y = l.findDOMNode();
+    if (!y)
       throw new Error("<DraggableCore>: Unmounted during event!");
-    return p;
+    return y;
   }
   return re;
 }
-var ue = {}, ye = {}, Je;
-function gt() {
-  if (Je) return ye;
-  Je = 1, Object.defineProperty(ye, "__esModule", {
+var ue = {}, be = {}, et;
+function bt() {
+  if (et) return be;
+  et = 1, Object.defineProperty(be, "__esModule", {
     value: !0
-  }), ye.default = e;
+  }), be.default = e;
   function e() {
   }
-  return ye;
+  return be;
 }
-var Qe;
-function Kt() {
-  if (Qe) return ue;
-  Qe = 1, Object.defineProperty(ue, "__esModule", {
+var tt;
+function Vt() {
+  if (tt) return ue;
+  tt = 1, Object.defineProperty(ue, "__esModule", {
     value: !0
   }), ue.default = void 0;
-  var e = T(ve), s = g(/* @__PURE__ */ ft()), r = g(it), n = Oe(), d = ht(), o = xe(), f = g(gt());
-  function g(h) {
+  var e = w(xe), s = f(/* @__PURE__ */ pt()), n = f(st), r = We(), d = yt(), o = Ce(), c = f(bt());
+  function f(h) {
     return h && h.__esModule ? h : { default: h };
   }
-  function T(h, y) {
-    if (typeof WeakMap == "function") var x = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new WeakMap();
-    return (T = function(C, w) {
-      if (!w && C && C.__esModule) return C;
-      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);
+  function w(h, g) {
+    if (typeof WeakMap == "function") var x = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap();
+    return (w = function(S, D) {
+      if (!D && S && S.__esModule) return S;
+      var a, P, i = { __proto__: null, default: S };
+      if (S === null || typeof S != "object" && typeof S != "function") return i;
+      if (a = D ? N : x) {
+        if (a.has(S)) return a.get(S);
+        a.set(S, i);
       }
-      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]);
+      for (const u in S) u !== "default" && {}.hasOwnProperty.call(S, u) && ((P = (a = Object.defineProperty) && Object.getOwnPropertyDescriptor(S, u)) && (P.get || P.set) ? a(i, u, P) : i[u] = S[u]);
       return i;
-    })(h, y);
+    })(h, g);
   }
-  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, g, x) {
+    return (g = v(g)) in h ? Object.defineProperty(h, g, { value: x, enumerable: !0, configurable: !0, writable: !0 }) : h[g] = x, h;
   }
-  function b(h) {
-    var y = l(h, "string");
-    return typeof y == "symbol" ? y : y + "";
+  function v(h) {
+    var g = l(h, "string");
+    return typeof g == "symbol" ? g : g + "";
   }
-  function l(h, y) {
+  function l(h, g) {
     if (typeof h != "object" || !h) return h;
     var x = h[Symbol.toPrimitive];
     if (x !== void 0) {
-      var E = x.call(h, y);
-      if (typeof E != "object") return E;
+      var N = x.call(h, g);
+      if (typeof N != "object") return N;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return (y === "string" ? String : Number)(h);
+    return (g === "string" ? String : Number)(h);
   }
-  const p = {
+  const y = {
     touch: {
       start: "touchstart",
       move: "touchmove",
@@ -1589,42 +1664,42 @@ function Kt() {
       stop: "mouseup"
     }
   };
-  let m = p.mouse, D = class extends e.Component {
+  let p = y.mouse, T = class extends e.Component {
     constructor() {
-      super(...arguments), S(this, "dragging", !1), S(this, "lastX", NaN), S(this, "lastY", NaN), S(this, "touchIdentifier", null), S(this, "mounted", !1), S(this, "handleDragStart", (y) => {
-        if (this.props.onMouseDown(y), !this.props.allowAnyClick && typeof y.button == "number" && y.button !== 0) return !1;
+      super(...arguments), b(this, "dragging", !1), b(this, "lastX", NaN), b(this, "lastY", NaN), b(this, "touchIdentifier", null), b(this, "mounted", !1), b(this, "handleDragStart", (g) => {
+        if (this.props.onMouseDown(g), !this.props.allowAnyClick && typeof g.button == "number" && g.button !== 0) return !1;
         const x = this.findDOMNode();
         if (!x || !x.ownerDocument || !x.ownerDocument.body)
           throw new Error("<DraggableCore> not mounted on DragStart!");
         const {
-          ownerDocument: E
+          ownerDocument: N
         } = 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))
+        if (this.props.disabled || !(g.target instanceof N.defaultView.Node) || this.props.handle && !(0, r.matchesSelectorAndParentsTo)(g.target, this.props.handle, x) || this.props.cancel && (0, r.matchesSelectorAndParentsTo)(g.target, this.props.cancel, x))
           return;
-        y.type === "touchstart" && !this.props.allowMobileScroll && y.preventDefault();
-        const C = (0, n.getTouchIdentifier)(y);
-        this.touchIdentifier = C;
-        const w = (0, d.getControlPosition)(y, C, this);
-        if (w == null) return;
+        g.type === "touchstart" && !this.props.allowMobileScroll && g.preventDefault();
+        const S = (0, r.getTouchIdentifier)(g);
+        this.touchIdentifier = S;
+        const D = (0, d.getControlPosition)(g, S, this);
+        if (D == null) return;
         const {
           x: a,
-          y: M
-        } = 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, d.getControlPosition)(y, this.touchIdentifier, this);
+          y: P
+        } = D, i = (0, d.createCoreData)(this, a, P);
+        (0, c.default)("DraggableCore: handleDragStart: %j", i), (0, c.default)("calling", this.props.onStart), !(this.props.onStart(g, i) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, r.addUserSelectStyles)(N), this.dragging = !0, this.lastX = a, this.lastY = P, (0, r.addEvent)(N, p.move, this.handleDrag), (0, r.addEvent)(N, p.stop, this.handleDragStop));
+      }), b(this, "handleDrag", (g) => {
+        const x = (0, d.getControlPosition)(g, this.touchIdentifier, this);
         if (x == null) return;
         let {
-          x: E,
-          y: C
+          x: N,
+          y: S
         } = x;
         if (Array.isArray(this.props.grid)) {
-          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;
+          let P = N - this.lastX, i = S - this.lastY;
+          if ([P, i] = (0, d.snapToGrid)(this.props.grid, P, i), !P && !i) return;
+          N = this.lastX + P, S = this.lastY + i;
         }
-        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) {
+        const D = (0, d.createCoreData)(this, N, S);
+        if ((0, c.default)("DraggableCore: handleDrag: %j", D), this.props.onDrag(g, D) === !1 || this.mounted === !1) {
           try {
             this.handleDragStop(new MouseEvent("mouseup"));
           } catch {
@@ -1633,48 +1708,48 @@ function Kt() {
           }
           return;
         }
-        this.lastX = E, this.lastY = C;
-      }), S(this, "handleDragStop", (y) => {
+        this.lastX = N, this.lastY = S;
+      }), b(this, "handleDragStop", (g) => {
         if (!this.dragging) return;
-        const x = (0, d.getControlPosition)(y, this.touchIdentifier, this);
+        const x = (0, d.getControlPosition)(g, this.touchIdentifier, this);
         if (x == null) return;
         let {
-          x: E,
-          y: C
+          x: N,
+          y: S
         } = x;
         if (Array.isArray(this.props.grid)) {
-          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;
+          let i = N - this.lastX || 0, u = S - this.lastY || 0;
+          [i, u] = (0, d.snapToGrid)(this.props.grid, i, u), N = this.lastX + i, S = this.lastY + u;
         }
-        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, 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)));
+        const D = (0, d.createCoreData)(this, N, S);
+        if (this.props.onStop(g, D) === !1 || this.mounted === !1) return !1;
+        const P = this.findDOMNode();
+        P && this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(P.ownerDocument), (0, c.default)("DraggableCore: handleDragStop: %j", D), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, P && ((0, c.default)("DraggableCore: Removing handlers"), (0, r.removeEvent)(P.ownerDocument, p.move, this.handleDrag), (0, r.removeEvent)(P.ownerDocument, p.stop, this.handleDragStop));
+      }), b(this, "onMouseDown", (g) => (p = y.mouse, this.handleDragStart(g))), b(this, "onMouseUp", (g) => (p = y.mouse, this.handleDragStop(g))), b(this, "onTouchStart", (g) => (p = y.touch, this.handleDragStart(g))), b(this, "onTouchEnd", (g) => (p = y.touch, this.handleDragStop(g)));
     }
     componentDidMount() {
       this.mounted = !0;
-      const y = this.findDOMNode();
-      y && (0, n.addEvent)(y, p.touch.start, this.onTouchStart, {
+      const g = this.findDOMNode();
+      g && (0, r.addEvent)(g, y.touch.start, this.onTouchStart, {
         passive: !1
       });
     }
     componentWillUnmount() {
       this.mounted = !1;
-      const y = this.findDOMNode();
-      if (y) {
+      const g = this.findDOMNode();
+      if (g) {
         const {
           ownerDocument: x
-        } = y;
-        (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, {
+        } = g;
+        (0, r.removeEvent)(x, y.mouse.move, this.handleDrag), (0, r.removeEvent)(x, y.touch.move, this.handleDrag), (0, r.removeEvent)(x, y.mouse.stop, this.handleDragStop), (0, r.removeEvent)(x, y.touch.stop, this.handleDragStop), (0, r.removeEvent)(g, y.touch.start, this.onTouchStart, {
           passive: !1
-        }), this.props.enableUserSelectHack && (0, n.scheduleRemoveUserSelectStyles)(x);
+        }), this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(x);
       }
     }
     // 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 ? this.props?.nodeRef?.current : r.default.findDOMNode(this);
+      return this.props?.nodeRef ? this.props?.nodeRef?.current : n.default.findDOMNode(this);
     }
     render() {
       return /* @__PURE__ */ e.cloneElement(e.Children.only(this.props.children), {
@@ -1689,7 +1764,7 @@ function Kt() {
       });
     }
   };
-  return ue.default = D, S(D, "displayName", "DraggableCore"), S(D, "propTypes", {
+  return ue.default = T, b(T, "displayName", "DraggableCore"), b(T, "propTypes", {
     /**
      * `allowAnyClick` allows dragging using any mouse button.
      * By default, we only accept the left button.
@@ -1721,8 +1796,8 @@ function Kt() {
      * `offsetParent`, if set, uses the passed DOM node to compute drag offsets
      * instead of using the parent node.
      */
-    offsetParent: function(h, y) {
-      if (h[y] && h[y].nodeType !== 1)
+    offsetParent: function(h, g) {
+      if (h[g] && h[g].nodeType !== 1)
         throw new Error("Draggable's offsetParent must be a DOM Node.");
     },
     /**
@@ -1819,7 +1894,7 @@ function Kt() {
     className: o.dontSetMe,
     style: o.dontSetMe,
     transform: o.dontSetMe
-  }), S(D, "defaultProps", {
+  }), b(T, "defaultProps", {
     allowAnyClick: !1,
     // by default only accept left click
     allowMobileScroll: !1,
@@ -1836,92 +1911,92 @@ function Kt() {
     scale: 1
   }), ue;
 }
-var et;
-function zt() {
-  return et || (et = 1, (function(e) {
+var nt;
+function Xt() {
+  return nt || (nt = 1, (function(e) {
     Object.defineProperty(e, "__esModule", {
       value: !0
     }), Object.defineProperty(e, "DraggableCore", {
       enumerable: !0,
       get: function() {
-        return T.default;
+        return w.default;
       }
     }), e.default = void 0;
-    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) {
+    var s = l(xe), n = v(/* @__PURE__ */ pt()), r = v(st), d = Bt(), o = We(), c = yt(), f = Ce(), w = v(Vt()), b = v(bt());
+    function v(x) {
       return x && x.__esModule ? x : { default: x };
     }
-    function l(x, E) {
-      if (typeof WeakMap == "function") var C = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap();
-      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) {
+    function l(x, N) {
+      if (typeof WeakMap == "function") var S = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakMap();
+      return (l = function(a, P) {
+        if (!P && a && a.__esModule) return a;
+        var i, u, M = { __proto__: null, default: a };
+        if (a === null || typeof a != "object" && typeof a != "function") return M;
+        if (i = P ? D : S) {
           if (i.has(a)) return i.get(a);
-          i.set(a, c);
+          i.set(a, M);
         }
-        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() {
-      return p = Object.assign ? Object.assign.bind() : function(x) {
-        for (var E = 1; E < arguments.length; E++) {
-          var C = arguments[E];
-          for (var w in C) ({}).hasOwnProperty.call(C, w) && (x[w] = C[w]);
+        for (const $ in a) $ !== "default" && {}.hasOwnProperty.call(a, $) && ((u = (i = Object.defineProperty) && Object.getOwnPropertyDescriptor(a, $)) && (u.get || u.set) ? i(M, $, u) : M[$] = a[$]);
+        return M;
+      })(x, N);
+    }
+    function y() {
+      return y = Object.assign ? Object.assign.bind() : function(x) {
+        for (var N = 1; N < arguments.length; N++) {
+          var S = arguments[N];
+          for (var D in S) ({}).hasOwnProperty.call(S, D) && (x[D] = S[D]);
         }
         return x;
-      }, p.apply(null, arguments);
+      }, y.apply(null, arguments);
     }
-    function m(x, E, C) {
-      return (E = D(E)) in x ? Object.defineProperty(x, E, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : x[E] = C, x;
+    function p(x, N, S) {
+      return (N = T(N)) in x ? Object.defineProperty(x, N, { value: S, enumerable: !0, configurable: !0, writable: !0 }) : x[N] = S, x;
     }
-    function D(x) {
-      var E = h(x, "string");
-      return typeof E == "symbol" ? E : E + "";
+    function T(x) {
+      var N = h(x, "string");
+      return typeof N == "symbol" ? N : N + "";
     }
-    function h(x, E) {
+    function h(x, N) {
       if (typeof x != "object" || !x) return x;
-      var C = x[Symbol.toPrimitive];
-      if (C !== void 0) {
-        var w = C.call(x, E);
-        if (typeof w != "object") return w;
+      var S = x[Symbol.toPrimitive];
+      if (S !== void 0) {
+        var D = S.call(x, N);
+        if (typeof D != "object") return D;
         throw new TypeError("@@toPrimitive must return a primitive value.");
       }
-      return (E === "string" ? String : Number)(x);
+      return (N === "string" ? String : Number)(x);
     }
-    class y extends s.Component {
+    class g extends s.Component {
       // React 16.3+
       // Arity (props, state)
-      static getDerivedStateFromProps(E, C) {
+      static getDerivedStateFromProps(N, S) {
         let {
-          position: w
-        } = E, {
+          position: D
+        } = N, {
           prevPropsPosition: a
-        } = C;
-        return w && (!a || w.x !== a.x || w.y !== a.y) ? ((0, S.default)("Draggable: getDerivedStateFromProps %j", {
-          position: w,
+        } = S;
+        return D && (!a || D.x !== a.x || D.y !== a.y) ? ((0, b.default)("Draggable: getDerivedStateFromProps %j", {
+          position: D,
           prevPropsPosition: a
         }), {
-          x: w.x,
-          y: w.y,
+          x: D.x,
+          y: D.y,
           prevPropsPosition: {
-            ...w
+            ...D
           }
         }) : null;
       }
-      constructor(E) {
-        super(E), m(this, "onDragStart", (C, w) => {
-          if ((0, S.default)("Draggable: onDragStart: %j", w), this.props.onStart(C, (0, f.createDraggableData)(this, w)) === !1) return !1;
+      constructor(N) {
+        super(N), p(this, "onDragStart", (S, D) => {
+          if ((0, b.default)("Draggable: onDragStart: %j", D), this.props.onStart(S, (0, c.createDraggableData)(this, D)) === !1) return !1;
           this.setState({
             dragging: !0,
             dragged: !0
           });
-        }), m(this, "onDrag", (C, w) => {
+        }), p(this, "onDrag", (S, D) => {
           if (!this.state.dragging) return !1;
-          (0, S.default)("Draggable: onDrag: %j", w);
-          const a = (0, f.createDraggableData)(this, w), M = {
+          (0, b.default)("Draggable: onDrag: %j", D);
+          const a = (0, c.createDraggableData)(this, D), P = {
             x: a.x,
             y: a.y,
             slackX: 0,
@@ -1930,18 +2005,18 @@ function zt() {
           if (this.props.bounds) {
             const {
               x: u,
-              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 + (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;
+              y: M
+            } = P;
+            P.x += this.state.slackX, P.y += this.state.slackY;
+            const [$, R] = (0, c.getBoundPosition)(this, P.x, P.y);
+            P.x = $, P.y = R, P.slackX = this.state.slackX + (u - P.x), P.slackY = this.state.slackY + (M - P.y), a.x = P.x, a.y = P.y, a.deltaX = P.x - this.state.x, a.deltaY = P.y - this.state.y;
           }
-          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;
-          (0, S.default)("Draggable: onDragStop: %j", w);
-          const M = {
+          if (this.props.onDrag(S, a) === !1) return !1;
+          this.setState(P);
+        }), p(this, "onDragStop", (S, D) => {
+          if (!this.state.dragging || this.props.onStop(S, (0, c.createDraggableData)(this, D)) === !1) return !1;
+          (0, b.default)("Draggable: onDragStop: %j", D);
+          const P = {
             dragging: !1,
             slackX: 0,
             slackY: 0
@@ -1949,28 +2024,28 @@ function zt() {
           if (!!this.props.position) {
             const {
               x: u,
-              y: c
+              y: M
             } = this.props.position;
-            M.x = u, M.y = c;
+            P.x = u, P.y = M;
           }
-          this.setState(M);
+          this.setState(P);
         }), this.state = {
           // Whether or not we are currently dragging.
           dragging: !1,
           // Whether or not we have been dragged before.
           dragged: !1,
           // Current transform x and y.
-          x: E.position ? E.position.x : E.defaultPosition.x,
-          y: E.position ? E.position.y : E.defaultPosition.y,
+          x: N.position ? N.position.x : N.defaultPosition.x,
+          y: N.position ? N.position.y : N.defaultPosition.y,
           prevPropsPosition: {
-            ...E.position
+            ...N.position
           },
           // Used for compensating for out-of-bounds drags
           slackX: 0,
           slackY: 0,
           // Can only determine if SVG after mounting
           isElementSVG: !1
-        }, E.position && !(E.onDrag || E.onStop) && console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.");
+        }, N.position && !(N.onDrag || N.onStop) && console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.");
       }
       componentDidMount() {
         typeof window.SVGElement < "u" && this.findDOMNode() instanceof window.SVGElement && this.setState({
@@ -1985,51 +2060,51 @@ 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 ?? n.default.findDOMNode(this);
+        return this.props?.nodeRef?.current ?? r.default.findDOMNode(this);
       }
       render() {
         const {
-          axis: E,
-          bounds: C,
-          children: w,
+          axis: N,
+          bounds: S,
+          children: D,
           defaultPosition: a,
-          defaultClassName: M,
+          defaultClassName: P,
           defaultClassNameDragging: i,
           defaultClassNameDragged: u,
-          position: c,
-          positionOffset: _,
+          position: M,
+          positionOffset: $,
           scale: R,
-          ...H
+          ...V
         } = this.props;
-        let V = {}, X = null;
-        const B = !!!c || this.state.dragging, ee = c || a, ie = {
+        let G = {}, X = null;
+        const m = !!!M || this.state.dragging, B = M || a, te = {
           // Set left if horizontal drag is enabled
-          x: (0, f.canDragX)(this) && B ? this.state.x : ee.x,
+          x: (0, c.canDragX)(this) && m ? this.state.x : B.x,
           // Set top if vertical drag is enabled
-          y: (0, f.canDragY)(this) && B ? this.state.y : ee.y
+          y: (0, c.canDragY)(this) && m ? this.state.y : B.y
         };
-        this.state.isElementSVG ? X = (0, o.createSVGTransform)(ie, _) : V = (0, o.createCSSTransform)(ie, _);
-        const le = (0, d.clsx)(w.props.className || "", M, {
+        this.state.isElementSVG ? X = (0, o.createSVGTransform)(te, $) : G = (0, o.createCSSTransform)(te, $);
+        const le = (0, d.clsx)(D.props.className || "", P, {
           [i]: this.state.dragging,
           [u]: this.state.dragged
         });
-        return /* @__PURE__ */ s.createElement(T.default, p({}, H, {
+        return /* @__PURE__ */ s.createElement(w.default, y({}, V, {
           onStart: this.onDragStart,
           onDrag: this.onDrag,
           onStop: this.onDragStop
-        }), /* @__PURE__ */ s.cloneElement(s.Children.only(w), {
+        }), /* @__PURE__ */ s.cloneElement(s.Children.only(D), {
           className: le,
           style: {
-            ...w.props.style,
-            ...V
+            ...D.props.style,
+            ...G
           },
           transform: X
         }));
       }
     }
-    e.default = y, m(y, "displayName", "Draggable"), m(y, "propTypes", {
+    e.default = g, p(g, "displayName", "Draggable"), p(g, "propTypes", {
       // Accepts all props <DraggableCore> accepts.
-      ...T.default.propTypes,
+      ...w.default.propTypes,
       /**
        * `axis` determines which axis the draggable can move.
        *
@@ -2043,7 +2118,7 @@ function zt() {
        *
        * Defaults to 'both'.
        */
-      axis: r.default.oneOf(["both", "x", "y", "none"]),
+      axis: n.default.oneOf(["both", "x", "y", "none"]),
       /**
        * `bounds` determines the range of movement available to the element.
        * Available values are:
@@ -2070,15 +2145,15 @@ function zt() {
        *   });
        * ```
        */
-      bounds: r.default.oneOfType([r.default.shape({
-        left: r.default.number,
-        right: r.default.number,
-        top: r.default.number,
-        bottom: r.default.number
-      }), r.default.string, r.default.oneOf([!1])]),
-      defaultClassName: r.default.string,
-      defaultClassNameDragging: r.default.string,
-      defaultClassNameDragged: r.default.string,
+      bounds: n.default.oneOfType([n.default.shape({
+        left: n.default.number,
+        right: n.default.number,
+        top: n.default.number,
+        bottom: n.default.number
+      }), n.default.string, n.default.oneOf([!1])]),
+      defaultClassName: n.default.string,
+      defaultClassNameDragging: n.default.string,
+      defaultClassNameDragged: n.default.string,
       /**
        * `defaultPosition` specifies the x and y that the dragged item should start at
        *
@@ -2096,13 +2171,13 @@ function zt() {
        *      });
        * ```
        */
-      defaultPosition: r.default.shape({
-        x: r.default.number,
-        y: r.default.number
+      defaultPosition: n.default.shape({
+        x: n.default.number,
+        y: n.default.number
       }),
-      positionOffset: r.default.shape({
-        x: r.default.oneOfType([r.default.number, r.default.string]),
-        y: r.default.oneOfType([r.default.number, r.default.string])
+      positionOffset: n.default.shape({
+        x: n.default.oneOfType([n.default.number, n.default.string]),
+        y: n.default.oneOfType([n.default.number, n.default.string])
       }),
       /**
        * `position`, if present, defines the current position of the element.
@@ -2124,18 +2199,18 @@ function zt() {
        *      });
        * ```
        */
-      position: r.default.shape({
-        x: r.default.number,
-        y: r.default.number
+      position: n.default.shape({
+        x: n.default.number,
+        y: n.default.number
       }),
       /**
        * These properties should be defined on the child, not here.
        */
-      className: g.dontSetMe,
-      style: g.dontSetMe,
-      transform: g.dontSetMe
-    }), m(y, "defaultProps", {
-      ...T.default.defaultProps,
+      className: f.dontSetMe,
+      style: f.dontSetMe,
+      transform: f.dontSetMe
+    }), p(g, "defaultProps", {
+      ...w.default.defaultProps,
       axis: "both",
       bounds: !1,
       defaultClassName: "react-draggable",
@@ -2147,20 +2222,20 @@ function zt() {
       },
       scale: 1
     });
-  })(Se)), Se;
+  })(De)), De;
 }
-var tt;
-function Bt() {
-  if (tt) return de.exports;
-  tt = 1;
+var rt;
+function Gt() {
+  if (rt) return de.exports;
+  rt = 1;
   const {
     default: e,
     DraggableCore: s
-  } = zt();
+  } = Xt();
   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, s) => {
+var Zt = Gt();
+const Jt = /* @__PURE__ */ Lt(Zt), Qt = se((e, s) => {
   const d = {
     ...{
       // 1. Take it out of the document flow
@@ -2178,38 +2253,38 @@ const Vt = /* @__PURE__ */ kt(Ht), Xt = se((e, s) => {
       boxShadow: "rgba(0, 0, 0, 0.5) 7px 7px 10px 0px"
     },
     ...e.style || {}
-  }, o = e.testId || "not-set", f = e.className || "panel", g = vt(null);
+  }, o = e.testId || "not-set", c = e.className || "panel", f = at(null);
   return (
     // 3. Pass the internal ref to the Draggable component via 'nodeRef'
     /* @__PURE__ */ t(
-      Vt,
+      Jt,
       {
-        nodeRef: g,
+        nodeRef: f,
         "data-testid": o,
         axis: "both",
         handle: ".handle",
-        onStart: (b, l) => {
+        onStart: (v, l) => {
           e.onDraggingChange?.(!0);
         },
-        onStop: (b, l) => {
+        onStop: (v, l) => {
           setTimeout(() => {
             e.onDraggingChange?.(!1);
           }, 100);
         },
-        children: /* @__PURE__ */ t("div", { ref: g, className: f, style: d, children: e.children })
+        children: /* @__PURE__ */ t("div", { ref: f, className: c, style: d, children: e.children })
       }
     )
   );
 });
-function Nr({ children: e, addCssClasses: s }) {
-  const r = G(
+function $n({ children: e, addCssClasses: s }) {
+  const n = Z(
     "w-full h-full flex-1 flex flex-col",
     (s || "gap-2 items-end justify-end content-end").trim()
   );
   return /* @__PURE__ */ t(
     "div",
     {
-      className: r,
+      className: n,
       style: {
         minHeight: "140px"
       },
@@ -2217,57 +2292,57 @@ function Nr({ children: e, addCssClasses: s }) {
     }
   );
 }
-function _r({ children: e, addCssClasses: s }) {
-  const r = G(
+function Rn({ children: e, addCssClasses: s }) {
+  const n = Z(
     "w-full flex flex-col",
     (s || "items-end").trim()
   );
-  return /* @__PURE__ */ t("div", { className: r, children: e });
+  return /* @__PURE__ */ t("div", { className: n, children: e });
 }
-const Mr = (e) => {
+const On = (e) => {
   console.warn("showToast TODO", e);
-}, 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 n = e.responsiveGrid || !1, d = e.isEditing || !1, o = {
-    "--bwj-dashboard-transform-scale": r,
-    "--bwj-dashboard-add-cols": Gt(r)
-  }, f = G(
+}, en = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, kn = se((e, s) => {
+  let n = xt(Number(e.zoomScale || 0));
+  const r = e.responsiveGrid || !1, d = e.isEditing || !1, o = {
+    "--bwj-dashboard-transform-scale": n,
+    "--bwj-dashboard-add-cols": en(n)
+  }, c = Z(
     "dashboard-main-grid w-full",
     d ? "editing" : "",
-    n ? "responsive-grid" : "",
+    r ? "responsive-grid" : "",
     `border border-dashed ${d ? "border-primary border-opacity-50" : "border-transparent"}`
   );
-  return /* @__PURE__ */ t("div", { className: f, style: o, children: e.children });
-}), Pe = "size-5", Zt = (e) => {
+  return /* @__PURE__ */ t("div", { className: c, style: o, children: e.children });
+}), Ie = "size-5", tn = (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 = () => {
+  const s = e.direction || "column", n = e.noBorder;
+  let r = `dashboard-widget direction-${s} ${e.isEditing ? "editing" : ""} border border-solid`;
+  return ["large", "xlarge"].indexOf(e.size || "") > -1 && (r = `${r} ${e.size}-widget`), n ? r = `${r} border-transparent border-opacity-0` : (e.borderCssClasses || "").trim().length > 0 ? r = `${r} ${e.borderCssClasses}` : r = `${r} border-card-invert border-opacity-20`, e.noShadow && (r = `${r} no-shadow`), e.noPadding && (r = `${r} no-padding p-0`), (e.backgroundCssClasses || "").trim().length > 0 ? r = `${r} ${e.backgroundCssClasses}`.trim() : r = `${r} bg-card content-card`, (e.addCssClasses || "").trim().length > 0 && (r = `${r} ${e.addCssClasses}`.trim()), r;
+}, nn = (e, s) => {
+  const n = e.hideTitle && !e.isEditing, r = Z(tn(e)), d = () => {
     e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey, e.parentWidgetKey);
-  }, o = (g) => {
-    e.onMoveClick && e.widgetKey && e.onMoveClick(g, e.widgetKey, e.parentWidgetKey);
-  }, f = G(
+  }, o = (f) => {
+    e.onMoveClick && e.widgetKey && e.onMoveClick(f, e.widgetKey, e.parentWidgetKey);
+  }, c = Z(
     "widget-header",
-    r ? "hidden" : "flex items-center justify-between border-b border-solid border-card-invert",
-    r ? "border-opacity-0" : "border-opacity-20"
+    n ? "hidden" : "flex items-center justify-between border-b border-solid border-card-invert",
+    n ? "border-opacity-0" : "border-opacity-20"
   );
-  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: [
+  return /* @__PURE__ */ _("div", { className: r, children: [
+    /* @__PURE__ */ _("div", { className: c, children: [
+      /* @__PURE__ */ _("div", { className: "widget-title-wrapper w-full flex flex-row gap-2 items-center justify-between", children: [
+        /* @__PURE__ */ _("h2", { className: "widget-title", children: [
           e.title,
           " "
         ] }),
         /* @__PURE__ */ t("div", {})
       ] }),
-      /* @__PURE__ */ t("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ I("div", { className: "actions-inner", children: [
+      /* @__PURE__ */ t("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ _("div", { className: "actions-inner", children: [
         /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("span", { className: "hidden", children: "Widget" }) }),
-        /* @__PURE__ */ I("div", { className: "actions-buttons-container", children: [
+        /* @__PURE__ */ _("div", { className: "actions-buttons-container", children: [
           /* @__PURE__ */ t(
-            J,
+            ee,
             {
               "data-testid": `move-widget-left_${e.title}`,
               isIconButton: !0,
@@ -2277,11 +2352,11 @@ const Mr = (e) => {
                 title: `${e.index < 1 ? "Already at min position" : "Move Widget to the left/up"}`
               },
               onClick: () => o(-1),
-              children: /* @__PURE__ */ t(at, { className: Pe })
+              children: /* @__PURE__ */ t(ct, { className: Ie })
             }
           ),
           /* @__PURE__ */ t(
-            J,
+            ee,
             {
               "data-testid": `move-widget-right_${e.title}`,
               isIconButton: !0,
@@ -2291,11 +2366,11 @@ const Mr = (e) => {
                 title: `${e.index >= e.maxIndex ? "Already at max position" : "Move Widget to the right/down"}`
               },
               onClick: () => o(1),
-              children: /* @__PURE__ */ t(st, { className: Pe })
+              children: /* @__PURE__ */ t(dt, { className: Ie })
             }
           ),
           /* @__PURE__ */ t(
-            J,
+            ee,
             {
               "data-testid": `remove-container_${e.title}`,
               isIconButton: !0,
@@ -2304,7 +2379,7 @@ const Mr = (e) => {
                 title: "Remove Widget"
               },
               onClick: () => d(),
-              children: /* @__PURE__ */ t(lt, { className: Pe })
+              children: /* @__PURE__ */ t(ut, { className: Ie })
             }
           )
         ] })
@@ -2312,211 +2387,211 @@ const Mr = (e) => {
     ] }),
     /* @__PURE__ */ t("div", { className: "widget-inner", children: e.children })
   ] });
-}, Qt = se(Jt);
-function rt(e) {
-  const { widgetKey: s, parentWidgetKey: r, index: n, maxIndex: d, isEditing: o, onRemoveClick: f, onMoveClick: g } = e, T = e.extraProps;
+}, rn = se(nn);
+function ot(e) {
+  const { widgetKey: s, parentWidgetKey: n, index: r, maxIndex: d, isEditing: o, onRemoveClick: c, onMoveClick: f } = e, w = e.extraProps;
   return /* @__PURE__ */ t(
-    Qt,
+    rn,
     {
       widgetKey: s,
       title: "Widget Error",
-      parentWidgetKey: r,
-      index: n,
+      parentWidgetKey: n,
+      index: r,
       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: [
+      onRemoveClick: c,
+      onMoveClick: f,
+      children: /* @__PURE__ */ _("div", { className: "p-4 border border-dashed border-danger", children: [
+        /* @__PURE__ */ _("span", { className: "font-bold", children: [
           'Failed to load "',
           s,
           '"'
         ] }),
-        T?.versionMismatch && /* @__PURE__ */ I("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ I("span", { className: "font-bold text-sm", children: [
+        w?.versionMismatch && /* @__PURE__ */ _("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ _("span", { className: "font-bold text-sm", children: [
             "Version Mismatch: ",
             s
           ] }),
-          /* @__PURE__ */ I("div", { className: "flex flex-col text-xs", children: [
-            /* @__PURE__ */ I("span", { children: [
+          /* @__PURE__ */ _("div", { className: "flex flex-col text-xs", children: [
+            /* @__PURE__ */ _("span", { children: [
               "Widget requires: Vue ",
-              T?.requiredVer,
+              w?.requiredVer,
               "."
             ] }),
-            /* @__PURE__ */ I("span", { children: [
+            /* @__PURE__ */ _("span", { children: [
               "Host version: ",
-              T?.hostVer,
+              w?.hostVer,
               "."
             ] })
           ] }),
-          /* @__PURE__ */ I("div", { className: "flex flex-col mt-3", children: [
+          /* @__PURE__ */ _("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: T?.externalDependencies.map((S, b) => /* @__PURE__ */ I("dd", { children: [
+            /* @__PURE__ */ t("dl", { className: "ml-2 flex flex-col text-xs", children: w?.externalDependencies.map((b, v) => /* @__PURE__ */ _("dd", { children: [
               "- ",
-              S
-            ] }, `dep-${b}`)) })
+              b
+            ] }, `dep-${v}`)) })
           ] })
         ] }),
-        !T?.versionMismatch && /* @__PURE__ */ I("div", { className: "flex flex-col", children: [
+        !w?.versionMismatch && /* @__PURE__ */ _("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__ */ _("div", { className: "flex flex-col mt-3", children: [
             /* @__PURE__ */ t("h5", { children: "Details:" }),
-            /* @__PURE__ */ t("div", { className: "text-xs break-all", children: T?.errorMessage || "Unknown error occurred." })
+            /* @__PURE__ */ t("div", { className: "text-xs break-all", children: w?.errorMessage || "Unknown error occurred." })
           ] })
         ] })
       ] })
     }
   );
 }
-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]);
+const on = (e, s) => {
+  const n = (o) => o.replace(/[^0-9.]/g, ""), r = n(e).split(".").map(Number), d = n(s).split(".").map(Number);
+  return !(r[0] !== d[0] || r[1] < d[1]);
 };
-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: [
+function an(e) {
+  return /* @__PURE__ */ t("div", { className: "dashboard-widget", children: /* @__PURE__ */ _("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 rr({
+function sn({
   index: e,
   maxIndex: s,
-  widgetKey: r,
-  parentWidgetKey: n,
+  widgetKey: n,
+  parentWidgetKey: r,
   targetContainerKey: d,
   childWidgetsConfig: o,
-  widgetCatalog: f,
-  isEditing: g,
+  widgetCatalog: c,
+  isEditing: f,
   // for additional props passed to all widget from the dashboard through the DynamicWidgetLoader:
-  extraProps: T,
-  onRemoveClick: S,
-  onMoveClick: b,
+  extraProps: w,
+  onRemoveClick: b,
+  onMoveClick: v,
   selectContainer: l
 }) {
-  const p = `${r}`.split("_"), m = p.length > 1, D = m ? p[0] : r, h = f.get(D);
+  const y = `${n}`.split("_"), p = y.length > 1, T = p ? y[0] : n, h = c.get(T);
   if (!h)
-    return /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ I("p", { children: [
+    return /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ _("p", { children: [
       "Widget not found in catalog: ",
-      D
+      T
     ] }) });
-  let y = null, x = !1;
-  const E = !!h.isContainer, C = m ? nt(r) : "", w = E ? (o || []).filter((i) => i.parentWidgetKey === r) : [], a = {
+  let g = null, x = !1;
+  const N = !!h.isContainer, S = p ? it(n) : "", D = N ? (o || []).filter((i) => i.parentWidgetKey === n) : [], a = {
     index: e,
     maxIndex: s,
-    widgetKey: r,
-    parentWidgetKey: n,
-    isEditing: g,
-    extraProps: T,
-    title: m ? C : h.title,
-    onRemoveClick: S,
-    onMoveClick: b
+    widgetKey: n,
+    parentWidgetKey: r,
+    isEditing: f,
+    extraProps: w,
+    title: p ? S : h.title,
+    onRemoveClick: b,
+    onMoveClick: v
   };
-  if (h.component ? (y = h.component, x = !1) : h.loader && (x = !0, y = ot(() => {
+  if (h.component ? (g = h.component, x = !1) : h.loader && (x = !0, g = fe(() => {
     if (!h) return null;
-    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 i = typeof __HOST_REACT_VERSION__ < "u" ? __HOST_REACT_VERSION__ : "19.2.3", u = h.meta?.externalDependencies || [], M = u.find(($) => $.startsWith("react@"));
+    if (M) {
+      const $ = M.split("@")[1];
+      if (!on(i, $)) {
         const R = {
           ...a.extraProps,
           hostVer: i,
-          requiredVer: _,
+          requiredVer: $,
           externalDependencies: u,
-          errorMessage: `Incompatible React version. Required: ${_}, Host: ${i}`,
+          errorMessage: `Incompatible React version. Required: ${$}, Host: ${i}`,
           versionMismatch: !0
         };
         return a.extraProps = {
           ...a.extraProps,
           ...R
-        }, ve.lazy(async () => ({
-          default: () => /* @__PURE__ */ t(rt, { ...a })
+        }, xe.lazy(async () => ({
+          default: () => /* @__PURE__ */ t(ot, { ...a })
         }));
       }
     }
     if (h.component)
       return h.component;
     if (h.loader) {
-      const _ = async () => {
+      const $ = async () => {
         try {
           return await h.loader();
         } catch (R) {
-          console.error(`Widget Load Error [${r}]:`, R);
-          const H = {
+          console.error(`Widget Load Error [${n}]:`, R);
+          const V = {
             ...a.extraProps,
             hostVer: i,
-            requiredVer: c ? c.split("@")[1] : "Unknown",
+            requiredVer: M ? M.split("@")[1] : "Unknown",
             externalDependencies: u,
             errorMessage: R.message,
             versionMismatch: !1
           };
           return a.extraProps = {
             ...a.extraProps,
-            ...H
+            ...V
           }, {
-            default: () => /* @__PURE__ */ t(rt, { ...a })
+            default: () => /* @__PURE__ */ t(ot, { ...a })
           };
         }
       };
-      return ve.lazy(_);
+      return xe.lazy($);
     }
     return null;
-  }, [h, r])), !y)
-    return /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ I("p", { children: [
+  }, [h, n])), !g)
+    return /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ _("p", { children: [
       "Widget definition incomplete: ",
-      D
+      T
     ] }) });
-  const M = E ? {
-    highlight: d === r,
+  const P = N ? {
+    highlight: d === n,
     selectContainer: l,
     // The children prop is the recursive call back to DynamicWidgetLoader
-    children: w.map((i, u) => /* @__PURE__ */ t(
-      rr,
+    children: D.map((i, u) => /* @__PURE__ */ t(
+      sn,
       {
         index: u,
-        maxIndex: w.length - 1,
+        maxIndex: D.length - 1,
         widgetKey: i.widgetKey,
         parentWidgetKey: i.parentWidgetKey,
-        widgetCatalog: f,
-        isEditing: g,
-        extraProps: T,
-        onRemoveClick: S,
-        onMoveClick: b
+        widgetCatalog: c,
+        isEditing: f,
+        extraProps: w,
+        onRemoveClick: b,
+        onMoveClick: v
       },
       `${i.widgetKey}_${u}`
     ))
   } : {};
-  return x ? /* @__PURE__ */ t(xt, { fallback: /* @__PURE__ */ t(tr, { title: `Loading ${h.title}` }), children: /* @__PURE__ */ t(y, { ...a, ...M }) }) : /* @__PURE__ */ t(y, { ...a, ...M });
+  return x ? /* @__PURE__ */ t(St, { fallback: /* @__PURE__ */ t(an, { title: `Loading ${h.title}` }), children: /* @__PURE__ */ t(g, { ...a, ...P }) }) : /* @__PURE__ */ t(g, { ...a, ...P });
 }
-const be = "size-5";
-function ke(e) {
-  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`);
+const ve = "size-5";
+function je(e) {
+  const s = e.highlight || !1, n = e.direction || "column", r = e.children.length > 0, d = e.isEditing || !1;
+  let f = s ? "border-transparent" : d && !r ? "border-card-invert" : "border-transparent";
+  const w = ["large", "xlarge"].includes(e.size || "");
   let b = "";
-  r === "row" && !n ? b = "min-h-48" : r === "column" && !n && (b = "min-h-96");
-  let l = G(
+  ["large", "xlarge"].indexOf(e.size || "") > -1 && (b = `${e.size}-widget`);
+  let v = "";
+  n === "row" && !r ? v = "min-h-48" : n === "column" && !r && (v = "min-h-96");
+  let l = Z(
     "dashboard-widget-container relative ",
-    n ? "" : "has-no-children",
+    r ? "" : "has-no-children",
     d ? "editing" : "",
+    v,
     b,
-    S,
-    T ? "widget-container-grid" : "widget-container-flex",
-    `direction-${r}`,
-    `border ${g}`,
-    `${s ? "highlight-container" : ""} ${g}`
-  ), p = `widget-container-header direction-${r} flex items-center border-1 ${g}`;
-  const m = () => {
+    w ? "widget-container-grid" : "widget-container-flex",
+    `direction-${n}`,
+    `border ${f}`,
+    `${s ? "highlight-container" : ""} ${f}`
+  ), y = `widget-container-header direction-${n} flex items-center border-1 ${f}`;
+  const p = () => {
     e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey);
-  }, D = (y) => {
-    e.onMoveClick && e.widgetKey && e.onMoveClick(y, e.widgetKey, e.parentWidgetKey);
+  }, T = (g) => {
+    e.onMoveClick && e.widgetKey && e.onMoveClick(g, e.widgetKey, e.parentWidgetKey);
   }, h = () => {
     e.selectContainer && e.widgetKey && e.selectContainer(e.widgetKey);
   };
-  return /* @__PURE__ */ I("div", { "data-testid": `container_${e.widgetKey}`, className: l, children: [
-    /* @__PURE__ */ I("div", { className: p, children: [
+  return /* @__PURE__ */ _("div", { "data-testid": `container_${e.widgetKey}`, className: l, children: [
+    /* @__PURE__ */ _("div", { className: y, children: [
       /* @__PURE__ */ t(
         "div",
         {
@@ -2525,9 +2600,9 @@ function ke(e) {
           children: /* @__PURE__ */ t("span", { className: "text-sm font-semibold capitalize", children: e.title })
         }
       ),
-      /* @__PURE__ */ t("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ t("div", { className: "actions-inner", children: /* @__PURE__ */ I("div", { className: "actions-buttons-container", children: [
+      /* @__PURE__ */ t("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ t("div", { className: "actions-inner", children: /* @__PURE__ */ _("div", { className: "actions-buttons-container", children: [
         /* @__PURE__ */ t(
-          J,
+          ee,
           {
             "data-testid": `open-widgets-catalog-from-container_${e.title}`,
             isIconButton: !0,
@@ -2538,15 +2613,15 @@ function ke(e) {
             },
             onClick: h,
             children: /* @__PURE__ */ t(
-              It,
+              Ot,
               {
-                className: `${be} ${s ? "text-success" : "text-disabled"}`
+                className: `${ve} ${s ? "text-success" : "text-disabled"}`
               }
             )
           }
         ),
         /* @__PURE__ */ t(
-          J,
+          ee,
           {
             "data-testid": `move-container-left_${e.title}`,
             isIconButton: !0,
@@ -2555,12 +2630,12 @@ function ke(e) {
               placement: "top",
               title: `${e.index < 1 ? "Already at min position" : "Move Container to the left/up"}`
             },
-            onClick: () => D(-1),
-            children: /* @__PURE__ */ t(at, { className: be })
+            onClick: () => T(-1),
+            children: /* @__PURE__ */ t(ct, { className: ve })
           }
         ),
         /* @__PURE__ */ t(
-          J,
+          ee,
           {
             "data-testid": `move-container-right_${e.title}`,
             isIconButton: !0,
@@ -2569,12 +2644,12 @@ function ke(e) {
               placement: "top",
               title: `${e.index >= e.maxIndex ? "Already at max position" : "Move Container to the right/down"}`
             },
-            onClick: () => D(1),
-            children: /* @__PURE__ */ t(st, { className: be })
+            onClick: () => T(1),
+            children: /* @__PURE__ */ t(dt, { className: ve })
           }
         ),
         /* @__PURE__ */ t(
-          J,
+          ee,
           {
             "data-testid": `remove-container_${e.title}`,
             isIconButton: !0,
@@ -2582,8 +2657,8 @@ function ke(e) {
               placement: "top",
               title: "Remove Container"
             },
-            onClick: () => m(),
-            children: /* @__PURE__ */ t(lt, { className: be })
+            onClick: () => p(),
+            children: /* @__PURE__ */ t(ut, { className: ve })
           }
         )
       ] }) }) })
@@ -2591,159 +2666,212 @@ function ke(e) {
     /* @__PURE__ */ t("div", { "data-testid": `childrenwrapper_${e.widgetKey}`, className: "widget-container-inner", children: e.children })
   ] });
 }
-function Ir(e) {
-  const { direction: s, ...r } = e;
-  return /* @__PURE__ */ t(ke, { direction: "column", ...r });
+function Wn(e) {
+  const { direction: s, ...n } = e;
+  return /* @__PURE__ */ t(je, { direction: "column", ...n });
 }
-function Rr(e) {
-  const { size: s, ...r } = e;
-  return /* @__PURE__ */ t(ke, { size: "large", ...r });
+function jn(e) {
+  const { size: s, ...n } = e;
+  return /* @__PURE__ */ t(je, { size: "large", ...n });
 }
-function $r(e) {
-  const { direction: s, ...r } = e;
-  return /* @__PURE__ */ t(ke, { direction: "row", ...r });
+function An(e) {
+  const { direction: s, ...n } = e;
+  return /* @__PURE__ */ t(je, { direction: "row", ...n });
 }
-function Ie({
+function $e({
   // widgetKey,
   metaData: e,
   alreadyAdded: s,
-  addWidget: r
+  addWidget: n
 }) {
-  const [n, d] = ae(!1), o = e.icon || Rt, f = e.name || "Unknown", g = e.description || "---", S = (e.noDuplicatedWidgets || !1) && s, b = G(`
+  const [r, d] = oe(!1), o = e.icon || kt, c = e.name || "Unknown", f = e.description || "---", b = (e.noDuplicatedWidgets || !1) && s, v = Z(`
     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: [
+    ${b ? "border-disabled fill-disabled text-disabled" : "cursor-pointer border-primary fill-danger hover:fill-primary content-primary hover:brightness-110"}
+  `), l = () => {
+    b || n();
+  }, y = (p) => {
+    p.stopPropagation(), p.preventDefault(), d(!r);
+  };
+  return /* @__PURE__ */ _("div", { className: v, style: { width: "calc(100% - 1rem)" }, onClick: l, children: [
     /* @__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 }),
-        /* @__PURE__ */ t("div", { className: "text-xs", children: S ? "(Added)" : "" })
+    /* @__PURE__ */ _("div", { className: "w-full", children: [
+      /* @__PURE__ */ _("div", { className: "flex flex-row items-center gap-2 justify-between", children: [
+        /* @__PURE__ */ t("span", { className: "font-bold", children: c }),
+        /* @__PURE__ */ t("div", { className: "text-xs", children: b ? "(Added)" : "" })
       ] }),
-      /* @__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(), d(!n);
-        }, children: "Externals:" }),
-        n && /* @__PURE__ */ t("dl", { className: "ml-2 flex flex-col text-xs", children: e.externalDependencies.map((m, D) => /* @__PURE__ */ I("dd", { children: [
-          "- ",
-          m
-        ] }, D)) })
+      /* @__PURE__ */ _("div", { className: "flex flex-col text-xs", children: [
+        /* @__PURE__ */ t("div", { children: f }),
+        r && e.externalDependencies.length > 0 && /* @__PURE__ */ _("div", { className: "mt-3 cursor-pointer", onClick: y, children: [
+          "Externals:",
+          /* @__PURE__ */ t("dl", { className: "ml-2 flex flex-col text-xs", children: e.externalDependencies.map((p, T) => /* @__PURE__ */ _("dd", { children: [
+            "- ",
+            p
+          ] }, T)) })
+        ] })
       ] })
     ] })
   ] });
 }
-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
-  `), o = (g) => {
-    const T = g.key;
-    if (["ArrowUp", "ArrowDown"].includes(T)) {
-      g.preventDefault();
-      const S = bt.incrementOrDecrementValue(
-        e,
-        T === "ArrowUp" ? 1 : -1
-      );
-      s(S);
-    }
-  }, f = (g) => {
+function ln({ item: e, onSettingItemChanged: s }) {
+  const n = e.name || "Unknown", r = e.description || "---", d = Z(`
+    flex flex-row gap-2 px-2 text-sm backdrop-opacity-100
+  `), o = (w) => {
+    const b = wt.incrementOrDecrementValue(e, w);
+    s(b);
+  }, c = (w) => {
+    const b = w.key;
+    ["ArrowUp", "ArrowDown"].includes(b) && (w.preventDefault(), o(b === "ArrowUp" ? 1 : -1));
+  }, f = (w) => {
     s({
       ...e,
-      value: g.target.value || ""
+      value: w.target.value || ""
     });
   };
-  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: n }) }),
-    /* @__PURE__ */ I("div", { children: [
-      "Value:",
+  return /* @__PURE__ */ t("div", { className: d, style: { width: "calc(100% - 1rem)" }, children: /* @__PURE__ */ _("div", { className: "w-full flex flex-col", children: [
+    /* @__PURE__ */ t("h6", { className: "font-bold", children: n }),
+    /* @__PURE__ */ t("p", { className: "flex flex-col text-xs", children: r }),
+    /* @__PURE__ */ _("div", { className: "mt-1 flex flex-row gap-2 items-center", children: [
       /* @__PURE__ */ t(
-        ct,
+        ht,
         {
-          label: "Filter...",
+          label: "",
           size: "small",
           className: "w-full",
           value: e.value,
           onChange: f,
-          onKeyDown: o
+          onKeyDown: c
+        }
+      ),
+      /* @__PURE__ */ t(
+        ee,
+        {
+          "data-testid": `setting-decrease_${e.key}`,
+          isIconButton: !0,
+          tooltip: {
+            placement: "bottom",
+            title: "Decrease Value"
+          },
+          onClick: () => o(-1),
+          children: /* @__PURE__ */ t(Et, {})
+        }
+      ),
+      /* @__PURE__ */ t(
+        ee,
+        {
+          "data-testid": `setting-increase_${e.key}`,
+          isIconButton: !0,
+          tooltip: {
+            placement: "bottom",
+            title: "Increase Value"
+          },
+          onClick: () => o(1),
+          children: /* @__PURE__ */ t(lt, {})
         }
       )
     ] })
   ] }) });
 }
 const Re = (e, s) => [
-  ...s.widgets.filter((n) => n.indexOf("Container") === -1),
-  ...s.childWidgetsConfig.map((n) => n.widgetKey)
+  ...s.widgets.filter((r) => r.indexOf("Container") === -1),
+  ...s.childWidgetsConfig.map((r) => r.widgetKey)
 ].includes(e);
-function Or(e) {
+function Ln(e) {
   const {
     currentDashboardConfig: s,
-    undoStatus: r,
-    addContainer: n,
+    undoStatus: n,
+    addContainer: r,
     onResetToDefaultDashboardClick: d,
     onUndoOrRedo: o,
-    onDoneClick: f
-  } = 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",
-    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, i] = ae(!1), u = (c) => {
-    i(c);
+    onDoneClick: c
+  } = e, [f, w] = oe("Editing"), [b, v] = oe(0), [l, y] = oe(""), [p, T] = oe(!1), g = Array.from(e.widgetsCatalog.keys()).map((m) => ({
+    widgetKey: m,
+    metaData: Ct(m, e.widgetsCatalog)
+  })), x = !!e.targetContainerKey, N = (m) => {
+    y(m.target.value);
+  }, S = (m) => {
+    const B = l.trim().toLowerCase();
+    return B.length < 1 ? !0 : m.name.trim().toLowerCase().includes(B) || m.description.toLowerCase().includes(B) || m.categories.some((te) => te.toLowerCase().includes(B));
+  }, D = (m) => {
+    const B = l.trim().toLowerCase();
+    return B.length < 1 ? !0 : m.name.trim().toLowerCase().includes(B) || m.description.toLowerCase().includes(B);
+  }, a = (m, B) => Z(
+    "px-4 py-2 font-medium cursor-pointer",
+    `${B ? "" : "border-b-2"} border-transparent hover:border-primary focus:outline-none`,
+    m === b ? "text-primary border-primary" : ""
+  ), P = (m) => Z(
+    "w-full flex items-center gap-2 px-2 py-1 text-left text-sm cursor-pointer border",
+    m !== b ? "border-transparent content-topbar hover:bg-primary hover:content-primary" : "border-primary text-primary"
+  ), i = (m) => {
+    x ? e.addWidget(m, e.targetContainerKey) : e.addWidget(m);
+  }, u = (m) => {
+    const B = (e.currentDashboardConfig.cssSettings || []).map((te) => te.key === m.key ? m : te);
+    e.onSettingItemsUpdated(B);
+  }, M = (m) => {
+    T(m);
+  }, $ = (m) => {
+    v(m), T(!1);
+  }, [R, V] = oe(!1), G = (m) => {
+    V(m);
   };
-  return Ct(() => {
+  Oe(() => {
     if (e.targetContainerKey) {
-      b(0);
-      const c = nt(e.targetContainerKey);
-      T(`Editing ${c}`);
+      $(0);
+      const m = it(e.targetContainerKey);
+      w(`Editing ${m}`);
     } else
-      T("Editing Dashboard");
-  }, [e.targetContainerKey]), /* @__PURE__ */ t(
-    Xt,
+      w("Widget Catalog");
+  }, [e.targetContainerKey]);
+  const X = fe(() => {
+    const m = [
+      {
+        id: 0,
+        label: "Widgets"
+      },
+      {
+        id: 1,
+        label: "Charts"
+      }
+    ];
+    return x || (m.push({
+      id: 2,
+      label: "Containers"
+    }), m.push({
+      id: 3,
+      label: "CSS Settings",
+      hideLabel: !0,
+      icon: /* @__PURE__ */ t(_t, {})
+    })), m;
+  }, [x]), Q = fe(() => X.find((m) => m.id === b)?.label || "Category...", [b]);
+  return /* @__PURE__ */ t(
+    Qt,
     {
       testId: "dashboard-catalog-flyout",
-      className: "bg-body content-body bg-opacity-70 border-2 border-primary",
+      className: "bg-body content-body bg-opacity-70 border-2 border-primary max-w-72 sm:max-w-90",
       zIndex: e.zIndex,
       style: {
-        width: "360px",
-        minWidth: "360px",
-        maxWidth: "360px",
-        minHeight: "360px",
+        // width: '360px',
+        // minWidth: '360px',
+        // maxWidth: '360px',
+        // minHeight: '360px',
         backdropFilter: "blur(8px)"
       },
-      onDraggingChange: u,
-      children: /* @__PURE__ */ I("div", { className: "flex flex-col gap-2 p-2", children: [
-        /* @__PURE__ */ I("div", { className: "flex flex-row gap-2 justify-between", children: [
-          /* @__PURE__ */ I("div", { className: "handle flex-1 flex gap-2 w-full hover:text-primary cursor-grab", children: [
-            M ? /* @__PURE__ */ t(Pt, { className: "size-5" }) : /* @__PURE__ */ t(Mt, { className: "size-5" }),
+      onDraggingChange: G,
+      children: /* @__PURE__ */ _("div", { className: "flex flex-col gap-2 p-2", children: [
+        /* @__PURE__ */ _("div", { className: "flex flex-row gap-2 justify-between", children: [
+          /* @__PURE__ */ _("div", { className: "handle flex-1 flex gap-2 w-full hover:text-primary cursor-grab", children: [
+            R ? /* @__PURE__ */ t(Rt, { className: "size-5" }) : /* @__PURE__ */ t($t, { className: "size-5" }),
             /* @__PURE__ */ t(
               "h2",
               {
                 className: "flex-1 text-base margin-0 capitalize",
-                title: h ? g : `Editing dashboard: ${s.dashboardName}`,
-                children: g
+                title: x ? f : `Editing dashboard: ${s.dashboardName}`,
+                children: f
               }
             )
           ] }),
-          /* @__PURE__ */ I("div", { className: "flex flex-row gap-2 items-center", children: [
+          /* @__PURE__ */ _("div", { className: "flex flex-row items-center gap-2", children: [
             /* @__PURE__ */ t(
-              J,
+              ee,
               {
                 "data-testid": "undo-dashboard-config-change",
                 isIconButton: !0,
@@ -2751,13 +2879,13 @@ function Or(e) {
                   placement: "bottom",
                   title: "Undo"
                 },
-                disabled: r.isUndoDisabled,
+                disabled: n.isUndoDisabled,
                 onClick: () => o("Undo"),
-                children: /* @__PURE__ */ t(Nt, { className: "size-5" })
+                children: /* @__PURE__ */ t(Pt, { className: "size-5" })
               }
             ),
             /* @__PURE__ */ t(
-              J,
+              ee,
               {
                 "data-testid": "redo-dashboard-config-change",
                 isIconButton: !0,
@@ -2765,13 +2893,13 @@ function Or(e) {
                   placement: "bottom",
                   title: "Redo"
                 },
-                disabled: r.isRedoDisabled,
+                disabled: n.isRedoDisabled,
                 onClick: () => o("Redo"),
-                children: /* @__PURE__ */ t(_t, { className: "size-5" })
+                children: /* @__PURE__ */ t(It, { className: "size-5" })
               }
             ),
             /* @__PURE__ */ t(
-              J,
+              ee,
               {
                 "data-testid": "reset-dashboard-to-default",
                 isIconButton: !0,
@@ -2780,28 +2908,63 @@ function Or(e) {
                   title: "Reset this dashboard to the default configuration"
                 },
                 onClick: d,
-                children: /* @__PURE__ */ t(Et, { className: "size-5" })
+                children: /* @__PURE__ */ t(Mt, { className: "size-5" })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ I("div", { className: "flex border-b border-gray-200", children: [
-          /* @__PURE__ */ t("button", { onClick: () => b(0), className: C(0), children: "Widgets" }),
-          /* @__PURE__ */ t("button", { onClick: () => b(1), className: C(1), children: "Charts" }),
-          !h && /* @__PURE__ */ t("button", { onClick: () => b(2), className: C(2), children: "Containers" }),
-          !h && /* @__PURE__ */ t("button", { onClick: () => b(3), className: C(3), children: /* @__PURE__ */ t(Tt, {}) })
-        ] }),
-        /* @__PURE__ */ t("div", { className: "flex items-center justify-between gap-1 w-full", children: /* @__PURE__ */ t(
-          ct,
+        /* @__PURE__ */ t("div", { className: "hidden sm:flex sm:flex-row sm:items-center sm:gap-1", children: X.map((m) => /* @__PURE__ */ _(
+          "button",
+          {
+            className: a(m.id, m.id === 3),
+            onClick: () => $(m.id),
+            children: [
+              /* @__PURE__ */ t("span", { className: m.hideLabel ? "sr-only" : "", children: m.label }),
+              m.icon
+            ]
+          },
+          m.id
+        )) }),
+        /* @__PURE__ */ t("div", { className: "flex flex-col gap-1 sm:hidden", children: /* @__PURE__ */ t(
+          Wt,
+          {
+            enabled: !0,
+            showChevron: !0,
+            isMenuOpen: p,
+            toggleOpen: M,
+            icon: /* @__PURE__ */ _("div", { className: "group flex items-center gap-2 text-primary group-hover:text-primary-inverse", children: [
+              /* @__PURE__ */ t("h5", { className: "py-2 font-bold", children: Q }),
+              /* @__PURE__ */ t(ft, { className: "shrink-0 ml-1 size-4" })
+            ] }),
+            children: /* @__PURE__ */ _("div", { className: "p-2 rounded-md border border-primary", children: [
+              /* @__PURE__ */ t("h6", { className: "font-semibold", children: "Category:" }),
+              X.map((m) => /* @__PURE__ */ t(
+                "button",
+                {
+                  type: "button",
+                  className: P(m.id),
+                  role: "menuitem",
+                  tabIndex: -1,
+                  onClick: () => $(m.id),
+                  children: /* @__PURE__ */ t("span", { children: m.label })
+                },
+                m.id
+              ))
+            ] })
+          }
+        ) }),
+        /* @__PURE__ */ t("div", { className: "sm:mt-2 flex flex-col gap-1 w-full", children: /* @__PURE__ */ t(
+          ht,
           {
-            label: "Filter...",
+            label: "",
+            placeholder: "Find...",
             size: "small",
             className: "w-full",
             value: l,
-            onChange: y
+            onChange: N
           }
         ) }),
-        /* @__PURE__ */ I(
+        /* @__PURE__ */ _(
           "div",
           {
             className: "flex flex-col gap-2 overflow-x-hidden overflow-y-auto",
@@ -2809,60 +2972,64 @@ function Or(e) {
               maxHeight: "360px"
             },
             children: [
-              S === 0 && D.filter(
-                (c) => c.metaData.categories.includes("Widget") && x(c.metaData)
-              ).map((c) => /* @__PURE__ */ t(
-                Ie,
+              b === 3 && /* @__PURE__ */ _("div", { className: "hidden px-2 w-full sm:flex", children: [
+                Q,
+                ":"
+              ] }),
+              b === 0 && g.filter(
+                (m) => m.metaData.categories.includes("Widget") && S(m.metaData)
+              ).map((m) => /* @__PURE__ */ t(
+                $e,
                 {
-                  widgetKey: c.widgetKey,
-                  metaData: c.metaData,
-                  alreadyAdded: Re(c.widgetKey, s),
-                  addWidget: () => w(c.widgetKey)
+                  widgetKey: m.widgetKey,
+                  metaData: m.metaData,
+                  alreadyAdded: Re(m.widgetKey, s),
+                  addWidget: () => i(m.widgetKey)
                 },
-                c.widgetKey
+                m.widgetKey
               )),
-              S === 1 && D.filter(
-                (c) => c.metaData.categories.includes("Chart") && x(c.metaData)
-              ).map((c) => /* @__PURE__ */ t(
-                Ie,
+              b === 1 && g.filter(
+                (m) => m.metaData.categories.includes("Chart") && S(m.metaData)
+              ).map((m) => /* @__PURE__ */ t(
+                $e,
                 {
-                  widgetKey: c.widgetKey,
-                  metaData: c.metaData,
-                  alreadyAdded: Re(c.widgetKey, s),
-                  addWidget: () => w(c.widgetKey)
+                  widgetKey: m.widgetKey,
+                  metaData: m.metaData,
+                  alreadyAdded: Re(m.widgetKey, s),
+                  addWidget: () => i(m.widgetKey)
                 },
-                c.widgetKey
+                m.widgetKey
               )),
-              !h && S === 2 && D.filter((c) => c.metaData.categories.includes("Container")).map((c) => /* @__PURE__ */ t(
-                Ie,
+              !x && b === 2 && g.filter((m) => m.metaData.categories.includes("Container")).map((m) => /* @__PURE__ */ t(
+                $e,
                 {
-                  widgetKey: c.widgetKey,
-                  metaData: c.metaData,
-                  alreadyAdded: Re(c.widgetKey, s),
-                  addWidget: () => n(c.widgetKey)
+                  widgetKey: m.widgetKey,
+                  metaData: m.metaData,
+                  alreadyAdded: Re(m.widgetKey, s),
+                  addWidget: () => r(m.widgetKey)
                 },
-                c.widgetKey
+                m.widgetKey
               )),
-              !h && S === 3 && (s.cssSettings || []).filter(E).map((c) => /* @__PURE__ */ t(
-                nr,
+              !x && b === 3 && (s.cssSettings || []).filter(D).map((m) => /* @__PURE__ */ t(
+                ln,
                 {
-                  item: c,
-                  onSettingItemChanged: a
+                  item: m,
+                  onSettingItemChanged: u
                 },
-                c.key
+                m.key
               ))
             ]
           }
         ),
         /* @__PURE__ */ t("div", { className: "mt-4 w-full flex flex-row justify-end pt-1", children: /* @__PURE__ */ t(
-          J,
+          ee,
           {
             className: "bg-opacity-100",
             tooltip: {
               placement: "bottom",
               title: "Click to exit edit mode"
             },
-            onClick: f,
+            onClick: c,
             children: "Done"
           }
         ) })
@@ -2871,48 +3038,52 @@ function Or(e) {
   );
 }
 export {
-  ur as AddIcon,
-  J as Button,
-  Rt as CircleQuestionMark,
-  It as CrosshairIcon,
-  Pr as DashboardGrid,
-  Qt as DashboardWidgetBase,
-  fr as DeleteIcon,
-  Xt as DraggablePanel,
-  rr as DynamicWidgetLoader,
-  hr as EditIcon,
-  mr as GridIcon,
-  Pt as HandGrabIcon,
-  Mt as HandIcon,
-  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,
-  gr as RenameIcon,
-  Tt as SettingsIcon,
-  Ot as Stack,
-  K as SvgBaseWrapper,
-  br as TabletSmartphoneIcon,
-  Cr as TargetIcon,
-  ct as TextField,
-  Et as TimerResetIcon,
-  Nt as UndoIcon,
-  Ir as WidgetContainerColumn,
-  Rr as WidgetContainerLarge,
-  $r as WidgetContainerRow,
-  Or as WidgetsCatalogFlyout,
-  Nr as WrapperColumnContent,
-  _r as WrapperColumnContentListItem,
-  lt as XCircleIcon,
-  vr as ZoomInIcon,
-  xr as ZoomOutIcon,
-  er as _isVersionCompatible,
-  Mr as showToast,
-  cr as useDashboardStore,
-  dr as useDashboardUndoService
+  pn as AddIcon,
+  ee as Button,
+  ft as ChevronDownIcon,
+  kt as CircleQuestionMark,
+  Ot as CrosshairIcon,
+  kn as DashboardGrid,
+  rn as DashboardWidgetBase,
+  yn as DeleteIcon,
+  Qt as DraggablePanel,
+  Wt as Dropdown,
+  sn as DynamicWidgetLoader,
+  bn as EditIcon,
+  xn as GridIcon,
+  Rt as HandGrabIcon,
+  $t as HandIcon,
+  En as ListItem,
+  _n as ListItemLeftChild,
+  Mn as ListItemMiddleChild,
+  Pn as ListItemRightChild,
+  Et as MinusCircleIcon,
+  Cn as MonitorIcon,
+  wn as MonitorSmartphoneIcon,
+  ct as MoveLeftIcon,
+  dt as MoveRightIcon,
+  lt as PlusCircleIcon,
+  It as RedoIcon,
+  vn as RenameIcon,
+  _t as SettingsIcon,
+  At as Stack,
+  z as SvgBaseWrapper,
+  Sn as TabletSmartphoneIcon,
+  Nn as TargetIcon,
+  ht as TextField,
+  Mt as TimerResetIcon,
+  Pt as UndoIcon,
+  Wn as WidgetContainerColumn,
+  jn as WidgetContainerLarge,
+  An as WidgetContainerRow,
+  Ln as WidgetsCatalogFlyout,
+  $n as WrapperColumnContent,
+  Rn as WrapperColumnContentListItem,
+  ut as XCircleIcon,
+  Dn as ZoomInIcon,
+  Tn as ZoomOutIcon,
+  on as _isVersionCompatible,
+  On as showToast,
+  gn as useDashboardStore,
+  mn as useDashboardUndoService
 };