@tenorlab/react-dashboard 1.0.3 → 1.0.5

package/dist/react-dashboard.es.js

@@ -1,7 +1,7 @@
-import se, { useState as ce, useCallback as ue, useMemo as it, forwardRef as le, useRef as xt, Suspense as wt, useEffect as St } from "react";
-import { jsxs as I, jsx as a } from "react/jsx-runtime";
-import at from "react-dom";
-const Ct = [
+import se, { useState as ce, useCallback as ue, useMemo as at, forwardRef as le, useRef as xt, Suspense as wt, useEffect as Ct } from "react";
+import { jsxs as W, jsx as a } from "react/jsx-runtime";
+import st from "react-dom";
+const St = [
   {
     key: "grid-gap",
     displayName: "Gap",
@@ -96,29 +96,13 @@ const Ct = [
   responsiveGrid: !1,
   widgets: [],
   childWidgetsConfig: [],
-  cssSettings: [...Ct]
-}, je = 0.7, Ae = 1, Et = 0.05, st = (e) => {
+  cssSettings: [...St]
+}, Ae = 0.7, Le = 1, Et = 0.05, lt = (e) => {
   let n = Number(e || 0);
-  return n < je && (n = je), n > Ae && (n = Ae), n;
-}, Tn = (e, n) => {
+  return n < Ae && (n = Ae), n > Le && (n = Le), n;
+}, Nn = (e, n) => {
   let t = Number(Number((Et * n).toFixed(2)).toFixed(2)), r = Number((Number(e) + t).toFixed(2));
-  return st(r);
-}, lt = (e, n) => {
-  const t = `${e}`.includes("Container"), r = t ? ["Container"] : ["Widget"], i = n?.title || e, o = n?.description || (t ? "Container" : "Unknown");
-  return {
-    title: i,
-    displayName: e,
-    description: o,
-    categories: r,
-    noDuplicatedWidgets: !0,
-    icon: void 0
-  };
-}, Nn = (e, n, t) => {
-  const r = n[e];
-  return r || lt(e, t);
-}, _t = (e, n) => {
-  const r = n.get(e)?.meta;
-  return r || lt(e);
+  return lt(r);
 }, En = (e) => {
   let n = {
     ...e
@@ -135,13 +119,13 @@ const Ct = [
     }
     return !0;
   }), n;
-}, Mt = (e) => {
+}, _t = (e) => {
   const n = e.widgets.filter(
     (r) => r.includes("WidgetContainer")
   ), t = {};
   return n.forEach((r, i) => {
-    const u = `${r.split("_container")[0]}_container${i + 1}`;
-    t[r] = u;
+    const d = `${r.split("_container")[0]}_container${i + 1}`;
+    t[r] = d;
   }), e.widgets = e.widgets.map((r) => t[r] || r), e.childWidgetsConfig = e.childWidgetsConfig.map((r) => {
     const i = r.parentWidgetKey, o = t[i];
     return {
@@ -150,18 +134,92 @@ const Ct = [
       parentWidgetKey: o || i
     };
   }), e;
-}, Le = (e) => {
+}, Ie = (e, n) => {
+  const t = `${e}`.includes("Container"), r = t ? ["Container"] : ["Widget"], i = n?.title || e, o = n?.description || (t ? "Container" : "Unknown");
+  return {
+    title: i,
+    displayName: e,
+    description: o,
+    categories: r,
+    noDuplicatedWidgets: !0,
+    icon: void 0
+  };
+}, _n = (e, n, t) => {
+  const r = n[e];
+  return r || Ie(e, t);
+}, Mt = (e, n) => {
+  const r = n.get(e)?.meta;
+  return r || Ie(e);
+}, Mn = (e, n) => {
+  const t = Ie(e);
+  return [
+    e,
+    {
+      key: e,
+      title: t.displayName,
+      isContainer: `${e}`.includes("Container"),
+      meta: t,
+      component: n
+    }
+  ];
+}, Pt = (e, n, t) => [
+  e,
+  {
+    key: e,
+    title: t.displayName,
+    isContainer: !1,
+    meta: t,
+    loader: n
+  }
+], Pn = (e) => {
+  const n = e.match(/\/widget-([a-zA-Z0-9-]+)\/index\.ts$/);
+  if (n && n[1]) {
+    const t = n[1], r = `Widget${t.split("-").map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join("")}`, i = t.split("-").map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join(" ");
+    return { key: r, title: i, folder: t };
+  }
+  return null;
+}, $n = async (e) => new Promise(async (n, t) => {
+  const r = [];
+  try {
+    const o = await (await fetch(`${e}?${Math.random()}`)).json();
+    for (const s in o) {
+      const d = o[s], y = () => import(
+        /* @vite-ignore */
+        d.url
+      ), m = {
+        displayName: d.meta.displayName,
+        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
+      };
+      r.push(Pt(s, y, 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
+    });
+  }
+}), Fe = (e) => {
   let n;
   const t = /* @__PURE__ */ new Set(), r = (m, h) => {
-    const d = typeof m == "function" ? m(n) : m;
-    if (!Object.is(d, n)) {
+    const u = typeof m == "function" ? m(n) : m;
+    if (!Object.is(u, n)) {
       const g = n;
-      n = h ?? (typeof d != "object" || d === null) ? d : Object.assign({}, n, d), t.forEach((p) => p(n, g));
+      n = h ?? (typeof u != "object" || u === null) ? u : Object.assign({}, n, u), t.forEach((p) => p(n, g));
     }
-  }, i = () => n, u = { setState: r, getState: i, getInitialState: () => y, subscribe: (m) => (t.add(m), () => t.delete(m)) }, y = n = e(r, i, u);
-  return u;
-}, Pt = ((e) => e ? Le(e) : Le), $t = (e) => e;
-function It(e, n = $t) {
+  }, i = () => n, d = { setState: r, getState: i, getInitialState: () => y, subscribe: (m) => (t.add(m), () => t.delete(m)) }, y = n = e(r, i, d);
+  return d;
+}, $t = ((e) => e ? Fe(e) : Fe), Wt = (e) => e;
+function It(e, n = Wt) {
   const t = se.useSyncExternalStore(
     e.subscribe,
     se.useCallback(() => n(e.getState()), [e, n]),
@@ -169,16 +227,16 @@ function It(e, n = $t) {
   );
   return se.useDebugValue(t), t;
 }
-const Wt = (e) => {
-  const n = Pt(e), t = (r) => It(n, r);
+const Ot = (e) => {
+  const n = $t(e), t = (r) => It(n, r);
   return Object.assign(t, n), t;
-}, Ot = ((e) => Wt), Rt = (e) => {
+}, Rt = ((e) => Ot), jt = (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}`;
 }, kt = (e, n) => {
-  const t = Rt(e);
+  const t = jt(e);
   return `${n}_${t}`;
-}, jt = (e) => {
+}, At = (e) => {
   const { dashboardConfig: n, widgetKey: t, parentWidgetKey: r, noDuplicatedWidgets: i } = e;
   if (r) {
     if (i && n.childWidgetsConfig.find(
@@ -217,7 +275,7 @@ const Wt = (e) => {
       }
     };
   }
-}, At = (e, n, t) => {
+}, Lt = (e, n, t) => {
   if ((t || "").trim().length > 0) {
     const r = e.childWidgetsConfig.filter(
       (y) => y.parentWidgetKey !== t
@@ -228,7 +286,7 @@ const Wt = (e) => {
       ...e,
       childWidgetsConfig: o
     };
-    return `${n}`.includes("Container") && (s = Mt(s)), {
+    return `${n}`.includes("Container") && (s = _t(s)), {
       success: !0,
       updatedDashboardConfig: s
     };
@@ -245,7 +303,7 @@ const Wt = (e) => {
       }
     };
   }
-}, Lt = (e, n, t, r) => {
+}, Ft = (e, n, t, r) => {
   if ((r || "").trim().length > 0) {
     const i = e.childWidgetsConfig.filter(
       (h) => h.parentWidgetKey !== r
@@ -254,15 +312,15 @@ const Wt = (e) => {
       (h) => h.parentWidgetKey === r
     );
     const s = o.indexOf(t);
-    let u = s + n;
-    if (u = Math.max(0, u), u = Math.min(o.length - 1, u), u === s)
+    let d = s + n;
+    if (d = Math.max(0, d), d = Math.min(o.length - 1, d), d === s)
       return {
         success: !1,
         message: `DashboardStore: moveWidget: Widget already at min/max position (${t})`,
         updatedDashboardConfig: e
       };
     const y = [...o], [m] = y.splice(s, 1);
-    return y.splice(u, 0, m), {
+    return y.splice(d, 0, m), {
       success: !0,
       updatedDashboardConfig: {
         ...e,
@@ -278,16 +336,16 @@ const Wt = (e) => {
         message: `DashboardStore: moveWidget: Widget already at min/max position (${t})`,
         updatedDashboardConfig: e
       };
-    const u = [...i], [y] = u.splice(o, 1);
-    return u.splice(s, 0, y), {
+    const d = [...i], [y] = d.splice(o, 1);
+    return d.splice(s, 0, y), {
       success: !0,
       updatedDashboardConfig: {
         ...e,
-        widgets: u
+        widgets: d
       }
     };
   }
-}, Ft = (e, n) => ({
+}, Ut = (e, n) => ({
   isLoading: !1,
   isEditing: !1,
   allDashboardConfigs: [we],
@@ -340,7 +398,7 @@ const Wt = (e) => {
     };
   }), n().currentDashboardConfig),
   addWidget: (t) => {
-    const r = n(), i = jt({
+    const r = n(), i = At({
       dashboardConfig: r.currentDashboardConfig,
       ...t
     }), o = [
@@ -358,9 +416,9 @@ const Wt = (e) => {
     };
   },
   removeWidget: (t, r) => {
-    const i = n(), o = At(i.currentDashboardConfig, t, r), s = [
+    const i = n(), o = Lt(i.currentDashboardConfig, t, r), s = [
       ...i.allDashboardConfigs.filter(
-        (u) => u.dashboardId !== o.updatedDashboardConfig.dashboardId
+        (d) => d.dashboardId !== o.updatedDashboardConfig.dashboardId
       ),
       o.updatedDashboardConfig
     ];
@@ -373,48 +431,48 @@ const Wt = (e) => {
     };
   },
   moveWidget: (t, r, i) => {
-    const o = n(), s = Lt(o.currentDashboardConfig, t, r, i), u = [
+    const o = n(), s = Ft(o.currentDashboardConfig, t, r, i), d = [
       ...o.allDashboardConfigs.filter(
         (y) => y.dashboardId !== s.updatedDashboardConfig.dashboardId
       ),
       s.updatedDashboardConfig
     ];
     return s.success && e(() => ({
-      allDashboardConfigs: u,
+      allDashboardConfigs: d,
       currentDashboardConfig: s.updatedDashboardConfig
     })), {
       ...s,
-      allUpdatedDashboardConfigs: u
+      allUpdatedDashboardConfigs: d
     };
   }
-}), _n = Ot()((...e) => ({
-  ...Ft(...e)
-})), ct = (e, n) => `dashboards_${n}_${e}`, Ut = async (e, n, t, r) => {
+}), Wn = Rt()((...e) => ({
+  ...Ut(...e)
+})), ct = (e, n) => `dashboards_${n}_${e}`, Vt = async (e, n, t, r) => {
   const i = localStorage.getItem(ct(e, n));
   if (i)
     try {
       const o = JSON.parse(i);
       return o.length < 1 ? [r] : (o.forEach((s) => {
         s.dashboardId || (s.dashboardId = "default"), s.dashboardName || (s.dashboardName = `Dashboard ${s.dashboardId}`), s.responsiveGrid = s.responsiveGrid ?? !1, (s.widgets || []).length < 1 && (s.widgets = r.widgets);
-        const u = (s.cssSettings || []).filter(
+        const d = (s.cssSettings || []).filter(
           (y) => r.cssSettings.some((m) => m.key === y.key)
         );
-        if (u.length < 1)
+        if (d.length < 1)
           s.cssSettings = [...r.cssSettings];
         else {
-          u.forEach((m) => {
+          d.forEach((m) => {
             m.value = (m.value || "").replace(/NaN/g, "");
             const h = r.cssSettings.find(
-              (d) => d.key === m.key
+              (u) => u.key === m.key
             );
-            h && (Object.keys(h).forEach((d) => {
-              d in m || (m[d] = h[d]);
+            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 y = r.cssSettings.filter((m) => !u.some(
+          const y = r.cssSettings.filter((m) => !d.some(
             (h) => h.key === m.key
           ));
-          s.cssSettings = [...u, ...y];
+          s.cssSettings = [...d, ...y];
         }
         s.widgets = s.widgets.filter(
           (y) => y.includes("WidgetContainer") || t.has(y)
@@ -426,7 +484,7 @@ const Wt = (e) => {
       console.warn("Error parsing saved dashboard config:", o);
     }
   return [r];
-}, Vt = async (e, n, t, r) => {
+}, Yt = 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");
@@ -438,12 +496,12 @@ const Wt = (e) => {
   });
   const i = JSON.stringify(t);
   return localStorage.setItem(ct(e, n), i), !0;
-}, Yt = {
-  getSavedDashboards: Ut,
-  saveDashboards: Vt
-}, Mn = () => Yt, Pn = () => {
+}, qt = {
+  getSavedDashboards: Vt,
+  saveDashboards: Yt
+}, In = () => qt, On = () => {
   const [e, n] = ce({}), [t, r] = ce({}), i = ue((h) => {
-    const d = h.dashboardId;
+    const u = h.dashboardId;
     n((g) => {
       const p = {
         undoIndex: 0,
@@ -451,47 +509,47 @@ const Wt = (e) => {
       };
       return r((w) => ({
         ...w,
-        [d]: 0
+        [u]: 0
       })), {
         ...g,
-        [d]: [p]
+        [u]: [p]
         // Forces a reset to just this one entry
       };
     });
   }, []), o = ue(
     (h) => {
-      n((d) => {
-        const g = h.dashboardId, p = d[g] || [], w = t[g] ?? -1, b = p.slice(0, w + 1), v = {
-          undoIndex: b.length,
+      n((u) => {
+        const g = h.dashboardId, p = u[g] || [], w = t[g] ?? -1, v = p.slice(0, w + 1), b = {
+          undoIndex: v.length,
           // New index based on trimmed length
           config: h
-        }, S = [...b, v];
+        }, C = [...v, b];
         return r((T) => ({
           ...T,
-          [g]: S.length - 1
+          [g]: C.length - 1
           // Index is now the last element's index
         })), {
-          ...d,
-          [g]: S
+          ...u,
+          [g]: C
         };
       });
     },
     [t]
   ), s = ue((h) => {
-    n((d) => {
-      if (!d[h])
-        return d;
-      const { [h]: g, ...p } = d;
+    n((u) => {
+      if (!u[h])
+        return u;
+      const { [h]: g, ...p } = u;
       return p;
-    }), r((d) => {
-      const { [h]: g, ...p } = d;
+    }), r((u) => {
+      const { [h]: g, ...p } = u;
       return p;
     });
-  }, []), u = ue(
+  }, []), d = ue(
     (h) => {
-      r((d) => {
-        const g = d[h] ?? -1, p = Math.max(0, g - 1);
-        return p !== g ? { ...d, [h]: p } : d;
+      r((u) => {
+        const g = u[h] ?? -1, p = Math.max(0, g - 1);
+        return p !== g ? { ...u, [h]: p } : u;
       });
     },
     [
@@ -499,9 +557,9 @@ const Wt = (e) => {
     ]
   ), y = ue(
     (h) => {
-      r((d) => {
-        const g = e[h]?.length || 0, p = d[h] ?? -1, w = Math.min(g - 1, p + 1);
-        return w !== p ? { ...d, [h]: w } : d;
+      r((u) => {
+        const g = e[h]?.length || 0, p = u[h] ?? -1, w = Math.min(g - 1, p + 1);
+        return w !== p ? { ...u, [h]: w } : u;
       });
     },
     [
@@ -514,10 +572,10 @@ const Wt = (e) => {
     resetAllHistory: () => n({}),
     addUndoEntry: o,
     removeUndoHistoryForDashboard: s,
-    undo: u,
+    undo: d,
     redo: y,
     getUndoStatus: (h) => {
-      const d = t[h] ?? -1, g = e[h]?.length || 0, p = d <= 0, w = d >= g - 1;
+      const u = t[h] ?? -1, g = e[h]?.length || 0, p = u <= 0, w = u >= g - 1;
       return { isUndoDisabled: p, isRedoDisabled: w };
     },
     undoHistory: e,
@@ -546,15 +604,15 @@ function K({
     }
   );
 }
-function $n({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-circle-plus-icon lucide-circle-plus ${e}`, children: [
+function Rn({ className: e }) {
+  return /* @__PURE__ */ W(K, { className: `lucide lucide-circle-plus-icon lucide-circle-plus ${e}`, children: [
     /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ a("path", { d: "M8 12h8" }),
     /* @__PURE__ */ a("path", { d: "M12 8v8" })
   ] });
 }
-function In({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-trash2-icon lucide-trash-2 ${e}`, children: [
+function jn({ className: e }) {
+  return /* @__PURE__ */ W(K, { className: `lucide lucide-trash2-icon lucide-trash-2 ${e}`, children: [
     /* @__PURE__ */ a("path", { d: "M10 11v6" }),
     /* @__PURE__ */ a("path", { d: "M14 11v6" }),
     /* @__PURE__ */ a("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
@@ -562,14 +620,14 @@ function In({ className: e }) {
     /* @__PURE__ */ a("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
   ] });
 }
-function Wn({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-square-pen-icon lucide-square-pen ${e}`, children: [
+function kn({ className: e }) {
+  return /* @__PURE__ */ W(K, { className: `lucide lucide-square-pen-icon lucide-square-pen ${e}`, children: [
     /* @__PURE__ */ a("path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
     /* @__PURE__ */ a("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 On({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-grid3x3-icon lucide-grid-3x3 ${e}`, children: [
+function An({ className: e }) {
+  return /* @__PURE__ */ W(K, { className: `lucide lucide-grid3x3-icon lucide-grid-3x3 ${e}`, children: [
     /* @__PURE__ */ a("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
     /* @__PURE__ */ a("path", { d: "M3 9h18" }),
     /* @__PURE__ */ a("path", { d: "M3 15h18" }),
@@ -577,15 +635,15 @@ function On({ className: e }) {
     /* @__PURE__ */ a("path", { d: "M15 3v18" })
   ] });
 }
-function Rn({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-monitor-icon lucide-monitor ${e}`, children: [
+function Ln({ className: e }) {
+  return /* @__PURE__ */ W(K, { className: `lucide lucide-monitor-icon lucide-monitor ${e}`, children: [
     /* @__PURE__ */ a("rect", { width: "20", height: "14", x: "2", y: "3", rx: "2" }),
     /* @__PURE__ */ a("line", { x1: "8", x2: "16", y1: "21", y2: "21" }),
     /* @__PURE__ */ a("line", { x1: "12", x2: "12", y1: "17", y2: "21" })
   ] });
 }
-function kn({ className: e }) {
-  return /* @__PURE__ */ I(
+function Fn({ className: e }) {
+  return /* @__PURE__ */ W(
     K,
     {
       className: `lucide lucide-monitor-smartphone-icon lucide-monitor-smartphone ${e}`,
@@ -599,7 +657,7 @@ function kn({ className: e }) {
   );
 }
 function dt({ className: e }) {
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ W(
     K,
     {
       className: `lucide lucide-circle-arrow-left-icon lucide-circle-arrow-left ${e}`,
@@ -612,7 +670,7 @@ function dt({ className: e }) {
   );
 }
 function ut({ className: e }) {
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ W(
     K,
     {
       className: `lucide lucide-circle-arrow-right-icon lucide-circle-arrow-right ${e}`,
@@ -624,14 +682,14 @@ function ut({ className: e }) {
     }
   );
 }
-function qt({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-settings-icon lucide-settings ${e}`, children: [
+function zt({ className: e }) {
+  return /* @__PURE__ */ W(K, { className: `lucide lucide-settings-icon lucide-settings ${e}`, children: [
     /* @__PURE__ */ a("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__ */ a("circle", { cx: "12", cy: "12", r: "3" })
   ] });
 }
-function jn({ className: e }) {
-  return /* @__PURE__ */ I(
+function Un({ className: e }) {
+  return /* @__PURE__ */ W(
     K,
     {
       className: `lucide lucide-tablet-smartphone-icon lucide-tablet-smartphone ${e}`,
@@ -644,57 +702,57 @@ function jn({ className: e }) {
   );
 }
 function ft({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-circle-x-icon lucide-circle-x ${e}`, children: [
+  return /* @__PURE__ */ W(K, { className: `lucide lucide-circle-x-icon lucide-circle-x ${e}`, children: [
     /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ a("path", { d: "m15 9-6 6" }),
     /* @__PURE__ */ a("path", { d: "m9 9 6 6" })
   ] });
 }
-function An({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-zoom-in-icon lucide-zoom-in ${e}`, children: [
+function Vn({ className: e }) {
+  return /* @__PURE__ */ W(K, { className: `lucide lucide-zoom-in-icon lucide-zoom-in ${e}`, children: [
     /* @__PURE__ */ a("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ a("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
     /* @__PURE__ */ a("line", { x1: "11", x2: "11", y1: "8", y2: "14" }),
     /* @__PURE__ */ a("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
   ] });
 }
-function Ln({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-zoom-out-icon lucide-zoom-out ${e}`, children: [
+function Yn({ className: e }) {
+  return /* @__PURE__ */ W(K, { className: `lucide lucide-zoom-out-icon lucide-zoom-out ${e}`, children: [
     /* @__PURE__ */ a("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ a("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
     /* @__PURE__ */ a("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
   ] });
 }
-function zt({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-timer-reset-icon lucide-timer-reset ${e}`, children: [
+function Bt({ className: e }) {
+  return /* @__PURE__ */ W(K, { className: `lucide lucide-timer-reset-icon lucide-timer-reset ${e}`, children: [
     /* @__PURE__ */ a("path", { d: "M10 2h4" }),
     /* @__PURE__ */ a("path", { d: "M12 14v-4" }),
     /* @__PURE__ */ a("path", { d: "M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6" }),
     /* @__PURE__ */ a("path", { d: "M9 17H4v5" })
   ] });
 }
-function Bt({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-undo-icon lucide-undo ${e}`, children: [
+function Kt({ className: e }) {
+  return /* @__PURE__ */ W(K, { className: `lucide lucide-undo-icon lucide-undo ${e}`, children: [
     /* @__PURE__ */ a("path", { d: "M3 7v6h6" }),
     /* @__PURE__ */ a("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })
   ] });
 }
-function Kt({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-redo-icon lucide-redo ${e}`, children: [
+function Ht({ className: e }) {
+  return /* @__PURE__ */ W(K, { className: `lucide lucide-redo-icon lucide-redo ${e}`, children: [
     /* @__PURE__ */ a("path", { d: "M21 7v6h-6" }),
     /* @__PURE__ */ a("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7" })
   ] });
 }
-function Ht({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-hand-icon lucide-hand ${e}`, children: [
+function Xt({ className: e }) {
+  return /* @__PURE__ */ W(K, { className: `lucide lucide-hand-icon lucide-hand ${e}`, children: [
     /* @__PURE__ */ a("path", { d: "M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2" }),
     /* @__PURE__ */ a("path", { d: "M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
     /* @__PURE__ */ a("path", { d: "M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8" }),
     /* @__PURE__ */ a("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 Xt({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-hand-grab-icon lucide-hand-grab ${e}`, children: [
+function Gt({ className: e }) {
+  return /* @__PURE__ */ W(K, { className: `lucide lucide-hand-grab-icon lucide-hand-grab ${e}`, children: [
     /* @__PURE__ */ a("path", { d: "M18 11.5V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v1.4" }),
     /* @__PURE__ */ a("path", { d: "M14 10V8a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
     /* @__PURE__ */ a("path", { d: "M10 9.9V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v5" }),
@@ -702,23 +760,23 @@ function Xt({ className: e }) {
     /* @__PURE__ */ a("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 Gt({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-crosshair-icon lucide-crosshair ${e}`, children: [
+function Zt({ className: e }) {
+  return /* @__PURE__ */ W(K, { className: `lucide lucide-crosshair-icon lucide-crosshair ${e}`, children: [
     /* @__PURE__ */ a("line", { x1: "22", x2: "18", y1: "12", y2: "12" }),
     /* @__PURE__ */ a("line", { x1: "6", x2: "2", y1: "12", y2: "12" }),
     /* @__PURE__ */ a("line", { x1: "12", x2: "12", y1: "6", y2: "2" }),
     /* @__PURE__ */ a("line", { x1: "12", x2: "12", y1: "22", y2: "18" })
   ] });
 }
-function Fn({ className: e }) {
-  return /* @__PURE__ */ I(K, { className: `lucide lucide-target-icon lucide-target ${e}`, children: [
+function qn({ className: e }) {
+  return /* @__PURE__ */ W(K, { className: `lucide lucide-target-icon lucide-target ${e}`, children: [
     /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "6" }),
     /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "2" })
   ] });
 }
-function Zt({ className: e }) {
-  return /* @__PURE__ */ I(
+function Jt({ className: e }) {
+  return /* @__PURE__ */ W(
     K,
     {
       className: `lucide lucide-file-question-mark-icon lucide-file-question-mark ${e}`,
@@ -740,7 +798,7 @@ const Z = (e, ...n) => [
   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;
-}, Un = {
+}, zn = {
   primary: re("text-primary", "color"),
   secondary: re("text-secondary", "color"),
   success: re("text-success", "color"),
@@ -750,7 +808,7 @@ const Z = (e, ...n) => [
   disabled: re("text-disabled", "color"),
   neutral: re("text-neutral", "color"),
   body: re("text-body", "color")
-}, Vn = {
+}, Bn = {
   getCssVariableValue: (e) => {
     const n = document.documentElement;
     return getComputedStyle(n).getPropertyValue(e).trim() || null;
@@ -776,14 +834,14 @@ const Z = (e, ...n) => [
   onKeyDown: o,
   placeholder: s = ""
 }) => {
-  const u = it(() => t === "small" ? "py-1.5 px-3 text-sm" : "py-2.5 px-4 text-base", [t]), y = Z("flex flex-col mb-4", n || ""), h = `${Z(`
+  const d = at(() => t === "small" ? "py-1.5 px-3 text-sm" : "py-2.5 px-4 text-base", [t]), y = Z("flex flex-col mb-4", n || ""), h = `${Z(`
     block w-full rounded-md px-3 py-1.5 text-base 
     bg-formfield content-formfield
     outline-1 -outline-offset-1 outline-primary 
     placeholder:text-disabled 
     focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-200 sm:text-sm/6
-  `)} ${u}`;
-  return /* @__PURE__ */ I("div", { className: y, children: [
+  `)} ${d}`;
+  return /* @__PURE__ */ W("div", { className: y, children: [
     /* @__PURE__ */ a("label", { htmlFor: e, className: "block text-sm/6 font-medium mb-1.5", children: e }),
     /* @__PURE__ */ a(
       "input",
@@ -792,14 +850,14 @@ const Z = (e, ...n) => [
         type: "text",
         value: r,
         onChange: i,
-        onKeyDown: (d) => o && o(d),
+        onKeyDown: (u) => o && o(u),
         placeholder: s,
         className: h,
         "aria-label": e
       }
     )
   ] });
-}, Se = /* @__PURE__ */ new Map([
+}, Ce = /* @__PURE__ */ new Map([
   [
     "normal",
     "group bg-[category] content-[category] hover:bg-[category] group-hover:bg-[category] focus:outline-[category] focus:outline-offset-[category]"
@@ -817,20 +875,20 @@ function J(e) {
     className: i,
     buttonType: o,
     category: s,
-    px: u,
+    px: d,
     py: y,
     children: m,
     ...h
-  } = e, d = () => {
-    const p = e.isIconButton || !1, w = e.category || "primary", b = e.buttonType || "normal", v = e.disabled || !1, S = e.className || "", T = e.font || "semibold", C = Number((e.border || 0) > 0 ? e.border : 0);
+  } = e, u = () => {
+    const p = e.isIconButton || !1, w = e.category || "primary", v = e.buttonType || "normal", b = e.disabled || !1, C = e.className || "", T = e.font || "semibold", S = Number((e.border || 0) > 0 ? e.border : 0);
     let D = (e.borderColor || "").trim();
     D = D.length > 0 ? D : "";
     const c = Number((e.borderHover || 0) > 0 ? e.borderHover : 0), N = e.shadow || "sm", l = e.shadowHover || "md", f = (e.addCss || "").trim(), P = e.justifyCss || "justify-center";
     if (p)
       return Z(
         "flex flex-row items-center",
-        v ? "text-disabled" : `text-${w} hover:brightness-110 cursor-pointer`,
-        S || ""
+        b ? "text-disabled" : `text-${w} hover:brightness-110 cursor-pointer`,
+        C || ""
       );
     const $ = [
       "relative cursor-pointer",
@@ -839,39 +897,39 @@ function J(e) {
       "text-sm",
       `font-${T}`
     ];
-    if (v)
-      b === "ghost" ? $.push("text-disabled border-disabled cursor-not-allowed") : $.push("bg-disabled content-disabled border-disabled cursor-not-allowed");
+    if (b)
+      v === "ghost" ? $.push("text-disabled border-disabled cursor-not-allowed") : $.push("bg-disabled content-disabled border-disabled cursor-not-allowed");
     else {
       $.push("cursor-pointer");
       let O = "";
-      Se.has(b) ? O = `${Se.get(b)}` : O = `${Se.get("normal")}`, C < 1 && (O = O.replace("border-[category]", ""));
+      Ce.has(v) ? O = `${Ce.get(v)}` : O = `${Ce.get("normal")}`, S < 1 && (O = O.replace("border-[category]", ""));
       const E = O.replace(/\[category\]/g, w).trim();
       $.push(E);
     }
-    return C > 0 ? ($.push(`border-[${C}px]`), $.push(`border-${D}`)) : ($.push("border-[1px]"), $.push("border-transparent")), c > 0 ? ($.push(`hover:border-[${c}px] group-hover:border-[${c}px]`), $.push(`hover:border-${D} group-hover:border-${D}`)) : $.push("hover:border-[1px] group-hover:border-[1px]"), $.push(`shadow-${N}`), $.push(`hover:shadow-${l} group-hover:shadow-${l}`), f.length > 0 && $.push(f), f.indexOf("hidden") === -1 && $.push("inline-flex"), $.push(P), $.join(" ").trim();
+    return S > 0 ? ($.push(`border-[${S}px]`), $.push(`border-${D}`)) : ($.push("border-[1px]"), $.push("border-transparent")), c > 0 ? ($.push(`hover:border-[${c}px] group-hover:border-[${c}px]`), $.push(`hover:border-${D} group-hover:border-${D}`)) : $.push("hover:border-[1px] group-hover:border-[1px]"), $.push(`shadow-${N}`), $.push(`hover:shadow-${l} group-hover:shadow-${l}`), f.length > 0 && $.push(f), f.indexOf("hidden") === -1 && $.push("inline-flex"), $.push(P), $.join(" ").trim();
   }, g = () => {
     const p = e.px || 0.7, w = e.py || 0.25;
     return {
       padding: r ? 0 : `${w}rem ${p}rem `
     };
   };
-  return /* @__PURE__ */ a("button", { type: "button", disabled: t, className: d(), style: g(), ...h, children: m });
+  return /* @__PURE__ */ a("button", { type: "button", disabled: t, className: u(), style: g(), ...h, children: m });
 }
-const Jt = (e) => e.direction === "row" ? Z("flex flex-row items-center gap-2", e.classNames || "") : Z("flex flex-col gap-2 w-full", e.classNames || "");
-function Qt(e) {
-  const { children: n, testId: t, classNames: r, direction: i, ...o } = e, s = Jt(e);
+const Qt = (e) => e.direction === "row" ? Z("flex flex-row items-center gap-2", e.classNames || "") : Z("flex flex-col gap-2 w-full", e.classNames || "");
+function en(e) {
+  const { children: n, testId: t, classNames: r, direction: i, ...o } = e, s = Qt(e);
   return /* @__PURE__ */ a("div", { "data-testid": t || "not-set", className: s, ...o, children: n });
 }
-const Yn = le(
+const Kn = le(
   (e, n) => {
     const { classNames: t, innerClass: r, ...i } = e, o = Z(t || "", "w-full"), s = Z(
       `w-full flex overflow-hidden justify-between items-center gap-0 
       rounded-md border`,
       r || ""
     );
-    return /* @__PURE__ */ a(Qt, { direction: "row", classNames: o, ...i, children: /* @__PURE__ */ a("div", { className: s, children: e.children }) });
+    return /* @__PURE__ */ a(en, { direction: "row", classNames: o, ...i, children: /* @__PURE__ */ a("div", { className: s, children: e.children }) });
   }
-), qn = le((e, n) => /* @__PURE__ */ a(
+), Hn = le((e, n) => /* @__PURE__ */ a(
   "div",
   {
     "data-testid": e.testId || "not-set",
@@ -882,7 +940,7 @@ const Yn = le(
     },
     children: e.children
   }
-)), zn = le(
+)), Xn = le(
   (e, n) => /* @__PURE__ */ a(
     "div",
     {
@@ -891,7 +949,7 @@ const Yn = le(
       children: e.children
     }
   )
-), Bn = le((e, n) => /* @__PURE__ */ a(
+), Gn = le((e, n) => /* @__PURE__ */ a(
   "div",
   {
     "data-testid": e.testId || "not-set",
@@ -903,16 +961,16 @@ const Yn = le(
     children: e.children
   }
 ));
-function en(e) {
+function tn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var fe = { exports: {} }, Ce = {}, me = { exports: {} }, pe = { exports: {} }, V = {};
-var Fe;
-function tn() {
-  if (Fe) return V;
-  Fe = 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, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, u = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, y = 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, d = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, g = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, w = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, b = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, v = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, S = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, T = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-  function C(c) {
+var fe = { exports: {} }, Se = {}, me = { exports: {} }, pe = { exports: {} }, V = {};
+var Ue;
+function nn() {
+  if (Ue) return V;
+  Ue = 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, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, d = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, y = 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, g = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, w = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, v = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, b = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, C = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, T = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  function S(c) {
     if (typeof c == "object" && c !== null) {
       var N = c.$$typeof;
       switch (N) {
@@ -923,11 +981,11 @@ function tn() {
             case r:
             case o:
             case i:
-            case d:
+            case u:
               return c;
             default:
               switch (c = c && c.$$typeof, c) {
-                case u:
+                case d:
                 case h:
                 case w:
                 case p:
@@ -943,44 +1001,44 @@ function tn() {
     }
   }
   function D(c) {
-    return C(c) === m;
+    return S(c) === m;
   }
-  return V.AsyncMode = y, V.ConcurrentMode = m, V.ContextConsumer = u, V.ContextProvider = s, V.Element = n, V.ForwardRef = h, V.Fragment = r, V.Lazy = w, V.Memo = p, V.Portal = t, V.Profiler = o, V.StrictMode = i, V.Suspense = d, V.isAsyncMode = function(c) {
-    return D(c) || C(c) === y;
+  return V.AsyncMode = y, V.ConcurrentMode = m, V.ContextConsumer = d, V.ContextProvider = s, V.Element = n, V.ForwardRef = h, V.Fragment = r, V.Lazy = w, V.Memo = p, V.Portal = t, V.Profiler = o, V.StrictMode = i, V.Suspense = u, V.isAsyncMode = function(c) {
+    return D(c) || S(c) === y;
   }, V.isConcurrentMode = D, V.isContextConsumer = function(c) {
-    return C(c) === u;
+    return S(c) === d;
   }, V.isContextProvider = function(c) {
-    return C(c) === s;
+    return S(c) === s;
   }, V.isElement = function(c) {
     return typeof c == "object" && c !== null && c.$$typeof === n;
   }, V.isForwardRef = function(c) {
-    return C(c) === h;
+    return S(c) === h;
   }, V.isFragment = function(c) {
-    return C(c) === r;
+    return S(c) === r;
   }, V.isLazy = function(c) {
-    return C(c) === w;
+    return S(c) === w;
   }, V.isMemo = function(c) {
-    return C(c) === p;
+    return S(c) === p;
   }, V.isPortal = function(c) {
-    return C(c) === t;
+    return S(c) === t;
   }, V.isProfiler = function(c) {
-    return C(c) === o;
+    return S(c) === o;
   }, V.isStrictMode = function(c) {
-    return C(c) === i;
+    return S(c) === i;
   }, V.isSuspense = function(c) {
-    return C(c) === d;
+    return S(c) === u;
   }, V.isValidElementType = function(c) {
-    return typeof c == "string" || typeof c == "function" || c === r || c === m || c === o || c === i || c === d || c === g || typeof c == "object" && c !== null && (c.$$typeof === w || c.$$typeof === p || c.$$typeof === s || c.$$typeof === u || c.$$typeof === h || c.$$typeof === v || c.$$typeof === S || c.$$typeof === T || c.$$typeof === b);
-  }, V.typeOf = C, V;
+    return typeof c == "string" || typeof c == "function" || c === r || c === m || c === o || c === i || c === u || c === g || typeof c == "object" && c !== null && (c.$$typeof === w || c.$$typeof === p || c.$$typeof === s || c.$$typeof === d || c.$$typeof === h || c.$$typeof === b || c.$$typeof === C || c.$$typeof === T || c.$$typeof === v);
+  }, V.typeOf = S, V;
 }
 var Y = {};
-var Ue;
-function nn() {
-  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, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, u = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, y = 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, d = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, g = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, w = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, b = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, v = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, S = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, T = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-    function C(_) {
+var Ve;
+function rn() {
+  return Ve || (Ve = 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, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, d = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, y = 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, g = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, w = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, v = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, b = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, C = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, T = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    function S(_) {
       return typeof _ == "string" || typeof _ == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      _ === r || _ === m || _ === o || _ === i || _ === d || _ === g || typeof _ == "object" && _ !== null && (_.$$typeof === w || _.$$typeof === p || _.$$typeof === s || _.$$typeof === u || _.$$typeof === h || _.$$typeof === v || _.$$typeof === S || _.$$typeof === T || _.$$typeof === b);
+      _ === r || _ === m || _ === o || _ === i || _ === u || _ === g || typeof _ == "object" && _ !== null && (_.$$typeof === w || _.$$typeof === p || _.$$typeof === s || _.$$typeof === d || _.$$typeof === h || _.$$typeof === b || _.$$typeof === C || _.$$typeof === T || _.$$typeof === v);
     }
     function D(_) {
       if (typeof _ == "object" && _ !== null) {
@@ -994,12 +1052,12 @@ function nn() {
               case r:
               case o:
               case i:
-              case d:
+              case u:
                 return ge;
               default:
                 var ke = ge && ge.$$typeof;
                 switch (ke) {
-                  case u:
+                  case d:
                   case h:
                   case w:
                   case p:
@@ -1014,7 +1072,7 @@ function nn() {
         }
       }
     }
-    var c = y, N = m, l = u, f = s, P = n, $ = h, O = r, E = w, z = p, X = t, Q = o, H = i, ee = d, ae = !1;
+    var c = y, N = m, l = d, f = s, P = n, $ = h, O = r, E = w, z = p, X = t, Q = o, H = i, ee = u, ae = !1;
     function de(_) {
       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.")), x(_) || D(_) === y;
     }
@@ -1022,15 +1080,15 @@ function nn() {
       return D(_) === m;
     }
     function M(_) {
-      return D(_) === u;
+      return D(_) === d;
     }
     function A(_) {
       return D(_) === s;
     }
-    function k(_) {
+    function j(_) {
       return typeof _ == "object" && _ !== null && _.$$typeof === n;
     }
-    function W(_) {
+    function I(_) {
       return D(_) === h;
     }
     function L(_) {
@@ -1039,7 +1097,7 @@ function nn() {
     function R(_) {
       return D(_) === w;
     }
-    function j(_) {
+    function k(_) {
       return D(_) === p;
     }
     function F(_) {
@@ -1052,19 +1110,19 @@ function nn() {
       return D(_) === i;
     }
     function G(_) {
-      return D(_) === d;
+      return D(_) === u;
     }
-    Y.AsyncMode = c, Y.ConcurrentMode = N, Y.ContextConsumer = l, Y.ContextProvider = f, Y.Element = P, Y.ForwardRef = $, Y.Fragment = O, Y.Lazy = E, Y.Memo = z, Y.Portal = X, Y.Profiler = Q, Y.StrictMode = H, Y.Suspense = ee, Y.isAsyncMode = de, Y.isConcurrentMode = x, Y.isContextConsumer = M, Y.isContextProvider = A, Y.isElement = k, Y.isForwardRef = W, Y.isFragment = L, Y.isLazy = R, Y.isMemo = j, Y.isPortal = F, Y.isProfiler = q, Y.isStrictMode = U, Y.isSuspense = G, Y.isValidElementType = C, Y.typeOf = D;
+    Y.AsyncMode = c, Y.ConcurrentMode = N, Y.ContextConsumer = l, Y.ContextProvider = f, Y.Element = P, Y.ForwardRef = $, Y.Fragment = O, Y.Lazy = E, Y.Memo = z, Y.Portal = X, Y.Profiler = Q, Y.StrictMode = H, Y.Suspense = ee, Y.isAsyncMode = de, Y.isConcurrentMode = x, Y.isContextConsumer = M, Y.isContextProvider = A, Y.isElement = j, Y.isForwardRef = I, Y.isFragment = L, Y.isLazy = R, Y.isMemo = k, Y.isPortal = F, Y.isProfiler = q, Y.isStrictMode = U, Y.isSuspense = G, Y.isValidElementType = S, Y.typeOf = D;
   })()), Y;
 }
-var Ve;
+var Ye;
 function mt() {
-  return Ve || (Ve = 1, process.env.NODE_ENV === "production" ? pe.exports = tn() : pe.exports = nn()), pe.exports;
+  return Ye || (Ye = 1, process.env.NODE_ENV === "production" ? pe.exports = nn() : pe.exports = rn()), pe.exports;
 }
-var De, Ye;
-function rn() {
-  if (Ye) return De;
-  Ye = 1;
+var De, qe;
+function on() {
+  if (qe) return De;
+  qe = 1;
   var e = Object.getOwnPropertySymbols, n = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
   function r(o) {
     if (o == null)
@@ -1078,8 +1136,8 @@ function rn() {
       var o = new String("abc");
       if (o[5] = "de", Object.getOwnPropertyNames(o)[0] === "5")
         return !1;
-      for (var s = {}, u = 0; u < 10; u++)
-        s["_" + String.fromCharCode(u)] = u;
+      for (var s = {}, d = 0; d < 10; d++)
+        s["_" + String.fromCharCode(d)] = d;
       var y = Object.getOwnPropertyNames(s).map(function(h) {
         return s[h];
       });
@@ -1094,38 +1152,38 @@ function rn() {
     }
   }
   return De = i() ? Object.assign : function(o, s) {
-    for (var u, y = r(o), m, h = 1; h < arguments.length; h++) {
-      u = Object(arguments[h]);
-      for (var d in u)
-        n.call(u, d) && (y[d] = u[d]);
+    for (var d, y = r(o), m, h = 1; h < arguments.length; h++) {
+      d = Object(arguments[h]);
+      for (var u in d)
+        n.call(d, u) && (y[u] = d[u]);
       if (e) {
-        m = e(u);
+        m = e(d);
         for (var g = 0; g < m.length; g++)
-          t.call(u, m[g]) && (y[m[g]] = u[m[g]]);
+          t.call(d, m[g]) && (y[m[g]] = d[m[g]]);
       }
     }
     return y;
   }, De;
 }
-var Te, qe;
-function We() {
-  if (qe) return Te;
-  qe = 1;
+var Te, ze;
+function Oe() {
+  if (ze) return Te;
+  ze = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return Te = e, Te;
 }
-var Ne, ze;
+var Ne, Be;
 function pt() {
-  return ze || (ze = 1, Ne = Function.call.bind(Object.prototype.hasOwnProperty)), Ne;
+  return Be || (Be = 1, Ne = Function.call.bind(Object.prototype.hasOwnProperty)), Ne;
 }
-var Ee, Be;
-function on() {
-  if (Be) return Ee;
-  Be = 1;
+var Ee, Ke;
+function an() {
+  if (Ke) return Ee;
+  Ke = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var n = /* @__PURE__ */ We(), t = {}, r = /* @__PURE__ */ pt();
+    var n = /* @__PURE__ */ Oe(), t = {}, r = /* @__PURE__ */ pt();
     e = function(o) {
       var s = "Warning: " + o;
       typeof console < "u" && console.error(s);
@@ -1135,29 +1193,29 @@ function on() {
       }
     };
   }
-  function i(o, s, u, y, m) {
+  function i(o, s, d, y, m) {
     if (process.env.NODE_ENV !== "production") {
       for (var h in o)
         if (r(o, h)) {
-          var d;
+          var u;
           try {
             if (typeof o[h] != "function") {
               var g = Error(
-                (y || "React class") + ": " + u + " 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`."
+                (y || "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`."
               );
               throw g.name = "Invariant Violation", g;
             }
-            d = o[h](s, h, y, u, null, n);
+            u = o[h](s, h, y, d, null, n);
           } catch (w) {
-            d = w;
+            u = w;
           }
-          if (d && !(d instanceof Error) && e(
-            (y || "React class") + ": type specification of " + u + " `" + h + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof d + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), d instanceof Error && !(d.message in t)) {
-            t[d.message] = !0;
+          if (u && !(u instanceof Error) && e(
+            (y || "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 p = m ? m() : "";
             e(
-              "Failed " + u + " type: " + d.message + (p ?? "")
+              "Failed " + d + " type: " + u.message + (p ?? "")
             );
           }
         }
@@ -1167,14 +1225,14 @@ function on() {
     process.env.NODE_ENV !== "production" && (t = {});
   }, Ee = i, Ee;
 }
-var _e, Ke;
-function an() {
-  if (Ke) return _e;
-  Ke = 1;
-  var e = mt(), n = rn(), t = /* @__PURE__ */ We(), r = /* @__PURE__ */ pt(), i = /* @__PURE__ */ on(), o = function() {
+var _e, He;
+function sn() {
+  if (He) return _e;
+  He = 1;
+  var e = mt(), n = on(), t = /* @__PURE__ */ Oe(), r = /* @__PURE__ */ pt(), i = /* @__PURE__ */ an(), o = function() {
   };
-  process.env.NODE_ENV !== "production" && (o = function(u) {
-    var y = "Warning: " + u;
+  process.env.NODE_ENV !== "production" && (o = function(d) {
+    var y = "Warning: " + d;
     typeof console < "u" && console.error(y);
     try {
       throw new Error(y);
@@ -1184,24 +1242,24 @@ function an() {
   function s() {
     return null;
   }
-  return _e = function(u, y) {
+  return _e = function(d, y) {
     var m = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
-    function d(x) {
+    function u(x) {
       var M = x && (m && x[m] || x[h]);
       if (typeof M == "function")
         return M;
     }
     var g = "<<anonymous>>", p = {
-      array: S("array"),
-      bigint: S("bigint"),
-      bool: S("boolean"),
-      func: S("function"),
-      number: S("number"),
-      object: S("object"),
-      string: S("string"),
-      symbol: S("symbol"),
+      array: C("array"),
+      bigint: C("bigint"),
+      bool: C("boolean"),
+      func: C("function"),
+      number: C("number"),
+      object: C("object"),
+      string: C("string"),
+      symbol: C("symbol"),
       any: T(),
-      arrayOf: C,
+      arrayOf: S,
       element: D(),
       elementType: c(),
       instanceOf: N,
@@ -1215,133 +1273,133 @@ function an() {
     function w(x, M) {
       return x === M ? x !== 0 || 1 / x === 1 / M : x !== x && M !== M;
     }
-    function b(x, M) {
+    function v(x, M) {
       this.message = x, this.data = M && typeof M == "object" ? M : {}, this.stack = "";
     }
-    b.prototype = Error.prototype;
-    function v(x) {
+    v.prototype = Error.prototype;
+    function b(x) {
       if (process.env.NODE_ENV !== "production")
         var M = {}, A = 0;
-      function k(L, R, j, F, q, U, G) {
-        if (F = F || g, U = U || j, G !== t) {
+      function j(L, R, k, F, q, U, G) {
+        if (F = F || g, U = U || k, G !== t) {
           if (y) {
             var _ = 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", _;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var te = F + ":" + j;
+            var te = F + ":" + k;
             !M[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 `" + U + "` prop on `" + F + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
             ), M[te] = !0, A++);
           }
         }
-        return R[j] == null ? L ? R[j] === null ? new b("The " + q + " `" + U + "` is marked as required " + ("in `" + F + "`, but its value is `null`.")) : new b("The " + q + " `" + U + "` is marked as required in " + ("`" + F + "`, but its value is `undefined`.")) : null : x(R, j, F, q, U);
+        return R[k] == null ? L ? R[k] === null ? new v("The " + q + " `" + U + "` is marked as required " + ("in `" + F + "`, but its value is `null`.")) : new v("The " + q + " `" + U + "` is marked as required in " + ("`" + F + "`, but its value is `undefined`.")) : null : x(R, k, F, q, U);
       }
-      var W = k.bind(null, !1);
-      return W.isRequired = k.bind(null, !0), W;
+      var I = j.bind(null, !1);
+      return I.isRequired = j.bind(null, !0), I;
     }
-    function S(x) {
-      function M(A, k, W, L, R, j) {
-        var F = A[k], q = H(F);
+    function C(x) {
+      function M(A, j, I, L, R, k) {
+        var F = A[j], q = H(F);
         if (q !== x) {
           var U = ee(F);
-          return new b(
-            "Invalid " + L + " `" + R + "` of type " + ("`" + U + "` supplied to `" + W + "`, expected ") + ("`" + x + "`."),
+          return new v(
+            "Invalid " + L + " `" + R + "` of type " + ("`" + U + "` supplied to `" + I + "`, expected ") + ("`" + x + "`."),
             { expectedType: x }
           );
         }
         return null;
       }
-      return v(M);
+      return b(M);
     }
     function T() {
-      return v(s);
+      return b(s);
     }
-    function C(x) {
-      function M(A, k, W, L, R) {
+    function S(x) {
+      function M(A, j, I, L, R) {
         if (typeof x != "function")
-          return new b("Property `" + R + "` of component `" + W + "` has invalid PropType notation inside arrayOf.");
-        var j = A[k];
-        if (!Array.isArray(j)) {
-          var F = H(j);
-          return new b("Invalid " + L + " `" + R + "` of type " + ("`" + F + "` supplied to `" + W + "`, expected an array."));
+          return new v("Property `" + R + "` of component `" + I + "` has invalid PropType notation inside arrayOf.");
+        var k = A[j];
+        if (!Array.isArray(k)) {
+          var F = H(k);
+          return new v("Invalid " + L + " `" + R + "` of type " + ("`" + F + "` supplied to `" + I + "`, expected an array."));
         }
-        for (var q = 0; q < j.length; q++) {
-          var U = x(j, q, W, L, R + "[" + q + "]", t);
+        for (var q = 0; q < k.length; q++) {
+          var U = x(k, q, I, L, R + "[" + q + "]", t);
           if (U instanceof Error)
             return U;
         }
         return null;
       }
-      return v(M);
+      return b(M);
     }
     function D() {
-      function x(M, A, k, W, L) {
+      function x(M, A, j, I, L) {
         var R = M[A];
-        if (!u(R)) {
-          var j = H(R);
-          return new b("Invalid " + W + " `" + L + "` of type " + ("`" + j + "` supplied to `" + k + "`, expected a single ReactElement."));
+        if (!d(R)) {
+          var k = H(R);
+          return new v("Invalid " + I + " `" + L + "` of type " + ("`" + k + "` supplied to `" + j + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return v(x);
+      return b(x);
     }
     function c() {
-      function x(M, A, k, W, L) {
+      function x(M, A, j, I, L) {
         var R = M[A];
         if (!e.isValidElementType(R)) {
-          var j = H(R);
-          return new b("Invalid " + W + " `" + L + "` of type " + ("`" + j + "` supplied to `" + k + "`, expected a single ReactElement type."));
+          var k = H(R);
+          return new v("Invalid " + I + " `" + L + "` of type " + ("`" + k + "` supplied to `" + j + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return v(x);
+      return b(x);
     }
     function N(x) {
-      function M(A, k, W, L, R) {
-        if (!(A[k] instanceof x)) {
-          var j = x.name || g, F = de(A[k]);
-          return new b("Invalid " + L + " `" + R + "` of type " + ("`" + F + "` supplied to `" + W + "`, expected ") + ("instance of `" + j + "`."));
+      function M(A, j, I, L, R) {
+        if (!(A[j] instanceof x)) {
+          var k = x.name || g, F = de(A[j]);
+          return new v("Invalid " + L + " `" + R + "` of type " + ("`" + F + "` supplied to `" + I + "`, expected ") + ("instance of `" + k + "`."));
         }
         return null;
       }
-      return v(M);
+      return b(M);
     }
     function l(x) {
       if (!Array.isArray(x))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : o("Invalid argument supplied to oneOf, expected an array.")), s;
-      function M(A, k, W, L, R) {
-        for (var j = A[k], F = 0; F < x.length; F++)
-          if (w(j, x[F]))
+      function M(A, j, I, L, R) {
+        for (var k = A[j], F = 0; F < x.length; F++)
+          if (w(k, x[F]))
             return null;
         var q = JSON.stringify(x, function(G, _) {
           var te = ee(_);
           return te === "symbol" ? String(_) : _;
         });
-        return new b("Invalid " + L + " `" + R + "` of value `" + String(j) + "` " + ("supplied to `" + W + "`, expected one of " + q + "."));
+        return new v("Invalid " + L + " `" + R + "` of value `" + String(k) + "` " + ("supplied to `" + I + "`, expected one of " + q + "."));
       }
-      return v(M);
+      return b(M);
     }
     function f(x) {
-      function M(A, k, W, L, R) {
+      function M(A, j, I, L, R) {
         if (typeof x != "function")
-          return new b("Property `" + R + "` of component `" + W + "` has invalid PropType notation inside objectOf.");
-        var j = A[k], F = H(j);
+          return new v("Property `" + R + "` of component `" + I + "` has invalid PropType notation inside objectOf.");
+        var k = A[j], F = H(k);
         if (F !== "object")
-          return new b("Invalid " + L + " `" + R + "` of type " + ("`" + F + "` supplied to `" + W + "`, expected an object."));
-        for (var q in j)
-          if (r(j, q)) {
-            var U = x(j, q, W, L, R + "." + q, t);
+          return new v("Invalid " + L + " `" + R + "` of type " + ("`" + F + "` supplied to `" + I + "`, expected an object."));
+        for (var q in k)
+          if (r(k, q)) {
+            var U = x(k, q, I, L, R + "." + q, t);
             if (U instanceof Error)
               return U;
           }
         return null;
       }
-      return v(M);
+      return b(M);
     }
     function P(x) {
       if (!Array.isArray(x))
@@ -1353,68 +1411,68 @@ function an() {
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ae(A) + " at index " + M + "."
           ), s;
       }
-      function k(W, L, R, j, F) {
+      function j(I, L, R, k, F) {
         for (var q = [], U = 0; U < x.length; U++) {
-          var G = x[U], _ = G(W, L, R, j, F, t);
+          var G = x[U], _ = G(I, L, R, k, F, t);
           if (_ == null)
             return null;
           _.data && r(_.data, "expectedType") && q.push(_.data.expectedType);
         }
         var te = q.length > 0 ? ", expected one of type [" + q.join(", ") + "]" : "";
-        return new b("Invalid " + j + " `" + F + "` supplied to " + ("`" + R + "`" + te + "."));
+        return new v("Invalid " + k + " `" + F + "` supplied to " + ("`" + R + "`" + te + "."));
       }
-      return v(k);
+      return b(j);
     }
     function $() {
-      function x(M, A, k, W, L) {
-        return X(M[A]) ? null : new b("Invalid " + W + " `" + L + "` supplied to " + ("`" + k + "`, expected a ReactNode."));
+      function x(M, A, j, I, L) {
+        return X(M[A]) ? null : new v("Invalid " + I + " `" + L + "` supplied to " + ("`" + j + "`, expected a ReactNode."));
       }
-      return v(x);
+      return b(x);
     }
-    function O(x, M, A, k, W) {
-      return new b(
-        (x || "React class") + ": " + M + " type `" + A + "." + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + W + "`."
+    function O(x, M, A, j, I) {
+      return new v(
+        (x || "React class") + ": " + M + " type `" + A + "." + j + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + I + "`."
       );
     }
     function E(x) {
-      function M(A, k, W, L, R) {
-        var j = A[k], F = H(j);
+      function M(A, j, I, L, R) {
+        var k = A[j], F = H(k);
         if (F !== "object")
-          return new b("Invalid " + L + " `" + R + "` of type `" + F + "` " + ("supplied to `" + W + "`, expected `object`."));
+          return new v("Invalid " + L + " `" + R + "` of type `" + F + "` " + ("supplied to `" + I + "`, expected `object`."));
         for (var q in x) {
           var U = x[q];
           if (typeof U != "function")
-            return O(W, L, R, q, ee(U));
-          var G = U(j, q, W, L, R + "." + q, t);
+            return O(I, L, R, q, ee(U));
+          var G = U(k, q, I, L, R + "." + q, t);
           if (G)
             return G;
         }
         return null;
       }
-      return v(M);
+      return b(M);
     }
     function z(x) {
-      function M(A, k, W, L, R) {
-        var j = A[k], F = H(j);
+      function M(A, j, I, L, R) {
+        var k = A[j], F = H(k);
         if (F !== "object")
-          return new b("Invalid " + L + " `" + R + "` of type `" + F + "` " + ("supplied to `" + W + "`, expected `object`."));
-        var q = n({}, A[k], x);
+          return new v("Invalid " + L + " `" + R + "` of type `" + F + "` " + ("supplied to `" + I + "`, expected `object`."));
+        var q = n({}, A[j], x);
         for (var U in q) {
           var G = x[U];
           if (r(x, U) && typeof G != "function")
-            return O(W, L, R, U, ee(G));
+            return O(I, L, R, U, ee(G));
           if (!G)
-            return new b(
-              "Invalid " + L + " `" + R + "` key `" + U + "` supplied to `" + W + "`.\nBad object: " + JSON.stringify(A[k], null, "  ") + `
+            return new v(
+              "Invalid " + L + " `" + R + "` key `" + U + "` supplied to `" + I + "`.\nBad object: " + JSON.stringify(A[j], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
             );
-          var _ = G(j, U, W, L, R + "." + U, t);
+          var _ = G(k, U, I, L, R + "." + U, t);
           if (_)
             return _;
         }
         return null;
       }
-      return v(M);
+      return b(M);
     }
     function X(x) {
       switch (typeof x) {
@@ -1427,19 +1485,19 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
         case "object":
           if (Array.isArray(x))
             return x.every(X);
-          if (x === null || u(x))
+          if (x === null || d(x))
             return !0;
-          var M = d(x);
+          var M = u(x);
           if (M) {
-            var A = M.call(x), k;
+            var A = M.call(x), j;
             if (M !== x.entries) {
-              for (; !(k = A.next()).done; )
-                if (!X(k.value))
+              for (; !(j = A.next()).done; )
+                if (!X(j.value))
                   return !1;
             } else
-              for (; !(k = A.next()).done; ) {
-                var W = k.value;
-                if (W && !X(W[1]))
+              for (; !(j = A.next()).done; ) {
+                var I = j.value;
+                if (I && !X(I[1]))
                   return !1;
               }
           } else
@@ -1488,18 +1546,18 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
     return p.checkPropTypes = i, p.resetWarningCache = i.resetWarningCache, p.PropTypes = p, p;
   }, _e;
 }
-var Me, He;
-function sn() {
-  if (He) return Me;
-  He = 1;
-  var e = /* @__PURE__ */ We();
+var Me, Xe;
+function ln() {
+  if (Xe) return Me;
+  Xe = 1;
+  var e = /* @__PURE__ */ Oe();
   function n() {
   }
   function t() {
   }
   return t.resetWarningCache = n, Me = function() {
-    function r(s, u, y, m, h, d) {
-      if (d !== e) {
+    function r(s, d, y, m, h, u) {
+      if (u !== e) {
         var g = 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"
         );
@@ -1536,20 +1594,20 @@ function sn() {
     return o.PropTypes = o, o;
   }, Me;
 }
-var Xe;
+var Ge;
 function yt() {
-  if (Xe) return me.exports;
-  if (Xe = 1, process.env.NODE_ENV !== "production") {
+  if (Ge) return me.exports;
+  if (Ge = 1, process.env.NODE_ENV !== "production") {
     var e = mt(), n = !0;
-    me.exports = /* @__PURE__ */ an()(e.isElement, n);
+    me.exports = /* @__PURE__ */ sn()(e.isElement, n);
   } else
-    me.exports = /* @__PURE__ */ sn()();
+    me.exports = /* @__PURE__ */ ln()();
   return me.exports;
 }
-var ye = { exports: {} }, Ge;
-function ln() {
-  if (Ge) return ye.exports;
-  Ge = 1;
+var ye = { exports: {} }, Ze;
+function cn() {
+  if (Ze) return ye.exports;
+  Ze = 1;
   function e(t) {
     var r, i, o = "";
     if (typeof t == "string" || typeof t == "number") o += t;
@@ -1565,15 +1623,15 @@ function ln() {
   }
   return ye.exports = n, ye.exports.clsx = n, ye.exports;
 }
-var B = {}, oe = {}, Ze;
+var B = {}, oe = {}, Je;
 function xe() {
-  if (Ze) return oe;
-  Ze = 1, Object.defineProperty(oe, "__esModule", {
+  if (Je) return oe;
+  Je = 1, Object.defineProperty(oe, "__esModule", {
     value: !0
   }), oe.dontSetMe = i, oe.findInArray = e, oe.int = r, oe.isFunction = n, oe.isNum = t;
   function e(o, s) {
-    for (let u = 0, y = o.length; u < y; u++)
-      if (s.apply(s, [o[u], u, o])) return o[u];
+    for (let d = 0, y = o.length; d < y; d++)
+      if (s.apply(s, [o[d], d, o])) return o[d];
   }
   function n(o) {
     return typeof o == "function" || Object.prototype.toString.call(o) === "[object Function]";
@@ -1584,16 +1642,16 @@ function xe() {
   function r(o) {
     return parseInt(o, 10);
   }
-  function i(o, s, u) {
+  function i(o, s, d) {
     if (o[s])
-      return new Error(`Invalid prop ${s} passed to ${u} - do not set this, set it on the child.`);
+      return new Error(`Invalid prop ${s} passed to ${d} - do not set this, set it on the child.`);
   }
   return oe;
 }
-var ie = {}, Je;
-function cn() {
-  if (Je) return ie;
-  Je = 1, Object.defineProperty(ie, "__esModule", {
+var ie = {}, Qe;
+function dn() {
+  if (Qe) return ie;
+  Qe = 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"];
@@ -1602,8 +1660,8 @@ function cn() {
     if (typeof window > "u") return "";
     const s = window.document?.documentElement?.style;
     if (!s || o in s) return "";
-    for (let u = 0; u < e.length; u++)
-      if (t(o, e[u]) in s) return e[u];
+    for (let d = 0; d < e.length; d++)
+      if (t(o, e[d]) in s) return e[d];
     return "";
   }
   function t(o, s) {
@@ -1613,20 +1671,20 @@ function cn() {
     return s ? `-${s.toLowerCase()}-${o}` : o;
   }
   function i(o) {
-    let s = "", u = !0;
+    let s = "", d = !0;
     for (let y = 0; y < o.length; y++)
-      u ? (s += o[y].toUpperCase(), u = !1) : o[y] === "-" ? u = !0 : s += o[y];
+      d ? (s += o[y].toUpperCase(), d = !1) : o[y] === "-" ? d = !0 : s += o[y];
     return s;
   }
   return ie.default = n(), ie;
 }
-var Qe;
-function Oe() {
-  if (Qe) return B;
-  Qe = 1, Object.defineProperty(B, "__esModule", {
+var et;
+function Re() {
+  if (et) return B;
+  et = 1, Object.defineProperty(B, "__esModule", {
     value: !0
-  }), B.addClassName = c, B.addEvent = s, B.addUserSelectStyles = T, B.createCSSTransform = p, B.createSVGTransform = w, B.getTouch = v, B.getTouchIdentifier = S, B.getTranslation = b, B.innerHeight = h, B.innerWidth = d, B.matchesSelector = i, B.matchesSelectorAndParentsTo = o, B.offsetXYFromParent = g, B.outerHeight = y, B.outerWidth = m, B.removeClassName = N, B.removeEvent = u, B.scheduleRemoveUserSelectStyles = C;
-  var e = xe(), n = t(cn());
+  }), B.addClassName = c, B.addEvent = s, B.addUserSelectStyles = T, B.createCSSTransform = p, B.createSVGTransform = w, B.getTouch = b, B.getTouchIdentifier = C, B.getTranslation = v, B.innerHeight = h, B.innerWidth = u, B.matchesSelector = i, B.matchesSelectorAndParentsTo = o, B.offsetXYFromParent = g, B.outerHeight = y, B.outerWidth = m, B.removeClassName = N, B.removeEvent = d, B.scheduleRemoveUserSelectStyles = S;
+  var e = xe(), n = t(dn());
   function t(l, f) {
     if (typeof WeakMap == "function") var P = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakMap();
     return (t = function(O, E) {
@@ -1664,7 +1722,7 @@ function Oe() {
     };
     l.addEventListener ? l.addEventListener(f, P, O) : l.attachEvent ? l.attachEvent("on" + f, P) : l["on" + f] = P;
   }
-  function u(l, f, P, $) {
+  function d(l, f, P, $) {
     if (!l) return;
     const O = {
       capture: !0,
@@ -1687,7 +1745,7 @@ function Oe() {
     const P = l.ownerDocument.defaultView.getComputedStyle(l);
     return f -= (0, e.int)(P.paddingTop), f -= (0, e.int)(P.paddingBottom), f;
   }
-  function d(l) {
+  function u(l) {
     let f = l.clientWidth;
     const P = l.ownerDocument.defaultView.getComputedStyle(l);
     return f -= (0, e.int)(P.paddingLeft), f -= (0, e.int)(P.paddingRight), f;
@@ -1703,15 +1761,15 @@ function Oe() {
     };
   }
   function p(l, f) {
-    const P = b(l, f, "px");
+    const P = v(l, f, "px");
     return {
       [(0, n.browserPrefixToKey)("transform", n.default)]: P
     };
   }
   function w(l, f) {
-    return b(l, f, "");
+    return v(l, f, "");
   }
-  function b(l, f, P) {
+  function v(l, f, P) {
     let {
       x: $,
       y: O
@@ -1722,10 +1780,10 @@ function Oe() {
     }
     return E;
   }
-  function v(l, f) {
+  function b(l, f) {
     return l.targetTouches && (0, e.findInArray)(l.targetTouches, (P) => f === P.identifier) || l.changedTouches && (0, e.findInArray)(l.changedTouches, (P) => f === P.identifier);
   }
-  function S(l) {
+  function C(l) {
     if (l.targetTouches && l.targetTouches[0]) return l.targetTouches[0].identifier;
     if (l.changedTouches && l.changedTouches[0]) return l.changedTouches[0].identifier;
   }
@@ -1736,7 +1794,7 @@ function Oe() {
 `, f.innerHTML += `.react-draggable-transparent-selection *::selection {all: inherit;}
 `, l.getElementsByTagName("head")[0].appendChild(f)), l.body && c(l.body, "react-draggable-transparent-selection");
   }
-  function C(l) {
+  function S(l) {
     window.requestAnimationFrame ? window.requestAnimationFrame(() => {
       D(l);
     }) : D(l);
@@ -1761,57 +1819,57 @@ function Oe() {
   }
   return B;
 }
-var ne = {}, et;
-function bt() {
-  if (et) return ne;
-  et = 1, Object.defineProperty(ne, "__esModule", {
+var ne = {}, tt;
+function vt() {
+  if (tt) return ne;
+  tt = 1, Object.defineProperty(ne, "__esModule", {
     value: !0
-  }), ne.canDragX = i, ne.canDragY = o, ne.createCoreData = u, ne.createDraggableData = y, ne.getBoundPosition = t, ne.getControlPosition = s, ne.snapToGrid = r;
-  var e = xe(), n = Oe();
-  function t(d, g, p) {
-    if (!d.props.bounds) return [g, p];
+  }), ne.canDragX = i, ne.canDragY = o, ne.createCoreData = d, ne.createDraggableData = y, ne.getBoundPosition = t, ne.getControlPosition = s, ne.snapToGrid = r;
+  var e = xe(), n = Re();
+  function t(u, g, p) {
+    if (!u.props.bounds) return [g, p];
     let {
       bounds: w
-    } = d.props;
+    } = u.props;
     w = typeof w == "string" ? w : m(w);
-    const b = h(d);
+    const v = h(u);
     if (typeof w == "string") {
       const {
-        ownerDocument: v
-      } = b, S = v.defaultView;
+        ownerDocument: b
+      } = v, C = b.defaultView;
       let T;
-      if (w === "parent" ? T = b.parentNode : T = b.getRootNode().querySelector(w), !(T instanceof S.HTMLElement))
+      if (w === "parent" ? T = v.parentNode : T = v.getRootNode().querySelector(w), !(T instanceof C.HTMLElement))
         throw new Error('Bounds selector "' + w + '" could not find an element.');
-      const C = T, D = S.getComputedStyle(b), c = S.getComputedStyle(C);
+      const S = T, D = C.getComputedStyle(v), c = C.getComputedStyle(S);
       w = {
-        left: -b.offsetLeft + (0, e.int)(c.paddingLeft) + (0, e.int)(D.marginLeft),
-        top: -b.offsetTop + (0, e.int)(c.paddingTop) + (0, e.int)(D.marginTop),
-        right: (0, n.innerWidth)(C) - (0, n.outerWidth)(b) - b.offsetLeft + (0, e.int)(c.paddingRight) - (0, e.int)(D.marginRight),
-        bottom: (0, n.innerHeight)(C) - (0, n.outerHeight)(b) - b.offsetTop + (0, e.int)(c.paddingBottom) - (0, e.int)(D.marginBottom)
+        left: -v.offsetLeft + (0, e.int)(c.paddingLeft) + (0, e.int)(D.marginLeft),
+        top: -v.offsetTop + (0, e.int)(c.paddingTop) + (0, e.int)(D.marginTop),
+        right: (0, n.innerWidth)(S) - (0, n.outerWidth)(v) - v.offsetLeft + (0, e.int)(c.paddingRight) - (0, e.int)(D.marginRight),
+        bottom: (0, n.innerHeight)(S) - (0, n.outerHeight)(v) - v.offsetTop + (0, e.int)(c.paddingBottom) - (0, e.int)(D.marginBottom)
       };
     }
     return (0, e.isNum)(w.right) && (g = Math.min(g, w.right)), (0, e.isNum)(w.bottom) && (p = Math.min(p, w.bottom)), (0, e.isNum)(w.left) && (g = Math.max(g, w.left)), (0, e.isNum)(w.top) && (p = Math.max(p, w.top)), [g, p];
   }
-  function r(d, g, p) {
-    const w = Math.round(g / d[0]) * d[0], b = Math.round(p / d[1]) * d[1];
-    return [w, b];
+  function r(u, g, p) {
+    const w = Math.round(g / u[0]) * u[0], v = Math.round(p / u[1]) * u[1];
+    return [w, v];
   }
-  function i(d) {
-    return d.props.axis === "both" || d.props.axis === "x";
+  function i(u) {
+    return u.props.axis === "both" || u.props.axis === "x";
   }
-  function o(d) {
-    return d.props.axis === "both" || d.props.axis === "y";
+  function o(u) {
+    return u.props.axis === "both" || u.props.axis === "y";
   }
-  function s(d, g, p) {
-    const w = typeof g == "number" ? (0, n.getTouch)(d, g) : null;
+  function s(u, g, p) {
+    const w = typeof g == "number" ? (0, n.getTouch)(u, g) : null;
     if (typeof g == "number" && !w) return null;
-    const b = h(p), v = p.props.offsetParent || b.offsetParent || b.ownerDocument.body;
-    return (0, n.offsetXYFromParent)(w || d, v, p.props.scale);
+    const v = h(p), b = p.props.offsetParent || v.offsetParent || v.ownerDocument.body;
+    return (0, n.offsetXYFromParent)(w || u, b, p.props.scale);
   }
-  function u(d, g, p) {
-    const w = !(0, e.isNum)(d.lastX), b = h(d);
+  function d(u, g, p) {
+    const w = !(0, e.isNum)(u.lastX), v = h(u);
     return w ? {
-      node: b,
+      node: v,
       deltaX: 0,
       deltaY: 0,
       lastX: g,
@@ -1819,93 +1877,93 @@ function bt() {
       x: g,
       y: p
     } : {
-      node: b,
-      deltaX: g - d.lastX,
-      deltaY: p - d.lastY,
-      lastX: d.lastX,
-      lastY: d.lastY,
+      node: v,
+      deltaX: g - u.lastX,
+      deltaY: p - u.lastY,
+      lastX: u.lastX,
+      lastY: u.lastY,
       x: g,
       y: p
     };
   }
-  function y(d, g) {
-    const p = d.props.scale;
+  function y(u, g) {
+    const p = u.props.scale;
     return {
       node: g.node,
-      x: d.state.x + g.deltaX / p,
-      y: d.state.y + g.deltaY / p,
+      x: u.state.x + g.deltaX / p,
+      y: u.state.y + g.deltaY / p,
       deltaX: g.deltaX / p,
       deltaY: g.deltaY / p,
-      lastX: d.state.x,
-      lastY: d.state.y
+      lastX: u.state.x,
+      lastY: u.state.y
     };
   }
-  function m(d) {
+  function m(u) {
     return {
-      left: d.left,
-      top: d.top,
-      right: d.right,
-      bottom: d.bottom
+      left: u.left,
+      top: u.top,
+      right: u.right,
+      bottom: u.bottom
     };
   }
-  function h(d) {
-    const g = d.findDOMNode();
+  function h(u) {
+    const g = u.findDOMNode();
     if (!g)
       throw new Error("<DraggableCore>: Unmounted during event!");
     return g;
   }
   return ne;
 }
-var he = {}, be = {}, tt;
-function vt() {
-  if (tt) return be;
-  tt = 1, Object.defineProperty(be, "__esModule", {
+var he = {}, ve = {}, nt;
+function bt() {
+  if (nt) return ve;
+  nt = 1, Object.defineProperty(ve, "__esModule", {
     value: !0
-  }), be.default = e;
+  }), ve.default = e;
   function e() {
   }
-  return be;
+  return ve;
 }
-var nt;
-function dn() {
-  if (nt) return he;
-  nt = 1, Object.defineProperty(he, "__esModule", {
+var rt;
+function un() {
+  if (rt) return he;
+  rt = 1, Object.defineProperty(he, "__esModule", {
     value: !0
   }), he.default = void 0;
-  var e = y(se), n = u(/* @__PURE__ */ yt()), t = u(at), r = Oe(), i = bt(), o = xe(), s = u(vt());
-  function u(b) {
-    return b && b.__esModule ? b : { default: b };
-  }
-  function y(b, v) {
-    if (typeof WeakMap == "function") var S = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap();
-    return (y = function(C, D) {
-      if (!D && C && C.__esModule) return C;
-      var c, N, l = { __proto__: null, default: C };
-      if (C === null || typeof C != "object" && typeof C != "function") return l;
-      if (c = D ? T : S) {
-        if (c.has(C)) return c.get(C);
-        c.set(C, l);
+  var e = y(se), n = d(/* @__PURE__ */ yt()), t = d(st), r = Re(), i = vt(), o = xe(), s = d(bt());
+  function d(v) {
+    return v && v.__esModule ? v : { default: v };
+  }
+  function y(v, b) {
+    if (typeof WeakMap == "function") var C = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap();
+    return (y = function(S, D) {
+      if (!D && S && S.__esModule) return S;
+      var c, N, l = { __proto__: null, default: S };
+      if (S === null || typeof S != "object" && typeof S != "function") return l;
+      if (c = D ? T : C) {
+        if (c.has(S)) return c.get(S);
+        c.set(S, l);
       }
-      for (const f in C) f !== "default" && {}.hasOwnProperty.call(C, f) && ((N = (c = Object.defineProperty) && Object.getOwnPropertyDescriptor(C, f)) && (N.get || N.set) ? c(l, f, N) : l[f] = C[f]);
+      for (const f in S) f !== "default" && {}.hasOwnProperty.call(S, f) && ((N = (c = Object.defineProperty) && Object.getOwnPropertyDescriptor(S, f)) && (N.get || N.set) ? c(l, f, N) : l[f] = S[f]);
       return l;
-    })(b, v);
+    })(v, b);
   }
-  function m(b, v, S) {
-    return (v = h(v)) in b ? Object.defineProperty(b, v, { value: S, enumerable: !0, configurable: !0, writable: !0 }) : b[v] = S, b;
+  function m(v, b, C) {
+    return (b = h(b)) in v ? Object.defineProperty(v, b, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : v[b] = C, v;
   }
-  function h(b) {
-    var v = d(b, "string");
-    return typeof v == "symbol" ? v : v + "";
+  function h(v) {
+    var b = u(v, "string");
+    return typeof b == "symbol" ? b : b + "";
   }
-  function d(b, v) {
-    if (typeof b != "object" || !b) return b;
-    var S = b[Symbol.toPrimitive];
-    if (S !== void 0) {
-      var T = S.call(b, v);
+  function u(v, b) {
+    if (typeof v != "object" || !v) return v;
+    var C = v[Symbol.toPrimitive];
+    if (C !== void 0) {
+      var T = C.call(v, b);
       if (typeof T != "object") return T;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return (v === "string" ? String : Number)(b);
+    return (b === "string" ? String : Number)(v);
   }
   const g = {
     touch: {
@@ -1921,40 +1979,40 @@ function dn() {
   };
   let p = g.mouse, w = 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;
-        const S = this.findDOMNode();
-        if (!S || !S.ownerDocument || !S.ownerDocument.body)
+      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", (b) => {
+        if (this.props.onMouseDown(b), !this.props.allowAnyClick && typeof b.button == "number" && b.button !== 0) return !1;
+        const C = this.findDOMNode();
+        if (!C || !C.ownerDocument || !C.ownerDocument.body)
           throw new Error("<DraggableCore> not mounted on DragStart!");
         const {
           ownerDocument: T
-        } = S;
-        if (this.props.disabled || !(v.target instanceof T.defaultView.Node) || this.props.handle && !(0, r.matchesSelectorAndParentsTo)(v.target, this.props.handle, S) || this.props.cancel && (0, r.matchesSelectorAndParentsTo)(v.target, this.props.cancel, S))
+        } = C;
+        if (this.props.disabled || !(b.target instanceof T.defaultView.Node) || this.props.handle && !(0, r.matchesSelectorAndParentsTo)(b.target, this.props.handle, C) || this.props.cancel && (0, r.matchesSelectorAndParentsTo)(b.target, this.props.cancel, C))
           return;
-        v.type === "touchstart" && !this.props.allowMobileScroll && v.preventDefault();
-        const C = (0, r.getTouchIdentifier)(v);
-        this.touchIdentifier = C;
-        const D = (0, i.getControlPosition)(v, C, this);
+        b.type === "touchstart" && !this.props.allowMobileScroll && b.preventDefault();
+        const S = (0, r.getTouchIdentifier)(b);
+        this.touchIdentifier = S;
+        const D = (0, i.getControlPosition)(b, S, this);
         if (D == null) return;
         const {
           x: c,
           y: N
         } = D, l = (0, i.createCoreData)(this, c, N);
-        (0, s.default)("DraggableCore: handleDragStart: %j", l), (0, s.default)("calling", this.props.onStart), !(this.props.onStart(v, l) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, r.addUserSelectStyles)(T), this.dragging = !0, this.lastX = c, this.lastY = N, (0, r.addEvent)(T, p.move, this.handleDrag), (0, r.addEvent)(T, p.stop, this.handleDragStop));
-      }), m(this, "handleDrag", (v) => {
-        const S = (0, i.getControlPosition)(v, this.touchIdentifier, this);
-        if (S == null) return;
+        (0, s.default)("DraggableCore: handleDragStart: %j", l), (0, s.default)("calling", this.props.onStart), !(this.props.onStart(b, l) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, r.addUserSelectStyles)(T), this.dragging = !0, this.lastX = c, this.lastY = N, (0, r.addEvent)(T, p.move, this.handleDrag), (0, r.addEvent)(T, p.stop, this.handleDragStop));
+      }), m(this, "handleDrag", (b) => {
+        const C = (0, i.getControlPosition)(b, this.touchIdentifier, this);
+        if (C == null) return;
         let {
           x: T,
-          y: C
-        } = S;
+          y: S
+        } = C;
         if (Array.isArray(this.props.grid)) {
-          let N = T - this.lastX, l = C - this.lastY;
+          let N = T - this.lastX, l = S - this.lastY;
           if ([N, l] = (0, i.snapToGrid)(this.props.grid, N, l), !N && !l) return;
-          T = this.lastX + N, C = this.lastY + l;
+          T = this.lastX + N, S = this.lastY + l;
         }
-        const D = (0, i.createCoreData)(this, T, C);
-        if ((0, s.default)("DraggableCore: handleDrag: %j", D), this.props.onDrag(v, D) === !1 || this.mounted === !1) {
+        const D = (0, i.createCoreData)(this, T, S);
+        if ((0, s.default)("DraggableCore: handleDrag: %j", D), this.props.onDrag(b, D) === !1 || this.mounted === !1) {
           try {
             this.handleDragStop(new MouseEvent("mouseup"));
           } catch {
@@ -1963,42 +2021,42 @@ function dn() {
           }
           return;
         }
-        this.lastX = T, this.lastY = C;
-      }), m(this, "handleDragStop", (v) => {
+        this.lastX = T, this.lastY = S;
+      }), m(this, "handleDragStop", (b) => {
         if (!this.dragging) return;
-        const S = (0, i.getControlPosition)(v, this.touchIdentifier, this);
-        if (S == null) return;
+        const C = (0, i.getControlPosition)(b, this.touchIdentifier, this);
+        if (C == null) return;
         let {
           x: T,
-          y: C
-        } = S;
+          y: S
+        } = C;
         if (Array.isArray(this.props.grid)) {
-          let l = T - this.lastX || 0, f = C - this.lastY || 0;
-          [l, f] = (0, i.snapToGrid)(this.props.grid, l, f), T = this.lastX + l, C = this.lastY + f;
+          let l = T - this.lastX || 0, f = S - this.lastY || 0;
+          [l, f] = (0, i.snapToGrid)(this.props.grid, l, f), T = this.lastX + l, S = this.lastY + f;
         }
-        const D = (0, i.createCoreData)(this, T, C);
-        if (this.props.onStop(v, D) === !1 || this.mounted === !1) return !1;
+        const D = (0, i.createCoreData)(this, T, S);
+        if (this.props.onStop(b, D) === !1 || this.mounted === !1) return !1;
         const N = this.findDOMNode();
         N && this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(N.ownerDocument), (0, s.default)("DraggableCore: handleDragStop: %j", D), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, N && ((0, s.default)("DraggableCore: Removing handlers"), (0, r.removeEvent)(N.ownerDocument, p.move, this.handleDrag), (0, r.removeEvent)(N.ownerDocument, p.stop, this.handleDragStop));
-      }), m(this, "onMouseDown", (v) => (p = g.mouse, this.handleDragStart(v))), m(this, "onMouseUp", (v) => (p = g.mouse, this.handleDragStop(v))), m(this, "onTouchStart", (v) => (p = g.touch, this.handleDragStart(v))), m(this, "onTouchEnd", (v) => (p = g.touch, this.handleDragStop(v)));
+      }), m(this, "onMouseDown", (b) => (p = g.mouse, this.handleDragStart(b))), m(this, "onMouseUp", (b) => (p = g.mouse, this.handleDragStop(b))), m(this, "onTouchStart", (b) => (p = g.touch, this.handleDragStart(b))), m(this, "onTouchEnd", (b) => (p = g.touch, this.handleDragStop(b)));
     }
     componentDidMount() {
       this.mounted = !0;
-      const v = this.findDOMNode();
-      v && (0, r.addEvent)(v, g.touch.start, this.onTouchStart, {
+      const b = this.findDOMNode();
+      b && (0, r.addEvent)(b, g.touch.start, this.onTouchStart, {
         passive: !1
       });
     }
     componentWillUnmount() {
       this.mounted = !1;
-      const v = this.findDOMNode();
-      if (v) {
+      const b = this.findDOMNode();
+      if (b) {
         const {
-          ownerDocument: S
-        } = v;
-        (0, r.removeEvent)(S, g.mouse.move, this.handleDrag), (0, r.removeEvent)(S, g.touch.move, this.handleDrag), (0, r.removeEvent)(S, g.mouse.stop, this.handleDragStop), (0, r.removeEvent)(S, g.touch.stop, this.handleDragStop), (0, r.removeEvent)(v, g.touch.start, this.onTouchStart, {
+          ownerDocument: C
+        } = b;
+        (0, r.removeEvent)(C, g.mouse.move, this.handleDrag), (0, r.removeEvent)(C, g.touch.move, this.handleDrag), (0, r.removeEvent)(C, g.mouse.stop, this.handleDragStop), (0, r.removeEvent)(C, g.touch.stop, this.handleDragStop), (0, r.removeEvent)(b, g.touch.start, this.onTouchStart, {
           passive: !1
-        }), this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(S);
+        }), this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(C);
       }
     }
     // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
@@ -2051,8 +2109,8 @@ function dn() {
      * `offsetParent`, if set, uses the passed DOM node to compute drag offsets
      * instead of using the parent node.
      */
-    offsetParent: function(b, v) {
-      if (b[v] && b[v].nodeType !== 1)
+    offsetParent: function(v, b) {
+      if (v[b] && v[b].nodeType !== 1)
         throw new Error("Draggable's offsetParent must be a DOM Node.");
     },
     /**
@@ -2166,9 +2224,9 @@ function dn() {
     scale: 1
   }), he;
 }
-var rt;
-function un() {
-  return rt || (rt = 1, (function(e) {
+var ot;
+function fn() {
+  return ot || (ot = 1, (function(e) {
     Object.defineProperty(e, "__esModule", {
       value: !0
     }), Object.defineProperty(e, "DraggableCore", {
@@ -2177,59 +2235,59 @@ function un() {
         return y.default;
       }
     }), e.default = void 0;
-    var n = d(se), t = h(/* @__PURE__ */ yt()), r = h(at), i = ln(), o = Oe(), s = bt(), u = xe(), y = h(dn()), m = h(vt());
-    function h(S) {
-      return S && S.__esModule ? S : { default: S };
+    var n = u(se), t = h(/* @__PURE__ */ yt()), r = h(st), i = cn(), o = Re(), s = vt(), d = xe(), y = h(un()), m = h(bt());
+    function h(C) {
+      return C && C.__esModule ? C : { default: C };
     }
-    function d(S, T) {
-      if (typeof WeakMap == "function") var C = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakMap();
-      return (d = function(c, N) {
+    function u(C, T) {
+      if (typeof WeakMap == "function") var S = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakMap();
+      return (u = function(c, N) {
         if (!N && c && c.__esModule) return c;
         var l, f, P = { __proto__: null, default: c };
         if (c === null || typeof c != "object" && typeof c != "function") return P;
-        if (l = N ? D : C) {
+        if (l = N ? D : S) {
           if (l.has(c)) return l.get(c);
           l.set(c, P);
         }
         for (const $ in c) $ !== "default" && {}.hasOwnProperty.call(c, $) && ((f = (l = Object.defineProperty) && Object.getOwnPropertyDescriptor(c, $)) && (f.get || f.set) ? l(P, $, f) : P[$] = c[$]);
         return P;
-      })(S, T);
+      })(C, T);
     }
     function g() {
-      return g = Object.assign ? Object.assign.bind() : function(S) {
+      return g = Object.assign ? Object.assign.bind() : function(C) {
         for (var T = 1; T < arguments.length; T++) {
-          var C = arguments[T];
-          for (var D in C) ({}).hasOwnProperty.call(C, D) && (S[D] = C[D]);
+          var S = arguments[T];
+          for (var D in S) ({}).hasOwnProperty.call(S, D) && (C[D] = S[D]);
         }
-        return S;
+        return C;
       }, g.apply(null, arguments);
     }
-    function p(S, T, C) {
-      return (T = w(T)) in S ? Object.defineProperty(S, T, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : S[T] = C, S;
+    function p(C, T, S) {
+      return (T = w(T)) in C ? Object.defineProperty(C, T, { value: S, enumerable: !0, configurable: !0, writable: !0 }) : C[T] = S, C;
     }
-    function w(S) {
-      var T = b(S, "string");
+    function w(C) {
+      var T = v(C, "string");
       return typeof T == "symbol" ? T : T + "";
     }
-    function b(S, T) {
-      if (typeof S != "object" || !S) return S;
-      var C = S[Symbol.toPrimitive];
-      if (C !== void 0) {
-        var D = C.call(S, T);
+    function v(C, T) {
+      if (typeof C != "object" || !C) return C;
+      var S = C[Symbol.toPrimitive];
+      if (S !== void 0) {
+        var D = S.call(C, T);
         if (typeof D != "object") return D;
         throw new TypeError("@@toPrimitive must return a primitive value.");
       }
-      return (T === "string" ? String : Number)(S);
+      return (T === "string" ? String : Number)(C);
     }
-    class v extends n.Component {
+    class b extends n.Component {
       // React 16.3+
       // Arity (props, state)
-      static getDerivedStateFromProps(T, C) {
+      static getDerivedStateFromProps(T, S) {
         let {
           position: D
         } = T, {
           prevPropsPosition: c
-        } = C;
+        } = S;
         return D && (!c || D.x !== c.x || D.y !== c.y) ? ((0, m.default)("Draggable: getDerivedStateFromProps %j", {
           position: D,
           prevPropsPosition: c
@@ -2242,13 +2300,13 @@ function un() {
         }) : null;
       }
       constructor(T) {
-        super(T), p(this, "onDragStart", (C, D) => {
-          if ((0, m.default)("Draggable: onDragStart: %j", D), this.props.onStart(C, (0, s.createDraggableData)(this, D)) === !1) return !1;
+        super(T), p(this, "onDragStart", (S, D) => {
+          if ((0, m.default)("Draggable: onDragStart: %j", D), this.props.onStart(S, (0, s.createDraggableData)(this, D)) === !1) return !1;
           this.setState({
             dragging: !0,
             dragged: !0
           });
-        }), p(this, "onDrag", (C, D) => {
+        }), p(this, "onDrag", (S, D) => {
           if (!this.state.dragging) return !1;
           (0, m.default)("Draggable: onDrag: %j", D);
           const c = (0, s.createDraggableData)(this, D), N = {
@@ -2266,10 +2324,10 @@ function un() {
             const [$, O] = (0, s.getBoundPosition)(this, N.x, N.y);
             N.x = $, N.y = O, N.slackX = this.state.slackX + (f - N.x), N.slackY = this.state.slackY + (P - N.y), c.x = N.x, c.y = N.y, c.deltaX = N.x - this.state.x, c.deltaY = N.y - this.state.y;
           }
-          if (this.props.onDrag(C, c) === !1) return !1;
+          if (this.props.onDrag(S, c) === !1) return !1;
           this.setState(N);
-        }), p(this, "onDragStop", (C, D) => {
-          if (!this.state.dragging || this.props.onStop(C, (0, s.createDraggableData)(this, D)) === !1) return !1;
+        }), p(this, "onDragStop", (S, D) => {
+          if (!this.state.dragging || this.props.onStop(S, (0, s.createDraggableData)(this, D)) === !1) return !1;
           (0, m.default)("Draggable: onDragStop: %j", D);
           const N = {
             dragging: !1,
@@ -2320,7 +2378,7 @@ function un() {
       render() {
         const {
           axis: T,
-          bounds: C,
+          bounds: S,
           children: D,
           defaultPosition: c,
           defaultClassName: N,
@@ -2357,7 +2415,7 @@ function un() {
         }));
       }
     }
-    e.default = v, p(v, "displayName", "Draggable"), p(v, "propTypes", {
+    e.default = b, p(b, "displayName", "Draggable"), p(b, "propTypes", {
       // Accepts all props <DraggableCore> accepts.
       ...y.default.propTypes,
       /**
@@ -2461,10 +2519,10 @@ function un() {
       /**
        * These properties should be defined on the child, not here.
        */
-      className: u.dontSetMe,
-      style: u.dontSetMe,
-      transform: u.dontSetMe
-    }), p(v, "defaultProps", {
+      className: d.dontSetMe,
+      style: d.dontSetMe,
+      transform: d.dontSetMe
+    }), p(b, "defaultProps", {
       ...y.default.defaultProps,
       axis: "both",
       bounds: !1,
@@ -2477,20 +2535,20 @@ function un() {
       },
       scale: 1
     });
-  })(Ce)), Ce;
+  })(Se)), Se;
 }
-var ot;
-function fn() {
-  if (ot) return fe.exports;
-  ot = 1;
+var it;
+function hn() {
+  if (it) return fe.exports;
+  it = 1;
   const {
     default: e,
     DraggableCore: n
-  } = un();
+  } = fn();
   return fe.exports = e, fe.exports.default = e, fe.exports.DraggableCore = n, fe.exports;
 }
-var hn = fn();
-const gn = /* @__PURE__ */ en(hn), mn = le((e, n) => {
+var gn = hn();
+const mn = /* @__PURE__ */ tn(gn), pn = le((e, n) => {
   const r = {
     ...{
       // 1. Take it out of the document flow
@@ -2512,7 +2570,7 @@ const gn = /* @__PURE__ */ en(hn), mn = le((e, n) => {
   return (
     // 3. Pass the internal ref to the Draggable component via 'nodeRef'
     /* @__PURE__ */ a(
-      gn,
+      mn,
       {
         nodeRef: s,
         "data-testid": i,
@@ -2530,13 +2588,29 @@ const gn = /* @__PURE__ */ en(hn), mn = le((e, n) => {
       }
     )
   );
-}), Hn = (e) => {
+});
+function Jn({ children: e }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: "w-full h-full flex-1 flex flex-col gap-2 items-end justify-end content-end",
+      style: {
+        minHeight: "140px"
+      },
+      children: e
+    }
+  );
+}
+function Qn({ children: e }) {
+  return /* @__PURE__ */ a("div", { className: "w-full flex flex-col items-end", children: e });
+}
+const er = (e) => {
   console.warn("showToast TODO", e);
-}, pn = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, Xn = le((e, n) => {
-  let t = st(Number(e.zoomScale || 0));
+}, yn = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, tr = le((e, n) => {
+  let t = lt(Number(e.zoomScale || 0));
   const r = e.responsiveGrid || !1, i = e.isEditing || !1, o = {
     "--bwj-dashboard-transform-scale": t,
-    "--bwj-dashboard-add-cols": pn(t)
+    "--bwj-dashboard-add-cols": yn(t)
   }, s = Z(
     "dashboard-main-grid w-full",
     i ? "editing" : "",
@@ -2545,7 +2619,7 @@ const gn = /* @__PURE__ */ en(hn), mn = le((e, n) => {
     "border border-solid border-primary"
   );
   return /* @__PURE__ */ a("div", { className: s, style: o, children: e.children });
-}), Pe = "size-5", yn = (e, n) => {
+}), Pe = "size-5", vn = (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`);
@@ -2553,23 +2627,23 @@ const gn = /* @__PURE__ */ en(hn), mn = le((e, n) => {
     e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey, e.parentWidgetKey);
   }, s = (y) => {
     e.onMoveClick && e.widgetKey && e.onMoveClick(y, e.widgetKey, e.parentWidgetKey);
-  }, u = Z(
+  }, d = Z(
     "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__ */ I("div", { className: i, children: [
-    /* @__PURE__ */ I("div", { className: u, children: [
-      /* @__PURE__ */ I("div", { className: "widget-title-wrapper w-full flex flex-row gap-2 items-center justify-between", children: [
-        /* @__PURE__ */ I("h2", { className: "widget-title", children: [
+  return /* @__PURE__ */ 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: [
           e.title,
           " "
         ] }),
         /* @__PURE__ */ a("div", {})
       ] }),
-      /* @__PURE__ */ a("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ I("div", { className: "actions-inner", children: [
+      /* @__PURE__ */ a("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ W("div", { className: "actions-inner", children: [
         /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a("span", { className: "hidden", children: "Widget" }) }),
-        /* @__PURE__ */ I("div", { className: "actions-buttons-container", children: [
+        /* @__PURE__ */ W("div", { className: "actions-buttons-container", children: [
           /* @__PURE__ */ a(
             J,
             {
@@ -2616,14 +2690,14 @@ const gn = /* @__PURE__ */ en(hn), mn = le((e, n) => {
     ] }),
     /* @__PURE__ */ a("div", { className: "widget-inner", children: e.children })
   ] });
-}, bn = le(yn);
-function vn(e) {
-  return /* @__PURE__ */ a("div", { className: "dashboard-widget", children: /* @__PURE__ */ I("div", { className: "absolute inset-0 bg-black flex flex-col items-center justify-center text-center", children: [
+}, bn = le(vn);
+function xn(e) {
+  return /* @__PURE__ */ a("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__ */ a("div", { className: "w-full absolute opacity-100 text-primary", children: e.title }),
     /* @__PURE__ */ a("div", { className: "animate-ping rounded-full h-32 w-32 border-8 border-white" })
   ] }) });
 }
-function xn({
+function wn({
   index: e,
   maxIndex: n,
   widgetKey: t,
@@ -2631,19 +2705,19 @@ function xn({
   targetContainerKey: i,
   childWidgetsConfig: o,
   widgetCatalog: s,
-  isEditing: u,
+  isEditing: d,
   onRemoveClick: y,
   onMoveClick: m,
   selectContainer: h
 }) {
-  const d = `${t}`.split("_"), g = d.length > 1, p = g ? d[0] : t, w = s.get(p);
+  const u = `${t}`.split("_"), g = u.length > 1, p = g ? u[0] : t, w = s.get(p);
   if (!w)
-    return /* @__PURE__ */ a("div", { className: "flex", children: /* @__PURE__ */ I("p", { children: [
+    return /* @__PURE__ */ a("div", { className: "flex", children: /* @__PURE__ */ W("p", { children: [
       "Widget not found in catalog: ",
       p
     ] }) });
-  let b = null, v = !1;
-  if (w.component ? (b = w.component, v = !1) : w.loader && (v = !0, b = it(() => {
+  let v = null, b = !1;
+  if (w.component ? (v = w.component, b = !1) : w.loader && (b = !0, v = at(() => {
     if (!w) return null;
     if (w.component)
       return w.component;
@@ -2653,8 +2727,8 @@ function xn({
           return await w.loader();
         } catch (f) {
           return console.error(`CDN Load Failure for ${t}:`, f), {
-            default: () => /* @__PURE__ */ a(bn, { ...D, children: /* @__PURE__ */ I("div", { className: "p-4 border border-dashed border-danger", children: [
-              /* @__PURE__ */ I("p", { className: "font-bold", children: [
+            default: () => /* @__PURE__ */ a(bn, { ...D, children: /* @__PURE__ */ W("div", { className: "p-4 border border-dashed border-danger", children: [
+              /* @__PURE__ */ W("p", { className: "font-bold", children: [
                 'Failed to load "',
                 t,
                 '"'
@@ -2668,51 +2742,51 @@ function xn({
       return se.lazy(l);
     }
     return null;
-  }, [w, t])), !b)
-    return /* @__PURE__ */ a("div", { className: "flex", children: /* @__PURE__ */ I("p", { children: [
+  }, [w, t])), !v)
+    return /* @__PURE__ */ a("div", { className: "flex", children: /* @__PURE__ */ W("p", { children: [
       "Widget definition incomplete: ",
       p
     ] }) });
-  const S = !!w.isContainer, T = g ? ht(t) : "", C = S ? (o || []).filter((l) => l.parentWidgetKey === t) : [], D = {
+  const C = !!w.isContainer, T = g ? ht(t) : "", S = C ? (o || []).filter((l) => l.parentWidgetKey === t) : [], D = {
     index: e,
     maxIndex: n,
     widgetKey: t,
     parentWidgetKey: r,
-    isEditing: u,
+    isEditing: d,
     title: g ? T : w.title,
     onRemoveClick: y,
     onMoveClick: m
-  }, c = S ? {
+  }, c = C ? {
     highlight: i === t,
     selectContainer: h,
     // The children prop is the recursive call back to DynamicWidgetLoader
-    children: C.map((l, f) => /* @__PURE__ */ a(
-      xn,
+    children: S.map((l, f) => /* @__PURE__ */ a(
+      wn,
       {
         index: f,
-        maxIndex: C.length - 1,
+        maxIndex: S.length - 1,
         widgetKey: l.widgetKey,
         parentWidgetKey: l.parentWidgetKey,
         widgetCatalog: s,
-        isEditing: u,
+        isEditing: d,
         onRemoveClick: y,
         onMoveClick: m
       },
       `${l.widgetKey}_${f}`
     ))
-  } : {}, N = () => /* @__PURE__ */ a(b, { ...D, ...c });
-  return v ? /* @__PURE__ */ a(wt, { fallback: /* @__PURE__ */ a(vn, { title: `Loading ${w.title}` }), children: /* @__PURE__ */ a(N, {}) }) : /* @__PURE__ */ a(N, {});
+  } : {}, N = () => /* @__PURE__ */ a(v, { ...D, ...c });
+  return b ? /* @__PURE__ */ a(wt, { fallback: /* @__PURE__ */ a(xn, { title: `Loading ${w.title}` }), children: /* @__PURE__ */ a(N, {}) }) : /* @__PURE__ */ a(N, {});
 }
-const ve = "size-5";
-function Re(e) {
+const be = "size-5";
+function je(e) {
   const n = e.highlight || !1, t = e.direction || "column", r = e.children.length > 0, i = e.isEditing || !1;
-  let u = n ? "border-transparent" : i && !r ? "border-card-invert" : "border-transparent";
+  let d = n ? "border-transparent" : i && !r ? "border-card-invert" : "border-transparent";
   const y = ["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 d = Z(
+  let u = Z(
     "dashboard-widget-container relative ",
     r ? "" : "has-no-children",
     i ? "editing" : "",
@@ -2720,27 +2794,27 @@ function Re(e) {
     m,
     y ? "widget-container-grid" : "widget-container-flex",
     `direction-${t}`,
-    `border ${u}`,
-    `${n ? "highlight-container" : ""} ${u}`
-  ), g = `widget-container-header direction-${t} flex items-center border-1 ${u}`;
+    `border ${d}`,
+    `${n ? "highlight-container" : ""} ${d}`
+  ), g = `widget-container-header direction-${t} flex items-center border-1 ${d}`;
   const p = () => {
     e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey);
-  }, w = (v) => {
-    e.onMoveClick && e.widgetKey && e.onMoveClick(v, e.widgetKey, e.parentWidgetKey);
-  }, b = () => {
+  }, w = (b) => {
+    e.onMoveClick && e.widgetKey && e.onMoveClick(b, e.widgetKey, e.parentWidgetKey);
+  }, v = () => {
     e.selectContainer && e.widgetKey && e.selectContainer(e.widgetKey);
   };
-  return /* @__PURE__ */ I("div", { "data-testid": `container_${e.widgetKey}`, className: d, children: [
-    /* @__PURE__ */ I("div", { className: g, children: [
+  return /* @__PURE__ */ W("div", { "data-testid": `container_${e.widgetKey}`, className: u, children: [
+    /* @__PURE__ */ W("div", { className: g, children: [
       /* @__PURE__ */ a(
         "div",
         {
           className: "widget-title-wrapper w-full flex whitespace-nowrap",
-          onClick: b,
+          onClick: v,
           children: /* @__PURE__ */ a("span", { className: "text-sm font-semibold capitalize", children: e.title })
         }
       ),
-      /* @__PURE__ */ a("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ a("div", { className: "actions-inner", children: /* @__PURE__ */ I("div", { className: "actions-buttons-container", children: [
+      /* @__PURE__ */ a("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ a("div", { className: "actions-inner", children: /* @__PURE__ */ W("div", { className: "actions-buttons-container", children: [
         /* @__PURE__ */ a(
           J,
           {
@@ -2751,11 +2825,11 @@ function Re(e) {
               placement: "top",
               title: "Target this Container"
             },
-            onClick: b,
+            onClick: v,
             children: /* @__PURE__ */ a(
-              Gt,
+              Zt,
               {
-                className: `${ve} ${n ? "text-success" : "text-disabled"}`
+                className: `${be} ${n ? "text-success" : "text-disabled"}`
               }
             )
           }
@@ -2771,7 +2845,7 @@ function Re(e) {
               title: `${e.index < 1 ? "Already at min position" : "Move Container to the left/up"}`
             },
             onClick: () => w(-1),
-            children: /* @__PURE__ */ a(dt, { className: ve })
+            children: /* @__PURE__ */ a(dt, { className: be })
           }
         ),
         /* @__PURE__ */ a(
@@ -2785,7 +2859,7 @@ function Re(e) {
               title: `${e.index >= e.maxIndex ? "Already at max position" : "Move Container to the right/down"}`
             },
             onClick: () => w(1),
-            children: /* @__PURE__ */ a(ut, { className: ve })
+            children: /* @__PURE__ */ a(ut, { className: be })
           }
         ),
         /* @__PURE__ */ a(
@@ -2798,7 +2872,7 @@ function Re(e) {
               title: "Remove Container"
             },
             onClick: () => p(),
-            children: /* @__PURE__ */ a(ft, { className: ve })
+            children: /* @__PURE__ */ a(ft, { className: be })
           }
         )
       ] }) }) })
@@ -2806,17 +2880,17 @@ function Re(e) {
     /* @__PURE__ */ a("div", { "data-testid": `childrenwrapper_${e.widgetKey}`, className: "widget-container-inner", children: e.children })
   ] });
 }
-function Gn(e) {
+function nr(e) {
   const { direction: n, ...t } = e;
-  return /* @__PURE__ */ a(Re, { direction: "column", ...t });
+  return /* @__PURE__ */ a(je, { direction: "column", ...t });
 }
-function Zn(e) {
+function rr(e) {
   const { size: n, ...t } = e;
-  return /* @__PURE__ */ a(Re, { size: "large", ...t });
+  return /* @__PURE__ */ a(je, { size: "large", ...t });
 }
-function Jn(e) {
+function or(e) {
   const { direction: n, ...t } = e;
-  return /* @__PURE__ */ a(Re, { direction: "row", ...t });
+  return /* @__PURE__ */ a(je, { direction: "row", ...t });
 }
 function $e({
   // widgetKey,
@@ -2824,49 +2898,49 @@ function $e({
   alreadyAdded: n,
   addWidget: t
 }) {
-  const r = e.icon || Zt, i = e.displayName || "Unknown", o = e.description || "---", u = (e.noDuplicatedWidgets || !1) && n, y = Z(`
+  const r = e.icon || Jt, i = e.displayName || "Unknown", o = e.description || "---", d = (e.noDuplicatedWidgets || !1) && n, y = Z(`
     flex flex-row gap-2 p-2 rounded-md border text-sm bg-card content-card backdrop-opacity-100
-    ${u ? "border-disabled fill-disabled text-disabled" : "cursor-pointer border-primary fill-danger hover:fill-primary content-primary hover:brightness-110"}
+    ${d ? "border-disabled fill-disabled text-disabled" : "cursor-pointer border-primary fill-danger hover:fill-primary content-primary hover:brightness-110"}
   `);
-  return /* @__PURE__ */ I("div", { className: y, style: { width: "calc(100% - 1rem)" }, onClick: () => {
-    u || t();
+  return /* @__PURE__ */ W("div", { className: y, style: { width: "calc(100% - 1rem)" }, onClick: () => {
+    d || t();
   }, children: [
     /* @__PURE__ */ a(r, { className: "" }),
-    /* @__PURE__ */ I("div", { className: "w-full", children: [
-      /* @__PURE__ */ I("div", { className: "flex flex-row items-center gap-2 justify-between", children: [
+    /* @__PURE__ */ W("div", { className: "w-full", children: [
+      /* @__PURE__ */ W("div", { className: "flex flex-row items-center gap-2 justify-between", children: [
         /* @__PURE__ */ a("span", { className: "font-bold", children: i }),
-        /* @__PURE__ */ a("div", { className: "text-xs", children: u ? "(Added)" : "" })
+        /* @__PURE__ */ a("div", { className: "text-xs", children: d ? "(Added)" : "" })
       ] }),
       /* @__PURE__ */ a("div", { className: "flex flex-col gap-2 text-xs", children: /* @__PURE__ */ a("div", { children: o }) })
     ] })
   ] });
 }
-function wn({
+function Cn({
   item: e,
   onSettingItemChanged: n
 }) {
   const t = e.displayName || "Unknown", r = e.description || "---", i = Z(`
     flex flex-row gap-2 p-2 rounded-md border text-sm bg-card content-card backdrop-opacity-100
-  `), o = (u) => {
-    const y = u.key;
+  `), o = (d) => {
+    const y = d.key;
     if (["ArrowUp", "ArrowDown"].includes(y)) {
-      u.preventDefault();
+      d.preventDefault();
       const m = Nt.incrementOrDecrementValue(
         e,
         y === "ArrowUp" ? 1 : -1
       );
       n(m);
     }
-  }, s = (u) => {
+  }, s = (d) => {
     n({
       ...e,
-      value: u.target.value || ""
+      value: d.target.value || ""
     });
   };
-  return /* @__PURE__ */ a("div", { className: i, style: { width: "calc(100% - 1rem)" }, children: /* @__PURE__ */ I("div", { className: "w-full", children: [
+  return /* @__PURE__ */ a("div", { className: i, style: { width: "calc(100% - 1rem)" }, children: /* @__PURE__ */ W("div", { className: "w-full", children: [
     /* @__PURE__ */ a("div", { className: "flex flex-row items-center gap-2 justify-between", children: /* @__PURE__ */ a("span", { className: "font-bold", children: t }) }),
     /* @__PURE__ */ a("div", { className: "flex flex-col gap-2 text-xs", children: /* @__PURE__ */ a("div", { children: r }) }),
-    /* @__PURE__ */ I("div", { children: [
+    /* @__PURE__ */ W("div", { children: [
       "Value:",
       /* @__PURE__ */ a(
         gt,
@@ -2882,11 +2956,11 @@ function wn({
     ] })
   ] }) });
 }
-const Ie = (e, n) => [
+const We = (e, n) => [
   ...n.widgets.filter((r) => r.indexOf("Container") === -1),
   ...n.childWidgetsConfig.map((r) => r.widgetKey)
 ].includes(e);
-function Qn({
+function ir({
   targetContainerKey: e,
   widgetsCatalog: n,
   currentDashboardConfig: t,
@@ -2894,16 +2968,16 @@ function Qn({
   addWidget: i,
   addContainer: o,
   onSettingItemsUpdated: s,
-  onResetToDefaultDashboardClick: u,
+  onResetToDefaultDashboardClick: d,
   onUndoOrRedo: y,
   onDoneClick: m
 }) {
-  const [h, d] = ce("Editing"), [g, p] = ce(0), [w, b] = ce(""), S = Array.from(n.keys()).map((E) => ({
+  const [h, u] = ce("Editing"), [g, p] = ce(0), [w, v] = ce(""), C = Array.from(n.keys()).map((E) => ({
     widgetKey: E,
-    metaData: _t(E, n)
+    metaData: Mt(E, n)
   })), T = (E) => {
-    b(E.target.value);
-  }, C = (E) => {
+    v(E.target.value);
+  }, S = (E) => {
     const z = w.trim().toLowerCase();
     return z.length < 1 ? !0 : E.displayName.trim().toLowerCase().includes(z) || E.description.toLowerCase().includes(z);
   }, D = (E) => {
@@ -2913,13 +2987,13 @@ function Qn({
     "px-4 py-2 font-medium cursor-pointer border-b-2 border-transparent hover:border-primary focus:outline-none",
     E === g ? "text-primary border-primary" : ""
   ), N = !!e;
-  St(() => {
+  Ct(() => {
     if (e) {
       p(0);
       const E = ht(e);
-      d(`Editing ${E}`);
+      u(`Editing ${E}`);
     } else
-      d("Editing Dashboard");
+      u("Editing Dashboard");
   }, [e]);
   const l = (E) => {
     N ? i(E, e) : i(E);
@@ -2928,7 +3002,7 @@ function Qn({
     s(z);
   }, [P, $] = ce(!1);
   return /* @__PURE__ */ a(
-    mn,
+    pn,
     {
       testId: "dashboard-catalog-flyout",
       className: "bg-body content-body bg-opacity-70 border-2 border-primary",
@@ -2942,10 +3016,10 @@ function Qn({
       onDraggingChange: (E) => {
         $(E);
       },
-      children: /* @__PURE__ */ I("div", { className: "flex flex-col gap-2 p-2", children: [
-        /* @__PURE__ */ I("div", { className: "flex flex-row gap-2 justify-between", children: [
-          /* @__PURE__ */ I("div", { className: "handle flex-1 flex gap-2 w-full hover:text-primary cursor-grab", children: [
-            P ? /* @__PURE__ */ a(Xt, { className: "size-5" }) : /* @__PURE__ */ a(Ht, { className: "size-5" }),
+      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: [
+            P ? /* @__PURE__ */ a(Gt, { className: "size-5" }) : /* @__PURE__ */ a(Xt, { className: "size-5" }),
             /* @__PURE__ */ a(
               "h2",
               {
@@ -2955,7 +3029,7 @@ function Qn({
               }
             )
           ] }),
-          /* @__PURE__ */ I("div", { className: "flex flex-row gap-2 items-center", children: [
+          /* @__PURE__ */ W("div", { className: "flex flex-row gap-2 items-center", children: [
             /* @__PURE__ */ a(
               J,
               {
@@ -2967,7 +3041,7 @@ function Qn({
                 },
                 disabled: r.isUndoDisabled,
                 onClick: () => y("Undo"),
-                children: /* @__PURE__ */ a(Bt, { className: "size-5" })
+                children: /* @__PURE__ */ a(Kt, { className: "size-5" })
               }
             ),
             /* @__PURE__ */ a(
@@ -2981,7 +3055,7 @@ function Qn({
                 },
                 disabled: r.isRedoDisabled,
                 onClick: () => y("Redo"),
-                children: /* @__PURE__ */ a(Kt, { className: "size-5" })
+                children: /* @__PURE__ */ a(Ht, { className: "size-5" })
               }
             ),
             /* @__PURE__ */ a(
@@ -2993,17 +3067,17 @@ function Qn({
                   placement: "bottom",
                   title: "Reset this dashboard to the default configuration"
                 },
-                onClick: u,
-                children: /* @__PURE__ */ a(zt, { className: "size-5" })
+                onClick: d,
+                children: /* @__PURE__ */ a(Bt, { className: "size-5" })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ I("div", { className: "flex border-b border-gray-200", children: [
+        /* @__PURE__ */ W("div", { className: "flex border-b border-gray-200", children: [
           /* @__PURE__ */ a("button", { onClick: () => p(0), className: c(0), children: "Widgets" }),
           /* @__PURE__ */ a("button", { onClick: () => p(1), className: c(1), children: "Charts" }),
           !N && /* @__PURE__ */ a("button", { onClick: () => p(2), className: c(2), children: "Containers" }),
-          !N && /* @__PURE__ */ a("button", { onClick: () => p(3), className: c(3), children: /* @__PURE__ */ a(qt, {}) })
+          !N && /* @__PURE__ */ a("button", { onClick: () => p(3), className: c(3), children: /* @__PURE__ */ a(zt, {}) })
         ] }),
         /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-1 w-full", children: /* @__PURE__ */ a(
           gt,
@@ -3015,7 +3089,7 @@ function Qn({
             onChange: T
           }
         ) }),
-        /* @__PURE__ */ I(
+        /* @__PURE__ */ W(
           "div",
           {
             className: "flex flex-col gap-2 overflow-x-hidden overflow-y-auto",
@@ -3023,42 +3097,42 @@ function Qn({
               maxHeight: "360px"
             },
             children: [
-              g === 0 && S.filter(
-                (E) => E.metaData.categories.includes("Widget") && C(E.metaData)
+              g === 0 && C.filter(
+                (E) => E.metaData.categories.includes("Widget") && S(E.metaData)
               ).map((E) => /* @__PURE__ */ a(
                 $e,
                 {
                   widgetKey: E.widgetKey,
                   metaData: E.metaData,
-                  alreadyAdded: Ie(E.widgetKey, t),
+                  alreadyAdded: We(E.widgetKey, t),
                   addWidget: () => l(E.widgetKey)
                 },
                 E.widgetKey
               )),
-              g === 1 && S.filter(
-                (E) => E.metaData.categories.includes("Chart") && C(E.metaData)
+              g === 1 && C.filter(
+                (E) => E.metaData.categories.includes("Chart") && S(E.metaData)
               ).map((E) => /* @__PURE__ */ a(
                 $e,
                 {
                   widgetKey: E.widgetKey,
                   metaData: E.metaData,
-                  alreadyAdded: Ie(E.widgetKey, t),
+                  alreadyAdded: We(E.widgetKey, t),
                   addWidget: () => l(E.widgetKey)
                 },
                 E.widgetKey
               )),
-              !N && g === 2 && S.filter((E) => E.metaData.categories.includes("Container")).map((E) => /* @__PURE__ */ a(
+              !N && g === 2 && C.filter((E) => E.metaData.categories.includes("Container")).map((E) => /* @__PURE__ */ a(
                 $e,
                 {
                   widgetKey: E.widgetKey,
                   metaData: E.metaData,
-                  alreadyAdded: Ie(E.widgetKey, t),
+                  alreadyAdded: We(E.widgetKey, t),
                   addWidget: () => o(E.widgetKey)
                 },
                 E.widgetKey
               )),
               !N && g === 3 && (t.cssSettings || []).filter(D).map((E) => /* @__PURE__ */ a(
-                wn,
+                Cn,
                 {
                   item: E,
                   onSettingItemChanged: f
@@ -3085,63 +3159,69 @@ function Qn({
   );
 }
 export {
-  $n as AddIcon,
+  Rn as AddIcon,
   J as Button,
-  Zt as CircleQuestionMark,
-  Gt as CrosshairIcon,
-  Xn as DashboardGrid,
-  Ae as DashboardMaxZoomScale,
-  je as DashboardMinZoomScale,
+  Jt as CircleQuestionMark,
+  Zt as CrosshairIcon,
+  tr as DashboardGrid,
+  Le as DashboardMaxZoomScale,
+  Ae as DashboardMinZoomScale,
   bn as DashboardWidgetBase,
   Et as DashboardZoomStep,
-  In as DeleteIcon,
-  mn as DraggablePanel,
-  xn as DynamicWidgetLoader,
-  Wn as EditIcon,
-  On as GridIcon,
-  Xt as HandGrabIcon,
-  Ht as HandIcon,
-  Yn as ListItem,
-  qn as ListItemLeftChild,
-  zn as ListItemMiddleChild,
-  Bn as ListItemRightChild,
-  Rn as MonitorIcon,
-  kn as MonitorSmartphoneIcon,
+  jn as DeleteIcon,
+  pn as DraggablePanel,
+  wn as DynamicWidgetLoader,
+  kn as EditIcon,
+  An as GridIcon,
+  Gt as HandGrabIcon,
+  Xt as HandIcon,
+  Kn as ListItem,
+  Hn as ListItemLeftChild,
+  Xn as ListItemMiddleChild,
+  Gn as ListItemRightChild,
+  Ln as MonitorIcon,
+  Fn as MonitorSmartphoneIcon,
   dt as MoveLeftIcon,
   ut as MoveRightIcon,
-  Kt as RedoIcon,
-  qt as SettingsIcon,
-  Qt as Stack,
+  Ht as RedoIcon,
+  zt as SettingsIcon,
+  en as Stack,
   K as SvgBaseWrapper,
-  jn as TabletSmartphoneIcon,
-  Fn as TargetIcon,
+  Un as TabletSmartphoneIcon,
+  qn as TargetIcon,
   gt as TextField,
-  zt as TimerResetIcon,
-  Bt as UndoIcon,
-  Gn as WidgetContainerColumn,
-  Zn as WidgetContainerLarge,
-  Jn as WidgetContainerRow,
-  Qn as WidgetsCatalogFlyout,
+  Bt as TimerResetIcon,
+  Kt as UndoIcon,
+  nr as WidgetContainerColumn,
+  rr as WidgetContainerLarge,
+  or as WidgetContainerRow,
+  ir as WidgetsCatalogFlyout,
+  Jn as WrapperColumnContent,
+  Qn as WrapperColumnContentListItem,
   ft as XCircleIcon,
-  An as ZoomInIcon,
-  Ln as ZoomOutIcon,
+  Vn as ZoomInIcon,
+  Yn as ZoomOutIcon,
   we as blankDashboardConfig,
-  Ct as cssSettingsCatalog,
-  Vn as cssVarsUtils,
+  Pt as createDynamicEntry,
+  Mn as createStaticEntry,
+  St as cssSettingsCatalog,
+  Bn as cssVarsUtils,
   Nt as dashboardSettingsUtils,
-  Mt as ensureContainersSequence,
-  st as ensureZoomScaleIsWithinRange,
-  lt as getDefaultWidgetMetaFromKey,
-  Nn as getDefaultWidgetMetaFromMap,
+  _t as ensureContainersSequence,
+  lt as ensureZoomScaleIsWithinRange,
+  Ie as getDefaultWidgetMetaFromKey,
+  _n as getDefaultWidgetMetaFromMap,
   Z as getDistinctCssClasses,
-  Tn as getNewZoomScaleWithinRange,
-  _t as getWidgetMetaFromCatalog,
+  Nn as getNewZoomScaleWithinRange,
+  Mt as getWidgetMetaFromCatalog,
   ht as parseContainerTitle,
+  Pn as parseKeyAndTitleFromFilePath,
+  $n as remoteWidgetDiscovery,
   En as removeEmptyContainers,
   re as resolveColorFromClass,
-  Un as resolvedColors,
-  Hn as showToast,
-  Mn as useDashboardStorageService,
-  _n as useDashboardStore,
-  Pn as useDashboardUndoService
+  zn as resolvedColors,
+  er as showToast,
+  In as useDashboardStorageService,
+  Wn as useDashboardStore,
+  On as useDashboardUndoService
 };