@tenorlab/react-dashboard 1.5.26 → 1.5.41

package/dist/react-dashboard.es.js

@@ -1,311 +1,199 @@
-import { create as gt } from "zustand";
-import { blankDashboardConfig as xe, ensureContainersSequence as mt, getDistinctCssClasses as G, ensureZoomScaleIsWithinRange as pt, parseContainerTitle as nt, getWidgetMetaFromCatalog as yt, dashboardSettingsUtils as bt } from "./core.es.js";
-import be, { useState as ae, useCallback as ce, useMemo as rt, forwardRef as se, useRef as vt, Suspense as xt, useEffect as Ct } from "react";
-import { jsxs as $, jsx as n } from "react/jsx-runtime";
-import ot from "react-dom";
-const wt = (e) => (i, t, r) => {
-  const a = r.subscribe;
-  return r.subscribe = ((d, f, C) => {
-    let v = d;
-    if (f) {
-      const m = C?.equalityFn || Object.is;
-      let c = d(r.getState());
-      v = (y) => {
-        const p = d(y);
-        if (!m(c, p)) {
+import { create as mt } from "zustand";
+import { dashboardStoreUtils as he, blankDashboardConfig as Ce, getDistinctCssClasses as G, ensureZoomScaleIsWithinRange as pt, parseContainerTitle as nt, getWidgetMetaFromCatalog as yt, dashboardSettingsUtils as bt } from "./core.es.js";
+import ve, { useState as ie, useCallback as ce, useMemo as ot, forwardRef as se, useRef as vt, Suspense as xt, useEffect as Ct } from "react";
+import { jsxs as I, jsx as t } from "react/jsx-runtime";
+import at from "react-dom";
+const wt = (e) => (l, r, o) => {
+  const s = o.subscribe;
+  return o.subscribe = ((f, g, D) => {
+    let S = f;
+    if (g) {
+      const b = D?.equalityFn || Object.is;
+      let c = f(o.getState());
+      S = (p) => {
+        const m = f(p);
+        if (!b(c, m)) {
           const T = c;
-          f(c = p, T);
+          g(c = m, T);
         }
-      }, C?.fireImmediately && f(c, c);
-    }
-    return a(v);
-  }), e(i, t, r);
-}, St = wt, Dt = (e) => {
-  const i = e.widgets.filter((r) => r.includes("WidgetContainer")).map((r) => Number(r.split("_")[1].replace("container", "")));
-  return `container${i.length > 0 ? Math.max(...i) + 1 : 1}`;
-}, Tt = (e, i) => {
-  const t = Dt(e);
-  return `${i}_${t}`;
-}, Nt = (e) => {
-  const { dashboardConfig: i, widgetKey: t, parentWidgetKey: r, noDuplicatedWidgets: a } = e;
-  if (r) {
-    if (a && i.childWidgetsConfig.find(
-      (d) => d.parentWidgetKey === r && d.widgetKey === t
-    ))
-      return {
-        success: !1,
-        message: `DashboardStore: addWidget: Widget already added (${t})`,
-        updatedDashboardConfig: i
-      };
-    const o = [
-      ...i.childWidgetsConfig,
-      { parentWidgetKey: r, widgetKey: t }
-      // new entry
-    ];
-    return {
-      success: !0,
-      updatedDashboardConfig: {
-        ...i,
-        childWidgetsConfig: o
-      }
-    };
-  } else {
-    if (a && i.widgets.includes(t))
-      return {
-        success: !1,
-        message: `DashboardStore: addWidget: Widget already added (${t})`,
-        updatedDashboardConfig: i
-      };
-    const o = [...i.widgets, t];
-    return {
-      success: !0,
-      updatedDashboardConfig: {
-        ...i,
-        widgets: o
-      }
-    };
-  }
-}, Et = (e, i, t) => {
-  const r = `${i || ""}`.trim().toLowerCase(), a = `${t || ""}`.trim().toLowerCase();
-  if (a.length > 0) {
-    const o = e.childWidgetsConfig.filter(
-      (m) => `${m.parentWidgetKey}`.trim().toLowerCase() !== a
-    ), d = e.childWidgetsConfig.filter(
-      (m) => `${m.parentWidgetKey}`.trim().toLowerCase() === a && `${m.widgetKey}`.trim().toLowerCase() !== r
-    ), f = [...o, ...d];
-    let C = {
-      ...e,
-      childWidgetsConfig: f
-    };
-    return r.includes("container") && (C = mt(C)), {
-      success: !0,
-      updatedDashboardConfig: C
-    };
-  } else {
-    const d = (e.widgets || []).filter(
-      (C) => `${C}`.trim().toLowerCase() !== r
-    ), f = e.childWidgetsConfig.filter(
-      (C) => `${C.parentWidgetKey}`.trim().toLowerCase() !== r
-    );
-    return {
-      success: !0,
-      updatedDashboardConfig: {
-        ...e,
-        widgets: d,
-        childWidgetsConfig: f
-      }
-    };
-  }
-}, _t = (e, i, t, r) => {
-  const a = `${t || ""}`.trim().toLowerCase(), o = `${r || ""}`.trim().toLowerCase();
-  if (o.length > 0) {
-    const d = e.childWidgetsConfig.filter(
-      (p) => `${p.parentWidgetKey}`.trim().toLowerCase() !== o
-    );
-    let f = e.childWidgetsConfig.filter(
-      (p) => `${p.parentWidgetKey}`.trim().toLowerCase() === o
-    );
-    const C = f.find(
-      (p) => `${p.widgetKey}`.trim().toLowerCase() === a
-    ), v = f.indexOf(C);
-    let m = v + i;
-    if (m = Math.max(0, m), m = Math.min(f.length - 1, m), m === v)
-      return {
-        success: !1,
-        message: `DashboardStore: moveWidget: Widget already at min/max position (${t})`,
-        updatedDashboardConfig: e
-      };
-    const c = [...f], [y] = c.splice(v, 1);
-    return c.splice(m, 0, y), {
-      success: !0,
-      updatedDashboardConfig: {
-        ...e,
-        childWidgetsConfig: [...d, ...c]
-      }
-    };
-  } else {
-    const d = e.widgets || [], C = d.map((y) => `${y}`.trim().toLowerCase()).indexOf(a);
-    let v = C + i;
-    if (v = Math.max(0, v), v = Math.min(d.length - 1, v), v === C)
-      return {
-        success: !1,
-        message: `DashboardStore: moveWidget: Widget already at min/max position (${t})`,
-        updatedDashboardConfig: e
-      };
-    const m = [...d], [c] = m.splice(C, 1);
-    return m.splice(v, 0, c), {
-      success: !0,
-      updatedDashboardConfig: {
-        ...e,
-        widgets: m
-      }
-    };
-  }
-}, Mt = (e, i) => ({
+      }, D?.fireImmediately && g(c, c);
+    }
+    return s(S);
+  }), e(l, r, o);
+}, St = wt, Dt = (e, l) => ({
   isLoading: !1,
   isEditing: !1,
-  allDashboardConfigs: [xe],
-  currentDashboardConfig: xe,
+  allDashboardConfigs: [Ce],
+  currentDashboardConfig: Ce,
   targetContainerKey: void 0,
-  getNextContainerKey: (t) => Tt(i().currentDashboardConfig, t),
-  setIsLoading: (t) => (e(() => ({ isLoading: t })), t),
-  setIsEditing: (t) => {
-    let r = i().targetContainerKey;
-    return t || (r = void 0), e(() => ({ isEditing: t, targetContainerKey: r })), t;
+  getNextContainerKey: (r) => he.getNextContainerKey(l().currentDashboardConfig, r),
+  setIsLoading: (r) => (e(() => ({ isLoading: r })), r),
+  setIsEditing: (r) => {
+    let o = l().targetContainerKey;
+    return r || (o = void 0), e(() => ({ isEditing: r, targetContainerKey: o })), r;
   },
-  setTargetContainerKey: (t) => (e(() => ({ targetContainerKey: t })), t),
-  setAllDashboardConfigs: (t) => (e(() => ({ allDashboardConfigs: t })), i().allDashboardConfigs),
-  setCurrentDashboardConfig: (t) => {
-    const r = i(), a = [
-      ...r.allDashboardConfigs.filter((o) => o.dashboardId !== t.dashboardId),
-      t
+  setTargetContainerKey: (r) => (e(() => ({ targetContainerKey: r })), r),
+  setAllDashboardConfigs: (r) => (e(() => ({ allDashboardConfigs: r })), l().allDashboardConfigs),
+  setCurrentDashboardConfig: (r) => {
+    const o = l(), s = [
+      ...o.allDashboardConfigs.filter((n) => n.dashboardId !== r.dashboardId),
+      r
     ];
     return e(() => ({
-      ...r,
-      allDashboardConfigs: a,
-      currentDashboardConfig: t
-    })), a;
+      ...o,
+      allDashboardConfigs: s,
+      currentDashboardConfig: r
+    })), s;
   },
-  addDashboardConfig: (t) => {
-    const r = i(), a = [
-      ...r.allDashboardConfigs.filter((o) => o.dashboardId !== t.dashboardId),
-      t
+  addDashboardConfig: (r) => {
+    const o = l(), s = [
+      ...o.allDashboardConfigs.filter((n) => n.dashboardId !== r.dashboardId),
+      r
     ];
     return e(() => ({
-      ...r,
-      allDashboardConfigs: a,
-      currentDashboardConfig: t
-    })), a;
+      ...o,
+      allDashboardConfigs: s,
+      currentDashboardConfig: r
+    })), s;
   },
-  deleteDashboardConfigById: (t) => {
-    const r = i(), a = [...r.allDashboardConfigs.filter((o) => o.dashboardId !== t)];
+  deleteDashboardConfigById: (r) => {
+    const o = l(), s = [...o.allDashboardConfigs.filter((n) => n.dashboardId !== r)];
     return e(() => ({
-      ...r,
-      allDashboardConfigs: a,
-      currentDashboardConfig: a[0] || xe
-    })), a;
+      ...o,
+      allDashboardConfigs: s,
+      currentDashboardConfig: s[0] || Ce
+    })), s;
   },
-  selectDashboardById: (t) => (e(() => {
-    const r = i(), a = r.allDashboardConfigs.find((o) => o.dashboardId === t);
-    return a ? {
-      currentDashboardConfig: a
+  selectDashboardById: (r) => (e(() => {
+    const o = l(), s = o.allDashboardConfigs.find((n) => n.dashboardId === r);
+    return s ? {
+      currentDashboardConfig: s
     } : {
-      ...r
+      ...o
     };
-  }), i().currentDashboardConfig),
-  addWidget: (t) => {
-    const r = i(), a = Nt({
-      dashboardConfig: r.currentDashboardConfig,
-      ...t
-    }), o = [
-      ...r.allDashboardConfigs.filter(
-        (d) => d.dashboardId !== a.updatedDashboardConfig.dashboardId
+  }), l().currentDashboardConfig),
+  addWidget: (r) => {
+    const o = l(), s = he.addWidget({
+      dashboardConfig: o.currentDashboardConfig,
+      ...r
+    }), n = [
+      ...o.allDashboardConfigs.filter(
+        (f) => f.dashboardId !== s.updatedDashboardConfig.dashboardId
       ),
-      a.updatedDashboardConfig
+      s.updatedDashboardConfig
     ];
-    return a.success && e(() => ({
-      allDashboardConfigs: o,
-      currentDashboardConfig: a.updatedDashboardConfig
+    return s.success && e(() => ({
+      allDashboardConfigs: n,
+      currentDashboardConfig: s.updatedDashboardConfig
     })), {
-      ...a,
-      allUpdatedDashboardConfigs: o
+      ...s,
+      allUpdatedDashboardConfigs: n
     };
   },
-  removeWidget: (t, r) => {
-    const a = i(), o = Et(a.currentDashboardConfig, t, r), d = [
-      ...a.allDashboardConfigs.filter(
-        (f) => f.dashboardId !== o.updatedDashboardConfig.dashboardId
+  removeWidget: (r, o) => {
+    const s = l(), n = he.removeWidget(
+      s.currentDashboardConfig,
+      r,
+      o
+    ), f = [
+      ...s.allDashboardConfigs.filter(
+        (g) => g.dashboardId !== n.updatedDashboardConfig.dashboardId
       ),
-      o.updatedDashboardConfig
+      n.updatedDashboardConfig
     ];
-    return o.success && e(() => ({
-      allDashboardConfigs: d,
-      currentDashboardConfig: o.updatedDashboardConfig
+    return n.success && e(() => ({
+      allDashboardConfigs: f,
+      currentDashboardConfig: n.updatedDashboardConfig
     })), {
-      ...o,
-      allUpdatedDashboardConfigs: d
+      ...n,
+      allUpdatedDashboardConfigs: f
     };
   },
-  moveWidget: (t, r, a) => {
-    const o = i(), d = _t(o.currentDashboardConfig, t, r, a), f = [
-      ...o.allDashboardConfigs.filter(
-        (C) => C.dashboardId !== d.updatedDashboardConfig.dashboardId
+  moveWidget: (r, o, s) => {
+    const n = l(), f = he.moveWidget(
+      n.currentDashboardConfig,
+      r,
+      o,
+      s
+    ), g = [
+      ...n.allDashboardConfigs.filter(
+        (D) => D.dashboardId !== f.updatedDashboardConfig.dashboardId
       ),
-      d.updatedDashboardConfig
+      f.updatedDashboardConfig
     ];
-    return d.success && e(() => ({
-      allDashboardConfigs: f,
-      currentDashboardConfig: d.updatedDashboardConfig
+    return f.success && e(() => ({
+      allDashboardConfigs: g,
+      currentDashboardConfig: f.updatedDashboardConfig
     })), {
-      ...d,
-      allUpdatedDashboardConfigs: f
+      ...f,
+      allUpdatedDashboardConfigs: g
     };
   }
-}), hn = gt()(
+}), lr = mt()(
   St((...e) => ({
-    ...Mt(...e)
+    ...Dt(...e)
   }))
-), gn = () => {
-  const [e, i] = ae({}), [t, r] = ae({}), a = ce((m) => {
-    const c = m.dashboardId;
-    i((y) => {
-      const p = {
+), cr = () => {
+  const [e, l] = ie({}), [r, o] = ie({}), s = ce((b) => {
+    const c = b.dashboardId;
+    l((p) => {
+      const m = {
         undoIndex: 0,
-        config: m
+        config: b
       };
-      return r((T) => ({
+      return o((T) => ({
         ...T,
         [c]: 0
       })), {
-        ...y,
-        [c]: [p]
+        ...p,
+        [c]: [m]
         // Forces a reset to just this one entry
       };
     });
-  }, []), o = ce(
-    (m) => {
-      i((c) => {
-        const y = m.dashboardId, p = c[y] || [], T = t[y] ?? -1, g = p.slice(0, T + 1), b = {
-          undoIndex: g.length,
+  }, []), n = ce(
+    (b) => {
+      l((c) => {
+        const p = b.dashboardId, m = c[p] || [], T = r[p] ?? -1, h = m.slice(0, T + 1), y = {
+          undoIndex: h.length,
           // New index based on trimmed length
-          config: m
-        }, w = [...g, b];
-        return r((N) => ({
-          ...N,
-          [y]: w.length - 1
+          config: b
+        }, x = [...h, y];
+        return o((E) => ({
+          ...E,
+          [p]: x.length - 1
           // Index is now the last element's index
         })), {
           ...c,
-          [y]: w
+          [p]: x
         };
       });
     },
-    [t]
-  ), d = ce((m) => {
-    i((c) => {
-      if (!c[m])
+    [r]
+  ), f = ce((b) => {
+    l((c) => {
+      if (!c[b])
         return c;
-      const { [m]: y, ...p } = c;
-      return p;
-    }), r((c) => {
-      const { [m]: y, ...p } = c;
-      return p;
+      const { [b]: p, ...m } = c;
+      return m;
+    }), o((c) => {
+      const { [b]: p, ...m } = c;
+      return m;
     });
-  }, []), f = ce(
-    (m) => {
-      r((c) => {
-        const y = c[m] ?? -1, p = Math.max(0, y - 1);
-        return p !== y ? { ...c, [m]: p } : c;
+  }, []), g = ce(
+    (b) => {
+      o((c) => {
+        const p = c[b] ?? -1, m = Math.max(0, p - 1);
+        return m !== p ? { ...c, [b]: m } : c;
       });
     },
     [
       //loadConfigFromHistory
     ]
-  ), C = ce(
-    (m) => {
-      r((c) => {
-        const y = e[m]?.length || 0, p = c[m] ?? -1, T = Math.min(y - 1, p + 1);
-        return T !== p ? { ...c, [m]: T } : c;
+  ), D = ce(
+    (b) => {
+      o((c) => {
+        const p = e[b]?.length || 0, m = c[b] ?? -1, T = Math.min(p - 1, m + 1);
+        return T !== m ? { ...c, [b]: T } : c;
       });
     },
     [
@@ -314,26 +202,26 @@ const wt = (e) => (i, t, r) => {
     ]
   );
   return {
-    initializeHistoryForDashboard: a,
-    resetAllHistory: () => i({}),
-    addUndoEntry: o,
-    removeUndoHistoryForDashboard: d,
-    undo: f,
-    redo: C,
-    getUndoStatus: (m) => {
-      const c = t[m] ?? -1, y = e[m]?.length || 0, p = c <= 0, T = c >= y - 1;
-      return { isUndoDisabled: p, isRedoDisabled: T };
+    initializeHistoryForDashboard: s,
+    resetAllHistory: () => l({}),
+    addUndoEntry: n,
+    removeUndoHistoryForDashboard: f,
+    undo: g,
+    redo: D,
+    getUndoStatus: (b) => {
+      const c = r[b] ?? -1, p = e[b]?.length || 0, m = c <= 0, T = c >= p - 1;
+      return { isUndoDisabled: m, isRedoDisabled: T };
     },
     undoHistory: e,
-    historyIndex: t
+    historyIndex: r
     // (Optional: You might expose undoHistory and historyIndex if needed for debugging)
   };
 };
-function U({
+function K({
   children: e,
-  className: i
+  className: l
 }) {
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ t(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -345,243 +233,243 @@ function U({
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: i,
+      className: l,
       children: e
     }
   );
 }
-function mn({ className: e }) {
-  return /* @__PURE__ */ $(U, { className: `lucide lucide-circle-plus-icon lucide-circle-plus ${e}`, children: [
-    /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ n("path", { d: "M8 12h8" }),
-    /* @__PURE__ */ n("path", { d: "M12 8v8" })
+function dr({ className: e }) {
+  return /* @__PURE__ */ I(K, { className: `lucide lucide-circle-plus-icon lucide-circle-plus ${e}`, children: [
+    /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ t("path", { d: "M8 12h8" }),
+    /* @__PURE__ */ t("path", { d: "M12 8v8" })
   ] });
 }
-function pn({ className: e }) {
-  return /* @__PURE__ */ $(U, { className: `lucide lucide-trash2-icon lucide-trash-2 ${e}`, children: [
-    /* @__PURE__ */ n("path", { d: "M10 11v6" }),
-    /* @__PURE__ */ n("path", { d: "M14 11v6" }),
-    /* @__PURE__ */ n("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
-    /* @__PURE__ */ n("path", { d: "M3 6h18" }),
-    /* @__PURE__ */ n("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+function ur({ className: e }) {
+  return /* @__PURE__ */ I(K, { className: `lucide lucide-trash2-icon lucide-trash-2 ${e}`, children: [
+    /* @__PURE__ */ t("path", { d: "M10 11v6" }),
+    /* @__PURE__ */ t("path", { d: "M14 11v6" }),
+    /* @__PURE__ */ t("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
+    /* @__PURE__ */ t("path", { d: "M3 6h18" }),
+    /* @__PURE__ */ t("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
   ] });
 }
-function yn({ className: e }) {
-  return /* @__PURE__ */ $(U, { className: `lucide lucide-square-pen-icon lucide-square-pen ${e}`, children: [
-    /* @__PURE__ */ n("path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
-    /* @__PURE__ */ n("path", { d: "M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z" })
+function fr({ className: e }) {
+  return /* @__PURE__ */ I(K, { className: `lucide lucide-square-pen-icon lucide-square-pen ${e}`, children: [
+    /* @__PURE__ */ t("path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
+    /* @__PURE__ */ t("path", { d: "M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z" })
   ] });
 }
-function bn({ className: e }) {
-  return /* @__PURE__ */ $(
-    U,
+function hr({ className: e }) {
+  return /* @__PURE__ */ I(
+    K,
     {
       className: `lucide lucide-text-cursor-input-icon lucide-text-cursor-input ${e}`,
       children: [
-        /* @__PURE__ */ n("path", { d: "M12 20h-1a2 2 0 0 1-2-2 2 2 0 0 1-2 2H6" }),
-        /* @__PURE__ */ n("path", { d: "M13 8h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7" }),
-        /* @__PURE__ */ n("path", { d: "M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1" }),
-        /* @__PURE__ */ n("path", { d: "M6 4h1a2 2 0 0 1 2 2 2 2 0 0 1 2-2h1" }),
-        /* @__PURE__ */ n("path", { d: "M9 6v12" })
+        /* @__PURE__ */ t("path", { d: "M12 20h-1a2 2 0 0 1-2-2 2 2 0 0 1-2 2H6" }),
+        /* @__PURE__ */ t("path", { d: "M13 8h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7" }),
+        /* @__PURE__ */ t("path", { d: "M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1" }),
+        /* @__PURE__ */ t("path", { d: "M6 4h1a2 2 0 0 1 2 2 2 2 0 0 1 2-2h1" }),
+        /* @__PURE__ */ t("path", { d: "M9 6v12" })
       ]
     }
   );
 }
-function vn({ className: e }) {
-  return /* @__PURE__ */ $(U, { className: `lucide lucide-grid3x3-icon lucide-grid-3x3 ${e}`, children: [
-    /* @__PURE__ */ n("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-    /* @__PURE__ */ n("path", { d: "M3 9h18" }),
-    /* @__PURE__ */ n("path", { d: "M3 15h18" }),
-    /* @__PURE__ */ n("path", { d: "M9 3v18" }),
-    /* @__PURE__ */ n("path", { d: "M15 3v18" })
+function gr({ className: e }) {
+  return /* @__PURE__ */ I(K, { className: `lucide lucide-grid3x3-icon lucide-grid-3x3 ${e}`, children: [
+    /* @__PURE__ */ t("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+    /* @__PURE__ */ t("path", { d: "M3 9h18" }),
+    /* @__PURE__ */ t("path", { d: "M3 15h18" }),
+    /* @__PURE__ */ t("path", { d: "M9 3v18" }),
+    /* @__PURE__ */ t("path", { d: "M15 3v18" })
   ] });
 }
-function xn({ className: e }) {
-  return /* @__PURE__ */ $(U, { className: `lucide lucide-monitor-icon lucide-monitor ${e}`, children: [
-    /* @__PURE__ */ n("rect", { width: "20", height: "14", x: "2", y: "3", rx: "2" }),
-    /* @__PURE__ */ n("line", { x1: "8", x2: "16", y1: "21", y2: "21" }),
-    /* @__PURE__ */ n("line", { x1: "12", x2: "12", y1: "17", y2: "21" })
+function mr({ className: e }) {
+  return /* @__PURE__ */ I(K, { className: `lucide lucide-monitor-icon lucide-monitor ${e}`, children: [
+    /* @__PURE__ */ t("rect", { width: "20", height: "14", x: "2", y: "3", rx: "2" }),
+    /* @__PURE__ */ t("line", { x1: "8", x2: "16", y1: "21", y2: "21" }),
+    /* @__PURE__ */ t("line", { x1: "12", x2: "12", y1: "17", y2: "21" })
   ] });
 }
-function Cn({ className: e }) {
-  return /* @__PURE__ */ $(
-    U,
+function pr({ className: e }) {
+  return /* @__PURE__ */ I(
+    K,
     {
       className: `lucide lucide-monitor-smartphone-icon lucide-monitor-smartphone ${e}`,
       children: [
-        /* @__PURE__ */ n("path", { d: "M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8" }),
-        /* @__PURE__ */ n("path", { d: "M10 19v-3.96 3.15" }),
-        /* @__PURE__ */ n("path", { d: "M7 19h5" }),
-        /* @__PURE__ */ n("rect", { width: "6", height: "10", x: "16", y: "12", rx: "2" })
+        /* @__PURE__ */ t("path", { d: "M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8" }),
+        /* @__PURE__ */ t("path", { d: "M10 19v-3.96 3.15" }),
+        /* @__PURE__ */ t("path", { d: "M7 19h5" }),
+        /* @__PURE__ */ t("rect", { width: "6", height: "10", x: "16", y: "12", rx: "2" })
       ]
     }
   );
 }
 function it({ className: e }) {
-  return /* @__PURE__ */ $(
-    U,
+  return /* @__PURE__ */ I(
+    K,
     {
       className: `lucide lucide-circle-arrow-left-icon lucide-circle-arrow-left ${e}`,
       children: [
-        /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ n("path", { d: "m12 8-4 4 4 4" }),
-        /* @__PURE__ */ n("path", { d: "M16 12H8" })
+        /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ t("path", { d: "m12 8-4 4 4 4" }),
+        /* @__PURE__ */ t("path", { d: "M16 12H8" })
       ]
     }
   );
 }
-function at({ className: e }) {
-  return /* @__PURE__ */ $(
-    U,
+function st({ className: e }) {
+  return /* @__PURE__ */ I(
+    K,
     {
       className: `lucide lucide-circle-arrow-right-icon lucide-circle-arrow-right ${e}`,
       children: [
-        /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ n("path", { d: "m12 16 4-4-4-4" }),
-        /* @__PURE__ */ n("path", { d: "M8 12h8" })
+        /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ t("path", { d: "m12 16 4-4-4-4" }),
+        /* @__PURE__ */ t("path", { d: "M8 12h8" })
       ]
     }
   );
 }
-function Pt({ className: e }) {
-  return /* @__PURE__ */ $(U, { className: `lucide lucide-settings-icon lucide-settings ${e}`, children: [
-    /* @__PURE__ */ n("path", { d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915" }),
-    /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "3" })
+function Tt({ className: e }) {
+  return /* @__PURE__ */ I(K, { 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 wn({ className: e }) {
-  return /* @__PURE__ */ $(
-    U,
+function yr({ className: e }) {
+  return /* @__PURE__ */ I(
+    K,
     {
       className: `lucide lucide-tablet-smartphone-icon lucide-tablet-smartphone ${e}`,
       children: [
-        /* @__PURE__ */ n("rect", { width: "10", height: "14", x: "3", y: "8", rx: "2" }),
-        /* @__PURE__ */ n("path", { d: "M5 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2h-2.4" }),
-        /* @__PURE__ */ n("path", { d: "M8 18h.01" })
+        /* @__PURE__ */ t("rect", { width: "10", height: "14", x: "3", y: "8", rx: "2" }),
+        /* @__PURE__ */ t("path", { d: "M5 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2h-2.4" }),
+        /* @__PURE__ */ t("path", { d: "M8 18h.01" })
       ]
     }
   );
 }
-function st({ className: e }) {
-  return /* @__PURE__ */ $(U, { className: `lucide lucide-circle-x-icon lucide-circle-x ${e}`, children: [
-    /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ n("path", { d: "m15 9-6 6" }),
-    /* @__PURE__ */ n("path", { d: "m9 9 6 6" })
+function lt({ className: e }) {
+  return /* @__PURE__ */ I(K, { 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 Sn({ className: e }) {
-  return /* @__PURE__ */ $(U, { className: `lucide lucide-zoom-in-icon lucide-zoom-in ${e}`, children: [
-    /* @__PURE__ */ n("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ n("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
-    /* @__PURE__ */ n("line", { x1: "11", x2: "11", y1: "8", y2: "14" }),
-    /* @__PURE__ */ n("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
+function br({ className: e }) {
+  return /* @__PURE__ */ I(K, { className: `lucide lucide-zoom-in-icon lucide-zoom-in ${e}`, children: [
+    /* @__PURE__ */ t("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ t("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
+    /* @__PURE__ */ t("line", { x1: "11", x2: "11", y1: "8", y2: "14" }),
+    /* @__PURE__ */ t("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
   ] });
 }
-function Dn({ className: e }) {
-  return /* @__PURE__ */ $(U, { className: `lucide lucide-zoom-out-icon lucide-zoom-out ${e}`, children: [
-    /* @__PURE__ */ n("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ n("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
-    /* @__PURE__ */ n("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
+function vr({ className: e }) {
+  return /* @__PURE__ */ I(K, { className: `lucide lucide-zoom-out-icon lucide-zoom-out ${e}`, children: [
+    /* @__PURE__ */ t("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ t("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
+    /* @__PURE__ */ t("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
   ] });
 }
-function $t({ className: e }) {
-  return /* @__PURE__ */ $(U, { className: `lucide lucide-timer-reset-icon lucide-timer-reset ${e}`, children: [
-    /* @__PURE__ */ n("path", { d: "M10 2h4" }),
-    /* @__PURE__ */ n("path", { d: "M12 14v-4" }),
-    /* @__PURE__ */ n("path", { d: "M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6" }),
-    /* @__PURE__ */ n("path", { d: "M9 17H4v5" })
+function Et({ className: e }) {
+  return /* @__PURE__ */ I(K, { 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 It({ className: e }) {
-  return /* @__PURE__ */ $(U, { className: `lucide lucide-undo-icon lucide-undo ${e}`, children: [
-    /* @__PURE__ */ n("path", { d: "M3 7v6h6" }),
-    /* @__PURE__ */ n("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })
+function Nt({ className: e }) {
+  return /* @__PURE__ */ I(K, { 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 Rt({ className: e }) {
-  return /* @__PURE__ */ $(U, { className: `lucide lucide-redo-icon lucide-redo ${e}`, children: [
-    /* @__PURE__ */ n("path", { d: "M21 7v6h-6" }),
-    /* @__PURE__ */ n("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7" })
+function _t({ className: e }) {
+  return /* @__PURE__ */ I(K, { 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 Wt({ className: e }) {
-  return /* @__PURE__ */ $(U, { className: `lucide lucide-hand-icon lucide-hand ${e}`, children: [
-    /* @__PURE__ */ n("path", { d: "M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2" }),
-    /* @__PURE__ */ n("path", { d: "M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
-    /* @__PURE__ */ n("path", { d: "M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8" }),
-    /* @__PURE__ */ n("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 Mt({ className: e }) {
+  return /* @__PURE__ */ I(K, { 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 Ot({ className: e }) {
-  return /* @__PURE__ */ $(U, { className: `lucide lucide-hand-grab-icon lucide-hand-grab ${e}`, children: [
-    /* @__PURE__ */ n("path", { d: "M18 11.5V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v1.4" }),
-    /* @__PURE__ */ n("path", { d: "M14 10V8a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
-    /* @__PURE__ */ n("path", { d: "M10 9.9V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v5" }),
-    /* @__PURE__ */ n("path", { d: "M6 14a2 2 0 0 0-2-2a2 2 0 0 0-2 2" }),
-    /* @__PURE__ */ n("path", { d: "M18 11a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-4a8 8 0 0 1-8-8 2 2 0 1 1 4 0" })
+function Pt({ className: e }) {
+  return /* @__PURE__ */ I(K, { 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" }),
+    /* @__PURE__ */ t("path", { d: "M6 14a2 2 0 0 0-2-2a2 2 0 0 0-2 2" }),
+    /* @__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 kt({ className: e }) {
-  return /* @__PURE__ */ $(U, { className: `lucide lucide-crosshair-icon lucide-crosshair ${e}`, children: [
-    /* @__PURE__ */ n("line", { x1: "22", x2: "18", y1: "12", y2: "12" }),
-    /* @__PURE__ */ n("line", { x1: "6", x2: "2", y1: "12", y2: "12" }),
-    /* @__PURE__ */ n("line", { x1: "12", x2: "12", y1: "6", y2: "2" }),
-    /* @__PURE__ */ n("line", { x1: "12", x2: "12", y1: "22", y2: "18" })
+function It({ className: e }) {
+  return /* @__PURE__ */ I(K, { 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 Tn({ className: e }) {
-  return /* @__PURE__ */ $(U, { className: `lucide lucide-target-icon lucide-target ${e}`, children: [
-    /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "6" }),
-    /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "2" })
+function xr({ className: e }) {
+  return /* @__PURE__ */ I(K, { className: `lucide lucide-target-icon lucide-target ${e}`, children: [
+    /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "6" }),
+    /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "2" })
   ] });
 }
-function jt({ className: e }) {
-  return /* @__PURE__ */ $(
-    U,
+function Rt({ className: e }) {
+  return /* @__PURE__ */ I(
+    K,
     {
       className: `lucide lucide-file-question-mark-icon lucide-file-question-mark ${e}`,
       children: [
-        /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ n("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-        /* @__PURE__ */ n("path", { d: "M12 17h.01" })
+        /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ t("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+        /* @__PURE__ */ t("path", { d: "M12 17h.01" })
       ]
     }
   );
 }
-const lt = ({
+const ct = ({
   label: e,
-  className: i,
-  size: t = "medium",
-  value: r,
-  onChange: a,
-  onKeyDown: o,
-  placeholder: d = ""
+  className: l,
+  size: r = "medium",
+  value: o,
+  onChange: s,
+  onKeyDown: n,
+  placeholder: f = ""
 }) => {
-  const f = rt(() => t === "small" ? "py-1.5 px-3 text-sm" : "py-2.5 px-4 text-base", [t]), C = G("flex flex-col mb-4", i || ""), m = `${G(`
+  const g = ot(() => r === "small" ? "py-1.5 px-3 text-sm" : "py-2.5 px-4 text-base", [r]), D = G("flex flex-col mb-4", l || ""), b = `${G(`
     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
-  `)} ${f}`;
-  return /* @__PURE__ */ $("div", { className: C, children: [
-    /* @__PURE__ */ n("label", { htmlFor: e, className: "block text-sm/6 font-medium mb-1.5", children: e }),
-    /* @__PURE__ */ n(
+  `)} ${g}`;
+  return /* @__PURE__ */ I("div", { className: D, children: [
+    /* @__PURE__ */ t("label", { htmlFor: e, className: "block text-sm/6 font-medium mb-1.5", children: e }),
+    /* @__PURE__ */ t(
       "input",
       {
         id: e,
         type: "text",
-        value: r,
-        onChange: a,
-        onKeyDown: (c) => o && o(c),
-        placeholder: d,
-        className: m,
+        value: o,
+        onChange: s,
+        onKeyDown: (c) => n && n(c),
+        placeholder: f,
+        className: b,
         "aria-label": e
       }
     )
   ] });
-}, Ce = /* @__PURE__ */ new Map([
+}, we = /* @__PURE__ */ new Map([
   [
     "normal",
     "group bg-[category] content-[category] hover:bg-[category] group-hover:bg-[category] focus:outline-[category] focus:outline-offset-[category]"
@@ -593,67 +481,67 @@ const lt = ({
 ]);
 function J(e) {
   const {
-    tooltip: i,
-    disabled: t,
-    isIconButton: r,
-    className: a,
-    buttonType: o,
-    category: d,
-    px: f,
-    py: C,
-    children: v,
-    ...m
+    tooltip: l,
+    disabled: r,
+    isIconButton: o,
+    className: s,
+    buttonType: n,
+    category: f,
+    px: g,
+    py: D,
+    children: S,
+    ...b
   } = e, c = () => {
-    const p = e.isIconButton || !1, T = e.category || "primary", g = e.buttonType || "normal", b = e.disabled || !1, w = 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 l = Number((e.borderHover || 0) > 0 ? e.borderHover : 0), M = e.shadow || "sm", s = e.shadowHover || "md", h = (e.addCss || "").trim(), u = e.justifyCss || "justify-center";
-    if (p)
+    const m = e.isIconButton || !1, T = e.category || "primary", h = e.buttonType || "normal", y = e.disabled || !1, x = e.className || "", E = e.font || "semibold", C = Number((e.border || 0) > 0 ? e.border : 0);
+    let w = (e.borderColor || "").trim();
+    w = w.length > 0 ? w : "";
+    const i = Number((e.borderHover || 0) > 0 ? e.borderHover : 0), M = e.shadow || "sm", a = e.shadowHover || "md", u = (e.addCss || "").trim(), d = e.justifyCss || "justify-center";
+    if (m)
       return G(
         "flex flex-row items-center",
-        b ? "text-disabled" : `text-${T} hover:brightness-110 cursor-pointer`,
-        w || ""
+        y ? "text-disabled" : `text-${T} hover:brightness-110 cursor-pointer`,
+        x || ""
       );
     const _ = [
       "relative cursor-pointer",
       "rounded-sm focus:outline-none focus:ring focus:ring-offset",
       "transition-all duration-150",
       "text-sm",
-      `font-${N}`
+      `font-${E}`
     ];
-    if (b)
-      g === "ghost" ? _.push("text-disabled border-disabled cursor-not-allowed") : _.push("bg-disabled content-disabled border-disabled cursor-not-allowed");
+    if (y)
+      h === "ghost" ? _.push("text-disabled border-disabled cursor-not-allowed") : _.push("bg-disabled content-disabled border-disabled cursor-not-allowed");
     else {
       _.push("cursor-pointer");
-      let I = "";
-      Ce.has(g) ? I = `${Ce.get(g)}` : I = `${Ce.get("normal")}`, S < 1 && (I = I.replace("border-[category]", ""));
-      const H = I.replace(/\[category\]/g, T).trim();
+      let R = "";
+      we.has(h) ? R = `${we.get(h)}` : R = `${we.get("normal")}`, C < 1 && (R = R.replace("border-[category]", ""));
+      const H = R.replace(/\[category\]/g, T).trim();
       _.push(H);
     }
-    return S > 0 ? (_.push(`border-[${S}px]`), _.push(`border-${D}`)) : (_.push("border-[1px]"), _.push("border-transparent")), l > 0 ? (_.push(`hover:border-[${l}px] group-hover:border-[${l}px]`), _.push(`hover:border-${D} group-hover:border-${D}`)) : _.push("hover:border-[1px] group-hover:border-[1px]"), _.push(`shadow-${M}`), _.push(`hover:shadow-${s} group-hover:shadow-${s}`), h.length > 0 && _.push(h), h.indexOf("hidden") === -1 && _.push("inline-flex"), _.push(u), _.join(" ").trim();
-  }, y = () => {
-    const p = e.px || 0.7, T = e.py || 0.25;
+    return C > 0 ? (_.push(`border-[${C}px]`), _.push(`border-${w}`)) : (_.push("border-[1px]"), _.push("border-transparent")), i > 0 ? (_.push(`hover:border-[${i}px] group-hover:border-[${i}px]`), _.push(`hover:border-${w} group-hover:border-${w}`)) : _.push("hover:border-[1px] group-hover:border-[1px]"), _.push(`shadow-${M}`), _.push(`hover:shadow-${a} group-hover:shadow-${a}`), u.length > 0 && _.push(u), u.indexOf("hidden") === -1 && _.push("inline-flex"), _.push(d), _.join(" ").trim();
+  }, p = () => {
+    const m = e.px || 0.7, T = e.py || 0.25;
     return {
-      padding: r ? 0 : `${T}rem ${p}rem `
+      padding: o ? 0 : `${T}rem ${m}rem `
     };
   };
-  return /* @__PURE__ */ n("button", { type: "button", disabled: t, className: c(), style: y(), ...m, children: v });
+  return /* @__PURE__ */ t("button", { type: "button", disabled: r, className: c(), style: p(), ...b, children: S });
 }
-const At = (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 Lt(e) {
-  const { children: i, testId: t, classNames: r, direction: a, ...o } = e, d = At(e);
-  return /* @__PURE__ */ n("div", { "data-testid": t || "not-set", className: d, ...o, children: i });
+const $t = (e) => e.direction === "row" ? G("flex flex-row items-center gap-2", e.classNames || "") : G("flex flex-col gap-2 w-full", e.classNames || "");
+function Ot(e) {
+  const { children: l, testId: r, classNames: o, direction: s, ...n } = e, f = $t(e);
+  return /* @__PURE__ */ t("div", { "data-testid": r || "not-set", className: f, ...n, children: l });
 }
-const Nn = se(
-  (e, i) => {
-    const { classNames: t, innerClass: r, ...a } = e, o = G(t || "", "w-full"), d = G(
+const Cr = se(
+  (e, l) => {
+    const { classNames: r, innerClass: o, ...s } = e, n = G(r || "", "w-full"), f = G(
       `w-full flex overflow-hidden justify-between items-center gap-0 
       rounded-md border`,
-      r || ""
+      o || ""
     );
-    return /* @__PURE__ */ n(Lt, { direction: "row", classNames: o, ...a, children: /* @__PURE__ */ n("div", { className: d, children: e.children }) });
+    return /* @__PURE__ */ t(Ot, { direction: "row", classNames: n, ...s, children: /* @__PURE__ */ t("div", { className: f, children: e.children }) });
   }
-), En = se((e, i) => /* @__PURE__ */ n(
+), wr = se((e, l) => /* @__PURE__ */ t(
   "div",
   {
     "data-testid": e.testId || "not-set",
@@ -664,8 +552,8 @@ const Nn = se(
     },
     children: e.children
   }
-)), _n = se(
-  (e, i) => /* @__PURE__ */ n(
+)), Sr = se(
+  (e, l) => /* @__PURE__ */ t(
     "div",
     {
       "data-testid": e.testId || "not-set",
@@ -673,7 +561,7 @@ const Nn = se(
       children: e.children
     }
   )
-), Mn = se((e, i) => /* @__PURE__ */ n(
+), Dr = se((e, l) => /* @__PURE__ */ t(
   "div",
   {
     "data-testid": e.testId || "not-set",
@@ -685,543 +573,543 @@ const Nn = se(
     children: e.children
   }
 ));
-function qt(e) {
+function kt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var de = { exports: {} }, we = {}, he = { exports: {} }, ge = { exports: {} }, K = {};
-var ke;
-function Kt() {
-  if (ke) return K;
-  ke = 1;
-  var e = typeof Symbol == "function" && Symbol.for, i = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, d = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, f = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, C = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, v = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, c = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, T = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, g = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, b = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, w = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-  function S(l) {
-    if (typeof l == "object" && l !== null) {
-      var M = l.$$typeof;
+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, l = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, o = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, s = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, n = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, f = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, g = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, D = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, S = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, b = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, c = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, p = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, m = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, T = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, h = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, y = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, x = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, E = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  function C(i) {
+    if (typeof i == "object" && i !== null) {
+      var M = i.$$typeof;
       switch (M) {
-        case i:
-          switch (l = l.type, l) {
-            case C:
-            case v:
-            case r:
+        case l:
+          switch (i = i.type, i) {
+            case D:
+            case S:
             case o:
-            case a:
+            case n:
+            case s:
             case c:
-              return l;
+              return i;
             default:
-              switch (l = l && l.$$typeof, l) {
-                case f:
-                case m:
+              switch (i = i && i.$$typeof, i) {
+                case g:
+                case b:
                 case T:
-                case p:
-                case d:
-                  return l;
+                case m:
+                case f:
+                  return i;
                 default:
                   return M;
               }
           }
-        case t:
+        case r:
           return M;
       }
     }
   }
-  function D(l) {
-    return S(l) === v;
+  function w(i) {
+    return C(i) === S;
   }
-  return K.AsyncMode = C, K.ConcurrentMode = v, K.ContextConsumer = f, K.ContextProvider = d, K.Element = i, K.ForwardRef = m, K.Fragment = r, K.Lazy = T, K.Memo = p, K.Portal = t, K.Profiler = o, K.StrictMode = a, K.Suspense = c, K.isAsyncMode = function(l) {
-    return D(l) || S(l) === C;
-  }, K.isConcurrentMode = D, K.isContextConsumer = function(l) {
-    return S(l) === f;
-  }, K.isContextProvider = function(l) {
-    return S(l) === d;
-  }, K.isElement = function(l) {
-    return typeof l == "object" && l !== null && l.$$typeof === i;
-  }, K.isForwardRef = function(l) {
-    return S(l) === m;
-  }, K.isFragment = function(l) {
-    return S(l) === r;
-  }, K.isLazy = function(l) {
-    return S(l) === T;
-  }, K.isMemo = function(l) {
-    return S(l) === p;
-  }, K.isPortal = function(l) {
-    return S(l) === t;
-  }, K.isProfiler = function(l) {
-    return S(l) === o;
-  }, K.isStrictMode = function(l) {
-    return S(l) === a;
-  }, K.isSuspense = function(l) {
-    return S(l) === c;
-  }, K.isValidElementType = function(l) {
-    return typeof l == "string" || typeof l == "function" || l === r || l === v || l === o || l === a || l === c || l === y || typeof l == "object" && l !== null && (l.$$typeof === T || l.$$typeof === p || l.$$typeof === d || l.$$typeof === f || l.$$typeof === m || l.$$typeof === b || l.$$typeof === w || l.$$typeof === N || l.$$typeof === g);
-  }, K.typeOf = S, K;
+  return U.AsyncMode = D, U.ConcurrentMode = S, U.ContextConsumer = g, U.ContextProvider = f, U.Element = l, U.ForwardRef = b, U.Fragment = o, U.Lazy = T, U.Memo = m, U.Portal = r, U.Profiler = n, U.StrictMode = s, U.Suspense = c, U.isAsyncMode = function(i) {
+    return w(i) || C(i) === D;
+  }, U.isConcurrentMode = w, U.isContextConsumer = function(i) {
+    return C(i) === g;
+  }, U.isContextProvider = function(i) {
+    return C(i) === f;
+  }, U.isElement = function(i) {
+    return typeof i == "object" && i !== null && i.$$typeof === l;
+  }, U.isForwardRef = function(i) {
+    return C(i) === b;
+  }, U.isFragment = function(i) {
+    return C(i) === o;
+  }, U.isLazy = function(i) {
+    return C(i) === T;
+  }, U.isMemo = function(i) {
+    return C(i) === m;
+  }, U.isPortal = function(i) {
+    return C(i) === r;
+  }, U.isProfiler = function(i) {
+    return C(i) === n;
+  }, U.isStrictMode = function(i) {
+    return C(i) === s;
+  }, U.isSuspense = function(i) {
+    return C(i) === c;
+  }, U.isValidElementType = function(i) {
+    return typeof i == "string" || typeof i == "function" || i === o || i === S || i === n || i === s || i === c || i === p || typeof i == "object" && i !== null && (i.$$typeof === T || i.$$typeof === m || i.$$typeof === f || i.$$typeof === g || i.$$typeof === b || i.$$typeof === y || i.$$typeof === x || i.$$typeof === E || i.$$typeof === h);
+  }, U.typeOf = C, U;
 }
 var Y = {};
-var je;
-function Yt() {
-  return je || (je = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, i = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, d = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, f = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, C = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, v = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, c = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, T = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, g = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, b = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, w = 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 === v || E === o || E === a || E === c || E === y || typeof E == "object" && E !== null && (E.$$typeof === T || E.$$typeof === p || E.$$typeof === d || E.$$typeof === f || E.$$typeof === m || E.$$typeof === b || E.$$typeof === w || E.$$typeof === N || E.$$typeof === g);
-    }
-    function D(E) {
-      if (typeof E == "object" && E !== null) {
-        var te = E.$$typeof;
+var Ae;
+function jt() {
+  return Ae || (Ae = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = typeof Symbol == "function" && Symbol.for, l = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, o = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, s = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, n = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, f = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, g = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, D = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, S = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, b = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, c = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, p = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, m = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, T = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, h = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, y = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, x = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, E = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    function C(N) {
+      return typeof N == "string" || typeof N == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      N === o || N === S || N === n || N === s || N === c || N === p || typeof N == "object" && N !== null && (N.$$typeof === T || N.$$typeof === m || N.$$typeof === f || N.$$typeof === g || N.$$typeof === b || N.$$typeof === y || N.$$typeof === x || N.$$typeof === E || N.$$typeof === h);
+    }
+    function w(N) {
+      if (typeof N == "object" && N !== null) {
+        var te = N.$$typeof;
         switch (te) {
-          case i:
-            var fe = E.type;
+          case l:
+            var fe = N.type;
             switch (fe) {
-              case C:
-              case v:
-              case r:
+              case D:
+              case S:
               case o:
-              case a:
+              case n:
+              case s:
               case c:
                 return fe;
               default:
-                var Oe = fe && fe.$$typeof;
-                switch (Oe) {
-                  case f:
-                  case m:
+                var We = fe && fe.$$typeof;
+                switch (We) {
+                  case g:
+                  case b:
                   case T:
-                  case p:
-                  case d:
-                    return Oe;
+                  case m:
+                  case f:
+                    return We;
                   default:
                     return te;
                 }
             }
-          case t:
+          case r:
             return te;
         }
       }
     }
-    var l = C, M = v, s = f, h = d, u = i, _ = m, I = r, H = T, X = p, V = t, Q = o, B = a, ee = c, ie = !1;
-    function le(E) {
-      return ie || (ie = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), x(E) || D(E) === C;
+    var i = D, M = S, a = g, u = f, d = l, _ = b, R = o, H = T, V = m, X = r, Q = n, B = s, ee = c, ae = !1;
+    function le(N) {
+      return ae || (ae = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), v(N) || w(N) === D;
     }
-    function x(E) {
-      return D(E) === v;
+    function v(N) {
+      return w(N) === S;
     }
-    function P(E) {
-      return D(E) === f;
+    function P(N) {
+      return w(N) === g;
     }
-    function j(E) {
-      return D(E) === d;
+    function j(N) {
+      return w(N) === f;
     }
-    function O(E) {
-      return typeof E == "object" && E !== null && E.$$typeof === i;
+    function k(N) {
+      return typeof N == "object" && N !== null && N.$$typeof === l;
     }
-    function R(E) {
-      return D(E) === m;
+    function $(N) {
+      return w(N) === b;
     }
-    function A(E) {
-      return D(E) === r;
+    function A(N) {
+      return w(N) === o;
     }
-    function W(E) {
-      return D(E) === T;
+    function O(N) {
+      return w(N) === T;
     }
-    function k(E) {
-      return D(E) === p;
+    function W(N) {
+      return w(N) === m;
     }
-    function L(E) {
-      return D(E) === t;
+    function q(N) {
+      return w(N) === r;
     }
-    function F(E) {
-      return D(E) === o;
+    function F(N) {
+      return w(N) === n;
     }
-    function q(E) {
-      return D(E) === a;
+    function L(N) {
+      return w(N) === s;
     }
-    function Z(E) {
-      return D(E) === c;
+    function Z(N) {
+      return w(N) === c;
     }
-    Y.AsyncMode = l, Y.ConcurrentMode = M, Y.ContextConsumer = s, Y.ContextProvider = h, Y.Element = u, Y.ForwardRef = _, Y.Fragment = I, Y.Lazy = H, Y.Memo = X, Y.Portal = V, Y.Profiler = Q, Y.StrictMode = B, Y.Suspense = ee, Y.isAsyncMode = le, Y.isConcurrentMode = x, Y.isContextConsumer = P, Y.isContextProvider = j, Y.isElement = O, Y.isForwardRef = R, Y.isFragment = A, Y.isLazy = W, Y.isMemo = k, Y.isPortal = L, Y.isProfiler = F, Y.isStrictMode = q, Y.isSuspense = Z, Y.isValidElementType = S, Y.typeOf = D;
+    Y.AsyncMode = i, Y.ConcurrentMode = M, Y.ContextConsumer = a, Y.ContextProvider = u, Y.Element = d, Y.ForwardRef = _, Y.Fragment = R, Y.Lazy = H, Y.Memo = V, Y.Portal = X, Y.Profiler = Q, Y.StrictMode = B, Y.Suspense = ee, Y.isAsyncMode = le, Y.isConcurrentMode = v, Y.isContextConsumer = P, Y.isContextProvider = j, Y.isElement = k, Y.isForwardRef = $, Y.isFragment = A, Y.isLazy = O, Y.isMemo = W, Y.isPortal = q, Y.isProfiler = F, Y.isStrictMode = L, Y.isSuspense = Z, Y.isValidElementType = C, Y.typeOf = w;
   })()), Y;
 }
-var Ae;
-function ct() {
-  return Ae || (Ae = 1, process.env.NODE_ENV === "production" ? ge.exports = Kt() : ge.exports = Yt()), ge.exports;
+var qe;
+function dt() {
+  return qe || (qe = 1, process.env.NODE_ENV === "production" ? me.exports = Wt() : me.exports = jt()), me.exports;
 }
-var Se, Le;
-function Ft() {
-  if (Le) return Se;
+var De, Le;
+function At() {
+  if (Le) return De;
   Le = 1;
-  var e = Object.getOwnPropertySymbols, i = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
-  function r(o) {
-    if (o == null)
+  var e = Object.getOwnPropertySymbols, l = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
+  function o(n) {
+    if (n == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(o);
+    return Object(n);
   }
-  function a() {
+  function s() {
     try {
       if (!Object.assign)
         return !1;
-      var o = new String("abc");
-      if (o[5] = "de", Object.getOwnPropertyNames(o)[0] === "5")
+      var n = new String("abc");
+      if (n[5] = "de", Object.getOwnPropertyNames(n)[0] === "5")
         return !1;
-      for (var d = {}, f = 0; f < 10; f++)
-        d["_" + String.fromCharCode(f)] = f;
-      var C = Object.getOwnPropertyNames(d).map(function(m) {
-        return d[m];
+      for (var f = {}, g = 0; g < 10; g++)
+        f["_" + String.fromCharCode(g)] = g;
+      var D = Object.getOwnPropertyNames(f).map(function(b) {
+        return f[b];
       });
-      if (C.join("") !== "0123456789")
+      if (D.join("") !== "0123456789")
         return !1;
-      var v = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(m) {
-        v[m] = m;
-      }), Object.keys(Object.assign({}, v)).join("") === "abcdefghijklmnopqrst";
+      var S = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(b) {
+        S[b] = b;
+      }), Object.keys(Object.assign({}, S)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
-  return Se = a() ? Object.assign : function(o, d) {
-    for (var f, C = r(o), v, m = 1; m < arguments.length; m++) {
-      f = Object(arguments[m]);
-      for (var c in f)
-        i.call(f, c) && (C[c] = f[c]);
+  return De = s() ? Object.assign : function(n, f) {
+    for (var g, D = o(n), S, b = 1; b < arguments.length; b++) {
+      g = Object(arguments[b]);
+      for (var c in g)
+        l.call(g, c) && (D[c] = g[c]);
       if (e) {
-        v = e(f);
-        for (var y = 0; y < v.length; y++)
-          t.call(f, v[y]) && (C[v[y]] = f[v[y]]);
+        S = e(g);
+        for (var p = 0; p < S.length; p++)
+          r.call(g, S[p]) && (D[S[p]] = g[S[p]]);
       }
     }
-    return C;
-  }, Se;
+    return D;
+  }, De;
 }
-var De, qe;
-function Ie() {
-  if (qe) return De;
-  qe = 1;
+var Te, Ue;
+function $e() {
+  if (Ue) return Te;
+  Ue = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return De = e, De;
+  return Te = e, Te;
 }
-var Te, Ke;
-function dt() {
-  return Ke || (Ke = 1, Te = Function.call.bind(Object.prototype.hasOwnProperty)), Te;
+var Ee, Ye;
+function ut() {
+  return Ye || (Ye = 1, Ee = Function.call.bind(Object.prototype.hasOwnProperty)), Ee;
 }
-var Ne, Ye;
-function Ut() {
-  if (Ye) return Ne;
-  Ye = 1;
+var Ne, Fe;
+function qt() {
+  if (Fe) return Ne;
+  Fe = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var i = /* @__PURE__ */ Ie(), t = {}, r = /* @__PURE__ */ dt();
-    e = function(o) {
-      var d = "Warning: " + o;
-      typeof console < "u" && console.error(d);
+    var l = /* @__PURE__ */ $e(), r = {}, o = /* @__PURE__ */ ut();
+    e = function(n) {
+      var f = "Warning: " + n;
+      typeof console < "u" && console.error(f);
       try {
-        throw new Error(d);
+        throw new Error(f);
       } catch {
       }
     };
   }
-  function a(o, d, f, C, v) {
+  function s(n, f, g, D, S) {
     if (process.env.NODE_ENV !== "production") {
-      for (var m in o)
-        if (r(o, m)) {
+      for (var b in n)
+        if (o(n, b)) {
           var c;
           try {
-            if (typeof o[m] != "function") {
-              var y = Error(
-                (C || "React class") + ": " + f + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+            if (typeof n[b] != "function") {
+              var p = Error(
+                (D || "React class") + ": " + g + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw y.name = "Invariant Violation", y;
+              throw p.name = "Invariant Violation", p;
             }
-            c = o[m](d, m, C, f, null, i);
+            c = n[b](f, b, D, g, null, l);
           } catch (T) {
             c = T;
           }
           if (c && !(c instanceof Error) && e(
-            (C || "React class") + ": type specification of " + f + " `" + m + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof c + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), c instanceof Error && !(c.message in t)) {
-            t[c.message] = !0;
-            var p = v ? v() : "";
+            (D || "React class") + ": type specification of " + g + " `" + b + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof c + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), c instanceof Error && !(c.message in r)) {
+            r[c.message] = !0;
+            var m = S ? S() : "";
             e(
-              "Failed " + f + " type: " + c.message + (p ?? "")
+              "Failed " + g + " type: " + c.message + (m ?? "")
             );
           }
         }
     }
   }
-  return a.resetWarningCache = function() {
-    process.env.NODE_ENV !== "production" && (t = {});
-  }, Ne = a, Ne;
+  return s.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (r = {});
+  }, Ne = s, Ne;
 }
-var Ee, Fe;
-function zt() {
-  if (Fe) return Ee;
-  Fe = 1;
-  var e = ct(), i = Ft(), t = /* @__PURE__ */ Ie(), r = /* @__PURE__ */ dt(), a = /* @__PURE__ */ Ut(), o = function() {
+var _e, Ke;
+function Lt() {
+  if (Ke) return _e;
+  Ke = 1;
+  var e = dt(), l = At(), r = /* @__PURE__ */ $e(), o = /* @__PURE__ */ ut(), s = /* @__PURE__ */ qt(), n = function() {
   };
-  process.env.NODE_ENV !== "production" && (o = function(f) {
-    var C = "Warning: " + f;
-    typeof console < "u" && console.error(C);
+  process.env.NODE_ENV !== "production" && (n = function(g) {
+    var D = "Warning: " + g;
+    typeof console < "u" && console.error(D);
     try {
-      throw new Error(C);
+      throw new Error(D);
     } catch {
     }
   });
-  function d() {
+  function f() {
     return null;
   }
-  return Ee = function(f, C) {
-    var v = typeof Symbol == "function" && Symbol.iterator, m = "@@iterator";
-    function c(x) {
-      var P = x && (v && x[v] || x[m]);
+  return _e = function(g, D) {
+    var S = typeof Symbol == "function" && Symbol.iterator, b = "@@iterator";
+    function c(v) {
+      var P = v && (S && v[S] || v[b]);
       if (typeof P == "function")
         return P;
     }
-    var y = "<<anonymous>>", p = {
-      array: w("array"),
-      bigint: w("bigint"),
-      bool: w("boolean"),
-      func: w("function"),
-      number: w("number"),
-      object: w("object"),
-      string: w("string"),
-      symbol: w("symbol"),
-      any: N(),
-      arrayOf: S,
-      element: D(),
-      elementType: l(),
+    var p = "<<anonymous>>", m = {
+      array: x("array"),
+      bigint: x("bigint"),
+      bool: x("boolean"),
+      func: x("function"),
+      number: x("number"),
+      object: x("object"),
+      string: x("string"),
+      symbol: x("symbol"),
+      any: E(),
+      arrayOf: C,
+      element: w(),
+      elementType: i(),
       instanceOf: M,
       node: _(),
-      objectOf: h,
-      oneOf: s,
-      oneOfType: u,
+      objectOf: u,
+      oneOf: a,
+      oneOfType: d,
       shape: H,
-      exact: X
+      exact: V
     };
-    function T(x, P) {
-      return x === P ? x !== 0 || 1 / x === 1 / P : x !== x && P !== P;
+    function T(v, P) {
+      return v === P ? v !== 0 || 1 / v === 1 / P : v !== v && P !== P;
     }
-    function g(x, P) {
-      this.message = x, this.data = P && typeof P == "object" ? P : {}, this.stack = "";
+    function h(v, P) {
+      this.message = v, this.data = P && typeof P == "object" ? P : {}, this.stack = "";
     }
-    g.prototype = Error.prototype;
-    function b(x) {
+    h.prototype = Error.prototype;
+    function y(v) {
       if (process.env.NODE_ENV !== "production")
         var P = {}, j = 0;
-      function O(A, W, k, L, F, q, Z) {
-        if (L = L || y, q = q || k, Z !== t) {
-          if (C) {
-            var E = new Error(
+      function k(A, O, W, q, F, L, Z) {
+        if (q = q || p, L = L || W, Z !== r) {
+          if (D) {
+            var N = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
-            throw E.name = "Invariant Violation", E;
+            throw N.name = "Invariant Violation", N;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var te = L + ":" + k;
+            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 `" + q + "` prop on `" + L + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+            j < 3 && (n(
+              "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++);
           }
         }
-        return W[k] == null ? A ? W[k] === null ? new g("The " + F + " `" + q + "` is marked as required " + ("in `" + L + "`, but its value is `null`.")) : new g("The " + F + " `" + q + "` is marked as required in " + ("`" + L + "`, but its value is `undefined`.")) : null : x(W, k, L, F, q);
+        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);
       }
-      var R = O.bind(null, !1);
-      return R.isRequired = O.bind(null, !0), R;
-    }
-    function w(x) {
-      function P(j, O, R, A, W, k) {
-        var L = j[O], F = B(L);
-        if (F !== x) {
-          var q = ee(L);
-          return new g(
-            "Invalid " + A + " `" + W + "` of type " + ("`" + q + "` supplied to `" + R + "`, expected ") + ("`" + x + "`."),
-            { expectedType: x }
+      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);
+          return new h(
+            "Invalid " + A + " `" + O + "` of type " + ("`" + L + "` supplied to `" + $ + "`, expected ") + ("`" + v + "`."),
+            { expectedType: v }
           );
         }
         return null;
       }
-      return b(P);
-    }
-    function N() {
-      return b(d);
-    }
-    function S(x) {
-      function P(j, O, R, A, W) {
-        if (typeof x != "function")
-          return new g("Property `" + W + "` of component `" + R + "` has invalid PropType notation inside arrayOf.");
-        var k = j[O];
-        if (!Array.isArray(k)) {
-          var L = B(k);
-          return new g("Invalid " + A + " `" + W + "` of type " + ("`" + L + "` supplied to `" + R + "`, expected an array."));
+      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."));
         }
-        for (var F = 0; F < k.length; F++) {
-          var q = x(k, F, R, A, W + "[" + F + "]", t);
-          if (q instanceof Error)
-            return q;
+        for (var F = 0; F < W.length; F++) {
+          var L = v(W, F, $, A, O + "[" + F + "]", r);
+          if (L instanceof Error)
+            return L;
         }
         return null;
       }
-      return b(P);
-    }
-    function D() {
-      function x(P, j, O, R, A) {
-        var W = P[j];
-        if (!f(W)) {
-          var k = B(W);
-          return new g("Invalid " + R + " `" + A + "` of type " + ("`" + k + "` supplied to `" + O + "`, expected a single ReactElement."));
+      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 null;
       }
-      return b(x);
-    }
-    function l() {
-      function x(P, j, O, R, A) {
-        var W = P[j];
-        if (!e.isValidElementType(W)) {
-          var k = B(W);
-          return new g("Invalid " + R + " `" + A + "` of type " + ("`" + k + "` supplied to `" + O + "`, expected a single ReactElement type."));
+      return y(v);
+    }
+    function i() {
+      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."));
         }
         return null;
       }
-      return b(x);
+      return y(v);
     }
-    function M(x) {
-      function P(j, O, R, A, W) {
-        if (!(j[O] instanceof x)) {
-          var k = x.name || y, L = le(j[O]);
-          return new g("Invalid " + A + " `" + W + "` of type " + ("`" + L + "` supplied to `" + R + "`, expected ") + ("instance of `" + k + "`."));
+    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 + "`."));
         }
         return null;
       }
-      return b(P);
+      return y(P);
     }
-    function s(x) {
-      if (!Array.isArray(x))
-        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
+    function a(v) {
+      if (!Array.isArray(v))
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? n(
           "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.")), d;
-      function P(j, O, R, A, W) {
-        for (var k = j[O], L = 0; L < x.length; L++)
-          if (T(k, x[L]))
+        ) : n("Invalid argument supplied to oneOf, expected an array.")), f;
+      function P(j, k, $, A, O) {
+        for (var W = j[k], q = 0; q < v.length; q++)
+          if (T(W, v[q]))
             return null;
-        var F = JSON.stringify(x, function(Z, E) {
-          var te = ee(E);
-          return te === "symbol" ? String(E) : E;
+        var F = JSON.stringify(v, function(Z, N) {
+          var te = ee(N);
+          return te === "symbol" ? String(N) : N;
         });
-        return new g("Invalid " + A + " `" + W + "` of value `" + String(k) + "` " + ("supplied to `" + R + "`, expected one of " + F + "."));
+        return new h("Invalid " + A + " `" + O + "` of value `" + String(W) + "` " + ("supplied to `" + $ + "`, expected one of " + F + "."));
       }
-      return b(P);
-    }
-    function h(x) {
-      function P(j, O, R, A, W) {
-        if (typeof x != "function")
-          return new g("Property `" + W + "` of component `" + R + "` has invalid PropType notation inside objectOf.");
-        var k = j[O], L = B(k);
-        if (L !== "object")
-          return new g("Invalid " + A + " `" + W + "` of type " + ("`" + L + "` supplied to `" + R + "`, expected an object."));
-        for (var F in k)
-          if (r(k, F)) {
-            var q = x(k, F, R, A, W + "." + F, t);
-            if (q instanceof Error)
-              return q;
+      return y(P);
+    }
+    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);
+        if (q !== "object")
+          return new h("Invalid " + A + " `" + O + "` of type " + ("`" + q + "` supplied to `" + $ + "`, expected an object."));
+        for (var F in W)
+          if (o(W, F)) {
+            var L = v(W, F, $, A, O + "." + F, r);
+            if (L instanceof Error)
+              return L;
           }
         return null;
       }
-      return b(P);
+      return y(P);
     }
-    function u(x) {
-      if (!Array.isArray(x))
-        return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), d;
-      for (var P = 0; P < x.length; P++) {
-        var j = x[P];
+    function d(v) {
+      if (!Array.isArray(v))
+        return process.env.NODE_ENV !== "production" && n("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 o(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ie(j) + " at index " + P + "."
-          ), d;
+          return n(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ae(j) + " at index " + P + "."
+          ), f;
       }
-      function O(R, A, W, k, L) {
-        for (var F = [], q = 0; q < x.length; q++) {
-          var Z = x[q], E = Z(R, A, W, k, L, t);
-          if (E == null)
+      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)
             return null;
-          E.data && r(E.data, "expectedType") && F.push(E.data.expectedType);
+          N.data && o(N.data, "expectedType") && F.push(N.data.expectedType);
         }
         var te = F.length > 0 ? ", expected one of type [" + F.join(", ") + "]" : "";
-        return new g("Invalid " + k + " `" + L + "` supplied to " + ("`" + W + "`" + te + "."));
+        return new h("Invalid " + W + " `" + q + "` supplied to " + ("`" + O + "`" + te + "."));
       }
-      return b(O);
+      return y(k);
     }
     function _() {
-      function x(P, j, O, R, A) {
-        return V(P[j]) ? null : new g("Invalid " + R + " `" + A + "` supplied to " + ("`" + O + "`, expected a ReactNode."));
+      function v(P, j, k, $, A) {
+        return X(P[j]) ? null : new h("Invalid " + $ + " `" + A + "` supplied to " + ("`" + k + "`, expected a ReactNode."));
       }
-      return b(x);
+      return y(v);
     }
-    function I(x, P, j, O, R) {
-      return new g(
-        (x || "React class") + ": " + P + " type `" + j + "." + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + R + "`."
+    function R(v, P, j, k, $) {
+      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 `" + $ + "`."
       );
     }
-    function H(x) {
-      function P(j, O, R, A, W) {
-        var k = j[O], L = B(k);
-        if (L !== "object")
-          return new g("Invalid " + A + " `" + W + "` of type `" + L + "` " + ("supplied to `" + R + "`, expected `object`."));
-        for (var F in x) {
-          var q = x[F];
-          if (typeof q != "function")
-            return I(R, A, W, F, ee(q));
-          var Z = q(k, F, R, A, W + "." + F, t);
+    function H(v) {
+      function P(j, k, $, A, O) {
+        var W = j[k], q = B(W);
+        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 null;
       }
-      return b(P);
-    }
-    function X(x) {
-      function P(j, O, R, A, W) {
-        var k = j[O], L = B(k);
-        if (L !== "object")
-          return new g("Invalid " + A + " `" + W + "` of type `" + L + "` " + ("supplied to `" + R + "`, expected `object`."));
-        var F = i({}, j[O], x);
-        for (var q in F) {
-          var Z = x[q];
-          if (r(x, q) && typeof Z != "function")
-            return I(R, A, W, q, ee(Z));
+      return y(P);
+    }
+    function V(v) {
+      function P(j, k, $, A, O) {
+        var W = j[k], q = B(W);
+        if (q !== "object")
+          return new h("Invalid " + A + " `" + O + "` of type `" + q + "` " + ("supplied to `" + $ + "`, expected `object`."));
+        var F = l({}, j[k], v);
+        for (var L in F) {
+          var Z = v[L];
+          if (o(v, L) && typeof Z != "function")
+            return R($, A, O, L, ee(Z));
           if (!Z)
-            return new g(
-              "Invalid " + A + " `" + W + "` key `" + q + "` supplied to `" + R + "`.\nBad object: " + JSON.stringify(j[O], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
+            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, "  ")
             );
-          var E = Z(k, q, R, A, W + "." + q, t);
-          if (E)
-            return E;
+          var N = Z(W, L, $, A, O + "." + L, r);
+          if (N)
+            return N;
         }
         return null;
       }
-      return b(P);
+      return y(P);
     }
-    function V(x) {
-      switch (typeof x) {
+    function X(v) {
+      switch (typeof v) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !x;
+          return !v;
         case "object":
-          if (Array.isArray(x))
-            return x.every(V);
-          if (x === null || f(x))
+          if (Array.isArray(v))
+            return v.every(X);
+          if (v === null || g(v))
             return !0;
-          var P = c(x);
+          var P = c(v);
           if (P) {
-            var j = P.call(x), O;
-            if (P !== x.entries) {
-              for (; !(O = j.next()).done; )
-                if (!V(O.value))
+            var j = P.call(v), k;
+            if (P !== v.entries) {
+              for (; !(k = j.next()).done; )
+                if (!X(k.value))
                   return !1;
             } else
-              for (; !(O = j.next()).done; ) {
-                var R = O.value;
-                if (R && !V(R[1]))
+              for (; !(k = j.next()).done; ) {
+                var $ = k.value;
+                if ($ && !X($[1]))
                   return !1;
               }
           } else
@@ -1231,27 +1119,27 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
           return !1;
       }
     }
-    function Q(x, P) {
-      return x === "symbol" ? !0 : P ? P["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && P instanceof Symbol : !1;
+    function Q(v, P) {
+      return v === "symbol" ? !0 : P ? P["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && P instanceof Symbol : !1;
     }
-    function B(x) {
-      var P = typeof x;
-      return Array.isArray(x) ? "array" : x instanceof RegExp ? "object" : Q(P, x) ? "symbol" : P;
+    function B(v) {
+      var P = typeof v;
+      return Array.isArray(v) ? "array" : v instanceof RegExp ? "object" : Q(P, v) ? "symbol" : P;
     }
-    function ee(x) {
-      if (typeof x > "u" || x === null)
-        return "" + x;
-      var P = B(x);
+    function ee(v) {
+      if (typeof v > "u" || v === null)
+        return "" + v;
+      var P = B(v);
       if (P === "object") {
-        if (x instanceof Date)
+        if (v instanceof Date)
           return "date";
-        if (x instanceof RegExp)
+        if (v instanceof RegExp)
           return "regexp";
       }
       return P;
     }
-    function ie(x) {
-      var P = ee(x);
+    function ae(v) {
+      var P = ee(v);
       switch (P) {
         case "array":
         case "object":
@@ -1264,365 +1152,365 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
           return P;
       }
     }
-    function le(x) {
-      return !x.constructor || !x.constructor.name ? y : x.constructor.name;
+    function le(v) {
+      return !v.constructor || !v.constructor.name ? p : v.constructor.name;
     }
-    return p.checkPropTypes = a, p.resetWarningCache = a.resetWarningCache, p.PropTypes = p, p;
-  }, Ee;
+    return m.checkPropTypes = s, m.resetWarningCache = s.resetWarningCache, m.PropTypes = m, m;
+  }, _e;
 }
-var _e, Ue;
-function Bt() {
-  if (Ue) return _e;
-  Ue = 1;
-  var e = /* @__PURE__ */ Ie();
-  function i() {
+var Me, ze;
+function Ut() {
+  if (ze) return Me;
+  ze = 1;
+  var e = /* @__PURE__ */ $e();
+  function l() {
   }
-  function t() {
+  function r() {
   }
-  return t.resetWarningCache = i, _e = function() {
-    function r(d, f, C, v, m, c) {
+  return r.resetWarningCache = l, Me = function() {
+    function o(f, g, D, S, b, c) {
       if (c !== e) {
-        var y = new Error(
+        var p = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
-        throw y.name = "Invariant Violation", y;
+        throw p.name = "Invariant Violation", p;
       }
     }
-    r.isRequired = r;
-    function a() {
-      return r;
-    }
-    var o = {
-      array: r,
-      bigint: r,
-      bool: r,
-      func: r,
-      number: r,
-      object: r,
-      string: r,
-      symbol: r,
-      any: r,
-      arrayOf: a,
-      element: r,
-      elementType: r,
-      instanceOf: a,
-      node: r,
-      objectOf: a,
-      oneOf: a,
-      oneOfType: a,
-      shape: a,
-      exact: a,
-      checkPropTypes: t,
-      resetWarningCache: i
+    o.isRequired = o;
+    function s() {
+      return o;
+    }
+    var n = {
+      array: o,
+      bigint: o,
+      bool: o,
+      func: o,
+      number: o,
+      object: o,
+      string: o,
+      symbol: o,
+      any: o,
+      arrayOf: s,
+      element: o,
+      elementType: o,
+      instanceOf: s,
+      node: o,
+      objectOf: s,
+      oneOf: s,
+      oneOfType: s,
+      shape: s,
+      exact: s,
+      checkPropTypes: r,
+      resetWarningCache: l
     };
-    return o.PropTypes = o, o;
-  }, _e;
+    return n.PropTypes = n, n;
+  }, Me;
 }
-var ze;
-function ut() {
-  if (ze) return he.exports;
-  if (ze = 1, process.env.NODE_ENV !== "production") {
-    var e = ct(), i = !0;
-    he.exports = /* @__PURE__ */ zt()(e.isElement, i);
+var Be;
+function ft() {
+  if (Be) return ge.exports;
+  if (Be = 1, process.env.NODE_ENV !== "production") {
+    var e = dt(), l = !0;
+    ge.exports = /* @__PURE__ */ Lt()(e.isElement, l);
   } else
-    he.exports = /* @__PURE__ */ Bt()();
-  return he.exports;
+    ge.exports = /* @__PURE__ */ Ut()();
+  return ge.exports;
 }
-var me = { exports: {} }, Be;
-function Ht() {
-  if (Be) return me.exports;
-  Be = 1;
-  function e(t) {
-    var r, a, o = "";
-    if (typeof t == "string" || typeof t == "number") o += t;
-    else if (typeof t == "object") if (Array.isArray(t)) {
-      var d = t.length;
-      for (r = 0; r < d; r++) t[r] && (a = e(t[r])) && (o && (o += " "), o += a);
-    } else for (a in t) t[a] && (o && (o += " "), o += a);
-    return o;
+var pe = { exports: {} }, He;
+function Yt() {
+  if (He) return pe.exports;
+  He = 1;
+  function e(r) {
+    var o, s, n = "";
+    if (typeof r == "string" || typeof r == "number") n += r;
+    else if (typeof r == "object") if (Array.isArray(r)) {
+      var f = r.length;
+      for (o = 0; o < f; o++) r[o] && (s = e(r[o])) && (n && (n += " "), n += s);
+    } else for (s in r) r[s] && (n && (n += " "), n += s);
+    return n;
   }
-  function i() {
-    for (var t, r, a = 0, o = "", d = arguments.length; a < d; a++) (t = arguments[a]) && (r = e(t)) && (o && (o += " "), o += r);
-    return o;
+  function l() {
+    for (var r, o, s = 0, n = "", f = arguments.length; s < f; s++) (r = arguments[s]) && (o = e(r)) && (n && (n += " "), n += o);
+    return n;
   }
-  return me.exports = i, me.exports.clsx = i, me.exports;
+  return pe.exports = l, pe.exports.clsx = l, pe.exports;
 }
-var z = {}, re = {}, He;
-function ve() {
-  if (He) return re;
-  He = 1, Object.defineProperty(re, "__esModule", {
+var z = {}, ne = {}, Ve;
+function xe() {
+  if (Ve) return ne;
+  Ve = 1, Object.defineProperty(ne, "__esModule", {
     value: !0
-  }), re.dontSetMe = a, re.findInArray = e, re.int = r, re.isFunction = i, re.isNum = t;
-  function e(o, d) {
-    for (let f = 0, C = o.length; f < C; f++)
-      if (d.apply(d, [o[f], f, o])) return o[f];
+  }), ne.dontSetMe = s, ne.findInArray = e, ne.int = o, ne.isFunction = l, ne.isNum = r;
+  function e(n, f) {
+    for (let g = 0, D = n.length; g < D; g++)
+      if (f.apply(f, [n[g], g, n])) return n[g];
   }
-  function i(o) {
-    return typeof o == "function" || Object.prototype.toString.call(o) === "[object Function]";
+  function l(n) {
+    return typeof n == "function" || Object.prototype.toString.call(n) === "[object Function]";
   }
-  function t(o) {
-    return typeof o == "number" && !isNaN(o);
+  function r(n) {
+    return typeof n == "number" && !isNaN(n);
   }
-  function r(o) {
-    return parseInt(o, 10);
+  function o(n) {
+    return parseInt(n, 10);
   }
-  function a(o, d, f) {
-    if (o[d])
-      return new Error(`Invalid prop ${d} passed to ${f} - do not set this, set it on the child.`);
+  function s(n, f, g) {
+    if (n[f])
+      return new Error(`Invalid prop ${f} passed to ${g} - do not set this, set it on the child.`);
   }
-  return re;
+  return ne;
 }
 var oe = {}, Xe;
-function Xt() {
+function Ft() {
   if (Xe) return oe;
   Xe = 1, Object.defineProperty(oe, "__esModule", {
     value: !0
-  }), oe.browserPrefixToKey = t, oe.browserPrefixToStyle = r, oe.default = void 0, oe.getPrefix = i;
+  }), oe.browserPrefixToKey = r, oe.browserPrefixToStyle = o, oe.default = void 0, oe.getPrefix = l;
   const e = ["Moz", "Webkit", "O", "ms"];
-  function i() {
-    let o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
+  function l() {
+    let n = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
     if (typeof window > "u") return "";
-    const d = window.document?.documentElement?.style;
-    if (!d || o in d) return "";
-    for (let f = 0; f < e.length; f++)
-      if (t(o, e[f]) in d) return e[f];
+    const f = window.document?.documentElement?.style;
+    if (!f || n in f) return "";
+    for (let g = 0; g < e.length; g++)
+      if (r(n, e[g]) in f) return e[g];
     return "";
   }
-  function t(o, d) {
-    return d ? `${d}${a(o)}` : o;
+  function r(n, f) {
+    return f ? `${f}${s(n)}` : n;
   }
-  function r(o, d) {
-    return d ? `-${d.toLowerCase()}-${o}` : o;
+  function o(n, f) {
+    return f ? `-${f.toLowerCase()}-${n}` : n;
   }
-  function a(o) {
-    let d = "", f = !0;
-    for (let C = 0; C < o.length; C++)
-      f ? (d += o[C].toUpperCase(), f = !1) : o[C] === "-" ? f = !0 : d += o[C];
-    return d;
+  function s(n) {
+    let f = "", g = !0;
+    for (let D = 0; D < n.length; D++)
+      g ? (f += n[D].toUpperCase(), g = !1) : n[D] === "-" ? g = !0 : f += n[D];
+    return f;
   }
-  return oe.default = i(), oe;
+  return oe.default = l(), oe;
 }
-var Ve;
-function Re() {
-  if (Ve) return z;
-  Ve = 1, Object.defineProperty(z, "__esModule", {
+var Ge;
+function Oe() {
+  if (Ge) return z;
+  Ge = 1, Object.defineProperty(z, "__esModule", {
     value: !0
-  }), z.addClassName = l, z.addEvent = d, z.addUserSelectStyles = N, z.createCSSTransform = p, z.createSVGTransform = T, z.getTouch = b, z.getTouchIdentifier = w, z.getTranslation = g, z.innerHeight = m, z.innerWidth = c, z.matchesSelector = a, z.matchesSelectorAndParentsTo = o, z.offsetXYFromParent = y, z.outerHeight = C, z.outerWidth = v, z.removeClassName = M, z.removeEvent = f, z.scheduleRemoveUserSelectStyles = S;
-  var e = ve(), i = t(Xt());
-  function t(s, h) {
-    if (typeof WeakMap == "function") var u = /* @__PURE__ */ new WeakMap(), _ = /* @__PURE__ */ new WeakMap();
-    return (t = function(I, H) {
-      if (!H && I && I.__esModule) return I;
-      var X, V, Q = { __proto__: null, default: I };
-      if (I === null || typeof I != "object" && typeof I != "function") return Q;
-      if (X = H ? _ : u) {
-        if (X.has(I)) return X.get(I);
-        X.set(I, Q);
+  }), z.addClassName = i, z.addEvent = f, z.addUserSelectStyles = E, z.createCSSTransform = m, z.createSVGTransform = T, z.getTouch = y, z.getTouchIdentifier = x, z.getTranslation = h, z.innerHeight = b, z.innerWidth = c, z.matchesSelector = s, z.matchesSelectorAndParentsTo = n, z.offsetXYFromParent = p, z.outerHeight = D, z.outerWidth = S, z.removeClassName = M, z.removeEvent = g, z.scheduleRemoveUserSelectStyles = C;
+  var e = xe(), l = r(Ft());
+  function r(a, u) {
+    if (typeof WeakMap == "function") var d = /* @__PURE__ */ new WeakMap(), _ = /* @__PURE__ */ new WeakMap();
+    return (r = function(R, H) {
+      if (!H && R && R.__esModule) return R;
+      var V, X, Q = { __proto__: null, default: R };
+      if (R === null || typeof R != "object" && typeof R != "function") return Q;
+      if (V = H ? _ : d) {
+        if (V.has(R)) return V.get(R);
+        V.set(R, Q);
       }
-      for (const B in I) B !== "default" && {}.hasOwnProperty.call(I, B) && ((V = (X = Object.defineProperty) && Object.getOwnPropertyDescriptor(I, B)) && (V.get || V.set) ? X(Q, B, V) : Q[B] = I[B]);
+      for (const B in R) B !== "default" && {}.hasOwnProperty.call(R, B) && ((X = (V = Object.defineProperty) && Object.getOwnPropertyDescriptor(R, B)) && (X.get || X.set) ? V(Q, B, X) : Q[B] = R[B]);
       return Q;
-    })(s, h);
+    })(a, u);
   }
-  let r = "";
-  function a(s, h) {
-    return r || (r = (0, e.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(u) {
-      return (0, e.isFunction)(s[u]);
-    })), (0, e.isFunction)(s[r]) ? s[r](h) : !1;
+  let o = "";
+  function s(a, u) {
+    return o || (o = (0, e.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(d) {
+      return (0, e.isFunction)(a[d]);
+    })), (0, e.isFunction)(a[o]) ? a[o](u) : !1;
   }
-  function o(s, h, u) {
-    let _ = s;
+  function n(a, u, d) {
+    let _ = a;
     do {
-      if (a(_, h)) return !0;
-      if (_ === u) return !1;
+      if (s(_, u)) return !0;
+      if (_ === d) return !1;
       _ = _.parentNode;
     } while (_);
     return !1;
   }
-  function d(s, h, u, _) {
-    if (!s) return;
-    const I = {
+  function f(a, u, d, _) {
+    if (!a) return;
+    const R = {
       capture: !0,
       ..._
     };
-    s.addEventListener ? s.addEventListener(h, u, I) : s.attachEvent ? s.attachEvent("on" + h, u) : s["on" + h] = u;
+    a.addEventListener ? a.addEventListener(u, d, R) : a.attachEvent ? a.attachEvent("on" + u, d) : a["on" + u] = d;
   }
-  function f(s, h, u, _) {
-    if (!s) return;
-    const I = {
+  function g(a, u, d, _) {
+    if (!a) return;
+    const R = {
       capture: !0,
       ..._
     };
-    s.removeEventListener ? s.removeEventListener(h, u, I) : s.detachEvent ? s.detachEvent("on" + h, u) : s["on" + h] = null;
+    a.removeEventListener ? a.removeEventListener(u, d, R) : a.detachEvent ? a.detachEvent("on" + u, d) : a["on" + u] = null;
   }
-  function C(s) {
-    let h = s.clientHeight;
-    const u = s.ownerDocument.defaultView.getComputedStyle(s);
-    return h += (0, e.int)(u.borderTopWidth), h += (0, e.int)(u.borderBottomWidth), h;
+  function D(a) {
+    let u = a.clientHeight;
+    const d = a.ownerDocument.defaultView.getComputedStyle(a);
+    return u += (0, e.int)(d.borderTopWidth), u += (0, e.int)(d.borderBottomWidth), u;
   }
-  function v(s) {
-    let h = s.clientWidth;
-    const u = s.ownerDocument.defaultView.getComputedStyle(s);
-    return h += (0, e.int)(u.borderLeftWidth), h += (0, e.int)(u.borderRightWidth), h;
+  function S(a) {
+    let u = a.clientWidth;
+    const d = a.ownerDocument.defaultView.getComputedStyle(a);
+    return u += (0, e.int)(d.borderLeftWidth), u += (0, e.int)(d.borderRightWidth), u;
   }
-  function m(s) {
-    let h = s.clientHeight;
-    const u = s.ownerDocument.defaultView.getComputedStyle(s);
-    return h -= (0, e.int)(u.paddingTop), h -= (0, e.int)(u.paddingBottom), h;
+  function b(a) {
+    let u = a.clientHeight;
+    const d = a.ownerDocument.defaultView.getComputedStyle(a);
+    return u -= (0, e.int)(d.paddingTop), u -= (0, e.int)(d.paddingBottom), u;
   }
-  function c(s) {
-    let h = s.clientWidth;
-    const u = s.ownerDocument.defaultView.getComputedStyle(s);
-    return h -= (0, e.int)(u.paddingLeft), h -= (0, e.int)(u.paddingRight), h;
+  function c(a) {
+    let u = a.clientWidth;
+    const d = a.ownerDocument.defaultView.getComputedStyle(a);
+    return u -= (0, e.int)(d.paddingLeft), u -= (0, e.int)(d.paddingRight), u;
   }
-  function y(s, h, u) {
-    const I = h === h.ownerDocument.body ? {
+  function p(a, u, d) {
+    const R = u === u.ownerDocument.body ? {
       left: 0,
       top: 0
-    } : h.getBoundingClientRect(), H = (s.clientX + h.scrollLeft - I.left) / u, X = (s.clientY + h.scrollTop - I.top) / u;
+    } : u.getBoundingClientRect(), H = (a.clientX + u.scrollLeft - R.left) / d, V = (a.clientY + u.scrollTop - R.top) / d;
     return {
       x: H,
-      y: X
+      y: V
     };
   }
-  function p(s, h) {
-    const u = g(s, h, "px");
+  function m(a, u) {
+    const d = h(a, u, "px");
     return {
-      [(0, i.browserPrefixToKey)("transform", i.default)]: u
+      [(0, l.browserPrefixToKey)("transform", l.default)]: d
     };
   }
-  function T(s, h) {
-    return g(s, h, "");
+  function T(a, u) {
+    return h(a, u, "");
   }
-  function g(s, h, u) {
+  function h(a, u, d) {
     let {
       x: _,
-      y: I
-    } = s, H = `translate(${_}${u},${I}${u})`;
-    if (h) {
-      const X = `${typeof h.x == "string" ? h.x : h.x + u}`, V = `${typeof h.y == "string" ? h.y : h.y + u}`;
-      H = `translate(${X}, ${V})` + H;
+      y: R
+    } = a, H = `translate(${_}${d},${R}${d})`;
+    if (u) {
+      const V = `${typeof u.x == "string" ? u.x : u.x + d}`, X = `${typeof u.y == "string" ? u.y : u.y + d}`;
+      H = `translate(${V}, ${X})` + H;
     }
     return H;
   }
-  function b(s, h) {
-    return s.targetTouches && (0, e.findInArray)(s.targetTouches, (u) => h === u.identifier) || s.changedTouches && (0, e.findInArray)(s.changedTouches, (u) => h === u.identifier);
+  function y(a, u) {
+    return a.targetTouches && (0, e.findInArray)(a.targetTouches, (d) => u === d.identifier) || a.changedTouches && (0, e.findInArray)(a.changedTouches, (d) => u === d.identifier);
   }
-  function w(s) {
-    if (s.targetTouches && s.targetTouches[0]) return s.targetTouches[0].identifier;
-    if (s.changedTouches && s.changedTouches[0]) return s.changedTouches[0].identifier;
+  function x(a) {
+    if (a.targetTouches && a.targetTouches[0]) return a.targetTouches[0].identifier;
+    if (a.changedTouches && a.changedTouches[0]) return a.changedTouches[0].identifier;
   }
-  function N(s) {
-    if (!s) return;
-    let h = s.getElementById("react-draggable-style-el");
-    h || (h = s.createElement("style"), h.type = "text/css", h.id = "react-draggable-style-el", h.innerHTML = `.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
-`, h.innerHTML += `.react-draggable-transparent-selection *::selection {all: inherit;}
-`, s.getElementsByTagName("head")[0].appendChild(h)), s.body && l(s.body, "react-draggable-transparent-selection");
+  function E(a) {
+    if (!a) return;
+    let u = a.getElementById("react-draggable-style-el");
+    u || (u = a.createElement("style"), u.type = "text/css", u.id = "react-draggable-style-el", u.innerHTML = `.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
+`, u.innerHTML += `.react-draggable-transparent-selection *::selection {all: inherit;}
+`, a.getElementsByTagName("head")[0].appendChild(u)), a.body && i(a.body, "react-draggable-transparent-selection");
   }
-  function S(s) {
+  function C(a) {
     window.requestAnimationFrame ? window.requestAnimationFrame(() => {
-      D(s);
-    }) : D(s);
+      w(a);
+    }) : w(a);
   }
-  function D(s) {
-    if (s)
+  function w(a) {
+    if (a)
       try {
-        if (s.body && M(s.body, "react-draggable-transparent-selection"), s.selection)
-          s.selection.empty();
+        if (a.body && M(a.body, "react-draggable-transparent-selection"), a.selection)
+          a.selection.empty();
         else {
-          const h = (s.defaultView || window).getSelection();
-          h && h.type !== "Caret" && h.removeAllRanges();
+          const u = (a.defaultView || window).getSelection();
+          u && u.type !== "Caret" && u.removeAllRanges();
         }
       } catch {
       }
   }
-  function l(s, h) {
-    s.classList ? s.classList.add(h) : s.className.match(new RegExp(`(?:^|\\s)${h}(?!\\S)`)) || (s.className += ` ${h}`);
+  function i(a, u) {
+    a.classList ? a.classList.add(u) : a.className.match(new RegExp(`(?:^|\\s)${u}(?!\\S)`)) || (a.className += ` ${u}`);
   }
-  function M(s, h) {
-    s.classList ? s.classList.remove(h) : s.className = s.className.replace(new RegExp(`(?:^|\\s)${h}(?!\\S)`, "g"), "");
+  function M(a, u) {
+    a.classList ? a.classList.remove(u) : a.className = a.className.replace(new RegExp(`(?:^|\\s)${u}(?!\\S)`, "g"), "");
   }
   return z;
 }
-var ne = {}, Ge;
-function ft() {
-  if (Ge) return ne;
-  Ge = 1, Object.defineProperty(ne, "__esModule", {
+var re = {}, Ze;
+function ht() {
+  if (Ze) return re;
+  Ze = 1, Object.defineProperty(re, "__esModule", {
     value: !0
-  }), ne.canDragX = a, ne.canDragY = o, ne.createCoreData = f, ne.createDraggableData = C, ne.getBoundPosition = t, ne.getControlPosition = d, ne.snapToGrid = r;
-  var e = ve(), i = Re();
-  function t(c, y, p) {
-    if (!c.props.bounds) return [y, p];
+  }), re.canDragX = s, re.canDragY = n, re.createCoreData = g, re.createDraggableData = D, re.getBoundPosition = r, re.getControlPosition = f, re.snapToGrid = o;
+  var e = xe(), l = Oe();
+  function r(c, p, m) {
+    if (!c.props.bounds) return [p, m];
     let {
       bounds: T
     } = c.props;
-    T = typeof T == "string" ? T : v(T);
-    const g = m(c);
+    T = typeof T == "string" ? T : S(T);
+    const h = b(c);
     if (typeof T == "string") {
       const {
-        ownerDocument: b
-      } = g, w = b.defaultView;
-      let N;
-      if (T === "parent" ? N = g.parentNode : N = g.getRootNode().querySelector(T), !(N instanceof w.HTMLElement))
+        ownerDocument: y
+      } = h, x = y.defaultView;
+      let E;
+      if (T === "parent" ? E = h.parentNode : E = h.getRootNode().querySelector(T), !(E instanceof x.HTMLElement))
         throw new Error('Bounds selector "' + T + '" could not find an element.');
-      const S = N, D = w.getComputedStyle(g), l = w.getComputedStyle(S);
+      const C = E, w = x.getComputedStyle(h), i = x.getComputedStyle(C);
       T = {
-        left: -g.offsetLeft + (0, e.int)(l.paddingLeft) + (0, e.int)(D.marginLeft),
-        top: -g.offsetTop + (0, e.int)(l.paddingTop) + (0, e.int)(D.marginTop),
-        right: (0, i.innerWidth)(S) - (0, i.outerWidth)(g) - g.offsetLeft + (0, e.int)(l.paddingRight) - (0, e.int)(D.marginRight),
-        bottom: (0, i.innerHeight)(S) - (0, i.outerHeight)(g) - g.offsetTop + (0, e.int)(l.paddingBottom) - (0, e.int)(D.marginBottom)
+        left: -h.offsetLeft + (0, e.int)(i.paddingLeft) + (0, e.int)(w.marginLeft),
+        top: -h.offsetTop + (0, e.int)(i.paddingTop) + (0, e.int)(w.marginTop),
+        right: (0, l.innerWidth)(C) - (0, l.outerWidth)(h) - h.offsetLeft + (0, e.int)(i.paddingRight) - (0, e.int)(w.marginRight),
+        bottom: (0, l.innerHeight)(C) - (0, l.outerHeight)(h) - h.offsetTop + (0, e.int)(i.paddingBottom) - (0, e.int)(w.marginBottom)
       };
     }
-    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];
+    return (0, e.isNum)(T.right) && (p = Math.min(p, T.right)), (0, e.isNum)(T.bottom) && (m = Math.min(m, T.bottom)), (0, e.isNum)(T.left) && (p = Math.max(p, T.left)), (0, e.isNum)(T.top) && (m = Math.max(m, T.top)), [p, m];
   }
-  function r(c, y, p) {
-    const T = Math.round(y / c[0]) * c[0], g = Math.round(p / c[1]) * c[1];
-    return [T, g];
+  function o(c, p, m) {
+    const T = Math.round(p / c[0]) * c[0], h = Math.round(m / c[1]) * c[1];
+    return [T, h];
   }
-  function a(c) {
+  function s(c) {
     return c.props.axis === "both" || c.props.axis === "x";
   }
-  function o(c) {
+  function n(c) {
     return c.props.axis === "both" || c.props.axis === "y";
   }
-  function d(c, y, p) {
-    const T = typeof y == "number" ? (0, i.getTouch)(c, y) : null;
-    if (typeof y == "number" && !T) return null;
-    const g = m(p), b = p.props.offsetParent || g.offsetParent || g.ownerDocument.body;
-    return (0, i.offsetXYFromParent)(T || c, b, p.props.scale);
+  function f(c, p, m) {
+    const T = typeof p == "number" ? (0, l.getTouch)(c, p) : null;
+    if (typeof p == "number" && !T) return null;
+    const h = b(m), y = m.props.offsetParent || h.offsetParent || h.ownerDocument.body;
+    return (0, l.offsetXYFromParent)(T || c, y, m.props.scale);
   }
-  function f(c, y, p) {
-    const T = !(0, e.isNum)(c.lastX), g = m(c);
+  function g(c, p, m) {
+    const T = !(0, e.isNum)(c.lastX), h = b(c);
     return T ? {
-      node: g,
+      node: h,
       deltaX: 0,
       deltaY: 0,
-      lastX: y,
-      lastY: p,
-      x: y,
-      y: p
+      lastX: p,
+      lastY: m,
+      x: p,
+      y: m
     } : {
-      node: g,
-      deltaX: y - c.lastX,
-      deltaY: p - c.lastY,
+      node: h,
+      deltaX: p - c.lastX,
+      deltaY: m - c.lastY,
       lastX: c.lastX,
       lastY: c.lastY,
-      x: y,
-      y: p
+      x: p,
+      y: m
     };
   }
-  function C(c, y) {
-    const p = c.props.scale;
+  function D(c, p) {
+    const m = c.props.scale;
     return {
-      node: y.node,
-      x: c.state.x + y.deltaX / p,
-      y: c.state.y + y.deltaY / p,
-      deltaX: y.deltaX / p,
-      deltaY: y.deltaY / p,
+      node: p.node,
+      x: c.state.x + p.deltaX / m,
+      y: c.state.y + p.deltaY / m,
+      deltaX: p.deltaX / m,
+      deltaY: p.deltaY / m,
       lastX: c.state.x,
       lastY: c.state.y
     };
   }
-  function v(c) {
+  function S(c) {
     return {
       left: c.left,
       top: c.top,
@@ -1630,66 +1518,66 @@ function ft() {
       bottom: c.bottom
     };
   }
-  function m(c) {
-    const y = c.findDOMNode();
-    if (!y)
+  function b(c) {
+    const p = c.findDOMNode();
+    if (!p)
       throw new Error("<DraggableCore>: Unmounted during event!");
-    return y;
+    return p;
   }
-  return ne;
+  return re;
 }
-var ue = {}, pe = {}, Ze;
-function ht() {
-  if (Ze) return pe;
-  Ze = 1, Object.defineProperty(pe, "__esModule", {
+var ue = {}, ye = {}, Je;
+function gt() {
+  if (Je) return ye;
+  Je = 1, Object.defineProperty(ye, "__esModule", {
     value: !0
-  }), pe.default = e;
+  }), ye.default = e;
   function e() {
   }
-  return pe;
+  return ye;
 }
-var Je;
-function Vt() {
-  if (Je) return ue;
-  Je = 1, Object.defineProperty(ue, "__esModule", {
+var Qe;
+function Kt() {
+  if (Qe) return ue;
+  Qe = 1, Object.defineProperty(ue, "__esModule", {
     value: !0
   }), ue.default = void 0;
-  var e = C(be), i = f(/* @__PURE__ */ ut()), t = f(ot), r = Re(), a = ft(), o = ve(), d = f(ht());
-  function f(g) {
-    return g && g.__esModule ? g : { default: g };
+  var e = D(ve), l = g(/* @__PURE__ */ ft()), r = g(at), o = Oe(), s = ht(), n = xe(), f = g(gt());
+  function g(h) {
+    return h && h.__esModule ? h : { default: h };
   }
-  function C(g, b) {
-    if (typeof WeakMap == "function") var w = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap();
-    return (C = function(S, D) {
-      if (!D && S && S.__esModule) return S;
-      var l, M, s = { __proto__: null, default: S };
-      if (S === null || typeof S != "object" && typeof S != "function") return s;
-      if (l = D ? N : w) {
-        if (l.has(S)) return l.get(S);
-        l.set(S, s);
+  function D(h, y) {
+    if (typeof WeakMap == "function") var x = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new WeakMap();
+    return (D = function(C, w) {
+      if (!w && C && C.__esModule) return C;
+      var i, M, a = { __proto__: null, default: C };
+      if (C === null || typeof C != "object" && typeof C != "function") return a;
+      if (i = w ? E : x) {
+        if (i.has(C)) return i.get(C);
+        i.set(C, a);
       }
-      for (const h in S) h !== "default" && {}.hasOwnProperty.call(S, h) && ((M = (l = Object.defineProperty) && Object.getOwnPropertyDescriptor(S, h)) && (M.get || M.set) ? l(s, h, M) : s[h] = S[h]);
-      return s;
-    })(g, b);
+      for (const u in C) u !== "default" && {}.hasOwnProperty.call(C, u) && ((M = (i = Object.defineProperty) && Object.getOwnPropertyDescriptor(C, u)) && (M.get || M.set) ? i(a, u, M) : a[u] = C[u]);
+      return a;
+    })(h, y);
   }
-  function v(g, b, w) {
-    return (b = m(b)) in g ? Object.defineProperty(g, b, { value: w, enumerable: !0, configurable: !0, writable: !0 }) : g[b] = w, 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 m(g) {
-    var b = c(g, "string");
-    return typeof b == "symbol" ? b : b + "";
+  function b(h) {
+    var y = c(h, "string");
+    return typeof y == "symbol" ? y : y + "";
   }
-  function c(g, b) {
-    if (typeof g != "object" || !g) return g;
-    var w = g[Symbol.toPrimitive];
-    if (w !== void 0) {
-      var N = w.call(g, b);
-      if (typeof N != "object") return N;
+  function c(h, y) {
+    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;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return (b === "string" ? String : Number)(g);
+    return (y === "string" ? String : Number)(h);
   }
-  const y = {
+  const p = {
     touch: {
       start: "touchstart",
       move: "touchmove",
@@ -1701,92 +1589,92 @@ function Vt() {
       stop: "mouseup"
     }
   };
-  let p = y.mouse, T = class extends e.Component {
+  let m = p.mouse, T = class extends e.Component {
     constructor() {
-      super(...arguments), v(this, "dragging", !1), v(this, "lastX", NaN), v(this, "lastY", NaN), v(this, "touchIdentifier", null), v(this, "mounted", !1), v(this, "handleDragStart", (b) => {
-        if (this.props.onMouseDown(b), !this.props.allowAnyClick && typeof b.button == "number" && b.button !== 0) return !1;
-        const w = this.findDOMNode();
-        if (!w || !w.ownerDocument || !w.ownerDocument.body)
+      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;
+        const x = this.findDOMNode();
+        if (!x || !x.ownerDocument || !x.ownerDocument.body)
           throw new Error("<DraggableCore> not mounted on DragStart!");
         const {
-          ownerDocument: N
-        } = w;
-        if (this.props.disabled || !(b.target instanceof N.defaultView.Node) || this.props.handle && !(0, r.matchesSelectorAndParentsTo)(b.target, this.props.handle, w) || this.props.cancel && (0, r.matchesSelectorAndParentsTo)(b.target, this.props.cancel, w))
+          ownerDocument: E
+        } = x;
+        if (this.props.disabled || !(y.target instanceof E.defaultView.Node) || this.props.handle && !(0, o.matchesSelectorAndParentsTo)(y.target, this.props.handle, x) || this.props.cancel && (0, o.matchesSelectorAndParentsTo)(y.target, this.props.cancel, x))
           return;
-        b.type === "touchstart" && !this.props.allowMobileScroll && b.preventDefault();
-        const S = (0, r.getTouchIdentifier)(b);
-        this.touchIdentifier = S;
-        const D = (0, a.getControlPosition)(b, S, this);
-        if (D == null) return;
+        y.type === "touchstart" && !this.props.allowMobileScroll && y.preventDefault();
+        const C = (0, o.getTouchIdentifier)(y);
+        this.touchIdentifier = C;
+        const w = (0, s.getControlPosition)(y, C, this);
+        if (w == null) return;
         const {
-          x: l,
+          x: i,
           y: M
-        } = D, s = (0, a.createCoreData)(this, l, M);
-        (0, d.default)("DraggableCore: handleDragStart: %j", s), (0, d.default)("calling", this.props.onStart), !(this.props.onStart(b, s) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, r.addUserSelectStyles)(N), this.dragging = !0, this.lastX = l, this.lastY = M, (0, r.addEvent)(N, p.move, this.handleDrag), (0, r.addEvent)(N, p.stop, this.handleDragStop));
-      }), v(this, "handleDrag", (b) => {
-        const w = (0, a.getControlPosition)(b, this.touchIdentifier, this);
-        if (w == null) return;
+        } = w, a = (0, s.createCoreData)(this, i, M);
+        (0, f.default)("DraggableCore: handleDragStart: %j", a), (0, f.default)("calling", this.props.onStart), !(this.props.onStart(y, a) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, o.addUserSelectStyles)(E), this.dragging = !0, this.lastX = i, this.lastY = M, (0, o.addEvent)(E, m.move, this.handleDrag), (0, o.addEvent)(E, m.stop, this.handleDragStop));
+      }), S(this, "handleDrag", (y) => {
+        const x = (0, s.getControlPosition)(y, this.touchIdentifier, this);
+        if (x == null) return;
         let {
-          x: N,
-          y: S
-        } = w;
+          x: E,
+          y: C
+        } = x;
         if (Array.isArray(this.props.grid)) {
-          let M = N - this.lastX, s = S - this.lastY;
-          if ([M, s] = (0, a.snapToGrid)(this.props.grid, M, s), !M && !s) return;
-          N = this.lastX + M, S = this.lastY + s;
+          let M = E - this.lastX, a = C - this.lastY;
+          if ([M, a] = (0, s.snapToGrid)(this.props.grid, M, a), !M && !a) return;
+          E = this.lastX + M, C = this.lastY + a;
         }
-        const D = (0, a.createCoreData)(this, N, S);
-        if ((0, d.default)("DraggableCore: handleDrag: %j", D), this.props.onDrag(b, D) === !1 || this.mounted === !1) {
+        const w = (0, s.createCoreData)(this, E, C);
+        if ((0, f.default)("DraggableCore: handleDrag: %j", w), this.props.onDrag(y, w) === !1 || this.mounted === !1) {
           try {
             this.handleDragStop(new MouseEvent("mouseup"));
           } catch {
-            const s = document.createEvent("MouseEvents");
-            s.initMouseEvent("mouseup", !0, !0, window, 0, 0, 0, 0, 0, !1, !1, !1, !1, 0, null), this.handleDragStop(s);
+            const a = document.createEvent("MouseEvents");
+            a.initMouseEvent("mouseup", !0, !0, window, 0, 0, 0, 0, 0, !1, !1, !1, !1, 0, null), this.handleDragStop(a);
           }
           return;
         }
-        this.lastX = N, this.lastY = S;
-      }), v(this, "handleDragStop", (b) => {
+        this.lastX = E, this.lastY = C;
+      }), S(this, "handleDragStop", (y) => {
         if (!this.dragging) return;
-        const w = (0, a.getControlPosition)(b, this.touchIdentifier, this);
-        if (w == null) return;
+        const x = (0, s.getControlPosition)(y, this.touchIdentifier, this);
+        if (x == null) return;
         let {
-          x: N,
-          y: S
-        } = w;
+          x: E,
+          y: C
+        } = x;
         if (Array.isArray(this.props.grid)) {
-          let s = N - this.lastX || 0, h = S - this.lastY || 0;
-          [s, h] = (0, a.snapToGrid)(this.props.grid, s, h), N = this.lastX + s, S = this.lastY + h;
+          let a = E - this.lastX || 0, u = C - this.lastY || 0;
+          [a, u] = (0, s.snapToGrid)(this.props.grid, a, u), E = this.lastX + a, C = this.lastY + u;
         }
-        const D = (0, a.createCoreData)(this, N, S);
-        if (this.props.onStop(b, D) === !1 || this.mounted === !1) return !1;
+        const w = (0, s.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, r.scheduleRemoveUserSelectStyles)(M.ownerDocument), (0, d.default)("DraggableCore: handleDragStop: %j", D), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, M && ((0, d.default)("DraggableCore: Removing handlers"), (0, r.removeEvent)(M.ownerDocument, p.move, this.handleDrag), (0, r.removeEvent)(M.ownerDocument, p.stop, this.handleDragStop));
-      }), v(this, "onMouseDown", (b) => (p = y.mouse, this.handleDragStart(b))), v(this, "onMouseUp", (b) => (p = y.mouse, this.handleDragStop(b))), v(this, "onTouchStart", (b) => (p = y.touch, this.handleDragStart(b))), v(this, "onTouchEnd", (b) => (p = y.touch, this.handleDragStop(b)));
+        M && this.props.enableUserSelectHack && (0, o.scheduleRemoveUserSelectStyles)(M.ownerDocument), (0, f.default)("DraggableCore: handleDragStop: %j", w), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, M && ((0, f.default)("DraggableCore: Removing handlers"), (0, o.removeEvent)(M.ownerDocument, m.move, this.handleDrag), (0, o.removeEvent)(M.ownerDocument, m.stop, this.handleDragStop));
+      }), S(this, "onMouseDown", (y) => (m = p.mouse, this.handleDragStart(y))), S(this, "onMouseUp", (y) => (m = p.mouse, this.handleDragStop(y))), S(this, "onTouchStart", (y) => (m = p.touch, this.handleDragStart(y))), S(this, "onTouchEnd", (y) => (m = p.touch, this.handleDragStop(y)));
     }
     componentDidMount() {
       this.mounted = !0;
-      const b = this.findDOMNode();
-      b && (0, r.addEvent)(b, y.touch.start, this.onTouchStart, {
+      const y = this.findDOMNode();
+      y && (0, o.addEvent)(y, p.touch.start, this.onTouchStart, {
         passive: !1
       });
     }
     componentWillUnmount() {
       this.mounted = !1;
-      const b = this.findDOMNode();
-      if (b) {
+      const y = this.findDOMNode();
+      if (y) {
         const {
-          ownerDocument: w
-        } = b;
-        (0, r.removeEvent)(w, y.mouse.move, this.handleDrag), (0, r.removeEvent)(w, y.touch.move, this.handleDrag), (0, r.removeEvent)(w, y.mouse.stop, this.handleDragStop), (0, r.removeEvent)(w, y.touch.stop, this.handleDragStop), (0, r.removeEvent)(b, y.touch.start, this.onTouchStart, {
+          ownerDocument: x
+        } = y;
+        (0, o.removeEvent)(x, p.mouse.move, this.handleDrag), (0, o.removeEvent)(x, p.touch.move, this.handleDrag), (0, o.removeEvent)(x, p.mouse.stop, this.handleDragStop), (0, o.removeEvent)(x, p.touch.stop, this.handleDragStop), (0, o.removeEvent)(y, p.touch.start, this.onTouchStart, {
           passive: !1
-        }), this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(w);
+        }), this.props.enableUserSelectHack && (0, o.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 : t.default.findDOMNode(this);
+      return this.props?.nodeRef ? this.props?.nodeRef?.current : r.default.findDOMNode(this);
     }
     render() {
       return /* @__PURE__ */ e.cloneElement(e.Children.only(this.props.children), {
@@ -1801,14 +1689,14 @@ function Vt() {
       });
     }
   };
-  return ue.default = T, v(T, "displayName", "DraggableCore"), v(T, "propTypes", {
+  return ue.default = T, S(T, "displayName", "DraggableCore"), S(T, "propTypes", {
     /**
      * `allowAnyClick` allows dragging using any mouse button.
      * By default, we only accept the left button.
      *
      * Defaults to `false`.
      */
-    allowAnyClick: i.default.bool,
+    allowAnyClick: l.default.bool,
     /**
      * `allowMobileScroll` turns off cancellation of the 'touchstart' event
      * on mobile devices. Only enable this if you are having trouble with click
@@ -1816,31 +1704,31 @@ function Vt() {
      *
      * Defaults to `false`.
      */
-    allowMobileScroll: i.default.bool,
-    children: i.default.node.isRequired,
+    allowMobileScroll: l.default.bool,
+    children: l.default.node.isRequired,
     /**
      * `disabled`, if true, stops the <Draggable> from dragging. All handlers,
      * with the exception of `onMouseDown`, will not fire.
      */
-    disabled: i.default.bool,
+    disabled: l.default.bool,
     /**
      * By default, we add 'user-select:none' attributes to the document body
      * to prevent ugly text selection during drag. If this is causing problems
      * for your app, set this to `false`.
      */
-    enableUserSelectHack: i.default.bool,
+    enableUserSelectHack: l.default.bool,
     /**
      * `offsetParent`, if set, uses the passed DOM node to compute drag offsets
      * instead of using the parent node.
      */
-    offsetParent: function(g, b) {
-      if (g[b] && g[b].nodeType !== 1)
+    offsetParent: function(h, y) {
+      if (h[y] && h[y].nodeType !== 1)
         throw new Error("Draggable's offsetParent must be a DOM Node.");
     },
     /**
      * `grid` specifies the x and y that dragging should snap to.
      */
-    grid: i.default.arrayOf(i.default.number),
+    grid: l.default.arrayOf(l.default.number),
     /**
      * `handle` specifies a selector to be used as the handle that initiates drag.
      *
@@ -1861,7 +1749,7 @@ function Vt() {
      *   });
      * ```
      */
-    handle: i.default.string,
+    handle: l.default.string,
     /**
      * `cancel` specifies a selector to be used to prevent drag initialization.
      *
@@ -1882,7 +1770,7 @@ function Vt() {
      *   });
      * ```
      */
-    cancel: i.default.string,
+    cancel: l.default.string,
     /* If running in React Strict mode, ReactDOM.findDOMNode() is deprecated.
      * Unfortunately, in order for <Draggable> to work properly, we need raw access
      * to the underlying DOM node. If you want to avoid the warning, pass a `nodeRef`
@@ -1900,38 +1788,38 @@ function Vt() {
      * This can be used for arbitrarily nested components, so long as the ref ends up
      * pointing to the actual child DOM node and not a custom component.
      */
-    nodeRef: i.default.object,
+    nodeRef: l.default.object,
     /**
      * Called when dragging starts.
      * If this function returns the boolean false, dragging will be canceled.
      */
-    onStart: i.default.func,
+    onStart: l.default.func,
     /**
      * Called while dragging.
      * If this function returns the boolean false, dragging will be canceled.
      */
-    onDrag: i.default.func,
+    onDrag: l.default.func,
     /**
      * Called when dragging stops.
      * If this function returns the boolean false, the drag will remain active.
      */
-    onStop: i.default.func,
+    onStop: l.default.func,
     /**
      * A workaround option which can be passed if onMouseDown needs to be accessed,
      * since it'll always be blocked (as there is internal use of onMouseDown)
      */
-    onMouseDown: i.default.func,
+    onMouseDown: l.default.func,
     /**
      * `scale`, if set, applies scaling while dragging an element
      */
-    scale: i.default.number,
+    scale: l.default.number,
     /**
      * These properties should be defined on the child, not here.
      */
-    className: o.dontSetMe,
-    style: o.dontSetMe,
-    transform: o.dontSetMe
-  }), v(T, "defaultProps", {
+    className: n.dontSetMe,
+    style: n.dontSetMe,
+    transform: n.dontSetMe
+  }), S(T, "defaultProps", {
     allowAnyClick: !1,
     // by default only accept left click
     allowMobileScroll: !1,
@@ -1948,111 +1836,111 @@ function Vt() {
     scale: 1
   }), ue;
 }
-var Qe;
-function Gt() {
-  return Qe || (Qe = 1, (function(e) {
+var et;
+function zt() {
+  return et || (et = 1, (function(e) {
     Object.defineProperty(e, "__esModule", {
       value: !0
     }), Object.defineProperty(e, "DraggableCore", {
       enumerable: !0,
       get: function() {
-        return C.default;
+        return D.default;
       }
     }), e.default = void 0;
-    var i = c(be), t = m(/* @__PURE__ */ ut()), r = m(ot), a = Ht(), o = Re(), d = ft(), f = ve(), C = m(Vt()), v = m(ht());
-    function m(w) {
-      return w && w.__esModule ? w : { default: w };
-    }
-    function c(w, N) {
-      if (typeof WeakMap == "function") var S = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakMap();
-      return (c = function(l, M) {
-        if (!M && l && l.__esModule) return l;
-        var s, h, u = { __proto__: null, default: l };
-        if (l === null || typeof l != "object" && typeof l != "function") return u;
-        if (s = M ? D : S) {
-          if (s.has(l)) return s.get(l);
-          s.set(l, u);
+    var l = c(ve), r = b(/* @__PURE__ */ ft()), o = b(at), s = Yt(), n = Oe(), f = ht(), g = xe(), D = b(Kt()), S = b(gt());
+    function b(x) {
+      return x && x.__esModule ? x : { default: x };
+    }
+    function c(x, E) {
+      if (typeof WeakMap == "function") var C = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap();
+      return (c = function(i, M) {
+        if (!M && i && i.__esModule) return i;
+        var a, u, d = { __proto__: null, default: i };
+        if (i === null || typeof i != "object" && typeof i != "function") return d;
+        if (a = M ? w : C) {
+          if (a.has(i)) return a.get(i);
+          a.set(i, d);
         }
-        for (const _ in l) _ !== "default" && {}.hasOwnProperty.call(l, _) && ((h = (s = Object.defineProperty) && Object.getOwnPropertyDescriptor(l, _)) && (h.get || h.set) ? s(u, _, h) : u[_] = l[_]);
-        return u;
-      })(w, N);
-    }
-    function y() {
-      return y = Object.assign ? Object.assign.bind() : function(w) {
-        for (var N = 1; N < arguments.length; N++) {
-          var S = arguments[N];
-          for (var D in S) ({}).hasOwnProperty.call(S, D) && (w[D] = S[D]);
+        for (const _ in i) _ !== "default" && {}.hasOwnProperty.call(i, _) && ((u = (a = Object.defineProperty) && Object.getOwnPropertyDescriptor(i, _)) && (u.get || u.set) ? a(d, _, u) : d[_] = i[_]);
+        return d;
+      })(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]);
         }
-        return w;
-      }, y.apply(null, arguments);
-    }
-    function p(w, N, S) {
-      return (N = T(N)) in w ? Object.defineProperty(w, N, { value: S, enumerable: !0, configurable: !0, writable: !0 }) : w[N] = S, w;
-    }
-    function T(w) {
-      var N = g(w, "string");
-      return typeof N == "symbol" ? N : N + "";
-    }
-    function g(w, N) {
-      if (typeof w != "object" || !w) return w;
-      var S = w[Symbol.toPrimitive];
-      if (S !== void 0) {
-        var D = S.call(w, N);
-        if (typeof D != "object") return D;
+        return x;
+      }, p.apply(null, arguments);
+    }
+    function m(x, E, C) {
+      return (E = T(E)) in x ? Object.defineProperty(x, E, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : x[E] = C, x;
+    }
+    function T(x) {
+      var E = h(x, "string");
+      return typeof E == "symbol" ? E : E + "";
+    }
+    function h(x, E) {
+      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;
         throw new TypeError("@@toPrimitive must return a primitive value.");
       }
-      return (N === "string" ? String : Number)(w);
+      return (E === "string" ? String : Number)(x);
     }
-    class b extends i.Component {
+    class y extends l.Component {
       // React 16.3+
       // Arity (props, state)
-      static getDerivedStateFromProps(N, S) {
+      static getDerivedStateFromProps(E, C) {
         let {
-          position: D
-        } = N, {
-          prevPropsPosition: l
-        } = S;
-        return D && (!l || D.x !== l.x || D.y !== l.y) ? ((0, v.default)("Draggable: getDerivedStateFromProps %j", {
-          position: D,
-          prevPropsPosition: l
+          position: w
+        } = E, {
+          prevPropsPosition: i
+        } = C;
+        return w && (!i || w.x !== i.x || w.y !== i.y) ? ((0, S.default)("Draggable: getDerivedStateFromProps %j", {
+          position: w,
+          prevPropsPosition: i
         }), {
-          x: D.x,
-          y: D.y,
+          x: w.x,
+          y: w.y,
           prevPropsPosition: {
-            ...D
+            ...w
           }
         }) : null;
       }
-      constructor(N) {
-        super(N), p(this, "onDragStart", (S, D) => {
-          if ((0, v.default)("Draggable: onDragStart: %j", D), this.props.onStart(S, (0, d.createDraggableData)(this, D)) === !1) return !1;
+      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;
           this.setState({
             dragging: !0,
             dragged: !0
           });
-        }), p(this, "onDrag", (S, D) => {
+        }), m(this, "onDrag", (C, w) => {
           if (!this.state.dragging) return !1;
-          (0, v.default)("Draggable: onDrag: %j", D);
-          const l = (0, d.createDraggableData)(this, D), M = {
-            x: l.x,
-            y: l.y,
+          (0, S.default)("Draggable: onDrag: %j", w);
+          const i = (0, f.createDraggableData)(this, w), M = {
+            x: i.x,
+            y: i.y,
             slackX: 0,
             slackY: 0
           };
           if (this.props.bounds) {
             const {
-              x: h,
-              y: u
+              x: u,
+              y: d
             } = M;
             M.x += this.state.slackX, M.y += this.state.slackY;
-            const [_, I] = (0, d.getBoundPosition)(this, M.x, M.y);
-            M.x = _, M.y = I, M.slackX = this.state.slackX + (h - M.x), M.slackY = this.state.slackY + (u - M.y), l.x = M.x, l.y = M.y, l.deltaX = M.x - this.state.x, l.deltaY = M.y - this.state.y;
+            const [_, R] = (0, f.getBoundPosition)(this, M.x, M.y);
+            M.x = _, M.y = R, M.slackX = this.state.slackX + (u - M.x), M.slackY = this.state.slackY + (d - M.y), i.x = M.x, i.y = M.y, i.deltaX = M.x - this.state.x, i.deltaY = M.y - this.state.y;
           }
-          if (this.props.onDrag(S, l) === !1) return !1;
+          if (this.props.onDrag(C, i) === !1) return !1;
           this.setState(M);
-        }), p(this, "onDragStop", (S, D) => {
-          if (!this.state.dragging || this.props.onStop(S, (0, d.createDraggableData)(this, D)) === !1) return !1;
-          (0, v.default)("Draggable: onDragStop: %j", D);
+        }), 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 = {
             dragging: !1,
             slackX: 0,
@@ -2060,10 +1948,10 @@ function Gt() {
           };
           if (!!this.props.position) {
             const {
-              x: h,
-              y: u
+              x: u,
+              y: d
             } = this.props.position;
-            M.x = h, M.y = u;
+            M.x = u, M.y = d;
           }
           this.setState(M);
         }), this.state = {
@@ -2072,17 +1960,17 @@ function Gt() {
           // Whether or not we have been dragged before.
           dragged: !1,
           // Current transform x and y.
-          x: N.position ? N.position.x : N.defaultPosition.x,
-          y: N.position ? N.position.y : N.defaultPosition.y,
+          x: E.position ? E.position.x : E.defaultPosition.x,
+          y: E.position ? E.position.y : E.defaultPosition.y,
           prevPropsPosition: {
-            ...N.position
+            ...E.position
           },
           // Used for compensating for out-of-bounds drags
           slackX: 0,
           slackY: 0,
           // Can only determine if SVG after mounting
           isElementSVG: !1
-        }, 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.");
+        }, 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.");
       }
       componentDidMount() {
         typeof window.SVGElement < "u" && this.findDOMNode() instanceof window.SVGElement && this.setState({
@@ -2097,51 +1985,51 @@ function Gt() {
       // 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 ?? r.default.findDOMNode(this);
+        return this.props?.nodeRef?.current ?? o.default.findDOMNode(this);
       }
       render() {
         const {
-          axis: N,
-          bounds: S,
-          children: D,
-          defaultPosition: l,
+          axis: E,
+          bounds: C,
+          children: w,
+          defaultPosition: i,
           defaultClassName: M,
-          defaultClassNameDragging: s,
-          defaultClassNameDragged: h,
-          position: u,
+          defaultClassNameDragging: a,
+          defaultClassNameDragged: u,
+          position: d,
           positionOffset: _,
-          scale: I,
+          scale: R,
           ...H
         } = this.props;
-        let X = {}, V = null;
-        const B = !!!u || this.state.dragging, ee = u || l, ie = {
+        let V = {}, X = null;
+        const B = !!!d || this.state.dragging, ee = d || i, ae = {
           // Set left if horizontal drag is enabled
-          x: (0, d.canDragX)(this) && B ? this.state.x : ee.x,
+          x: (0, f.canDragX)(this) && B ? this.state.x : ee.x,
           // Set top if vertical drag is enabled
-          y: (0, d.canDragY)(this) && B ? this.state.y : ee.y
+          y: (0, f.canDragY)(this) && B ? this.state.y : ee.y
         };
-        this.state.isElementSVG ? V = (0, o.createSVGTransform)(ie, _) : X = (0, o.createCSSTransform)(ie, _);
-        const le = (0, a.clsx)(D.props.className || "", M, {
-          [s]: this.state.dragging,
-          [h]: this.state.dragged
+        this.state.isElementSVG ? X = (0, n.createSVGTransform)(ae, _) : V = (0, n.createCSSTransform)(ae, _);
+        const le = (0, s.clsx)(w.props.className || "", M, {
+          [a]: this.state.dragging,
+          [u]: this.state.dragged
         });
-        return /* @__PURE__ */ i.createElement(C.default, y({}, H, {
+        return /* @__PURE__ */ l.createElement(D.default, p({}, H, {
           onStart: this.onDragStart,
           onDrag: this.onDrag,
           onStop: this.onDragStop
-        }), /* @__PURE__ */ i.cloneElement(i.Children.only(D), {
+        }), /* @__PURE__ */ l.cloneElement(l.Children.only(w), {
           className: le,
           style: {
-            ...D.props.style,
-            ...X
+            ...w.props.style,
+            ...V
           },
-          transform: V
+          transform: X
         }));
       }
     }
-    e.default = b, p(b, "displayName", "Draggable"), p(b, "propTypes", {
+    e.default = y, m(y, "displayName", "Draggable"), m(y, "propTypes", {
       // Accepts all props <DraggableCore> accepts.
-      ...C.default.propTypes,
+      ...D.default.propTypes,
       /**
        * `axis` determines which axis the draggable can move.
        *
@@ -2155,7 +2043,7 @@ function Gt() {
        *
        * Defaults to 'both'.
        */
-      axis: t.default.oneOf(["both", "x", "y", "none"]),
+      axis: r.default.oneOf(["both", "x", "y", "none"]),
       /**
        * `bounds` determines the range of movement available to the element.
        * Available values are:
@@ -2182,15 +2070,15 @@ function Gt() {
        *   });
        * ```
        */
-      bounds: t.default.oneOfType([t.default.shape({
-        left: t.default.number,
-        right: t.default.number,
-        top: t.default.number,
-        bottom: t.default.number
-      }), t.default.string, t.default.oneOf([!1])]),
-      defaultClassName: t.default.string,
-      defaultClassNameDragging: t.default.string,
-      defaultClassNameDragged: t.default.string,
+      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,
       /**
        * `defaultPosition` specifies the x and y that the dragged item should start at
        *
@@ -2208,13 +2096,13 @@ function Gt() {
        *      });
        * ```
        */
-      defaultPosition: t.default.shape({
-        x: t.default.number,
-        y: t.default.number
+      defaultPosition: r.default.shape({
+        x: r.default.number,
+        y: r.default.number
       }),
-      positionOffset: t.default.shape({
-        x: t.default.oneOfType([t.default.number, t.default.string]),
-        y: t.default.oneOfType([t.default.number, t.default.string])
+      positionOffset: r.default.shape({
+        x: r.default.oneOfType([r.default.number, r.default.string]),
+        y: r.default.oneOfType([r.default.number, r.default.string])
       }),
       /**
        * `position`, if present, defines the current position of the element.
@@ -2236,18 +2124,18 @@ function Gt() {
        *      });
        * ```
        */
-      position: t.default.shape({
-        x: t.default.number,
-        y: t.default.number
+      position: r.default.shape({
+        x: r.default.number,
+        y: r.default.number
       }),
       /**
        * These properties should be defined on the child, not here.
        */
-      className: f.dontSetMe,
-      style: f.dontSetMe,
-      transform: f.dontSetMe
-    }), p(b, "defaultProps", {
-      ...C.default.defaultProps,
+      className: g.dontSetMe,
+      style: g.dontSetMe,
+      transform: g.dontSetMe
+    }), m(y, "defaultProps", {
+      ...D.default.defaultProps,
       axis: "both",
       bounds: !1,
       defaultClassName: "react-draggable",
@@ -2259,21 +2147,21 @@ function Gt() {
       },
       scale: 1
     });
-  })(we)), we;
+  })(Se)), Se;
 }
-var et;
-function Zt() {
-  if (et) return de.exports;
-  et = 1;
+var tt;
+function Bt() {
+  if (tt) return de.exports;
+  tt = 1;
   const {
     default: e,
-    DraggableCore: i
-  } = Gt();
-  return de.exports = e, de.exports.default = e, de.exports.DraggableCore = i, de.exports;
+    DraggableCore: l
+  } = zt();
+  return de.exports = e, de.exports.default = e, de.exports.DraggableCore = l, de.exports;
 }
-var Jt = Zt();
-const Qt = /* @__PURE__ */ qt(Jt), en = se((e, i) => {
-  const a = {
+var Ht = Bt();
+const Vt = /* @__PURE__ */ kt(Ht), Xt = se((e, l) => {
+  const s = {
     ...{
       // 1. Take it out of the document flow
       position: "fixed",
@@ -2290,38 +2178,38 @@ const Qt = /* @__PURE__ */ qt(Jt), en = se((e, i) => {
       boxShadow: "rgba(0, 0, 0, 0.5) 7px 7px 10px 0px"
     },
     ...e.style || {}
-  }, o = e.testId || "not-set", d = e.className || "panel", f = vt(null);
+  }, n = e.testId || "not-set", f = e.className || "panel", g = vt(null);
   return (
     // 3. Pass the internal ref to the Draggable component via 'nodeRef'
-    /* @__PURE__ */ n(
-      Qt,
+    /* @__PURE__ */ t(
+      Vt,
       {
-        nodeRef: f,
-        "data-testid": o,
+        nodeRef: g,
+        "data-testid": n,
         axis: "both",
         handle: ".handle",
-        onStart: (m, c) => {
+        onStart: (b, c) => {
           e.onDraggingChange?.(!0);
         },
-        onStop: (m, c) => {
+        onStop: (b, c) => {
           setTimeout(() => {
             e.onDraggingChange?.(!1);
           }, 100);
         },
-        children: /* @__PURE__ */ n("div", { ref: f, className: d, style: a, children: e.children })
+        children: /* @__PURE__ */ t("div", { ref: g, className: f, style: s, children: e.children })
       }
     )
   );
 });
-function $n({ children: e, addCssClasses: i }) {
-  const t = G(
+function Er({ children: e, addCssClasses: l }) {
+  const r = G(
     "w-full h-full flex-1 flex flex-col",
-    (i || "gap-2 items-end justify-end content-end").trim()
+    (l || "gap-2 items-end justify-end content-end").trim()
   );
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: t,
+      className: r,
       style: {
         minHeight: "140px"
       },
@@ -2329,53 +2217,53 @@ function $n({ children: e, addCssClasses: i }) {
     }
   );
 }
-function In({ children: e, addCssClasses: i }) {
-  const t = G(
+function Nr({ children: e, addCssClasses: l }) {
+  const r = G(
     "w-full flex flex-col",
-    (i || "items-end").trim()
+    (l || "items-end").trim()
   );
-  return /* @__PURE__ */ n("div", { className: t, children: e });
+  return /* @__PURE__ */ t("div", { className: r, children: e });
 }
-const Rn = (e) => {
+const _r = (e) => {
   console.warn("showToast TODO", e);
-}, tn = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, Wn = se((e, i) => {
-  let t = pt(Number(e.zoomScale || 0));
-  const r = e.responsiveGrid || !1, a = e.isEditing || !1, o = {
-    "--bwj-dashboard-transform-scale": t,
-    "--bwj-dashboard-add-cols": tn(t)
-  }, d = G(
+}, Gt = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, Mr = se((e, l) => {
+  let r = pt(Number(e.zoomScale || 0));
+  const o = e.responsiveGrid || !1, s = e.isEditing || !1, n = {
+    "--bwj-dashboard-transform-scale": r,
+    "--bwj-dashboard-add-cols": Gt(r)
+  }, f = G(
     "dashboard-main-grid w-full",
-    a ? "editing" : "",
-    r ? "responsive-grid" : "",
-    `border border-dashed ${a ? "border-primary border-opacity-50" : "border-transparent"}`
+    s ? "editing" : "",
+    o ? "responsive-grid" : "",
+    `border border-dashed ${s ? "border-primary border-opacity-50" : "border-transparent"}`
   );
-  return /* @__PURE__ */ n("div", { className: d, style: o, children: e.children });
-}), Me = "size-5", nn = (e, i) => {
-  const t = e.hideTitle && !e.isEditing, r = e.noBorder;
-  let a = `dashboard-widget ${e.isEditing ? "editing" : ""} border border-solid`;
-  r ? a = `${a} border-transparent border-opacity-0` : (e.borderCssClasses || "").trim().length > 0 ? a = `${a} ${e.borderCssClasses}` : a = `${a} border-card-invert border-opacity-20`, e.noShadow && (a = `${a} no-shadow`), e.noPadding && (a = `${a} no-padding p-0`), (e.backgroundCssClasses || "").trim().length > 0 ? a = `${a} ${e.backgroundCssClasses}` : a = `${a} bg-card content-card`, ["large", "xlarge"].indexOf(e.size || "") > -1 && (a = `${a} ${e.size}-widget`);
-  const o = () => {
+  return /* @__PURE__ */ t("div", { className: f, style: n, children: e.children });
+}), Pe = "size-5", Zt = (e, l) => {
+  const r = e.hideTitle && !e.isEditing, o = e.noBorder;
+  let s = `dashboard-widget ${e.isEditing ? "editing" : ""} border border-solid`;
+  o ? s = `${s} border-transparent border-opacity-0` : (e.borderCssClasses || "").trim().length > 0 ? s = `${s} ${e.borderCssClasses}` : s = `${s} border-card-invert border-opacity-20`, e.noShadow && (s = `${s} no-shadow`), e.noPadding && (s = `${s} no-padding p-0`), (e.backgroundCssClasses || "").trim().length > 0 ? s = `${s} ${e.backgroundCssClasses}` : s = `${s} bg-card content-card`, ["large", "xlarge"].indexOf(e.size || "") > -1 && (s = `${s} ${e.size}-widget`);
+  const n = () => {
     e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey, e.parentWidgetKey);
-  }, d = (C) => {
-    e.onMoveClick && e.widgetKey && e.onMoveClick(C, e.widgetKey, e.parentWidgetKey);
-  }, f = G(
+  }, f = (D) => {
+    e.onMoveClick && e.widgetKey && e.onMoveClick(D, e.widgetKey, e.parentWidgetKey);
+  }, g = G(
     "widget-header",
-    t ? "hidden" : "flex items-center justify-between border-b border-solid border-card-invert",
-    t ? "border-opacity-0" : "border-opacity-20"
+    r ? "hidden" : "flex items-center justify-between border-b border-solid border-card-invert",
+    r ? "border-opacity-0" : "border-opacity-20"
   );
-  return /* @__PURE__ */ $("div", { className: a, children: [
-    /* @__PURE__ */ $("div", { className: f, 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: [
+  return /* @__PURE__ */ I("div", { className: s, children: [
+    /* @__PURE__ */ I("div", { className: g, children: [
+      /* @__PURE__ */ I("div", { className: "widget-title-wrapper w-full flex flex-row gap-2 items-center justify-between", children: [
+        /* @__PURE__ */ I("h2", { className: "widget-title", children: [
           e.title,
           " "
         ] }),
-        /* @__PURE__ */ n("div", {})
+        /* @__PURE__ */ t("div", {})
       ] }),
-      /* @__PURE__ */ n("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ $("div", { className: "actions-inner", children: [
-        /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n("span", { className: "hidden", children: "Widget" }) }),
-        /* @__PURE__ */ $("div", { className: "actions-buttons-container", children: [
-          /* @__PURE__ */ n(
+      /* @__PURE__ */ t("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ I("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__ */ t(
             J,
             {
               "data-testid": `move-widget-left_${e.title}`,
@@ -2385,11 +2273,11 @@ const Rn = (e) => {
                 placement: "top",
                 title: `${e.index < 1 ? "Already at min position" : "Move Widget to the left/up"}`
               },
-              onClick: () => d(-1),
-              children: /* @__PURE__ */ n(it, { className: Me })
+              onClick: () => f(-1),
+              children: /* @__PURE__ */ t(it, { className: Pe })
             }
           ),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ t(
             J,
             {
               "data-testid": `move-widget-right_${e.title}`,
@@ -2399,11 +2287,11 @@ const Rn = (e) => {
                 placement: "top",
                 title: `${e.index >= e.maxIndex ? "Already at max position" : "Move Widget to the right/down"}`
               },
-              onClick: () => d(1),
-              children: /* @__PURE__ */ n(at, { className: Me })
+              onClick: () => f(1),
+              children: /* @__PURE__ */ t(st, { className: Pe })
             }
           ),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ t(
             J,
             {
               "data-testid": `remove-container_${e.title}`,
@@ -2412,188 +2300,230 @@ const Rn = (e) => {
                 placement: "top",
                 title: "Remove Widget"
               },
-              onClick: () => o(),
-              children: /* @__PURE__ */ n(st, { className: Me })
+              onClick: () => n(),
+              children: /* @__PURE__ */ t(lt, { className: Pe })
             }
           )
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ n("div", { className: "widget-inner", children: e.children })
+    /* @__PURE__ */ t("div", { className: "widget-inner", children: e.children })
   ] });
-}, tt = se(nn), rn = (e, i) => {
-  const t = (o) => o.replace(/[^0-9.]/g, ""), r = t(e).split(".").map(Number), a = t(i).split(".").map(Number);
-  return !(r[0] !== a[0] || r[1] < a[1]);
+}, Jt = se(Zt);
+function rt(e) {
+  const { widgetKey: l, parentWidgetKey: r, index: o, maxIndex: s, isEditing: n, onRemoveClick: f, onMoveClick: g } = e, D = e.extraProps;
+  return /* @__PURE__ */ t(
+    Jt,
+    {
+      widgetKey: l,
+      title: "Widget Error",
+      parentWidgetKey: r,
+      index: o,
+      maxIndex: s,
+      isEditing: n,
+      onRemoveClick: f,
+      onMoveClick: g,
+      children: /* @__PURE__ */ I("div", { className: "p-4 border border-dashed border-danger", children: [
+        /* @__PURE__ */ I("span", { className: "font-bold", children: [
+          'Failed to load "',
+          l,
+          '"'
+        ] }),
+        D?.versionMismatch && /* @__PURE__ */ I("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ I("span", { className: "font-bold text-sm", children: [
+            "Version Mismatch: ",
+            l
+          ] }),
+          /* @__PURE__ */ I("div", { className: "flex flex-col text-xs", children: [
+            /* @__PURE__ */ I("span", { children: [
+              "Widget requires: Vue ",
+              D?.requiredVer,
+              "."
+            ] }),
+            /* @__PURE__ */ I("span", { children: [
+              "Host version: ",
+              D?.hostVer,
+              "."
+            ] })
+          ] }),
+          /* @__PURE__ */ I("div", { className: "flex flex-col mt-3", children: [
+            /* @__PURE__ */ t("h5", { children: "Externals:" }),
+            /* @__PURE__ */ t("dl", { className: "ml-2 flex flex-col text-xs", children: D?.externalDependencies.map((S, b) => /* @__PURE__ */ I("dd", { children: [
+              "- ",
+              S
+            ] }, `dep-${b}`)) })
+          ] })
+        ] }),
+        !D?.versionMismatch && /* @__PURE__ */ I("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ t("div", { className: "flex flex-col text-xs italic", children: /* @__PURE__ */ t("span", { children: "The remote plugin is unavailable." }) }),
+          /* @__PURE__ */ t("span", { className: "font-bold text-sm", children: "Error Details:" }),
+          /* @__PURE__ */ I("div", { className: "flex flex-col mt-3", children: [
+            /* @__PURE__ */ t("h5", { children: "Details:" }),
+            /* @__PURE__ */ t("div", { className: "text-xs break-all", children: D?.errorMessage || "Unknown error occurred." })
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+const Qt = (e, l) => {
+  const r = (n) => n.replace(/[^0-9.]/g, ""), o = r(e).split(".").map(Number), s = r(l).split(".").map(Number);
+  return !(o[0] !== s[0] || o[1] < s[1]);
 };
-function on(e) {
-  return /* @__PURE__ */ n("div", { className: "dashboard-widget", children: /* @__PURE__ */ $("div", { className: "absolute inset-0 bg-black flex flex-col items-center justify-center text-center", children: [
-    /* @__PURE__ */ n("div", { className: "w-full absolute opacity-100 text-primary", children: e.title }),
-    /* @__PURE__ */ n("div", { className: "animate-ping rounded-full h-32 w-32 border-8 border-white" })
+function er(e) {
+  return /* @__PURE__ */ t("div", { className: "dashboard-widget", children: /* @__PURE__ */ I("div", { className: "absolute inset-0 bg-black flex flex-col items-center justify-center text-center", children: [
+    /* @__PURE__ */ t("div", { className: "w-full absolute opacity-100 text-primary", children: e.title }),
+    /* @__PURE__ */ t("div", { className: "animate-ping rounded-full h-32 w-32 border-8 border-white" })
   ] }) });
 }
-function an({
+function tr({
   index: e,
-  maxIndex: i,
-  widgetKey: t,
-  parentWidgetKey: r,
-  targetContainerKey: a,
-  childWidgetsConfig: o,
-  widgetCatalog: d,
-  isEditing: f,
+  maxIndex: l,
+  widgetKey: r,
+  parentWidgetKey: o,
+  targetContainerKey: s,
+  childWidgetsConfig: n,
+  widgetCatalog: f,
+  isEditing: g,
   // for additional props passed to all widget from the dashboard through the DynamicWidgetLoader:
-  extraProps: C,
-  onRemoveClick: v,
-  onMoveClick: m,
+  extraProps: D,
+  onRemoveClick: S,
+  onMoveClick: b,
   selectContainer: c
 }) {
-  const y = `${t}`.split("_"), p = y.length > 1, T = p ? y[0] : t, g = d.get(T);
-  if (!g)
-    return /* @__PURE__ */ n("div", { className: "flex", children: /* @__PURE__ */ $("p", { children: [
+  const p = `${r}`.split("_"), m = p.length > 1, T = m ? p[0] : r, h = f.get(T);
+  if (!h)
+    return /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ I("p", { children: [
       "Widget not found in catalog: ",
       T
     ] }) });
-  let b = null, w = !1;
-  const N = !!g.isContainer, S = p ? nt(t) : "", D = N ? (o || []).filter((s) => s.parentWidgetKey === t) : [], l = {
+  let y = null, x = !1;
+  const E = !!h.isContainer, C = m ? nt(r) : "", w = E ? (n || []).filter((a) => a.parentWidgetKey === r) : [], i = {
     index: e,
-    maxIndex: i,
-    widgetKey: t,
-    parentWidgetKey: r,
-    isEditing: f,
-    extraProps: C,
-    title: p ? S : g.title,
-    onRemoveClick: v,
-    onMoveClick: m
+    maxIndex: l,
+    widgetKey: r,
+    parentWidgetKey: o,
+    isEditing: g,
+    extraProps: D,
+    title: m ? C : h.title,
+    onRemoveClick: S,
+    onMoveClick: b
   };
-  if (g.component ? (b = g.component, w = !1) : g.loader && (w = !0, b = rt(() => {
-    if (!g) return null;
-    const s = typeof __HOST_REACT_VERSION__ < "u" ? __HOST_REACT_VERSION__ : "19.2.3", h = g.meta?.externalDependencies || [], u = h.find((_) => _.startsWith("react@"));
-    if (u) {
-      const _ = u.split("@")[1];
-      if (!rn(s, _))
-        return be.lazy(async () => ({
-          default: () => /* @__PURE__ */ n(tt, { ...l, children: /* @__PURE__ */ $("div", { className: "p-4 border border-dashed border-danger", children: [
-            /* @__PURE__ */ $("p", { className: "font-bold", children: [
-              'Failed to load "',
-              t,
-              '"'
-            ] }),
-            /* @__PURE__ */ $("p", { className: "text-xs italic", children: [
-              "The remote plugin is unavailable or incompatible.",
-              /* @__PURE__ */ $("p", { className: "font-bold text-sm", children: [
-                "Version Mismatch: ",
-                t
-              ] }),
-              /* @__PURE__ */ $("p", { className: "text-xs", children: [
-                "Widget requires ",
-                /* @__PURE__ */ $("strong", { children: [
-                  "React ",
-                  _
-                ] }),
-                ". Host is running",
-                " ",
-                /* @__PURE__ */ n("strong", { children: s }),
-                "."
-              ] })
-            ] }),
-            /* @__PURE__ */ $("div", { className: "flex flex-col mt-3", children: [
-              /* @__PURE__ */ n("h5", { children: "Externals:" }),
-              /* @__PURE__ */ n("dl", { className: "ml-2 flex flex-col text-xs", children: h.map((I, H) => /* @__PURE__ */ $("dd", { children: [
-                "- ",
-                I
-              ] }, H)) })
-            ] })
-          ] }) })
+  if (h.component ? (y = h.component, x = !1) : h.loader && (x = !0, y = ot(() => {
+    if (!h) return null;
+    const a = typeof __HOST_REACT_VERSION__ < "u" ? __HOST_REACT_VERSION__ : "19.2.3", u = h.meta?.externalDependencies || [], d = u.find((_) => _.startsWith("react@"));
+    if (d) {
+      const _ = d.split("@")[1];
+      if (!Qt(a, _)) {
+        const R = {
+          ...i.extraProps,
+          hostVer: a,
+          requiredVer: _,
+          externalDependencies: u,
+          errorMessage: `Incompatible React version. Required: ${_}, Host: ${a}`,
+          versionMismatch: !0
+        };
+        return i.extraProps = {
+          ...i.extraProps,
+          ...R
+        }, ve.lazy(async () => ({
+          default: () => /* @__PURE__ */ t(rt, { ...i })
         }));
+      }
     }
-    if (g.component)
-      return g.component;
-    if (g.loader) {
+    if (h.component)
+      return h.component;
+    if (h.loader) {
       const _ = async () => {
         try {
-          return await g.loader();
-        } catch (I) {
-          return console.error(`CDN Load Failure for ${t}:`, I), {
-            default: () => /* @__PURE__ */ n(tt, { ...l, children: /* @__PURE__ */ $("div", { className: "p-4 border border-dashed border-danger", children: [
-              /* @__PURE__ */ $("p", { className: "font-bold", children: [
-                'Failed to load "',
-                t,
-                '"'
-              ] }),
-              /* @__PURE__ */ n("p", { className: "text-xs italic", children: "The remote plugin is unavailable or incompatible." }),
-              /* @__PURE__ */ n("pre", { className: "text-xs overflow-hidden", children: JSON.stringify(g.meta || {}, null, 2) })
-            ] }) })
+          return await h.loader();
+        } catch (R) {
+          console.error(`Widget Load Error [${r}]:`, R);
+          const H = {
+            ...i.extraProps,
+            hostVer: a,
+            requiredVer: d ? d.split("@")[1] : "Unknown",
+            externalDependencies: u,
+            errorMessage: R.message,
+            versionMismatch: !1
+          };
+          return i.extraProps = {
+            ...i.extraProps,
+            ...H
+          }, {
+            default: () => /* @__PURE__ */ t(rt, { ...i })
           };
         }
       };
-      return be.lazy(_);
+      return ve.lazy(_);
     }
     return null;
-  }, [g, t])), !b)
-    return /* @__PURE__ */ n("div", { className: "flex", children: /* @__PURE__ */ $("p", { children: [
+  }, [h, r])), !y)
+    return /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ I("p", { children: [
       "Widget definition incomplete: ",
       T
     ] }) });
-  const M = N ? {
-    highlight: a === t,
+  const M = E ? {
+    highlight: s === r,
     selectContainer: c,
     // The children prop is the recursive call back to DynamicWidgetLoader
-    children: D.map((s, h) => /* @__PURE__ */ n(
-      an,
+    children: w.map((a, u) => /* @__PURE__ */ t(
+      tr,
       {
-        index: h,
-        maxIndex: D.length - 1,
-        widgetKey: s.widgetKey,
-        parentWidgetKey: s.parentWidgetKey,
-        widgetCatalog: d,
-        isEditing: f,
-        extraProps: C,
-        onRemoveClick: v,
-        onMoveClick: m
+        index: u,
+        maxIndex: w.length - 1,
+        widgetKey: a.widgetKey,
+        parentWidgetKey: a.parentWidgetKey,
+        widgetCatalog: f,
+        isEditing: g,
+        extraProps: D,
+        onRemoveClick: S,
+        onMoveClick: b
       },
-      `${s.widgetKey}_${h}`
+      `${a.widgetKey}_${u}`
     ))
   } : {};
-  return w ? /* @__PURE__ */ n(xt, { fallback: /* @__PURE__ */ n(on, { title: `Loading ${g.title}` }), children: /* @__PURE__ */ n(b, { ...l, ...M }) }) : /* @__PURE__ */ n(b, { ...l, ...M });
+  return x ? /* @__PURE__ */ t(xt, { fallback: /* @__PURE__ */ t(er, { title: `Loading ${h.title}` }), children: /* @__PURE__ */ t(y, { ...i, ...M }) }) : /* @__PURE__ */ t(y, { ...i, ...M });
 }
-const ye = "size-5";
-function We(e) {
-  const i = e.highlight || !1, t = e.direction || "column", r = e.children.length > 0, a = e.isEditing || !1;
-  let f = i ? "border-transparent" : a && !r ? "border-card-invert" : "border-transparent";
-  const C = ["large", "xlarge"].includes(e.size || "");
-  let v = "";
-  ["large", "xlarge"].indexOf(e.size || "") > -1 && (v = `${e.size}-widget`);
-  let m = "";
-  t === "row" && !r ? m = "min-h-48" : t === "column" && !r && (m = "min-h-96");
+const be = "size-5";
+function ke(e) {
+  const l = e.highlight || !1, r = e.direction || "column", o = e.children.length > 0, s = e.isEditing || !1;
+  let g = l ? "border-transparent" : s && !o ? "border-card-invert" : "border-transparent";
+  const D = ["large", "xlarge"].includes(e.size || "");
+  let S = "";
+  ["large", "xlarge"].indexOf(e.size || "") > -1 && (S = `${e.size}-widget`);
+  let b = "";
+  r === "row" && !o ? b = "min-h-48" : r === "column" && !o && (b = "min-h-96");
   let c = G(
     "dashboard-widget-container relative ",
-    r ? "" : "has-no-children",
-    a ? "editing" : "",
-    m,
-    v,
-    C ? "widget-container-grid" : "widget-container-flex",
-    `direction-${t}`,
-    `border ${f}`,
-    `${i ? "highlight-container" : ""} ${f}`
-  ), y = `widget-container-header direction-${t} flex items-center border-1 ${f}`;
-  const p = () => {
+    o ? "" : "has-no-children",
+    s ? "editing" : "",
+    b,
+    S,
+    D ? "widget-container-grid" : "widget-container-flex",
+    `direction-${r}`,
+    `border ${g}`,
+    `${l ? "highlight-container" : ""} ${g}`
+  ), p = `widget-container-header direction-${r} flex items-center border-1 ${g}`;
+  const m = () => {
     e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey);
-  }, T = (b) => {
-    e.onMoveClick && e.widgetKey && e.onMoveClick(b, e.widgetKey, e.parentWidgetKey);
-  }, g = () => {
+  }, T = (y) => {
+    e.onMoveClick && e.widgetKey && e.onMoveClick(y, e.widgetKey, e.parentWidgetKey);
+  }, h = () => {
     e.selectContainer && e.widgetKey && e.selectContainer(e.widgetKey);
   };
-  return /* @__PURE__ */ $("div", { "data-testid": `container_${e.widgetKey}`, className: c, children: [
-    /* @__PURE__ */ $("div", { className: y, children: [
-      /* @__PURE__ */ n(
+  return /* @__PURE__ */ I("div", { "data-testid": `container_${e.widgetKey}`, className: c, children: [
+    /* @__PURE__ */ I("div", { className: p, children: [
+      /* @__PURE__ */ t(
         "div",
         {
           className: "widget-title-wrapper w-full flex whitespace-nowrap",
-          onClick: g,
-          children: /* @__PURE__ */ n("span", { className: "text-sm font-semibold capitalize", children: e.title })
+          onClick: h,
+          children: /* @__PURE__ */ t("span", { className: "text-sm font-semibold capitalize", children: e.title })
         }
       ),
-      /* @__PURE__ */ n("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ n("div", { className: "actions-inner", children: /* @__PURE__ */ $("div", { className: "actions-buttons-container", children: [
-        /* @__PURE__ */ n(
+      /* @__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(
           J,
           {
             "data-testid": `open-widgets-catalog-from-container_${e.title}`,
@@ -2603,16 +2533,16 @@ function We(e) {
               placement: "top",
               title: "Target this Container"
             },
-            onClick: g,
-            children: /* @__PURE__ */ n(
-              kt,
+            onClick: h,
+            children: /* @__PURE__ */ t(
+              It,
               {
-                className: `${ye} ${i ? "text-success" : "text-disabled"}`
+                className: `${be} ${l ? "text-success" : "text-disabled"}`
               }
             )
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ t(
           J,
           {
             "data-testid": `move-container-left_${e.title}`,
@@ -2623,10 +2553,10 @@ function We(e) {
               title: `${e.index < 1 ? "Already at min position" : "Move Container to the left/up"}`
             },
             onClick: () => T(-1),
-            children: /* @__PURE__ */ n(it, { className: ye })
+            children: /* @__PURE__ */ t(it, { className: be })
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ t(
           J,
           {
             "data-testid": `move-container-right_${e.title}`,
@@ -2637,10 +2567,10 @@ function We(e) {
               title: `${e.index >= e.maxIndex ? "Already at max position" : "Move Container to the right/down"}`
             },
             onClick: () => T(1),
-            children: /* @__PURE__ */ n(at, { className: ye })
+            children: /* @__PURE__ */ t(st, { className: be })
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ t(
           J,
           {
             "data-testid": `remove-container_${e.title}`,
@@ -2649,140 +2579,140 @@ function We(e) {
               placement: "top",
               title: "Remove Container"
             },
-            onClick: () => p(),
-            children: /* @__PURE__ */ n(st, { className: ye })
+            onClick: () => m(),
+            children: /* @__PURE__ */ t(lt, { className: be })
           }
         )
       ] }) }) })
     ] }),
-    /* @__PURE__ */ n("div", { "data-testid": `childrenwrapper_${e.widgetKey}`, className: "widget-container-inner", children: e.children })
+    /* @__PURE__ */ t("div", { "data-testid": `childrenwrapper_${e.widgetKey}`, className: "widget-container-inner", children: e.children })
   ] });
 }
-function On(e) {
-  const { direction: i, ...t } = e;
-  return /* @__PURE__ */ n(We, { direction: "column", ...t });
+function Pr(e) {
+  const { direction: l, ...r } = e;
+  return /* @__PURE__ */ t(ke, { direction: "column", ...r });
 }
-function kn(e) {
-  const { size: i, ...t } = e;
-  return /* @__PURE__ */ n(We, { size: "large", ...t });
+function Ir(e) {
+  const { size: l, ...r } = e;
+  return /* @__PURE__ */ t(ke, { size: "large", ...r });
 }
-function jn(e) {
-  const { direction: i, ...t } = e;
-  return /* @__PURE__ */ n(We, { direction: "row", ...t });
+function Rr(e) {
+  const { direction: l, ...r } = e;
+  return /* @__PURE__ */ t(ke, { direction: "row", ...r });
 }
-function Pe({
+function Ie({
   // widgetKey,
   metaData: e,
-  alreadyAdded: i,
-  addWidget: t
+  alreadyAdded: l,
+  addWidget: r
 }) {
-  const [r, a] = ae(!1), o = e.icon || jt, d = e.name || "Unknown", f = e.description || "---", v = (e.noDuplicatedWidgets || !1) && i, m = G(`
+  const [o, s] = ie(!1), n = e.icon || Rt, f = e.name || "Unknown", g = e.description || "---", S = (e.noDuplicatedWidgets || !1) && l, b = G(`
     flex flex-row gap-2 p-2 rounded-md border text-sm bg-card content-card backdrop-opacity-100
-    ${v ? "border-disabled fill-disabled text-disabled" : "cursor-pointer border-primary fill-danger hover:fill-primary content-primary hover:brightness-110"}
+    ${S ? "border-disabled fill-disabled text-disabled" : "cursor-pointer border-primary fill-danger hover:fill-primary content-primary hover:brightness-110"}
   `);
-  return /* @__PURE__ */ $("div", { className: m, style: { width: "calc(100% - 1rem)" }, onClick: () => {
-    v || t();
+  return /* @__PURE__ */ I("div", { className: b, style: { width: "calc(100% - 1rem)" }, onClick: () => {
+    S || r();
   }, children: [
-    /* @__PURE__ */ n(o, { className: "" }),
-    /* @__PURE__ */ $("div", { className: "w-full", children: [
-      /* @__PURE__ */ $("div", { className: "flex flex-row items-center gap-2 justify-between", children: [
-        /* @__PURE__ */ n("span", { className: "font-bold", children: d }),
-        /* @__PURE__ */ n("div", { className: "text-xs", children: v ? "(Added)" : "" })
+    /* @__PURE__ */ t(n, { 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: "flex flex-col text-xs", children: [
-        /* @__PURE__ */ n("div", { children: f }),
-        /* @__PURE__ */ n("div", { className: "mt-3 cursor-pointer", onClick: (p) => {
-          p.stopPropagation(), p.preventDefault(), a(!r);
+      /* @__PURE__ */ I("div", { className: "flex flex-col text-xs", children: [
+        /* @__PURE__ */ t("div", { children: g }),
+        /* @__PURE__ */ t("div", { className: "mt-3 cursor-pointer", onClick: (m) => {
+          m.stopPropagation(), m.preventDefault(), s(!o);
         }, children: "Externals:" }),
-        r && /* @__PURE__ */ n("dl", { className: "ml-2 flex flex-col text-xs", children: e.externalDependencies.map((p, T) => /* @__PURE__ */ $("dd", { children: [
+        o && /* @__PURE__ */ t("dl", { className: "ml-2 flex flex-col text-xs", children: e.externalDependencies.map((m, T) => /* @__PURE__ */ I("dd", { children: [
           "- ",
-          p
+          m
         ] }, T)) })
       ] })
     ] })
   ] });
 }
-function sn({ item: e, onSettingItemChanged: i }) {
-  const t = e.name || "Unknown", r = e.description || "---", a = G(`
+function rr({ item: e, onSettingItemChanged: l }) {
+  const r = e.name || "Unknown", o = e.description || "---", s = G(`
     flex flex-row gap-2 p-2 rounded-md border text-sm bg-card content-card backdrop-opacity-100
-  `), o = (f) => {
-    const C = f.key;
-    if (["ArrowUp", "ArrowDown"].includes(C)) {
-      f.preventDefault();
-      const v = bt.incrementOrDecrementValue(
+  `), n = (g) => {
+    const D = g.key;
+    if (["ArrowUp", "ArrowDown"].includes(D)) {
+      g.preventDefault();
+      const S = bt.incrementOrDecrementValue(
         e,
-        C === "ArrowUp" ? 1 : -1
+        D === "ArrowUp" ? 1 : -1
       );
-      i(v);
+      l(S);
     }
-  }, d = (f) => {
-    i({
+  }, f = (g) => {
+    l({
       ...e,
-      value: f.target.value || ""
+      value: g.target.value || ""
     });
   };
-  return /* @__PURE__ */ n("div", { className: a, style: { width: "calc(100% - 1rem)" }, children: /* @__PURE__ */ $("div", { className: "w-full", children: [
-    /* @__PURE__ */ n("div", { className: "flex flex-row items-center gap-2 justify-between", children: /* @__PURE__ */ n("span", { className: "font-bold", children: t }) }),
-    /* @__PURE__ */ n("div", { className: "flex flex-col gap-2 text-xs", children: /* @__PURE__ */ n("div", { children: r }) }),
-    /* @__PURE__ */ $("div", { children: [
+  return /* @__PURE__ */ t("div", { className: s, style: { width: "calc(100% - 1rem)" }, children: /* @__PURE__ */ I("div", { className: "w-full", children: [
+    /* @__PURE__ */ t("div", { className: "flex flex-row items-center gap-2 justify-between", children: /* @__PURE__ */ t("span", { className: "font-bold", children: r }) }),
+    /* @__PURE__ */ t("div", { className: "flex flex-col gap-2 text-xs", children: /* @__PURE__ */ t("div", { children: o }) }),
+    /* @__PURE__ */ I("div", { children: [
       "Value:",
-      /* @__PURE__ */ n(
-        lt,
+      /* @__PURE__ */ t(
+        ct,
         {
           label: "Filter...",
           size: "small",
           className: "w-full",
           value: e.value,
-          onChange: d,
-          onKeyDown: o
+          onChange: f,
+          onKeyDown: n
         }
       )
     ] })
   ] }) });
 }
-const $e = (e, i) => [
-  ...i.widgets.filter((r) => r.indexOf("Container") === -1),
-  ...i.childWidgetsConfig.map((r) => r.widgetKey)
+const Re = (e, l) => [
+  ...l.widgets.filter((o) => o.indexOf("Container") === -1),
+  ...l.childWidgetsConfig.map((o) => o.widgetKey)
 ].includes(e);
-function An(e) {
+function $r(e) {
   const {
-    currentDashboardConfig: i,
-    undoStatus: t,
-    addContainer: r,
-    onResetToDefaultDashboardClick: a,
-    onUndoOrRedo: o,
-    onDoneClick: d
-  } = e, [f, C] = ae("Editing"), [v, m] = ae(0), [c, y] = ae(""), T = Array.from(e.widgetsCatalog.keys()).map((u) => ({
-    widgetKey: u,
-    metaData: yt(u, e.widgetsCatalog)
-  })), g = !!e.targetContainerKey, b = (u) => {
-    y(u.target.value);
-  }, w = (u) => {
+    currentDashboardConfig: l,
+    undoStatus: r,
+    addContainer: o,
+    onResetToDefaultDashboardClick: s,
+    onUndoOrRedo: n,
+    onDoneClick: f
+  } = e, [g, D] = ie("Editing"), [S, b] = ie(0), [c, p] = ie(""), T = Array.from(e.widgetsCatalog.keys()).map((d) => ({
+    widgetKey: d,
+    metaData: yt(d, e.widgetsCatalog)
+  })), h = !!e.targetContainerKey, y = (d) => {
+    p(d.target.value);
+  }, x = (d) => {
     const _ = c.trim().toLowerCase();
-    return _.length < 1 ? !0 : u.name.trim().toLowerCase().includes(_) || u.description.toLowerCase().includes(_);
-  }, N = (u) => {
+    return _.length < 1 ? !0 : d.name.trim().toLowerCase().includes(_) || d.description.toLowerCase().includes(_);
+  }, E = (d) => {
     const _ = c.trim().toLowerCase();
-    return _.length < 1 ? !0 : u.name.trim().toLowerCase().includes(_) || u.description.toLowerCase().includes(_);
-  }, S = (u) => G(
+    return _.length < 1 ? !0 : d.name.trim().toLowerCase().includes(_) || d.description.toLowerCase().includes(_);
+  }, C = (d) => G(
     "px-4 py-2 font-medium cursor-pointer border-b-2 border-transparent hover:border-primary focus:outline-none",
-    u === v ? "text-primary border-primary" : ""
-  ), D = (u) => {
-    g ? e.addWidget(u, e.targetContainerKey) : e.addWidget(u);
-  }, l = (u) => {
-    const _ = (e.currentDashboardConfig.cssSettings || []).map((I) => I.key === u.key ? u : I);
+    d === S ? "text-primary border-primary" : ""
+  ), w = (d) => {
+    h ? e.addWidget(d, e.targetContainerKey) : e.addWidget(d);
+  }, i = (d) => {
+    const _ = (e.currentDashboardConfig.cssSettings || []).map((R) => R.key === d.key ? d : R);
     e.onSettingItemsUpdated(_);
-  }, [M, s] = ae(!1), h = (u) => {
-    s(u);
+  }, [M, a] = ie(!1), u = (d) => {
+    a(d);
   };
   return Ct(() => {
     if (e.targetContainerKey) {
-      m(0);
-      const u = nt(e.targetContainerKey);
-      C(`Editing ${u}`);
+      b(0);
+      const d = nt(e.targetContainerKey);
+      D(`Editing ${d}`);
     } else
-      C("Editing Dashboard");
-  }, [e.targetContainerKey]), /* @__PURE__ */ n(
-    en,
+      D("Editing Dashboard");
+  }, [e.targetContainerKey]), /* @__PURE__ */ t(
+    Xt,
     {
       testId: "dashboard-catalog-flyout",
       className: "bg-body content-body bg-opacity-70 border-2 border-primary",
@@ -2794,22 +2724,22 @@ function An(e) {
         minHeight: "360px",
         backdropFilter: "blur(8px)"
       },
-      onDraggingChange: h,
-      children: /* @__PURE__ */ $("div", { className: "flex flex-col gap-2 p-2", children: [
-        /* @__PURE__ */ $("div", { className: "flex flex-row gap-2 justify-between", children: [
-          /* @__PURE__ */ $("div", { className: "handle flex-1 flex gap-2 w-full hover:text-primary cursor-grab", children: [
-            M ? /* @__PURE__ */ n(Ot, { className: "size-5" }) : /* @__PURE__ */ n(Wt, { className: "size-5" }),
-            /* @__PURE__ */ n(
+      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" }),
+            /* @__PURE__ */ t(
               "h2",
               {
                 className: "flex-1 text-base margin-0 capitalize",
-                title: g ? f : `Editing dashboard: ${i.dashboardName}`,
-                children: f
+                title: h ? g : `Editing dashboard: ${l.dashboardName}`,
+                children: g
               }
             )
           ] }),
-          /* @__PURE__ */ $("div", { className: "flex flex-row gap-2 items-center", children: [
-            /* @__PURE__ */ n(
+          /* @__PURE__ */ I("div", { className: "flex flex-row gap-2 items-center", children: [
+            /* @__PURE__ */ t(
               J,
               {
                 "data-testid": "undo-dashboard-config-change",
@@ -2818,12 +2748,12 @@ function An(e) {
                   placement: "bottom",
                   title: "Undo"
                 },
-                disabled: t.isUndoDisabled,
-                onClick: () => o("Undo"),
-                children: /* @__PURE__ */ n(It, { className: "size-5" })
+                disabled: r.isUndoDisabled,
+                onClick: () => n("Undo"),
+                children: /* @__PURE__ */ t(Nt, { className: "size-5" })
               }
             ),
-            /* @__PURE__ */ n(
+            /* @__PURE__ */ t(
               J,
               {
                 "data-testid": "redo-dashboard-config-change",
@@ -2832,12 +2762,12 @@ function An(e) {
                   placement: "bottom",
                   title: "Redo"
                 },
-                disabled: t.isRedoDisabled,
-                onClick: () => o("Redo"),
-                children: /* @__PURE__ */ n(Rt, { className: "size-5" })
+                disabled: r.isRedoDisabled,
+                onClick: () => n("Redo"),
+                children: /* @__PURE__ */ t(_t, { className: "size-5" })
               }
             ),
-            /* @__PURE__ */ n(
+            /* @__PURE__ */ t(
               J,
               {
                 "data-testid": "reset-dashboard-to-default",
@@ -2846,29 +2776,29 @@ function An(e) {
                   placement: "bottom",
                   title: "Reset this dashboard to the default configuration"
                 },
-                onClick: a,
-                children: /* @__PURE__ */ n($t, { className: "size-5" })
+                onClick: s,
+                children: /* @__PURE__ */ t(Et, { className: "size-5" })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ $("div", { className: "flex border-b border-gray-200", children: [
-          /* @__PURE__ */ n("button", { onClick: () => m(0), className: S(0), children: "Widgets" }),
-          /* @__PURE__ */ n("button", { onClick: () => m(1), className: S(1), children: "Charts" }),
-          !g && /* @__PURE__ */ n("button", { onClick: () => m(2), className: S(2), children: "Containers" }),
-          !g && /* @__PURE__ */ n("button", { onClick: () => m(3), className: S(3), children: /* @__PURE__ */ n(Pt, {}) })
+        /* @__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__ */ n("div", { className: "flex items-center justify-between gap-1 w-full", children: /* @__PURE__ */ n(
-          lt,
+        /* @__PURE__ */ t("div", { className: "flex items-center justify-between gap-1 w-full", children: /* @__PURE__ */ t(
+          ct,
           {
             label: "Filter...",
             size: "small",
             className: "w-full",
             value: c,
-            onChange: b
+            onChange: y
           }
         ) }),
-        /* @__PURE__ */ $(
+        /* @__PURE__ */ I(
           "div",
           {
             className: "flex flex-col gap-2 overflow-x-hidden overflow-y-auto",
@@ -2876,52 +2806,52 @@ function An(e) {
               maxHeight: "360px"
             },
             children: [
-              v === 0 && T.filter(
-                (u) => u.metaData.categories.includes("Widget") && w(u.metaData)
-              ).map((u) => /* @__PURE__ */ n(
-                Pe,
+              S === 0 && T.filter(
+                (d) => d.metaData.categories.includes("Widget") && x(d.metaData)
+              ).map((d) => /* @__PURE__ */ t(
+                Ie,
                 {
-                  widgetKey: u.widgetKey,
-                  metaData: u.metaData,
-                  alreadyAdded: $e(u.widgetKey, i),
-                  addWidget: () => D(u.widgetKey)
+                  widgetKey: d.widgetKey,
+                  metaData: d.metaData,
+                  alreadyAdded: Re(d.widgetKey, l),
+                  addWidget: () => w(d.widgetKey)
                 },
-                u.widgetKey
+                d.widgetKey
               )),
-              v === 1 && T.filter(
-                (u) => u.metaData.categories.includes("Chart") && w(u.metaData)
-              ).map((u) => /* @__PURE__ */ n(
-                Pe,
+              S === 1 && T.filter(
+                (d) => d.metaData.categories.includes("Chart") && x(d.metaData)
+              ).map((d) => /* @__PURE__ */ t(
+                Ie,
                 {
-                  widgetKey: u.widgetKey,
-                  metaData: u.metaData,
-                  alreadyAdded: $e(u.widgetKey, i),
-                  addWidget: () => D(u.widgetKey)
+                  widgetKey: d.widgetKey,
+                  metaData: d.metaData,
+                  alreadyAdded: Re(d.widgetKey, l),
+                  addWidget: () => w(d.widgetKey)
                 },
-                u.widgetKey
+                d.widgetKey
               )),
-              !g && v === 2 && T.filter((u) => u.metaData.categories.includes("Container")).map((u) => /* @__PURE__ */ n(
-                Pe,
+              !h && S === 2 && T.filter((d) => d.metaData.categories.includes("Container")).map((d) => /* @__PURE__ */ t(
+                Ie,
                 {
-                  widgetKey: u.widgetKey,
-                  metaData: u.metaData,
-                  alreadyAdded: $e(u.widgetKey, i),
-                  addWidget: () => r(u.widgetKey)
+                  widgetKey: d.widgetKey,
+                  metaData: d.metaData,
+                  alreadyAdded: Re(d.widgetKey, l),
+                  addWidget: () => o(d.widgetKey)
                 },
-                u.widgetKey
+                d.widgetKey
               )),
-              !g && v === 3 && (i.cssSettings || []).filter(N).map((u) => /* @__PURE__ */ n(
-                sn,
+              !h && S === 3 && (l.cssSettings || []).filter(E).map((d) => /* @__PURE__ */ t(
+                rr,
                 {
-                  item: u,
-                  onSettingItemChanged: l
+                  item: d,
+                  onSettingItemChanged: i
                 },
-                u.key
+                d.key
               ))
             ]
           }
         ),
-        /* @__PURE__ */ n("div", { className: "mt-4 w-full flex flex-row justify-end pt-1", children: /* @__PURE__ */ n(
+        /* @__PURE__ */ t("div", { className: "mt-4 w-full flex flex-row justify-end pt-1", children: /* @__PURE__ */ t(
           J,
           {
             className: "bg-opacity-100",
@@ -2929,7 +2859,7 @@ function An(e) {
               placement: "bottom",
               title: "Click to exit edit mode"
             },
-            onClick: d,
+            onClick: f,
             children: "Done"
           }
         ) })
@@ -2938,48 +2868,48 @@ function An(e) {
   );
 }
 export {
-  mn as AddIcon,
+  dr as AddIcon,
   J as Button,
-  jt as CircleQuestionMark,
-  kt as CrosshairIcon,
-  Wn as DashboardGrid,
-  tt as DashboardWidgetBase,
-  pn as DeleteIcon,
-  en as DraggablePanel,
-  an as DynamicWidgetLoader,
-  yn as EditIcon,
-  vn as GridIcon,
-  Ot as HandGrabIcon,
-  Wt as HandIcon,
-  Nn as ListItem,
-  En as ListItemLeftChild,
-  _n as ListItemMiddleChild,
-  Mn as ListItemRightChild,
-  xn as MonitorIcon,
-  Cn as MonitorSmartphoneIcon,
+  Rt as CircleQuestionMark,
+  It as CrosshairIcon,
+  Mr as DashboardGrid,
+  Jt as DashboardWidgetBase,
+  ur as DeleteIcon,
+  Xt as DraggablePanel,
+  tr as DynamicWidgetLoader,
+  fr as EditIcon,
+  gr as GridIcon,
+  Pt as HandGrabIcon,
+  Mt as HandIcon,
+  Cr as ListItem,
+  wr as ListItemLeftChild,
+  Sr as ListItemMiddleChild,
+  Dr as ListItemRightChild,
+  mr as MonitorIcon,
+  pr as MonitorSmartphoneIcon,
   it as MoveLeftIcon,
-  at as MoveRightIcon,
-  Rt as RedoIcon,
-  bn as RenameIcon,
-  Pt as SettingsIcon,
-  Lt as Stack,
-  U as SvgBaseWrapper,
-  wn as TabletSmartphoneIcon,
-  Tn as TargetIcon,
-  lt as TextField,
-  $t as TimerResetIcon,
-  It as UndoIcon,
-  On as WidgetContainerColumn,
-  kn as WidgetContainerLarge,
-  jn as WidgetContainerRow,
-  An as WidgetsCatalogFlyout,
-  $n as WrapperColumnContent,
-  In as WrapperColumnContentListItem,
-  st as XCircleIcon,
-  Sn as ZoomInIcon,
-  Dn as ZoomOutIcon,
-  rn as _isVersionCompatible,
-  Rn as showToast,
-  hn as useDashboardStore,
-  gn as useDashboardUndoService
+  st as MoveRightIcon,
+  _t as RedoIcon,
+  hr as RenameIcon,
+  Tt as SettingsIcon,
+  Ot as Stack,
+  K as SvgBaseWrapper,
+  yr as TabletSmartphoneIcon,
+  xr as TargetIcon,
+  ct as TextField,
+  Et as TimerResetIcon,
+  Nt as UndoIcon,
+  Pr as WidgetContainerColumn,
+  Ir as WidgetContainerLarge,
+  Rr as WidgetContainerRow,
+  $r as WidgetsCatalogFlyout,
+  Er as WrapperColumnContent,
+  Nr as WrapperColumnContentListItem,
+  lt as XCircleIcon,
+  br as ZoomInIcon,
+  vr as ZoomOutIcon,
+  Qt as _isVersionCompatible,
+  _r as showToast,
+  lr as useDashboardStore,
+  cr as useDashboardUndoService
 };