@tenorlab/react-dashboard 1.6.4 → 1.6.5

package/dist/react-dashboard.es.js

@@ -1,3261 +0,0 @@
-import { create as xt } from "zustand";
-import { blankDashboardConfig as Se, dashboardStoreUtils as ge, getDistinctCssClasses as Z, ensureZoomScaleIsWithinRange as Ct, parseContainerTitle as at, getWidgetMetaFromCatalog as wt, dashboardSettingsUtils as St } from "./core.es.js";
-import Ce, { useState as oe, useCallback as ce, useMemo as fe, useRef as st, useEffect as Oe, forwardRef as se, Suspense as Dt } from "react";
-import { jsxs as _, jsx as t } from "react/jsx-runtime";
-import lt from "react-dom";
-const Tt = (e) => (n, r, i) => {
-  const a = i.subscribe;
-  return i.subscribe = ((d, f, S) => {
-    let v = d;
-    if (f) {
-      const b = S?.equalityFn || Object.is;
-      let c = d(i.getState());
-      v = (h) => {
-        const g = d(h);
-        if (!b(c, g)) {
-          const N = c;
-          f(c = g, N);
-        }
-      }, S?.fireImmediately && f(c, c);
-    }
-    return a(v);
-  }), e(n, r, i);
-}, Nt = Tt, Et = (e, n) => ({
-  isLoading: !1,
-  isEditing: !1,
-  allDashboardConfigs: [Se],
-  currentDashboardConfig: Se,
-  targetContainerKey: void 0,
-  getNextContainerKey: (r) => ge.getNextContainerKey(n().currentDashboardConfig, r),
-  getCurrentDashboardConfig: () => n().currentDashboardConfig,
-  getCurrentDashboardId: () => n().currentDashboardConfig.dashboardId,
-  getIsResponsive: () => n().currentDashboardConfig.responsiveGrid || !1,
-  getTargetContainerKey: () => n().targetContainerKey,
-  setIsLoading: (r) => (e(() => ({ isLoading: r })), r),
-  setIsEditing: (r) => {
-    let i = n().targetContainerKey;
-    return r || (i = void 0), e(() => ({ isEditing: r, targetContainerKey: i })), r;
-  },
-  setTargetContainerKey: (r) => (e(() => ({ targetContainerKey: r })), r),
-  setAllDashboardConfigs: (r) => (e(() => ({ allDashboardConfigs: r })), n().allDashboardConfigs),
-  setCurrentDashboardConfig: (r) => {
-    const i = n(), a = [
-      ...i.allDashboardConfigs.filter((o) => o.dashboardId !== r.dashboardId),
-      r
-    ];
-    return e(() => ({
-      ...i,
-      allDashboardConfigs: a,
-      currentDashboardConfig: r
-    })), a;
-  },
-  addDashboardConfig: (r) => {
-    const i = n(), a = [
-      ...i.allDashboardConfigs.filter((o) => o.dashboardId !== r.dashboardId),
-      r
-    ];
-    return e(() => ({
-      ...i,
-      allDashboardConfigs: a,
-      currentDashboardConfig: r
-    })), a;
-  },
-  deleteDashboardConfigById: (r) => {
-    const i = n(), a = [...i.allDashboardConfigs.filter((o) => o.dashboardId !== r)];
-    return e(() => ({
-      ...i,
-      allDashboardConfigs: a,
-      currentDashboardConfig: a[0] || Se
-    })), a;
-  },
-  selectDashboardById: (r) => (e(() => {
-    const i = n(), a = i.allDashboardConfigs.find((o) => o.dashboardId === r);
-    return a ? {
-      currentDashboardConfig: a
-    } : {
-      ...i
-    };
-  }), n().currentDashboardConfig),
-  addWidget: (r) => {
-    const i = n(), a = ge.addWidget({
-      dashboardConfig: i.currentDashboardConfig,
-      ...r
-    }), o = [
-      ...i.allDashboardConfigs.filter(
-        (d) => d.dashboardId !== a.updatedDashboardConfig.dashboardId
-      ),
-      a.updatedDashboardConfig
-    ];
-    return a.success && e(() => ({
-      allDashboardConfigs: o,
-      currentDashboardConfig: a.updatedDashboardConfig
-    })), {
-      ...a,
-      allUpdatedDashboardConfigs: o
-    };
-  },
-  removeWidget: (r, i) => {
-    const a = n(), o = ge.removeWidget(
-      a.currentDashboardConfig,
-      r,
-      i
-    ), d = [
-      ...a.allDashboardConfigs.filter(
-        (f) => f.dashboardId !== o.updatedDashboardConfig.dashboardId
-      ),
-      o.updatedDashboardConfig
-    ];
-    return o.success && e(() => ({
-      allDashboardConfigs: d,
-      currentDashboardConfig: o.updatedDashboardConfig
-    })), {
-      ...o,
-      allUpdatedDashboardConfigs: d
-    };
-  },
-  moveWidget: (r, i, a) => {
-    const o = n(), d = ge.moveWidget(
-      o.currentDashboardConfig,
-      r,
-      i,
-      a
-    ), f = [
-      ...o.allDashboardConfigs.filter(
-        (S) => S.dashboardId !== d.updatedDashboardConfig.dashboardId
-      ),
-      d.updatedDashboardConfig
-    ];
-    return d.success && e(() => ({
-      allDashboardConfigs: f,
-      currentDashboardConfig: d.updatedDashboardConfig
-    })), {
-      ...d,
-      allUpdatedDashboardConfigs: f
-    };
-  }
-}), gn = xt()(
-  Nt((...e) => ({
-    ...Et(...e)
-  }))
-), mn = () => {
-  const [e, n] = oe({}), [r, i] = oe({}), a = ce((b) => {
-    const c = b.dashboardId;
-    n((h) => {
-      const g = {
-        undoIndex: 0,
-        config: b
-      };
-      return i((N) => ({
-        ...N,
-        [c]: 0
-      })), {
-        ...h,
-        [c]: [g]
-        // Forces a reset to just this one entry
-      };
-    });
-  }, []), o = ce(
-    (b) => {
-      n((c) => {
-        const h = b.dashboardId, g = c[h] || [], N = r[h] ?? -1, x = g.slice(0, N + 1), p = {
-          undoIndex: x.length,
-          // New index based on trimmed length
-          config: b
-        }, y = [...x, p];
-        return i((T) => ({
-          ...T,
-          [h]: y.length - 1
-          // Index is now the last element's index
-        })), {
-          ...c,
-          [h]: y
-        };
-      });
-    },
-    [r]
-  ), d = ce((b) => {
-    n((c) => {
-      if (!c[b])
-        return c;
-      const { [b]: h, ...g } = c;
-      return g;
-    }), i((c) => {
-      const { [b]: h, ...g } = c;
-      return g;
-    });
-  }, []), f = ce(
-    (b) => {
-      i((c) => {
-        const h = c[b] ?? -1, g = Math.max(0, h - 1);
-        return g !== h ? { ...c, [b]: g } : c;
-      });
-    },
-    [
-      //loadConfigFromHistory
-    ]
-  ), S = ce(
-    (b) => {
-      i((c) => {
-        const h = e[b]?.length || 0, g = c[b] ?? -1, N = Math.min(h - 1, g + 1);
-        return N !== g ? { ...c, [b]: N } : c;
-      });
-    },
-    [
-      e
-      //loadConfigFromHistory,
-    ]
-  );
-  return {
-    initializeHistoryForDashboard: a,
-    resetAllHistory: () => n({}),
-    addUndoEntry: o,
-    removeUndoHistoryForDashboard: d,
-    undo: f,
-    redo: S,
-    getUndoStatus: (b) => {
-      const c = r[b] ?? -1, h = e[b]?.length || 0, g = c <= 0, N = c >= h - 1;
-      return { isUndoDisabled: g, isRedoDisabled: N };
-    },
-    undoHistory: e,
-    historyIndex: r
-    // (Optional: You might expose undoHistory and historyIndex if needed for debugging)
-  };
-};
-function V({
-  children: e,
-  className: n,
-  style: r
-}) {
-  return /* @__PURE__ */ t(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "24",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      className: n,
-      style: r,
-      children: e
-    }
-  );
-}
-function ct({ className: e, style: n }) {
-  return /* @__PURE__ */ _(
-    V,
-    {
-      className: `lucide lucide-circle-plus-icon lucide-circle-plus ${e}`,
-      style: n,
-      children: [
-        /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ t("path", { d: "M8 12h8" }),
-        /* @__PURE__ */ t("path", { d: "M12 8v8" })
-      ]
-    }
-  );
-}
-const pn = ct;
-function _t({ className: e, style: n }) {
-  return /* @__PURE__ */ _(
-    V,
-    {
-      className: `lucide lucide-circle-minus-icon lucide-circle-minus ${e}`,
-      style: n,
-      children: [
-        /* @__PURE__ */ t("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ t("path", { d: "M8 12h8" })
-      ]
-    }
-  );
-}
-function yn({ className: e, style: n }) {
-  return /* @__PURE__ */ _(
-    V,
-    {
-      className: `lucide lucide-trash2-icon lucide-trash-2 ${e}`,
-      style: n,
-      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 bn({ className: e, style: n }) {
-  return /* @__PURE__ */ _(
-    V,
-    {
-      className: `lucide lucide-square-pen-icon lucide-square-pen ${e}`,
-      style: n,
-      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 vn({ className: e, style: n }) {
-  return /* @__PURE__ */ _(
-    V,
-    {
-      className: `lucide lucide-text-cursor-input-icon lucide-text-cursor-input ${e}`,
-      style: n,
-      children: [
-        /* @__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 xn({ className: e, style: n }) {
-  return /* @__PURE__ */ _(
-    V,
-    {
-      className: `lucide lucide-grid3x3-icon lucide-grid-3x3 ${e}`,
-      style: n,
-      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 Cn({ className: e, style: n }) {
-  return /* @__PURE__ */ _(
-    V,
-    {
-      className: `lucide lucide-monitor-icon lucide-monitor ${e}`,
-      style: n,
-      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 wn({ className: e, style: n }) {
-  return /* @__PURE__ */ _(
-    V,
-    {
-      className: `lucide lucide-monitor-smartphone-icon lucide-monitor-smartphone ${e}`,
-      style: n,
-      children: [
-        /* @__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 dt({ className: e, style: n }) {
-  return /* @__PURE__ */ _(
-    V,
-    {
-      className: `lucide lucide-circle-arrow-left-icon lucide-circle-arrow-left ${e}`,
-      style: n,
-      children: [
-        /* @__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 ut({ className: e, style: n }) {
-  return /* @__PURE__ */ _(
-    V,
-    {
-      className: `lucide lucide-circle-arrow-right-icon lucide-circle-arrow-right ${e}`,
-      style: n,
-      children: [
-        /* @__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 Mt({ className: e, style: n }) {
-  return /* @__PURE__ */ _(
-    V,
-    {
-      className: `lucide lucide-settings-icon lucide-settings ${e}`,
-      style: n,
-      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 Sn({ className: e, style: n }) {
-  return /* @__PURE__ */ _(
-    V,
-    {
-      className: `lucide lucide-tablet-smartphone-icon lucide-tablet-smartphone ${e}`,
-      style: n,
-      children: [
-        /* @__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 ft({ className: e, style: n }) {
-  return /* @__PURE__ */ _(
-    V,
-    {
-      className: `lucide lucide-circle-x-icon lucide-circle-x ${e}`,
-      style: n,
-      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 Dn({ className: e, style: n }) {
-  return /* @__PURE__ */ _(
-    V,
-    {
-      className: `lucide lucide-zoom-in-icon lucide-zoom-in ${e}`,
-      style: n,
-      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 Tn({ className: e, style: n }) {
-  return /* @__PURE__ */ _(
-    V,
-    {
-      className: `lucide lucide-zoom-out-icon lucide-zoom-out ${e}`,
-      style: n,
-      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 Pt({ className: e, style: n }) {
-  return /* @__PURE__ */ _(
-    V,
-    {
-      className: `lucide lucide-timer-reset-icon lucide-timer-reset ${e}`,
-      style: n,
-      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 $t({ className: e, style: n }) {
-  return /* @__PURE__ */ _(V, { className: `lucide lucide-undo-icon lucide-undo ${e}`, style: n, 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 It({ className: e, style: n }) {
-  return /* @__PURE__ */ _(V, { className: `lucide lucide-redo-icon lucide-redo ${e}`, style: n, 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 Rt({ className: e, style: n }) {
-  return /* @__PURE__ */ _(V, { className: `lucide lucide-hand-icon lucide-hand ${e}`, style: n, 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 ht({ className: e, style: n }) {
-  return /* @__PURE__ */ _(
-    V,
-    {
-      className: `lucide lucide-hand-grab-icon lucide-hand-grab ${e}`,
-      style: n,
-      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 Ot({ className: e, style: n }) {
-  return /* @__PURE__ */ _(
-    V,
-    {
-      className: `lucide lucide-crosshair-icon lucide-crosshair ${e}`,
-      style: n,
-      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 Nn({ className: e, style: n }) {
-  return /* @__PURE__ */ _(
-    V,
-    {
-      className: `lucide lucide-target-icon lucide-target ${e}`,
-      style: n,
-      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 kt({ className: e, style: n }) {
-  return /* @__PURE__ */ _(
-    V,
-    {
-      className: `lucide lucide-file-question-mark-icon lucide-file-question-mark ${e}`,
-      style: n,
-      children: [
-        /* @__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" })
-      ]
-    }
-  );
-}
-function ke({ className: e, style: n }) {
-  return /* @__PURE__ */ t(
-    V,
-    {
-      className: `lucide lucide-chevron-down-icon lucide-chevron-down ${e}`,
-      style: n,
-      children: /* @__PURE__ */ t("path", { d: "m6 9 6 6 6-6" })
-    }
-  );
-}
-const gt = ({
-  label: e,
-  className: n,
-  size: r = "medium",
-  value: i,
-  onChange: a,
-  onKeyDown: o,
-  placeholder: d = ""
-}) => {
-  const f = fe(() => r === "small" ? "py-1.5 px-3 text-sm" : "py-2.5 px-4 text-base", [r]), S = Z("flex flex-col gap-1", n || ""), b = `${Z(`
-    block w-full rounded-md px-3 py-1.5 text-base 
-    bg-formfield content-formfield
-    outline-1 -outline-offset-1 outline-primary 
-    placeholder:text-disabled 
-    focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-200 sm:text-sm/6
-  `)} ${f}`;
-  return /* @__PURE__ */ _("div", { className: S, children: [
-    (e || "").trim().length > 0 && /* @__PURE__ */ t("label", { htmlFor: e, className: "block text-sm/6 font-medium", children: e }),
-    /* @__PURE__ */ t(
-      "input",
-      {
-        id: e,
-        type: "text",
-        value: i,
-        onChange: a,
-        onKeyDown: (c) => o && o(c),
-        placeholder: d,
-        className: b,
-        "aria-label": e
-      }
-    )
-  ] });
-}, De = /* @__PURE__ */ new Map([
-  [
-    "normal",
-    "group bg-[category] content-[category] hover:bg-[category] group-hover:bg-[category] focus:outline-[category] focus:outline-offset-[category]"
-  ],
-  [
-    "ghost",
-    "group bg-transparent border-[category] text-[category] hover:text-[category] group-hover:text-[category] focus:outline-[category] focus:outline-offset-[category]"
-  ]
-]);
-function ee(e) {
-  const {
-    tooltip: n,
-    disabled: r,
-    isIconButton: i,
-    className: a,
-    buttonType: o,
-    category: d,
-    px: f,
-    py: S,
-    children: v,
-    ...b
-  } = e, c = () => {
-    const g = e.isIconButton || !1, N = e.category || "primary", x = e.buttonType || "normal", p = e.disabled || !1, y = e.className || "", T = e.font || "semibold", C = 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", u = (e.addCss || "").trim(), P = e.justifyCss || "justify-center";
-    if (g)
-      return Z(
-        "flex flex-row items-center",
-        p ? "text-disabled" : `text-${N} hover:brightness-110 cursor-pointer`,
-        y || ""
-      );
-    const $ = [
-      "relative cursor-pointer",
-      "rounded-sm focus:outline-none focus:ring focus:ring-offset",
-      "transition-all duration-150",
-      "text-sm",
-      `font-${T}`
-    ];
-    if (p)
-      x === "ghost" ? $.push("text-disabled border-disabled cursor-not-allowed") : $.push("bg-disabled content-disabled border-disabled cursor-not-allowed");
-    else {
-      $.push("cursor-pointer");
-      let R = "";
-      De.has(x) ? R = `${De.get(x)}` : R = `${De.get("normal")}`, C < 1 && (R = R.replace("border-[category]", ""));
-      const U = R.replace(/\[category\]/g, N).trim();
-      $.push(U);
-    }
-    return C > 0 ? ($.push(`border-[${C}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}`), u.length > 0 && $.push(u), u.indexOf("hidden") === -1 && $.push("inline-flex"), $.push(P), $.join(" ").trim();
-  }, h = () => {
-    const g = e.px || 0.7, N = e.py || 0.25;
-    return {
-      padding: i ? 0 : `${N}rem ${g}rem `
-    };
-  };
-  return /* @__PURE__ */ t("button", { type: "button", disabled: r, className: c(), style: h(), ...b, children: v });
-}
-const Wt = ({
-  testid: e = "not-set",
-  label: n = "",
-  hideLabel: r = !1,
-  showChevron: i = !1,
-  hide: a = !1,
-  enabled: o,
-  isMenuOpen: d,
-  toggleOpen: f,
-  icon: S,
-  children: v
-}) => {
-  const b = st(null), [c, h] = oe(d);
-  Oe(() => {
-    d && h(!0);
-  }, [d]);
-  const g = () => {
-    d || h(!1);
-  };
-  Oe(() => {
-    const p = (y) => {
-      b.current && !b.current.contains(y.target) && f(!1);
-    };
-    return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
-  }, [f]);
-  const N = fe(
-    () => `
-    group max-w-xs p-1 sm:p-2 rounded-full flex items-center text-sm 
-    focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary 
-    content-topbar ${o ? "hover:text-primary cursor-pointer" : "opacity-50"}
-  `.trim(),
-    [o]
-  ), x = `
-    absolute flex flex-col right-0 z-50 mt-2 w-56 origin-top-right
-    rounded-md shadow-md ring-1 ring-black ring-opacity-5 focus:outline-none
-    bg-formfield content-formfield transition transform duration-100
-    ${d ? "ease-out opacity-100 scale-100" : "ease-in opacity-0 scale-95 pointer-events-none"}
-  `.trim();
-  return a ? null : /* @__PURE__ */ _("div", { ref: b, className: "relative inline-block text-left", "data-testid": e, children: [
-    /* @__PURE__ */ _(
-      "button",
-      {
-        type: "button",
-        className: N,
-        onClick: (p) => {
-          p.stopPropagation(), f(!d);
-        },
-        children: [
-          S,
-          /* @__PURE__ */ t("span", { className: r ? "sr-only" : "hidden ml-3 text-sm font-medium lg:block", children: n }),
-          i && /* @__PURE__ */ t(ke, { className: "hidden shrink-0 ml-1 size-4 lg:block" })
-        ]
-      }
-    ),
-    (d || c) && /* @__PURE__ */ t(
-      "div",
-      {
-        className: x,
-        onTransitionEnd: g,
-        role: "menu",
-        tabIndex: -1,
-        children: /* @__PURE__ */ t("div", { className: "form-dropdown-menu overflow-clip flex flex-col grow rounded-md justify-center w-full h-full bg-sidebar content-sidebar bg-opacity-95 p-0", children: v })
-      }
-    )
-  ] });
-}, jt = (e) => e.direction === "row" ? Z("flex flex-row items-center gap-2", e.classNames || "") : Z("flex flex-col gap-2 w-full", e.classNames || "");
-function At(e) {
-  const { children: n, testId: r, classNames: i, direction: a, ...o } = e, d = jt(e);
-  return /* @__PURE__ */ t("div", { "data-testid": r || "not-set", className: d, ...o, children: n });
-}
-const En = se(
-  (e, n) => {
-    const { classNames: r, innerClass: i, ...a } = e, o = Z(r || "", "w-full"), d = Z(
-      `w-full flex overflow-hidden justify-between items-center gap-0 
-      rounded-md border`,
-      i || ""
-    );
-    return /* @__PURE__ */ t(At, { direction: "row", classNames: o, ...a, children: /* @__PURE__ */ t("div", { className: d, children: e.children }) });
-  }
-), _n = se((e, n) => /* @__PURE__ */ t(
-  "div",
-  {
-    "data-testid": e.testId || "not-set",
-    className: "flex items-center justify-center",
-    style: {
-      flexShrink: 0,
-      padding: "0.75rem 0 0.75rem 0.75rem"
-    },
-    children: e.children
-  }
-)), Mn = se(
-  (e, n) => /* @__PURE__ */ t(
-    "div",
-    {
-      "data-testid": e.testId || "not-set",
-      className: "flex-1 flex flex-col gap-0 truncate p-2",
-      children: e.children
-    }
-  )
-), Pn = se((e, n) => /* @__PURE__ */ t(
-  "div",
-  {
-    "data-testid": e.testId || "not-set",
-    className: "flex flex-row items-center justify-between gap-1 h-full",
-    style: {
-      flexShrink: 0,
-      paddingRight: "0.65rem"
-    },
-    children: e.children
-  }
-));
-function Lt(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-var de = { exports: {} }, Te = {}, me = { exports: {} }, pe = { exports: {} }, Y = {};
-var qe;
-function qt() {
-  if (qe) return Y;
-  qe = 1;
-  var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, i = 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, S = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, v = 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, h = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, g = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, N = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, x = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, p = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, y = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, T = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-  function C(l) {
-    if (typeof l == "object" && l !== null) {
-      var M = l.$$typeof;
-      switch (M) {
-        case n:
-          switch (l = l.type, l) {
-            case S:
-            case v:
-            case i:
-            case o:
-            case a:
-            case c:
-              return l;
-            default:
-              switch (l = l && l.$$typeof, l) {
-                case f:
-                case b:
-                case N:
-                case g:
-                case d:
-                  return l;
-                default:
-                  return M;
-              }
-          }
-        case r:
-          return M;
-      }
-    }
-  }
-  function D(l) {
-    return C(l) === v;
-  }
-  return Y.AsyncMode = S, Y.ConcurrentMode = v, Y.ContextConsumer = f, Y.ContextProvider = d, Y.Element = n, Y.ForwardRef = b, Y.Fragment = i, Y.Lazy = N, Y.Memo = g, Y.Portal = r, Y.Profiler = o, Y.StrictMode = a, Y.Suspense = c, Y.isAsyncMode = function(l) {
-    return D(l) || C(l) === S;
-  }, Y.isConcurrentMode = D, Y.isContextConsumer = function(l) {
-    return C(l) === f;
-  }, Y.isContextProvider = function(l) {
-    return C(l) === d;
-  }, Y.isElement = function(l) {
-    return typeof l == "object" && l !== null && l.$$typeof === n;
-  }, Y.isForwardRef = function(l) {
-    return C(l) === b;
-  }, Y.isFragment = function(l) {
-    return C(l) === i;
-  }, Y.isLazy = function(l) {
-    return C(l) === N;
-  }, Y.isMemo = function(l) {
-    return C(l) === g;
-  }, Y.isPortal = function(l) {
-    return C(l) === r;
-  }, Y.isProfiler = function(l) {
-    return C(l) === o;
-  }, Y.isStrictMode = function(l) {
-    return C(l) === a;
-  }, Y.isSuspense = function(l) {
-    return C(l) === c;
-  }, Y.isValidElementType = function(l) {
-    return typeof l == "string" || typeof l == "function" || l === i || l === v || l === o || l === a || l === c || l === h || typeof l == "object" && l !== null && (l.$$typeof === N || l.$$typeof === g || l.$$typeof === d || l.$$typeof === f || l.$$typeof === b || l.$$typeof === p || l.$$typeof === y || l.$$typeof === T || l.$$typeof === x);
-  }, Y.typeOf = C, Y;
-}
-var F = {};
-var Ke;
-function Kt() {
-  return Ke || (Ke = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, i = 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, S = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, v = 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, h = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, g = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, N = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, x = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, p = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, y = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, T = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-    function C(E) {
-      return typeof E == "string" || typeof E == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      E === i || E === v || E === o || E === a || E === c || E === h || typeof E == "object" && E !== null && (E.$$typeof === N || E.$$typeof === g || E.$$typeof === d || E.$$typeof === f || E.$$typeof === b || E.$$typeof === p || E.$$typeof === y || E.$$typeof === T || E.$$typeof === x);
-    }
-    function D(E) {
-      if (typeof E == "object" && E !== null) {
-        var ne = E.$$typeof;
-        switch (ne) {
-          case n:
-            var he = E.type;
-            switch (he) {
-              case S:
-              case v:
-              case i:
-              case o:
-              case a:
-              case c:
-                return he;
-              default:
-                var Le = he && he.$$typeof;
-                switch (Le) {
-                  case f:
-                  case b:
-                  case N:
-                  case g:
-                  case d:
-                    return Le;
-                  default:
-                    return ne;
-                }
-            }
-          case r:
-            return ne;
-        }
-      }
-    }
-    var l = S, M = v, s = f, u = d, P = n, $ = b, R = i, U = N, B = g, H = r, J = o, m = a, X = c, te = !1;
-    function le(E) {
-      return te || (te = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), w(E) || D(E) === S;
-    }
-    function w(E) {
-      return D(E) === v;
-    }
-    function I(E) {
-      return D(E) === f;
-    }
-    function A(E) {
-      return D(E) === d;
-    }
-    function W(E) {
-      return typeof E == "object" && E !== null && E.$$typeof === n;
-    }
-    function O(E) {
-      return D(E) === b;
-    }
-    function L(E) {
-      return D(E) === i;
-    }
-    function k(E) {
-      return D(E) === N;
-    }
-    function j(E) {
-      return D(E) === g;
-    }
-    function q(E) {
-      return D(E) === r;
-    }
-    function z(E) {
-      return D(E) === o;
-    }
-    function K(E) {
-      return D(E) === a;
-    }
-    function Q(E) {
-      return D(E) === c;
-    }
-    F.AsyncMode = l, F.ConcurrentMode = M, F.ContextConsumer = s, F.ContextProvider = u, F.Element = P, F.ForwardRef = $, F.Fragment = R, F.Lazy = U, F.Memo = B, F.Portal = H, F.Profiler = J, F.StrictMode = m, F.Suspense = X, F.isAsyncMode = le, F.isConcurrentMode = w, F.isContextConsumer = I, F.isContextProvider = A, F.isElement = W, F.isForwardRef = O, F.isFragment = L, F.isLazy = k, F.isMemo = j, F.isPortal = q, F.isProfiler = z, F.isStrictMode = K, F.isSuspense = Q, F.isValidElementType = C, F.typeOf = D;
-  })()), F;
-}
-var Ue;
-function mt() {
-  return Ue || (Ue = 1, process.env.NODE_ENV === "production" ? pe.exports = qt() : pe.exports = Kt()), pe.exports;
-}
-var Ne, Ye;
-function Ut() {
-  if (Ye) return Ne;
-  Ye = 1;
-  var e = Object.getOwnPropertySymbols, n = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
-  function i(o) {
-    if (o == null)
-      throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(o);
-  }
-  function a() {
-    try {
-      if (!Object.assign)
-        return !1;
-      var o = new String("abc");
-      if (o[5] = "de", Object.getOwnPropertyNames(o)[0] === "5")
-        return !1;
-      for (var d = {}, f = 0; f < 10; f++)
-        d["_" + String.fromCharCode(f)] = f;
-      var S = Object.getOwnPropertyNames(d).map(function(b) {
-        return d[b];
-      });
-      if (S.join("") !== "0123456789")
-        return !1;
-      var v = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(b) {
-        v[b] = b;
-      }), Object.keys(Object.assign({}, v)).join("") === "abcdefghijklmnopqrst";
-    } catch {
-      return !1;
-    }
-  }
-  return Ne = a() ? Object.assign : function(o, d) {
-    for (var f, S = i(o), v, b = 1; b < arguments.length; b++) {
-      f = Object(arguments[b]);
-      for (var c in f)
-        n.call(f, c) && (S[c] = f[c]);
-      if (e) {
-        v = e(f);
-        for (var h = 0; h < v.length; h++)
-          r.call(f, v[h]) && (S[v[h]] = f[v[h]]);
-      }
-    }
-    return S;
-  }, Ne;
-}
-var Ee, Fe;
-function We() {
-  if (Fe) return Ee;
-  Fe = 1;
-  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return Ee = e, Ee;
-}
-var _e, ze;
-function pt() {
-  return ze || (ze = 1, _e = Function.call.bind(Object.prototype.hasOwnProperty)), _e;
-}
-var Me, Be;
-function Yt() {
-  if (Be) return Me;
-  Be = 1;
-  var e = function() {
-  };
-  if (process.env.NODE_ENV !== "production") {
-    var n = /* @__PURE__ */ We(), r = {}, i = /* @__PURE__ */ pt();
-    e = function(o) {
-      var d = "Warning: " + o;
-      typeof console < "u" && console.error(d);
-      try {
-        throw new Error(d);
-      } catch {
-      }
-    };
-  }
-  function a(o, d, f, S, v) {
-    if (process.env.NODE_ENV !== "production") {
-      for (var b in o)
-        if (i(o, b)) {
-          var c;
-          try {
-            if (typeof o[b] != "function") {
-              var h = Error(
-                (S || "React class") + ": " + f + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
-              );
-              throw h.name = "Invariant Violation", h;
-            }
-            c = o[b](d, b, S, f, null, n);
-          } catch (N) {
-            c = N;
-          }
-          if (c && !(c instanceof Error) && e(
-            (S || "React class") + ": type specification of " + f + " `" + 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 g = v ? v() : "";
-            e(
-              "Failed " + f + " type: " + c.message + (g ?? "")
-            );
-          }
-        }
-    }
-  }
-  return a.resetWarningCache = function() {
-    process.env.NODE_ENV !== "production" && (r = {});
-  }, Me = a, Me;
-}
-var Pe, He;
-function Ft() {
-  if (He) return Pe;
-  He = 1;
-  var e = mt(), n = Ut(), r = /* @__PURE__ */ We(), i = /* @__PURE__ */ pt(), a = /* @__PURE__ */ Yt(), o = function() {
-  };
-  process.env.NODE_ENV !== "production" && (o = function(f) {
-    var S = "Warning: " + f;
-    typeof console < "u" && console.error(S);
-    try {
-      throw new Error(S);
-    } catch {
-    }
-  });
-  function d() {
-    return null;
-  }
-  return Pe = function(f, S) {
-    var v = typeof Symbol == "function" && Symbol.iterator, b = "@@iterator";
-    function c(w) {
-      var I = w && (v && w[v] || w[b]);
-      if (typeof I == "function")
-        return I;
-    }
-    var h = "<<anonymous>>", g = {
-      array: y("array"),
-      bigint: y("bigint"),
-      bool: y("boolean"),
-      func: y("function"),
-      number: y("number"),
-      object: y("object"),
-      string: y("string"),
-      symbol: y("symbol"),
-      any: T(),
-      arrayOf: C,
-      element: D(),
-      elementType: l(),
-      instanceOf: M,
-      node: $(),
-      objectOf: u,
-      oneOf: s,
-      oneOfType: P,
-      shape: U,
-      exact: B
-    };
-    function N(w, I) {
-      return w === I ? w !== 0 || 1 / w === 1 / I : w !== w && I !== I;
-    }
-    function x(w, I) {
-      this.message = w, this.data = I && typeof I == "object" ? I : {}, this.stack = "";
-    }
-    x.prototype = Error.prototype;
-    function p(w) {
-      if (process.env.NODE_ENV !== "production")
-        var I = {}, A = 0;
-      function W(L, k, j, q, z, K, Q) {
-        if (q = q || h, K = K || j, Q !== r) {
-          if (S) {
-            var E = new Error(
-              "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
-            );
-            throw E.name = "Invariant Violation", E;
-          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var ne = q + ":" + j;
-            !I[ne] && // Avoid spamming the console because they are often not actionable except for lib authors
-            A < 3 && (o(
-              "You are manually calling a React.PropTypes validation function for the `" + K + "` prop on `" + q + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), I[ne] = !0, A++);
-          }
-        }
-        return k[j] == null ? L ? k[j] === null ? new x("The " + z + " `" + K + "` is marked as required " + ("in `" + q + "`, but its value is `null`.")) : new x("The " + z + " `" + K + "` is marked as required in " + ("`" + q + "`, but its value is `undefined`.")) : null : w(k, j, q, z, K);
-      }
-      var O = W.bind(null, !1);
-      return O.isRequired = W.bind(null, !0), O;
-    }
-    function y(w) {
-      function I(A, W, O, L, k, j) {
-        var q = A[W], z = m(q);
-        if (z !== w) {
-          var K = X(q);
-          return new x(
-            "Invalid " + L + " `" + k + "` of type " + ("`" + K + "` supplied to `" + O + "`, expected ") + ("`" + w + "`."),
-            { expectedType: w }
-          );
-        }
-        return null;
-      }
-      return p(I);
-    }
-    function T() {
-      return p(d);
-    }
-    function C(w) {
-      function I(A, W, O, L, k) {
-        if (typeof w != "function")
-          return new x("Property `" + k + "` of component `" + O + "` has invalid PropType notation inside arrayOf.");
-        var j = A[W];
-        if (!Array.isArray(j)) {
-          var q = m(j);
-          return new x("Invalid " + L + " `" + k + "` of type " + ("`" + q + "` supplied to `" + O + "`, expected an array."));
-        }
-        for (var z = 0; z < j.length; z++) {
-          var K = w(j, z, O, L, k + "[" + z + "]", r);
-          if (K instanceof Error)
-            return K;
-        }
-        return null;
-      }
-      return p(I);
-    }
-    function D() {
-      function w(I, A, W, O, L) {
-        var k = I[A];
-        if (!f(k)) {
-          var j = m(k);
-          return new x("Invalid " + O + " `" + L + "` of type " + ("`" + j + "` supplied to `" + W + "`, expected a single ReactElement."));
-        }
-        return null;
-      }
-      return p(w);
-    }
-    function l() {
-      function w(I, A, W, O, L) {
-        var k = I[A];
-        if (!e.isValidElementType(k)) {
-          var j = m(k);
-          return new x("Invalid " + O + " `" + L + "` of type " + ("`" + j + "` supplied to `" + W + "`, expected a single ReactElement type."));
-        }
-        return null;
-      }
-      return p(w);
-    }
-    function M(w) {
-      function I(A, W, O, L, k) {
-        if (!(A[W] instanceof w)) {
-          var j = w.name || h, q = le(A[W]);
-          return new x("Invalid " + L + " `" + k + "` of type " + ("`" + q + "` supplied to `" + O + "`, expected ") + ("instance of `" + j + "`."));
-        }
-        return null;
-      }
-      return p(I);
-    }
-    function s(w) {
-      if (!Array.isArray(w))
-        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
-          "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
-        ) : o("Invalid argument supplied to oneOf, expected an array.")), d;
-      function I(A, W, O, L, k) {
-        for (var j = A[W], q = 0; q < w.length; q++)
-          if (N(j, w[q]))
-            return null;
-        var z = JSON.stringify(w, function(Q, E) {
-          var ne = X(E);
-          return ne === "symbol" ? String(E) : E;
-        });
-        return new x("Invalid " + L + " `" + k + "` of value `" + String(j) + "` " + ("supplied to `" + O + "`, expected one of " + z + "."));
-      }
-      return p(I);
-    }
-    function u(w) {
-      function I(A, W, O, L, k) {
-        if (typeof w != "function")
-          return new x("Property `" + k + "` of component `" + O + "` has invalid PropType notation inside objectOf.");
-        var j = A[W], q = m(j);
-        if (q !== "object")
-          return new x("Invalid " + L + " `" + k + "` of type " + ("`" + q + "` supplied to `" + O + "`, expected an object."));
-        for (var z in j)
-          if (i(j, z)) {
-            var K = w(j, z, O, L, k + "." + z, r);
-            if (K instanceof Error)
-              return K;
-          }
-        return null;
-      }
-      return p(I);
-    }
-    function P(w) {
-      if (!Array.isArray(w))
-        return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), d;
-      for (var I = 0; I < w.length; I++) {
-        var A = w[I];
-        if (typeof A != "function")
-          return o(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + te(A) + " at index " + I + "."
-          ), d;
-      }
-      function W(O, L, k, j, q) {
-        for (var z = [], K = 0; K < w.length; K++) {
-          var Q = w[K], E = Q(O, L, k, j, q, r);
-          if (E == null)
-            return null;
-          E.data && i(E.data, "expectedType") && z.push(E.data.expectedType);
-        }
-        var ne = z.length > 0 ? ", expected one of type [" + z.join(", ") + "]" : "";
-        return new x("Invalid " + j + " `" + q + "` supplied to " + ("`" + k + "`" + ne + "."));
-      }
-      return p(W);
-    }
-    function $() {
-      function w(I, A, W, O, L) {
-        return H(I[A]) ? null : new x("Invalid " + O + " `" + L + "` supplied to " + ("`" + W + "`, expected a ReactNode."));
-      }
-      return p(w);
-    }
-    function R(w, I, A, W, O) {
-      return new x(
-        (w || "React class") + ": " + I + " type `" + A + "." + W + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + O + "`."
-      );
-    }
-    function U(w) {
-      function I(A, W, O, L, k) {
-        var j = A[W], q = m(j);
-        if (q !== "object")
-          return new x("Invalid " + L + " `" + k + "` of type `" + q + "` " + ("supplied to `" + O + "`, expected `object`."));
-        for (var z in w) {
-          var K = w[z];
-          if (typeof K != "function")
-            return R(O, L, k, z, X(K));
-          var Q = K(j, z, O, L, k + "." + z, r);
-          if (Q)
-            return Q;
-        }
-        return null;
-      }
-      return p(I);
-    }
-    function B(w) {
-      function I(A, W, O, L, k) {
-        var j = A[W], q = m(j);
-        if (q !== "object")
-          return new x("Invalid " + L + " `" + k + "` of type `" + q + "` " + ("supplied to `" + O + "`, expected `object`."));
-        var z = n({}, A[W], w);
-        for (var K in z) {
-          var Q = w[K];
-          if (i(w, K) && typeof Q != "function")
-            return R(O, L, k, K, X(Q));
-          if (!Q)
-            return new x(
-              "Invalid " + L + " `" + k + "` key `" + K + "` supplied to `" + O + "`.\nBad object: " + JSON.stringify(A[W], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(w), null, "  ")
-            );
-          var E = Q(j, K, O, L, k + "." + K, r);
-          if (E)
-            return E;
-        }
-        return null;
-      }
-      return p(I);
-    }
-    function H(w) {
-      switch (typeof w) {
-        case "number":
-        case "string":
-        case "undefined":
-          return !0;
-        case "boolean":
-          return !w;
-        case "object":
-          if (Array.isArray(w))
-            return w.every(H);
-          if (w === null || f(w))
-            return !0;
-          var I = c(w);
-          if (I) {
-            var A = I.call(w), W;
-            if (I !== w.entries) {
-              for (; !(W = A.next()).done; )
-                if (!H(W.value))
-                  return !1;
-            } else
-              for (; !(W = A.next()).done; ) {
-                var O = W.value;
-                if (O && !H(O[1]))
-                  return !1;
-              }
-          } else
-            return !1;
-          return !0;
-        default:
-          return !1;
-      }
-    }
-    function J(w, I) {
-      return w === "symbol" ? !0 : I ? I["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && I instanceof Symbol : !1;
-    }
-    function m(w) {
-      var I = typeof w;
-      return Array.isArray(w) ? "array" : w instanceof RegExp ? "object" : J(I, w) ? "symbol" : I;
-    }
-    function X(w) {
-      if (typeof w > "u" || w === null)
-        return "" + w;
-      var I = m(w);
-      if (I === "object") {
-        if (w instanceof Date)
-          return "date";
-        if (w instanceof RegExp)
-          return "regexp";
-      }
-      return I;
-    }
-    function te(w) {
-      var I = X(w);
-      switch (I) {
-        case "array":
-        case "object":
-          return "an " + I;
-        case "boolean":
-        case "date":
-        case "regexp":
-          return "a " + I;
-        default:
-          return I;
-      }
-    }
-    function le(w) {
-      return !w.constructor || !w.constructor.name ? h : w.constructor.name;
-    }
-    return g.checkPropTypes = a, g.resetWarningCache = a.resetWarningCache, g.PropTypes = g, g;
-  }, Pe;
-}
-var $e, Ve;
-function zt() {
-  if (Ve) return $e;
-  Ve = 1;
-  var e = /* @__PURE__ */ We();
-  function n() {
-  }
-  function r() {
-  }
-  return r.resetWarningCache = n, $e = function() {
-    function i(d, f, S, v, b, c) {
-      if (c !== e) {
-        var h = 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 h.name = "Invariant Violation", h;
-      }
-    }
-    i.isRequired = i;
-    function a() {
-      return i;
-    }
-    var o = {
-      array: i,
-      bigint: i,
-      bool: i,
-      func: i,
-      number: i,
-      object: i,
-      string: i,
-      symbol: i,
-      any: i,
-      arrayOf: a,
-      element: i,
-      elementType: i,
-      instanceOf: a,
-      node: i,
-      objectOf: a,
-      oneOf: a,
-      oneOfType: a,
-      shape: a,
-      exact: a,
-      checkPropTypes: r,
-      resetWarningCache: n
-    };
-    return o.PropTypes = o, o;
-  }, $e;
-}
-var Xe;
-function yt() {
-  if (Xe) return me.exports;
-  if (Xe = 1, process.env.NODE_ENV !== "production") {
-    var e = mt(), n = !0;
-    me.exports = /* @__PURE__ */ Ft()(e.isElement, n);
-  } else
-    me.exports = /* @__PURE__ */ zt()();
-  return me.exports;
-}
-var ye = { exports: {} }, Ge;
-function Bt() {
-  if (Ge) return ye.exports;
-  Ge = 1;
-  function e(r) {
-    var i, a, o = "";
-    if (typeof r == "string" || typeof r == "number") o += r;
-    else if (typeof r == "object") if (Array.isArray(r)) {
-      var d = r.length;
-      for (i = 0; i < d; i++) r[i] && (a = e(r[i])) && (o && (o += " "), o += a);
-    } else for (a in r) r[a] && (o && (o += " "), o += a);
-    return o;
-  }
-  function n() {
-    for (var r, i, a = 0, o = "", d = arguments.length; a < d; a++) (r = arguments[a]) && (i = e(r)) && (o && (o += " "), o += i);
-    return o;
-  }
-  return ye.exports = n, ye.exports.clsx = n, ye.exports;
-}
-var G = {}, ie = {}, Ze;
-function we() {
-  if (Ze) return ie;
-  Ze = 1, Object.defineProperty(ie, "__esModule", {
-    value: !0
-  }), ie.dontSetMe = a, ie.findInArray = e, ie.int = i, ie.isFunction = n, ie.isNum = r;
-  function e(o, d) {
-    for (let f = 0, S = o.length; f < S; f++)
-      if (d.apply(d, [o[f], f, o])) return o[f];
-  }
-  function n(o) {
-    return typeof o == "function" || Object.prototype.toString.call(o) === "[object Function]";
-  }
-  function r(o) {
-    return typeof o == "number" && !isNaN(o);
-  }
-  function i(o) {
-    return parseInt(o, 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.`);
-  }
-  return ie;
-}
-var ae = {}, Je;
-function Ht() {
-  if (Je) return ae;
-  Je = 1, Object.defineProperty(ae, "__esModule", {
-    value: !0
-  }), ae.browserPrefixToKey = r, ae.browserPrefixToStyle = i, ae.default = void 0, ae.getPrefix = n;
-  const e = ["Moz", "Webkit", "O", "ms"];
-  function n() {
-    let o = 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 (r(o, e[f]) in d) return e[f];
-    return "";
-  }
-  function r(o, d) {
-    return d ? `${d}${a(o)}` : o;
-  }
-  function i(o, d) {
-    return d ? `-${d.toLowerCase()}-${o}` : o;
-  }
-  function a(o) {
-    let d = "", f = !0;
-    for (let S = 0; S < o.length; S++)
-      f ? (d += o[S].toUpperCase(), f = !1) : o[S] === "-" ? f = !0 : d += o[S];
-    return d;
-  }
-  return ae.default = n(), ae;
-}
-var Qe;
-function je() {
-  if (Qe) return G;
-  Qe = 1, Object.defineProperty(G, "__esModule", {
-    value: !0
-  }), G.addClassName = l, G.addEvent = d, G.addUserSelectStyles = T, G.createCSSTransform = g, G.createSVGTransform = N, G.getTouch = p, G.getTouchIdentifier = y, G.getTranslation = x, G.innerHeight = b, G.innerWidth = c, G.matchesSelector = a, G.matchesSelectorAndParentsTo = o, G.offsetXYFromParent = h, G.outerHeight = S, G.outerWidth = v, G.removeClassName = M, G.removeEvent = f, G.scheduleRemoveUserSelectStyles = C;
-  var e = we(), n = r(Ht());
-  function r(s, u) {
-    if (typeof WeakMap == "function") var P = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakMap();
-    return (r = function(R, U) {
-      if (!U && R && R.__esModule) return R;
-      var B, H, J = { __proto__: null, default: R };
-      if (R === null || typeof R != "object" && typeof R != "function") return J;
-      if (B = U ? $ : P) {
-        if (B.has(R)) return B.get(R);
-        B.set(R, J);
-      }
-      for (const m in R) m !== "default" && {}.hasOwnProperty.call(R, m) && ((H = (B = Object.defineProperty) && Object.getOwnPropertyDescriptor(R, m)) && (H.get || H.set) ? B(J, m, H) : J[m] = R[m]);
-      return J;
-    })(s, u);
-  }
-  let i = "";
-  function a(s, u) {
-    return i || (i = (0, e.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(P) {
-      return (0, e.isFunction)(s[P]);
-    })), (0, e.isFunction)(s[i]) ? s[i](u) : !1;
-  }
-  function o(s, u, P) {
-    let $ = s;
-    do {
-      if (a($, u)) return !0;
-      if ($ === P) return !1;
-      $ = $.parentNode;
-    } while ($);
-    return !1;
-  }
-  function d(s, u, P, $) {
-    if (!s) return;
-    const R = {
-      capture: !0,
-      ...$
-    };
-    s.addEventListener ? s.addEventListener(u, P, R) : s.attachEvent ? s.attachEvent("on" + u, P) : s["on" + u] = P;
-  }
-  function f(s, u, P, $) {
-    if (!s) return;
-    const R = {
-      capture: !0,
-      ...$
-    };
-    s.removeEventListener ? s.removeEventListener(u, P, R) : s.detachEvent ? s.detachEvent("on" + u, P) : s["on" + u] = null;
-  }
-  function S(s) {
-    let u = s.clientHeight;
-    const P = s.ownerDocument.defaultView.getComputedStyle(s);
-    return u += (0, e.int)(P.borderTopWidth), u += (0, e.int)(P.borderBottomWidth), u;
-  }
-  function v(s) {
-    let u = s.clientWidth;
-    const P = s.ownerDocument.defaultView.getComputedStyle(s);
-    return u += (0, e.int)(P.borderLeftWidth), u += (0, e.int)(P.borderRightWidth), u;
-  }
-  function b(s) {
-    let u = s.clientHeight;
-    const P = s.ownerDocument.defaultView.getComputedStyle(s);
-    return u -= (0, e.int)(P.paddingTop), u -= (0, e.int)(P.paddingBottom), u;
-  }
-  function c(s) {
-    let u = s.clientWidth;
-    const P = s.ownerDocument.defaultView.getComputedStyle(s);
-    return u -= (0, e.int)(P.paddingLeft), u -= (0, e.int)(P.paddingRight), u;
-  }
-  function h(s, u, P) {
-    const R = u === u.ownerDocument.body ? {
-      left: 0,
-      top: 0
-    } : u.getBoundingClientRect(), U = (s.clientX + u.scrollLeft - R.left) / P, B = (s.clientY + u.scrollTop - R.top) / P;
-    return {
-      x: U,
-      y: B
-    };
-  }
-  function g(s, u) {
-    const P = x(s, u, "px");
-    return {
-      [(0, n.browserPrefixToKey)("transform", n.default)]: P
-    };
-  }
-  function N(s, u) {
-    return x(s, u, "");
-  }
-  function x(s, u, P) {
-    let {
-      x: $,
-      y: R
-    } = s, U = `translate(${$}${P},${R}${P})`;
-    if (u) {
-      const B = `${typeof u.x == "string" ? u.x : u.x + P}`, H = `${typeof u.y == "string" ? u.y : u.y + P}`;
-      U = `translate(${B}, ${H})` + U;
-    }
-    return U;
-  }
-  function p(s, u) {
-    return s.targetTouches && (0, e.findInArray)(s.targetTouches, (P) => u === P.identifier) || s.changedTouches && (0, e.findInArray)(s.changedTouches, (P) => u === P.identifier);
-  }
-  function y(s) {
-    if (s.targetTouches && s.targetTouches[0]) return s.targetTouches[0].identifier;
-    if (s.changedTouches && s.changedTouches[0]) return s.changedTouches[0].identifier;
-  }
-  function T(s) {
-    if (!s) return;
-    let u = s.getElementById("react-draggable-style-el");
-    u || (u = s.createElement("style"), u.type = "text/css", u.id = "react-draggable-style-el", u.innerHTML = `.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
-`, u.innerHTML += `.react-draggable-transparent-selection *::selection {all: inherit;}
-`, s.getElementsByTagName("head")[0].appendChild(u)), s.body && l(s.body, "react-draggable-transparent-selection");
-  }
-  function C(s) {
-    window.requestAnimationFrame ? window.requestAnimationFrame(() => {
-      D(s);
-    }) : D(s);
-  }
-  function D(s) {
-    if (s)
-      try {
-        if (s.body && M(s.body, "react-draggable-transparent-selection"), s.selection)
-          s.selection.empty();
-        else {
-          const u = (s.defaultView || window).getSelection();
-          u && u.type !== "Caret" && u.removeAllRanges();
-        }
-      } catch {
-      }
-  }
-  function l(s, u) {
-    s.classList ? s.classList.add(u) : s.className.match(new RegExp(`(?:^|\\s)${u}(?!\\S)`)) || (s.className += ` ${u}`);
-  }
-  function M(s, u) {
-    s.classList ? s.classList.remove(u) : s.className = s.className.replace(new RegExp(`(?:^|\\s)${u}(?!\\S)`, "g"), "");
-  }
-  return G;
-}
-var re = {}, et;
-function bt() {
-  if (et) return re;
-  et = 1, Object.defineProperty(re, "__esModule", {
-    value: !0
-  }), re.canDragX = a, re.canDragY = o, re.createCoreData = f, re.createDraggableData = S, re.getBoundPosition = r, re.getControlPosition = d, re.snapToGrid = i;
-  var e = we(), n = je();
-  function r(c, h, g) {
-    if (!c.props.bounds) return [h, g];
-    let {
-      bounds: N
-    } = c.props;
-    N = typeof N == "string" ? N : v(N);
-    const x = b(c);
-    if (typeof N == "string") {
-      const {
-        ownerDocument: p
-      } = x, y = p.defaultView;
-      let T;
-      if (N === "parent" ? T = x.parentNode : T = x.getRootNode().querySelector(N), !(T instanceof y.HTMLElement))
-        throw new Error('Bounds selector "' + N + '" could not find an element.');
-      const C = T, D = y.getComputedStyle(x), l = y.getComputedStyle(C);
-      N = {
-        left: -x.offsetLeft + (0, e.int)(l.paddingLeft) + (0, e.int)(D.marginLeft),
-        top: -x.offsetTop + (0, e.int)(l.paddingTop) + (0, e.int)(D.marginTop),
-        right: (0, n.innerWidth)(C) - (0, n.outerWidth)(x) - x.offsetLeft + (0, e.int)(l.paddingRight) - (0, e.int)(D.marginRight),
-        bottom: (0, n.innerHeight)(C) - (0, n.outerHeight)(x) - x.offsetTop + (0, e.int)(l.paddingBottom) - (0, e.int)(D.marginBottom)
-      };
-    }
-    return (0, e.isNum)(N.right) && (h = Math.min(h, N.right)), (0, e.isNum)(N.bottom) && (g = Math.min(g, N.bottom)), (0, e.isNum)(N.left) && (h = Math.max(h, N.left)), (0, e.isNum)(N.top) && (g = Math.max(g, N.top)), [h, g];
-  }
-  function i(c, h, g) {
-    const N = Math.round(h / c[0]) * c[0], x = Math.round(g / c[1]) * c[1];
-    return [N, x];
-  }
-  function a(c) {
-    return c.props.axis === "both" || c.props.axis === "x";
-  }
-  function o(c) {
-    return c.props.axis === "both" || c.props.axis === "y";
-  }
-  function d(c, h, g) {
-    const N = typeof h == "number" ? (0, n.getTouch)(c, h) : null;
-    if (typeof h == "number" && !N) return null;
-    const x = b(g), p = g.props.offsetParent || x.offsetParent || x.ownerDocument.body;
-    return (0, n.offsetXYFromParent)(N || c, p, g.props.scale);
-  }
-  function f(c, h, g) {
-    const N = !(0, e.isNum)(c.lastX), x = b(c);
-    return N ? {
-      node: x,
-      deltaX: 0,
-      deltaY: 0,
-      lastX: h,
-      lastY: g,
-      x: h,
-      y: g
-    } : {
-      node: x,
-      deltaX: h - c.lastX,
-      deltaY: g - c.lastY,
-      lastX: c.lastX,
-      lastY: c.lastY,
-      x: h,
-      y: g
-    };
-  }
-  function S(c, h) {
-    const g = c.props.scale;
-    return {
-      node: h.node,
-      x: c.state.x + h.deltaX / g,
-      y: c.state.y + h.deltaY / g,
-      deltaX: h.deltaX / g,
-      deltaY: h.deltaY / g,
-      lastX: c.state.x,
-      lastY: c.state.y
-    };
-  }
-  function v(c) {
-    return {
-      left: c.left,
-      top: c.top,
-      right: c.right,
-      bottom: c.bottom
-    };
-  }
-  function b(c) {
-    const h = c.findDOMNode();
-    if (!h)
-      throw new Error("<DraggableCore>: Unmounted during event!");
-    return h;
-  }
-  return re;
-}
-var ue = {}, be = {}, tt;
-function vt() {
-  if (tt) return be;
-  tt = 1, Object.defineProperty(be, "__esModule", {
-    value: !0
-  }), be.default = e;
-  function e() {
-  }
-  return be;
-}
-var nt;
-function Vt() {
-  if (nt) return ue;
-  nt = 1, Object.defineProperty(ue, "__esModule", {
-    value: !0
-  }), ue.default = void 0;
-  var e = S(Ce), n = f(/* @__PURE__ */ yt()), r = f(lt), i = je(), a = bt(), o = we(), d = f(vt());
-  function f(x) {
-    return x && x.__esModule ? x : { default: x };
-  }
-  function S(x, p) {
-    if (typeof WeakMap == "function") var y = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap();
-    return (S = function(C, D) {
-      if (!D && C && C.__esModule) return C;
-      var l, M, s = { __proto__: null, default: C };
-      if (C === null || typeof C != "object" && typeof C != "function") return s;
-      if (l = D ? T : y) {
-        if (l.has(C)) return l.get(C);
-        l.set(C, s);
-      }
-      for (const u in C) u !== "default" && {}.hasOwnProperty.call(C, u) && ((M = (l = Object.defineProperty) && Object.getOwnPropertyDescriptor(C, u)) && (M.get || M.set) ? l(s, u, M) : s[u] = C[u]);
-      return s;
-    })(x, p);
-  }
-  function v(x, p, y) {
-    return (p = b(p)) in x ? Object.defineProperty(x, p, { value: y, enumerable: !0, configurable: !0, writable: !0 }) : x[p] = y, x;
-  }
-  function b(x) {
-    var p = c(x, "string");
-    return typeof p == "symbol" ? p : p + "";
-  }
-  function c(x, p) {
-    if (typeof x != "object" || !x) return x;
-    var y = x[Symbol.toPrimitive];
-    if (y !== void 0) {
-      var T = y.call(x, p);
-      if (typeof T != "object") return T;
-      throw new TypeError("@@toPrimitive must return a primitive value.");
-    }
-    return (p === "string" ? String : Number)(x);
-  }
-  const h = {
-    touch: {
-      start: "touchstart",
-      move: "touchmove",
-      stop: "touchend"
-    },
-    mouse: {
-      start: "mousedown",
-      move: "mousemove",
-      stop: "mouseup"
-    }
-  };
-  let g = h.mouse, N = 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", (p) => {
-        if (this.props.onMouseDown(p), !this.props.allowAnyClick && typeof p.button == "number" && p.button !== 0) return !1;
-        const y = this.findDOMNode();
-        if (!y || !y.ownerDocument || !y.ownerDocument.body)
-          throw new Error("<DraggableCore> not mounted on DragStart!");
-        const {
-          ownerDocument: T
-        } = y;
-        if (this.props.disabled || !(p.target instanceof T.defaultView.Node) || this.props.handle && !(0, i.matchesSelectorAndParentsTo)(p.target, this.props.handle, y) || this.props.cancel && (0, i.matchesSelectorAndParentsTo)(p.target, this.props.cancel, y))
-          return;
-        p.type === "touchstart" && !this.props.allowMobileScroll && p.preventDefault();
-        const C = (0, i.getTouchIdentifier)(p);
-        this.touchIdentifier = C;
-        const D = (0, a.getControlPosition)(p, C, this);
-        if (D == null) return;
-        const {
-          x: l,
-          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(p, s) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, i.addUserSelectStyles)(T), this.dragging = !0, this.lastX = l, this.lastY = M, (0, i.addEvent)(T, g.move, this.handleDrag), (0, i.addEvent)(T, g.stop, this.handleDragStop));
-      }), v(this, "handleDrag", (p) => {
-        const y = (0, a.getControlPosition)(p, this.touchIdentifier, this);
-        if (y == null) return;
-        let {
-          x: T,
-          y: C
-        } = y;
-        if (Array.isArray(this.props.grid)) {
-          let M = T - this.lastX, s = C - this.lastY;
-          if ([M, s] = (0, a.snapToGrid)(this.props.grid, M, s), !M && !s) return;
-          T = this.lastX + M, C = this.lastY + s;
-        }
-        const D = (0, a.createCoreData)(this, T, C);
-        if ((0, d.default)("DraggableCore: handleDrag: %j", D), this.props.onDrag(p, D) === !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);
-          }
-          return;
-        }
-        this.lastX = T, this.lastY = C;
-      }), v(this, "handleDragStop", (p) => {
-        if (!this.dragging) return;
-        const y = (0, a.getControlPosition)(p, this.touchIdentifier, this);
-        if (y == null) return;
-        let {
-          x: T,
-          y: C
-        } = y;
-        if (Array.isArray(this.props.grid)) {
-          let s = T - this.lastX || 0, u = C - this.lastY || 0;
-          [s, u] = (0, a.snapToGrid)(this.props.grid, s, u), T = this.lastX + s, C = this.lastY + u;
-        }
-        const D = (0, a.createCoreData)(this, T, C);
-        if (this.props.onStop(p, D) === !1 || this.mounted === !1) return !1;
-        const M = this.findDOMNode();
-        M && this.props.enableUserSelectHack && (0, i.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, i.removeEvent)(M.ownerDocument, g.move, this.handleDrag), (0, i.removeEvent)(M.ownerDocument, g.stop, this.handleDragStop));
-      }), v(this, "onMouseDown", (p) => (g = h.mouse, this.handleDragStart(p))), v(this, "onMouseUp", (p) => (g = h.mouse, this.handleDragStop(p))), v(this, "onTouchStart", (p) => (g = h.touch, this.handleDragStart(p))), v(this, "onTouchEnd", (p) => (g = h.touch, this.handleDragStop(p)));
-    }
-    componentDidMount() {
-      this.mounted = !0;
-      const p = this.findDOMNode();
-      p && (0, i.addEvent)(p, h.touch.start, this.onTouchStart, {
-        passive: !1
-      });
-    }
-    componentWillUnmount() {
-      this.mounted = !1;
-      const p = this.findDOMNode();
-      if (p) {
-        const {
-          ownerDocument: y
-        } = p;
-        (0, i.removeEvent)(y, h.mouse.move, this.handleDrag), (0, i.removeEvent)(y, h.touch.move, this.handleDrag), (0, i.removeEvent)(y, h.mouse.stop, this.handleDragStop), (0, i.removeEvent)(y, h.touch.stop, this.handleDragStop), (0, i.removeEvent)(p, h.touch.start, this.onTouchStart, {
-          passive: !1
-        }), this.props.enableUserSelectHack && (0, i.scheduleRemoveUserSelectStyles)(y);
-      }
-    }
-    // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
-    // the underlying DOM node ourselves. See the README for more information.
-    findDOMNode() {
-      return this.props?.nodeRef ? this.props?.nodeRef?.current : r.default.findDOMNode(this);
-    }
-    render() {
-      return /* @__PURE__ */ e.cloneElement(e.Children.only(this.props.children), {
-        // Note: mouseMove handler is attached to document so it will still function
-        // when the user drags quickly and leaves the bounds of the element.
-        onMouseDown: this.onMouseDown,
-        onMouseUp: this.onMouseUp,
-        // onTouchStart is added on `componentDidMount` so they can be added with
-        // {passive: false}, which allows it to cancel. See
-        // https://developers.google.com/web/updates/2017/01/scrolling-intervention
-        onTouchEnd: this.onTouchEnd
-      });
-    }
-  };
-  return ue.default = N, v(N, "displayName", "DraggableCore"), v(N, "propTypes", {
-    /**
-     * `allowAnyClick` allows dragging using any mouse button.
-     * By default, we only accept the left button.
-     *
-     * Defaults to `false`.
-     */
-    allowAnyClick: n.default.bool,
-    /**
-     * `allowMobileScroll` turns off cancellation of the 'touchstart' event
-     * on mobile devices. Only enable this if you are having trouble with click
-     * events. Prefer using 'handle' / 'cancel' instead.
-     *
-     * Defaults to `false`.
-     */
-    allowMobileScroll: n.default.bool,
-    children: n.default.node.isRequired,
-    /**
-     * `disabled`, if true, stops the <Draggable> from dragging. All handlers,
-     * with the exception of `onMouseDown`, will not fire.
-     */
-    disabled: n.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: n.default.bool,
-    /**
-     * `offsetParent`, if set, uses the passed DOM node to compute drag offsets
-     * instead of using the parent node.
-     */
-    offsetParent: function(x, p) {
-      if (x[p] && x[p].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: n.default.arrayOf(n.default.number),
-    /**
-     * `handle` specifies a selector to be used as the handle that initiates drag.
-     *
-     * Example:
-     *
-     * ```jsx
-     *   let App = React.createClass({
-     *       render: function () {
-     *         return (
-     *            <Draggable handle=".handle">
-     *              <div>
-     *                  <div className="handle">Click me to drag</div>
-     *                  <div>This is some other content</div>
-     *              </div>
-     *           </Draggable>
-     *         );
-     *       }
-     *   });
-     * ```
-     */
-    handle: n.default.string,
-    /**
-     * `cancel` specifies a selector to be used to prevent drag initialization.
-     *
-     * Example:
-     *
-     * ```jsx
-     *   let App = React.createClass({
-     *       render: function () {
-     *           return(
-     *               <Draggable cancel=".cancel">
-     *                   <div>
-     *                     <div className="cancel">You can't drag from here</div>
-     *                     <div>Dragging here works fine</div>
-     *                   </div>
-     *               </Draggable>
-     *           );
-     *       }
-     *   });
-     * ```
-     */
-    cancel: n.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`
-     * as in this example:
-     *
-     * function MyComponent() {
-     *   const nodeRef = React.useRef(null);
-     *   return (
-     *     <Draggable nodeRef={nodeRef}>
-     *       <div ref={nodeRef}>Example Target</div>
-     *     </Draggable>
-     *   );
-     * }
-     *
-     * 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: n.default.object,
-    /**
-     * Called when dragging starts.
-     * If this function returns the boolean false, dragging will be canceled.
-     */
-    onStart: n.default.func,
-    /**
-     * Called while dragging.
-     * If this function returns the boolean false, dragging will be canceled.
-     */
-    onDrag: n.default.func,
-    /**
-     * Called when dragging stops.
-     * If this function returns the boolean false, the drag will remain active.
-     */
-    onStop: n.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: n.default.func,
-    /**
-     * `scale`, if set, applies scaling while dragging an element
-     */
-    scale: n.default.number,
-    /**
-     * These properties should be defined on the child, not here.
-     */
-    className: o.dontSetMe,
-    style: o.dontSetMe,
-    transform: o.dontSetMe
-  }), v(N, "defaultProps", {
-    allowAnyClick: !1,
-    // by default only accept left click
-    allowMobileScroll: !1,
-    disabled: !1,
-    enableUserSelectHack: !0,
-    onStart: function() {
-    },
-    onDrag: function() {
-    },
-    onStop: function() {
-    },
-    onMouseDown: function() {
-    },
-    scale: 1
-  }), ue;
-}
-var rt;
-function Xt() {
-  return rt || (rt = 1, (function(e) {
-    Object.defineProperty(e, "__esModule", {
-      value: !0
-    }), Object.defineProperty(e, "DraggableCore", {
-      enumerable: !0,
-      get: function() {
-        return S.default;
-      }
-    }), e.default = void 0;
-    var n = c(Ce), r = b(/* @__PURE__ */ yt()), i = b(lt), a = Bt(), o = je(), d = bt(), f = we(), S = b(Vt()), v = b(vt());
-    function b(y) {
-      return y && y.__esModule ? y : { default: y };
-    }
-    function c(y, T) {
-      if (typeof WeakMap == "function") var C = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakMap();
-      return (c = function(l, M) {
-        if (!M && l && l.__esModule) return l;
-        var s, u, P = { __proto__: null, default: l };
-        if (l === null || typeof l != "object" && typeof l != "function") return P;
-        if (s = M ? D : C) {
-          if (s.has(l)) return s.get(l);
-          s.set(l, P);
-        }
-        for (const $ in l) $ !== "default" && {}.hasOwnProperty.call(l, $) && ((u = (s = Object.defineProperty) && Object.getOwnPropertyDescriptor(l, $)) && (u.get || u.set) ? s(P, $, u) : P[$] = l[$]);
-        return P;
-      })(y, T);
-    }
-    function h() {
-      return h = Object.assign ? Object.assign.bind() : function(y) {
-        for (var T = 1; T < arguments.length; T++) {
-          var C = arguments[T];
-          for (var D in C) ({}).hasOwnProperty.call(C, D) && (y[D] = C[D]);
-        }
-        return y;
-      }, h.apply(null, arguments);
-    }
-    function g(y, T, C) {
-      return (T = N(T)) in y ? Object.defineProperty(y, T, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : y[T] = C, y;
-    }
-    function N(y) {
-      var T = x(y, "string");
-      return typeof T == "symbol" ? T : T + "";
-    }
-    function x(y, T) {
-      if (typeof y != "object" || !y) return y;
-      var C = y[Symbol.toPrimitive];
-      if (C !== void 0) {
-        var D = C.call(y, T);
-        if (typeof D != "object") return D;
-        throw new TypeError("@@toPrimitive must return a primitive value.");
-      }
-      return (T === "string" ? String : Number)(y);
-    }
-    class p extends n.Component {
-      // React 16.3+
-      // Arity (props, state)
-      static getDerivedStateFromProps(T, C) {
-        let {
-          position: D
-        } = T, {
-          prevPropsPosition: l
-        } = C;
-        return D && (!l || D.x !== l.x || D.y !== l.y) ? ((0, v.default)("Draggable: getDerivedStateFromProps %j", {
-          position: D,
-          prevPropsPosition: l
-        }), {
-          x: D.x,
-          y: D.y,
-          prevPropsPosition: {
-            ...D
-          }
-        }) : null;
-      }
-      constructor(T) {
-        super(T), g(this, "onDragStart", (C, D) => {
-          if ((0, v.default)("Draggable: onDragStart: %j", D), this.props.onStart(C, (0, d.createDraggableData)(this, D)) === !1) return !1;
-          this.setState({
-            dragging: !0,
-            dragged: !0
-          });
-        }), g(this, "onDrag", (C, D) => {
-          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,
-            slackX: 0,
-            slackY: 0
-          };
-          if (this.props.bounds) {
-            const {
-              x: u,
-              y: P
-            } = M;
-            M.x += this.state.slackX, M.y += this.state.slackY;
-            const [$, R] = (0, d.getBoundPosition)(this, M.x, M.y);
-            M.x = $, M.y = R, M.slackX = this.state.slackX + (u - M.x), M.slackY = this.state.slackY + (P - M.y), l.x = M.x, l.y = M.y, l.deltaX = M.x - this.state.x, l.deltaY = M.y - this.state.y;
-          }
-          if (this.props.onDrag(C, l) === !1) return !1;
-          this.setState(M);
-        }), g(this, "onDragStop", (C, D) => {
-          if (!this.state.dragging || this.props.onStop(C, (0, d.createDraggableData)(this, D)) === !1) return !1;
-          (0, v.default)("Draggable: onDragStop: %j", D);
-          const M = {
-            dragging: !1,
-            slackX: 0,
-            slackY: 0
-          };
-          if (!!this.props.position) {
-            const {
-              x: u,
-              y: P
-            } = this.props.position;
-            M.x = u, M.y = P;
-          }
-          this.setState(M);
-        }), this.state = {
-          // Whether or not we are currently dragging.
-          dragging: !1,
-          // Whether or not we have been dragged before.
-          dragged: !1,
-          // Current transform x and y.
-          x: T.position ? T.position.x : T.defaultPosition.x,
-          y: T.position ? T.position.y : T.defaultPosition.y,
-          prevPropsPosition: {
-            ...T.position
-          },
-          // Used for compensating for out-of-bounds drags
-          slackX: 0,
-          slackY: 0,
-          // Can only determine if SVG after mounting
-          isElementSVG: !1
-        }, T.position && !(T.onDrag || T.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({
-          isElementSVG: !0
-        });
-      }
-      componentWillUnmount() {
-        this.state.dragging && this.setState({
-          dragging: !1
-        });
-      }
-      // 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 ?? i.default.findDOMNode(this);
-      }
-      render() {
-        const {
-          axis: T,
-          bounds: C,
-          children: D,
-          defaultPosition: l,
-          defaultClassName: M,
-          defaultClassNameDragging: s,
-          defaultClassNameDragged: u,
-          position: P,
-          positionOffset: $,
-          scale: R,
-          ...U
-        } = this.props;
-        let B = {}, H = null;
-        const m = !!!P || this.state.dragging, X = P || l, te = {
-          // Set left if horizontal drag is enabled
-          x: (0, d.canDragX)(this) && m ? this.state.x : X.x,
-          // Set top if vertical drag is enabled
-          y: (0, d.canDragY)(this) && m ? this.state.y : X.y
-        };
-        this.state.isElementSVG ? H = (0, o.createSVGTransform)(te, $) : B = (0, o.createCSSTransform)(te, $);
-        const le = (0, a.clsx)(D.props.className || "", M, {
-          [s]: this.state.dragging,
-          [u]: this.state.dragged
-        });
-        return /* @__PURE__ */ n.createElement(S.default, h({}, U, {
-          onStart: this.onDragStart,
-          onDrag: this.onDrag,
-          onStop: this.onDragStop
-        }), /* @__PURE__ */ n.cloneElement(n.Children.only(D), {
-          className: le,
-          style: {
-            ...D.props.style,
-            ...B
-          },
-          transform: H
-        }));
-      }
-    }
-    e.default = p, g(p, "displayName", "Draggable"), g(p, "propTypes", {
-      // Accepts all props <DraggableCore> accepts.
-      ...S.default.propTypes,
-      /**
-       * `axis` determines which axis the draggable can move.
-       *
-       *  Note that all callbacks will still return data as normal. This only
-       *  controls flushing to the DOM.
-       *
-       * 'both' allows movement horizontally and vertically.
-       * 'x' limits movement to horizontal axis.
-       * 'y' limits movement to vertical axis.
-       * 'none' limits all movement.
-       *
-       * Defaults to 'both'.
-       */
-      axis: r.default.oneOf(["both", "x", "y", "none"]),
-      /**
-       * `bounds` determines the range of movement available to the element.
-       * Available values are:
-       *
-       * 'parent' restricts movement within the Draggable's parent node.
-       *
-       * Alternatively, pass an object with the following properties, all of which are optional:
-       *
-       * {left: LEFT_BOUND, right: RIGHT_BOUND, bottom: BOTTOM_BOUND, top: TOP_BOUND}
-       *
-       * All values are in px.
-       *
-       * Example:
-       *
-       * ```jsx
-       *   let App = React.createClass({
-       *       render: function () {
-       *         return (
-       *            <Draggable bounds={{right: 300, bottom: 300}}>
-       *              <div>Content</div>
-       *           </Draggable>
-       *         );
-       *       }
-       *   });
-       * ```
-       */
-      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
-       *
-       * Example:
-       *
-       * ```jsx
-       *      let App = React.createClass({
-       *          render: function () {
-       *              return (
-       *                  <Draggable defaultPosition={{x: 25, y: 25}}>
-       *                      <div>I start with transformX: 25px and transformY: 25px;</div>
-       *                  </Draggable>
-       *              );
-       *          }
-       *      });
-       * ```
-       */
-      defaultPosition: r.default.shape({
-        x: r.default.number,
-        y: r.default.number
-      }),
-      positionOffset: r.default.shape({
-        x: r.default.oneOfType([r.default.number, r.default.string]),
-        y: r.default.oneOfType([r.default.number, r.default.string])
-      }),
-      /**
-       * `position`, if present, defines the current position of the element.
-       *
-       *  This is similar to how form elements in React work - if no `position` is supplied, the component
-       *  is uncontrolled.
-       *
-       * Example:
-       *
-       * ```jsx
-       *      let App = React.createClass({
-       *          render: function () {
-       *              return (
-       *                  <Draggable position={{x: 25, y: 25}}>
-       *                      <div>I start with transformX: 25px and transformY: 25px;</div>
-       *                  </Draggable>
-       *              );
-       *          }
-       *      });
-       * ```
-       */
-      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
-    }), g(p, "defaultProps", {
-      ...S.default.defaultProps,
-      axis: "both",
-      bounds: !1,
-      defaultClassName: "react-draggable",
-      defaultClassNameDragging: "react-draggable-dragging",
-      defaultClassNameDragged: "react-draggable-dragged",
-      defaultPosition: {
-        x: 0,
-        y: 0
-      },
-      scale: 1
-    });
-  })(Te)), Te;
-}
-var ot;
-function Gt() {
-  if (ot) return de.exports;
-  ot = 1;
-  const {
-    default: e,
-    DraggableCore: n
-  } = Xt();
-  return de.exports = e, de.exports.default = e, de.exports.DraggableCore = n, de.exports;
-}
-var Zt = Gt();
-const Jt = /* @__PURE__ */ Lt(Zt), Qt = se((e, n) => {
-  const a = {
-    ...{
-      // 1. Take it out of the document flow
-      position: "fixed",
-      // 2. Set initial viewport position (e.g., top right)
-      top: "6rem",
-      right: "1rem",
-      // 3. Ensure it stacks above other content
-      zIndex: typeof e.zIndex < "u" ? Number(e.zIndex) : 99999,
-      // Add your layout/appearance styles
-      width: "360px",
-      minHeight: "360px",
-      borderStyle: "solid",
-      borderWidth: "3px",
-      boxShadow: "rgba(0, 0, 0, 0.5) 7px 7px 10px 0px"
-    },
-    ...e.style || {}
-  }, o = e.testId || "not-set", d = e.className || "panel", f = st(null);
-  return (
-    // 3. Pass the internal ref to the Draggable component via 'nodeRef'
-    /* @__PURE__ */ t(
-      Jt,
-      {
-        nodeRef: f,
-        "data-testid": o,
-        axis: "both",
-        handle: ".handle",
-        onStart: (b, c) => {
-          e.onDraggingChange?.(!0);
-        },
-        onStop: (b, c) => {
-          setTimeout(() => {
-            e.onDraggingChange?.(!1);
-          }, 100);
-        },
-        children: /* @__PURE__ */ t("div", { ref: f, className: d, style: a, children: e.children })
-      }
-    )
-  );
-});
-function In({ children: e, addCssClasses: n }) {
-  const r = Z(
-    "w-full h-full flex-1 flex flex-col",
-    (n || "gap-2 items-end justify-end content-end").trim()
-  );
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      className: r,
-      style: {
-        minHeight: "140px"
-      },
-      children: e
-    }
-  );
-}
-function Rn({ children: e, addCssClasses: n }) {
-  const r = Z(
-    "w-full flex flex-col",
-    (n || "items-end").trim()
-  );
-  return /* @__PURE__ */ t("div", { className: r, children: e });
-}
-const On = (e) => {
-  console.warn("showToast TODO", e);
-}, en = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, kn = se((e, n) => {
-  let r = Ct(Number(e.zoomScale || 0));
-  const i = e.responsiveGrid || !1, a = e.isEditing || !1, o = {
-    "--bwj-dashboard-transform-scale": r,
-    "--bwj-dashboard-add-cols": en(r)
-  }, d = Z(
-    "dashboard-main-grid w-full",
-    a ? "editing" : "",
-    i ? "responsive-grid" : "",
-    `border border-dashed ${a ? "border-primary border-opacity-50" : "border-transparent"}`
-  );
-  return /* @__PURE__ */ t("div", { className: d, style: o, children: e.children });
-}), ve = "size-5", tn = (e, n) => {
-  if ((e.overrideCssClasses || "").trim().length > 0)
-    return (e.overrideCssClasses || "").trim();
-  const r = e.direction || "column", i = e.noBorder;
-  let a = `dashboard-widget ${n ? "collapsed" : ""}`;
-  return a = `${a} direction-${r} ${e.isEditing ? "editing" : ""}`, a = `${a} border border-solid`, ["large", "xlarge"].indexOf(e.size || "") > -1 && (a = `${a} ${e.size}-widget`), i ? 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}`.trim() : a = `${a} bg-card content-card`, (e.addCssClasses || "").trim().length > 0 && (a = `${a} ${e.addCssClasses}`.trim()), a;
-}, nn = (e, n) => {
-  const r = e.hideTitle && !e.isEditing, i = () => {
-    const h = e.meta?.noCollapse;
-    return typeof h < "u" ? h : e.noCollapse || !1;
-  }, [a, o] = oe(
-    i() ? !1 : e.widgetSavedProps?.isCollapsed || !1
-  ), d = Z(tn(e, a)), f = () => {
-    e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey, e.parentWidgetKey);
-  }, S = (h) => {
-    e.onMoveClick && e.widgetKey && e.onMoveClick(h, e.widgetKey, e.parentWidgetKey);
-  }, v = () => {
-    e.savedPropsChanged?.({
-      parentWidgetKey: e.parentWidgetKey,
-      widgetKey: e.widgetKey,
-      isCollapsed: a
-    });
-  }, b = () => {
-    e.widgetKey && (o(!a), v());
-  }, c = Z(
-    "widget-header",
-    r ? "hidden" : "flex items-center justify-between border-b border-solid border-card-invert",
-    r ? "border-opacity-0" : "border-opacity-20"
-  );
-  return /* @__PURE__ */ _("div", { className: d, children: [
-    /* @__PURE__ */ _("div", { className: c, children: [
-      /* @__PURE__ */ _("div", { className: "widget-title-wrapper group w-full flex flex-row gap-2 items-center", children: [
-        /* @__PURE__ */ t("div", { className: "drag-handle hidden cursor-pointer text-primary group-hover:flex hover:brightness-110 pointer-coarse:flex", children: /* @__PURE__ */ t(ht, { className: "size-5" }) }),
-        /* @__PURE__ */ _("div", { className: "w-full flex flex-row gap-2 items-center justify-between", children: [
-          e.titleNode || /* @__PURE__ */ t("h2", { className: "widget-title cursor-pointer", onClick: () => b(), children: e.title }),
-          e.titleRightNode
-        ] })
-      ] }),
-      /* @__PURE__ */ t("div", { "data-testid": `collapse-and-other-actions_${e.widgetKey}_${e.index}`, children: /* @__PURE__ */ _("div", { className: "actions-inner", children: [
-        /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("span", { className: "hidden", children: "Widget" }) }),
-        /* @__PURE__ */ _("div", { className: "actions-buttons-container", children: [
-          /* @__PURE__ */ t(
-            ee,
-            {
-              "data-testid": `move-widget-left_${e.widgetKey}_${e.index}`,
-              isIconButton: !0,
-              disabled: e.index < 1,
-              tooltip: {
-                placement: "top",
-                title: `${e.index < 1 ? "Already at min position" : "Move Widget to the left/up"}`
-              },
-              onClick: () => S(-1),
-              children: /* @__PURE__ */ t(dt, { className: ve })
-            }
-          ),
-          /* @__PURE__ */ t(
-            ee,
-            {
-              "data-testid": `move-widget-right_${e.widgetKey}_${e.index}`,
-              isIconButton: !0,
-              disabled: e.index >= e.maxIndex,
-              tooltip: {
-                placement: "top",
-                title: `${e.index >= e.maxIndex ? "Already at max position" : "Move Widget to the right/down"}`
-              },
-              onClick: () => S(1),
-              children: /* @__PURE__ */ t(ut, { className: ve })
-            }
-          ),
-          /* @__PURE__ */ t(
-            ee,
-            {
-              "data-testid": `remove-container_${e.widgetKey}_${e.index}`,
-              isIconButton: !0,
-              tooltip: {
-                placement: "top",
-                title: "Remove Widget"
-              },
-              onClick: () => f(),
-              children: /* @__PURE__ */ t(ft, { className: ve })
-            }
-          ),
-          !i() && /* @__PURE__ */ t(
-            ee,
-            {
-              "data-testid": `collapse-expand_${e.widgetKey}_${e.index}`,
-              className: "collapse-button",
-              isIconButton: !0,
-              tooltip: {
-                placement: "top",
-                title: `${a ? "Expand Widget" : "Collapse Widget"}`
-              },
-              onClick: () => b(),
-              children: /* @__PURE__ */ t(
-                ke,
-                {
-                  className: ve,
-                  style: {
-                    transform: a ? "rotate(0deg)" : "rotate(180deg)",
-                    transition: "transform 0.2s ease-in-out"
-                  }
-                }
-              )
-            }
-          )
-        ] })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ t(
-      "div",
-      {
-        className: "widget-inner transition-height duration-300 ease-in-out",
-        "data-collapsed": a,
-        children: e.children
-      }
-    )
-  ] });
-}, rn = se(nn);
-function it(e) {
-  const { widgetKey: n, parentWidgetKey: r, index: i, maxIndex: a, isEditing: o, onRemoveClick: d, onMoveClick: f } = e, S = e.extraProps;
-  return /* @__PURE__ */ t(
-    rn,
-    {
-      widgetKey: n,
-      title: "Widget Error",
-      parentWidgetKey: r,
-      index: i,
-      maxIndex: a,
-      isEditing: o,
-      onRemoveClick: d,
-      onMoveClick: f,
-      children: /* @__PURE__ */ _("div", { className: "p-4 border border-dashed border-danger", children: [
-        /* @__PURE__ */ _("span", { className: "font-bold", children: [
-          'Failed to load "',
-          n,
-          '"'
-        ] }),
-        S?.versionMismatch && /* @__PURE__ */ _("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ _("span", { className: "font-bold text-sm", children: [
-            "Version Mismatch: ",
-            n
-          ] }),
-          /* @__PURE__ */ _("div", { className: "flex flex-col text-xs", children: [
-            /* @__PURE__ */ _("span", { children: [
-              "Widget requires: Vue ",
-              S?.requiredVer,
-              "."
-            ] }),
-            /* @__PURE__ */ _("span", { children: [
-              "Host version: ",
-              S?.hostVer,
-              "."
-            ] })
-          ] }),
-          /* @__PURE__ */ _("div", { className: "flex flex-col mt-3", children: [
-            /* @__PURE__ */ t("h5", { children: "Externals:" }),
-            /* @__PURE__ */ t("dl", { className: "ml-2 flex flex-col text-xs", children: S?.externalDependencies.map((v, b) => /* @__PURE__ */ _("dd", { children: [
-              "- ",
-              v
-            ] }, `dep-${b}`)) })
-          ] })
-        ] }),
-        !S?.versionMismatch && /* @__PURE__ */ _("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ t("div", { className: "flex flex-col text-xs italic", children: /* @__PURE__ */ t("span", { children: "The remote plugin is unavailable." }) }),
-          /* @__PURE__ */ t("span", { className: "font-bold text-sm", children: "Error Details:" }),
-          /* @__PURE__ */ _("div", { className: "flex flex-col mt-3", children: [
-            /* @__PURE__ */ t("h5", { children: "Details:" }),
-            /* @__PURE__ */ t("div", { className: "text-xs break-all", children: S?.errorMessage || "Unknown error occurred." })
-          ] })
-        ] })
-      ] })
-    }
-  );
-}
-const on = (e, n) => {
-  const r = (o) => o.replace(/[^0-9.]/g, ""), i = r(e).split(".").map(Number), a = r(n).split(".").map(Number);
-  return !(i[0] !== a[0] || i[1] < a[1]);
-};
-function an(e) {
-  return /* @__PURE__ */ t("div", { className: "dashboard-widget", children: /* @__PURE__ */ _("div", { className: "absolute inset-0 bg-black flex flex-col items-center justify-center text-center", children: [
-    /* @__PURE__ */ t("div", { className: "w-full absolute opacity-100 text-primary", children: e.title }),
-    /* @__PURE__ */ t("div", { className: "animate-ping rounded-full h-32 w-32 border-8 border-white" })
-  ] }) });
-}
-function sn({
-  index: e,
-  maxIndex: n,
-  widgetKey: r,
-  parentWidgetKey: i,
-  targetContainerKey: a,
-  childWidgetsConfig: o,
-  savedProps: d,
-  widgetCatalog: f,
-  isEditing: S,
-  // for additional props passed to all widget from the dashboard through the DynamicWidgetLoader:
-  extraProps: v,
-  onRemoveClick: b,
-  onMoveClick: c,
-  selectContainer: h,
-  savedPropsChanged: g
-}) {
-  const N = `${r}`.split("_"), x = N.length > 1, p = x ? N[0] : r, y = f.get(p);
-  if (!y)
-    return /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ _("p", { children: [
-      "Widget not found in catalog: ",
-      p
-    ] }) });
-  let T = null, C = !1;
-  const D = !!y.isContainer, l = x ? at(r) : "", M = D ? (o || []).filter(($) => $.parentWidgetKey === r) : [], s = {
-    index: e,
-    maxIndex: n,
-    widgetKey: r,
-    parentWidgetKey: i,
-    isEditing: S,
-    extraProps: v,
-    title: x ? l : y.title,
-    onRemoveClick: b,
-    onMoveClick: c,
-    savedPropsChanged: g
-  }, u = ($, R) => (R || "").trim().length > 0 ? (d || []).find(
-    (U) => U.parentWidgetKey === R && U.widgetKey === $
-  ) : (d || []).find(
-    (U) => (U.parentWidgetKey || "").trim().length === 0 && U.widgetKey === $
-  );
-  if (y.component ? (T = y.component, C = !1) : y.loader && (C = !0, T = fe(() => {
-    if (!y) return null;
-    const $ = typeof __HOST_REACT_VERSION__ < "u" ? __HOST_REACT_VERSION__ : "19.2.3", R = y.meta?.externalDependencies || [], U = R.find((B) => B.startsWith("react@"));
-    if (U) {
-      const B = U.split("@")[1];
-      if (!on($, B)) {
-        const H = {
-          ...s.extraProps,
-          hostVer: $,
-          requiredVer: B,
-          externalDependencies: R,
-          errorMessage: `Incompatible React version. Required: ${B}, Host: ${$}`,
-          versionMismatch: !0
-        };
-        return s.extraProps = {
-          ...s.extraProps,
-          ...H
-        }, Ce.lazy(async () => ({
-          default: () => /* @__PURE__ */ t(it, { ...s })
-        }));
-      }
-    }
-    if (y.component)
-      return y.component;
-    if (y.loader) {
-      const B = async () => {
-        try {
-          return await y.loader();
-        } catch (H) {
-          console.error(`Widget Load Error [${r}]:`, H);
-          const J = {
-            ...s.extraProps,
-            hostVer: $,
-            requiredVer: U ? U.split("@")[1] : "Unknown",
-            externalDependencies: R,
-            errorMessage: H.message,
-            versionMismatch: !1
-          };
-          return s.extraProps = {
-            ...s.extraProps,
-            ...J
-          }, {
-            default: () => /* @__PURE__ */ t(it, { ...s })
-          };
-        }
-      };
-      return Ce.lazy(B);
-    }
-    return null;
-  }, [y, r])), !T)
-    return /* @__PURE__ */ t("div", { className: "flex", children: /* @__PURE__ */ _("p", { children: [
-      "Widget definition incomplete: ",
-      p
-    ] }) });
-  const P = D ? {
-    highlight: a === r,
-    selectContainer: h,
-    // The children prop is the recursive call back to DynamicWidgetLoader
-    children: M.map(($, R) => /* @__PURE__ */ t(
-      sn,
-      {
-        index: R,
-        maxIndex: M.length - 1,
-        widgetKey: $.widgetKey,
-        parentWidgetKey: $.parentWidgetKey,
-        widgetCatalog: f,
-        isEditing: S,
-        extraProps: v,
-        onRemoveClick: b,
-        onMoveClick: c,
-        savedPropsChanged: g
-      },
-      `${$.widgetKey}_${R}`
-    ))
-  } : {
-    widgetSavedProps: u(r, i)
-  };
-  return C ? /* @__PURE__ */ t(Dt, { fallback: /* @__PURE__ */ t(an, { title: `Loading ${y.title}` }), children: /* @__PURE__ */ t(T, { ...s, ...P }) }) : /* @__PURE__ */ t(T, { ...s, ...P });
-}
-const xe = "size-5";
-function Ae(e) {
-  const n = e.highlight || !1, r = e.direction || "column", i = e.children.length > 0, a = e.isEditing || !1;
-  let f = n ? "border-transparent" : a && !i ? "border-card-invert" : "border-transparent";
-  const S = ["large", "xlarge"].includes(e.size || "");
-  let v = "";
-  ["large", "xlarge"].indexOf(e.size || "") > -1 && (v = `${e.size}-widget`);
-  let b = "";
-  r === "row" && !i ? b = "min-h-48" : r === "column" && !i && (b = "min-h-96");
-  let c = Z(
-    "dashboard-widget-container relative ",
-    i ? "" : "has-no-children",
-    a ? "editing" : "",
-    b,
-    v,
-    S ? "widget-container-grid" : "widget-container-flex",
-    `direction-${r}`,
-    `border ${f}`,
-    `${n ? "highlight-container" : ""} ${f}`
-  ), h = `widget-container-header direction-${r} flex items-center border-1 ${f}`;
-  const g = () => {
-    e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey);
-  }, N = (p) => {
-    e.onMoveClick && e.widgetKey && e.onMoveClick(p, e.widgetKey, e.parentWidgetKey);
-  }, x = () => {
-    e.selectContainer && e.widgetKey && e.selectContainer(e.widgetKey);
-  };
-  return /* @__PURE__ */ _("div", { "data-testid": `container_${e.widgetKey}`, className: c, children: [
-    /* @__PURE__ */ _("div", { className: h, children: [
-      /* @__PURE__ */ t(
-        "div",
-        {
-          className: "widget-title-wrapper w-full flex whitespace-nowrap",
-          onClick: x,
-          children: /* @__PURE__ */ t("span", { className: "text-sm font-semibold capitalize", children: e.title })
-        }
-      ),
-      /* @__PURE__ */ t("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ t("div", { className: "actions-inner", children: /* @__PURE__ */ _("div", { className: "actions-buttons-container", children: [
-        /* @__PURE__ */ t(
-          ee,
-          {
-            "data-testid": `open-widgets-catalog-from-container_${e.title}`,
-            isIconButton: !0,
-            className: "whitespace-nowrap",
-            tooltip: {
-              placement: "top",
-              title: "Target this Container"
-            },
-            onClick: x,
-            children: /* @__PURE__ */ t(
-              Ot,
-              {
-                className: `${xe} ${n ? "text-success" : "text-disabled"}`
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ t(
-          ee,
-          {
-            "data-testid": `move-container-left_${e.title}`,
-            isIconButton: !0,
-            disabled: e.index < 1,
-            tooltip: {
-              placement: "top",
-              title: `${e.index < 1 ? "Already at min position" : "Move Container to the left/up"}`
-            },
-            onClick: () => N(-1),
-            children: /* @__PURE__ */ t(dt, { className: xe })
-          }
-        ),
-        /* @__PURE__ */ t(
-          ee,
-          {
-            "data-testid": `move-container-right_${e.title}`,
-            isIconButton: !0,
-            disabled: e.index >= e.maxIndex,
-            tooltip: {
-              placement: "top",
-              title: `${e.index >= e.maxIndex ? "Already at max position" : "Move Container to the right/down"}`
-            },
-            onClick: () => N(1),
-            children: /* @__PURE__ */ t(ut, { className: xe })
-          }
-        ),
-        /* @__PURE__ */ t(
-          ee,
-          {
-            "data-testid": `remove-container_${e.title}`,
-            isIconButton: !0,
-            tooltip: {
-              placement: "top",
-              title: "Remove Container"
-            },
-            onClick: () => g(),
-            children: /* @__PURE__ */ t(ft, { className: xe })
-          }
-        )
-      ] }) }) })
-    ] }),
-    /* @__PURE__ */ t("div", { "data-testid": `childrenwrapper_${e.widgetKey}`, className: "widget-container-inner", children: e.children })
-  ] });
-}
-function Wn(e) {
-  const { direction: n, ...r } = e;
-  return /* @__PURE__ */ t(Ae, { direction: "column", ...r });
-}
-function jn(e) {
-  const { size: n, ...r } = e;
-  return /* @__PURE__ */ t(Ae, { size: "large", ...r });
-}
-function An(e) {
-  const { direction: n, ...r } = e;
-  return /* @__PURE__ */ t(Ae, { direction: "row", ...r });
-}
-function Ie({
-  // widgetKey,
-  metaData: e,
-  alreadyAdded: n,
-  addWidget: r
-}) {
-  const [i, a] = oe(!1), o = e.icon || kt, d = e.name || "Unknown", f = e.description || "---", v = (e.noDuplicatedWidgets || !1) && n, b = Z(`
-    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"}
-  `), c = () => {
-    v || r();
-  }, h = (g) => {
-    g.stopPropagation(), g.preventDefault(), a(!i);
-  };
-  return /* @__PURE__ */ _("div", { className: b, style: { width: "calc(100% - 1rem)" }, onClick: c, children: [
-    /* @__PURE__ */ t(o, { className: "" }),
-    /* @__PURE__ */ _("div", { className: "w-full", children: [
-      /* @__PURE__ */ _("div", { className: "flex flex-row items-center gap-2 justify-between", children: [
-        /* @__PURE__ */ t("span", { className: "font-bold", children: d }),
-        /* @__PURE__ */ t("div", { className: "text-xs", children: v ? "(Added)" : "" })
-      ] }),
-      /* @__PURE__ */ _("div", { className: "flex flex-col text-xs", children: [
-        /* @__PURE__ */ t("div", { children: f }),
-        i && e.externalDependencies.length > 0 && /* @__PURE__ */ _("div", { className: "mt-3 cursor-pointer", onClick: h, children: [
-          "Externals:",
-          /* @__PURE__ */ t("dl", { className: "ml-2 flex flex-col text-xs", children: e.externalDependencies.map((g, N) => /* @__PURE__ */ _("dd", { children: [
-            "- ",
-            g
-          ] }, N)) })
-        ] })
-      ] })
-    ] })
-  ] });
-}
-function ln({ item: e, onSettingItemChanged: n }) {
-  const r = e.name || "Unknown", i = e.description || "---", a = Z(`
-    flex flex-row gap-2 px-2 text-sm backdrop-opacity-100
-  `), o = (S) => {
-    const v = St.incrementOrDecrementValue(e, S);
-    n(v);
-  }, d = (S) => {
-    const v = S.key;
-    ["ArrowUp", "ArrowDown"].includes(v) && (S.preventDefault(), o(v === "ArrowUp" ? 1 : -1));
-  }, f = (S) => {
-    n({
-      ...e,
-      value: S.target.value || ""
-    });
-  };
-  return /* @__PURE__ */ t("div", { className: a, style: { width: "calc(100% - 1rem)" }, children: /* @__PURE__ */ _("div", { className: "w-full flex flex-col", children: [
-    /* @__PURE__ */ t("h6", { className: "font-bold", children: r }),
-    /* @__PURE__ */ t("p", { className: "flex flex-col text-xs", children: i }),
-    /* @__PURE__ */ _("div", { className: "mt-1 flex flex-row gap-2 items-center", children: [
-      /* @__PURE__ */ t(
-        gt,
-        {
-          label: "",
-          size: "small",
-          className: "w-full",
-          value: e.value,
-          onChange: f,
-          onKeyDown: d
-        }
-      ),
-      /* @__PURE__ */ t(
-        ee,
-        {
-          "data-testid": `setting-decrease_${e.key}`,
-          isIconButton: !0,
-          tooltip: {
-            placement: "bottom",
-            title: "Decrease Value"
-          },
-          onClick: () => o(-1),
-          children: /* @__PURE__ */ t(_t, {})
-        }
-      ),
-      /* @__PURE__ */ t(
-        ee,
-        {
-          "data-testid": `setting-increase_${e.key}`,
-          isIconButton: !0,
-          tooltip: {
-            placement: "bottom",
-            title: "Increase Value"
-          },
-          onClick: () => o(1),
-          children: /* @__PURE__ */ t(ct, {})
-        }
-      )
-    ] })
-  ] }) });
-}
-const Re = (e, n) => [
-  ...n.widgets.filter((i) => i.indexOf("Container") === -1),
-  ...n.childWidgetsConfig.map((i) => i.widgetKey)
-].includes(e);
-function Ln(e) {
-  const {
-    currentDashboardConfig: n,
-    undoStatus: r,
-    addContainer: i,
-    onResetToDefaultDashboardClick: a,
-    onUndoOrRedo: o,
-    onDoneClick: d
-  } = e, [f, S] = oe("Editing"), [v, b] = oe(0), [c, h] = oe(""), [g, N] = oe(!1), [x, p] = oe(!1), T = Array.from(e.widgetsCatalog.keys()).map((m) => ({
-    widgetKey: m,
-    metaData: wt(m, e.widgetsCatalog)
-  })), C = !!e.targetContainerKey, D = (m) => {
-    h(m.target.value);
-  }, l = (m) => {
-    const X = c.trim().toLowerCase();
-    return X.length < 1 ? !0 : m.name.trim().toLowerCase().includes(X) || m.description.toLowerCase().includes(X) || m.categories.some((te) => te.toLowerCase().includes(X));
-  }, M = (m) => {
-    const X = c.trim().toLowerCase();
-    return X.length < 1 ? !0 : m.name.trim().toLowerCase().includes(X) || m.description.toLowerCase().includes(X);
-  }, s = (m, X) => Z(
-    "px-4 py-2 font-medium cursor-pointer",
-    `${X ? "" : "border-b-2"} border-transparent hover:border-primary focus:outline-none`,
-    m === v ? "text-primary border-primary" : ""
-  ), u = (m) => Z(
-    "w-full flex items-center gap-2 px-2 py-1 text-left text-sm cursor-pointer border",
-    m !== v ? "border-transparent content-topbar hover:bg-primary hover:content-primary" : "border-primary text-primary"
-  ), P = (m) => {
-    C ? e.addWidget(m, e.targetContainerKey) : e.addWidget(m);
-  }, $ = (m) => {
-    const X = (e.currentDashboardConfig.cssSettings || []).map((te) => te.key === m.key ? m : te);
-    e.onSettingItemsUpdated(X);
-  }, R = (m) => {
-    p(m);
-  }, U = (m) => {
-    b(m), p(!1);
-  }, B = (m) => {
-    N(m);
-  };
-  Oe(() => {
-    if (e.targetContainerKey) {
-      U(0);
-      const m = at(e.targetContainerKey);
-      S(`Editing ${m}`);
-    } else
-      S("Widget Catalog");
-  }, [e.targetContainerKey]);
-  const H = fe(() => {
-    const m = [
-      {
-        id: 0,
-        label: "Widgets"
-      },
-      {
-        id: 1,
-        label: "Charts"
-      }
-    ];
-    return C || (m.push({
-      id: 2,
-      label: "Containers"
-    }), m.push({
-      id: 3,
-      label: "CSS Settings",
-      hideLabel: !0,
-      icon: /* @__PURE__ */ t(Mt, {})
-    })), m;
-  }, [C]), J = fe(() => H.find((m) => m.id === v)?.label || "Category...", [v]);
-  return /* @__PURE__ */ t(
-    Qt,
-    {
-      testId: "dashboard-catalog-flyout",
-      className: `transition-colors duration-150 bg-body content-body bg-opacity-70 border-2 ${g ? "border-warning" : "border-primary"} max-w-72 sm:max-w-90`,
-      zIndex: e.zIndex || 99999,
-      style: {
-        backdropFilter: "blur(8px)"
-      },
-      onDraggingChange: B,
-      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 cursor-grab flex-1 flex gap-2 w-full ${g ? "text-warning" : "hover:text-primary"}`,
-              children: [
-                g ? /* @__PURE__ */ t(ht, { className: "size-5" }) : /* @__PURE__ */ t(Rt, { className: "size-5" }),
-                /* @__PURE__ */ t(
-                  "h2",
-                  {
-                    className: "flex-1 text-base margin-0 capitalize",
-                    title: C ? f : `Editing dashboard: ${n.dashboardName}`,
-                    children: f
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ _("div", { className: "flex flex-row items-center gap-2", children: [
-            /* @__PURE__ */ t(
-              ee,
-              {
-                "data-testid": "undo-dashboard-config-change",
-                isIconButton: !0,
-                tooltip: {
-                  placement: "bottom",
-                  title: "Undo"
-                },
-                disabled: r.isUndoDisabled,
-                onClick: () => o("Undo"),
-                children: /* @__PURE__ */ t($t, { className: "size-5" })
-              }
-            ),
-            /* @__PURE__ */ t(
-              ee,
-              {
-                "data-testid": "redo-dashboard-config-change",
-                isIconButton: !0,
-                tooltip: {
-                  placement: "bottom",
-                  title: "Redo"
-                },
-                disabled: r.isRedoDisabled,
-                onClick: () => o("Redo"),
-                children: /* @__PURE__ */ t(It, { className: "size-5" })
-              }
-            ),
-            /* @__PURE__ */ t(
-              ee,
-              {
-                "data-testid": "reset-dashboard-to-default",
-                isIconButton: !0,
-                tooltip: {
-                  placement: "bottom",
-                  title: "Reset this dashboard to the default configuration"
-                },
-                onClick: a,
-                children: /* @__PURE__ */ t(Pt, { className: "size-5" })
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ t("div", { className: "hidden sm:flex sm:flex-row sm:items-center sm:gap-1", children: H.map((m) => /* @__PURE__ */ _(
-          "button",
-          {
-            className: s(m.id, m.id === 3),
-            onClick: () => U(m.id),
-            children: [
-              /* @__PURE__ */ t("span", { className: m.hideLabel ? "sr-only" : "", children: m.label }),
-              m.icon
-            ]
-          },
-          m.id
-        )) }),
-        /* @__PURE__ */ t("div", { className: "flex flex-col gap-1 sm:hidden", children: /* @__PURE__ */ t(
-          Wt,
-          {
-            enabled: !0,
-            showChevron: !0,
-            isMenuOpen: x,
-            toggleOpen: R,
-            icon: /* @__PURE__ */ _("div", { className: "group flex items-center gap-2 text-primary group-hover:text-primary-inverse", children: [
-              /* @__PURE__ */ t("h5", { className: "py-2 font-bold", children: J }),
-              /* @__PURE__ */ t(ke, { className: "shrink-0 ml-1 size-4" })
-            ] }),
-            children: /* @__PURE__ */ _("div", { className: "p-2 rounded-md border border-primary", children: [
-              /* @__PURE__ */ t("h6", { className: "font-semibold", children: "Category:" }),
-              H.map((m) => /* @__PURE__ */ t(
-                "button",
-                {
-                  type: "button",
-                  className: u(m.id),
-                  role: "menuitem",
-                  tabIndex: -1,
-                  onClick: () => U(m.id),
-                  children: /* @__PURE__ */ t("span", { children: m.label })
-                },
-                m.id
-              ))
-            ] })
-          }
-        ) }),
-        /* @__PURE__ */ t("div", { className: "sm:mt-2 flex flex-col gap-1 w-full", children: /* @__PURE__ */ t(
-          gt,
-          {
-            label: "",
-            placeholder: "Find...",
-            size: "small",
-            className: "w-full",
-            value: c,
-            onChange: D
-          }
-        ) }),
-        /* @__PURE__ */ _(
-          "div",
-          {
-            className: "flex flex-col gap-2 overflow-x-hidden overflow-y-auto",
-            style: {
-              maxHeight: "360px"
-            },
-            children: [
-              v === 3 && /* @__PURE__ */ _("div", { className: "hidden px-2 w-full sm:flex", children: [
-                J,
-                ":"
-              ] }),
-              v === 0 && T.filter(
-                (m) => m.metaData.categories.includes("Widget") && l(m.metaData)
-              ).map((m) => /* @__PURE__ */ t(
-                Ie,
-                {
-                  widgetKey: m.widgetKey,
-                  metaData: m.metaData,
-                  alreadyAdded: Re(m.widgetKey, n),
-                  addWidget: () => P(m.widgetKey)
-                },
-                m.widgetKey
-              )),
-              v === 1 && T.filter(
-                (m) => m.metaData.categories.includes("Chart") && l(m.metaData)
-              ).map((m) => /* @__PURE__ */ t(
-                Ie,
-                {
-                  widgetKey: m.widgetKey,
-                  metaData: m.metaData,
-                  alreadyAdded: Re(m.widgetKey, n),
-                  addWidget: () => P(m.widgetKey)
-                },
-                m.widgetKey
-              )),
-              !C && v === 2 && T.filter((m) => m.metaData.categories.includes("Container")).map((m) => /* @__PURE__ */ t(
-                Ie,
-                {
-                  widgetKey: m.widgetKey,
-                  metaData: m.metaData,
-                  alreadyAdded: Re(m.widgetKey, n),
-                  addWidget: () => i(m.widgetKey)
-                },
-                m.widgetKey
-              )),
-              !C && v === 3 && (n.cssSettings || []).filter(M).map((m) => /* @__PURE__ */ t(
-                ln,
-                {
-                  item: m,
-                  onSettingItemChanged: $
-                },
-                m.key
-              ))
-            ]
-          }
-        ),
-        /* @__PURE__ */ t("div", { className: "mt-4 w-full flex flex-row justify-end pt-1", children: /* @__PURE__ */ t(
-          ee,
-          {
-            className: "bg-opacity-100",
-            tooltip: {
-              placement: "bottom",
-              title: "Click to exit edit mode"
-            },
-            onClick: d,
-            children: "Done"
-          }
-        ) })
-      ] })
-    }
-  );
-}
-export {
-  pn as AddIcon,
-  ee as Button,
-  ke as ChevronDownIcon,
-  kt as CircleQuestionMark,
-  Ot as CrosshairIcon,
-  kn as DashboardGrid,
-  rn as DashboardWidgetBase,
-  yn as DeleteIcon,
-  Qt as DraggablePanel,
-  Wt as Dropdown,
-  sn as DynamicWidgetLoader,
-  bn as EditIcon,
-  xn as GridIcon,
-  ht as HandGrabIcon,
-  Rt as HandIcon,
-  En as ListItem,
-  _n as ListItemLeftChild,
-  Mn as ListItemMiddleChild,
-  Pn as ListItemRightChild,
-  _t as MinusCircleIcon,
-  Cn as MonitorIcon,
-  wn as MonitorSmartphoneIcon,
-  dt as MoveLeftIcon,
-  ut as MoveRightIcon,
-  ct as PlusCircleIcon,
-  It as RedoIcon,
-  vn as RenameIcon,
-  Mt as SettingsIcon,
-  At as Stack,
-  V as SvgBaseWrapper,
-  Sn as TabletSmartphoneIcon,
-  Nn as TargetIcon,
-  gt as TextField,
-  Pt as TimerResetIcon,
-  $t as UndoIcon,
-  Wn as WidgetContainerColumn,
-  jn as WidgetContainerLarge,
-  An as WidgetContainerRow,
-  Ln as WidgetsCatalogFlyout,
-  In as WrapperColumnContent,
-  Rn as WrapperColumnContentListItem,
-  ft as XCircleIcon,
-  Dn as ZoomInIcon,
-  Tn as ZoomOutIcon,
-  on as _isVersionCompatible,
-  On as showToast,
-  gn as useDashboardStore,
-  mn as useDashboardUndoService
-};