@tenorlab/react-dashboard 1.3.2 → 1.3.5

package/dist/react-dashboard.es.js

@@ -1,639 +1,286 @@
-import ae, { useState as se, useCallback as ce, useMemo as ot, forwardRef as le, useRef as wt, Suspense as Ct, useEffect as St } from "react";
-import { jsxs as $, jsx as s } from "react/jsx-runtime";
-import st from "react-dom";
-const Dt = [
-  {
-    key: "grid-gap",
-    name: "Gap",
-    description: "Set the gap between widgets in the dashboard grid",
-    cssProperty: "--bwj-dashboard-gap",
-    step: 0.1,
-    defaultUnit: "rem",
-    minValue: 0,
-    defaultValue: "1.25rem",
-    value: "1.25rem"
-  },
-  {
-    key: "widget-width",
-    name: "Widget Width",
-    description: "Set the min width for the widgets",
-    cssProperty: "--bwj-widget-width",
-    step: 0.1,
-    defaultUnit: "rem",
-    minValue: 6,
-    defaultValue: "21rem",
-    value: "21rem"
-  },
-  {
-    key: "widget-border-radius",
-    name: "Widget Border Radius",
-    description: "Set the border radius for the widgets",
-    cssProperty: "--bwj-widget-border-radius",
-    step: 0.1,
-    defaultUnit: "rem",
-    minValue: 0,
-    defaultValue: "0.33rem",
-    value: "0.33rem"
-  },
-  {
-    key: "widget-inner-padding-x",
-    name: "Widget Horiz Padding",
-    description: "Set the horizontal padding for the widgets",
-    cssProperty: "--bwj-widget-inner-px",
-    step: 0.1,
-    defaultUnit: "rem",
-    minValue: 0,
-    defaultValue: "1.0rem",
-    value: "1.0rem"
-  },
-  {
-    key: "widget-inner-padding-y",
-    name: "Widget Vertical Padding",
-    description: "Set the vertical padding for the widgets",
-    cssProperty: "--bwj-widget-inner-py",
-    step: 0.1,
-    defaultUnit: "rem",
-    minValue: 0,
-    defaultValue: "0.75rem",
-    value: "0.75rem"
-  },
-  {
-    key: "widget-header-padding-y",
-    name: "Widget Header Vertical Padding",
-    description: "Set the vertical padding for the widget headers",
-    cssProperty: "--bwj-widget-header-py",
-    step: 0.1,
-    defaultUnit: "rem",
-    minValue: 0,
-    defaultValue: "1.0rem",
-    value: "1.0rem"
-  },
-  {
-    key: "widget-title-font-size",
-    name: "Widget Title Font Size",
-    description: "Set the font size for the widget titles",
-    cssProperty: "--bwj-widget-title-size",
-    step: 0.1,
-    defaultUnit: "rem",
-    minValue: 0,
-    defaultValue: "1.0rem",
-    value: "1.0rem"
-  }
-], Tt = ["rem", "pc", "cm", "in", "em", "vh", "vw", "%"], Et = (e, n) => Tt.includes(e) ? n : 1, Nt = {
-  incrementOrDecrementValue: (e, n) => {
-    const t = e.value.match(/([\d.]+)/), r = t ? parseFloat(t[1]) : 0, a = e.value.match(/([^\d.]+)/), i = a ? a[1] : e.defaultUnit, o = Et(i, e.step) * n, u = `${Math.max(r + o, e.minValue).toFixed(1)}${i}`;
-    return {
-      ...e,
-      value: u
-    };
-  }
-}, lt = (e, n) => `dashboards_${n}_${e}`, _t = async (e, n, t, r) => {
-  const a = localStorage.getItem(lt(e, n));
-  if (a)
-    try {
-      const i = JSON.parse(a);
-      return i.length < 1 ? [r] : (i.forEach((o) => {
-        o.dashboardId || (o.dashboardId = "default"), o.dashboardName || (o.dashboardName = `Dashboard ${o.dashboardId}`), o.responsiveGrid = o.responsiveGrid ?? !1, (o.widgets || []).length < 1 && (o.widgets = r.widgets);
-        const u = (o.cssSettings || []).filter(
-          (y) => r.cssSettings.some((p) => p.key === y.key)
-        );
-        if (u.length < 1)
-          o.cssSettings = [...r.cssSettings];
-        else {
-          u.forEach((p) => {
-            p.value = (p.value || "").replace(/NaN/g, "");
-            const g = r.cssSettings.find(
-              (c) => c.key === p.key
-            );
-            g && (Object.keys(g).forEach((c) => {
-              c in p || (p[c] = g[c]);
-            }), p.step = g.step, p.minValue = g.minValue, p.defaultValue = g.defaultValue, p.defaultUnit = g.defaultUnit, /\d+/g.test(p.value) === !1 && (p.value = g ? g.value : "1.0rem"));
-          });
-          const y = r.cssSettings.filter((p) => !u.some(
-            (g) => g.key === p.key
-          ));
-          o.cssSettings = [...u, ...y];
-        }
-        o.widgets = o.widgets.filter(
-          (y) => y.includes("WidgetContainer") || t.has(y)
-        ), o.childWidgetsConfig = o.childWidgetsConfig.filter(
-          (y) => t.has(y.widgetKey)
-        ), o.zoomScale ? o.zoomScale < 0.7 && (o.zoomScale = 0.7) : o.zoomScale = 1;
-      }), i);
-    } catch (i) {
-      console.warn("Error parsing saved dashboard config:", i);
-    }
-  return [r];
-}, Mt = async (e, n, t, r) => {
-  t.forEach((i) => {
-    if (i.userID = e, i.clientAppKey = n, i.responsiveGrid = i.responsiveGrid ?? !1, typeof i != "object")
-      throw new Error("Invalid dashboard configuration");
-    i.widgets = i.widgets.filter(
-      (o) => o.includes("WidgetContainer") || r.has(o)
-    ), i.childWidgetsConfig = i.childWidgetsConfig.filter(
-      (o) => r.has(o.widgetKey)
-    ), i.zoomScale ? i.zoomScale < 0.7 && (i.zoomScale = 0.7) : i.zoomScale = 1;
-  });
-  const a = JSON.stringify(t);
-  return localStorage.setItem(lt(e, n), a), !0;
-}, Pt = {
-  getSavedDashboards: _t,
-  saveDashboards: Mt
-}, Mn = () => Pt, we = {
-  userID: 0,
-  clientAppKey: "",
-  dashboardId: "default",
-  dashboardName: "Default",
-  zoomScale: 1,
-  responsiveGrid: !1,
-  widgets: [],
-  childWidgetsConfig: [],
-  cssSettings: [...Dt]
-}, dt = (e) => {
-  const n = `${e}`.split("_");
-  return n.length > 1 ? n[1].replace(/(\D)(\d+)/, "$1 $2") : "Container";
-}, je = 0.7, Ae = 1, $t = 0.05, ct = (e) => {
-  let n = Number(e || 0);
-  return n < je && (n = je), n > Ae && (n = Ae), n;
-}, Pn = (e, n) => {
-  let t = Number(Number(($t * n).toFixed(2)).toFixed(2)), r = Number((Number(e) + t).toFixed(2));
-  return ct(r);
-}, $n = (e) => {
-  let n = {
-    ...e
-  };
-  return n.widgets = n.widgets.filter((t) => {
-    if (`${t}`.includes("WidgetContainer")) {
-      const r = n.childWidgetsConfig.filter(
-        (a) => a.parentWidgetKey === t
-      );
-      if (!r || r.length === 0)
-        return n.widgets = n.widgets.filter(
-          (a) => a !== t
-        ), !1;
-    }
-    return !0;
-  }), n;
-}, Wt = (e) => {
-  const n = e.widgets.filter(
-    (r) => r.includes("WidgetContainer")
-  ), t = {};
-  return n.forEach((r, a) => {
-    const i = `${r.split("_container")[0]}_container${a + 1}`;
-    t[r] = i;
-  }), e.widgets = e.widgets.map((r) => t[r] || r), e.childWidgetsConfig = e.childWidgetsConfig.map((r) => {
-    const a = r.parentWidgetKey, i = t[a];
-    return {
-      ...r,
-      // If a new key exists, use it. If not, keep the original key.
-      parentWidgetKey: i || a
-    };
-  }), e;
-}, he = (e, n) => {
-  const t = `${e}`.includes("Container"), r = t ? ["Container"] : ["Widget"], a = n?.name || e, i = n?.description || (t ? "Container" : "Unknown");
-  return {
-    name: a,
-    description: i,
-    categories: r,
-    noDuplicatedWidgets: !0,
-    icon: void 0,
-    externalDependencies: []
-  };
-}, Wn = (e, n, t) => n[e] || he(e, t), It = (e, n) => n.get(e)?.meta || he(e), Rt = (e, n, t) => {
-  const r = t || he(e);
-  return [
-    e,
-    {
-      key: e,
-      title: r.name,
-      isContainer: `${e}`.includes("Container"),
-      meta: r,
-      component: n
-    }
-  ];
-}, ut = (e, n, t) => {
-  const r = t || he(e);
-  return [
-    e,
-    {
-      key: e,
-      title: r.name,
-      isContainer: !1,
-      meta: r,
-      loader: n
-    }
-  ];
-}, Ot = (e) => {
-  const n = e.match(/\/widget-([a-zA-Z0-9-]+)\/index\.ts$/);
-  if (n && n[1]) {
-    const t = n[1], r = t.split("-"), a = `Widget${r.map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join("")}`, i = r.map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join(" ");
-    return {
-      key: a,
-      title: i,
-      folder: t
-    };
-  }
-  return null;
-}, kt = (e, n, t, r) => {
-  const a = `${n}/widget-${t}/meta.ts`, i = e[a];
-  if (!i)
-    return;
-  const o = `${r}Meta`;
-  return i[o] || void 0;
-}, In = async (e) => new Promise(async (n, t) => {
-  const r = [];
-  try {
-    const a = await (await fetch(`${e}?${Math.random()}`)).json();
-    for (const i in a) {
-      const o = a[i], u = () => import(
-        /* @vite-ignore */
-        o.url
-      ), y = {
-        name: o.meta?.name || "Unknown",
-        description: o.meta?.description || "Remote Plugin",
-        categories: o.meta?.categories || ["Widget"],
-        noDuplicatedWidgets: o.meta?.noDuplicatedWidgets ?? !0,
-        icon: void 0,
-        // Or a logic to map a string name to a Lucide component
-        externalDependencies: o.meta?.externalDependencies || []
-      };
-      r.push(ut(i, u, y));
-    }
-    n({
-      entries: r,
-      message: "",
-      details: ""
-    });
-  } catch (a) {
-    console.error("Remote plugin discovery failed:", a), t({
-      entries: [],
-      message: "Remote plugin discovery failed:",
-      details: typeof a == "object" ? JSON.stringify(a) : a
-    });
-  }
-}), Rn = (e, n, t, r = !0) => {
-  const a = [];
-  for (const i in n) {
-    const o = n[i], u = Ot(i);
-    if (u && o) {
-      const { key: y, title: p, folder: g } = u;
-      let c = kt(t, e, g, y);
-      if (c || (c = he(y, {
-        description: `Local ${r ? "dynamic" : "static"} widget`
-      })), r)
-        a.push(
-          ut(y, o, c)
-        );
-      else {
-        const b = o.default || o;
-        a.push(Rt(y, b, c));
-      }
-    }
-  }
-  return a;
-}, On = (e, n = "color") => {
-  if (typeof window > "u") return "#FFFFFF";
-  const t = document.createElement("div");
-  Array.isArray(e) ? e.forEach((a) => t.classList.add(a)) : e.split(" ").forEach((a) => t.classList.add(a)), t.style.display = "none", document.body.appendChild(t);
-  const r = window.getComputedStyle(t)[n];
-  return document.body.removeChild(t), r;
-}, kn = {
-  /**
-   * @name getCssVariableValue
-   * @description Return the value of a CSS custom property from the current HTML document
-   * @param cssPropertyName
-   * @returns
-   */
-  getCssVariableValue: (e) => {
-    const n = document.documentElement;
-    return getComputedStyle(n).getPropertyValue(e).trim() || null;
-  },
-  /**
-   * @name setCssVariableValue
-   * @description Sets the value of a CSS custom property on the current HTML document
-   * @param cssPropertyName
-   * @param value
-   */
-  setCssVariableValue: (e, n) => {
-    document.documentElement.style.setProperty(e, n);
-  },
-  /**
-   * @name restoreCssVarsFromSettings
-   * @description
-   * Sets the values of many CSS custom properties on the current HTML document
-   * from the list of dashboard settings provided
-   * @param settings, an array of IDashboardSettingEntry
-   */
-  restoreCssVarsFromSettings: (e) => {
-    const n = document.documentElement;
-    e.forEach((t) => {
-      n.style.setProperty(t.cssProperty, t.value);
-    });
-  }
-}, G = (e, ...n) => [
-  ...new Set(
-    [e || "", ...n].join(" ").trim().replace(/\n+/gi, " ").replace(/\s+/gi, " ").split(" ")
-  )
-].join(" ").trim(), Fe = (e) => {
-  let n;
-  const t = /* @__PURE__ */ new Set(), r = (p, g) => {
-    const c = typeof p == "function" ? p(n) : p;
-    if (!Object.is(c, n)) {
-      const b = n;
-      n = g ?? (typeof c != "object" || c === null) ? c : Object.assign({}, n, c), t.forEach((v) => v(n, b));
-    }
-  }, a = () => n, u = { setState: r, getState: a, getInitialState: () => y, subscribe: (p) => (t.add(p), () => t.delete(p)) }, y = n = e(r, a, u);
-  return u;
-}, jt = ((e) => e ? Fe(e) : Fe), At = (e) => e;
-function Ft(e, n = At) {
-  const t = ae.useSyncExternalStore(
-    e.subscribe,
-    ae.useCallback(() => n(e.getState()), [e, n]),
-    ae.useCallback(() => n(e.getInitialState()), [e, n])
-  );
-  return ae.useDebugValue(t), t;
-}
-const Lt = (e) => {
-  const n = jt(e), t = (r) => Ft(n, r);
-  return Object.assign(t, n), t;
-}, Ut = ((e) => Lt), Vt = (e) => {
-  const n = e.widgets.filter((r) => r.includes("WidgetContainer")).map((r) => Number(r.split("_")[1].replace("container", "")));
-  return `container${n.length > 0 ? Math.max(...n) + 1 : 1}`;
-}, qt = (e, n) => {
-  const t = Vt(e);
-  return `${n}_${t}`;
-}, zt = (e) => {
-  const { dashboardConfig: n, widgetKey: t, parentWidgetKey: r, noDuplicatedWidgets: a } = e;
-  if (r) {
-    if (a && n.childWidgetsConfig.find(
-      (o) => o.parentWidgetKey === r && o.widgetKey === t
+import { create as gt } from "zustand";
+import { blankDashboardConfig as xe, ensureContainersSequence as mt, getDistinctCssClasses as G, ensureZoomScaleIsWithinRange as pt, parseContainerTitle as nt, getWidgetMetaFromCatalog as yt, dashboardSettingsUtils as bt } from "./core.es.js";
+import be, { useState as ae, useCallback as ce, useMemo as rt, forwardRef as se, useRef as vt, Suspense as xt, useEffect as Ct } from "react";
+import { jsxs as R, jsx as n } from "react/jsx-runtime";
+import ot from "react-dom";
+const wt = (e) => {
+  const i = e.widgets.filter((o) => o.includes("WidgetContainer")).map((o) => Number(o.split("_")[1].replace("container", "")));
+  return `container${i.length > 0 ? Math.max(...i) + 1 : 1}`;
+}, St = (e, i) => {
+  const t = wt(e);
+  return `${i}_${t}`;
+}, Dt = (e) => {
+  const { dashboardConfig: i, widgetKey: t, parentWidgetKey: o, noDuplicatedWidgets: a } = e;
+  if (o) {
+    if (a && i.childWidgetsConfig.find(
+      (c) => c.parentWidgetKey === o && c.widgetKey === t
     ))
       return {
         success: !1,
         message: `DashboardStore: addWidget: Widget already added (${t})`,
-        updatedDashboardConfig: n
+        updatedDashboardConfig: i
       };
-    const i = [
-      ...n.childWidgetsConfig,
-      { parentWidgetKey: r, widgetKey: t }
+    const r = [
+      ...i.childWidgetsConfig,
+      { parentWidgetKey: o, widgetKey: t }
       // new entry
     ];
     return {
       success: !0,
       updatedDashboardConfig: {
-        ...n,
-        childWidgetsConfig: i
+        ...i,
+        childWidgetsConfig: r
       }
     };
   } else {
-    if (a && n.widgets.includes(t))
+    if (a && i.widgets.includes(t))
       return {
         success: !1,
         message: `DashboardStore: addWidget: Widget already added (${t})`,
-        updatedDashboardConfig: n
+        updatedDashboardConfig: i
       };
-    const i = [...n.widgets, t];
+    const r = [...i.widgets, t];
     return {
       success: !0,
       updatedDashboardConfig: {
-        ...n,
-        widgets: i
+        ...i,
+        widgets: r
       }
     };
   }
-}, Yt = (e, n, t) => {
+}, Tt = (e, i, t) => {
   if ((t || "").trim().length > 0) {
-    const r = e.childWidgetsConfig.filter(
-      (y) => y.parentWidgetKey !== t
+    const o = e.childWidgetsConfig.filter(
+      (D) => D.parentWidgetKey !== t
     ), a = e.childWidgetsConfig.filter(
-      (y) => y.parentWidgetKey === t && y.widgetKey !== n
-    ), i = [...r, ...a];
-    let o = {
+      (D) => D.parentWidgetKey === t && D.widgetKey !== i
+    ), r = [...o, ...a];
+    let c = {
       ...e,
-      childWidgetsConfig: i
+      childWidgetsConfig: r
     };
-    return `${n}`.includes("Container") && (o = Wt(o)), {
+    return `${i}`.includes("Container") && (c = mt(c)), {
       success: !0,
-      updatedDashboardConfig: o
+      updatedDashboardConfig: c
     };
   } else {
-    const r = e.widgets.filter((i) => i !== n), a = e.childWidgetsConfig.filter(
-      (i) => i.parentWidgetKey !== n
+    const o = e.widgets.filter((r) => r !== i), a = e.childWidgetsConfig.filter(
+      (r) => r.parentWidgetKey !== i
     );
     return {
       success: !0,
       updatedDashboardConfig: {
         ...e,
-        widgets: r,
+        widgets: o,
         childWidgetsConfig: a
       }
     };
   }
-}, Kt = (e, n, t, r) => {
-  if ((r || "").trim().length > 0) {
+}, Nt = (e, i, t, o) => {
+  if ((o || "").trim().length > 0) {
     const a = e.childWidgetsConfig.filter(
-      (g) => g.parentWidgetKey !== r
+      (b) => b.parentWidgetKey !== o
     );
-    let i = e.childWidgetsConfig.filter(
-      (g) => g.parentWidgetKey === r
+    let r = e.childWidgetsConfig.filter(
+      (b) => b.parentWidgetKey === o
     );
-    const o = i.indexOf(t);
-    let u = o + n;
-    if (u = Math.max(0, u), u = Math.min(i.length - 1, u), u === o)
+    const c = r.indexOf(t);
+    let h = c + i;
+    if (h = Math.max(0, h), h = Math.min(r.length - 1, h), h === c)
       return {
         success: !1,
         message: `DashboardStore: moveWidget: Widget already at min/max position (${t})`,
         updatedDashboardConfig: e
       };
-    const y = [...i], [p] = y.splice(o, 1);
-    return y.splice(u, 0, p), {
+    const D = [...r], [S] = D.splice(c, 1);
+    return D.splice(h, 0, S), {
       success: !0,
       updatedDashboardConfig: {
         ...e,
-        childWidgetsConfig: [...a, ...y]
+        childWidgetsConfig: [...a, ...D]
       }
     };
   } else {
-    const a = e.widgets || [], i = a.indexOf(t);
-    let o = i + n;
-    if (o = Math.max(0, o), o = Math.min(a.length - 1, o), o === i)
+    const a = e.widgets || [], r = a.indexOf(t);
+    let c = r + i;
+    if (c = Math.max(0, c), c = Math.min(a.length - 1, c), c === r)
       return {
         success: !1,
         message: `DashboardStore: moveWidget: Widget already at min/max position (${t})`,
         updatedDashboardConfig: e
       };
-    const u = [...a], [y] = u.splice(i, 1);
-    return u.splice(o, 0, y), {
+    const h = [...a], [D] = h.splice(r, 1);
+    return h.splice(c, 0, D), {
       success: !0,
       updatedDashboardConfig: {
         ...e,
-        widgets: u
+        widgets: h
       }
     };
   }
-}, Bt = (e, n) => ({
+}, Et = (e, i) => ({
   isLoading: !1,
   isEditing: !1,
-  allDashboardConfigs: [we],
-  currentDashboardConfig: we,
+  allDashboardConfigs: [xe],
+  currentDashboardConfig: xe,
   targetContainerKey: void 0,
-  getNextContainerKey: (t) => qt(n().currentDashboardConfig, t),
+  getNextContainerKey: (t) => St(i().currentDashboardConfig, t),
   setIsLoading: (t) => (e(() => ({ isLoading: t })), t),
   setIsEditing: (t) => {
-    let r = n().targetContainerKey;
-    return t || (r = void 0), e(() => ({ isEditing: t, targetContainerKey: r })), t;
+    let o = i().targetContainerKey;
+    return t || (o = void 0), e(() => ({ isEditing: t, targetContainerKey: o })), t;
   },
   setTargetContainerKey: (t) => (e(() => ({ targetContainerKey: t })), t),
-  setAllDashboardConfigs: (t) => (e(() => ({ allDashboardConfigs: t })), n().allDashboardConfigs),
+  setAllDashboardConfigs: (t) => (e(() => ({ allDashboardConfigs: t })), i().allDashboardConfigs),
   setCurrentDashboardConfig: (t) => {
-    const r = n(), a = [
-      ...r.allDashboardConfigs.filter((i) => i.dashboardId !== t.dashboardId),
+    const o = i(), a = [
+      ...o.allDashboardConfigs.filter((r) => r.dashboardId !== t.dashboardId),
       t
     ];
     return e(() => ({
-      ...r,
+      ...o,
       allDashboardConfigs: a,
       currentDashboardConfig: t
     })), a;
   },
   addDashboardConfig: (t) => {
-    const r = n(), a = [
-      ...r.allDashboardConfigs.filter((i) => i.dashboardId !== t.dashboardId),
+    const o = i(), a = [
+      ...o.allDashboardConfigs.filter((r) => r.dashboardId !== t.dashboardId),
       t
     ];
     return e(() => ({
-      ...r,
+      ...o,
       allDashboardConfigs: a,
       currentDashboardConfig: t
     })), a;
   },
   deleteDashboardConfigById: (t) => {
-    const r = n(), a = [...r.allDashboardConfigs.filter((i) => i.dashboardId !== t)];
+    const o = i(), a = [...o.allDashboardConfigs.filter((r) => r.dashboardId !== t)];
     return e(() => ({
-      ...r,
+      ...o,
       allDashboardConfigs: a,
-      currentDashboardConfig: a[0] || we
+      currentDashboardConfig: a[0] || xe
     })), a;
   },
   selectDashboardById: (t) => (e(() => {
-    const r = n(), a = r.allDashboardConfigs.find((i) => i.dashboardId === t);
+    const o = i(), a = o.allDashboardConfigs.find((r) => r.dashboardId === t);
     return a ? {
       currentDashboardConfig: a
     } : {
-      ...r
+      ...o
     };
-  }), n().currentDashboardConfig),
+  }), i().currentDashboardConfig),
   addWidget: (t) => {
-    const r = n(), a = zt({
-      dashboardConfig: r.currentDashboardConfig,
+    const o = i(), a = Dt({
+      dashboardConfig: o.currentDashboardConfig,
       ...t
-    }), i = [
-      ...r.allDashboardConfigs.filter(
-        (o) => o.dashboardId !== a.updatedDashboardConfig.dashboardId
+    }), r = [
+      ...o.allDashboardConfigs.filter(
+        (c) => c.dashboardId !== a.updatedDashboardConfig.dashboardId
       ),
       a.updatedDashboardConfig
     ];
     return a.success && e(() => ({
-      allDashboardConfigs: i,
+      allDashboardConfigs: r,
       currentDashboardConfig: a.updatedDashboardConfig
     })), {
       ...a,
-      allUpdatedDashboardConfigs: i
+      allUpdatedDashboardConfigs: r
     };
   },
-  removeWidget: (t, r) => {
-    const a = n(), i = Yt(a.currentDashboardConfig, t, r), o = [
+  removeWidget: (t, o) => {
+    const a = i(), r = Tt(a.currentDashboardConfig, t, o), c = [
       ...a.allDashboardConfigs.filter(
-        (u) => u.dashboardId !== i.updatedDashboardConfig.dashboardId
+        (h) => h.dashboardId !== r.updatedDashboardConfig.dashboardId
       ),
-      i.updatedDashboardConfig
+      r.updatedDashboardConfig
     ];
-    return i.success && e(() => ({
-      allDashboardConfigs: o,
-      currentDashboardConfig: i.updatedDashboardConfig
+    return r.success && e(() => ({
+      allDashboardConfigs: c,
+      currentDashboardConfig: r.updatedDashboardConfig
     })), {
-      ...i,
-      allUpdatedDashboardConfigs: o
+      ...r,
+      allUpdatedDashboardConfigs: c
     };
   },
-  moveWidget: (t, r, a) => {
-    const i = n(), o = Kt(i.currentDashboardConfig, t, r, a), u = [
-      ...i.allDashboardConfigs.filter(
-        (y) => y.dashboardId !== o.updatedDashboardConfig.dashboardId
+  moveWidget: (t, o, a) => {
+    const r = i(), c = Nt(r.currentDashboardConfig, t, o, a), h = [
+      ...r.allDashboardConfigs.filter(
+        (D) => D.dashboardId !== c.updatedDashboardConfig.dashboardId
       ),
-      o.updatedDashboardConfig
+      c.updatedDashboardConfig
     ];
-    return o.success && e(() => ({
-      allDashboardConfigs: u,
-      currentDashboardConfig: o.updatedDashboardConfig
+    return c.success && e(() => ({
+      allDashboardConfigs: h,
+      currentDashboardConfig: c.updatedDashboardConfig
     })), {
-      ...o,
-      allUpdatedDashboardConfigs: u
+      ...c,
+      allUpdatedDashboardConfigs: h
     };
   }
-}), jn = Ut()((...e) => ({
-  ...Bt(...e)
-})), An = () => {
-  const [e, n] = se({}), [t, r] = se({}), a = ce((g) => {
-    const c = g.dashboardId;
-    n((b) => {
-      const v = {
+}), un = gt()((...e) => ({
+  ...Et(...e)
+})), fn = () => {
+  const [e, i] = ae({}), [t, o] = ae({}), a = ce((b) => {
+    const f = b.dashboardId;
+    i((y) => {
+      const p = {
         undoIndex: 0,
-        config: g
+        config: b
       };
-      return r((T) => ({
+      return o((T) => ({
         ...T,
-        [c]: 0
+        [f]: 0
       })), {
-        ...b,
-        [c]: [v]
+        ...y,
+        [f]: [p]
         // Forces a reset to just this one entry
       };
     });
-  }, []), i = ce(
-    (g) => {
-      n((c) => {
-        const b = g.dashboardId, v = c[b] || [], T = t[b] ?? -1, m = v.slice(0, T + 1), x = {
-          undoIndex: m.length,
+  }, []), r = ce(
+    (b) => {
+      i((f) => {
+        const y = b.dashboardId, p = f[y] || [], T = t[y] ?? -1, g = p.slice(0, T + 1), m = {
+          undoIndex: g.length,
           // New index based on trimmed length
-          config: g
-        }, C = [...m, x];
-        return r((E) => ({
-          ...E,
-          [b]: C.length - 1
+          config: b
+        }, x = [...g, m];
+        return o((N) => ({
+          ...N,
+          [y]: x.length - 1
           // Index is now the last element's index
         })), {
-          ...c,
-          [b]: C
+          ...f,
+          [y]: x
         };
       });
     },
     [t]
-  ), o = ce((g) => {
-    n((c) => {
-      if (!c[g])
-        return c;
-      const { [g]: b, ...v } = c;
-      return v;
-    }), r((c) => {
-      const { [g]: b, ...v } = c;
-      return v;
+  ), c = ce((b) => {
+    i((f) => {
+      if (!f[b])
+        return f;
+      const { [b]: y, ...p } = f;
+      return p;
+    }), o((f) => {
+      const { [b]: y, ...p } = f;
+      return p;
     });
-  }, []), u = ce(
-    (g) => {
-      r((c) => {
-        const b = c[g] ?? -1, v = Math.max(0, b - 1);
-        return v !== b ? { ...c, [g]: v } : c;
+  }, []), h = ce(
+    (b) => {
+      o((f) => {
+        const y = f[b] ?? -1, p = Math.max(0, y - 1);
+        return p !== y ? { ...f, [b]: p } : f;
       });
     },
     [
       //loadConfigFromHistory
     ]
-  ), y = ce(
-    (g) => {
-      r((c) => {
-        const b = e[g]?.length || 0, v = c[g] ?? -1, T = Math.min(b - 1, v + 1);
-        return T !== v ? { ...c, [g]: T } : c;
+  ), D = ce(
+    (b) => {
+      o((f) => {
+        const y = e[b]?.length || 0, p = f[b] ?? -1, T = Math.min(y - 1, p + 1);
+        return T !== p ? { ...f, [b]: T } : f;
       });
     },
     [
@@ -643,25 +290,25 @@ const Lt = (e) => {
   );
   return {
     initializeHistoryForDashboard: a,
-    resetAllHistory: () => n({}),
-    addUndoEntry: i,
-    removeUndoHistoryForDashboard: o,
-    undo: u,
-    redo: y,
-    getUndoStatus: (g) => {
-      const c = t[g] ?? -1, b = e[g]?.length || 0, v = c <= 0, T = c >= b - 1;
-      return { isUndoDisabled: v, isRedoDisabled: T };
+    resetAllHistory: () => i({}),
+    addUndoEntry: r,
+    removeUndoHistoryForDashboard: c,
+    undo: h,
+    redo: D,
+    getUndoStatus: (b) => {
+      const f = t[b] ?? -1, y = e[b]?.length || 0, p = f <= 0, T = f >= y - 1;
+      return { isUndoDisabled: p, isRedoDisabled: T };
     },
     undoHistory: e,
     historyIndex: t
     // (Optional: You might expose undoHistory and historyIndex if needed for debugging)
   };
 };
-function Y({
+function K({
   children: e,
-  className: n
+  className: i
 }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ n(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -673,223 +320,223 @@ function Y({
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: n,
+      className: i,
       children: e
     }
   );
 }
-function Fn({ className: e }) {
-  return /* @__PURE__ */ $(Y, { className: `lucide lucide-circle-plus-icon lucide-circle-plus ${e}`, children: [
-    /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ s("path", { d: "M8 12h8" }),
-    /* @__PURE__ */ s("path", { d: "M12 8v8" })
+function hn({ className: e }) {
+  return /* @__PURE__ */ R(K, { className: `lucide lucide-circle-plus-icon lucide-circle-plus ${e}`, children: [
+    /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ n("path", { d: "M8 12h8" }),
+    /* @__PURE__ */ n("path", { d: "M12 8v8" })
   ] });
 }
-function Ln({ className: e }) {
-  return /* @__PURE__ */ $(Y, { className: `lucide lucide-trash2-icon lucide-trash-2 ${e}`, children: [
-    /* @__PURE__ */ s("path", { d: "M10 11v6" }),
-    /* @__PURE__ */ s("path", { d: "M14 11v6" }),
-    /* @__PURE__ */ s("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
-    /* @__PURE__ */ s("path", { d: "M3 6h18" }),
-    /* @__PURE__ */ s("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+function gn({ className: e }) {
+  return /* @__PURE__ */ R(K, { className: `lucide lucide-trash2-icon lucide-trash-2 ${e}`, children: [
+    /* @__PURE__ */ n("path", { d: "M10 11v6" }),
+    /* @__PURE__ */ n("path", { d: "M14 11v6" }),
+    /* @__PURE__ */ n("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
+    /* @__PURE__ */ n("path", { d: "M3 6h18" }),
+    /* @__PURE__ */ n("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
   ] });
 }
-function Un({ className: e }) {
-  return /* @__PURE__ */ $(Y, { className: `lucide lucide-square-pen-icon lucide-square-pen ${e}`, children: [
-    /* @__PURE__ */ s("path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
-    /* @__PURE__ */ s("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 mn({ className: e }) {
+  return /* @__PURE__ */ R(K, { className: `lucide lucide-square-pen-icon lucide-square-pen ${e}`, children: [
+    /* @__PURE__ */ n("path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
+    /* @__PURE__ */ n("path", { d: "M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z" })
   ] });
 }
-function Vn({ className: e }) {
-  return /* @__PURE__ */ $(Y, { className: `lucide lucide-grid3x3-icon lucide-grid-3x3 ${e}`, children: [
-    /* @__PURE__ */ s("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-    /* @__PURE__ */ s("path", { d: "M3 9h18" }),
-    /* @__PURE__ */ s("path", { d: "M3 15h18" }),
-    /* @__PURE__ */ s("path", { d: "M9 3v18" }),
-    /* @__PURE__ */ s("path", { d: "M15 3v18" })
+function pn({ className: e }) {
+  return /* @__PURE__ */ R(K, { className: `lucide lucide-grid3x3-icon lucide-grid-3x3 ${e}`, children: [
+    /* @__PURE__ */ n("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+    /* @__PURE__ */ n("path", { d: "M3 9h18" }),
+    /* @__PURE__ */ n("path", { d: "M3 15h18" }),
+    /* @__PURE__ */ n("path", { d: "M9 3v18" }),
+    /* @__PURE__ */ n("path", { d: "M15 3v18" })
   ] });
 }
-function qn({ className: e }) {
-  return /* @__PURE__ */ $(Y, { className: `lucide lucide-monitor-icon lucide-monitor ${e}`, children: [
-    /* @__PURE__ */ s("rect", { width: "20", height: "14", x: "2", y: "3", rx: "2" }),
-    /* @__PURE__ */ s("line", { x1: "8", x2: "16", y1: "21", y2: "21" }),
-    /* @__PURE__ */ s("line", { x1: "12", x2: "12", y1: "17", y2: "21" })
+function yn({ className: e }) {
+  return /* @__PURE__ */ R(K, { className: `lucide lucide-monitor-icon lucide-monitor ${e}`, children: [
+    /* @__PURE__ */ n("rect", { width: "20", height: "14", x: "2", y: "3", rx: "2" }),
+    /* @__PURE__ */ n("line", { x1: "8", x2: "16", y1: "21", y2: "21" }),
+    /* @__PURE__ */ n("line", { x1: "12", x2: "12", y1: "17", y2: "21" })
   ] });
 }
-function zn({ className: e }) {
-  return /* @__PURE__ */ $(
-    Y,
+function bn({ className: e }) {
+  return /* @__PURE__ */ R(
+    K,
     {
       className: `lucide lucide-monitor-smartphone-icon lucide-monitor-smartphone ${e}`,
       children: [
-        /* @__PURE__ */ s("path", { d: "M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8" }),
-        /* @__PURE__ */ s("path", { d: "M10 19v-3.96 3.15" }),
-        /* @__PURE__ */ s("path", { d: "M7 19h5" }),
-        /* @__PURE__ */ s("rect", { width: "6", height: "10", x: "16", y: "12", rx: "2" })
+        /* @__PURE__ */ n("path", { d: "M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8" }),
+        /* @__PURE__ */ n("path", { d: "M10 19v-3.96 3.15" }),
+        /* @__PURE__ */ n("path", { d: "M7 19h5" }),
+        /* @__PURE__ */ n("rect", { width: "6", height: "10", x: "16", y: "12", rx: "2" })
       ]
     }
   );
 }
-function ft({ className: e }) {
-  return /* @__PURE__ */ $(
-    Y,
+function it({ className: e }) {
+  return /* @__PURE__ */ R(
+    K,
     {
       className: `lucide lucide-circle-arrow-left-icon lucide-circle-arrow-left ${e}`,
       children: [
-        /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ s("path", { d: "m12 8-4 4 4 4" }),
-        /* @__PURE__ */ s("path", { d: "M16 12H8" })
+        /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ n("path", { d: "m12 8-4 4 4 4" }),
+        /* @__PURE__ */ n("path", { d: "M16 12H8" })
       ]
     }
   );
 }
-function ht({ className: e }) {
-  return /* @__PURE__ */ $(
-    Y,
+function at({ className: e }) {
+  return /* @__PURE__ */ R(
+    K,
     {
       className: `lucide lucide-circle-arrow-right-icon lucide-circle-arrow-right ${e}`,
       children: [
-        /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ s("path", { d: "m12 16 4-4-4-4" }),
-        /* @__PURE__ */ s("path", { d: "M8 12h8" })
+        /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ n("path", { d: "m12 16 4-4-4-4" }),
+        /* @__PURE__ */ n("path", { d: "M8 12h8" })
       ]
     }
   );
 }
-function Ht({ className: e }) {
-  return /* @__PURE__ */ $(Y, { className: `lucide lucide-settings-icon lucide-settings ${e}`, children: [
-    /* @__PURE__ */ s("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__ */ s("circle", { cx: "12", cy: "12", r: "3" })
+function _t({ className: e }) {
+  return /* @__PURE__ */ R(K, { className: `lucide lucide-settings-icon lucide-settings ${e}`, children: [
+    /* @__PURE__ */ n("path", { d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915" }),
+    /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "3" })
   ] });
 }
-function Yn({ className: e }) {
-  return /* @__PURE__ */ $(
-    Y,
+function vn({ className: e }) {
+  return /* @__PURE__ */ R(
+    K,
     {
       className: `lucide lucide-tablet-smartphone-icon lucide-tablet-smartphone ${e}`,
       children: [
-        /* @__PURE__ */ s("rect", { width: "10", height: "14", x: "3", y: "8", rx: "2" }),
-        /* @__PURE__ */ s("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__ */ s("path", { d: "M8 18h.01" })
+        /* @__PURE__ */ n("rect", { width: "10", height: "14", x: "3", y: "8", rx: "2" }),
+        /* @__PURE__ */ n("path", { d: "M5 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2h-2.4" }),
+        /* @__PURE__ */ n("path", { d: "M8 18h.01" })
       ]
     }
   );
 }
-function gt({ className: e }) {
-  return /* @__PURE__ */ $(Y, { className: `lucide lucide-circle-x-icon lucide-circle-x ${e}`, children: [
-    /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ s("path", { d: "m15 9-6 6" }),
-    /* @__PURE__ */ s("path", { d: "m9 9 6 6" })
+function st({ className: e }) {
+  return /* @__PURE__ */ R(K, { className: `lucide lucide-circle-x-icon lucide-circle-x ${e}`, children: [
+    /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ n("path", { d: "m15 9-6 6" }),
+    /* @__PURE__ */ n("path", { d: "m9 9 6 6" })
   ] });
 }
-function Kn({ className: e }) {
-  return /* @__PURE__ */ $(Y, { className: `lucide lucide-zoom-in-icon lucide-zoom-in ${e}`, children: [
-    /* @__PURE__ */ s("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ s("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
-    /* @__PURE__ */ s("line", { x1: "11", x2: "11", y1: "8", y2: "14" }),
-    /* @__PURE__ */ s("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
+function xn({ className: e }) {
+  return /* @__PURE__ */ R(K, { className: `lucide lucide-zoom-in-icon lucide-zoom-in ${e}`, children: [
+    /* @__PURE__ */ n("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ n("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
+    /* @__PURE__ */ n("line", { x1: "11", x2: "11", y1: "8", y2: "14" }),
+    /* @__PURE__ */ n("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
   ] });
 }
-function Bn({ className: e }) {
-  return /* @__PURE__ */ $(Y, { className: `lucide lucide-zoom-out-icon lucide-zoom-out ${e}`, children: [
-    /* @__PURE__ */ s("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ s("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
-    /* @__PURE__ */ s("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
+function Cn({ className: e }) {
+  return /* @__PURE__ */ R(K, { className: `lucide lucide-zoom-out-icon lucide-zoom-out ${e}`, children: [
+    /* @__PURE__ */ n("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ n("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
+    /* @__PURE__ */ n("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
   ] });
 }
-function Xt({ className: e }) {
-  return /* @__PURE__ */ $(Y, { className: `lucide lucide-timer-reset-icon lucide-timer-reset ${e}`, children: [
-    /* @__PURE__ */ s("path", { d: "M10 2h4" }),
-    /* @__PURE__ */ s("path", { d: "M12 14v-4" }),
-    /* @__PURE__ */ s("path", { d: "M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6" }),
-    /* @__PURE__ */ s("path", { d: "M9 17H4v5" })
+function Mt({ className: e }) {
+  return /* @__PURE__ */ R(K, { className: `lucide lucide-timer-reset-icon lucide-timer-reset ${e}`, children: [
+    /* @__PURE__ */ n("path", { d: "M10 2h4" }),
+    /* @__PURE__ */ n("path", { d: "M12 14v-4" }),
+    /* @__PURE__ */ n("path", { d: "M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6" }),
+    /* @__PURE__ */ n("path", { d: "M9 17H4v5" })
   ] });
 }
-function Gt({ className: e }) {
-  return /* @__PURE__ */ $(Y, { className: `lucide lucide-undo-icon lucide-undo ${e}`, children: [
-    /* @__PURE__ */ s("path", { d: "M3 7v6h6" }),
-    /* @__PURE__ */ s("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })
+function Pt({ className: e }) {
+  return /* @__PURE__ */ R(K, { className: `lucide lucide-undo-icon lucide-undo ${e}`, children: [
+    /* @__PURE__ */ n("path", { d: "M3 7v6h6" }),
+    /* @__PURE__ */ n("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })
   ] });
 }
-function Zt({ className: e }) {
-  return /* @__PURE__ */ $(Y, { className: `lucide lucide-redo-icon lucide-redo ${e}`, children: [
-    /* @__PURE__ */ s("path", { d: "M21 7v6h-6" }),
-    /* @__PURE__ */ s("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7" })
+function Rt({ className: e }) {
+  return /* @__PURE__ */ R(K, { className: `lucide lucide-redo-icon lucide-redo ${e}`, children: [
+    /* @__PURE__ */ n("path", { d: "M21 7v6h-6" }),
+    /* @__PURE__ */ n("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7" })
   ] });
 }
-function Jt({ className: e }) {
-  return /* @__PURE__ */ $(Y, { className: `lucide lucide-hand-icon lucide-hand ${e}`, children: [
-    /* @__PURE__ */ s("path", { d: "M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2" }),
-    /* @__PURE__ */ s("path", { d: "M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
-    /* @__PURE__ */ s("path", { d: "M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8" }),
-    /* @__PURE__ */ s("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 $t({ className: e }) {
+  return /* @__PURE__ */ R(K, { className: `lucide lucide-hand-icon lucide-hand ${e}`, children: [
+    /* @__PURE__ */ n("path", { d: "M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2" }),
+    /* @__PURE__ */ n("path", { d: "M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
+    /* @__PURE__ */ n("path", { d: "M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8" }),
+    /* @__PURE__ */ n("path", { d: "M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15" })
   ] });
 }
-function Qt({ className: e }) {
-  return /* @__PURE__ */ $(Y, { className: `lucide lucide-hand-grab-icon lucide-hand-grab ${e}`, children: [
-    /* @__PURE__ */ s("path", { d: "M18 11.5V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v1.4" }),
-    /* @__PURE__ */ s("path", { d: "M14 10V8a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
-    /* @__PURE__ */ s("path", { d: "M10 9.9V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v5" }),
-    /* @__PURE__ */ s("path", { d: "M6 14a2 2 0 0 0-2-2a2 2 0 0 0-2 2" }),
-    /* @__PURE__ */ s("path", { d: "M18 11a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-4a8 8 0 0 1-8-8 2 2 0 1 1 4 0" })
+function It({ className: e }) {
+  return /* @__PURE__ */ R(K, { className: `lucide lucide-hand-grab-icon lucide-hand-grab ${e}`, children: [
+    /* @__PURE__ */ n("path", { d: "M18 11.5V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v1.4" }),
+    /* @__PURE__ */ n("path", { d: "M14 10V8a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
+    /* @__PURE__ */ n("path", { d: "M10 9.9V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v5" }),
+    /* @__PURE__ */ n("path", { d: "M6 14a2 2 0 0 0-2-2a2 2 0 0 0-2 2" }),
+    /* @__PURE__ */ n("path", { d: "M18 11a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-4a8 8 0 0 1-8-8 2 2 0 1 1 4 0" })
   ] });
 }
-function en({ className: e }) {
-  return /* @__PURE__ */ $(Y, { className: `lucide lucide-crosshair-icon lucide-crosshair ${e}`, children: [
-    /* @__PURE__ */ s("line", { x1: "22", x2: "18", y1: "12", y2: "12" }),
-    /* @__PURE__ */ s("line", { x1: "6", x2: "2", y1: "12", y2: "12" }),
-    /* @__PURE__ */ s("line", { x1: "12", x2: "12", y1: "6", y2: "2" }),
-    /* @__PURE__ */ s("line", { x1: "12", x2: "12", y1: "22", y2: "18" })
+function Ot({ className: e }) {
+  return /* @__PURE__ */ R(K, { className: `lucide lucide-crosshair-icon lucide-crosshair ${e}`, children: [
+    /* @__PURE__ */ n("line", { x1: "22", x2: "18", y1: "12", y2: "12" }),
+    /* @__PURE__ */ n("line", { x1: "6", x2: "2", y1: "12", y2: "12" }),
+    /* @__PURE__ */ n("line", { x1: "12", x2: "12", y1: "6", y2: "2" }),
+    /* @__PURE__ */ n("line", { x1: "12", x2: "12", y1: "22", y2: "18" })
   ] });
 }
-function Hn({ className: e }) {
-  return /* @__PURE__ */ $(Y, { className: `lucide lucide-target-icon lucide-target ${e}`, children: [
-    /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "6" }),
-    /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "2" })
+function wn({ className: e }) {
+  return /* @__PURE__ */ R(K, { className: `lucide lucide-target-icon lucide-target ${e}`, children: [
+    /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "6" }),
+    /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "2" })
   ] });
 }
-function tn({ className: e }) {
-  return /* @__PURE__ */ $(
-    Y,
+function Wt({ className: e }) {
+  return /* @__PURE__ */ R(
+    K,
     {
       className: `lucide lucide-file-question-mark-icon lucide-file-question-mark ${e}`,
       children: [
-        /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ s("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-        /* @__PURE__ */ s("path", { d: "M12 17h.01" })
+        /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ n("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+        /* @__PURE__ */ n("path", { d: "M12 17h.01" })
       ]
     }
   );
 }
-const mt = ({
+const lt = ({
   label: e,
-  className: n,
+  className: i,
   size: t = "medium",
-  value: r,
+  value: o,
   onChange: a,
-  onKeyDown: i,
-  placeholder: o = ""
+  onKeyDown: r,
+  placeholder: c = ""
 }) => {
-  const u = ot(() => t === "small" ? "py-1.5 px-3 text-sm" : "py-2.5 px-4 text-base", [t]), y = G("flex flex-col mb-4", n || ""), g = `${G(`
+  const h = rt(() => t === "small" ? "py-1.5 px-3 text-sm" : "py-2.5 px-4 text-base", [t]), D = G("flex flex-col mb-4", i || ""), b = `${G(`
     block w-full rounded-md px-3 py-1.5 text-base 
     bg-formfield content-formfield
     outline-1 -outline-offset-1 outline-primary 
     placeholder:text-disabled 
     focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-200 sm:text-sm/6
-  `)} ${u}`;
-  return /* @__PURE__ */ $("div", { className: y, children: [
-    /* @__PURE__ */ s("label", { htmlFor: e, className: "block text-sm/6 font-medium mb-1.5", children: e }),
-    /* @__PURE__ */ s(
+  `)} ${h}`;
+  return /* @__PURE__ */ R("div", { className: D, children: [
+    /* @__PURE__ */ n("label", { htmlFor: e, className: "block text-sm/6 font-medium mb-1.5", children: e }),
+    /* @__PURE__ */ n(
       "input",
       {
         id: e,
         type: "text",
-        value: r,
+        value: o,
         onChange: a,
-        onKeyDown: (c) => i && i(c),
-        placeholder: o,
-        className: g,
+        onKeyDown: (f) => r && r(f),
+        placeholder: c,
+        className: b,
         "aria-label": e
       }
     )
@@ -906,67 +553,67 @@ const mt = ({
 ]);
 function J(e) {
   const {
-    tooltip: n,
+    tooltip: i,
     disabled: t,
-    isIconButton: r,
+    isIconButton: o,
     className: a,
-    buttonType: i,
-    category: o,
-    px: u,
-    py: y,
-    children: p,
-    ...g
-  } = e, c = () => {
-    const v = e.isIconButton || !1, T = e.category || "primary", m = e.buttonType || "normal", x = e.disabled || !1, C = e.className || "", E = e.font || "semibold", S = Number((e.border || 0) > 0 ? e.border : 0);
-    let D = (e.borderColor || "").trim();
-    D = D.length > 0 ? D : "";
-    const d = Number((e.borderHover || 0) > 0 ? e.borderHover : 0), M = e.shadow || "sm", l = e.shadowHover || "md", h = (e.addCss || "").trim(), f = e.justifyCss || "justify-center";
-    if (v)
+    buttonType: r,
+    category: c,
+    px: h,
+    py: D,
+    children: S,
+    ...b
+  } = e, f = () => {
+    const p = e.isIconButton || !1, T = e.category || "primary", g = e.buttonType || "normal", m = e.disabled || !1, x = e.className || "", N = e.font || "semibold", C = Number((e.border || 0) > 0 ? e.border : 0);
+    let w = (e.borderColor || "").trim();
+    w = w.length > 0 ? w : "";
+    const l = Number((e.borderHover || 0) > 0 ? e.borderHover : 0), M = e.shadow || "sm", s = e.shadowHover || "md", u = (e.addCss || "").trim(), d = e.justifyCss || "justify-center";
+    if (p)
       return G(
         "flex flex-row items-center",
-        x ? "text-disabled" : `text-${T} hover:brightness-110 cursor-pointer`,
-        C || ""
+        m ? "text-disabled" : `text-${T} hover:brightness-110 cursor-pointer`,
+        x || ""
       );
     const _ = [
       "relative cursor-pointer",
       "rounded-sm focus:outline-none focus:ring focus:ring-offset",
       "transition-all duration-150",
       "text-sm",
-      `font-${E}`
+      `font-${N}`
     ];
-    if (x)
-      m === "ghost" ? _.push("text-disabled border-disabled cursor-not-allowed") : _.push("bg-disabled content-disabled border-disabled cursor-not-allowed");
+    if (m)
+      g === "ghost" ? _.push("text-disabled border-disabled cursor-not-allowed") : _.push("bg-disabled content-disabled border-disabled cursor-not-allowed");
     else {
       _.push("cursor-pointer");
-      let W = "";
-      Ce.has(m) ? W = `${Ce.get(m)}` : W = `${Ce.get("normal")}`, S < 1 && (W = W.replace("border-[category]", ""));
-      const B = W.replace(/\[category\]/g, T).trim();
-      _.push(B);
-    }
-    return S > 0 ? (_.push(`border-[${S}px]`), _.push(`border-${D}`)) : (_.push("border-[1px]"), _.push("border-transparent")), d > 0 ? (_.push(`hover:border-[${d}px] group-hover:border-[${d}px]`), _.push(`hover:border-${D} group-hover:border-${D}`)) : _.push("hover:border-[1px] group-hover:border-[1px]"), _.push(`shadow-${M}`), _.push(`hover:shadow-${l} group-hover:shadow-${l}`), h.length > 0 && _.push(h), h.indexOf("hidden") === -1 && _.push("inline-flex"), _.push(f), _.join(" ").trim();
-  }, b = () => {
-    const v = e.px || 0.7, T = e.py || 0.25;
+      let $ = "";
+      Ce.has(g) ? $ = `${Ce.get(g)}` : $ = `${Ce.get("normal")}`, C < 1 && ($ = $.replace("border-[category]", ""));
+      const z = $.replace(/\[category\]/g, T).trim();
+      _.push(z);
+    }
+    return C > 0 ? (_.push(`border-[${C}px]`), _.push(`border-${w}`)) : (_.push("border-[1px]"), _.push("border-transparent")), l > 0 ? (_.push(`hover:border-[${l}px] group-hover:border-[${l}px]`), _.push(`hover:border-${w} group-hover:border-${w}`)) : _.push("hover:border-[1px] group-hover:border-[1px]"), _.push(`shadow-${M}`), _.push(`hover:shadow-${s} group-hover:shadow-${s}`), u.length > 0 && _.push(u), u.indexOf("hidden") === -1 && _.push("inline-flex"), _.push(d), _.join(" ").trim();
+  }, y = () => {
+    const p = e.px || 0.7, T = e.py || 0.25;
     return {
-      padding: r ? 0 : `${T}rem ${v}rem `
+      padding: o ? 0 : `${T}rem ${p}rem `
     };
   };
-  return /* @__PURE__ */ s("button", { type: "button", disabled: t, className: c(), style: b(), ...g, children: p });
+  return /* @__PURE__ */ n("button", { type: "button", disabled: t, className: f(), style: y(), ...b, children: S });
 }
-const nn = (e) => e.direction === "row" ? G("flex flex-row items-center gap-2", e.classNames || "") : G("flex flex-col gap-2 w-full", e.classNames || "");
-function rn(e) {
-  const { children: n, testId: t, classNames: r, direction: a, ...i } = e, o = nn(e);
-  return /* @__PURE__ */ s("div", { "data-testid": t || "not-set", className: o, ...i, children: n });
+const kt = (e) => e.direction === "row" ? G("flex flex-row items-center gap-2", e.classNames || "") : G("flex flex-col gap-2 w-full", e.classNames || "");
+function jt(e) {
+  const { children: i, testId: t, classNames: o, direction: a, ...r } = e, c = kt(e);
+  return /* @__PURE__ */ n("div", { "data-testid": t || "not-set", className: c, ...r, children: i });
 }
-const Xn = le(
-  (e, n) => {
-    const { classNames: t, innerClass: r, ...a } = e, i = G(t || "", "w-full"), o = G(
+const Sn = se(
+  (e, i) => {
+    const { classNames: t, innerClass: o, ...a } = e, r = G(t || "", "w-full"), c = G(
       `w-full flex overflow-hidden justify-between items-center gap-0 
       rounded-md border`,
-      r || ""
+      o || ""
     );
-    return /* @__PURE__ */ s(rn, { direction: "row", classNames: i, ...a, children: /* @__PURE__ */ s("div", { className: o, children: e.children }) });
+    return /* @__PURE__ */ n(jt, { direction: "row", classNames: r, ...a, children: /* @__PURE__ */ n("div", { className: c, children: e.children }) });
   }
-), Gn = le((e, n) => /* @__PURE__ */ s(
+), Dn = se((e, i) => /* @__PURE__ */ n(
   "div",
   {
     "data-testid": e.testId || "not-set",
@@ -977,8 +624,8 @@ const Xn = le(
     },
     children: e.children
   }
-)), Zn = le(
-  (e, n) => /* @__PURE__ */ s(
+)), Tn = se(
+  (e, i) => /* @__PURE__ */ n(
     "div",
     {
       "data-testid": e.testId || "not-set",
@@ -986,7 +633,7 @@ const Xn = le(
       children: e.children
     }
   )
-), Jn = le((e, n) => /* @__PURE__ */ s(
+), Nn = se((e, i) => /* @__PURE__ */ n(
   "div",
   {
     "data-testid": e.testId || "not-set",
@@ -998,36 +645,36 @@ const Xn = le(
     children: e.children
   }
 ));
-function an(e) {
+function At(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ue = { exports: {} }, Se = {}, me = { exports: {} }, pe = { exports: {} }, U = {};
-var Le;
-function on() {
-  if (Le) return U;
-  Le = 1;
-  var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, o = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, u = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, y = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, p = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, g = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, c = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, b = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, v = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, T = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, m = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, x = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, C = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, E = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-  function S(d) {
-    if (typeof d == "object" && d !== null) {
-      var M = d.$$typeof;
+var de = { exports: {} }, we = {}, he = { exports: {} }, ge = { exports: {} }, Y = {};
+var ke;
+function Lt() {
+  if (ke) return Y;
+  ke = 1;
+  var e = typeof Symbol == "function" && Symbol.for, i = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, o = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, r = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, h = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, D = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, S = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, b = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, f = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, T = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, g = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, m = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, x = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  function C(l) {
+    if (typeof l == "object" && l !== null) {
+      var M = l.$$typeof;
       switch (M) {
-        case n:
-          switch (d = d.type, d) {
-            case y:
-            case p:
+        case i:
+          switch (l = l.type, l) {
+            case D:
+            case S:
+            case o:
             case r:
-            case i:
             case a:
-            case c:
-              return d;
+            case f:
+              return l;
             default:
-              switch (d = d && d.$$typeof, d) {
-                case u:
-                case g:
+              switch (l = l && l.$$typeof, l) {
+                case h:
+                case b:
                 case T:
-                case v:
-                case o:
-                  return d;
+                case p:
+                case c:
+                  return l;
                 default:
                   return M;
               }
@@ -1037,69 +684,69 @@ function on() {
       }
     }
   }
-  function D(d) {
-    return S(d) === p;
-  }
-  return U.AsyncMode = y, U.ConcurrentMode = p, U.ContextConsumer = u, U.ContextProvider = o, U.Element = n, U.ForwardRef = g, U.Fragment = r, U.Lazy = T, U.Memo = v, U.Portal = t, U.Profiler = i, U.StrictMode = a, U.Suspense = c, U.isAsyncMode = function(d) {
-    return D(d) || S(d) === y;
-  }, U.isConcurrentMode = D, U.isContextConsumer = function(d) {
-    return S(d) === u;
-  }, U.isContextProvider = function(d) {
-    return S(d) === o;
-  }, U.isElement = function(d) {
-    return typeof d == "object" && d !== null && d.$$typeof === n;
-  }, U.isForwardRef = function(d) {
-    return S(d) === g;
-  }, U.isFragment = function(d) {
-    return S(d) === r;
-  }, U.isLazy = function(d) {
-    return S(d) === T;
-  }, U.isMemo = function(d) {
-    return S(d) === v;
-  }, U.isPortal = function(d) {
-    return S(d) === t;
-  }, U.isProfiler = function(d) {
-    return S(d) === i;
-  }, U.isStrictMode = function(d) {
-    return S(d) === a;
-  }, U.isSuspense = function(d) {
-    return S(d) === c;
-  }, U.isValidElementType = function(d) {
-    return typeof d == "string" || typeof d == "function" || d === r || d === p || d === i || d === a || d === c || d === b || typeof d == "object" && d !== null && (d.$$typeof === T || d.$$typeof === v || d.$$typeof === o || d.$$typeof === u || d.$$typeof === g || d.$$typeof === x || d.$$typeof === C || d.$$typeof === E || d.$$typeof === m);
-  }, U.typeOf = S, U;
+  function w(l) {
+    return C(l) === S;
+  }
+  return Y.AsyncMode = D, Y.ConcurrentMode = S, Y.ContextConsumer = h, Y.ContextProvider = c, Y.Element = i, Y.ForwardRef = b, Y.Fragment = o, Y.Lazy = T, Y.Memo = p, Y.Portal = t, Y.Profiler = r, Y.StrictMode = a, Y.Suspense = f, Y.isAsyncMode = function(l) {
+    return w(l) || C(l) === D;
+  }, Y.isConcurrentMode = w, Y.isContextConsumer = function(l) {
+    return C(l) === h;
+  }, Y.isContextProvider = function(l) {
+    return C(l) === c;
+  }, Y.isElement = function(l) {
+    return typeof l == "object" && l !== null && l.$$typeof === i;
+  }, Y.isForwardRef = function(l) {
+    return C(l) === b;
+  }, Y.isFragment = function(l) {
+    return C(l) === o;
+  }, Y.isLazy = function(l) {
+    return C(l) === T;
+  }, Y.isMemo = function(l) {
+    return C(l) === p;
+  }, Y.isPortal = function(l) {
+    return C(l) === t;
+  }, Y.isProfiler = function(l) {
+    return C(l) === r;
+  }, Y.isStrictMode = function(l) {
+    return C(l) === a;
+  }, Y.isSuspense = function(l) {
+    return C(l) === f;
+  }, Y.isValidElementType = function(l) {
+    return typeof l == "string" || typeof l == "function" || l === o || l === S || l === r || l === a || l === f || l === y || typeof l == "object" && l !== null && (l.$$typeof === T || l.$$typeof === p || l.$$typeof === c || l.$$typeof === h || l.$$typeof === b || l.$$typeof === m || l.$$typeof === x || l.$$typeof === N || l.$$typeof === g);
+  }, Y.typeOf = C, Y;
 }
-var V = {};
-var Ue;
-function sn() {
-  return Ue || (Ue = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, o = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, u = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, y = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, p = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, g = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, c = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, b = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, v = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, T = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, m = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, x = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, C = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, E = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-    function S(N) {
-      return typeof N == "string" || typeof N == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      N === r || N === p || N === i || N === a || N === c || N === b || typeof N == "object" && N !== null && (N.$$typeof === T || N.$$typeof === v || N.$$typeof === o || N.$$typeof === u || N.$$typeof === g || N.$$typeof === x || N.$$typeof === C || N.$$typeof === E || N.$$typeof === m);
-    }
-    function D(N) {
-      if (typeof N == "object" && N !== null) {
-        var te = N.$$typeof;
+var U = {};
+var je;
+function qt() {
+  return je || (je = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = typeof Symbol == "function" && Symbol.for, i = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, o = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, r = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, h = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, D = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, S = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, b = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, f = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, T = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, g = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, m = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, x = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    function C(E) {
+      return typeof E == "string" || typeof E == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      E === o || E === S || E === r || E === a || E === f || E === y || typeof E == "object" && E !== null && (E.$$typeof === T || E.$$typeof === p || E.$$typeof === c || E.$$typeof === h || E.$$typeof === b || E.$$typeof === m || E.$$typeof === x || E.$$typeof === N || E.$$typeof === g);
+    }
+    function w(E) {
+      if (typeof E == "object" && E !== null) {
+        var te = E.$$typeof;
         switch (te) {
-          case n:
-            var ge = N.type;
-            switch (ge) {
-              case y:
-              case p:
+          case i:
+            var fe = E.type;
+            switch (fe) {
+              case D:
+              case S:
+              case o:
               case r:
-              case i:
               case a:
-              case c:
-                return ge;
+              case f:
+                return fe;
               default:
-                var ke = ge && ge.$$typeof;
-                switch (ke) {
-                  case u:
-                  case g:
+                var We = fe && fe.$$typeof;
+                switch (We) {
+                  case h:
+                  case b:
                   case T:
-                  case v:
-                  case o:
-                    return ke;
+                  case p:
+                  case c:
+                    return We;
                   default:
                     return te;
                 }
@@ -1109,150 +756,150 @@ function sn() {
         }
       }
     }
-    var d = y, M = p, l = u, h = o, f = n, _ = g, W = r, B = T, H = v, X = t, Q = i, K = a, ee = c, oe = !1;
-    function de(N) {
-      return oe || (oe = !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(N) || D(N) === y;
+    var l = D, M = S, s = h, u = c, d = i, _ = b, $ = o, z = T, X = p, V = t, Q = r, H = a, ee = f, ie = !1;
+    function le(E) {
+      return ie || (ie = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), v(E) || w(E) === D;
     }
-    function w(N) {
-      return D(N) === p;
+    function v(E) {
+      return w(E) === S;
     }
-    function P(N) {
-      return D(N) === u;
+    function P(E) {
+      return w(E) === h;
     }
-    function j(N) {
-      return D(N) === o;
+    function j(E) {
+      return w(E) === c;
     }
-    function O(N) {
-      return typeof N == "object" && N !== null && N.$$typeof === n;
+    function W(E) {
+      return typeof E == "object" && E !== null && E.$$typeof === i;
     }
-    function I(N) {
-      return D(N) === g;
+    function I(E) {
+      return w(E) === b;
     }
-    function A(N) {
-      return D(N) === r;
+    function A(E) {
+      return w(E) === o;
     }
-    function R(N) {
-      return D(N) === T;
+    function O(E) {
+      return w(E) === T;
     }
-    function k(N) {
-      return D(N) === v;
+    function k(E) {
+      return w(E) === p;
     }
-    function F(N) {
-      return D(N) === t;
+    function L(E) {
+      return w(E) === t;
     }
-    function q(N) {
-      return D(N) === i;
+    function F(E) {
+      return w(E) === r;
     }
-    function L(N) {
-      return D(N) === a;
+    function q(E) {
+      return w(E) === a;
     }
-    function Z(N) {
-      return D(N) === c;
+    function Z(E) {
+      return w(E) === f;
     }
-    V.AsyncMode = d, V.ConcurrentMode = M, V.ContextConsumer = l, V.ContextProvider = h, V.Element = f, V.ForwardRef = _, V.Fragment = W, V.Lazy = B, V.Memo = H, V.Portal = X, V.Profiler = Q, V.StrictMode = K, V.Suspense = ee, V.isAsyncMode = de, V.isConcurrentMode = w, V.isContextConsumer = P, V.isContextProvider = j, V.isElement = O, V.isForwardRef = I, V.isFragment = A, V.isLazy = R, V.isMemo = k, V.isPortal = F, V.isProfiler = q, V.isStrictMode = L, V.isSuspense = Z, V.isValidElementType = S, V.typeOf = D;
-  })()), V;
+    U.AsyncMode = l, U.ConcurrentMode = M, U.ContextConsumer = s, U.ContextProvider = u, U.Element = d, U.ForwardRef = _, U.Fragment = $, U.Lazy = z, U.Memo = X, U.Portal = V, U.Profiler = Q, U.StrictMode = H, U.Suspense = ee, U.isAsyncMode = le, U.isConcurrentMode = v, U.isContextConsumer = P, U.isContextProvider = j, U.isElement = W, U.isForwardRef = I, U.isFragment = A, U.isLazy = O, U.isMemo = k, U.isPortal = L, U.isProfiler = F, U.isStrictMode = q, U.isSuspense = Z, U.isValidElementType = C, U.typeOf = w;
+  })()), U;
 }
-var Ve;
-function pt() {
-  return Ve || (Ve = 1, process.env.NODE_ENV === "production" ? pe.exports = on() : pe.exports = sn()), pe.exports;
+var Ae;
+function ct() {
+  return Ae || (Ae = 1, process.env.NODE_ENV === "production" ? ge.exports = Lt() : ge.exports = qt()), ge.exports;
 }
-var De, qe;
-function ln() {
-  if (qe) return De;
-  qe = 1;
-  var e = Object.getOwnPropertySymbols, n = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
-  function r(i) {
-    if (i == null)
+var Se, Le;
+function Yt() {
+  if (Le) return Se;
+  Le = 1;
+  var e = Object.getOwnPropertySymbols, i = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
+  function o(r) {
+    if (r == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(i);
+    return Object(r);
   }
   function a() {
     try {
       if (!Object.assign)
         return !1;
-      var i = new String("abc");
-      if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
+      var r = new String("abc");
+      if (r[5] = "de", Object.getOwnPropertyNames(r)[0] === "5")
         return !1;
-      for (var o = {}, u = 0; u < 10; u++)
-        o["_" + String.fromCharCode(u)] = u;
-      var y = Object.getOwnPropertyNames(o).map(function(g) {
-        return o[g];
+      for (var c = {}, h = 0; h < 10; h++)
+        c["_" + String.fromCharCode(h)] = h;
+      var D = Object.getOwnPropertyNames(c).map(function(b) {
+        return c[b];
       });
-      if (y.join("") !== "0123456789")
+      if (D.join("") !== "0123456789")
         return !1;
-      var p = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(g) {
-        p[g] = g;
-      }), Object.keys(Object.assign({}, p)).join("") === "abcdefghijklmnopqrst";
+      var S = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(b) {
+        S[b] = b;
+      }), Object.keys(Object.assign({}, S)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
-  return De = a() ? Object.assign : function(i, o) {
-    for (var u, y = r(i), p, g = 1; g < arguments.length; g++) {
-      u = Object(arguments[g]);
-      for (var c in u)
-        n.call(u, c) && (y[c] = u[c]);
+  return Se = a() ? Object.assign : function(r, c) {
+    for (var h, D = o(r), S, b = 1; b < arguments.length; b++) {
+      h = Object(arguments[b]);
+      for (var f in h)
+        i.call(h, f) && (D[f] = h[f]);
       if (e) {
-        p = e(u);
-        for (var b = 0; b < p.length; b++)
-          t.call(u, p[b]) && (y[p[b]] = u[p[b]]);
+        S = e(h);
+        for (var y = 0; y < S.length; y++)
+          t.call(h, S[y]) && (D[S[y]] = h[S[y]]);
       }
     }
-    return y;
-  }, De;
+    return D;
+  }, Se;
 }
-var Te, ze;
-function Ie() {
-  if (ze) return Te;
-  ze = 1;
+var De, qe;
+function $e() {
+  if (qe) return De;
+  qe = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return Te = e, Te;
+  return De = e, De;
 }
-var Ee, Ye;
-function yt() {
-  return Ye || (Ye = 1, Ee = Function.call.bind(Object.prototype.hasOwnProperty)), Ee;
+var Te, Ye;
+function dt() {
+  return Ye || (Ye = 1, Te = Function.call.bind(Object.prototype.hasOwnProperty)), Te;
 }
-var Ne, Ke;
-function dn() {
-  if (Ke) return Ne;
-  Ke = 1;
+var Ne, Ue;
+function Ut() {
+  if (Ue) return Ne;
+  Ue = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var n = /* @__PURE__ */ Ie(), t = {}, r = /* @__PURE__ */ yt();
-    e = function(i) {
-      var o = "Warning: " + i;
-      typeof console < "u" && console.error(o);
+    var i = /* @__PURE__ */ $e(), t = {}, o = /* @__PURE__ */ dt();
+    e = function(r) {
+      var c = "Warning: " + r;
+      typeof console < "u" && console.error(c);
       try {
-        throw new Error(o);
+        throw new Error(c);
       } catch {
       }
     };
   }
-  function a(i, o, u, y, p) {
+  function a(r, c, h, D, S) {
     if (process.env.NODE_ENV !== "production") {
-      for (var g in i)
-        if (r(i, g)) {
-          var c;
+      for (var b in r)
+        if (o(r, b)) {
+          var f;
           try {
-            if (typeof i[g] != "function") {
-              var b = Error(
-                (y || "React class") + ": " + u + " type `" + g + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[g] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+            if (typeof r[b] != "function") {
+              var y = Error(
+                (D || "React class") + ": " + h + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw b.name = "Invariant Violation", b;
+              throw y.name = "Invariant Violation", y;
             }
-            c = i[g](o, g, y, u, null, n);
+            f = r[b](c, b, D, h, null, i);
           } catch (T) {
-            c = T;
+            f = T;
           }
-          if (c && !(c instanceof Error) && e(
-            (y || "React class") + ": type specification of " + u + " `" + g + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof c + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), c instanceof Error && !(c.message in t)) {
-            t[c.message] = !0;
-            var v = p ? p() : "";
+          if (f && !(f instanceof Error) && e(
+            (D || "React class") + ": type specification of " + h + " `" + b + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof f + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), f instanceof Error && !(f.message in t)) {
+            t[f.message] = !0;
+            var p = S ? S() : "";
             e(
-              "Failed " + u + " type: " + c.message + (v ?? "")
+              "Failed " + h + " type: " + f.message + (p ?? "")
             );
           }
         }
@@ -1262,279 +909,279 @@ function dn() {
     process.env.NODE_ENV !== "production" && (t = {});
   }, Ne = a, Ne;
 }
-var _e, Be;
-function cn() {
-  if (Be) return _e;
-  Be = 1;
-  var e = pt(), n = ln(), t = /* @__PURE__ */ Ie(), r = /* @__PURE__ */ yt(), a = /* @__PURE__ */ dn(), i = function() {
+var Ee, Fe;
+function Ft() {
+  if (Fe) return Ee;
+  Fe = 1;
+  var e = ct(), i = Yt(), t = /* @__PURE__ */ $e(), o = /* @__PURE__ */ dt(), a = /* @__PURE__ */ Ut(), r = function() {
   };
-  process.env.NODE_ENV !== "production" && (i = function(u) {
-    var y = "Warning: " + u;
-    typeof console < "u" && console.error(y);
+  process.env.NODE_ENV !== "production" && (r = function(h) {
+    var D = "Warning: " + h;
+    typeof console < "u" && console.error(D);
     try {
-      throw new Error(y);
+      throw new Error(D);
     } catch {
     }
   });
-  function o() {
+  function c() {
     return null;
   }
-  return _e = function(u, y) {
-    var p = typeof Symbol == "function" && Symbol.iterator, g = "@@iterator";
-    function c(w) {
-      var P = w && (p && w[p] || w[g]);
+  return Ee = function(h, D) {
+    var S = typeof Symbol == "function" && Symbol.iterator, b = "@@iterator";
+    function f(v) {
+      var P = v && (S && v[S] || v[b]);
       if (typeof P == "function")
         return P;
     }
-    var b = "<<anonymous>>", v = {
-      array: C("array"),
-      bigint: C("bigint"),
-      bool: C("boolean"),
-      func: C("function"),
-      number: C("number"),
-      object: C("object"),
-      string: C("string"),
-      symbol: C("symbol"),
-      any: E(),
-      arrayOf: S,
-      element: D(),
-      elementType: d(),
+    var y = "<<anonymous>>", p = {
+      array: x("array"),
+      bigint: x("bigint"),
+      bool: x("boolean"),
+      func: x("function"),
+      number: x("number"),
+      object: x("object"),
+      string: x("string"),
+      symbol: x("symbol"),
+      any: N(),
+      arrayOf: C,
+      element: w(),
+      elementType: l(),
       instanceOf: M,
       node: _(),
-      objectOf: h,
-      oneOf: l,
-      oneOfType: f,
-      shape: B,
-      exact: H
+      objectOf: u,
+      oneOf: s,
+      oneOfType: d,
+      shape: z,
+      exact: X
     };
-    function T(w, P) {
-      return w === P ? w !== 0 || 1 / w === 1 / P : w !== w && P !== P;
+    function T(v, P) {
+      return v === P ? v !== 0 || 1 / v === 1 / P : v !== v && P !== P;
     }
-    function m(w, P) {
-      this.message = w, this.data = P && typeof P == "object" ? P : {}, this.stack = "";
+    function g(v, P) {
+      this.message = v, this.data = P && typeof P == "object" ? P : {}, this.stack = "";
     }
-    m.prototype = Error.prototype;
-    function x(w) {
+    g.prototype = Error.prototype;
+    function m(v) {
       if (process.env.NODE_ENV !== "production")
         var P = {}, j = 0;
-      function O(A, R, k, F, q, L, Z) {
-        if (F = F || b, L = L || k, Z !== t) {
-          if (y) {
-            var N = new Error(
+      function W(A, O, k, L, F, q, Z) {
+        if (L = L || y, q = q || k, Z !== t) {
+          if (D) {
+            var E = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
-            throw N.name = "Invariant Violation", N;
+            throw E.name = "Invariant Violation", E;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var te = F + ":" + k;
+            var te = L + ":" + k;
             !P[te] && // Avoid spamming the console because they are often not actionable except for lib authors
-            j < 3 && (i(
-              "You are manually calling a React.PropTypes validation function for the `" + L + "` prop on `" + F + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+            j < 3 && (r(
+              "You are manually calling a React.PropTypes validation function for the `" + q + "` prop on `" + L + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
             ), P[te] = !0, j++);
           }
         }
-        return R[k] == null ? A ? R[k] === null ? new m("The " + q + " `" + L + "` is marked as required " + ("in `" + F + "`, but its value is `null`.")) : new m("The " + q + " `" + L + "` is marked as required in " + ("`" + F + "`, but its value is `undefined`.")) : null : w(R, k, F, q, L);
+        return O[k] == null ? A ? O[k] === null ? new g("The " + F + " `" + q + "` is marked as required " + ("in `" + L + "`, but its value is `null`.")) : new g("The " + F + " `" + q + "` is marked as required in " + ("`" + L + "`, but its value is `undefined`.")) : null : v(O, k, L, F, q);
       }
-      var I = O.bind(null, !1);
-      return I.isRequired = O.bind(null, !0), I;
-    }
-    function C(w) {
-      function P(j, O, I, A, R, k) {
-        var F = j[O], q = K(F);
-        if (q !== w) {
-          var L = ee(F);
-          return new m(
-            "Invalid " + A + " `" + R + "` of type " + ("`" + L + "` supplied to `" + I + "`, expected ") + ("`" + w + "`."),
-            { expectedType: w }
+      var I = W.bind(null, !1);
+      return I.isRequired = W.bind(null, !0), I;
+    }
+    function x(v) {
+      function P(j, W, I, A, O, k) {
+        var L = j[W], F = H(L);
+        if (F !== v) {
+          var q = ee(L);
+          return new g(
+            "Invalid " + A + " `" + O + "` of type " + ("`" + q + "` supplied to `" + I + "`, expected ") + ("`" + v + "`."),
+            { expectedType: v }
           );
         }
         return null;
       }
-      return x(P);
+      return m(P);
     }
-    function E() {
-      return x(o);
+    function N() {
+      return m(c);
     }
-    function S(w) {
-      function P(j, O, I, A, R) {
-        if (typeof w != "function")
-          return new m("Property `" + R + "` of component `" + I + "` has invalid PropType notation inside arrayOf.");
-        var k = j[O];
+    function C(v) {
+      function P(j, W, I, A, O) {
+        if (typeof v != "function")
+          return new g("Property `" + O + "` of component `" + I + "` has invalid PropType notation inside arrayOf.");
+        var k = j[W];
         if (!Array.isArray(k)) {
-          var F = K(k);
-          return new m("Invalid " + A + " `" + R + "` of type " + ("`" + F + "` supplied to `" + I + "`, expected an array."));
+          var L = H(k);
+          return new g("Invalid " + A + " `" + O + "` of type " + ("`" + L + "` supplied to `" + I + "`, expected an array."));
         }
-        for (var q = 0; q < k.length; q++) {
-          var L = w(k, q, I, A, R + "[" + q + "]", t);
-          if (L instanceof Error)
-            return L;
+        for (var F = 0; F < k.length; F++) {
+          var q = v(k, F, I, A, O + "[" + F + "]", t);
+          if (q instanceof Error)
+            return q;
         }
         return null;
       }
-      return x(P);
-    }
-    function D() {
-      function w(P, j, O, I, A) {
-        var R = P[j];
-        if (!u(R)) {
-          var k = K(R);
-          return new m("Invalid " + I + " `" + A + "` of type " + ("`" + k + "` supplied to `" + O + "`, expected a single ReactElement."));
+      return m(P);
+    }
+    function w() {
+      function v(P, j, W, I, A) {
+        var O = P[j];
+        if (!h(O)) {
+          var k = H(O);
+          return new g("Invalid " + I + " `" + A + "` of type " + ("`" + k + "` supplied to `" + W + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return x(w);
-    }
-    function d() {
-      function w(P, j, O, I, A) {
-        var R = P[j];
-        if (!e.isValidElementType(R)) {
-          var k = K(R);
-          return new m("Invalid " + I + " `" + A + "` of type " + ("`" + k + "` supplied to `" + O + "`, expected a single ReactElement type."));
+      return m(v);
+    }
+    function l() {
+      function v(P, j, W, I, A) {
+        var O = P[j];
+        if (!e.isValidElementType(O)) {
+          var k = H(O);
+          return new g("Invalid " + I + " `" + A + "` of type " + ("`" + k + "` supplied to `" + W + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return x(w);
+      return m(v);
     }
-    function M(w) {
-      function P(j, O, I, A, R) {
-        if (!(j[O] instanceof w)) {
-          var k = w.name || b, F = de(j[O]);
-          return new m("Invalid " + A + " `" + R + "` of type " + ("`" + F + "` supplied to `" + I + "`, expected ") + ("instance of `" + k + "`."));
+    function M(v) {
+      function P(j, W, I, A, O) {
+        if (!(j[W] instanceof v)) {
+          var k = v.name || y, L = le(j[W]);
+          return new g("Invalid " + A + " `" + O + "` of type " + ("`" + L + "` supplied to `" + I + "`, expected ") + ("instance of `" + k + "`."));
         }
         return null;
       }
-      return x(P);
+      return m(P);
     }
-    function l(w) {
-      if (!Array.isArray(w))
-        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
+    function s(v) {
+      if (!Array.isArray(v))
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? r(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
-        ) : i("Invalid argument supplied to oneOf, expected an array.")), o;
-      function P(j, O, I, A, R) {
-        for (var k = j[O], F = 0; F < w.length; F++)
-          if (T(k, w[F]))
+        ) : r("Invalid argument supplied to oneOf, expected an array.")), c;
+      function P(j, W, I, A, O) {
+        for (var k = j[W], L = 0; L < v.length; L++)
+          if (T(k, v[L]))
             return null;
-        var q = JSON.stringify(w, function(Z, N) {
-          var te = ee(N);
-          return te === "symbol" ? String(N) : N;
+        var F = JSON.stringify(v, function(Z, E) {
+          var te = ee(E);
+          return te === "symbol" ? String(E) : E;
         });
-        return new m("Invalid " + A + " `" + R + "` of value `" + String(k) + "` " + ("supplied to `" + I + "`, expected one of " + q + "."));
+        return new g("Invalid " + A + " `" + O + "` of value `" + String(k) + "` " + ("supplied to `" + I + "`, expected one of " + F + "."));
       }
-      return x(P);
-    }
-    function h(w) {
-      function P(j, O, I, A, R) {
-        if (typeof w != "function")
-          return new m("Property `" + R + "` of component `" + I + "` has invalid PropType notation inside objectOf.");
-        var k = j[O], F = K(k);
-        if (F !== "object")
-          return new m("Invalid " + A + " `" + R + "` of type " + ("`" + F + "` supplied to `" + I + "`, expected an object."));
-        for (var q in k)
-          if (r(k, q)) {
-            var L = w(k, q, I, A, R + "." + q, t);
-            if (L instanceof Error)
-              return L;
+      return m(P);
+    }
+    function u(v) {
+      function P(j, W, I, A, O) {
+        if (typeof v != "function")
+          return new g("Property `" + O + "` of component `" + I + "` has invalid PropType notation inside objectOf.");
+        var k = j[W], L = H(k);
+        if (L !== "object")
+          return new g("Invalid " + A + " `" + O + "` of type " + ("`" + L + "` supplied to `" + I + "`, expected an object."));
+        for (var F in k)
+          if (o(k, F)) {
+            var q = v(k, F, I, A, O + "." + F, t);
+            if (q instanceof Error)
+              return q;
           }
         return null;
       }
-      return x(P);
+      return m(P);
     }
-    function f(w) {
-      if (!Array.isArray(w))
-        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), o;
-      for (var P = 0; P < w.length; P++) {
-        var j = w[P];
+    function d(v) {
+      if (!Array.isArray(v))
+        return process.env.NODE_ENV !== "production" && r("Invalid argument supplied to oneOfType, expected an instance of array."), c;
+      for (var P = 0; P < v.length; P++) {
+        var j = v[P];
         if (typeof j != "function")
-          return i(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + oe(j) + " at index " + P + "."
-          ), o;
+          return r(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ie(j) + " at index " + P + "."
+          ), c;
       }
-      function O(I, A, R, k, F) {
-        for (var q = [], L = 0; L < w.length; L++) {
-          var Z = w[L], N = Z(I, A, R, k, F, t);
-          if (N == null)
+      function W(I, A, O, k, L) {
+        for (var F = [], q = 0; q < v.length; q++) {
+          var Z = v[q], E = Z(I, A, O, k, L, t);
+          if (E == null)
             return null;
-          N.data && r(N.data, "expectedType") && q.push(N.data.expectedType);
+          E.data && o(E.data, "expectedType") && F.push(E.data.expectedType);
         }
-        var te = q.length > 0 ? ", expected one of type [" + q.join(", ") + "]" : "";
-        return new m("Invalid " + k + " `" + F + "` supplied to " + ("`" + R + "`" + te + "."));
+        var te = F.length > 0 ? ", expected one of type [" + F.join(", ") + "]" : "";
+        return new g("Invalid " + k + " `" + L + "` supplied to " + ("`" + O + "`" + te + "."));
       }
-      return x(O);
+      return m(W);
     }
     function _() {
-      function w(P, j, O, I, A) {
-        return X(P[j]) ? null : new m("Invalid " + I + " `" + A + "` supplied to " + ("`" + O + "`, expected a ReactNode."));
+      function v(P, j, W, I, A) {
+        return V(P[j]) ? null : new g("Invalid " + I + " `" + A + "` supplied to " + ("`" + W + "`, expected a ReactNode."));
       }
-      return x(w);
+      return m(v);
     }
-    function W(w, P, j, O, I) {
-      return new m(
-        (w || "React class") + ": " + P + " type `" + j + "." + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + I + "`."
+    function $(v, P, j, W, I) {
+      return new g(
+        (v || "React class") + ": " + P + " type `" + j + "." + W + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + I + "`."
       );
     }
-    function B(w) {
-      function P(j, O, I, A, R) {
-        var k = j[O], F = K(k);
-        if (F !== "object")
-          return new m("Invalid " + A + " `" + R + "` of type `" + F + "` " + ("supplied to `" + I + "`, expected `object`."));
-        for (var q in w) {
-          var L = w[q];
-          if (typeof L != "function")
-            return W(I, A, R, q, ee(L));
-          var Z = L(k, q, I, A, R + "." + q, t);
+    function z(v) {
+      function P(j, W, I, A, O) {
+        var k = j[W], L = H(k);
+        if (L !== "object")
+          return new g("Invalid " + A + " `" + O + "` of type `" + L + "` " + ("supplied to `" + I + "`, expected `object`."));
+        for (var F in v) {
+          var q = v[F];
+          if (typeof q != "function")
+            return $(I, A, O, F, ee(q));
+          var Z = q(k, F, I, A, O + "." + F, t);
           if (Z)
             return Z;
         }
         return null;
       }
-      return x(P);
-    }
-    function H(w) {
-      function P(j, O, I, A, R) {
-        var k = j[O], F = K(k);
-        if (F !== "object")
-          return new m("Invalid " + A + " `" + R + "` of type `" + F + "` " + ("supplied to `" + I + "`, expected `object`."));
-        var q = n({}, j[O], w);
-        for (var L in q) {
-          var Z = w[L];
-          if (r(w, L) && typeof Z != "function")
-            return W(I, A, R, L, ee(Z));
+      return m(P);
+    }
+    function X(v) {
+      function P(j, W, I, A, O) {
+        var k = j[W], L = H(k);
+        if (L !== "object")
+          return new g("Invalid " + A + " `" + O + "` of type `" + L + "` " + ("supplied to `" + I + "`, expected `object`."));
+        var F = i({}, j[W], v);
+        for (var q in F) {
+          var Z = v[q];
+          if (o(v, q) && typeof Z != "function")
+            return $(I, A, O, q, ee(Z));
           if (!Z)
-            return new m(
-              "Invalid " + A + " `" + R + "` key `" + L + "` supplied to `" + I + "`.\nBad object: " + JSON.stringify(j[O], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(w), null, "  ")
+            return new g(
+              "Invalid " + A + " `" + O + "` key `" + q + "` supplied to `" + I + "`.\nBad object: " + JSON.stringify(j[W], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(v), null, "  ")
             );
-          var N = Z(k, L, I, A, R + "." + L, t);
-          if (N)
-            return N;
+          var E = Z(k, q, I, A, O + "." + q, t);
+          if (E)
+            return E;
         }
         return null;
       }
-      return x(P);
+      return m(P);
     }
-    function X(w) {
-      switch (typeof w) {
+    function V(v) {
+      switch (typeof v) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !w;
+          return !v;
         case "object":
-          if (Array.isArray(w))
-            return w.every(X);
-          if (w === null || u(w))
+          if (Array.isArray(v))
+            return v.every(V);
+          if (v === null || h(v))
             return !0;
-          var P = c(w);
+          var P = f(v);
           if (P) {
-            var j = P.call(w), O;
-            if (P !== w.entries) {
-              for (; !(O = j.next()).done; )
-                if (!X(O.value))
+            var j = P.call(v), W;
+            if (P !== v.entries) {
+              for (; !(W = j.next()).done; )
+                if (!V(W.value))
                   return !1;
             } else
-              for (; !(O = j.next()).done; ) {
-                var I = O.value;
-                if (I && !X(I[1]))
+              for (; !(W = j.next()).done; ) {
+                var I = W.value;
+                if (I && !V(I[1]))
                   return !1;
               }
           } else
@@ -1544,27 +1191,27 @@ Valid keys: ` + JSON.stringify(Object.keys(w), null, "  ")
           return !1;
       }
     }
-    function Q(w, P) {
-      return w === "symbol" ? !0 : P ? P["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && P instanceof Symbol : !1;
+    function Q(v, P) {
+      return v === "symbol" ? !0 : P ? P["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && P instanceof Symbol : !1;
     }
-    function K(w) {
-      var P = typeof w;
-      return Array.isArray(w) ? "array" : w instanceof RegExp ? "object" : Q(P, w) ? "symbol" : P;
+    function H(v) {
+      var P = typeof v;
+      return Array.isArray(v) ? "array" : v instanceof RegExp ? "object" : Q(P, v) ? "symbol" : P;
     }
-    function ee(w) {
-      if (typeof w > "u" || w === null)
-        return "" + w;
-      var P = K(w);
+    function ee(v) {
+      if (typeof v > "u" || v === null)
+        return "" + v;
+      var P = H(v);
       if (P === "object") {
-        if (w instanceof Date)
+        if (v instanceof Date)
           return "date";
-        if (w instanceof RegExp)
+        if (v instanceof RegExp)
           return "regexp";
       }
       return P;
     }
-    function oe(w) {
-      var P = ee(w);
+    function ie(v) {
+      var P = ee(v);
       switch (P) {
         case "array":
         case "object":
@@ -1577,432 +1224,432 @@ Valid keys: ` + JSON.stringify(Object.keys(w), null, "  ")
           return P;
       }
     }
-    function de(w) {
-      return !w.constructor || !w.constructor.name ? b : w.constructor.name;
+    function le(v) {
+      return !v.constructor || !v.constructor.name ? y : v.constructor.name;
     }
-    return v.checkPropTypes = a, v.resetWarningCache = a.resetWarningCache, v.PropTypes = v, v;
-  }, _e;
+    return p.checkPropTypes = a, p.resetWarningCache = a.resetWarningCache, p.PropTypes = p, p;
+  }, Ee;
 }
-var Me, He;
-function un() {
-  if (He) return Me;
-  He = 1;
-  var e = /* @__PURE__ */ Ie();
-  function n() {
+var _e, Be;
+function Bt() {
+  if (Be) return _e;
+  Be = 1;
+  var e = /* @__PURE__ */ $e();
+  function i() {
   }
   function t() {
   }
-  return t.resetWarningCache = n, Me = function() {
-    function r(o, u, y, p, g, c) {
-      if (c !== e) {
-        var b = new Error(
+  return t.resetWarningCache = i, _e = function() {
+    function o(c, h, D, S, b, f) {
+      if (f !== e) {
+        var y = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
-        throw b.name = "Invariant Violation", b;
+        throw y.name = "Invariant Violation", y;
       }
     }
-    r.isRequired = r;
+    o.isRequired = o;
     function a() {
-      return r;
-    }
-    var i = {
-      array: r,
-      bigint: r,
-      bool: r,
-      func: r,
-      number: r,
-      object: r,
-      string: r,
-      symbol: r,
-      any: r,
+      return o;
+    }
+    var r = {
+      array: o,
+      bigint: o,
+      bool: o,
+      func: o,
+      number: o,
+      object: o,
+      string: o,
+      symbol: o,
+      any: o,
       arrayOf: a,
-      element: r,
-      elementType: r,
+      element: o,
+      elementType: o,
       instanceOf: a,
-      node: r,
+      node: o,
       objectOf: a,
       oneOf: a,
       oneOfType: a,
       shape: a,
       exact: a,
       checkPropTypes: t,
-      resetWarningCache: n
+      resetWarningCache: i
     };
-    return i.PropTypes = i, i;
-  }, Me;
+    return r.PropTypes = r, r;
+  }, _e;
 }
-var Xe;
-function bt() {
-  if (Xe) return me.exports;
-  if (Xe = 1, process.env.NODE_ENV !== "production") {
-    var e = pt(), n = !0;
-    me.exports = /* @__PURE__ */ cn()(e.isElement, n);
+var Ke;
+function ut() {
+  if (Ke) return he.exports;
+  if (Ke = 1, process.env.NODE_ENV !== "production") {
+    var e = ct(), i = !0;
+    he.exports = /* @__PURE__ */ Ft()(e.isElement, i);
   } else
-    me.exports = /* @__PURE__ */ un()();
-  return me.exports;
+    he.exports = /* @__PURE__ */ Bt()();
+  return he.exports;
 }
-var ye = { exports: {} }, Ge;
-function fn() {
-  if (Ge) return ye.exports;
-  Ge = 1;
+var me = { exports: {} }, He;
+function Kt() {
+  if (He) return me.exports;
+  He = 1;
   function e(t) {
-    var r, a, i = "";
-    if (typeof t == "string" || typeof t == "number") i += t;
+    var o, a, r = "";
+    if (typeof t == "string" || typeof t == "number") r += t;
     else if (typeof t == "object") if (Array.isArray(t)) {
-      var o = t.length;
-      for (r = 0; r < o; r++) t[r] && (a = e(t[r])) && (i && (i += " "), i += a);
-    } else for (a in t) t[a] && (i && (i += " "), i += a);
-    return i;
+      var c = t.length;
+      for (o = 0; o < c; o++) t[o] && (a = e(t[o])) && (r && (r += " "), r += a);
+    } else for (a in t) t[a] && (r && (r += " "), r += a);
+    return r;
   }
-  function n() {
-    for (var t, r, a = 0, i = "", o = arguments.length; a < o; a++) (t = arguments[a]) && (r = e(t)) && (i && (i += " "), i += r);
-    return i;
+  function i() {
+    for (var t, o, a = 0, r = "", c = arguments.length; a < c; a++) (t = arguments[a]) && (o = e(t)) && (r && (r += " "), r += o);
+    return r;
   }
-  return ye.exports = n, ye.exports.clsx = n, ye.exports;
+  return me.exports = i, me.exports.clsx = i, me.exports;
 }
-var z = {}, re = {}, Ze;
-function xe() {
-  if (Ze) return re;
-  Ze = 1, Object.defineProperty(re, "__esModule", {
+var B = {}, re = {}, ze;
+function ve() {
+  if (ze) return re;
+  ze = 1, Object.defineProperty(re, "__esModule", {
     value: !0
-  }), re.dontSetMe = a, re.findInArray = e, re.int = r, re.isFunction = n, re.isNum = t;
-  function e(i, o) {
-    for (let u = 0, y = i.length; u < y; u++)
-      if (o.apply(o, [i[u], u, i])) return i[u];
+  }), re.dontSetMe = a, re.findInArray = e, re.int = o, re.isFunction = i, re.isNum = t;
+  function e(r, c) {
+    for (let h = 0, D = r.length; h < D; h++)
+      if (c.apply(c, [r[h], h, r])) return r[h];
   }
-  function n(i) {
-    return typeof i == "function" || Object.prototype.toString.call(i) === "[object Function]";
+  function i(r) {
+    return typeof r == "function" || Object.prototype.toString.call(r) === "[object Function]";
   }
-  function t(i) {
-    return typeof i == "number" && !isNaN(i);
+  function t(r) {
+    return typeof r == "number" && !isNaN(r);
   }
-  function r(i) {
-    return parseInt(i, 10);
+  function o(r) {
+    return parseInt(r, 10);
   }
-  function a(i, o, u) {
-    if (i[o])
-      return new Error(`Invalid prop ${o} passed to ${u} - do not set this, set it on the child.`);
+  function a(r, c, h) {
+    if (r[c])
+      return new Error(`Invalid prop ${c} passed to ${h} - do not set this, set it on the child.`);
   }
   return re;
 }
-var ie = {}, Je;
-function hn() {
-  if (Je) return ie;
-  Je = 1, Object.defineProperty(ie, "__esModule", {
+var oe = {}, Xe;
+function Ht() {
+  if (Xe) return oe;
+  Xe = 1, Object.defineProperty(oe, "__esModule", {
     value: !0
-  }), ie.browserPrefixToKey = t, ie.browserPrefixToStyle = r, ie.default = void 0, ie.getPrefix = n;
+  }), oe.browserPrefixToKey = t, oe.browserPrefixToStyle = o, oe.default = void 0, oe.getPrefix = i;
   const e = ["Moz", "Webkit", "O", "ms"];
-  function n() {
-    let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
+  function i() {
+    let r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
     if (typeof window > "u") return "";
-    const o = window.document?.documentElement?.style;
-    if (!o || i in o) return "";
-    for (let u = 0; u < e.length; u++)
-      if (t(i, e[u]) in o) return e[u];
+    const c = window.document?.documentElement?.style;
+    if (!c || r in c) return "";
+    for (let h = 0; h < e.length; h++)
+      if (t(r, e[h]) in c) return e[h];
     return "";
   }
-  function t(i, o) {
-    return o ? `${o}${a(i)}` : i;
+  function t(r, c) {
+    return c ? `${c}${a(r)}` : r;
   }
-  function r(i, o) {
-    return o ? `-${o.toLowerCase()}-${i}` : i;
+  function o(r, c) {
+    return c ? `-${c.toLowerCase()}-${r}` : r;
   }
-  function a(i) {
-    let o = "", u = !0;
-    for (let y = 0; y < i.length; y++)
-      u ? (o += i[y].toUpperCase(), u = !1) : i[y] === "-" ? u = !0 : o += i[y];
-    return o;
+  function a(r) {
+    let c = "", h = !0;
+    for (let D = 0; D < r.length; D++)
+      h ? (c += r[D].toUpperCase(), h = !1) : r[D] === "-" ? h = !0 : c += r[D];
+    return c;
   }
-  return ie.default = n(), ie;
+  return oe.default = i(), oe;
 }
-var Qe;
-function Re() {
-  if (Qe) return z;
-  Qe = 1, Object.defineProperty(z, "__esModule", {
+var Ve;
+function Ie() {
+  if (Ve) return B;
+  Ve = 1, Object.defineProperty(B, "__esModule", {
     value: !0
-  }), z.addClassName = d, z.addEvent = o, z.addUserSelectStyles = E, z.createCSSTransform = v, z.createSVGTransform = T, z.getTouch = x, z.getTouchIdentifier = C, z.getTranslation = m, z.innerHeight = g, z.innerWidth = c, z.matchesSelector = a, z.matchesSelectorAndParentsTo = i, z.offsetXYFromParent = b, z.outerHeight = y, z.outerWidth = p, z.removeClassName = M, z.removeEvent = u, z.scheduleRemoveUserSelectStyles = S;
-  var e = xe(), n = t(hn());
-  function t(l, h) {
-    if (typeof WeakMap == "function") var f = /* @__PURE__ */ new WeakMap(), _ = /* @__PURE__ */ new WeakMap();
-    return (t = function(W, B) {
-      if (!B && W && W.__esModule) return W;
-      var H, X, Q = { __proto__: null, default: W };
-      if (W === null || typeof W != "object" && typeof W != "function") return Q;
-      if (H = B ? _ : f) {
-        if (H.has(W)) return H.get(W);
-        H.set(W, Q);
+  }), B.addClassName = l, B.addEvent = c, B.addUserSelectStyles = N, B.createCSSTransform = p, B.createSVGTransform = T, B.getTouch = m, B.getTouchIdentifier = x, B.getTranslation = g, B.innerHeight = b, B.innerWidth = f, B.matchesSelector = a, B.matchesSelectorAndParentsTo = r, B.offsetXYFromParent = y, B.outerHeight = D, B.outerWidth = S, B.removeClassName = M, B.removeEvent = h, B.scheduleRemoveUserSelectStyles = C;
+  var e = ve(), i = t(Ht());
+  function t(s, u) {
+    if (typeof WeakMap == "function") var d = /* @__PURE__ */ new WeakMap(), _ = /* @__PURE__ */ new WeakMap();
+    return (t = function($, z) {
+      if (!z && $ && $.__esModule) return $;
+      var X, V, Q = { __proto__: null, default: $ };
+      if ($ === null || typeof $ != "object" && typeof $ != "function") return Q;
+      if (X = z ? _ : d) {
+        if (X.has($)) return X.get($);
+        X.set($, Q);
       }
-      for (const K in W) K !== "default" && {}.hasOwnProperty.call(W, K) && ((X = (H = Object.defineProperty) && Object.getOwnPropertyDescriptor(W, K)) && (X.get || X.set) ? H(Q, K, X) : Q[K] = W[K]);
+      for (const H in $) H !== "default" && {}.hasOwnProperty.call($, H) && ((V = (X = Object.defineProperty) && Object.getOwnPropertyDescriptor($, H)) && (V.get || V.set) ? X(Q, H, V) : Q[H] = $[H]);
       return Q;
-    })(l, h);
+    })(s, u);
   }
-  let r = "";
-  function a(l, h) {
-    return r || (r = (0, e.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(f) {
-      return (0, e.isFunction)(l[f]);
-    })), (0, e.isFunction)(l[r]) ? l[r](h) : !1;
+  let o = "";
+  function a(s, u) {
+    return o || (o = (0, e.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(d) {
+      return (0, e.isFunction)(s[d]);
+    })), (0, e.isFunction)(s[o]) ? s[o](u) : !1;
   }
-  function i(l, h, f) {
-    let _ = l;
+  function r(s, u, d) {
+    let _ = s;
     do {
-      if (a(_, h)) return !0;
-      if (_ === f) return !1;
+      if (a(_, u)) return !0;
+      if (_ === d) return !1;
       _ = _.parentNode;
     } while (_);
     return !1;
   }
-  function o(l, h, f, _) {
-    if (!l) return;
-    const W = {
+  function c(s, u, d, _) {
+    if (!s) return;
+    const $ = {
       capture: !0,
       ..._
     };
-    l.addEventListener ? l.addEventListener(h, f, W) : l.attachEvent ? l.attachEvent("on" + h, f) : l["on" + h] = f;
+    s.addEventListener ? s.addEventListener(u, d, $) : s.attachEvent ? s.attachEvent("on" + u, d) : s["on" + u] = d;
   }
-  function u(l, h, f, _) {
-    if (!l) return;
-    const W = {
+  function h(s, u, d, _) {
+    if (!s) return;
+    const $ = {
       capture: !0,
       ..._
     };
-    l.removeEventListener ? l.removeEventListener(h, f, W) : l.detachEvent ? l.detachEvent("on" + h, f) : l["on" + h] = null;
-  }
-  function y(l) {
-    let h = l.clientHeight;
-    const f = l.ownerDocument.defaultView.getComputedStyle(l);
-    return h += (0, e.int)(f.borderTopWidth), h += (0, e.int)(f.borderBottomWidth), h;
-  }
-  function p(l) {
-    let h = l.clientWidth;
-    const f = l.ownerDocument.defaultView.getComputedStyle(l);
-    return h += (0, e.int)(f.borderLeftWidth), h += (0, e.int)(f.borderRightWidth), h;
-  }
-  function g(l) {
-    let h = l.clientHeight;
-    const f = l.ownerDocument.defaultView.getComputedStyle(l);
-    return h -= (0, e.int)(f.paddingTop), h -= (0, e.int)(f.paddingBottom), h;
-  }
-  function c(l) {
-    let h = l.clientWidth;
-    const f = l.ownerDocument.defaultView.getComputedStyle(l);
-    return h -= (0, e.int)(f.paddingLeft), h -= (0, e.int)(f.paddingRight), h;
-  }
-  function b(l, h, f) {
-    const W = h === h.ownerDocument.body ? {
+    s.removeEventListener ? s.removeEventListener(u, d, $) : s.detachEvent ? s.detachEvent("on" + u, d) : s["on" + u] = null;
+  }
+  function D(s) {
+    let u = s.clientHeight;
+    const d = s.ownerDocument.defaultView.getComputedStyle(s);
+    return u += (0, e.int)(d.borderTopWidth), u += (0, e.int)(d.borderBottomWidth), u;
+  }
+  function S(s) {
+    let u = s.clientWidth;
+    const d = s.ownerDocument.defaultView.getComputedStyle(s);
+    return u += (0, e.int)(d.borderLeftWidth), u += (0, e.int)(d.borderRightWidth), u;
+  }
+  function b(s) {
+    let u = s.clientHeight;
+    const d = s.ownerDocument.defaultView.getComputedStyle(s);
+    return u -= (0, e.int)(d.paddingTop), u -= (0, e.int)(d.paddingBottom), u;
+  }
+  function f(s) {
+    let u = s.clientWidth;
+    const d = s.ownerDocument.defaultView.getComputedStyle(s);
+    return u -= (0, e.int)(d.paddingLeft), u -= (0, e.int)(d.paddingRight), u;
+  }
+  function y(s, u, d) {
+    const $ = u === u.ownerDocument.body ? {
       left: 0,
       top: 0
-    } : h.getBoundingClientRect(), B = (l.clientX + h.scrollLeft - W.left) / f, H = (l.clientY + h.scrollTop - W.top) / f;
+    } : u.getBoundingClientRect(), z = (s.clientX + u.scrollLeft - $.left) / d, X = (s.clientY + u.scrollTop - $.top) / d;
     return {
-      x: B,
-      y: H
+      x: z,
+      y: X
     };
   }
-  function v(l, h) {
-    const f = m(l, h, "px");
+  function p(s, u) {
+    const d = g(s, u, "px");
     return {
-      [(0, n.browserPrefixToKey)("transform", n.default)]: f
+      [(0, i.browserPrefixToKey)("transform", i.default)]: d
     };
   }
-  function T(l, h) {
-    return m(l, h, "");
+  function T(s, u) {
+    return g(s, u, "");
   }
-  function m(l, h, f) {
+  function g(s, u, d) {
     let {
       x: _,
-      y: W
-    } = l, B = `translate(${_}${f},${W}${f})`;
-    if (h) {
-      const H = `${typeof h.x == "string" ? h.x : h.x + f}`, X = `${typeof h.y == "string" ? h.y : h.y + f}`;
-      B = `translate(${H}, ${X})` + B;
+      y: $
+    } = s, z = `translate(${_}${d},${$}${d})`;
+    if (u) {
+      const X = `${typeof u.x == "string" ? u.x : u.x + d}`, V = `${typeof u.y == "string" ? u.y : u.y + d}`;
+      z = `translate(${X}, ${V})` + z;
     }
-    return B;
+    return z;
   }
-  function x(l, h) {
-    return l.targetTouches && (0, e.findInArray)(l.targetTouches, (f) => h === f.identifier) || l.changedTouches && (0, e.findInArray)(l.changedTouches, (f) => h === f.identifier);
+  function m(s, u) {
+    return s.targetTouches && (0, e.findInArray)(s.targetTouches, (d) => u === d.identifier) || s.changedTouches && (0, e.findInArray)(s.changedTouches, (d) => u === d.identifier);
   }
-  function C(l) {
-    if (l.targetTouches && l.targetTouches[0]) return l.targetTouches[0].identifier;
-    if (l.changedTouches && l.changedTouches[0]) return l.changedTouches[0].identifier;
+  function x(s) {
+    if (s.targetTouches && s.targetTouches[0]) return s.targetTouches[0].identifier;
+    if (s.changedTouches && s.changedTouches[0]) return s.changedTouches[0].identifier;
   }
-  function E(l) {
-    if (!l) return;
-    let h = l.getElementById("react-draggable-style-el");
-    h || (h = l.createElement("style"), h.type = "text/css", h.id = "react-draggable-style-el", h.innerHTML = `.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
-`, h.innerHTML += `.react-draggable-transparent-selection *::selection {all: inherit;}
-`, l.getElementsByTagName("head")[0].appendChild(h)), l.body && d(l.body, "react-draggable-transparent-selection");
+  function N(s) {
+    if (!s) return;
+    let u = s.getElementById("react-draggable-style-el");
+    u || (u = s.createElement("style"), u.type = "text/css", u.id = "react-draggable-style-el", u.innerHTML = `.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
+`, u.innerHTML += `.react-draggable-transparent-selection *::selection {all: inherit;}
+`, s.getElementsByTagName("head")[0].appendChild(u)), s.body && l(s.body, "react-draggable-transparent-selection");
   }
-  function S(l) {
+  function C(s) {
     window.requestAnimationFrame ? window.requestAnimationFrame(() => {
-      D(l);
-    }) : D(l);
+      w(s);
+    }) : w(s);
   }
-  function D(l) {
-    if (l)
+  function w(s) {
+    if (s)
       try {
-        if (l.body && M(l.body, "react-draggable-transparent-selection"), l.selection)
-          l.selection.empty();
+        if (s.body && M(s.body, "react-draggable-transparent-selection"), s.selection)
+          s.selection.empty();
         else {
-          const h = (l.defaultView || window).getSelection();
-          h && h.type !== "Caret" && h.removeAllRanges();
+          const u = (s.defaultView || window).getSelection();
+          u && u.type !== "Caret" && u.removeAllRanges();
         }
       } catch {
       }
   }
-  function d(l, h) {
-    l.classList ? l.classList.add(h) : l.className.match(new RegExp(`(?:^|\\s)${h}(?!\\S)`)) || (l.className += ` ${h}`);
+  function l(s, u) {
+    s.classList ? s.classList.add(u) : s.className.match(new RegExp(`(?:^|\\s)${u}(?!\\S)`)) || (s.className += ` ${u}`);
   }
-  function M(l, h) {
-    l.classList ? l.classList.remove(h) : l.className = l.className.replace(new RegExp(`(?:^|\\s)${h}(?!\\S)`, "g"), "");
+  function M(s, u) {
+    s.classList ? s.classList.remove(u) : s.className = s.className.replace(new RegExp(`(?:^|\\s)${u}(?!\\S)`, "g"), "");
   }
-  return z;
+  return B;
 }
-var ne = {}, et;
-function vt() {
-  if (et) return ne;
-  et = 1, Object.defineProperty(ne, "__esModule", {
+var ne = {}, Ge;
+function ft() {
+  if (Ge) return ne;
+  Ge = 1, Object.defineProperty(ne, "__esModule", {
     value: !0
-  }), ne.canDragX = a, ne.canDragY = i, ne.createCoreData = u, ne.createDraggableData = y, ne.getBoundPosition = t, ne.getControlPosition = o, ne.snapToGrid = r;
-  var e = xe(), n = Re();
-  function t(c, b, v) {
-    if (!c.props.bounds) return [b, v];
+  }), ne.canDragX = a, ne.canDragY = r, ne.createCoreData = h, ne.createDraggableData = D, ne.getBoundPosition = t, ne.getControlPosition = c, ne.snapToGrid = o;
+  var e = ve(), i = Ie();
+  function t(f, y, p) {
+    if (!f.props.bounds) return [y, p];
     let {
       bounds: T
-    } = c.props;
-    T = typeof T == "string" ? T : p(T);
-    const m = g(c);
+    } = f.props;
+    T = typeof T == "string" ? T : S(T);
+    const g = b(f);
     if (typeof T == "string") {
       const {
-        ownerDocument: x
-      } = m, C = x.defaultView;
-      let E;
-      if (T === "parent" ? E = m.parentNode : E = m.getRootNode().querySelector(T), !(E instanceof C.HTMLElement))
+        ownerDocument: m
+      } = g, x = m.defaultView;
+      let N;
+      if (T === "parent" ? N = g.parentNode : N = g.getRootNode().querySelector(T), !(N instanceof x.HTMLElement))
         throw new Error('Bounds selector "' + T + '" could not find an element.');
-      const S = E, D = C.getComputedStyle(m), d = C.getComputedStyle(S);
+      const C = N, w = x.getComputedStyle(g), l = x.getComputedStyle(C);
       T = {
-        left: -m.offsetLeft + (0, e.int)(d.paddingLeft) + (0, e.int)(D.marginLeft),
-        top: -m.offsetTop + (0, e.int)(d.paddingTop) + (0, e.int)(D.marginTop),
-        right: (0, n.innerWidth)(S) - (0, n.outerWidth)(m) - m.offsetLeft + (0, e.int)(d.paddingRight) - (0, e.int)(D.marginRight),
-        bottom: (0, n.innerHeight)(S) - (0, n.outerHeight)(m) - m.offsetTop + (0, e.int)(d.paddingBottom) - (0, e.int)(D.marginBottom)
+        left: -g.offsetLeft + (0, e.int)(l.paddingLeft) + (0, e.int)(w.marginLeft),
+        top: -g.offsetTop + (0, e.int)(l.paddingTop) + (0, e.int)(w.marginTop),
+        right: (0, i.innerWidth)(C) - (0, i.outerWidth)(g) - g.offsetLeft + (0, e.int)(l.paddingRight) - (0, e.int)(w.marginRight),
+        bottom: (0, i.innerHeight)(C) - (0, i.outerHeight)(g) - g.offsetTop + (0, e.int)(l.paddingBottom) - (0, e.int)(w.marginBottom)
       };
     }
-    return (0, e.isNum)(T.right) && (b = Math.min(b, T.right)), (0, e.isNum)(T.bottom) && (v = Math.min(v, T.bottom)), (0, e.isNum)(T.left) && (b = Math.max(b, T.left)), (0, e.isNum)(T.top) && (v = Math.max(v, T.top)), [b, v];
+    return (0, e.isNum)(T.right) && (y = Math.min(y, T.right)), (0, e.isNum)(T.bottom) && (p = Math.min(p, T.bottom)), (0, e.isNum)(T.left) && (y = Math.max(y, T.left)), (0, e.isNum)(T.top) && (p = Math.max(p, T.top)), [y, p];
   }
-  function r(c, b, v) {
-    const T = Math.round(b / c[0]) * c[0], m = Math.round(v / c[1]) * c[1];
-    return [T, m];
+  function o(f, y, p) {
+    const T = Math.round(y / f[0]) * f[0], g = Math.round(p / f[1]) * f[1];
+    return [T, g];
   }
-  function a(c) {
-    return c.props.axis === "both" || c.props.axis === "x";
+  function a(f) {
+    return f.props.axis === "both" || f.props.axis === "x";
   }
-  function i(c) {
-    return c.props.axis === "both" || c.props.axis === "y";
+  function r(f) {
+    return f.props.axis === "both" || f.props.axis === "y";
   }
-  function o(c, b, v) {
-    const T = typeof b == "number" ? (0, n.getTouch)(c, b) : null;
-    if (typeof b == "number" && !T) return null;
-    const m = g(v), x = v.props.offsetParent || m.offsetParent || m.ownerDocument.body;
-    return (0, n.offsetXYFromParent)(T || c, x, v.props.scale);
+  function c(f, y, p) {
+    const T = typeof y == "number" ? (0, i.getTouch)(f, y) : null;
+    if (typeof y == "number" && !T) return null;
+    const g = b(p), m = p.props.offsetParent || g.offsetParent || g.ownerDocument.body;
+    return (0, i.offsetXYFromParent)(T || f, m, p.props.scale);
   }
-  function u(c, b, v) {
-    const T = !(0, e.isNum)(c.lastX), m = g(c);
+  function h(f, y, p) {
+    const T = !(0, e.isNum)(f.lastX), g = b(f);
     return T ? {
-      node: m,
+      node: g,
       deltaX: 0,
       deltaY: 0,
-      lastX: b,
-      lastY: v,
-      x: b,
-      y: v
+      lastX: y,
+      lastY: p,
+      x: y,
+      y: p
     } : {
-      node: m,
-      deltaX: b - c.lastX,
-      deltaY: v - c.lastY,
-      lastX: c.lastX,
-      lastY: c.lastY,
-      x: b,
-      y: v
+      node: g,
+      deltaX: y - f.lastX,
+      deltaY: p - f.lastY,
+      lastX: f.lastX,
+      lastY: f.lastY,
+      x: y,
+      y: p
     };
   }
-  function y(c, b) {
-    const v = c.props.scale;
+  function D(f, y) {
+    const p = f.props.scale;
     return {
-      node: b.node,
-      x: c.state.x + b.deltaX / v,
-      y: c.state.y + b.deltaY / v,
-      deltaX: b.deltaX / v,
-      deltaY: b.deltaY / v,
-      lastX: c.state.x,
-      lastY: c.state.y
+      node: y.node,
+      x: f.state.x + y.deltaX / p,
+      y: f.state.y + y.deltaY / p,
+      deltaX: y.deltaX / p,
+      deltaY: y.deltaY / p,
+      lastX: f.state.x,
+      lastY: f.state.y
     };
   }
-  function p(c) {
+  function S(f) {
     return {
-      left: c.left,
-      top: c.top,
-      right: c.right,
-      bottom: c.bottom
+      left: f.left,
+      top: f.top,
+      right: f.right,
+      bottom: f.bottom
     };
   }
-  function g(c) {
-    const b = c.findDOMNode();
-    if (!b)
+  function b(f) {
+    const y = f.findDOMNode();
+    if (!y)
       throw new Error("<DraggableCore>: Unmounted during event!");
-    return b;
+    return y;
   }
   return ne;
 }
-var fe = {}, be = {}, tt;
-function xt() {
-  if (tt) return be;
-  tt = 1, Object.defineProperty(be, "__esModule", {
+var ue = {}, pe = {}, Ze;
+function ht() {
+  if (Ze) return pe;
+  Ze = 1, Object.defineProperty(pe, "__esModule", {
     value: !0
-  }), be.default = e;
+  }), pe.default = e;
   function e() {
   }
-  return be;
+  return pe;
 }
-var nt;
-function gn() {
-  if (nt) return fe;
-  nt = 1, Object.defineProperty(fe, "__esModule", {
+var Je;
+function zt() {
+  if (Je) return ue;
+  Je = 1, Object.defineProperty(ue, "__esModule", {
     value: !0
-  }), fe.default = void 0;
-  var e = y(ae), n = u(/* @__PURE__ */ bt()), t = u(st), r = Re(), a = vt(), i = xe(), o = u(xt());
-  function u(m) {
-    return m && m.__esModule ? m : { default: m };
-  }
-  function y(m, x) {
-    if (typeof WeakMap == "function") var C = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new WeakMap();
-    return (y = function(S, D) {
-      if (!D && S && S.__esModule) return S;
-      var d, M, l = { __proto__: null, default: S };
-      if (S === null || typeof S != "object" && typeof S != "function") return l;
-      if (d = D ? E : C) {
-        if (d.has(S)) return d.get(S);
-        d.set(S, l);
+  }), ue.default = void 0;
+  var e = D(be), i = h(/* @__PURE__ */ ut()), t = h(ot), o = Ie(), a = ft(), r = ve(), c = h(ht());
+  function h(g) {
+    return g && g.__esModule ? g : { default: g };
+  }
+  function D(g, m) {
+    if (typeof WeakMap == "function") var x = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap();
+    return (D = function(C, w) {
+      if (!w && C && C.__esModule) return C;
+      var l, M, s = { __proto__: null, default: C };
+      if (C === null || typeof C != "object" && typeof C != "function") return s;
+      if (l = w ? N : x) {
+        if (l.has(C)) return l.get(C);
+        l.set(C, s);
       }
-      for (const h in S) h !== "default" && {}.hasOwnProperty.call(S, h) && ((M = (d = Object.defineProperty) && Object.getOwnPropertyDescriptor(S, h)) && (M.get || M.set) ? d(l, h, M) : l[h] = S[h]);
-      return l;
-    })(m, x);
-  }
-  function p(m, x, C) {
-    return (x = g(x)) in m ? Object.defineProperty(m, x, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : m[x] = C, m;
-  }
-  function g(m) {
-    var x = c(m, "string");
-    return typeof x == "symbol" ? x : x + "";
-  }
-  function c(m, x) {
-    if (typeof m != "object" || !m) return m;
-    var C = m[Symbol.toPrimitive];
-    if (C !== void 0) {
-      var E = C.call(m, x);
-      if (typeof E != "object") return E;
+      for (const u in C) u !== "default" && {}.hasOwnProperty.call(C, u) && ((M = (l = Object.defineProperty) && Object.getOwnPropertyDescriptor(C, u)) && (M.get || M.set) ? l(s, u, M) : s[u] = C[u]);
+      return s;
+    })(g, m);
+  }
+  function S(g, m, x) {
+    return (m = b(m)) in g ? Object.defineProperty(g, m, { value: x, enumerable: !0, configurable: !0, writable: !0 }) : g[m] = x, g;
+  }
+  function b(g) {
+    var m = f(g, "string");
+    return typeof m == "symbol" ? m : m + "";
+  }
+  function f(g, m) {
+    if (typeof g != "object" || !g) return g;
+    var x = g[Symbol.toPrimitive];
+    if (x !== void 0) {
+      var N = x.call(g, m);
+      if (typeof N != "object") return N;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return (x === "string" ? String : Number)(m);
+    return (m === "string" ? String : Number)(g);
   }
-  const b = {
+  const y = {
     touch: {
       start: "touchstart",
       move: "touchmove",
@@ -2014,86 +1661,86 @@ function gn() {
       stop: "mouseup"
     }
   };
-  let v = b.mouse, T = class extends e.Component {
+  let p = y.mouse, T = class extends e.Component {
     constructor() {
-      super(...arguments), p(this, "dragging", !1), p(this, "lastX", NaN), p(this, "lastY", NaN), p(this, "touchIdentifier", null), p(this, "mounted", !1), p(this, "handleDragStart", (x) => {
-        if (this.props.onMouseDown(x), !this.props.allowAnyClick && typeof x.button == "number" && x.button !== 0) return !1;
-        const C = this.findDOMNode();
-        if (!C || !C.ownerDocument || !C.ownerDocument.body)
+      super(...arguments), S(this, "dragging", !1), S(this, "lastX", NaN), S(this, "lastY", NaN), S(this, "touchIdentifier", null), S(this, "mounted", !1), S(this, "handleDragStart", (m) => {
+        if (this.props.onMouseDown(m), !this.props.allowAnyClick && typeof m.button == "number" && m.button !== 0) return !1;
+        const x = this.findDOMNode();
+        if (!x || !x.ownerDocument || !x.ownerDocument.body)
           throw new Error("<DraggableCore> not mounted on DragStart!");
         const {
-          ownerDocument: E
-        } = C;
-        if (this.props.disabled || !(x.target instanceof E.defaultView.Node) || this.props.handle && !(0, r.matchesSelectorAndParentsTo)(x.target, this.props.handle, C) || this.props.cancel && (0, r.matchesSelectorAndParentsTo)(x.target, this.props.cancel, C))
+          ownerDocument: N
+        } = x;
+        if (this.props.disabled || !(m.target instanceof N.defaultView.Node) || this.props.handle && !(0, o.matchesSelectorAndParentsTo)(m.target, this.props.handle, x) || this.props.cancel && (0, o.matchesSelectorAndParentsTo)(m.target, this.props.cancel, x))
           return;
-        x.type === "touchstart" && !this.props.allowMobileScroll && x.preventDefault();
-        const S = (0, r.getTouchIdentifier)(x);
-        this.touchIdentifier = S;
-        const D = (0, a.getControlPosition)(x, S, this);
-        if (D == null) return;
+        m.type === "touchstart" && !this.props.allowMobileScroll && m.preventDefault();
+        const C = (0, o.getTouchIdentifier)(m);
+        this.touchIdentifier = C;
+        const w = (0, a.getControlPosition)(m, C, this);
+        if (w == null) return;
         const {
-          x: d,
+          x: l,
           y: M
-        } = D, l = (0, a.createCoreData)(this, d, M);
-        (0, o.default)("DraggableCore: handleDragStart: %j", l), (0, o.default)("calling", this.props.onStart), !(this.props.onStart(x, l) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, r.addUserSelectStyles)(E), this.dragging = !0, this.lastX = d, this.lastY = M, (0, r.addEvent)(E, v.move, this.handleDrag), (0, r.addEvent)(E, v.stop, this.handleDragStop));
-      }), p(this, "handleDrag", (x) => {
-        const C = (0, a.getControlPosition)(x, this.touchIdentifier, this);
-        if (C == null) return;
+        } = w, s = (0, a.createCoreData)(this, l, M);
+        (0, c.default)("DraggableCore: handleDragStart: %j", s), (0, c.default)("calling", this.props.onStart), !(this.props.onStart(m, s) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, o.addUserSelectStyles)(N), this.dragging = !0, this.lastX = l, this.lastY = M, (0, o.addEvent)(N, p.move, this.handleDrag), (0, o.addEvent)(N, p.stop, this.handleDragStop));
+      }), S(this, "handleDrag", (m) => {
+        const x = (0, a.getControlPosition)(m, this.touchIdentifier, this);
+        if (x == null) return;
         let {
-          x: E,
-          y: S
-        } = C;
+          x: N,
+          y: C
+        } = x;
         if (Array.isArray(this.props.grid)) {
-          let M = E - this.lastX, l = S - this.lastY;
-          if ([M, l] = (0, a.snapToGrid)(this.props.grid, M, l), !M && !l) return;
-          E = this.lastX + M, S = this.lastY + l;
+          let M = N - this.lastX, s = C - this.lastY;
+          if ([M, s] = (0, a.snapToGrid)(this.props.grid, M, s), !M && !s) return;
+          N = this.lastX + M, C = this.lastY + s;
         }
-        const D = (0, a.createCoreData)(this, E, S);
-        if ((0, o.default)("DraggableCore: handleDrag: %j", D), this.props.onDrag(x, D) === !1 || this.mounted === !1) {
+        const w = (0, a.createCoreData)(this, N, C);
+        if ((0, c.default)("DraggableCore: handleDrag: %j", w), this.props.onDrag(m, w) === !1 || this.mounted === !1) {
           try {
             this.handleDragStop(new MouseEvent("mouseup"));
           } catch {
-            const l = document.createEvent("MouseEvents");
-            l.initMouseEvent("mouseup", !0, !0, window, 0, 0, 0, 0, 0, !1, !1, !1, !1, 0, null), this.handleDragStop(l);
+            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 = E, this.lastY = S;
-      }), p(this, "handleDragStop", (x) => {
+        this.lastX = N, this.lastY = C;
+      }), S(this, "handleDragStop", (m) => {
         if (!this.dragging) return;
-        const C = (0, a.getControlPosition)(x, this.touchIdentifier, this);
-        if (C == null) return;
+        const x = (0, a.getControlPosition)(m, this.touchIdentifier, this);
+        if (x == null) return;
         let {
-          x: E,
-          y: S
-        } = C;
+          x: N,
+          y: C
+        } = x;
         if (Array.isArray(this.props.grid)) {
-          let l = E - this.lastX || 0, h = S - this.lastY || 0;
-          [l, h] = (0, a.snapToGrid)(this.props.grid, l, h), E = this.lastX + l, S = this.lastY + h;
+          let s = N - this.lastX || 0, u = C - this.lastY || 0;
+          [s, u] = (0, a.snapToGrid)(this.props.grid, s, u), N = this.lastX + s, C = this.lastY + u;
         }
-        const D = (0, a.createCoreData)(this, E, S);
-        if (this.props.onStop(x, D) === !1 || this.mounted === !1) return !1;
+        const w = (0, a.createCoreData)(this, N, C);
+        if (this.props.onStop(m, w) === !1 || this.mounted === !1) return !1;
         const M = this.findDOMNode();
-        M && this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(M.ownerDocument), (0, o.default)("DraggableCore: handleDragStop: %j", D), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, M && ((0, o.default)("DraggableCore: Removing handlers"), (0, r.removeEvent)(M.ownerDocument, v.move, this.handleDrag), (0, r.removeEvent)(M.ownerDocument, v.stop, this.handleDragStop));
-      }), p(this, "onMouseDown", (x) => (v = b.mouse, this.handleDragStart(x))), p(this, "onMouseUp", (x) => (v = b.mouse, this.handleDragStop(x))), p(this, "onTouchStart", (x) => (v = b.touch, this.handleDragStart(x))), p(this, "onTouchEnd", (x) => (v = b.touch, this.handleDragStop(x)));
+        M && this.props.enableUserSelectHack && (0, o.scheduleRemoveUserSelectStyles)(M.ownerDocument), (0, c.default)("DraggableCore: handleDragStop: %j", w), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, M && ((0, c.default)("DraggableCore: Removing handlers"), (0, o.removeEvent)(M.ownerDocument, p.move, this.handleDrag), (0, o.removeEvent)(M.ownerDocument, p.stop, this.handleDragStop));
+      }), S(this, "onMouseDown", (m) => (p = y.mouse, this.handleDragStart(m))), S(this, "onMouseUp", (m) => (p = y.mouse, this.handleDragStop(m))), S(this, "onTouchStart", (m) => (p = y.touch, this.handleDragStart(m))), S(this, "onTouchEnd", (m) => (p = y.touch, this.handleDragStop(m)));
     }
     componentDidMount() {
       this.mounted = !0;
-      const x = this.findDOMNode();
-      x && (0, r.addEvent)(x, b.touch.start, this.onTouchStart, {
+      const m = this.findDOMNode();
+      m && (0, o.addEvent)(m, y.touch.start, this.onTouchStart, {
         passive: !1
       });
     }
     componentWillUnmount() {
       this.mounted = !1;
-      const x = this.findDOMNode();
-      if (x) {
+      const m = this.findDOMNode();
+      if (m) {
         const {
-          ownerDocument: C
-        } = x;
-        (0, r.removeEvent)(C, b.mouse.move, this.handleDrag), (0, r.removeEvent)(C, b.touch.move, this.handleDrag), (0, r.removeEvent)(C, b.mouse.stop, this.handleDragStop), (0, r.removeEvent)(C, b.touch.stop, this.handleDragStop), (0, r.removeEvent)(x, b.touch.start, this.onTouchStart, {
+          ownerDocument: x
+        } = m;
+        (0, o.removeEvent)(x, y.mouse.move, this.handleDrag), (0, o.removeEvent)(x, y.touch.move, this.handleDrag), (0, o.removeEvent)(x, y.mouse.stop, this.handleDragStop), (0, o.removeEvent)(x, y.touch.stop, this.handleDragStop), (0, o.removeEvent)(m, y.touch.start, this.onTouchStart, {
           passive: !1
-        }), this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(C);
+        }), this.props.enableUserSelectHack && (0, o.scheduleRemoveUserSelectStyles)(x);
       }
     }
     // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
@@ -2114,14 +1761,14 @@ function gn() {
       });
     }
   };
-  return fe.default = T, p(T, "displayName", "DraggableCore"), p(T, "propTypes", {
+  return ue.default = T, S(T, "displayName", "DraggableCore"), S(T, "propTypes", {
     /**
      * `allowAnyClick` allows dragging using any mouse button.
      * By default, we only accept the left button.
      *
      * Defaults to `false`.
      */
-    allowAnyClick: n.default.bool,
+    allowAnyClick: i.default.bool,
     /**
      * `allowMobileScroll` turns off cancellation of the 'touchstart' event
      * on mobile devices. Only enable this if you are having trouble with click
@@ -2129,31 +1776,31 @@ function gn() {
      *
      * Defaults to `false`.
      */
-    allowMobileScroll: n.default.bool,
-    children: n.default.node.isRequired,
+    allowMobileScroll: i.default.bool,
+    children: i.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,
+    disabled: i.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,
+    enableUserSelectHack: i.default.bool,
     /**
      * `offsetParent`, if set, uses the passed DOM node to compute drag offsets
      * instead of using the parent node.
      */
-    offsetParent: function(m, x) {
-      if (m[x] && m[x].nodeType !== 1)
+    offsetParent: function(g, m) {
+      if (g[m] && g[m].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),
+    grid: i.default.arrayOf(i.default.number),
     /**
      * `handle` specifies a selector to be used as the handle that initiates drag.
      *
@@ -2174,7 +1821,7 @@ function gn() {
      *   });
      * ```
      */
-    handle: n.default.string,
+    handle: i.default.string,
     /**
      * `cancel` specifies a selector to be used to prevent drag initialization.
      *
@@ -2195,7 +1842,7 @@ function gn() {
      *   });
      * ```
      */
-    cancel: n.default.string,
+    cancel: i.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`
@@ -2213,38 +1860,38 @@ function gn() {
      * 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,
+    nodeRef: i.default.object,
     /**
      * Called when dragging starts.
      * If this function returns the boolean false, dragging will be canceled.
      */
-    onStart: n.default.func,
+    onStart: i.default.func,
     /**
      * Called while dragging.
      * If this function returns the boolean false, dragging will be canceled.
      */
-    onDrag: n.default.func,
+    onDrag: i.default.func,
     /**
      * Called when dragging stops.
      * If this function returns the boolean false, the drag will remain active.
      */
-    onStop: n.default.func,
+    onStop: i.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,
+    onMouseDown: i.default.func,
     /**
      * `scale`, if set, applies scaling while dragging an element
      */
-    scale: n.default.number,
+    scale: i.default.number,
     /**
      * These properties should be defined on the child, not here.
      */
-    className: i.dontSetMe,
-    style: i.dontSetMe,
-    transform: i.dontSetMe
-  }), p(T, "defaultProps", {
+    className: r.dontSetMe,
+    style: r.dontSetMe,
+    transform: r.dontSetMe
+  }), S(T, "defaultProps", {
     allowAnyClick: !1,
     // by default only accept left click
     allowMobileScroll: !1,
@@ -2259,113 +1906,113 @@ function gn() {
     onMouseDown: function() {
     },
     scale: 1
-  }), fe;
+  }), ue;
 }
-var rt;
-function mn() {
-  return rt || (rt = 1, (function(e) {
+var Qe;
+function Xt() {
+  return Qe || (Qe = 1, (function(e) {
     Object.defineProperty(e, "__esModule", {
       value: !0
     }), Object.defineProperty(e, "DraggableCore", {
       enumerable: !0,
       get: function() {
-        return y.default;
+        return D.default;
       }
     }), e.default = void 0;
-    var n = c(ae), t = g(/* @__PURE__ */ bt()), r = g(st), a = fn(), i = Re(), o = vt(), u = xe(), y = g(gn()), p = g(xt());
-    function g(C) {
-      return C && C.__esModule ? C : { default: C };
-    }
-    function c(C, E) {
-      if (typeof WeakMap == "function") var S = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakMap();
-      return (c = function(d, M) {
-        if (!M && d && d.__esModule) return d;
-        var l, h, f = { __proto__: null, default: d };
-        if (d === null || typeof d != "object" && typeof d != "function") return f;
-        if (l = M ? D : S) {
-          if (l.has(d)) return l.get(d);
-          l.set(d, f);
+    var i = f(be), t = b(/* @__PURE__ */ ut()), o = b(ot), a = Kt(), r = Ie(), c = ft(), h = ve(), D = b(zt()), S = b(ht());
+    function b(x) {
+      return x && x.__esModule ? x : { default: x };
+    }
+    function f(x, N) {
+      if (typeof WeakMap == "function") var C = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap();
+      return (f = function(l, M) {
+        if (!M && l && l.__esModule) return l;
+        var s, u, d = { __proto__: null, default: l };
+        if (l === null || typeof l != "object" && typeof l != "function") return d;
+        if (s = M ? w : C) {
+          if (s.has(l)) return s.get(l);
+          s.set(l, d);
         }
-        for (const _ in d) _ !== "default" && {}.hasOwnProperty.call(d, _) && ((h = (l = Object.defineProperty) && Object.getOwnPropertyDescriptor(d, _)) && (h.get || h.set) ? l(f, _, h) : f[_] = d[_]);
-        return f;
-      })(C, E);
-    }
-    function b() {
-      return b = Object.assign ? Object.assign.bind() : function(C) {
-        for (var E = 1; E < arguments.length; E++) {
-          var S = arguments[E];
-          for (var D in S) ({}).hasOwnProperty.call(S, D) && (C[D] = S[D]);
+        for (const _ in l) _ !== "default" && {}.hasOwnProperty.call(l, _) && ((u = (s = Object.defineProperty) && Object.getOwnPropertyDescriptor(l, _)) && (u.get || u.set) ? s(d, _, u) : d[_] = l[_]);
+        return d;
+      })(x, N);
+    }
+    function y() {
+      return y = Object.assign ? Object.assign.bind() : function(x) {
+        for (var N = 1; N < arguments.length; N++) {
+          var C = arguments[N];
+          for (var w in C) ({}).hasOwnProperty.call(C, w) && (x[w] = C[w]);
         }
-        return C;
-      }, b.apply(null, arguments);
-    }
-    function v(C, E, S) {
-      return (E = T(E)) in C ? Object.defineProperty(C, E, { value: S, enumerable: !0, configurable: !0, writable: !0 }) : C[E] = S, C;
-    }
-    function T(C) {
-      var E = m(C, "string");
-      return typeof E == "symbol" ? E : E + "";
-    }
-    function m(C, E) {
-      if (typeof C != "object" || !C) return C;
-      var S = C[Symbol.toPrimitive];
-      if (S !== void 0) {
-        var D = S.call(C, E);
-        if (typeof D != "object") return D;
+        return x;
+      }, y.apply(null, arguments);
+    }
+    function p(x, N, C) {
+      return (N = T(N)) in x ? Object.defineProperty(x, N, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : x[N] = C, x;
+    }
+    function T(x) {
+      var N = g(x, "string");
+      return typeof N == "symbol" ? N : N + "";
+    }
+    function g(x, N) {
+      if (typeof x != "object" || !x) return x;
+      var C = x[Symbol.toPrimitive];
+      if (C !== void 0) {
+        var w = C.call(x, N);
+        if (typeof w != "object") return w;
         throw new TypeError("@@toPrimitive must return a primitive value.");
       }
-      return (E === "string" ? String : Number)(C);
+      return (N === "string" ? String : Number)(x);
     }
-    class x extends n.Component {
+    class m extends i.Component {
       // React 16.3+
       // Arity (props, state)
-      static getDerivedStateFromProps(E, S) {
+      static getDerivedStateFromProps(N, C) {
         let {
-          position: D
-        } = E, {
-          prevPropsPosition: d
-        } = S;
-        return D && (!d || D.x !== d.x || D.y !== d.y) ? ((0, p.default)("Draggable: getDerivedStateFromProps %j", {
-          position: D,
-          prevPropsPosition: d
+          position: w
+        } = N, {
+          prevPropsPosition: l
+        } = C;
+        return w && (!l || w.x !== l.x || w.y !== l.y) ? ((0, S.default)("Draggable: getDerivedStateFromProps %j", {
+          position: w,
+          prevPropsPosition: l
         }), {
-          x: D.x,
-          y: D.y,
+          x: w.x,
+          y: w.y,
           prevPropsPosition: {
-            ...D
+            ...w
           }
         }) : null;
       }
-      constructor(E) {
-        super(E), v(this, "onDragStart", (S, D) => {
-          if ((0, p.default)("Draggable: onDragStart: %j", D), this.props.onStart(S, (0, o.createDraggableData)(this, D)) === !1) return !1;
+      constructor(N) {
+        super(N), p(this, "onDragStart", (C, w) => {
+          if ((0, S.default)("Draggable: onDragStart: %j", w), this.props.onStart(C, (0, c.createDraggableData)(this, w)) === !1) return !1;
           this.setState({
             dragging: !0,
             dragged: !0
           });
-        }), v(this, "onDrag", (S, D) => {
+        }), p(this, "onDrag", (C, w) => {
           if (!this.state.dragging) return !1;
-          (0, p.default)("Draggable: onDrag: %j", D);
-          const d = (0, o.createDraggableData)(this, D), M = {
-            x: d.x,
-            y: d.y,
+          (0, S.default)("Draggable: onDrag: %j", w);
+          const l = (0, c.createDraggableData)(this, w), M = {
+            x: l.x,
+            y: l.y,
             slackX: 0,
             slackY: 0
           };
           if (this.props.bounds) {
             const {
-              x: h,
-              y: f
+              x: u,
+              y: d
             } = M;
             M.x += this.state.slackX, M.y += this.state.slackY;
-            const [_, W] = (0, o.getBoundPosition)(this, M.x, M.y);
-            M.x = _, M.y = W, M.slackX = this.state.slackX + (h - M.x), M.slackY = this.state.slackY + (f - M.y), d.x = M.x, d.y = M.y, d.deltaX = M.x - this.state.x, d.deltaY = M.y - this.state.y;
+            const [_, $] = (0, c.getBoundPosition)(this, M.x, M.y);
+            M.x = _, M.y = $, M.slackX = this.state.slackX + (u - M.x), M.slackY = this.state.slackY + (d - M.y), l.x = M.x, l.y = M.y, l.deltaX = M.x - this.state.x, l.deltaY = M.y - this.state.y;
           }
-          if (this.props.onDrag(S, d) === !1) return !1;
+          if (this.props.onDrag(C, l) === !1) return !1;
           this.setState(M);
-        }), v(this, "onDragStop", (S, D) => {
-          if (!this.state.dragging || this.props.onStop(S, (0, o.createDraggableData)(this, D)) === !1) return !1;
-          (0, p.default)("Draggable: onDragStop: %j", D);
+        }), p(this, "onDragStop", (C, w) => {
+          if (!this.state.dragging || this.props.onStop(C, (0, c.createDraggableData)(this, w)) === !1) return !1;
+          (0, S.default)("Draggable: onDragStop: %j", w);
           const M = {
             dragging: !1,
             slackX: 0,
@@ -2373,10 +2020,10 @@ function mn() {
           };
           if (!!this.props.position) {
             const {
-              x: h,
-              y: f
+              x: u,
+              y: d
             } = this.props.position;
-            M.x = h, M.y = f;
+            M.x = u, M.y = d;
           }
           this.setState(M);
         }), this.state = {
@@ -2385,17 +2032,17 @@ function mn() {
           // Whether or not we have been dragged before.
           dragged: !1,
           // Current transform x and y.
-          x: E.position ? E.position.x : E.defaultPosition.x,
-          y: E.position ? E.position.y : E.defaultPosition.y,
+          x: N.position ? N.position.x : N.defaultPosition.x,
+          y: N.position ? N.position.y : N.defaultPosition.y,
           prevPropsPosition: {
-            ...E.position
+            ...N.position
           },
           // Used for compensating for out-of-bounds drags
           slackX: 0,
           slackY: 0,
           // Can only determine if SVG after mounting
           isElementSVG: !1
-        }, E.position && !(E.onDrag || E.onStop) && console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.");
+        }, N.position && !(N.onDrag || N.onStop) && console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.");
       }
       componentDidMount() {
         typeof window.SVGElement < "u" && this.findDOMNode() instanceof window.SVGElement && this.setState({
@@ -2410,51 +2057,51 @@ function mn() {
       // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
       // the underlying DOM node ourselves. See the README for more information.
       findDOMNode() {
-        return this.props?.nodeRef?.current ?? r.default.findDOMNode(this);
+        return this.props?.nodeRef?.current ?? o.default.findDOMNode(this);
       }
       render() {
         const {
-          axis: E,
-          bounds: S,
-          children: D,
-          defaultPosition: d,
+          axis: N,
+          bounds: C,
+          children: w,
+          defaultPosition: l,
           defaultClassName: M,
-          defaultClassNameDragging: l,
-          defaultClassNameDragged: h,
-          position: f,
+          defaultClassNameDragging: s,
+          defaultClassNameDragged: u,
+          position: d,
           positionOffset: _,
-          scale: W,
-          ...B
+          scale: $,
+          ...z
         } = this.props;
-        let H = {}, X = null;
-        const K = !!!f || this.state.dragging, ee = f || d, oe = {
+        let X = {}, V = null;
+        const H = !!!d || this.state.dragging, ee = d || l, ie = {
           // Set left if horizontal drag is enabled
-          x: (0, o.canDragX)(this) && K ? this.state.x : ee.x,
+          x: (0, c.canDragX)(this) && H ? this.state.x : ee.x,
           // Set top if vertical drag is enabled
-          y: (0, o.canDragY)(this) && K ? this.state.y : ee.y
+          y: (0, c.canDragY)(this) && H ? this.state.y : ee.y
         };
-        this.state.isElementSVG ? X = (0, i.createSVGTransform)(oe, _) : H = (0, i.createCSSTransform)(oe, _);
-        const de = (0, a.clsx)(D.props.className || "", M, {
-          [l]: this.state.dragging,
-          [h]: this.state.dragged
+        this.state.isElementSVG ? V = (0, r.createSVGTransform)(ie, _) : X = (0, r.createCSSTransform)(ie, _);
+        const le = (0, a.clsx)(w.props.className || "", M, {
+          [s]: this.state.dragging,
+          [u]: this.state.dragged
         });
-        return /* @__PURE__ */ n.createElement(y.default, b({}, B, {
+        return /* @__PURE__ */ i.createElement(D.default, y({}, z, {
           onStart: this.onDragStart,
           onDrag: this.onDrag,
           onStop: this.onDragStop
-        }), /* @__PURE__ */ n.cloneElement(n.Children.only(D), {
-          className: de,
+        }), /* @__PURE__ */ i.cloneElement(i.Children.only(w), {
+          className: le,
           style: {
-            ...D.props.style,
-            ...H
+            ...w.props.style,
+            ...X
           },
-          transform: X
+          transform: V
         }));
       }
     }
-    e.default = x, v(x, "displayName", "Draggable"), v(x, "propTypes", {
+    e.default = m, p(m, "displayName", "Draggable"), p(m, "propTypes", {
       // Accepts all props <DraggableCore> accepts.
-      ...y.default.propTypes,
+      ...D.default.propTypes,
       /**
        * `axis` determines which axis the draggable can move.
        *
@@ -2556,11 +2203,11 @@ function mn() {
       /**
        * These properties should be defined on the child, not here.
        */
-      className: u.dontSetMe,
-      style: u.dontSetMe,
-      transform: u.dontSetMe
-    }), v(x, "defaultProps", {
-      ...y.default.defaultProps,
+      className: h.dontSetMe,
+      style: h.dontSetMe,
+      transform: h.dontSetMe
+    }), p(m, "defaultProps", {
+      ...D.default.defaultProps,
       axis: "both",
       bounds: !1,
       defaultClassName: "react-draggable",
@@ -2572,21 +2219,21 @@ function mn() {
       },
       scale: 1
     });
-  })(Se)), Se;
+  })(we)), we;
 }
-var it;
-function pn() {
-  if (it) return ue.exports;
-  it = 1;
+var et;
+function Vt() {
+  if (et) return de.exports;
+  et = 1;
   const {
     default: e,
-    DraggableCore: n
-  } = mn();
-  return ue.exports = e, ue.exports.default = e, ue.exports.DraggableCore = n, ue.exports;
+    DraggableCore: i
+  } = Xt();
+  return de.exports = e, de.exports.default = e, de.exports.DraggableCore = i, de.exports;
 }
-var yn = pn();
-const bn = /* @__PURE__ */ an(yn), vn = le((e, n) => {
-  const r = {
+var Gt = Vt();
+const Zt = /* @__PURE__ */ At(Gt), Jt = se((e, i) => {
+  const o = {
     ...{
       // 1. Take it out of the document flow
       position: "fixed",
@@ -2603,35 +2250,35 @@ const bn = /* @__PURE__ */ an(yn), vn = le((e, n) => {
       boxShadow: "rgba(0, 0, 0, 0.5) 7px 7px 10px 0px"
     },
     ...e.style || {}
-  }, a = e.testId || "not-set", i = e.className || "panel", o = wt(null);
+  }, a = e.testId || "not-set", r = e.className || "panel", c = vt(null);
   return (
     // 3. Pass the internal ref to the Draggable component via 'nodeRef'
-    /* @__PURE__ */ s(
-      bn,
+    /* @__PURE__ */ n(
+      Zt,
       {
-        nodeRef: o,
+        nodeRef: c,
         "data-testid": a,
         axis: "both",
         handle: ".handle",
-        onStart: (p, g) => {
+        onStart: (S, b) => {
           e.onDraggingChange?.(!0);
         },
-        onStop: (p, g) => {
+        onStop: (S, b) => {
           setTimeout(() => {
             e.onDraggingChange?.(!1);
           }, 100);
         },
-        children: /* @__PURE__ */ s("div", { ref: o, className: i, style: r, children: e.children })
+        children: /* @__PURE__ */ n("div", { ref: c, className: r, style: o, children: e.children })
       }
     )
   );
 });
-function er({ children: e, addCssClasses: n }) {
+function _n({ children: e, addCssClasses: i }) {
   const t = G(
     "w-full h-full flex-1 flex flex-col",
-    (n || "gap-2 items-end justify-end content-end").trim()
+    (i || "gap-2 items-end justify-end content-end").trim()
   );
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ n(
     "div",
     {
       className: t,
@@ -2642,53 +2289,53 @@ function er({ children: e, addCssClasses: n }) {
     }
   );
 }
-function tr({ children: e, addCssClasses: n }) {
+function Mn({ children: e, addCssClasses: i }) {
   const t = G(
     "w-full flex flex-col",
-    (n || "items-end").trim()
+    (i || "items-end").trim()
   );
-  return /* @__PURE__ */ s("div", { className: t, children: e });
+  return /* @__PURE__ */ n("div", { className: t, children: e });
 }
-const nr = (e) => {
+const Pn = (e) => {
   console.warn("showToast TODO", e);
-}, xn = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, rr = le((e, n) => {
-  let t = ct(Number(e.zoomScale || 0));
-  const r = e.responsiveGrid || !1, a = e.isEditing || !1, i = {
+}, Qt = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, Rn = se((e, i) => {
+  let t = pt(Number(e.zoomScale || 0));
+  const o = e.responsiveGrid || !1, a = e.isEditing || !1, r = {
     "--bwj-dashboard-transform-scale": t,
-    "--bwj-dashboard-add-cols": xn(t)
-  }, o = G(
+    "--bwj-dashboard-add-cols": Qt(t)
+  }, c = G(
     "dashboard-main-grid w-full",
     a ? "editing" : "",
-    r ? "responsive-grid" : "",
+    o ? "responsive-grid" : "",
     `border border-dashed ${a ? "border-primary border-opacity-50" : "border-transparent"}`
   );
-  return /* @__PURE__ */ s("div", { className: o, style: i, children: e.children });
-}), Pe = "size-5", wn = (e, n) => {
-  const t = e.hideTitle && !e.isEditing, r = e.noBorder;
+  return /* @__PURE__ */ n("div", { className: c, style: r, children: e.children });
+}), Me = "size-5", en = (e, i) => {
+  const t = e.hideTitle && !e.isEditing, o = e.noBorder;
   let a = `dashboard-widget ${e.isEditing ? "editing" : ""} border border-solid`;
-  r ? a = `${a} border-transparent border-opacity-0` : (e.borderCssClasses || "").trim().length > 0 ? a = `${a} ${e.borderCssClasses}` : a = `${a} border-card-invert border-opacity-20`, e.noShadow && (a = `${a} no-shadow`), e.noPadding && (a = `${a} no-padding p-0`), (e.backgroundCssClasses || "").trim().length > 0 ? a = `${a} ${e.backgroundCssClasses}` : a = `${a} bg-card content-card`, ["large", "xlarge"].indexOf(e.size || "") > -1 && (a = `${a} ${e.size}-widget`);
-  const i = () => {
+  o ? a = `${a} border-transparent border-opacity-0` : (e.borderCssClasses || "").trim().length > 0 ? a = `${a} ${e.borderCssClasses}` : a = `${a} border-card-invert border-opacity-20`, e.noShadow && (a = `${a} no-shadow`), e.noPadding && (a = `${a} no-padding p-0`), (e.backgroundCssClasses || "").trim().length > 0 ? a = `${a} ${e.backgroundCssClasses}` : a = `${a} bg-card content-card`, ["large", "xlarge"].indexOf(e.size || "") > -1 && (a = `${a} ${e.size}-widget`);
+  const r = () => {
     e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey, e.parentWidgetKey);
-  }, o = (y) => {
-    e.onMoveClick && e.widgetKey && e.onMoveClick(y, e.widgetKey, e.parentWidgetKey);
-  }, u = G(
+  }, c = (D) => {
+    e.onMoveClick && e.widgetKey && e.onMoveClick(D, e.widgetKey, e.parentWidgetKey);
+  }, h = G(
     "widget-header",
     t ? "hidden" : "flex items-center justify-between border-b border-solid border-card-invert",
     t ? "border-opacity-0" : "border-opacity-20"
   );
-  return /* @__PURE__ */ $("div", { className: a, children: [
-    /* @__PURE__ */ $("div", { className: u, children: [
-      /* @__PURE__ */ $("div", { className: "widget-title-wrapper w-full flex flex-row gap-2 items-center justify-between", children: [
-        /* @__PURE__ */ $("h2", { className: "widget-title", children: [
+  return /* @__PURE__ */ R("div", { className: a, children: [
+    /* @__PURE__ */ R("div", { className: h, children: [
+      /* @__PURE__ */ R("div", { className: "widget-title-wrapper w-full flex flex-row gap-2 items-center justify-between", children: [
+        /* @__PURE__ */ R("h2", { className: "widget-title", children: [
           e.title,
           " "
         ] }),
-        /* @__PURE__ */ s("div", {})
+        /* @__PURE__ */ n("div", {})
       ] }),
-      /* @__PURE__ */ s("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ $("div", { className: "actions-inner", children: [
-        /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("span", { className: "hidden", children: "Widget" }) }),
-        /* @__PURE__ */ $("div", { className: "actions-buttons-container", children: [
-          /* @__PURE__ */ s(
+      /* @__PURE__ */ n("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ R("div", { className: "actions-inner", children: [
+        /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n("span", { className: "hidden", children: "Widget" }) }),
+        /* @__PURE__ */ R("div", { className: "actions-buttons-container", children: [
+          /* @__PURE__ */ n(
             J,
             {
               "data-testid": `move-widget-left_${e.title}`,
@@ -2698,11 +2345,11 @@ const nr = (e) => {
                 placement: "top",
                 title: `${e.index < 1 ? "Already at min position" : "Move Widget to the left/up"}`
               },
-              onClick: () => o(-1),
-              children: /* @__PURE__ */ s(ft, { className: Pe })
+              onClick: () => c(-1),
+              children: /* @__PURE__ */ n(it, { className: Me })
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ n(
             J,
             {
               "data-testid": `move-widget-right_${e.title}`,
@@ -2712,11 +2359,11 @@ const nr = (e) => {
                 placement: "top",
                 title: `${e.index >= e.maxIndex ? "Already at max position" : "Move Widget to the right/down"}`
               },
-              onClick: () => o(1),
-              children: /* @__PURE__ */ s(ht, { className: Pe })
+              onClick: () => c(1),
+              children: /* @__PURE__ */ n(at, { className: Me })
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ n(
             J,
             {
               "data-testid": `remove-container_${e.title}`,
@@ -2725,188 +2372,188 @@ const nr = (e) => {
                 placement: "top",
                 title: "Remove Widget"
               },
-              onClick: () => i(),
-              children: /* @__PURE__ */ s(gt, { className: Pe })
+              onClick: () => r(),
+              children: /* @__PURE__ */ n(st, { className: Me })
             }
           )
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ s("div", { className: "widget-inner", children: e.children })
+    /* @__PURE__ */ n("div", { className: "widget-inner", children: e.children })
   ] });
-}, at = le(wn), Cn = (e, n) => {
-  const t = (i) => i.replace(/[^0-9.]/g, ""), r = t(e).split(".").map(Number), a = t(n).split(".").map(Number);
-  return !(r[0] !== a[0] || r[1] < a[1]);
+}, tt = se(en), tn = (e, i) => {
+  const t = (r) => r.replace(/[^0-9.]/g, ""), o = t(e).split(".").map(Number), a = t(i).split(".").map(Number);
+  return !(o[0] !== a[0] || o[1] < a[1]);
 };
-function Sn(e) {
-  return /* @__PURE__ */ s("div", { className: "dashboard-widget", children: /* @__PURE__ */ $("div", { className: "absolute inset-0 bg-black flex flex-col items-center justify-center text-center", children: [
-    /* @__PURE__ */ s("div", { className: "w-full absolute opacity-100 text-primary", children: e.title }),
-    /* @__PURE__ */ s("div", { className: "animate-ping rounded-full h-32 w-32 border-8 border-white" })
+function nn(e) {
+  return /* @__PURE__ */ n("div", { className: "dashboard-widget", children: /* @__PURE__ */ R("div", { className: "absolute inset-0 bg-black flex flex-col items-center justify-center text-center", children: [
+    /* @__PURE__ */ n("div", { className: "w-full absolute opacity-100 text-primary", children: e.title }),
+    /* @__PURE__ */ n("div", { className: "animate-ping rounded-full h-32 w-32 border-8 border-white" })
   ] }) });
 }
-function Dn({
+function rn({
   index: e,
-  maxIndex: n,
+  maxIndex: i,
   widgetKey: t,
-  parentWidgetKey: r,
+  parentWidgetKey: o,
   targetContainerKey: a,
-  childWidgetsConfig: i,
-  widgetCatalog: o,
-  isEditing: u,
+  childWidgetsConfig: r,
+  widgetCatalog: c,
+  isEditing: h,
   // for additional props passed to all widget from the dashboard through the DynamicWidgetLoader:
-  extraProps: y,
-  onRemoveClick: p,
-  onMoveClick: g,
-  selectContainer: c
+  extraProps: D,
+  onRemoveClick: S,
+  onMoveClick: b,
+  selectContainer: f
 }) {
-  const b = `${t}`.split("_"), v = b.length > 1, T = v ? b[0] : t, m = o.get(T);
-  if (!m)
-    return /* @__PURE__ */ s("div", { className: "flex", children: /* @__PURE__ */ $("p", { children: [
+  const y = `${t}`.split("_"), p = y.length > 1, T = p ? y[0] : t, g = c.get(T);
+  if (!g)
+    return /* @__PURE__ */ n("div", { className: "flex", children: /* @__PURE__ */ R("p", { children: [
       "Widget not found in catalog: ",
       T
     ] }) });
-  let x = null, C = !1;
-  const E = !!m.isContainer, S = v ? dt(t) : "", D = E ? (i || []).filter((l) => l.parentWidgetKey === t) : [], d = {
+  let m = null, x = !1;
+  const N = !!g.isContainer, C = p ? nt(t) : "", w = N ? (r || []).filter((s) => s.parentWidgetKey === t) : [], l = {
     index: e,
-    maxIndex: n,
+    maxIndex: i,
     widgetKey: t,
-    parentWidgetKey: r,
-    isEditing: u,
-    extraProps: y,
-    title: v ? S : m.title,
-    onRemoveClick: p,
-    onMoveClick: g
+    parentWidgetKey: o,
+    isEditing: h,
+    extraProps: D,
+    title: p ? C : g.title,
+    onRemoveClick: S,
+    onMoveClick: b
   };
-  if (m.component ? (x = m.component, C = !1) : m.loader && (C = !0, x = ot(() => {
-    if (!m) return null;
-    const l = typeof __HOST_REACT_VERSION__ < "u" ? __HOST_REACT_VERSION__ : "19.2.3", h = m.meta?.externalDependencies || [], f = h.find((_) => _.startsWith("react@"));
-    if (f) {
-      const _ = f.split("@")[1];
-      if (!Cn(l, _))
-        return ae.lazy(async () => ({
-          default: () => /* @__PURE__ */ s(at, { ...d, children: /* @__PURE__ */ $("div", { className: "p-4 border border-dashed border-danger", children: [
-            /* @__PURE__ */ $("p", { className: "font-bold", children: [
+  if (g.component ? (m = g.component, x = !1) : g.loader && (x = !0, m = rt(() => {
+    if (!g) return null;
+    const s = typeof __HOST_REACT_VERSION__ < "u" ? __HOST_REACT_VERSION__ : "19.2.3", u = g.meta?.externalDependencies || [], d = u.find((_) => _.startsWith("react@"));
+    if (d) {
+      const _ = d.split("@")[1];
+      if (!tn(s, _))
+        return be.lazy(async () => ({
+          default: () => /* @__PURE__ */ n(tt, { ...l, children: /* @__PURE__ */ R("div", { className: "p-4 border border-dashed border-danger", children: [
+            /* @__PURE__ */ R("p", { className: "font-bold", children: [
               'Failed to load "',
               t,
               '"'
             ] }),
-            /* @__PURE__ */ $("p", { className: "text-xs italic", children: [
+            /* @__PURE__ */ R("p", { className: "text-xs italic", children: [
               "The remote plugin is unavailable or incompatible.",
-              /* @__PURE__ */ $("p", { className: "font-bold text-sm", children: [
+              /* @__PURE__ */ R("p", { className: "font-bold text-sm", children: [
                 "Version Mismatch: ",
                 t
               ] }),
-              /* @__PURE__ */ $("p", { className: "text-xs", children: [
+              /* @__PURE__ */ R("p", { className: "text-xs", children: [
                 "Widget requires ",
-                /* @__PURE__ */ $("strong", { children: [
+                /* @__PURE__ */ R("strong", { children: [
                   "React ",
                   _
                 ] }),
                 ". Host is running",
                 " ",
-                /* @__PURE__ */ s("strong", { children: l }),
+                /* @__PURE__ */ n("strong", { children: s }),
                 "."
               ] })
             ] }),
-            /* @__PURE__ */ $("div", { className: "flex flex-col mt-3", children: [
-              /* @__PURE__ */ s("h5", { children: "Externals:" }),
-              /* @__PURE__ */ s("dl", { className: "ml-2 flex flex-col text-xs", children: h.map((W, B) => /* @__PURE__ */ $("dd", { children: [
+            /* @__PURE__ */ R("div", { className: "flex flex-col mt-3", children: [
+              /* @__PURE__ */ n("h5", { children: "Externals:" }),
+              /* @__PURE__ */ n("dl", { className: "ml-2 flex flex-col text-xs", children: u.map(($, z) => /* @__PURE__ */ R("dd", { children: [
                 "- ",
-                W
-              ] }, B)) })
+                $
+              ] }, z)) })
             ] })
           ] }) })
         }));
     }
-    if (m.component)
-      return m.component;
-    if (m.loader) {
+    if (g.component)
+      return g.component;
+    if (g.loader) {
       const _ = async () => {
         try {
-          return await m.loader();
-        } catch (W) {
-          return console.error(`CDN Load Failure for ${t}:`, W), {
-            default: () => /* @__PURE__ */ s(at, { ...d, children: /* @__PURE__ */ $("div", { className: "p-4 border border-dashed border-danger", children: [
-              /* @__PURE__ */ $("p", { className: "font-bold", children: [
+          return await g.loader();
+        } catch ($) {
+          return console.error(`CDN Load Failure for ${t}:`, $), {
+            default: () => /* @__PURE__ */ n(tt, { ...l, children: /* @__PURE__ */ R("div", { className: "p-4 border border-dashed border-danger", children: [
+              /* @__PURE__ */ R("p", { className: "font-bold", children: [
                 'Failed to load "',
                 t,
                 '"'
               ] }),
-              /* @__PURE__ */ s("p", { className: "text-xs italic", children: "The remote plugin is unavailable or incompatible." }),
-              /* @__PURE__ */ s("pre", { className: "text-xs overflow-hidden", children: JSON.stringify(m.meta || {}, null, 2) })
+              /* @__PURE__ */ n("p", { className: "text-xs italic", children: "The remote plugin is unavailable or incompatible." }),
+              /* @__PURE__ */ n("pre", { className: "text-xs overflow-hidden", children: JSON.stringify(g.meta || {}, null, 2) })
             ] }) })
           };
         }
       };
-      return ae.lazy(_);
+      return be.lazy(_);
     }
     return null;
-  }, [m, t])), !x)
-    return /* @__PURE__ */ s("div", { className: "flex", children: /* @__PURE__ */ $("p", { children: [
+  }, [g, t])), !m)
+    return /* @__PURE__ */ n("div", { className: "flex", children: /* @__PURE__ */ R("p", { children: [
       "Widget definition incomplete: ",
       T
     ] }) });
-  const M = E ? {
+  const M = N ? {
     highlight: a === t,
-    selectContainer: c,
+    selectContainer: f,
     // The children prop is the recursive call back to DynamicWidgetLoader
-    children: D.map((l, h) => /* @__PURE__ */ s(
-      Dn,
+    children: w.map((s, u) => /* @__PURE__ */ n(
+      rn,
       {
-        index: h,
-        maxIndex: D.length - 1,
-        widgetKey: l.widgetKey,
-        parentWidgetKey: l.parentWidgetKey,
-        widgetCatalog: o,
-        isEditing: u,
-        extraProps: y,
-        onRemoveClick: p,
-        onMoveClick: g
+        index: u,
+        maxIndex: w.length - 1,
+        widgetKey: s.widgetKey,
+        parentWidgetKey: s.parentWidgetKey,
+        widgetCatalog: c,
+        isEditing: h,
+        extraProps: D,
+        onRemoveClick: S,
+        onMoveClick: b
       },
-      `${l.widgetKey}_${h}`
+      `${s.widgetKey}_${u}`
     ))
   } : {};
-  return C ? /* @__PURE__ */ s(Ct, { fallback: /* @__PURE__ */ s(Sn, { title: `Loading ${m.title}` }), children: /* @__PURE__ */ s(x, { ...d, ...M }) }) : /* @__PURE__ */ s(x, { ...d, ...M });
+  return x ? /* @__PURE__ */ n(xt, { fallback: /* @__PURE__ */ n(nn, { title: `Loading ${g.title}` }), children: /* @__PURE__ */ n(m, { ...l, ...M }) }) : /* @__PURE__ */ n(m, { ...l, ...M });
 }
-const ve = "size-5";
+const ye = "size-5";
 function Oe(e) {
-  const n = e.highlight || !1, t = e.direction || "column", r = e.children.length > 0, a = e.isEditing || !1;
-  let u = n ? "border-transparent" : a && !r ? "border-card-invert" : "border-transparent";
-  const y = ["large", "xlarge"].includes(e.size || "");
-  let p = "";
-  ["large", "xlarge"].indexOf(e.size || "") > -1 && (p = `${e.size}-widget`);
-  let g = "";
-  t === "row" && !r ? g = "min-h-48" : t === "column" && !r && (g = "min-h-96");
-  let c = G(
+  const i = e.highlight || !1, t = e.direction || "column", o = e.children.length > 0, a = e.isEditing || !1;
+  let h = i ? "border-transparent" : a && !o ? "border-card-invert" : "border-transparent";
+  const D = ["large", "xlarge"].includes(e.size || "");
+  let S = "";
+  ["large", "xlarge"].indexOf(e.size || "") > -1 && (S = `${e.size}-widget`);
+  let b = "";
+  t === "row" && !o ? b = "min-h-48" : t === "column" && !o && (b = "min-h-96");
+  let f = G(
     "dashboard-widget-container relative ",
-    r ? "" : "has-no-children",
+    o ? "" : "has-no-children",
     a ? "editing" : "",
-    g,
-    p,
-    y ? "widget-container-grid" : "widget-container-flex",
+    b,
+    S,
+    D ? "widget-container-grid" : "widget-container-flex",
     `direction-${t}`,
-    `border ${u}`,
-    `${n ? "highlight-container" : ""} ${u}`
-  ), b = `widget-container-header direction-${t} flex items-center border-1 ${u}`;
-  const v = () => {
+    `border ${h}`,
+    `${i ? "highlight-container" : ""} ${h}`
+  ), y = `widget-container-header direction-${t} flex items-center border-1 ${h}`;
+  const p = () => {
     e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey);
-  }, T = (x) => {
-    e.onMoveClick && e.widgetKey && e.onMoveClick(x, e.widgetKey, e.parentWidgetKey);
-  }, m = () => {
+  }, T = (m) => {
+    e.onMoveClick && e.widgetKey && e.onMoveClick(m, e.widgetKey, e.parentWidgetKey);
+  }, g = () => {
     e.selectContainer && e.widgetKey && e.selectContainer(e.widgetKey);
   };
-  return /* @__PURE__ */ $("div", { "data-testid": `container_${e.widgetKey}`, className: c, children: [
-    /* @__PURE__ */ $("div", { className: b, children: [
-      /* @__PURE__ */ s(
+  return /* @__PURE__ */ R("div", { "data-testid": `container_${e.widgetKey}`, className: f, children: [
+    /* @__PURE__ */ R("div", { className: y, children: [
+      /* @__PURE__ */ n(
         "div",
         {
           className: "widget-title-wrapper w-full flex whitespace-nowrap",
-          onClick: m,
-          children: /* @__PURE__ */ s("span", { className: "text-sm font-semibold capitalize", children: e.title })
+          onClick: g,
+          children: /* @__PURE__ */ n("span", { className: "text-sm font-semibold capitalize", children: e.title })
         }
       ),
-      /* @__PURE__ */ s("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ s("div", { className: "actions-inner", children: /* @__PURE__ */ $("div", { className: "actions-buttons-container", children: [
-        /* @__PURE__ */ s(
+      /* @__PURE__ */ n("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ n("div", { className: "actions-inner", children: /* @__PURE__ */ R("div", { className: "actions-buttons-container", children: [
+        /* @__PURE__ */ n(
           J,
           {
             "data-testid": `open-widgets-catalog-from-container_${e.title}`,
@@ -2916,16 +2563,16 @@ function Oe(e) {
               placement: "top",
               title: "Target this Container"
             },
-            onClick: m,
-            children: /* @__PURE__ */ s(
-              en,
+            onClick: g,
+            children: /* @__PURE__ */ n(
+              Ot,
               {
-                className: `${ve} ${n ? "text-success" : "text-disabled"}`
+                className: `${ye} ${i ? "text-success" : "text-disabled"}`
               }
             )
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ n(
           J,
           {
             "data-testid": `move-container-left_${e.title}`,
@@ -2936,10 +2583,10 @@ function Oe(e) {
               title: `${e.index < 1 ? "Already at min position" : "Move Container to the left/up"}`
             },
             onClick: () => T(-1),
-            children: /* @__PURE__ */ s(ft, { className: ve })
+            children: /* @__PURE__ */ n(it, { className: ye })
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ n(
           J,
           {
             "data-testid": `move-container-right_${e.title}`,
@@ -2950,10 +2597,10 @@ function Oe(e) {
               title: `${e.index >= e.maxIndex ? "Already at max position" : "Move Container to the right/down"}`
             },
             onClick: () => T(1),
-            children: /* @__PURE__ */ s(ht, { className: ve })
+            children: /* @__PURE__ */ n(at, { className: ye })
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ n(
           J,
           {
             "data-testid": `remove-container_${e.title}`,
@@ -2962,140 +2609,140 @@ function Oe(e) {
               placement: "top",
               title: "Remove Container"
             },
-            onClick: () => v(),
-            children: /* @__PURE__ */ s(gt, { className: ve })
+            onClick: () => p(),
+            children: /* @__PURE__ */ n(st, { className: ye })
           }
         )
       ] }) }) })
     ] }),
-    /* @__PURE__ */ s("div", { "data-testid": `childrenwrapper_${e.widgetKey}`, className: "widget-container-inner", children: e.children })
+    /* @__PURE__ */ n("div", { "data-testid": `childrenwrapper_${e.widgetKey}`, className: "widget-container-inner", children: e.children })
   ] });
 }
-function ir(e) {
-  const { direction: n, ...t } = e;
-  return /* @__PURE__ */ s(Oe, { direction: "column", ...t });
+function $n(e) {
+  const { direction: i, ...t } = e;
+  return /* @__PURE__ */ n(Oe, { direction: "column", ...t });
 }
-function ar(e) {
-  const { size: n, ...t } = e;
-  return /* @__PURE__ */ s(Oe, { size: "large", ...t });
+function In(e) {
+  const { size: i, ...t } = e;
+  return /* @__PURE__ */ n(Oe, { size: "large", ...t });
 }
-function or(e) {
-  const { direction: n, ...t } = e;
-  return /* @__PURE__ */ s(Oe, { direction: "row", ...t });
+function On(e) {
+  const { direction: i, ...t } = e;
+  return /* @__PURE__ */ n(Oe, { direction: "row", ...t });
 }
-function $e({
+function Pe({
   // widgetKey,
   metaData: e,
-  alreadyAdded: n,
+  alreadyAdded: i,
   addWidget: t
 }) {
-  const [r, a] = se(!1), i = e.icon || tn, o = e.name || "Unknown", u = e.description || "---", p = (e.noDuplicatedWidgets || !1) && n, g = G(`
+  const [o, a] = ae(!1), r = e.icon || Wt, c = e.name || "Unknown", h = e.description || "---", S = (e.noDuplicatedWidgets || !1) && i, b = G(`
     flex flex-row gap-2 p-2 rounded-md border text-sm bg-card content-card backdrop-opacity-100
-    ${p ? "border-disabled fill-disabled text-disabled" : "cursor-pointer border-primary fill-danger hover:fill-primary content-primary hover:brightness-110"}
+    ${S ? "border-disabled fill-disabled text-disabled" : "cursor-pointer border-primary fill-danger hover:fill-primary content-primary hover:brightness-110"}
   `);
-  return /* @__PURE__ */ $("div", { className: g, style: { width: "calc(100% - 1rem)" }, onClick: () => {
-    p || t();
+  return /* @__PURE__ */ R("div", { className: b, style: { width: "calc(100% - 1rem)" }, onClick: () => {
+    S || t();
   }, children: [
-    /* @__PURE__ */ s(i, { className: "" }),
-    /* @__PURE__ */ $("div", { className: "w-full", children: [
-      /* @__PURE__ */ $("div", { className: "flex flex-row items-center gap-2 justify-between", children: [
-        /* @__PURE__ */ s("span", { className: "font-bold", children: o }),
-        /* @__PURE__ */ s("div", { className: "text-xs", children: p ? "(Added)" : "" })
+    /* @__PURE__ */ n(r, { className: "" }),
+    /* @__PURE__ */ R("div", { className: "w-full", children: [
+      /* @__PURE__ */ R("div", { className: "flex flex-row items-center gap-2 justify-between", children: [
+        /* @__PURE__ */ n("span", { className: "font-bold", children: c }),
+        /* @__PURE__ */ n("div", { className: "text-xs", children: S ? "(Added)" : "" })
       ] }),
-      /* @__PURE__ */ $("div", { className: "flex flex-col text-xs", children: [
-        /* @__PURE__ */ s("div", { children: u }),
-        /* @__PURE__ */ s("div", { className: "mt-3 cursor-pointer", onClick: (v) => {
-          v.stopPropagation(), v.preventDefault(), a(!r);
+      /* @__PURE__ */ R("div", { className: "flex flex-col text-xs", children: [
+        /* @__PURE__ */ n("div", { children: h }),
+        /* @__PURE__ */ n("div", { className: "mt-3 cursor-pointer", onClick: (p) => {
+          p.stopPropagation(), p.preventDefault(), a(!o);
         }, children: "Externals:" }),
-        r && /* @__PURE__ */ s("dl", { className: "ml-2 flex flex-col text-xs", children: e.externalDependencies.map((v, T) => /* @__PURE__ */ $("dd", { children: [
+        o && /* @__PURE__ */ n("dl", { className: "ml-2 flex flex-col text-xs", children: e.externalDependencies.map((p, T) => /* @__PURE__ */ R("dd", { children: [
           "- ",
-          v
+          p
         ] }, T)) })
       ] })
     ] })
   ] });
 }
-function Tn({ item: e, onSettingItemChanged: n }) {
-  const t = e.name || "Unknown", r = e.description || "---", a = G(`
+function on({ item: e, onSettingItemChanged: i }) {
+  const t = e.name || "Unknown", o = e.description || "---", a = G(`
     flex flex-row gap-2 p-2 rounded-md border text-sm bg-card content-card backdrop-opacity-100
-  `), i = (u) => {
-    const y = u.key;
-    if (["ArrowUp", "ArrowDown"].includes(y)) {
-      u.preventDefault();
-      const p = Nt.incrementOrDecrementValue(
+  `), r = (h) => {
+    const D = h.key;
+    if (["ArrowUp", "ArrowDown"].includes(D)) {
+      h.preventDefault();
+      const S = bt.incrementOrDecrementValue(
         e,
-        y === "ArrowUp" ? 1 : -1
+        D === "ArrowUp" ? 1 : -1
       );
-      n(p);
+      i(S);
     }
-  }, o = (u) => {
-    n({
+  }, c = (h) => {
+    i({
       ...e,
-      value: u.target.value || ""
+      value: h.target.value || ""
     });
   };
-  return /* @__PURE__ */ s("div", { className: a, style: { width: "calc(100% - 1rem)" }, children: /* @__PURE__ */ $("div", { className: "w-full", children: [
-    /* @__PURE__ */ s("div", { className: "flex flex-row items-center gap-2 justify-between", children: /* @__PURE__ */ s("span", { className: "font-bold", children: t }) }),
-    /* @__PURE__ */ s("div", { className: "flex flex-col gap-2 text-xs", children: /* @__PURE__ */ s("div", { children: r }) }),
-    /* @__PURE__ */ $("div", { children: [
+  return /* @__PURE__ */ n("div", { className: a, style: { width: "calc(100% - 1rem)" }, children: /* @__PURE__ */ R("div", { className: "w-full", children: [
+    /* @__PURE__ */ n("div", { className: "flex flex-row items-center gap-2 justify-between", children: /* @__PURE__ */ n("span", { className: "font-bold", children: t }) }),
+    /* @__PURE__ */ n("div", { className: "flex flex-col gap-2 text-xs", children: /* @__PURE__ */ n("div", { children: o }) }),
+    /* @__PURE__ */ R("div", { children: [
       "Value:",
-      /* @__PURE__ */ s(
-        mt,
+      /* @__PURE__ */ n(
+        lt,
         {
           label: "Filter...",
           size: "small",
           className: "w-full",
           value: e.value,
-          onChange: o,
-          onKeyDown: i
+          onChange: c,
+          onKeyDown: r
         }
       )
     ] })
   ] }) });
 }
-const We = (e, n) => [
-  ...n.widgets.filter((r) => r.indexOf("Container") === -1),
-  ...n.childWidgetsConfig.map((r) => r.widgetKey)
+const Re = (e, i) => [
+  ...i.widgets.filter((o) => o.indexOf("Container") === -1),
+  ...i.childWidgetsConfig.map((o) => o.widgetKey)
 ].includes(e);
-function sr(e) {
+function Wn(e) {
   const {
-    currentDashboardConfig: n,
+    currentDashboardConfig: i,
     undoStatus: t,
-    addContainer: r,
+    addContainer: o,
     onResetToDefaultDashboardClick: a,
-    onUndoOrRedo: i,
-    onDoneClick: o
-  } = e, [u, y] = se("Editing"), [p, g] = se(0), [c, b] = se(""), T = Array.from(e.widgetsCatalog.keys()).map((f) => ({
-    widgetKey: f,
-    metaData: It(f, e.widgetsCatalog)
-  })), m = !!e.targetContainerKey, x = (f) => {
-    b(f.target.value);
-  }, C = (f) => {
-    const _ = c.trim().toLowerCase();
-    return _.length < 1 ? !0 : f.name.trim().toLowerCase().includes(_) || f.description.toLowerCase().includes(_);
-  }, E = (f) => {
-    const _ = c.trim().toLowerCase();
-    return _.length < 1 ? !0 : f.name.trim().toLowerCase().includes(_) || f.description.toLowerCase().includes(_);
-  }, S = (f) => G(
+    onUndoOrRedo: r,
+    onDoneClick: c
+  } = e, [h, D] = ae("Editing"), [S, b] = ae(0), [f, y] = ae(""), T = Array.from(e.widgetsCatalog.keys()).map((d) => ({
+    widgetKey: d,
+    metaData: yt(d, e.widgetsCatalog)
+  })), g = !!e.targetContainerKey, m = (d) => {
+    y(d.target.value);
+  }, x = (d) => {
+    const _ = f.trim().toLowerCase();
+    return _.length < 1 ? !0 : d.name.trim().toLowerCase().includes(_) || d.description.toLowerCase().includes(_);
+  }, N = (d) => {
+    const _ = f.trim().toLowerCase();
+    return _.length < 1 ? !0 : d.name.trim().toLowerCase().includes(_) || d.description.toLowerCase().includes(_);
+  }, C = (d) => G(
     "px-4 py-2 font-medium cursor-pointer border-b-2 border-transparent hover:border-primary focus:outline-none",
-    f === p ? "text-primary border-primary" : ""
-  ), D = (f) => {
-    m ? e.addWidget(f, e.targetContainerKey) : e.addWidget(f);
-  }, d = (f) => {
-    const _ = (e.currentDashboardConfig.cssSettings || []).map((W) => W.key === f.key ? f : W);
+    d === S ? "text-primary border-primary" : ""
+  ), w = (d) => {
+    g ? e.addWidget(d, e.targetContainerKey) : e.addWidget(d);
+  }, l = (d) => {
+    const _ = (e.currentDashboardConfig.cssSettings || []).map(($) => $.key === d.key ? d : $);
     e.onSettingItemsUpdated(_);
-  }, [M, l] = se(!1), h = (f) => {
-    l(f);
+  }, [M, s] = ae(!1), u = (d) => {
+    s(d);
   };
-  return St(() => {
+  return Ct(() => {
     if (e.targetContainerKey) {
-      g(0);
-      const f = dt(e.targetContainerKey);
-      y(`Editing ${f}`);
+      b(0);
+      const d = nt(e.targetContainerKey);
+      D(`Editing ${d}`);
     } else
-      y("Editing Dashboard");
-  }, [e.targetContainerKey]), /* @__PURE__ */ s(
-    vn,
+      D("Editing Dashboard");
+  }, [e.targetContainerKey]), /* @__PURE__ */ n(
+    Jt,
     {
       testId: "dashboard-catalog-flyout",
       className: "bg-body content-body bg-opacity-70 border-2 border-primary",
@@ -3106,22 +2753,22 @@ function sr(e) {
         minHeight: "360px",
         backdropFilter: "blur(8px)"
       },
-      onDraggingChange: h,
-      children: /* @__PURE__ */ $("div", { className: "flex flex-col gap-2 p-2", children: [
-        /* @__PURE__ */ $("div", { className: "flex flex-row gap-2 justify-between", children: [
-          /* @__PURE__ */ $("div", { className: "handle flex-1 flex gap-2 w-full hover:text-primary cursor-grab", children: [
-            M ? /* @__PURE__ */ s(Qt, { className: "size-5" }) : /* @__PURE__ */ s(Jt, { className: "size-5" }),
-            /* @__PURE__ */ s(
+      onDraggingChange: u,
+      children: /* @__PURE__ */ R("div", { className: "flex flex-col gap-2 p-2", children: [
+        /* @__PURE__ */ R("div", { className: "flex flex-row gap-2 justify-between", children: [
+          /* @__PURE__ */ R("div", { className: "handle flex-1 flex gap-2 w-full hover:text-primary cursor-grab", children: [
+            M ? /* @__PURE__ */ n(It, { className: "size-5" }) : /* @__PURE__ */ n($t, { className: "size-5" }),
+            /* @__PURE__ */ n(
               "h2",
               {
                 className: "flex-1 text-base margin-0 capitalize",
-                title: m ? u : `Editing dashboard: ${n.dashboardName}`,
-                children: u
+                title: g ? h : `Editing dashboard: ${i.dashboardName}`,
+                children: h
               }
             )
           ] }),
-          /* @__PURE__ */ $("div", { className: "flex flex-row gap-2 items-center", children: [
-            /* @__PURE__ */ s(
+          /* @__PURE__ */ R("div", { className: "flex flex-row gap-2 items-center", children: [
+            /* @__PURE__ */ n(
               J,
               {
                 "data-testid": "undo-dashboard-config-change",
@@ -3131,11 +2778,11 @@ function sr(e) {
                   title: "Undo"
                 },
                 disabled: t.isUndoDisabled,
-                onClick: () => i("Undo"),
-                children: /* @__PURE__ */ s(Gt, { className: "size-5" })
+                onClick: () => r("Undo"),
+                children: /* @__PURE__ */ n(Pt, { className: "size-5" })
               }
             ),
-            /* @__PURE__ */ s(
+            /* @__PURE__ */ n(
               J,
               {
                 "data-testid": "redo-dashboard-config-change",
@@ -3145,11 +2792,11 @@ function sr(e) {
                   title: "Redo"
                 },
                 disabled: t.isRedoDisabled,
-                onClick: () => i("Redo"),
-                children: /* @__PURE__ */ s(Zt, { className: "size-5" })
+                onClick: () => r("Redo"),
+                children: /* @__PURE__ */ n(Rt, { className: "size-5" })
               }
             ),
-            /* @__PURE__ */ s(
+            /* @__PURE__ */ n(
               J,
               {
                 "data-testid": "reset-dashboard-to-default",
@@ -3159,28 +2806,28 @@ function sr(e) {
                   title: "Reset this dashboard to the default configuration"
                 },
                 onClick: a,
-                children: /* @__PURE__ */ s(Xt, { className: "size-5" })
+                children: /* @__PURE__ */ n(Mt, { className: "size-5" })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ $("div", { className: "flex border-b border-gray-200", children: [
-          /* @__PURE__ */ s("button", { onClick: () => g(0), className: S(0), children: "Widgets" }),
-          /* @__PURE__ */ s("button", { onClick: () => g(1), className: S(1), children: "Charts" }),
-          !m && /* @__PURE__ */ s("button", { onClick: () => g(2), className: S(2), children: "Containers" }),
-          !m && /* @__PURE__ */ s("button", { onClick: () => g(3), className: S(3), children: /* @__PURE__ */ s(Ht, {}) })
+        /* @__PURE__ */ R("div", { className: "flex border-b border-gray-200", children: [
+          /* @__PURE__ */ n("button", { onClick: () => b(0), className: C(0), children: "Widgets" }),
+          /* @__PURE__ */ n("button", { onClick: () => b(1), className: C(1), children: "Charts" }),
+          !g && /* @__PURE__ */ n("button", { onClick: () => b(2), className: C(2), children: "Containers" }),
+          !g && /* @__PURE__ */ n("button", { onClick: () => b(3), className: C(3), children: /* @__PURE__ */ n(_t, {}) })
         ] }),
-        /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-1 w-full", children: /* @__PURE__ */ s(
-          mt,
+        /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-1 w-full", children: /* @__PURE__ */ n(
+          lt,
           {
             label: "Filter...",
             size: "small",
             className: "w-full",
-            value: c,
-            onChange: x
+            value: f,
+            onChange: m
           }
         ) }),
-        /* @__PURE__ */ $(
+        /* @__PURE__ */ R(
           "div",
           {
             className: "flex flex-col gap-2 overflow-x-hidden overflow-y-auto",
@@ -3188,52 +2835,52 @@ function sr(e) {
               maxHeight: "360px"
             },
             children: [
-              p === 0 && T.filter(
-                (f) => f.metaData.categories.includes("Widget") && C(f.metaData)
-              ).map((f) => /* @__PURE__ */ s(
-                $e,
+              S === 0 && T.filter(
+                (d) => d.metaData.categories.includes("Widget") && x(d.metaData)
+              ).map((d) => /* @__PURE__ */ n(
+                Pe,
                 {
-                  widgetKey: f.widgetKey,
-                  metaData: f.metaData,
-                  alreadyAdded: We(f.widgetKey, n),
-                  addWidget: () => D(f.widgetKey)
+                  widgetKey: d.widgetKey,
+                  metaData: d.metaData,
+                  alreadyAdded: Re(d.widgetKey, i),
+                  addWidget: () => w(d.widgetKey)
                 },
-                f.widgetKey
+                d.widgetKey
               )),
-              p === 1 && T.filter(
-                (f) => f.metaData.categories.includes("Chart") && C(f.metaData)
-              ).map((f) => /* @__PURE__ */ s(
-                $e,
+              S === 1 && T.filter(
+                (d) => d.metaData.categories.includes("Chart") && x(d.metaData)
+              ).map((d) => /* @__PURE__ */ n(
+                Pe,
                 {
-                  widgetKey: f.widgetKey,
-                  metaData: f.metaData,
-                  alreadyAdded: We(f.widgetKey, n),
-                  addWidget: () => D(f.widgetKey)
+                  widgetKey: d.widgetKey,
+                  metaData: d.metaData,
+                  alreadyAdded: Re(d.widgetKey, i),
+                  addWidget: () => w(d.widgetKey)
                 },
-                f.widgetKey
+                d.widgetKey
               )),
-              !m && p === 2 && T.filter((f) => f.metaData.categories.includes("Container")).map((f) => /* @__PURE__ */ s(
-                $e,
+              !g && S === 2 && T.filter((d) => d.metaData.categories.includes("Container")).map((d) => /* @__PURE__ */ n(
+                Pe,
                 {
-                  widgetKey: f.widgetKey,
-                  metaData: f.metaData,
-                  alreadyAdded: We(f.widgetKey, n),
-                  addWidget: () => r(f.widgetKey)
+                  widgetKey: d.widgetKey,
+                  metaData: d.metaData,
+                  alreadyAdded: Re(d.widgetKey, i),
+                  addWidget: () => o(d.widgetKey)
                 },
-                f.widgetKey
+                d.widgetKey
               )),
-              !m && p === 3 && (n.cssSettings || []).filter(E).map((f) => /* @__PURE__ */ s(
-                Tn,
+              !g && S === 3 && (i.cssSettings || []).filter(N).map((d) => /* @__PURE__ */ n(
+                on,
                 {
-                  item: f,
-                  onSettingItemChanged: d
+                  item: d,
+                  onSettingItemChanged: l
                 },
-                f.key
+                d.key
               ))
             ]
           }
         ),
-        /* @__PURE__ */ s("div", { className: "mt-4 w-full flex flex-row justify-end pt-1", children: /* @__PURE__ */ s(
+        /* @__PURE__ */ n("div", { className: "mt-4 w-full flex flex-row justify-end pt-1", children: /* @__PURE__ */ n(
           J,
           {
             className: "bg-opacity-100",
@@ -3241,7 +2888,7 @@ function sr(e) {
               placement: "bottom",
               title: "Click to exit edit mode"
             },
-            onClick: o,
+            onClick: c,
             children: "Done"
           }
         ) })
@@ -3250,71 +2897,47 @@ function sr(e) {
   );
 }
 export {
-  Fn as AddIcon,
+  hn as AddIcon,
   J as Button,
-  tn as CircleQuestionMark,
-  en as CrosshairIcon,
-  rr as DashboardGrid,
-  Ae as DashboardMaxZoomScale,
-  je as DashboardMinZoomScale,
-  at as DashboardWidgetBase,
-  $t as DashboardZoomStep,
-  Ln as DeleteIcon,
-  vn as DraggablePanel,
-  Dn as DynamicWidgetLoader,
-  Un as EditIcon,
-  Vn as GridIcon,
-  Qt as HandGrabIcon,
-  Jt as HandIcon,
-  Xn as ListItem,
-  Gn as ListItemLeftChild,
-  Zn as ListItemMiddleChild,
-  Jn as ListItemRightChild,
-  qn as MonitorIcon,
-  zn as MonitorSmartphoneIcon,
-  ft as MoveLeftIcon,
-  ht as MoveRightIcon,
-  Zt as RedoIcon,
-  Ht as SettingsIcon,
-  rn as Stack,
-  Y as SvgBaseWrapper,
-  Yn as TabletSmartphoneIcon,
-  Hn as TargetIcon,
-  mt as TextField,
-  Xt as TimerResetIcon,
-  Gt as UndoIcon,
-  ir as WidgetContainerColumn,
-  ar as WidgetContainerLarge,
-  or as WidgetContainerRow,
-  sr as WidgetsCatalogFlyout,
-  er as WrapperColumnContent,
-  tr as WrapperColumnContentListItem,
-  gt as XCircleIcon,
-  Kn as ZoomInIcon,
-  Bn as ZoomOutIcon,
-  Cn as _isVersionCompatible,
-  we as blankDashboardConfig,
-  ut as createDynamicEntry,
-  Rt as createStaticEntry,
-  Dt as cssSettingsCatalog,
-  kn as cssVarsUtils,
-  Nt as dashboardSettingsUtils,
-  Wt as ensureContainersSequence,
-  ct as ensureZoomScaleIsWithinRange,
-  he as getDefaultWidgetMetaFromKey,
-  Wn as getDefaultWidgetMetaFromMap,
-  G as getDistinctCssClasses,
-  kt as getMetaInfoFromFile,
-  Pn as getNewZoomScaleWithinRange,
-  It as getWidgetMetaFromCatalog,
-  Rn as localWidgetDiscovery,
-  dt as parseContainerTitle,
-  Ot as parseKeyAndTitleFromFilePath,
-  In as remoteWidgetDiscovery,
-  $n as removeEmptyContainers,
-  On as resolveColorFromClass,
-  nr as showToast,
-  Mn as useDashboardStorageService,
-  jn as useDashboardStore,
-  An as useDashboardUndoService
+  Wt as CircleQuestionMark,
+  Ot as CrosshairIcon,
+  Rn as DashboardGrid,
+  tt as DashboardWidgetBase,
+  gn as DeleteIcon,
+  Jt as DraggablePanel,
+  rn as DynamicWidgetLoader,
+  mn as EditIcon,
+  pn as GridIcon,
+  It as HandGrabIcon,
+  $t as HandIcon,
+  Sn as ListItem,
+  Dn as ListItemLeftChild,
+  Tn as ListItemMiddleChild,
+  Nn as ListItemRightChild,
+  yn as MonitorIcon,
+  bn as MonitorSmartphoneIcon,
+  it as MoveLeftIcon,
+  at as MoveRightIcon,
+  Rt as RedoIcon,
+  _t as SettingsIcon,
+  jt as Stack,
+  K as SvgBaseWrapper,
+  vn as TabletSmartphoneIcon,
+  wn as TargetIcon,
+  lt as TextField,
+  Mt as TimerResetIcon,
+  Pt as UndoIcon,
+  $n as WidgetContainerColumn,
+  In as WidgetContainerLarge,
+  On as WidgetContainerRow,
+  Wn as WidgetsCatalogFlyout,
+  _n as WrapperColumnContent,
+  Mn as WrapperColumnContentListItem,
+  st as XCircleIcon,
+  xn as ZoomInIcon,
+  Cn as ZoomOutIcon,
+  tn as _isVersionCompatible,
+  Pn as showToast,
+  un as useDashboardStore,
+  fn as useDashboardUndoService
 };