@tenorlab/react-dashboard 1.2.5 → 1.2.7

package/dist/react-dashboard.es.js

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