@tenorlab/react-dashboard 1.1.7 → 1.1.8

package/dist/react-dashboard.es.js

@@ -81,10 +81,10 @@ const Nt = [
   }
 ], Tt = ["rem", "pc", "cm", "in", "em", "vh", "vw", "%"], Et = (e, n) => Tt.includes(e) ? n : 1, _t = {
   incrementOrDecrementValue: (e, n) => {
-    const t = e.value.match(/([\d.]+)/), r = t ? parseFloat(t[1]) : 0, i = e.value.match(/([^\d.]+)/), o = i ? i[1] : e.defaultUnit, s = Et(o, e.step) * n, y = `${Math.max(r + s, e.minValue).toFixed(1)}${o}`;
+    const t = e.value.match(/([\d.]+)/), r = t ? parseFloat(t[1]) : 0, o = e.value.match(/([^\d.]+)/), i = o ? o[1] : e.defaultUnit, s = Et(i, e.step) * n, b = `${Math.max(r + s, e.minValue).toFixed(1)}${i}`;
     return {
       ...e,
-      value: y
+      value: b
     };
   }
 }, Ce = {
@@ -110,11 +110,11 @@ const Nt = [
   return n.widgets = n.widgets.filter((t) => {
     if (`${t}`.includes("WidgetContainer")) {
       const r = n.childWidgetsConfig.filter(
-        (i) => i.parentWidgetKey === t
+        (o) => o.parentWidgetKey === t
       );
       if (!r || r.length === 0)
         return n.widgets = n.widgets.filter(
-          (i) => i !== t
+          (o) => o !== t
         ), !1;
     }
     return !0;
@@ -123,23 +123,23 @@ const Nt = [
   const n = e.widgets.filter(
     (r) => r.includes("WidgetContainer")
   ), t = {};
-  return n.forEach((r, i) => {
-    const d = `${r.split("_container")[0]}_container${i + 1}`;
+  return n.forEach((r, o) => {
+    const d = `${r.split("_container")[0]}_container${o + 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];
+    const o = r.parentWidgetKey, i = t[o];
     return {
       ...r,
       // If a new key exists, use it. If not, keep the original key.
-      parentWidgetKey: o || i
+      parentWidgetKey: i || o
     };
   }), e;
 }, ge = (e, n) => {
-  const t = `${e}`.includes("Container"), r = t ? ["Container"] : ["Widget"], i = n?.title || e, o = n?.description || (t ? "Container" : "Unknown");
+  const t = `${e}`.includes("Container"), r = t ? ["Container"] : ["Widget"], o = n?.title || e, i = n?.description || (t ? "Container" : "Unknown");
   return {
-    title: i,
+    title: o,
     displayName: e,
-    description: o,
+    description: i,
     categories: r,
     noDuplicatedWidgets: !0,
     icon: void 0,
@@ -178,23 +178,23 @@ const Nt = [
 }, It = (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 };
+    const t = n[1], r = `Widget${t.split("-").map((i) => i.charAt(0).toUpperCase() + i.slice(1)).join("")}`, o = t.split("-").map((i) => i.charAt(0).toUpperCase() + i.slice(1)).join(" ");
+    return { key: r, title: o, folder: t };
   }
   return null;
-}, Rt = (e, n, t, r) => {
-  const i = `${n}/widget-${t}/widget-${t}.meta.ts`, o = e[i], s = `${r}Meta`;
-  if (o && o[s])
-    return o[s];
+}, Ot = (e, n, t, r) => {
+  const o = `${n}/widget-${t}/widget-${t}.meta.ts`, i = e[o], s = `${r}Meta`;
+  if (i && i[s])
+    return i[s];
 }, In = 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(
+    const i = await (await fetch(`${e}?${Math.random()}`)).json();
+    for (const s in i) {
+      const d = i[s], b = () => import(
         /* @vite-ignore */
         d.url
-      ), m = {
+      ), g = {
         displayName: d.meta.displayName,
         description: d.meta.description || "Remote Plugin",
         categories: d.meta.categories || ["Widget"],
@@ -203,51 +203,51 @@ const Nt = [
         // Or a logic to map a string name to a Lucide component
         externalDependencies: d.meta.externalDependencies || []
       };
-      r.push(dt(s, y, m));
+      r.push(dt(s, b, g));
     }
     n({
       entries: r,
       message: "",
       details: ""
     });
-  } catch (i) {
-    console.error("Remote plugin discovery failed:", i), t({
+  } catch (o) {
+    console.error("Remote plugin discovery failed:", o), t({
       entries: [],
       message: "Remote plugin discovery failed:",
-      details: typeof i == "object" ? JSON.stringify(i) : i
+      details: typeof o == "object" ? JSON.stringify(o) : o
     });
   }
-}), Rn = (e, n, t, r = !0) => {
-  const i = [];
-  for (const o in n) {
-    const s = n[o], d = It(o);
+}), On = (e, n, t, r = !0) => {
+  const o = [];
+  for (const i in n) {
+    const s = n[i], d = It(i);
     if (d && s) {
-      const { key: y, title: m, folder: h } = d;
-      let u = Rt(t, e, h, y);
-      if (u || (u = ge(y, {
-        title: m,
+      const { key: b, title: g, folder: h } = d;
+      let u = Ot(t, e, h, b);
+      if (u || (u = ge(b, {
+        title: g,
         description: `Local ${r ? "dynamic" : "static"} widget`
       })), r) {
-        const g = s;
-        i.push(dt(y, g, u));
+        const m = s;
+        o.push(dt(b, m, u));
       } else {
-        const g = s.default || s;
-        i.push(Wt(y, g, u));
+        const m = s.default || s;
+        o.push(Wt(b, m, u));
       }
     }
   }
-  return i;
+  return o;
 }, Fe = (e) => {
   let n;
-  const t = /* @__PURE__ */ new Set(), r = (m, h) => {
-    const u = typeof m == "function" ? m(n) : m;
+  const t = /* @__PURE__ */ new Set(), r = (g, h) => {
+    const u = typeof g == "function" ? g(n) : g;
     if (!Object.is(u, n)) {
-      const g = n;
-      n = h ?? (typeof u != "object" || u === null) ? u : Object.assign({}, n, u), t.forEach((p) => p(n, g));
+      const m = n;
+      n = h ?? (typeof u != "object" || u === null) ? u : Object.assign({}, n, u), t.forEach((y) => y(n, m));
     }
-  }, i = () => n, d = { setState: r, getState: i, getInitialState: () => y, subscribe: (m) => (t.add(m), () => t.delete(m)) }, y = n = e(r, i, d);
+  }, o = () => n, d = { setState: r, getState: o, getInitialState: () => b, subscribe: (g) => (t.add(g), () => t.delete(g)) }, b = n = e(r, o, d);
   return d;
-}, Ot = ((e) => e ? Fe(e) : Fe), kt = (e) => e;
+}, Rt = ((e) => e ? Fe(e) : Fe), kt = (e) => e;
 function jt(e, n = kt) {
   const t = ae.useSyncExternalStore(
     e.subscribe,
@@ -257,7 +257,7 @@ function jt(e, n = kt) {
   return ae.useDebugValue(t), t;
 }
 const At = (e) => {
-  const n = Ot(e), t = (r) => jt(n, r);
+  const n = Rt(e), t = (r) => jt(n, r);
   return Object.assign(t, n), t;
 }, Lt = ((e) => At), Ft = (e) => {
   const n = e.widgets.filter((r) => r.includes("WidgetContainer")).map((r) => Number(r.split("_")[1].replace("container", "")));
@@ -266,9 +266,9 @@ const At = (e) => {
   const t = Ft(e);
   return `${n}_${t}`;
 }, Ut = (e) => {
-  const { dashboardConfig: n, widgetKey: t, parentWidgetKey: r, noDuplicatedWidgets: i } = e;
+  const { dashboardConfig: n, widgetKey: t, parentWidgetKey: r, noDuplicatedWidgets: o } = e;
   if (r) {
-    if (i && n.childWidgetsConfig.find(
+    if (o && n.childWidgetsConfig.find(
       (s) => s.parentWidgetKey === r && s.widgetKey === t
     ))
       return {
@@ -276,7 +276,7 @@ const At = (e) => {
         message: `DashboardStore: addWidget: Widget already added (${t})`,
         updatedDashboardConfig: n
       };
-    const o = [
+    const i = [
       ...n.childWidgetsConfig,
       { parentWidgetKey: r, widgetKey: t }
       // new entry
@@ -285,88 +285,88 @@ const At = (e) => {
       success: !0,
       updatedDashboardConfig: {
         ...n,
-        childWidgetsConfig: o
+        childWidgetsConfig: i
       }
     };
   } else {
-    if (i && n.widgets.includes(t))
+    if (o && n.widgets.includes(t))
       return {
         success: !1,
         message: `DashboardStore: addWidget: Widget already added (${t})`,
         updatedDashboardConfig: n
       };
-    const o = [...n.widgets, t];
+    const i = [...n.widgets, t];
     return {
       success: !0,
       updatedDashboardConfig: {
         ...n,
-        widgets: o
+        widgets: i
       }
     };
   }
 }, qt = (e, n, t) => {
   if ((t || "").trim().length > 0) {
     const r = e.childWidgetsConfig.filter(
-      (y) => y.parentWidgetKey !== t
-    ), i = e.childWidgetsConfig.filter(
-      (y) => y.parentWidgetKey === t && y.widgetKey !== n
-    ), o = [...r, ...i];
+      (b) => b.parentWidgetKey !== t
+    ), o = e.childWidgetsConfig.filter(
+      (b) => b.parentWidgetKey === t && b.widgetKey !== n
+    ), i = [...r, ...o];
     let s = {
       ...e,
-      childWidgetsConfig: o
+      childWidgetsConfig: i
     };
     return `${n}`.includes("Container") && (s = Pt(s)), {
       success: !0,
       updatedDashboardConfig: s
     };
   } else {
-    const r = e.widgets.filter((o) => o !== n), i = e.childWidgetsConfig.filter(
-      (o) => o.parentWidgetKey !== n
+    const r = e.widgets.filter((i) => i !== n), o = e.childWidgetsConfig.filter(
+      (i) => i.parentWidgetKey !== n
     );
     return {
       success: !0,
       updatedDashboardConfig: {
         ...e,
         widgets: r,
-        childWidgetsConfig: i
+        childWidgetsConfig: o
       }
     };
   }
 }, Yt = (e, n, t, r) => {
   if ((r || "").trim().length > 0) {
-    const i = e.childWidgetsConfig.filter(
+    const o = e.childWidgetsConfig.filter(
       (h) => h.parentWidgetKey !== r
     );
-    let o = e.childWidgetsConfig.filter(
+    let i = e.childWidgetsConfig.filter(
       (h) => h.parentWidgetKey === r
     );
-    const s = o.indexOf(t);
+    const s = i.indexOf(t);
     let d = s + n;
-    if (d = Math.max(0, d), d = Math.min(o.length - 1, d), d === s)
+    if (d = Math.max(0, d), d = Math.min(i.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(d, 0, m), {
+    const b = [...i], [g] = b.splice(s, 1);
+    return b.splice(d, 0, g), {
       success: !0,
       updatedDashboardConfig: {
         ...e,
-        childWidgetsConfig: [...i, ...y]
+        childWidgetsConfig: [...o, ...b]
       }
     };
   } else {
-    const i = e.widgets || [], o = i.indexOf(t);
-    let s = o + n;
-    if (s = Math.max(0, s), s = Math.min(i.length - 1, s), s === o)
+    const o = e.widgets || [], i = o.indexOf(t);
+    let s = i + n;
+    if (s = Math.max(0, s), s = Math.min(o.length - 1, s), s === i)
       return {
         success: !1,
         message: `DashboardStore: moveWidget: Widget already at min/max position (${t})`,
         updatedDashboardConfig: e
       };
-    const d = [...i], [y] = d.splice(o, 1);
-    return d.splice(s, 0, y), {
+    const d = [...o], [b] = d.splice(i, 1);
+    return d.splice(s, 0, b), {
       success: !0,
       updatedDashboardConfig: {
         ...e,
@@ -389,80 +389,80 @@ const At = (e) => {
   setTargetContainerKey: (t) => (e(() => ({ targetContainerKey: t })), t),
   setAllDashboardConfigs: (t) => (e(() => ({ allDashboardConfigs: t })), n().allDashboardConfigs),
   setCurrentDashboardConfig: (t) => {
-    const r = n(), i = [
-      ...r.allDashboardConfigs.filter((o) => o.dashboardId !== t.dashboardId),
+    const r = n(), o = [
+      ...r.allDashboardConfigs.filter((i) => i.dashboardId !== t.dashboardId),
       t
     ];
     return e(() => ({
       ...r,
-      allDashboardConfigs: i,
+      allDashboardConfigs: o,
       currentDashboardConfig: t
-    })), i;
+    })), o;
   },
   addDashboardConfig: (t) => {
-    const r = n(), i = [
-      ...r.allDashboardConfigs.filter((o) => o.dashboardId !== t.dashboardId),
+    const r = n(), o = [
+      ...r.allDashboardConfigs.filter((i) => i.dashboardId !== t.dashboardId),
       t
     ];
     return e(() => ({
       ...r,
-      allDashboardConfigs: i,
+      allDashboardConfigs: o,
       currentDashboardConfig: t
-    })), i;
+    })), o;
   },
   deleteDashboardConfigById: (t) => {
-    const r = n(), i = [...r.allDashboardConfigs.filter((o) => o.dashboardId !== t)];
+    const r = n(), o = [...r.allDashboardConfigs.filter((i) => i.dashboardId !== t)];
     return e(() => ({
       ...r,
-      allDashboardConfigs: i,
-      currentDashboardConfig: i[0] || Ce
-    })), i;
+      allDashboardConfigs: o,
+      currentDashboardConfig: o[0] || Ce
+    })), o;
   },
   selectDashboardById: (t) => (e(() => {
-    const r = n(), i = r.allDashboardConfigs.find((o) => o.dashboardId === t);
-    return i ? {
-      currentDashboardConfig: i
+    const r = n(), o = r.allDashboardConfigs.find((i) => i.dashboardId === t);
+    return o ? {
+      currentDashboardConfig: o
     } : {
       ...r
     };
   }), n().currentDashboardConfig),
   addWidget: (t) => {
-    const r = n(), i = Ut({
+    const r = n(), o = Ut({
       dashboardConfig: r.currentDashboardConfig,
       ...t
-    }), o = [
+    }), i = [
       ...r.allDashboardConfigs.filter(
-        (s) => s.dashboardId !== i.updatedDashboardConfig.dashboardId
+        (s) => s.dashboardId !== o.updatedDashboardConfig.dashboardId
       ),
-      i.updatedDashboardConfig
+      o.updatedDashboardConfig
     ];
-    return i.success && e(() => ({
-      allDashboardConfigs: o,
-      currentDashboardConfig: i.updatedDashboardConfig
+    return o.success && e(() => ({
+      allDashboardConfigs: i,
+      currentDashboardConfig: o.updatedDashboardConfig
     })), {
-      ...i,
-      allUpdatedDashboardConfigs: o
+      ...o,
+      allUpdatedDashboardConfigs: i
     };
   },
   removeWidget: (t, r) => {
-    const i = n(), o = qt(i.currentDashboardConfig, t, r), s = [
-      ...i.allDashboardConfigs.filter(
-        (d) => d.dashboardId !== o.updatedDashboardConfig.dashboardId
+    const o = n(), i = qt(o.currentDashboardConfig, t, r), s = [
+      ...o.allDashboardConfigs.filter(
+        (d) => d.dashboardId !== i.updatedDashboardConfig.dashboardId
       ),
-      o.updatedDashboardConfig
+      i.updatedDashboardConfig
     ];
-    return o.success && e(() => ({
+    return i.success && e(() => ({
       allDashboardConfigs: s,
-      currentDashboardConfig: o.updatedDashboardConfig
+      currentDashboardConfig: i.updatedDashboardConfig
     })), {
-      ...o,
+      ...i,
       allUpdatedDashboardConfigs: s
     };
   },
-  moveWidget: (t, r, i) => {
-    const o = n(), s = Yt(o.currentDashboardConfig, t, r, i), d = [
-      ...o.allDashboardConfigs.filter(
-        (y) => y.dashboardId !== s.updatedDashboardConfig.dashboardId
+  moveWidget: (t, r, o) => {
+    const i = n(), s = Yt(i.currentDashboardConfig, t, r, o), d = [
+      ...i.allDashboardConfigs.filter(
+        (b) => b.dashboardId !== s.updatedDashboardConfig.dashboardId
       ),
       s.updatedDashboardConfig
     ];
@@ -474,92 +474,92 @@ const At = (e) => {
       allUpdatedDashboardConfigs: d
     };
   }
-}), On = Lt()((...e) => ({
+}), Rn = Lt()((...e) => ({
   ...zt(...e)
 })), ut = (e, n) => `dashboards_${n}_${e}`, Bt = async (e, n, t, r) => {
-  const i = localStorage.getItem(ut(e, n));
-  if (i)
+  const o = localStorage.getItem(ut(e, n));
+  if (o)
     try {
-      const o = JSON.parse(i);
-      return o.length < 1 ? [r] : (o.forEach((s) => {
+      const i = JSON.parse(o);
+      return i.length < 1 ? [r] : (i.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 d = (s.cssSettings || []).filter(
-          (y) => r.cssSettings.some((m) => m.key === y.key)
+          (b) => r.cssSettings.some((g) => g.key === b.key)
         );
         if (d.length < 1)
           s.cssSettings = [...r.cssSettings];
         else {
-          d.forEach((m) => {
-            m.value = (m.value || "").replace(/NaN/g, "");
+          d.forEach((g) => {
+            g.value = (g.value || "").replace(/NaN/g, "");
             const h = r.cssSettings.find(
-              (u) => u.key === m.key
+              (u) => u.key === g.key
             );
             h && (Object.keys(h).forEach((u) => {
-              u in m || (m[u] = h[u]);
-            }), m.step = h.step, m.minValue = h.minValue, m.defaultValue = h.defaultValue, m.defaultUnit = h.defaultUnit, /\d+/g.test(m.value) === !1 && (m.value = h ? h.value : "1.0rem"));
+              u in g || (g[u] = h[u]);
+            }), g.step = h.step, g.minValue = h.minValue, g.defaultValue = h.defaultValue, g.defaultUnit = h.defaultUnit, /\d+/g.test(g.value) === !1 && (g.value = h ? h.value : "1.0rem"));
           });
-          const y = r.cssSettings.filter((m) => !d.some(
-            (h) => h.key === m.key
+          const b = r.cssSettings.filter((g) => !d.some(
+            (h) => h.key === g.key
           ));
-          s.cssSettings = [...d, ...y];
+          s.cssSettings = [...d, ...b];
         }
         s.widgets = s.widgets.filter(
-          (y) => y.includes("WidgetContainer") || t.has(y)
+          (b) => b.includes("WidgetContainer") || t.has(b)
         ), s.childWidgetsConfig = s.childWidgetsConfig.filter(
-          (y) => t.has(y.widgetKey)
+          (b) => t.has(b.widgetKey)
         ), s.zoomScale ? s.zoomScale < 0.7 && (s.zoomScale = 0.7) : s.zoomScale = 1;
-      }), o);
-    } catch (o) {
-      console.warn("Error parsing saved dashboard config:", o);
+      }), i);
+    } catch (i) {
+      console.warn("Error parsing saved dashboard config:", i);
     }
   return [r];
 }, Ht = async (e, n, t, r) => {
-  t.forEach((o) => {
-    if (o.userID = e, o.clientAppKey = n, o.responsiveGrid = o.responsiveGrid ?? !1, typeof o != "object")
+  t.forEach((i) => {
+    if (i.userID = e, i.clientAppKey = n, i.responsiveGrid = i.responsiveGrid ?? !1, typeof i != "object")
       throw new Error("Invalid dashboard configuration");
-    o.widgets = o.widgets.filter(
+    i.widgets = i.widgets.filter(
       (s) => s.includes("WidgetContainer") || r.has(s)
-    ), o.childWidgetsConfig = o.childWidgetsConfig.filter(
+    ), i.childWidgetsConfig = i.childWidgetsConfig.filter(
       (s) => r.has(s.widgetKey)
-    ), o.zoomScale ? o.zoomScale < 0.7 && (o.zoomScale = 0.7) : o.zoomScale = 1;
+    ), i.zoomScale ? i.zoomScale < 0.7 && (i.zoomScale = 0.7) : i.zoomScale = 1;
   });
-  const i = JSON.stringify(t);
-  return localStorage.setItem(ut(e, n), i), !0;
+  const o = JSON.stringify(t);
+  return localStorage.setItem(ut(e, n), o), !0;
 }, Kt = {
   getSavedDashboards: Bt,
   saveDashboards: Ht
 }, kn = () => Kt, jn = () => {
-  const [e, n] = le({}), [t, r] = le({}), i = ue((h) => {
+  const [e, n] = le({}), [t, r] = le({}), o = ue((h) => {
     const u = h.dashboardId;
-    n((g) => {
-      const p = {
+    n((m) => {
+      const y = {
         undoIndex: 0,
         config: h
       };
-      return r((x) => ({
-        ...x,
+      return r((D) => ({
+        ...D,
         [u]: 0
       })), {
-        ...g,
-        [u]: [p]
+        ...m,
+        [u]: [y]
         // Forces a reset to just this one entry
       };
     });
-  }, []), o = ue(
+  }, []), i = ue(
     (h) => {
       n((u) => {
-        const g = h.dashboardId, p = u[g] || [], x = t[g] ?? -1, b = p.slice(0, x + 1), v = {
-          undoIndex: b.length,
+        const m = h.dashboardId, y = u[m] || [], D = t[m] ?? -1, p = y.slice(0, D + 1), v = {
+          undoIndex: p.length,
           // New index based on trimmed length
           config: h
-        }, C = [...b, v];
+        }, w = [...p, v];
         return r((N) => ({
           ...N,
-          [g]: C.length - 1
+          [m]: w.length - 1
           // Index is now the last element's index
         })), {
           ...u,
-          [g]: C
+          [m]: w
         };
       });
     },
@@ -568,27 +568,27 @@ const At = (e) => {
     n((u) => {
       if (!u[h])
         return u;
-      const { [h]: g, ...p } = u;
-      return p;
+      const { [h]: m, ...y } = u;
+      return y;
     }), r((u) => {
-      const { [h]: g, ...p } = u;
-      return p;
+      const { [h]: m, ...y } = u;
+      return y;
     });
   }, []), d = ue(
     (h) => {
       r((u) => {
-        const g = u[h] ?? -1, p = Math.max(0, g - 1);
-        return p !== g ? { ...u, [h]: p } : u;
+        const m = u[h] ?? -1, y = Math.max(0, m - 1);
+        return y !== m ? { ...u, [h]: y } : u;
       });
     },
     [
       //loadConfigFromHistory
     ]
-  ), y = ue(
+  ), b = ue(
     (h) => {
       r((u) => {
-        const g = e[h]?.length || 0, p = u[h] ?? -1, x = Math.min(g - 1, p + 1);
-        return x !== p ? { ...u, [h]: x } : u;
+        const m = e[h]?.length || 0, y = u[h] ?? -1, D = Math.min(m - 1, y + 1);
+        return D !== y ? { ...u, [h]: D } : u;
       });
     },
     [
@@ -597,15 +597,15 @@ const At = (e) => {
     ]
   );
   return {
-    initializeHistoryForDashboard: i,
+    initializeHistoryForDashboard: o,
     resetAllHistory: () => n({}),
-    addUndoEntry: o,
+    addUndoEntry: i,
     removeUndoHistoryForDashboard: s,
     undo: d,
-    redo: y,
+    redo: b,
     getUndoStatus: (h) => {
-      const u = t[h] ?? -1, g = e[h]?.length || 0, p = u <= 0, x = u >= g - 1;
-      return { isUndoDisabled: p, isRedoDisabled: x };
+      const u = t[h] ?? -1, m = e[h]?.length || 0, y = u <= 0, D = u >= m - 1;
+      return { isUndoDisabled: y, isRedoDisabled: D };
     },
     undoHistory: e,
     historyIndex: t
@@ -824,7 +824,7 @@ const Z = (e, ...n) => [
 ].join(" ").trim(), re = (e, n = "color") => {
   if (typeof window > "u") return "#FFFFFF";
   const t = document.createElement("div");
-  Array.isArray(e) ? e.forEach((i) => t.classList.add(i)) : e.split(" ").forEach((i) => t.classList.add(i)), t.style.display = "none", document.body.appendChild(t);
+  Array.isArray(e) ? e.forEach((o) => t.classList.add(o)) : e.split(" ").forEach((o) => t.classList.add(o)), t.style.display = "none", document.body.appendChild(t);
   const r = window.getComputedStyle(t)[n];
   return document.body.removeChild(t), r;
 }, Kn = {
@@ -859,18 +859,18 @@ const Z = (e, ...n) => [
   className: n,
   size: t = "medium",
   value: r,
-  onChange: i,
-  onKeyDown: o,
+  onChange: o,
+  onKeyDown: i,
   placeholder: s = ""
 }) => {
-  const d = st(() => 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 = st(() => t === "small" ? "py-1.5 px-3 text-sm" : "py-2.5 px-4 text-base", [t]), b = 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
   `)} ${d}`;
-  return /* @__PURE__ */ W("div", { className: y, children: [
+  return /* @__PURE__ */ W("div", { className: b, children: [
     /* @__PURE__ */ a("label", { htmlFor: e, className: "block text-sm/6 font-medium mb-1.5", children: e }),
     /* @__PURE__ */ a(
       "input",
@@ -878,8 +878,8 @@ const Z = (e, ...n) => [
         id: e,
         type: "text",
         value: r,
-        onChange: i,
-        onKeyDown: (u) => o && o(u),
+        onChange: o,
+        onKeyDown: (u) => i && i(u),
         placeholder: s,
         className: h,
         "aria-label": e
@@ -901,23 +901,23 @@ function J(e) {
     tooltip: n,
     disabled: t,
     isIconButton: r,
-    className: i,
-    buttonType: o,
+    className: o,
+    buttonType: i,
     category: s,
     px: d,
-    py: y,
-    children: m,
+    py: b,
+    children: g,
     ...h
   } = e, u = () => {
-    const p = e.isIconButton || !1, x = e.category || "primary", b = e.buttonType || "normal", v = e.disabled || !1, C = e.className || "", N = e.font || "semibold", S = Number((e.border || 0) > 0 ? e.border : 0);
-    let D = (e.borderColor || "").trim();
-    D = D.length > 0 ? D : "";
+    const y = e.isIconButton || !1, D = e.category || "primary", p = e.buttonType || "normal", v = e.disabled || !1, w = e.className || "", N = e.font || "semibold", C = Number((e.border || 0) > 0 ? e.border : 0);
+    let S = (e.borderColor || "").trim();
+    S = S.length > 0 ? S : "";
     const c = Number((e.borderHover || 0) > 0 ? e.borderHover : 0), E = e.shadow || "sm", l = e.shadowHover || "md", f = (e.addCss || "").trim(), M = e.justifyCss || "justify-center";
-    if (p)
+    if (y)
       return Z(
         "flex flex-row items-center",
-        v ? "text-disabled" : `text-${x} hover:brightness-110 cursor-pointer`,
-        C || ""
+        v ? "text-disabled" : `text-${D} hover:brightness-110 cursor-pointer`,
+        w || ""
       );
     const $ = [
       "relative cursor-pointer",
@@ -927,36 +927,36 @@ function J(e) {
       `font-${N}`
     ];
     if (v)
-      b === "ghost" ? $.push("text-disabled border-disabled cursor-not-allowed") : $.push("bg-disabled content-disabled border-disabled cursor-not-allowed");
+      p === "ghost" ? $.push("text-disabled border-disabled cursor-not-allowed") : $.push("bg-disabled content-disabled border-disabled cursor-not-allowed");
     else {
       $.push("cursor-pointer");
       let I = "";
-      Se.has(b) ? I = `${Se.get(b)}` : I = `${Se.get("normal")}`, S < 1 && (I = I.replace("border-[category]", ""));
-      const T = I.replace(/\[category\]/g, x).trim();
+      Se.has(p) ? I = `${Se.get(p)}` : I = `${Se.get("normal")}`, C < 1 && (I = I.replace("border-[category]", ""));
+      const T = I.replace(/\[category\]/g, D).trim();
       $.push(T);
     }
-    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-${E}`), $.push(`hover:shadow-${l} group-hover:shadow-${l}`), f.length > 0 && $.push(f), f.indexOf("hidden") === -1 && $.push("inline-flex"), $.push(M), $.join(" ").trim();
-  }, g = () => {
-    const p = e.px || 0.7, x = e.py || 0.25;
+    return C > 0 ? ($.push(`border-[${C}px]`), $.push(`border-${S}`)) : ($.push("border-[1px]"), $.push("border-transparent")), c > 0 ? ($.push(`hover:border-[${c}px] group-hover:border-[${c}px]`), $.push(`hover:border-${S} group-hover:border-${S}`)) : $.push("hover:border-[1px] group-hover:border-[1px]"), $.push(`shadow-${E}`), $.push(`hover:shadow-${l} group-hover:shadow-${l}`), f.length > 0 && $.push(f), f.indexOf("hidden") === -1 && $.push("inline-flex"), $.push(M), $.join(" ").trim();
+  }, m = () => {
+    const y = e.px || 0.7, D = e.py || 0.25;
     return {
-      padding: r ? 0 : `${x}rem ${p}rem `
+      padding: r ? 0 : `${D}rem ${y}rem `
     };
   };
-  return /* @__PURE__ */ a("button", { type: "button", disabled: t, className: u(), style: g(), ...h, children: m });
+  return /* @__PURE__ */ a("button", { type: "button", disabled: t, className: u(), style: m(), ...h, children: g });
 }
 const rn = (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 on(e) {
-  const { children: n, testId: t, classNames: r, direction: i, ...o } = e, s = rn(e);
-  return /* @__PURE__ */ a("div", { "data-testid": t || "not-set", className: s, ...o, children: n });
+  const { children: n, testId: t, classNames: r, direction: o, ...i } = e, s = rn(e);
+  return /* @__PURE__ */ a("div", { "data-testid": t || "not-set", className: s, ...i, children: n });
 }
 const Gn = ce(
   (e, n) => {
-    const { classNames: t, innerClass: r, ...i } = e, o = Z(t || "", "w-full"), s = Z(
+    const { classNames: t, innerClass: r, ...o } = e, i = Z(t || "", "w-full"), s = Z(
       `w-full flex overflow-hidden justify-between items-center gap-0 
       rounded-md border`,
       r || ""
     );
-    return /* @__PURE__ */ a(on, { direction: "row", classNames: o, ...i, children: /* @__PURE__ */ a("div", { className: s, children: e.children }) });
+    return /* @__PURE__ */ a(on, { direction: "row", classNames: i, ...o, children: /* @__PURE__ */ a("div", { className: s, children: e.children }) });
   }
 ), Zn = ce((e, n) => /* @__PURE__ */ a(
   "div",
@@ -998,26 +998,26 @@ var Ve;
 function sn() {
   if (Ve) return U;
   Ve = 1;
-  var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, 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, x = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, b = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, v = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, C = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-  function S(c) {
+  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, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, d = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, b = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, g = 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, m = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, y = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, D = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, p = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, v = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, w = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  function C(c) {
     if (typeof c == "object" && c !== null) {
       var E = c.$$typeof;
       switch (E) {
         case n:
           switch (c = c.type, c) {
-            case y:
-            case m:
+            case b:
+            case g:
             case r:
-            case o:
             case i:
+            case o:
             case u:
               return c;
             default:
               switch (c = c && c.$$typeof, c) {
                 case d:
                 case h:
-                case x:
-                case p:
+                case D:
+                case y:
                 case s:
                   return c;
                 default:
@@ -1029,58 +1029,58 @@ function sn() {
       }
     }
   }
-  function D(c) {
-    return S(c) === m;
+  function S(c) {
+    return C(c) === g;
   }
-  return U.AsyncMode = y, U.ConcurrentMode = m, U.ContextConsumer = d, U.ContextProvider = s, U.Element = n, U.ForwardRef = h, U.Fragment = r, U.Lazy = x, U.Memo = p, U.Portal = t, U.Profiler = o, U.StrictMode = i, U.Suspense = u, U.isAsyncMode = function(c) {
-    return D(c) || S(c) === y;
-  }, U.isConcurrentMode = D, U.isContextConsumer = function(c) {
-    return S(c) === d;
+  return U.AsyncMode = b, U.ConcurrentMode = g, U.ContextConsumer = d, U.ContextProvider = s, U.Element = n, U.ForwardRef = h, U.Fragment = r, U.Lazy = D, U.Memo = y, U.Portal = t, U.Profiler = i, U.StrictMode = o, U.Suspense = u, U.isAsyncMode = function(c) {
+    return S(c) || C(c) === b;
+  }, U.isConcurrentMode = S, U.isContextConsumer = function(c) {
+    return C(c) === d;
   }, U.isContextProvider = function(c) {
-    return S(c) === s;
+    return C(c) === s;
   }, U.isElement = function(c) {
     return typeof c == "object" && c !== null && c.$$typeof === n;
   }, U.isForwardRef = function(c) {
-    return S(c) === h;
+    return C(c) === h;
   }, U.isFragment = function(c) {
-    return S(c) === r;
+    return C(c) === r;
   }, U.isLazy = function(c) {
-    return S(c) === x;
+    return C(c) === D;
   }, U.isMemo = function(c) {
-    return S(c) === p;
+    return C(c) === y;
   }, U.isPortal = function(c) {
-    return S(c) === t;
+    return C(c) === t;
   }, U.isProfiler = function(c) {
-    return S(c) === o;
+    return C(c) === i;
   }, U.isStrictMode = function(c) {
-    return S(c) === i;
+    return C(c) === o;
   }, U.isSuspense = function(c) {
-    return S(c) === u;
+    return C(c) === u;
   }, U.isValidElementType = function(c) {
-    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 === x || c.$$typeof === p || c.$$typeof === s || c.$$typeof === d || c.$$typeof === h || c.$$typeof === v || c.$$typeof === C || c.$$typeof === N || c.$$typeof === b);
-  }, U.typeOf = S, U;
+    return typeof c == "string" || typeof c == "function" || c === r || c === g || c === i || c === o || c === u || c === m || typeof c == "object" && c !== null && (c.$$typeof === D || c.$$typeof === y || c.$$typeof === s || c.$$typeof === d || c.$$typeof === h || c.$$typeof === v || c.$$typeof === w || c.$$typeof === N || c.$$typeof === p);
+  }, U.typeOf = C, U;
 }
 var q = {};
 var Ue;
 function ln() {
   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, 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, x = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, b = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, v = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, C = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-    function S(_) {
+    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, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, d = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, b = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, g = 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, m = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, y = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, D = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, p = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, v = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, w = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    function C(_) {
       return typeof _ == "string" || typeof _ == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      _ === r || _ === m || _ === o || _ === i || _ === u || _ === g || typeof _ == "object" && _ !== null && (_.$$typeof === x || _.$$typeof === p || _.$$typeof === s || _.$$typeof === d || _.$$typeof === h || _.$$typeof === v || _.$$typeof === C || _.$$typeof === N || _.$$typeof === b);
+      _ === r || _ === g || _ === i || _ === o || _ === u || _ === m || typeof _ == "object" && _ !== null && (_.$$typeof === D || _.$$typeof === y || _.$$typeof === s || _.$$typeof === d || _.$$typeof === h || _.$$typeof === v || _.$$typeof === w || _.$$typeof === N || _.$$typeof === p);
     }
-    function D(_) {
+    function S(_) {
       if (typeof _ == "object" && _ !== null) {
         var te = _.$$typeof;
         switch (te) {
           case n:
             var me = _.type;
             switch (me) {
-              case y:
-              case m:
+              case b:
+              case g:
               case r:
-              case o:
               case i:
+              case o:
               case u:
                 return me;
               default:
@@ -1088,8 +1088,8 @@ function ln() {
                 switch (je) {
                   case d:
                   case h:
-                  case x:
-                  case p:
+                  case D:
+                  case y:
                   case s:
                     return je;
                   default:
@@ -1101,47 +1101,47 @@ function ln() {
         }
       }
     }
-    var c = y, E = m, l = d, f = s, M = n, $ = h, I = r, T = x, z = p, X = t, Q = o, K = i, ee = u, se = !1;
+    var c = b, E = g, l = d, f = s, M = n, $ = h, I = r, T = D, z = y, X = t, Q = i, K = o, ee = u, se = !1;
     function de(_) {
-      return se || (se = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), w(_) || D(_) === y;
+      return se || (se = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), x(_) || S(_) === b;
     }
-    function w(_) {
-      return D(_) === m;
+    function x(_) {
+      return S(_) === g;
     }
     function P(_) {
-      return D(_) === d;
+      return S(_) === d;
     }
     function A(_) {
-      return D(_) === s;
+      return S(_) === s;
     }
     function k(_) {
       return typeof _ == "object" && _ !== null && _.$$typeof === n;
     }
-    function R(_) {
-      return D(_) === h;
+    function O(_) {
+      return S(_) === h;
     }
     function L(_) {
-      return D(_) === r;
+      return S(_) === r;
     }
-    function O(_) {
-      return D(_) === x;
+    function R(_) {
+      return S(_) === D;
     }
     function j(_) {
-      return D(_) === p;
+      return S(_) === y;
     }
     function F(_) {
-      return D(_) === t;
+      return S(_) === t;
     }
     function Y(_) {
-      return D(_) === o;
+      return S(_) === i;
     }
     function V(_) {
-      return D(_) === i;
+      return S(_) === o;
     }
     function G(_) {
-      return D(_) === u;
+      return S(_) === u;
     }
-    q.AsyncMode = c, q.ConcurrentMode = E, q.ContextConsumer = l, q.ContextProvider = f, q.Element = M, q.ForwardRef = $, q.Fragment = I, q.Lazy = T, q.Memo = z, q.Portal = X, q.Profiler = Q, q.StrictMode = K, q.Suspense = ee, q.isAsyncMode = de, q.isConcurrentMode = w, q.isContextConsumer = P, q.isContextProvider = A, q.isElement = k, q.isForwardRef = R, q.isFragment = L, q.isLazy = O, q.isMemo = j, q.isPortal = F, q.isProfiler = Y, q.isStrictMode = V, q.isSuspense = G, q.isValidElementType = S, q.typeOf = D;
+    q.AsyncMode = c, q.ConcurrentMode = E, q.ContextConsumer = l, q.ContextProvider = f, q.Element = M, q.ForwardRef = $, q.Fragment = I, q.Lazy = T, q.Memo = z, q.Portal = X, q.Profiler = Q, q.StrictMode = K, q.Suspense = ee, q.isAsyncMode = de, q.isConcurrentMode = x, q.isContextConsumer = P, q.isContextProvider = A, q.isElement = k, q.isForwardRef = O, q.isFragment = L, q.isLazy = R, q.isMemo = j, q.isPortal = F, q.isProfiler = Y, q.isStrictMode = V, q.isSuspense = G, q.isValidElementType = C, q.typeOf = S;
   })()), q;
 }
 var qe;
@@ -1153,49 +1153,49 @@ function cn() {
   if (Ye) return Ne;
   Ye = 1;
   var e = Object.getOwnPropertySymbols, n = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
-  function r(o) {
-    if (o == null)
+  function r(i) {
+    if (i == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(o);
+    return Object(i);
   }
-  function i() {
+  function o() {
     try {
       if (!Object.assign)
         return !1;
-      var o = new String("abc");
-      if (o[5] = "de", Object.getOwnPropertyNames(o)[0] === "5")
+      var i = new String("abc");
+      if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
         return !1;
       for (var s = {}, d = 0; d < 10; d++)
         s["_" + String.fromCharCode(d)] = d;
-      var y = Object.getOwnPropertyNames(s).map(function(h) {
+      var b = Object.getOwnPropertyNames(s).map(function(h) {
         return s[h];
       });
-      if (y.join("") !== "0123456789")
+      if (b.join("") !== "0123456789")
         return !1;
-      var m = {};
+      var g = {};
       return "abcdefghijklmnopqrst".split("").forEach(function(h) {
-        m[h] = h;
-      }), Object.keys(Object.assign({}, m)).join("") === "abcdefghijklmnopqrst";
+        g[h] = h;
+      }), Object.keys(Object.assign({}, g)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
-  return Ne = i() ? Object.assign : function(o, s) {
-    for (var d, y = r(o), m, h = 1; h < arguments.length; h++) {
+  return Ne = o() ? Object.assign : function(i, s) {
+    for (var d, b = r(i), g, h = 1; h < arguments.length; h++) {
       d = Object(arguments[h]);
       for (var u in d)
-        n.call(d, u) && (y[u] = d[u]);
+        n.call(d, u) && (b[u] = d[u]);
       if (e) {
-        m = e(d);
-        for (var g = 0; g < m.length; g++)
-          t.call(d, m[g]) && (y[m[g]] = d[m[g]]);
+        g = e(d);
+        for (var m = 0; m < g.length; m++)
+          t.call(d, g[m]) && (b[g[m]] = d[g[m]]);
       }
     }
-    return y;
+    return b;
   }, Ne;
 }
 var Te, ze;
-function Re() {
+function Oe() {
   if (ze) return Te;
   ze = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
@@ -1212,9 +1212,9 @@ function dn() {
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var n = /* @__PURE__ */ Re(), t = {}, r = /* @__PURE__ */ bt();
-    e = function(o) {
-      var s = "Warning: " + o;
+    var n = /* @__PURE__ */ Oe(), t = {}, r = /* @__PURE__ */ bt();
+    e = function(i) {
+      var s = "Warning: " + i;
       typeof console < "u" && console.error(s);
       try {
         throw new Error(s);
@@ -1222,74 +1222,74 @@ function dn() {
       }
     };
   }
-  function i(o, s, d, y, m) {
+  function o(i, s, d, b, g) {
     if (process.env.NODE_ENV !== "production") {
-      for (var h in o)
-        if (r(o, h)) {
+      for (var h in i)
+        if (r(i, h)) {
           var u;
           try {
-            if (typeof o[h] != "function") {
-              var g = Error(
-                (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`."
+            if (typeof i[h] != "function") {
+              var m = Error(
+                (b || "React class") + ": " + d + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw g.name = "Invariant Violation", g;
+              throw m.name = "Invariant Violation", m;
             }
-            u = o[h](s, h, y, d, null, n);
-          } catch (x) {
-            u = x;
+            u = i[h](s, h, b, d, null, n);
+          } catch (D) {
+            u = D;
           }
           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)."
+            (b || "React class") + ": type specification of " + d + " `" + h + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof u + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), u instanceof Error && !(u.message in t)) {
             t[u.message] = !0;
-            var p = m ? m() : "";
+            var y = g ? g() : "";
             e(
-              "Failed " + d + " type: " + u.message + (p ?? "")
+              "Failed " + d + " type: " + u.message + (y ?? "")
             );
           }
         }
     }
   }
-  return i.resetWarningCache = function() {
+  return o.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (t = {});
-  }, _e = i, _e;
+  }, _e = o, _e;
 }
 var Me, Ke;
 function un() {
   if (Ke) return Me;
   Ke = 1;
-  var e = yt(), n = cn(), t = /* @__PURE__ */ Re(), r = /* @__PURE__ */ bt(), i = /* @__PURE__ */ dn(), o = function() {
+  var e = yt(), n = cn(), t = /* @__PURE__ */ Oe(), r = /* @__PURE__ */ bt(), o = /* @__PURE__ */ dn(), i = function() {
   };
-  process.env.NODE_ENV !== "production" && (o = function(d) {
-    var y = "Warning: " + d;
-    typeof console < "u" && console.error(y);
+  process.env.NODE_ENV !== "production" && (i = function(d) {
+    var b = "Warning: " + d;
+    typeof console < "u" && console.error(b);
     try {
-      throw new Error(y);
+      throw new Error(b);
     } catch {
     }
   });
   function s() {
     return null;
   }
-  return Me = function(d, y) {
-    var m = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
-    function u(w) {
-      var P = w && (m && w[m] || w[h]);
+  return Me = function(d, b) {
+    var g = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
+    function u(x) {
+      var P = x && (g && x[g] || x[h]);
       if (typeof P == "function")
         return P;
     }
-    var g = "<<anonymous>>", p = {
-      array: C("array"),
-      bigint: C("bigint"),
-      bool: C("boolean"),
-      func: C("function"),
-      number: C("number"),
-      object: C("object"),
-      string: C("string"),
-      symbol: C("symbol"),
+    var m = "<<anonymous>>", y = {
+      array: w("array"),
+      bigint: w("bigint"),
+      bool: w("boolean"),
+      func: w("function"),
+      number: w("number"),
+      object: w("object"),
+      string: w("string"),
+      symbol: w("symbol"),
       any: N(),
-      arrayOf: S,
-      element: D(),
+      arrayOf: C,
+      element: S(),
       elementType: c(),
       instanceOf: E,
       node: $(),
@@ -1299,19 +1299,19 @@ function un() {
       shape: T,
       exact: z
     };
-    function x(w, P) {
-      return w === P ? w !== 0 || 1 / w === 1 / P : w !== w && P !== P;
+    function D(x, P) {
+      return x === P ? x !== 0 || 1 / x === 1 / P : x !== x && P !== P;
     }
-    function b(w, P) {
-      this.message = w, this.data = P && typeof P == "object" ? P : {}, this.stack = "";
+    function p(x, P) {
+      this.message = x, this.data = P && typeof P == "object" ? P : {}, this.stack = "";
     }
-    b.prototype = Error.prototype;
-    function v(w) {
+    p.prototype = Error.prototype;
+    function v(x) {
       if (process.env.NODE_ENV !== "production")
         var P = {}, A = 0;
-      function k(L, O, j, F, Y, V, G) {
-        if (F = F || g, V = V || j, G !== t) {
-          if (y) {
+      function k(L, R, j, F, Y, V, G) {
+        if (F = F || m, V = V || j, G !== t) {
+          if (b) {
             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"
             );
@@ -1319,24 +1319,24 @@ function un() {
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var te = F + ":" + j;
             !P[te] && // Avoid spamming the console because they are often not actionable except for lib authors
-            A < 3 && (o(
+            A < 3 && (i(
               "You are manually calling a React.PropTypes validation function for the `" + V + "` 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."
             ), P[te] = !0, A++);
           }
         }
-        return O[j] == null ? L ? O[j] === null ? new b("The " + Y + " `" + V + "` is marked as required " + ("in `" + F + "`, but its value is `null`.")) : new b("The " + Y + " `" + V + "` is marked as required in " + ("`" + F + "`, but its value is `undefined`.")) : null : w(O, j, F, Y, V);
+        return R[j] == null ? L ? R[j] === null ? new p("The " + Y + " `" + V + "` is marked as required " + ("in `" + F + "`, but its value is `null`.")) : new p("The " + Y + " `" + V + "` is marked as required in " + ("`" + F + "`, but its value is `undefined`.")) : null : x(R, j, F, Y, V);
       }
-      var R = k.bind(null, !1);
-      return R.isRequired = k.bind(null, !0), R;
+      var O = k.bind(null, !1);
+      return O.isRequired = k.bind(null, !0), O;
     }
-    function C(w) {
-      function P(A, k, R, L, O, j) {
+    function w(x) {
+      function P(A, k, O, L, R, j) {
         var F = A[k], Y = K(F);
-        if (Y !== w) {
+        if (Y !== x) {
           var V = ee(F);
-          return new b(
-            "Invalid " + L + " `" + O + "` of type " + ("`" + V + "` supplied to `" + R + "`, expected ") + ("`" + w + "`."),
-            { expectedType: w }
+          return new p(
+            "Invalid " + L + " `" + R + "` of type " + ("`" + V + "` supplied to `" + O + "`, expected ") + ("`" + x + "`."),
+            { expectedType: x }
           );
         }
         return null;
@@ -1346,17 +1346,17 @@ function un() {
     function N() {
       return v(s);
     }
-    function S(w) {
-      function P(A, k, R, L, O) {
-        if (typeof w != "function")
-          return new b("Property `" + O + "` of component `" + R + "` has invalid PropType notation inside arrayOf.");
+    function C(x) {
+      function P(A, k, O, L, R) {
+        if (typeof x != "function")
+          return new p("Property `" + R + "` of component `" + O + "` has invalid PropType notation inside arrayOf.");
         var j = A[k];
         if (!Array.isArray(j)) {
           var F = K(j);
-          return new b("Invalid " + L + " `" + O + "` of type " + ("`" + F + "` supplied to `" + R + "`, expected an array."));
+          return new p("Invalid " + L + " `" + R + "` of type " + ("`" + F + "` supplied to `" + O + "`, expected an array."));
         }
         for (var Y = 0; Y < j.length; Y++) {
-          var V = w(j, Y, R, L, O + "[" + Y + "]", t);
+          var V = x(j, Y, O, L, R + "[" + Y + "]", t);
           if (V instanceof Error)
             return V;
         }
@@ -1364,65 +1364,65 @@ function un() {
       }
       return v(P);
     }
-    function D() {
-      function w(P, A, k, R, L) {
-        var O = P[A];
-        if (!d(O)) {
-          var j = K(O);
-          return new b("Invalid " + R + " `" + L + "` of type " + ("`" + j + "` supplied to `" + k + "`, expected a single ReactElement."));
+    function S() {
+      function x(P, A, k, O, L) {
+        var R = P[A];
+        if (!d(R)) {
+          var j = K(R);
+          return new p("Invalid " + O + " `" + L + "` of type " + ("`" + j + "` supplied to `" + k + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return v(w);
+      return v(x);
     }
     function c() {
-      function w(P, A, k, R, L) {
-        var O = P[A];
-        if (!e.isValidElementType(O)) {
-          var j = K(O);
-          return new b("Invalid " + R + " `" + L + "` of type " + ("`" + j + "` supplied to `" + k + "`, expected a single ReactElement type."));
+      function x(P, A, k, O, L) {
+        var R = P[A];
+        if (!e.isValidElementType(R)) {
+          var j = K(R);
+          return new p("Invalid " + O + " `" + L + "` of type " + ("`" + j + "` supplied to `" + k + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return v(w);
+      return v(x);
     }
-    function E(w) {
-      function P(A, k, R, L, O) {
-        if (!(A[k] instanceof w)) {
-          var j = w.name || g, F = de(A[k]);
-          return new b("Invalid " + L + " `" + O + "` of type " + ("`" + F + "` supplied to `" + R + "`, expected ") + ("instance of `" + j + "`."));
+    function E(x) {
+      function P(A, k, O, L, R) {
+        if (!(A[k] instanceof x)) {
+          var j = x.name || m, F = de(A[k]);
+          return new p("Invalid " + L + " `" + R + "` of type " + ("`" + F + "` supplied to `" + O + "`, expected ") + ("instance of `" + j + "`."));
         }
         return null;
       }
       return v(P);
     }
-    function l(w) {
-      if (!Array.isArray(w))
-        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
+    function l(x) {
+      if (!Array.isArray(x))
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
-        ) : o("Invalid argument supplied to oneOf, expected an array.")), s;
-      function P(A, k, R, L, O) {
-        for (var j = A[k], F = 0; F < w.length; F++)
-          if (x(j, w[F]))
+        ) : i("Invalid argument supplied to oneOf, expected an array.")), s;
+      function P(A, k, O, L, R) {
+        for (var j = A[k], F = 0; F < x.length; F++)
+          if (D(j, x[F]))
             return null;
-        var Y = JSON.stringify(w, function(G, _) {
+        var Y = JSON.stringify(x, function(G, _) {
           var te = ee(_);
           return te === "symbol" ? String(_) : _;
         });
-        return new b("Invalid " + L + " `" + O + "` of value `" + String(j) + "` " + ("supplied to `" + R + "`, expected one of " + Y + "."));
+        return new p("Invalid " + L + " `" + R + "` of value `" + String(j) + "` " + ("supplied to `" + O + "`, expected one of " + Y + "."));
       }
       return v(P);
     }
-    function f(w) {
-      function P(A, k, R, L, O) {
-        if (typeof w != "function")
-          return new b("Property `" + O + "` of component `" + R + "` has invalid PropType notation inside objectOf.");
+    function f(x) {
+      function P(A, k, O, L, R) {
+        if (typeof x != "function")
+          return new p("Property `" + R + "` of component `" + O + "` has invalid PropType notation inside objectOf.");
         var j = A[k], F = K(j);
         if (F !== "object")
-          return new b("Invalid " + L + " `" + O + "` of type " + ("`" + F + "` supplied to `" + R + "`, expected an object."));
+          return new p("Invalid " + L + " `" + R + "` of type " + ("`" + F + "` supplied to `" + O + "`, expected an object."));
         for (var Y in j)
           if (r(j, Y)) {
-            var V = w(j, Y, R, L, O + "." + Y, t);
+            var V = x(j, Y, O, L, R + "." + Y, t);
             if (V instanceof Error)
               return V;
           }
@@ -1430,49 +1430,49 @@ function un() {
       }
       return v(P);
     }
-    function M(w) {
-      if (!Array.isArray(w))
-        return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), s;
-      for (var P = 0; P < w.length; P++) {
-        var A = w[P];
+    function M(x) {
+      if (!Array.isArray(x))
+        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), s;
+      for (var P = 0; P < x.length; P++) {
+        var A = x[P];
         if (typeof A != "function")
-          return o(
+          return i(
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + se(A) + " at index " + P + "."
           ), s;
       }
-      function k(R, L, O, j, F) {
-        for (var Y = [], V = 0; V < w.length; V++) {
-          var G = w[V], _ = G(R, L, O, j, F, t);
+      function k(O, L, R, j, F) {
+        for (var Y = [], V = 0; V < x.length; V++) {
+          var G = x[V], _ = G(O, L, R, j, F, t);
           if (_ == null)
             return null;
           _.data && r(_.data, "expectedType") && Y.push(_.data.expectedType);
         }
         var te = Y.length > 0 ? ", expected one of type [" + Y.join(", ") + "]" : "";
-        return new b("Invalid " + j + " `" + F + "` supplied to " + ("`" + O + "`" + te + "."));
+        return new p("Invalid " + j + " `" + F + "` supplied to " + ("`" + R + "`" + te + "."));
       }
       return v(k);
     }
     function $() {
-      function w(P, A, k, R, L) {
-        return X(P[A]) ? null : new b("Invalid " + R + " `" + L + "` supplied to " + ("`" + k + "`, expected a ReactNode."));
+      function x(P, A, k, O, L) {
+        return X(P[A]) ? null : new p("Invalid " + O + " `" + L + "` supplied to " + ("`" + k + "`, expected a ReactNode."));
       }
-      return v(w);
+      return v(x);
     }
-    function I(w, P, A, k, R) {
-      return new b(
-        (w || "React class") + ": " + P + " type `" + A + "." + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + R + "`."
+    function I(x, P, A, k, O) {
+      return new p(
+        (x || "React class") + ": " + P + " type `" + A + "." + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + O + "`."
       );
     }
-    function T(w) {
-      function P(A, k, R, L, O) {
+    function T(x) {
+      function P(A, k, O, L, R) {
         var j = A[k], F = K(j);
         if (F !== "object")
-          return new b("Invalid " + L + " `" + O + "` of type `" + F + "` " + ("supplied to `" + R + "`, expected `object`."));
-        for (var Y in w) {
-          var V = w[Y];
+          return new p("Invalid " + L + " `" + R + "` of type `" + F + "` " + ("supplied to `" + O + "`, expected `object`."));
+        for (var Y in x) {
+          var V = x[Y];
           if (typeof V != "function")
-            return I(R, L, O, Y, ee(V));
-          var G = V(j, Y, R, L, O + "." + Y, t);
+            return I(O, L, R, Y, ee(V));
+          var G = V(j, Y, O, L, R + "." + Y, t);
           if (G)
             return G;
         }
@@ -1480,22 +1480,22 @@ function un() {
       }
       return v(P);
     }
-    function z(w) {
-      function P(A, k, R, L, O) {
+    function z(x) {
+      function P(A, k, O, L, R) {
         var j = A[k], F = K(j);
         if (F !== "object")
-          return new b("Invalid " + L + " `" + O + "` of type `" + F + "` " + ("supplied to `" + R + "`, expected `object`."));
-        var Y = n({}, A[k], w);
+          return new p("Invalid " + L + " `" + R + "` of type `" + F + "` " + ("supplied to `" + O + "`, expected `object`."));
+        var Y = n({}, A[k], x);
         for (var V in Y) {
-          var G = w[V];
-          if (r(w, V) && typeof G != "function")
-            return I(R, L, O, V, ee(G));
+          var G = x[V];
+          if (r(x, V) && typeof G != "function")
+            return I(O, L, R, V, ee(G));
           if (!G)
-            return new b(
-              "Invalid " + L + " `" + O + "` key `" + V + "` supplied to `" + R + "`.\nBad object: " + JSON.stringify(A[k], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(w), null, "  ")
+            return new p(
+              "Invalid " + L + " `" + R + "` key `" + V + "` supplied to `" + O + "`.\nBad object: " + JSON.stringify(A[k], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
             );
-          var _ = G(j, V, R, L, O + "." + V, t);
+          var _ = G(j, V, O, L, R + "." + V, t);
           if (_)
             return _;
         }
@@ -1503,30 +1503,30 @@ Valid keys: ` + JSON.stringify(Object.keys(w), null, "  ")
       }
       return v(P);
     }
-    function X(w) {
-      switch (typeof w) {
+    function X(x) {
+      switch (typeof x) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !w;
+          return !x;
         case "object":
-          if (Array.isArray(w))
-            return w.every(X);
-          if (w === null || d(w))
+          if (Array.isArray(x))
+            return x.every(X);
+          if (x === null || d(x))
             return !0;
-          var P = u(w);
+          var P = u(x);
           if (P) {
-            var A = P.call(w), k;
-            if (P !== w.entries) {
+            var A = P.call(x), k;
+            if (P !== x.entries) {
               for (; !(k = A.next()).done; )
                 if (!X(k.value))
                   return !1;
             } else
               for (; !(k = A.next()).done; ) {
-                var R = k.value;
-                if (R && !X(R[1]))
+                var O = k.value;
+                if (O && !X(O[1]))
                   return !1;
               }
           } else
@@ -1536,27 +1536,27 @@ Valid keys: ` + JSON.stringify(Object.keys(w), null, "  ")
           return !1;
       }
     }
-    function Q(w, P) {
-      return w === "symbol" ? !0 : P ? P["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && P instanceof Symbol : !1;
+    function Q(x, P) {
+      return x === "symbol" ? !0 : P ? P["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && P instanceof Symbol : !1;
     }
-    function K(w) {
-      var P = typeof w;
-      return Array.isArray(w) ? "array" : w instanceof RegExp ? "object" : Q(P, w) ? "symbol" : P;
+    function K(x) {
+      var P = typeof x;
+      return Array.isArray(x) ? "array" : x instanceof RegExp ? "object" : Q(P, x) ? "symbol" : P;
     }
-    function ee(w) {
-      if (typeof w > "u" || w === null)
-        return "" + w;
-      var P = K(w);
+    function ee(x) {
+      if (typeof x > "u" || x === null)
+        return "" + x;
+      var P = K(x);
       if (P === "object") {
-        if (w instanceof Date)
+        if (x instanceof Date)
           return "date";
-        if (w instanceof RegExp)
+        if (x instanceof RegExp)
           return "regexp";
       }
       return P;
     }
-    function se(w) {
-      var P = ee(w);
+    function se(x) {
+      var P = ee(x);
       switch (P) {
         case "array":
         case "object":
@@ -1569,35 +1569,35 @@ Valid keys: ` + JSON.stringify(Object.keys(w), null, "  ")
           return P;
       }
     }
-    function de(w) {
-      return !w.constructor || !w.constructor.name ? g : w.constructor.name;
+    function de(x) {
+      return !x.constructor || !x.constructor.name ? m : x.constructor.name;
     }
-    return p.checkPropTypes = i, p.resetWarningCache = i.resetWarningCache, p.PropTypes = p, p;
+    return y.checkPropTypes = o, y.resetWarningCache = o.resetWarningCache, y.PropTypes = y, y;
   }, Me;
 }
 var Pe, Xe;
 function fn() {
   if (Xe) return Pe;
   Xe = 1;
-  var e = /* @__PURE__ */ Re();
+  var e = /* @__PURE__ */ Oe();
   function n() {
   }
   function t() {
   }
   return t.resetWarningCache = n, Pe = function() {
-    function r(s, d, y, m, h, u) {
+    function r(s, d, b, g, h, u) {
       if (u !== e) {
-        var g = new Error(
+        var m = 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 g.name = "Invariant Violation", g;
+        throw m.name = "Invariant Violation", m;
       }
     }
     r.isRequired = r;
-    function i() {
+    function o() {
       return r;
     }
-    var o = {
+    var i = {
       array: r,
       bigint: r,
       bool: r,
@@ -1607,20 +1607,20 @@ function fn() {
       string: r,
       symbol: r,
       any: r,
-      arrayOf: i,
+      arrayOf: o,
       element: r,
       elementType: r,
-      instanceOf: i,
+      instanceOf: o,
       node: r,
-      objectOf: i,
-      oneOf: i,
-      oneOfType: i,
-      shape: i,
-      exact: i,
+      objectOf: o,
+      oneOf: o,
+      oneOfType: o,
+      shape: o,
+      exact: o,
       checkPropTypes: t,
       resetWarningCache: n
     };
-    return o.PropTypes = o, o;
+    return i.PropTypes = i, i;
   }, Pe;
 }
 var Ge;
@@ -1638,81 +1638,81 @@ function hn() {
   if (Ze) return be.exports;
   Ze = 1;
   function e(t) {
-    var r, i, o = "";
-    if (typeof t == "string" || typeof t == "number") o += t;
+    var r, o, i = "";
+    if (typeof t == "string" || typeof t == "number") i += t;
     else if (typeof t == "object") if (Array.isArray(t)) {
       var s = t.length;
-      for (r = 0; r < s; r++) t[r] && (i = e(t[r])) && (o && (o += " "), o += i);
-    } else for (i in t) t[i] && (o && (o += " "), o += i);
-    return o;
+      for (r = 0; r < s; r++) t[r] && (o = e(t[r])) && (i && (i += " "), i += o);
+    } else for (o in t) t[o] && (i && (i += " "), i += o);
+    return i;
   }
   function n() {
-    for (var t, r, i = 0, o = "", s = arguments.length; i < s; i++) (t = arguments[i]) && (r = e(t)) && (o && (o += " "), o += r);
-    return o;
+    for (var t, r, o = 0, i = "", s = arguments.length; o < s; o++) (t = arguments[o]) && (r = e(t)) && (i && (i += " "), i += r);
+    return i;
   }
   return be.exports = n, be.exports.clsx = n, be.exports;
 }
-var B = {}, oe = {}, Je;
+var B = {}, ie = {}, Je;
 function we() {
-  if (Je) return oe;
-  Je = 1, Object.defineProperty(oe, "__esModule", {
+  if (Je) return ie;
+  Je = 1, Object.defineProperty(ie, "__esModule", {
     value: !0
-  }), oe.dontSetMe = i, oe.findInArray = e, oe.int = r, oe.isFunction = n, oe.isNum = t;
-  function e(o, s) {
-    for (let d = 0, y = o.length; d < y; d++)
-      if (s.apply(s, [o[d], d, o])) return o[d];
+  }), ie.dontSetMe = o, ie.findInArray = e, ie.int = r, ie.isFunction = n, ie.isNum = t;
+  function e(i, s) {
+    for (let d = 0, b = i.length; d < b; d++)
+      if (s.apply(s, [i[d], d, i])) return i[d];
   }
-  function n(o) {
-    return typeof o == "function" || Object.prototype.toString.call(o) === "[object Function]";
+  function n(i) {
+    return typeof i == "function" || Object.prototype.toString.call(i) === "[object Function]";
   }
-  function t(o) {
-    return typeof o == "number" && !isNaN(o);
+  function t(i) {
+    return typeof i == "number" && !isNaN(i);
   }
-  function r(o) {
-    return parseInt(o, 10);
+  function r(i) {
+    return parseInt(i, 10);
   }
-  function i(o, s, d) {
-    if (o[s])
+  function o(i, s, d) {
+    if (i[s])
       return new Error(`Invalid prop ${s} passed to ${d} - do not set this, set it on the child.`);
   }
-  return oe;
+  return ie;
 }
-var ie = {}, Qe;
+var oe = {}, Qe;
 function gn() {
-  if (Qe) return ie;
-  Qe = 1, Object.defineProperty(ie, "__esModule", {
+  if (Qe) return oe;
+  Qe = 1, Object.defineProperty(oe, "__esModule", {
     value: !0
-  }), ie.browserPrefixToKey = t, ie.browserPrefixToStyle = r, ie.default = void 0, ie.getPrefix = n;
+  }), oe.browserPrefixToKey = t, oe.browserPrefixToStyle = r, oe.default = void 0, oe.getPrefix = n;
   const e = ["Moz", "Webkit", "O", "ms"];
   function n() {
-    let o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
+    let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
     if (typeof window > "u") return "";
     const s = window.document?.documentElement?.style;
-    if (!s || o in s) return "";
+    if (!s || i in s) return "";
     for (let d = 0; d < e.length; d++)
-      if (t(o, e[d]) in s) return e[d];
+      if (t(i, e[d]) in s) return e[d];
     return "";
   }
-  function t(o, s) {
-    return s ? `${s}${i(o)}` : o;
+  function t(i, s) {
+    return s ? `${s}${o(i)}` : i;
   }
-  function r(o, s) {
-    return s ? `-${s.toLowerCase()}-${o}` : o;
+  function r(i, s) {
+    return s ? `-${s.toLowerCase()}-${i}` : i;
   }
-  function i(o) {
+  function o(i) {
     let s = "", d = !0;
-    for (let y = 0; y < o.length; y++)
-      d ? (s += o[y].toUpperCase(), d = !1) : o[y] === "-" ? d = !0 : s += o[y];
+    for (let b = 0; b < i.length; b++)
+      d ? (s += i[b].toUpperCase(), d = !1) : i[b] === "-" ? d = !0 : s += i[b];
     return s;
   }
-  return ie.default = n(), ie;
+  return oe.default = n(), oe;
 }
 var et;
-function Oe() {
+function Re() {
   if (et) return B;
   et = 1, Object.defineProperty(B, "__esModule", {
     value: !0
-  }), B.addClassName = c, B.addEvent = s, B.addUserSelectStyles = N, B.createCSSTransform = p, B.createSVGTransform = x, B.getTouch = v, B.getTouchIdentifier = C, B.getTranslation = b, B.innerHeight = h, B.innerWidth = u, B.matchesSelector = i, B.matchesSelectorAndParentsTo = o, B.offsetXYFromParent = g, B.outerHeight = y, B.outerWidth = m, B.removeClassName = E, B.removeEvent = d, B.scheduleRemoveUserSelectStyles = S;
+  }), B.addClassName = c, B.addEvent = s, B.addUserSelectStyles = N, B.createCSSTransform = y, B.createSVGTransform = D, B.getTouch = v, B.getTouchIdentifier = w, B.getTranslation = p, B.innerHeight = h, B.innerWidth = u, B.matchesSelector = o, B.matchesSelectorAndParentsTo = i, B.offsetXYFromParent = m, B.outerHeight = b, B.outerWidth = g, B.removeClassName = E, B.removeEvent = d, B.scheduleRemoveUserSelectStyles = C;
   var e = we(), n = t(gn());
   function t(l, f) {
     if (typeof WeakMap == "function") var M = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakMap();
@@ -1729,15 +1729,15 @@ function Oe() {
     })(l, f);
   }
   let r = "";
-  function i(l, f) {
+  function o(l, f) {
     return r || (r = (0, e.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(M) {
       return (0, e.isFunction)(l[M]);
     })), (0, e.isFunction)(l[r]) ? l[r](f) : !1;
   }
-  function o(l, f, M) {
+  function i(l, f, M) {
     let $ = l;
     do {
-      if (i($, f)) return !0;
+      if (o($, f)) return !0;
       if ($ === M) return !1;
       $ = $.parentNode;
     } while ($);
@@ -1759,12 +1759,12 @@ function Oe() {
     };
     l.removeEventListener ? l.removeEventListener(f, M, I) : l.detachEvent ? l.detachEvent("on" + f, M) : l["on" + f] = null;
   }
-  function y(l) {
+  function b(l) {
     let f = l.clientHeight;
     const M = l.ownerDocument.defaultView.getComputedStyle(l);
     return f += (0, e.int)(M.borderTopWidth), f += (0, e.int)(M.borderBottomWidth), f;
   }
-  function m(l) {
+  function g(l) {
     let f = l.clientWidth;
     const M = l.ownerDocument.defaultView.getComputedStyle(l);
     return f += (0, e.int)(M.borderLeftWidth), f += (0, e.int)(M.borderRightWidth), f;
@@ -1779,7 +1779,7 @@ function Oe() {
     const M = l.ownerDocument.defaultView.getComputedStyle(l);
     return f -= (0, e.int)(M.paddingLeft), f -= (0, e.int)(M.paddingRight), f;
   }
-  function g(l, f, M) {
+  function m(l, f, M) {
     const I = f === f.ownerDocument.body ? {
       left: 0,
       top: 0
@@ -1789,16 +1789,16 @@ function Oe() {
       y: z
     };
   }
-  function p(l, f) {
-    const M = b(l, f, "px");
+  function y(l, f) {
+    const M = p(l, f, "px");
     return {
       [(0, n.browserPrefixToKey)("transform", n.default)]: M
     };
   }
-  function x(l, f) {
-    return b(l, f, "");
+  function D(l, f) {
+    return p(l, f, "");
   }
-  function b(l, f, M) {
+  function p(l, f, M) {
     let {
       x: $,
       y: I
@@ -1812,7 +1812,7 @@ function Oe() {
   function v(l, f) {
     return l.targetTouches && (0, e.findInArray)(l.targetTouches, (M) => f === M.identifier) || l.changedTouches && (0, e.findInArray)(l.changedTouches, (M) => f === M.identifier);
   }
-  function C(l) {
+  function w(l) {
     if (l.targetTouches && l.targetTouches[0]) return l.targetTouches[0].identifier;
     if (l.changedTouches && l.changedTouches[0]) return l.changedTouches[0].identifier;
   }
@@ -1823,12 +1823,12 @@ 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 S(l) {
+  function C(l) {
     window.requestAnimationFrame ? window.requestAnimationFrame(() => {
-      D(l);
-    }) : D(l);
+      S(l);
+    }) : S(l);
   }
-  function D(l) {
+  function S(l) {
     if (l)
       try {
         if (l.body && E(l.body, "react-draggable-transparent-selection"), l.selection)
@@ -1853,81 +1853,81 @@ function xt() {
   if (tt) return ne;
   tt = 1, Object.defineProperty(ne, "__esModule", {
     value: !0
-  }), ne.canDragX = i, ne.canDragY = o, ne.createCoreData = d, ne.createDraggableData = y, ne.getBoundPosition = t, ne.getControlPosition = s, ne.snapToGrid = r;
-  var e = we(), n = Oe();
-  function t(u, g, p) {
-    if (!u.props.bounds) return [g, p];
+  }), ne.canDragX = o, ne.canDragY = i, ne.createCoreData = d, ne.createDraggableData = b, ne.getBoundPosition = t, ne.getControlPosition = s, ne.snapToGrid = r;
+  var e = we(), n = Re();
+  function t(u, m, y) {
+    if (!u.props.bounds) return [m, y];
     let {
-      bounds: x
+      bounds: D
     } = u.props;
-    x = typeof x == "string" ? x : m(x);
-    const b = h(u);
-    if (typeof x == "string") {
+    D = typeof D == "string" ? D : g(D);
+    const p = h(u);
+    if (typeof D == "string") {
       const {
         ownerDocument: v
-      } = b, C = v.defaultView;
+      } = p, w = v.defaultView;
       let N;
-      if (x === "parent" ? N = b.parentNode : N = b.getRootNode().querySelector(x), !(N instanceof C.HTMLElement))
-        throw new Error('Bounds selector "' + x + '" could not find an element.');
-      const S = N, D = C.getComputedStyle(b), c = C.getComputedStyle(S);
-      x = {
-        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)(S) - (0, n.outerWidth)(b) - b.offsetLeft + (0, e.int)(c.paddingRight) - (0, e.int)(D.marginRight),
-        bottom: (0, n.innerHeight)(S) - (0, n.outerHeight)(b) - b.offsetTop + (0, e.int)(c.paddingBottom) - (0, e.int)(D.marginBottom)
+      if (D === "parent" ? N = p.parentNode : N = p.getRootNode().querySelector(D), !(N instanceof w.HTMLElement))
+        throw new Error('Bounds selector "' + D + '" could not find an element.');
+      const C = N, S = w.getComputedStyle(p), c = w.getComputedStyle(C);
+      D = {
+        left: -p.offsetLeft + (0, e.int)(c.paddingLeft) + (0, e.int)(S.marginLeft),
+        top: -p.offsetTop + (0, e.int)(c.paddingTop) + (0, e.int)(S.marginTop),
+        right: (0, n.innerWidth)(C) - (0, n.outerWidth)(p) - p.offsetLeft + (0, e.int)(c.paddingRight) - (0, e.int)(S.marginRight),
+        bottom: (0, n.innerHeight)(C) - (0, n.outerHeight)(p) - p.offsetTop + (0, e.int)(c.paddingBottom) - (0, e.int)(S.marginBottom)
       };
     }
-    return (0, e.isNum)(x.right) && (g = Math.min(g, x.right)), (0, e.isNum)(x.bottom) && (p = Math.min(p, x.bottom)), (0, e.isNum)(x.left) && (g = Math.max(g, x.left)), (0, e.isNum)(x.top) && (p = Math.max(p, x.top)), [g, p];
+    return (0, e.isNum)(D.right) && (m = Math.min(m, D.right)), (0, e.isNum)(D.bottom) && (y = Math.min(y, D.bottom)), (0, e.isNum)(D.left) && (m = Math.max(m, D.left)), (0, e.isNum)(D.top) && (y = Math.max(y, D.top)), [m, y];
   }
-  function r(u, g, p) {
-    const x = Math.round(g / u[0]) * u[0], b = Math.round(p / u[1]) * u[1];
-    return [x, b];
+  function r(u, m, y) {
+    const D = Math.round(m / u[0]) * u[0], p = Math.round(y / u[1]) * u[1];
+    return [D, p];
   }
-  function i(u) {
+  function o(u) {
     return u.props.axis === "both" || u.props.axis === "x";
   }
-  function o(u) {
+  function i(u) {
     return u.props.axis === "both" || u.props.axis === "y";
   }
-  function s(u, g, p) {
-    const x = typeof g == "number" ? (0, n.getTouch)(u, g) : null;
-    if (typeof g == "number" && !x) return null;
-    const b = h(p), v = p.props.offsetParent || b.offsetParent || b.ownerDocument.body;
-    return (0, n.offsetXYFromParent)(x || u, v, p.props.scale);
+  function s(u, m, y) {
+    const D = typeof m == "number" ? (0, n.getTouch)(u, m) : null;
+    if (typeof m == "number" && !D) return null;
+    const p = h(y), v = y.props.offsetParent || p.offsetParent || p.ownerDocument.body;
+    return (0, n.offsetXYFromParent)(D || u, v, y.props.scale);
   }
-  function d(u, g, p) {
-    const x = !(0, e.isNum)(u.lastX), b = h(u);
-    return x ? {
-      node: b,
+  function d(u, m, y) {
+    const D = !(0, e.isNum)(u.lastX), p = h(u);
+    return D ? {
+      node: p,
       deltaX: 0,
       deltaY: 0,
-      lastX: g,
-      lastY: p,
-      x: g,
-      y: p
+      lastX: m,
+      lastY: y,
+      x: m,
+      y
     } : {
-      node: b,
-      deltaX: g - u.lastX,
-      deltaY: p - u.lastY,
+      node: p,
+      deltaX: m - u.lastX,
+      deltaY: y - u.lastY,
       lastX: u.lastX,
       lastY: u.lastY,
-      x: g,
-      y: p
+      x: m,
+      y
     };
   }
-  function y(u, g) {
-    const p = u.props.scale;
+  function b(u, m) {
+    const y = u.props.scale;
     return {
-      node: g.node,
-      x: u.state.x + g.deltaX / p,
-      y: u.state.y + g.deltaY / p,
-      deltaX: g.deltaX / p,
-      deltaY: g.deltaY / p,
+      node: m.node,
+      x: u.state.x + m.deltaX / y,
+      y: u.state.y + m.deltaY / y,
+      deltaX: m.deltaX / y,
+      deltaY: m.deltaY / y,
       lastX: u.state.x,
       lastY: u.state.y
     };
   }
-  function m(u) {
+  function g(u) {
     return {
       left: u.left,
       top: u.top,
@@ -1936,10 +1936,10 @@ function xt() {
     };
   }
   function h(u) {
-    const g = u.findDOMNode();
-    if (!g)
+    const m = u.findDOMNode();
+    if (!m)
       throw new Error("<DraggableCore>: Unmounted during event!");
-    return g;
+    return m;
   }
   return ne;
 }
@@ -1959,42 +1959,42 @@ function mn() {
   rt = 1, Object.defineProperty(he, "__esModule", {
     value: !0
   }), he.default = void 0;
-  var e = y(ae), n = d(/* @__PURE__ */ vt()), t = d(lt), r = Oe(), i = xt(), o = we(), s = d(wt());
-  function d(b) {
-    return b && b.__esModule ? b : { default: b };
-  }
-  function y(b, v) {
-    if (typeof WeakMap == "function") var C = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap();
-    return (y = function(S, D) {
-      if (!D && S && S.__esModule) return S;
-      var c, E, l = { __proto__: null, default: S };
-      if (S === null || typeof S != "object" && typeof S != "function") return l;
-      if (c = D ? N : C) {
-        if (c.has(S)) return c.get(S);
-        c.set(S, l);
+  var e = b(ae), n = d(/* @__PURE__ */ vt()), t = d(lt), r = Re(), o = xt(), i = we(), s = d(wt());
+  function d(p) {
+    return p && p.__esModule ? p : { default: p };
+  }
+  function b(p, v) {
+    if (typeof WeakMap == "function") var w = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap();
+    return (b = function(C, S) {
+      if (!S && C && C.__esModule) return C;
+      var c, E, l = { __proto__: null, default: C };
+      if (C === null || typeof C != "object" && typeof C != "function") return l;
+      if (c = S ? N : w) {
+        if (c.has(C)) return c.get(C);
+        c.set(C, l);
       }
-      for (const f in S) f !== "default" && {}.hasOwnProperty.call(S, f) && ((E = (c = Object.defineProperty) && Object.getOwnPropertyDescriptor(S, f)) && (E.get || E.set) ? c(l, f, E) : l[f] = S[f]);
+      for (const f in C) f !== "default" && {}.hasOwnProperty.call(C, f) && ((E = (c = Object.defineProperty) && Object.getOwnPropertyDescriptor(C, f)) && (E.get || E.set) ? c(l, f, E) : l[f] = C[f]);
       return l;
-    })(b, v);
+    })(p, v);
   }
-  function m(b, v, C) {
-    return (v = h(v)) in b ? Object.defineProperty(b, v, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : b[v] = C, b;
+  function g(p, v, w) {
+    return (v = h(v)) in p ? Object.defineProperty(p, v, { value: w, enumerable: !0, configurable: !0, writable: !0 }) : p[v] = w, p;
   }
-  function h(b) {
-    var v = u(b, "string");
+  function h(p) {
+    var v = u(p, "string");
     return typeof v == "symbol" ? v : v + "";
   }
-  function u(b, v) {
-    if (typeof b != "object" || !b) return b;
-    var C = b[Symbol.toPrimitive];
-    if (C !== void 0) {
-      var N = C.call(b, v);
+  function u(p, v) {
+    if (typeof p != "object" || !p) return p;
+    var w = p[Symbol.toPrimitive];
+    if (w !== void 0) {
+      var N = w.call(p, v);
       if (typeof N != "object") return N;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return (v === "string" ? String : Number)(b);
+    return (v === "string" ? String : Number)(p);
   }
-  const g = {
+  const m = {
     touch: {
       start: "touchstart",
       move: "touchmove",
@@ -2006,42 +2006,42 @@ function mn() {
       stop: "mouseup"
     }
   };
-  let p = g.mouse, x = class extends e.Component {
+  let y = m.mouse, D = 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) => {
+      super(...arguments), g(this, "dragging", !1), g(this, "lastX", NaN), g(this, "lastY", NaN), g(this, "touchIdentifier", null), g(this, "mounted", !1), g(this, "handleDragStart", (v) => {
         if (this.props.onMouseDown(v), !this.props.allowAnyClick && typeof v.button == "number" && v.button !== 0) return !1;
-        const C = this.findDOMNode();
-        if (!C || !C.ownerDocument || !C.ownerDocument.body)
+        const w = this.findDOMNode();
+        if (!w || !w.ownerDocument || !w.ownerDocument.body)
           throw new Error("<DraggableCore> not mounted on DragStart!");
         const {
           ownerDocument: N
-        } = C;
-        if (this.props.disabled || !(v.target instanceof N.defaultView.Node) || this.props.handle && !(0, r.matchesSelectorAndParentsTo)(v.target, this.props.handle, C) || this.props.cancel && (0, r.matchesSelectorAndParentsTo)(v.target, this.props.cancel, C))
+        } = w;
+        if (this.props.disabled || !(v.target instanceof N.defaultView.Node) || this.props.handle && !(0, r.matchesSelectorAndParentsTo)(v.target, this.props.handle, w) || this.props.cancel && (0, r.matchesSelectorAndParentsTo)(v.target, this.props.cancel, w))
           return;
         v.type === "touchstart" && !this.props.allowMobileScroll && v.preventDefault();
-        const S = (0, r.getTouchIdentifier)(v);
-        this.touchIdentifier = S;
-        const D = (0, i.getControlPosition)(v, S, this);
-        if (D == null) return;
+        const C = (0, r.getTouchIdentifier)(v);
+        this.touchIdentifier = C;
+        const S = (0, o.getControlPosition)(v, C, this);
+        if (S == null) return;
         const {
           x: c,
           y: E
-        } = D, l = (0, i.createCoreData)(this, c, E);
-        (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)(N), this.dragging = !0, this.lastX = c, this.lastY = E, (0, r.addEvent)(N, p.move, this.handleDrag), (0, r.addEvent)(N, p.stop, this.handleDragStop));
-      }), m(this, "handleDrag", (v) => {
-        const C = (0, i.getControlPosition)(v, this.touchIdentifier, this);
-        if (C == null) return;
+        } = S, l = (0, o.createCoreData)(this, c, E);
+        (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)(N), this.dragging = !0, this.lastX = c, this.lastY = E, (0, r.addEvent)(N, y.move, this.handleDrag), (0, r.addEvent)(N, y.stop, this.handleDragStop));
+      }), g(this, "handleDrag", (v) => {
+        const w = (0, o.getControlPosition)(v, this.touchIdentifier, this);
+        if (w == null) return;
         let {
           x: N,
-          y: S
-        } = C;
+          y: C
+        } = w;
         if (Array.isArray(this.props.grid)) {
-          let E = N - this.lastX, l = S - this.lastY;
-          if ([E, l] = (0, i.snapToGrid)(this.props.grid, E, l), !E && !l) return;
-          N = this.lastX + E, S = this.lastY + l;
+          let E = N - this.lastX, l = C - this.lastY;
+          if ([E, l] = (0, o.snapToGrid)(this.props.grid, E, l), !E && !l) return;
+          N = this.lastX + E, C = this.lastY + l;
         }
-        const D = (0, i.createCoreData)(this, N, S);
-        if ((0, s.default)("DraggableCore: handleDrag: %j", D), this.props.onDrag(v, D) === !1 || this.mounted === !1) {
+        const S = (0, o.createCoreData)(this, N, C);
+        if ((0, s.default)("DraggableCore: handleDrag: %j", S), this.props.onDrag(v, S) === !1 || this.mounted === !1) {
           try {
             this.handleDragStop(new MouseEvent("mouseup"));
           } catch {
@@ -2050,29 +2050,29 @@ function mn() {
           }
           return;
         }
-        this.lastX = N, this.lastY = S;
-      }), m(this, "handleDragStop", (v) => {
+        this.lastX = N, this.lastY = C;
+      }), g(this, "handleDragStop", (v) => {
         if (!this.dragging) return;
-        const C = (0, i.getControlPosition)(v, this.touchIdentifier, this);
-        if (C == null) return;
+        const w = (0, o.getControlPosition)(v, this.touchIdentifier, this);
+        if (w == null) return;
         let {
           x: N,
-          y: S
-        } = C;
+          y: C
+        } = w;
         if (Array.isArray(this.props.grid)) {
-          let l = N - this.lastX || 0, f = S - this.lastY || 0;
-          [l, f] = (0, i.snapToGrid)(this.props.grid, l, f), N = this.lastX + l, S = this.lastY + f;
+          let l = N - this.lastX || 0, f = C - this.lastY || 0;
+          [l, f] = (0, o.snapToGrid)(this.props.grid, l, f), N = this.lastX + l, C = this.lastY + f;
         }
-        const D = (0, i.createCoreData)(this, N, S);
-        if (this.props.onStop(v, D) === !1 || this.mounted === !1) return !1;
+        const S = (0, o.createCoreData)(this, N, C);
+        if (this.props.onStop(v, S) === !1 || this.mounted === !1) return !1;
         const E = this.findDOMNode();
-        E && this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(E.ownerDocument), (0, s.default)("DraggableCore: handleDragStop: %j", D), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, E && ((0, s.default)("DraggableCore: Removing handlers"), (0, r.removeEvent)(E.ownerDocument, p.move, this.handleDrag), (0, r.removeEvent)(E.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)));
+        E && this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(E.ownerDocument), (0, s.default)("DraggableCore: handleDragStop: %j", S), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, E && ((0, s.default)("DraggableCore: Removing handlers"), (0, r.removeEvent)(E.ownerDocument, y.move, this.handleDrag), (0, r.removeEvent)(E.ownerDocument, y.stop, this.handleDragStop));
+      }), g(this, "onMouseDown", (v) => (y = m.mouse, this.handleDragStart(v))), g(this, "onMouseUp", (v) => (y = m.mouse, this.handleDragStop(v))), g(this, "onTouchStart", (v) => (y = m.touch, this.handleDragStart(v))), g(this, "onTouchEnd", (v) => (y = m.touch, this.handleDragStop(v)));
     }
     componentDidMount() {
       this.mounted = !0;
       const v = this.findDOMNode();
-      v && (0, r.addEvent)(v, g.touch.start, this.onTouchStart, {
+      v && (0, r.addEvent)(v, m.touch.start, this.onTouchStart, {
         passive: !1
       });
     }
@@ -2081,11 +2081,11 @@ function mn() {
       const v = this.findDOMNode();
       if (v) {
         const {
-          ownerDocument: C
+          ownerDocument: w
         } = v;
-        (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)(v, g.touch.start, this.onTouchStart, {
+        (0, r.removeEvent)(w, m.mouse.move, this.handleDrag), (0, r.removeEvent)(w, m.touch.move, this.handleDrag), (0, r.removeEvent)(w, m.mouse.stop, this.handleDragStop), (0, r.removeEvent)(w, m.touch.stop, this.handleDragStop), (0, r.removeEvent)(v, m.touch.start, this.onTouchStart, {
           passive: !1
-        }), this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(C);
+        }), this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(w);
       }
     }
     // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
@@ -2106,7 +2106,7 @@ function mn() {
       });
     }
   };
-  return he.default = x, m(x, "displayName", "DraggableCore"), m(x, "propTypes", {
+  return he.default = D, g(D, "displayName", "DraggableCore"), g(D, "propTypes", {
     /**
      * `allowAnyClick` allows dragging using any mouse button.
      * By default, we only accept the left button.
@@ -2138,8 +2138,8 @@ function mn() {
      * `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(p, v) {
+      if (p[v] && p[v].nodeType !== 1)
         throw new Error("Draggable's offsetParent must be a DOM Node.");
     },
     /**
@@ -2233,10 +2233,10 @@ function mn() {
     /**
      * These properties should be defined on the child, not here.
      */
-    className: o.dontSetMe,
-    style: o.dontSetMe,
-    transform: o.dontSetMe
-  }), m(x, "defaultProps", {
+    className: i.dontSetMe,
+    style: i.dontSetMe,
+    transform: i.dontSetMe
+  }), g(D, "defaultProps", {
     allowAnyClick: !1,
     // by default only accept left click
     allowMobileScroll: !1,
@@ -2253,92 +2253,92 @@ function mn() {
     scale: 1
   }), he;
 }
-var ot;
+var it;
 function pn() {
-  return ot || (ot = 1, (function(e) {
+  return it || (it = 1, (function(e) {
     Object.defineProperty(e, "__esModule", {
       value: !0
     }), Object.defineProperty(e, "DraggableCore", {
       enumerable: !0,
       get: function() {
-        return y.default;
+        return b.default;
       }
     }), e.default = void 0;
-    var n = u(ae), t = h(/* @__PURE__ */ vt()), r = h(lt), i = hn(), o = Oe(), s = xt(), d = we(), y = h(mn()), m = h(wt());
-    function h(C) {
-      return C && C.__esModule ? C : { default: C };
+    var n = u(ae), t = h(/* @__PURE__ */ vt()), r = h(lt), o = hn(), i = Re(), s = xt(), d = we(), b = h(mn()), g = h(wt());
+    function h(w) {
+      return w && w.__esModule ? w : { default: w };
     }
-    function u(C, N) {
-      if (typeof WeakMap == "function") var S = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakMap();
+    function u(w, N) {
+      if (typeof WeakMap == "function") var C = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new WeakMap();
       return (u = function(c, E) {
         if (!E && c && c.__esModule) return c;
         var l, f, M = { __proto__: null, default: c };
         if (c === null || typeof c != "object" && typeof c != "function") return M;
-        if (l = E ? D : S) {
+        if (l = E ? S : C) {
           if (l.has(c)) return l.get(c);
           l.set(c, M);
         }
         for (const $ in c) $ !== "default" && {}.hasOwnProperty.call(c, $) && ((f = (l = Object.defineProperty) && Object.getOwnPropertyDescriptor(c, $)) && (f.get || f.set) ? l(M, $, f) : M[$] = c[$]);
         return M;
-      })(C, N);
+      })(w, N);
     }
-    function g() {
-      return g = Object.assign ? Object.assign.bind() : function(C) {
+    function m() {
+      return m = Object.assign ? Object.assign.bind() : function(w) {
         for (var N = 1; N < arguments.length; N++) {
-          var S = arguments[N];
-          for (var D in S) ({}).hasOwnProperty.call(S, D) && (C[D] = S[D]);
+          var C = arguments[N];
+          for (var S in C) ({}).hasOwnProperty.call(C, S) && (w[S] = C[S]);
         }
-        return C;
-      }, g.apply(null, arguments);
+        return w;
+      }, m.apply(null, arguments);
     }
-    function p(C, N, S) {
-      return (N = x(N)) in C ? Object.defineProperty(C, N, { value: S, enumerable: !0, configurable: !0, writable: !0 }) : C[N] = S, C;
+    function y(w, N, C) {
+      return (N = D(N)) in w ? Object.defineProperty(w, N, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : w[N] = C, w;
     }
-    function x(C) {
-      var N = b(C, "string");
+    function D(w) {
+      var N = p(w, "string");
       return typeof N == "symbol" ? N : N + "";
     }
-    function b(C, N) {
-      if (typeof C != "object" || !C) return C;
-      var S = C[Symbol.toPrimitive];
-      if (S !== void 0) {
-        var D = S.call(C, N);
-        if (typeof D != "object") return D;
+    function p(w, N) {
+      if (typeof w != "object" || !w) return w;
+      var C = w[Symbol.toPrimitive];
+      if (C !== void 0) {
+        var S = C.call(w, N);
+        if (typeof S != "object") return S;
         throw new TypeError("@@toPrimitive must return a primitive value.");
       }
-      return (N === "string" ? String : Number)(C);
+      return (N === "string" ? String : Number)(w);
     }
     class v extends n.Component {
       // React 16.3+
       // Arity (props, state)
-      static getDerivedStateFromProps(N, S) {
+      static getDerivedStateFromProps(N, C) {
         let {
-          position: D
+          position: S
         } = N, {
           prevPropsPosition: c
-        } = S;
-        return D && (!c || D.x !== c.x || D.y !== c.y) ? ((0, m.default)("Draggable: getDerivedStateFromProps %j", {
-          position: D,
+        } = C;
+        return S && (!c || S.x !== c.x || S.y !== c.y) ? ((0, g.default)("Draggable: getDerivedStateFromProps %j", {
+          position: S,
           prevPropsPosition: c
         }), {
-          x: D.x,
-          y: D.y,
+          x: S.x,
+          y: S.y,
           prevPropsPosition: {
-            ...D
+            ...S
           }
         }) : null;
       }
       constructor(N) {
-        super(N), 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;
+        super(N), y(this, "onDragStart", (C, S) => {
+          if ((0, g.default)("Draggable: onDragStart: %j", S), this.props.onStart(C, (0, s.createDraggableData)(this, S)) === !1) return !1;
           this.setState({
             dragging: !0,
             dragged: !0
           });
-        }), p(this, "onDrag", (S, D) => {
+        }), y(this, "onDrag", (C, S) => {
           if (!this.state.dragging) return !1;
-          (0, m.default)("Draggable: onDrag: %j", D);
-          const c = (0, s.createDraggableData)(this, D), E = {
+          (0, g.default)("Draggable: onDrag: %j", S);
+          const c = (0, s.createDraggableData)(this, S), E = {
             x: c.x,
             y: c.y,
             slackX: 0,
@@ -2353,11 +2353,11 @@ function pn() {
             const [$, I] = (0, s.getBoundPosition)(this, E.x, E.y);
             E.x = $, E.y = I, E.slackX = this.state.slackX + (f - E.x), E.slackY = this.state.slackY + (M - E.y), c.x = E.x, c.y = E.y, c.deltaX = E.x - this.state.x, c.deltaY = E.y - this.state.y;
           }
-          if (this.props.onDrag(S, c) === !1) return !1;
+          if (this.props.onDrag(C, c) === !1) return !1;
           this.setState(E);
-        }), 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);
+        }), y(this, "onDragStop", (C, S) => {
+          if (!this.state.dragging || this.props.onStop(C, (0, s.createDraggableData)(this, S)) === !1) return !1;
+          (0, g.default)("Draggable: onDragStop: %j", S);
           const E = {
             dragging: !1,
             slackX: 0,
@@ -2407,8 +2407,8 @@ function pn() {
       render() {
         const {
           axis: N,
-          bounds: S,
-          children: D,
+          bounds: C,
+          children: S,
           defaultPosition: c,
           defaultClassName: E,
           defaultClassNameDragging: l,
@@ -2425,28 +2425,28 @@ function pn() {
           // Set top if vertical drag is enabled
           y: (0, s.canDragY)(this) && K ? this.state.y : ee.y
         };
-        this.state.isElementSVG ? X = (0, o.createSVGTransform)(se, $) : z = (0, o.createCSSTransform)(se, $);
-        const de = (0, i.clsx)(D.props.className || "", E, {
+        this.state.isElementSVG ? X = (0, i.createSVGTransform)(se, $) : z = (0, i.createCSSTransform)(se, $);
+        const de = (0, o.clsx)(S.props.className || "", E, {
           [l]: this.state.dragging,
           [f]: this.state.dragged
         });
-        return /* @__PURE__ */ n.createElement(y.default, g({}, T, {
+        return /* @__PURE__ */ n.createElement(b.default, m({}, T, {
           onStart: this.onDragStart,
           onDrag: this.onDrag,
           onStop: this.onDragStop
-        }), /* @__PURE__ */ n.cloneElement(n.Children.only(D), {
+        }), /* @__PURE__ */ n.cloneElement(n.Children.only(S), {
           className: de,
           style: {
-            ...D.props.style,
+            ...S.props.style,
             ...z
           },
           transform: X
         }));
       }
     }
-    e.default = v, p(v, "displayName", "Draggable"), p(v, "propTypes", {
+    e.default = v, y(v, "displayName", "Draggable"), y(v, "propTypes", {
       // Accepts all props <DraggableCore> accepts.
-      ...y.default.propTypes,
+      ...b.default.propTypes,
       /**
        * `axis` determines which axis the draggable can move.
        *
@@ -2551,8 +2551,8 @@ function pn() {
       className: d.dontSetMe,
       style: d.dontSetMe,
       transform: d.dontSetMe
-    }), p(v, "defaultProps", {
-      ...y.default.defaultProps,
+    }), y(v, "defaultProps", {
+      ...b.default.defaultProps,
       axis: "both",
       bounds: !1,
       defaultClassName: "react-draggable",
@@ -2566,10 +2566,10 @@ function pn() {
     });
   })(De)), De;
 }
-var it;
+var ot;
 function yn() {
-  if (it) return fe.exports;
-  it = 1;
+  if (ot) return fe.exports;
+  ot = 1;
   const {
     default: e,
     DraggableCore: n
@@ -2595,25 +2595,25 @@ const vn = /* @__PURE__ */ an(bn), xn = ce((e, n) => {
       boxShadow: "rgba(0, 0, 0, 0.5) 7px 7px 10px 0px"
     },
     ...e.style || {}
-  }, i = e.testId || "not-set", o = e.className || "panel", s = Ct(null);
+  }, o = e.testId || "not-set", i = e.className || "panel", s = Ct(null);
   return (
     // 3. Pass the internal ref to the Draggable component via 'nodeRef'
     /* @__PURE__ */ a(
       vn,
       {
         nodeRef: s,
-        "data-testid": i,
+        "data-testid": o,
         axis: "both",
         handle: ".handle",
-        onStart: (m, h) => {
+        onStart: (g, h) => {
           e.onDraggingChange?.(!0);
         },
-        onStop: (m, h) => {
+        onStop: (g, h) => {
           setTimeout(() => {
             e.onDraggingChange?.(!1);
           }, 100);
         },
-        children: /* @__PURE__ */ a("div", { ref: s, className: o, style: r, children: e.children })
+        children: /* @__PURE__ */ a("div", { ref: s, className: i, style: r, children: e.children })
       }
     )
   );
@@ -2635,32 +2635,32 @@ function nr({ children: e }) {
 }
 const rr = (e) => {
   console.warn("showToast TODO", e);
-}, wn = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, or = ce((e, n) => {
+}, wn = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, ir = ce((e, n) => {
   let t = ct(Number(e.zoomScale || 0));
-  const r = e.responsiveGrid || !1, i = e.isEditing || !1, o = {
+  const r = e.responsiveGrid || !1, o = e.isEditing || !1, i = {
     "--bwj-dashboard-transform-scale": t,
     "--bwj-dashboard-add-cols": wn(t)
   }, s = Z(
     "dashboard-main-grid w-full",
-    i ? "editing" : "",
+    o ? "editing" : "",
     r ? "responsive-grid" : "",
-    `border border-dashed ${i ? "border-primary border-opacity-50" : "border-transparent"}`
+    `border border-dashed ${o ? "border-primary border-opacity-50" : "border-transparent"}`
   );
-  return /* @__PURE__ */ a("div", { className: s, style: o, children: e.children });
+  return /* @__PURE__ */ a("div", { className: s, style: i, children: e.children });
 }), $e = "size-5", Cn = (e, n) => {
   const t = e.hideTitle && !e.isEditing, r = e.noBorder;
-  let i = `dashboard-widget ${e.isEditing ? "editing" : ""} border border-solid`;
-  r ? i = `${i} border-transparent border-opacity-0` : (e.borderCssClasses || "").trim().length > 0 ? i = `${i} ${e.borderCssClasses}` : i = `${i} border-card-invert border-opacity-20`, e.noShadow && (i = `${i} no-shadow`), e.noPadding && (i = `${i} no-padding p-0`), (e.backgroundCssClasses || "").trim().length > 0 ? i = `${i} ${e.backgroundCssClasses}` : i = `${i} bg-card content-card`, ["large", "xlarge"].indexOf(e.size || "") > -1 && (i = `${i} ${e.size}-widget`);
-  const o = () => {
+  let o = `dashboard-widget ${e.isEditing ? "editing" : ""} border border-solid`;
+  r ? o = `${o} border-transparent border-opacity-0` : (e.borderCssClasses || "").trim().length > 0 ? o = `${o} ${e.borderCssClasses}` : o = `${o} border-card-invert border-opacity-20`, e.noShadow && (o = `${o} no-shadow`), e.noPadding && (o = `${o} no-padding p-0`), (e.backgroundCssClasses || "").trim().length > 0 ? o = `${o} ${e.backgroundCssClasses}` : o = `${o} bg-card content-card`, ["large", "xlarge"].indexOf(e.size || "") > -1 && (o = `${o} ${e.size}-widget`);
+  const i = () => {
     e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey, e.parentWidgetKey);
-  }, s = (y) => {
-    e.onMoveClick && e.widgetKey && e.onMoveClick(y, e.widgetKey, e.parentWidgetKey);
+  }, s = (b) => {
+    e.onMoveClick && e.widgetKey && e.onMoveClick(b, e.widgetKey, e.parentWidgetKey);
   }, 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__ */ W("div", { className: i, children: [
+  return /* @__PURE__ */ W("div", { className: o, 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: [
@@ -2709,7 +2709,7 @@ const rr = (e) => {
                 placement: "top",
                 title: "Remove Widget"
               },
-              onClick: () => o(),
+              onClick: () => i(),
               children: /* @__PURE__ */ a(gt, { className: $e })
             }
           )
@@ -2719,8 +2719,8 @@ const rr = (e) => {
     /* @__PURE__ */ a("div", { className: "widget-inner", children: e.children })
   ] });
 }, at = ce(Cn), Sn = (e, n) => {
-  const t = (o) => o.replace(/[^0-9.]/g, ""), r = t(e).split(".").map(Number), i = t(n).split(".").map(Number);
-  return !(r[0] !== i[0] || r[1] < i[1]);
+  const t = (i) => i.replace(/[^0-9.]/g, ""), r = t(e).split(".").map(Number), o = t(n).split(".").map(Number);
+  return !(r[0] !== o[0] || r[1] < o[1]);
 };
 function Dn(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: [
@@ -2733,29 +2733,42 @@ function Nn({
   maxIndex: n,
   widgetKey: t,
   parentWidgetKey: r,
-  targetContainerKey: i,
-  childWidgetsConfig: o,
+  targetContainerKey: o,
+  childWidgetsConfig: i,
   widgetCatalog: s,
   isEditing: d,
-  onRemoveClick: y,
-  onMoveClick: m,
-  selectContainer: h
+  // for additional props passed to all widget from the dashboard through the DynamicWidgetLoader:
+  extraProps: b,
+  onRemoveClick: g,
+  onMoveClick: h,
+  selectContainer: u
 }) {
-  const u = `${t}`.split("_"), g = u.length > 1, p = g ? u[0] : t, x = s.get(p);
-  if (!x)
+  const m = `${t}`.split("_"), y = m.length > 1, D = y ? m[0] : t, p = s.get(D);
+  if (!p)
     return /* @__PURE__ */ a("div", { className: "flex", children: /* @__PURE__ */ W("p", { children: [
       "Widget not found in catalog: ",
-      p
+      D
     ] }) });
-  let b = null, v = !1;
-  if (x.component ? (b = x.component, v = !1) : x.loader && (v = !0, b = st(() => {
-    if (!x) return null;
-    const l = typeof __HOST_REACT_VERSION__ < "u" ? __HOST_REACT_VERSION__ : "19.2.3", f = x.meta?.externalDependencies || [], M = f.find(($) => $.startsWith("react@"));
+  let v = null, w = !1;
+  const N = !!p.isContainer, C = y ? mt(t) : "", S = N ? (i || []).filter((l) => l.parentWidgetKey === t) : [], c = {
+    index: e,
+    maxIndex: n,
+    widgetKey: t,
+    parentWidgetKey: r,
+    isEditing: d,
+    extraProps: b,
+    title: y ? C : p.title,
+    onRemoveClick: g,
+    onMoveClick: h
+  };
+  if (p.component ? (v = p.component, w = !1) : p.loader && (w = !0, v = st(() => {
+    if (!p) return null;
+    const l = typeof __HOST_REACT_VERSION__ < "u" ? __HOST_REACT_VERSION__ : "19.2.3", f = p.meta?.externalDependencies || [], M = f.find(($) => $.startsWith("react@"));
     if (M) {
       const $ = M.split("@")[1];
       if (!Sn(l, $))
         return ae.lazy(async () => ({
-          default: () => /* @__PURE__ */ a(at, { ...D, children: /* @__PURE__ */ W("div", { className: "p-4 border border-dashed border-danger", children: [
+          default: () => /* @__PURE__ */ a(at, { ...c, children: /* @__PURE__ */ W("div", { className: "p-4 border border-dashed border-danger", children: [
             /* @__PURE__ */ W("p", { className: "font-bold", children: [
               'Failed to load "',
               t,
@@ -2789,22 +2802,22 @@ function Nn({
           ] }) })
         }));
     }
-    if (x.component)
-      return x.component;
-    if (x.loader) {
+    if (p.component)
+      return p.component;
+    if (p.loader) {
       const $ = async () => {
         try {
-          return await x.loader();
+          return await p.loader();
         } catch (I) {
           return console.error(`CDN Load Failure for ${t}:`, I), {
-            default: () => /* @__PURE__ */ a(at, { ...D, children: /* @__PURE__ */ W("div", { className: "p-4 border border-dashed border-danger", children: [
+            default: () => /* @__PURE__ */ a(at, { ...c, children: /* @__PURE__ */ W("div", { className: "p-4 border border-dashed border-danger", children: [
               /* @__PURE__ */ W("p", { className: "font-bold", children: [
                 'Failed to load "',
                 t,
                 '"'
               ] }),
               /* @__PURE__ */ a("p", { className: "text-xs italic", children: "The remote plugin is unavailable or incompatible." }),
-              /* @__PURE__ */ a("pre", { className: "text-xs overflow-hidden", children: JSON.stringify(x.meta || {}, null, 2) })
+              /* @__PURE__ */ a("pre", { className: "text-xs overflow-hidden", children: JSON.stringify(p.meta || {}, null, 2) })
             ] }) })
           };
         }
@@ -2812,23 +2825,14 @@ function Nn({
       return ae.lazy($);
     }
     return null;
-  }, [x, t])), !b)
+  }, [p, t])), !v)
     return /* @__PURE__ */ a("div", { className: "flex", children: /* @__PURE__ */ W("p", { children: [
       "Widget definition incomplete: ",
-      p
+      D
     ] }) });
-  const C = !!x.isContainer, N = g ? mt(t) : "", S = C ? (o || []).filter((l) => l.parentWidgetKey === t) : [], D = {
-    index: e,
-    maxIndex: n,
-    widgetKey: t,
-    parentWidgetKey: r,
-    isEditing: d,
-    title: g ? N : x.title,
-    onRemoveClick: y,
-    onMoveClick: m
-  }, c = C ? {
-    highlight: i === t,
-    selectContainer: h,
+  const E = N ? {
+    highlight: o === t,
+    selectContainer: u,
     // The children prop is the recursive call back to DynamicWidgetLoader
     children: S.map((l, f) => /* @__PURE__ */ a(
       Nn,
@@ -2839,48 +2843,49 @@ function Nn({
         parentWidgetKey: l.parentWidgetKey,
         widgetCatalog: s,
         isEditing: d,
-        onRemoveClick: y,
-        onMoveClick: m
+        extraProps: b,
+        onRemoveClick: g,
+        onMoveClick: h
       },
       `${l.widgetKey}_${f}`
     ))
-  } : {}, E = () => /* @__PURE__ */ a(b, { ...D, ...c });
-  return v ? /* @__PURE__ */ a(St, { fallback: /* @__PURE__ */ a(Dn, { title: `Loading ${x.title}` }), children: /* @__PURE__ */ a(E, {}) }) : /* @__PURE__ */ a(E, {});
+  } : {};
+  return w ? /* @__PURE__ */ a(St, { fallback: /* @__PURE__ */ a(Dn, { title: `Loading ${p.title}` }), children: /* @__PURE__ */ a(v, { ...c, ...E }) }) : /* @__PURE__ */ a(v, { ...c, ...E });
 }
 const xe = "size-5";
 function ke(e) {
-  const n = e.highlight || !1, t = e.direction || "column", r = e.children.length > 0, i = e.isEditing || !1;
-  let d = n ? "border-transparent" : i && !r ? "border-card-invert" : "border-transparent";
-  const y = ["large", "xlarge"].includes(e.size || "");
-  let m = "";
-  ["large", "xlarge"].indexOf(e.size || "") > -1 && (m = `${e.size}-widget`);
+  const n = e.highlight || !1, t = e.direction || "column", r = e.children.length > 0, o = e.isEditing || !1;
+  let d = n ? "border-transparent" : o && !r ? "border-card-invert" : "border-transparent";
+  const b = ["large", "xlarge"].includes(e.size || "");
+  let g = "";
+  ["large", "xlarge"].indexOf(e.size || "") > -1 && (g = `${e.size}-widget`);
   let h = "";
   t === "row" && !r ? h = "min-h-48" : t === "column" && !r && (h = "min-h-96");
   let u = Z(
     "dashboard-widget-container relative ",
     r ? "" : "has-no-children",
-    i ? "editing" : "",
+    o ? "editing" : "",
     h,
-    m,
-    y ? "widget-container-grid" : "widget-container-flex",
+    g,
+    b ? "widget-container-grid" : "widget-container-flex",
     `direction-${t}`,
     `border ${d}`,
     `${n ? "highlight-container" : ""} ${d}`
-  ), g = `widget-container-header direction-${t} flex items-center border-1 ${d}`;
-  const p = () => {
+  ), m = `widget-container-header direction-${t} flex items-center border-1 ${d}`;
+  const y = () => {
     e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey);
-  }, x = (v) => {
+  }, D = (v) => {
     e.onMoveClick && e.widgetKey && e.onMoveClick(v, e.widgetKey, e.parentWidgetKey);
-  }, b = () => {
+  }, p = () => {
     e.selectContainer && e.widgetKey && e.selectContainer(e.widgetKey);
   };
   return /* @__PURE__ */ W("div", { "data-testid": `container_${e.widgetKey}`, className: u, children: [
-    /* @__PURE__ */ W("div", { className: g, children: [
+    /* @__PURE__ */ W("div", { className: m, children: [
       /* @__PURE__ */ a(
         "div",
         {
           className: "widget-title-wrapper w-full flex whitespace-nowrap",
-          onClick: b,
+          onClick: p,
           children: /* @__PURE__ */ a("span", { className: "text-sm font-semibold capitalize", children: e.title })
         }
       ),
@@ -2895,7 +2900,7 @@ function ke(e) {
               placement: "top",
               title: "Target this Container"
             },
-            onClick: b,
+            onClick: p,
             children: /* @__PURE__ */ a(
               tn,
               {
@@ -2914,7 +2919,7 @@ function ke(e) {
               placement: "top",
               title: `${e.index < 1 ? "Already at min position" : "Move Container to the left/up"}`
             },
-            onClick: () => x(-1),
+            onClick: () => D(-1),
             children: /* @__PURE__ */ a(ft, { className: xe })
           }
         ),
@@ -2928,7 +2933,7 @@ function ke(e) {
               placement: "top",
               title: `${e.index >= e.maxIndex ? "Already at max position" : "Move Container to the right/down"}`
             },
-            onClick: () => x(1),
+            onClick: () => D(1),
             children: /* @__PURE__ */ a(ht, { className: xe })
           }
         ),
@@ -2941,7 +2946,7 @@ function ke(e) {
               placement: "top",
               title: "Remove Container"
             },
-            onClick: () => p(),
+            onClick: () => y(),
             children: /* @__PURE__ */ a(gt, { className: xe })
           }
         )
@@ -2950,7 +2955,7 @@ function ke(e) {
     /* @__PURE__ */ a("div", { "data-testid": `childrenwrapper_${e.widgetKey}`, className: "widget-container-inner", children: e.children })
   ] });
 }
-function ir(e) {
+function or(e) {
   const { direction: n, ...t } = e;
   return /* @__PURE__ */ a(ke, { direction: "column", ...t });
 }
@@ -2968,28 +2973,28 @@ function We({
   alreadyAdded: n,
   addWidget: t
 }) {
-  const [r, i] = le(!1), o = e.icon || nn, s = e.displayName || "Unknown", d = e.description || "---", m = (e.noDuplicatedWidgets || !1) && n, h = Z(`
+  const [r, o] = le(!1), i = e.icon || nn, s = e.displayName || "Unknown", d = e.description || "---", g = (e.noDuplicatedWidgets || !1) && n, h = Z(`
     flex flex-row gap-2 p-2 rounded-md border text-sm bg-card content-card backdrop-opacity-100
-    ${m ? "border-disabled fill-disabled text-disabled" : "cursor-pointer border-primary fill-danger hover:fill-primary content-primary hover:brightness-110"}
+    ${g ? "border-disabled fill-disabled text-disabled" : "cursor-pointer border-primary fill-danger hover:fill-primary content-primary hover:brightness-110"}
   `);
   return /* @__PURE__ */ W("div", { className: h, style: { width: "calc(100% - 1rem)" }, onClick: () => {
-    m || t();
+    g || t();
   }, children: [
-    /* @__PURE__ */ a(o, { className: "" }),
+    /* @__PURE__ */ a(i, { className: "" }),
     /* @__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: s }),
-        /* @__PURE__ */ a("div", { className: "text-xs", children: m ? "(Added)" : "" })
+        /* @__PURE__ */ a("div", { className: "text-xs", children: g ? "(Added)" : "" })
       ] }),
       /* @__PURE__ */ W("div", { className: "flex flex-col text-xs", children: [
         /* @__PURE__ */ a("div", { children: d }),
-        /* @__PURE__ */ a("div", { className: "mt-3 cursor-pointer", onClick: (p) => {
-          p.stopPropagation(), p.preventDefault(), i(!r);
+        /* @__PURE__ */ a("div", { className: "mt-3 cursor-pointer", onClick: (y) => {
+          y.stopPropagation(), y.preventDefault(), o(!r);
         }, children: "Externals:" }),
-        r && /* @__PURE__ */ a("dl", { className: "ml-2 flex flex-col text-xs", children: e.externalDependencies.map((p, x) => /* @__PURE__ */ W("dd", { children: [
+        r && /* @__PURE__ */ a("dl", { className: "ml-2 flex flex-col text-xs", children: e.externalDependencies.map((y, D) => /* @__PURE__ */ W("dd", { children: [
           "- ",
-          p
-        ] }, x)) })
+          y
+        ] }, D)) })
       ] })
     ] })
   ] });
@@ -2998,17 +3003,17 @@ function Tn({
   item: e,
   onSettingItemChanged: n
 }) {
-  const t = e.displayName || "Unknown", r = e.description || "---", i = Z(`
+  const t = e.displayName || "Unknown", r = e.description || "---", o = Z(`
     flex flex-row gap-2 p-2 rounded-md border text-sm bg-card content-card backdrop-opacity-100
-  `), o = (d) => {
-    const y = d.key;
-    if (["ArrowUp", "ArrowDown"].includes(y)) {
+  `), i = (d) => {
+    const b = d.key;
+    if (["ArrowUp", "ArrowDown"].includes(b)) {
       d.preventDefault();
-      const m = _t.incrementOrDecrementValue(
+      const g = _t.incrementOrDecrementValue(
         e,
-        y === "ArrowUp" ? 1 : -1
+        b === "ArrowUp" ? 1 : -1
       );
-      n(m);
+      n(g);
     }
   }, s = (d) => {
     n({
@@ -3016,7 +3021,7 @@ function Tn({
       value: d.target.value || ""
     });
   };
-  return /* @__PURE__ */ a("div", { className: i, style: { width: "calc(100% - 1rem)" }, children: /* @__PURE__ */ W("div", { className: "w-full", children: [
+  return /* @__PURE__ */ a("div", { className: o, 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__ */ W("div", { children: [
@@ -3029,7 +3034,7 @@ function Tn({
           className: "w-full",
           value: e.value,
           onChange: s,
-          onKeyDown: o
+          onKeyDown: i
         }
       )
     ] })
@@ -3044,38 +3049,38 @@ function lr({
   widgetsCatalog: n,
   currentDashboardConfig: t,
   undoStatus: r,
-  addWidget: i,
-  addContainer: o,
+  addWidget: o,
+  addContainer: i,
   onSettingItemsUpdated: s,
   onResetToDefaultDashboardClick: d,
-  onUndoOrRedo: y,
-  onDoneClick: m
+  onUndoOrRedo: b,
+  onDoneClick: g
 }) {
-  const [h, u] = le("Editing"), [g, p] = le(0), [x, b] = le(""), C = Array.from(n.keys()).map((T) => ({
+  const [h, u] = le("Editing"), [m, y] = le(0), [D, p] = le(""), w = Array.from(n.keys()).map((T) => ({
     widgetKey: T,
     metaData: $t(T, n)
   })), N = (T) => {
-    b(T.target.value);
-  }, S = (T) => {
-    const z = x.trim().toLowerCase();
+    p(T.target.value);
+  }, C = (T) => {
+    const z = D.trim().toLowerCase();
     return z.length < 1 ? !0 : T.displayName.trim().toLowerCase().includes(z) || T.description.toLowerCase().includes(z);
-  }, D = (T) => {
-    const z = x.trim().toLowerCase();
+  }, S = (T) => {
+    const z = D.trim().toLowerCase();
     return z.length < 1 ? !0 : T.displayName.trim().toLowerCase().includes(z) || T.description.toLowerCase().includes(z);
   }, c = (T) => Z(
     "px-4 py-2 font-medium cursor-pointer border-b-2 border-transparent hover:border-primary focus:outline-none",
-    T === g ? "text-primary border-primary" : ""
+    T === m ? "text-primary border-primary" : ""
   ), E = !!e;
   Dt(() => {
     if (e) {
-      p(0);
+      y(0);
       const T = mt(e);
       u(`Editing ${T}`);
     } else
       u("Editing Dashboard");
   }, [e]);
   const l = (T) => {
-    E ? i(T, e) : i(T);
+    E ? o(T, e) : o(T);
   }, f = (T) => {
     const z = (t.cssSettings || []).map((X) => X.key === T.key ? T : X);
     s(z);
@@ -3119,7 +3124,7 @@ function lr({
                   title: "Undo"
                 },
                 disabled: r.isUndoDisabled,
-                onClick: () => y("Undo"),
+                onClick: () => b("Undo"),
                 children: /* @__PURE__ */ a(Zt, { className: "size-5" })
               }
             ),
@@ -3133,7 +3138,7 @@ function lr({
                   title: "Redo"
                 },
                 disabled: r.isRedoDisabled,
-                onClick: () => y("Redo"),
+                onClick: () => b("Redo"),
                 children: /* @__PURE__ */ a(Jt, { className: "size-5" })
               }
             ),
@@ -3153,10 +3158,10 @@ function lr({
           ] })
         ] }),
         /* @__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" }),
-          !E && /* @__PURE__ */ a("button", { onClick: () => p(2), className: c(2), children: "Containers" }),
-          !E && /* @__PURE__ */ a("button", { onClick: () => p(3), className: c(3), children: /* @__PURE__ */ a(Xt, {}) })
+          /* @__PURE__ */ a("button", { onClick: () => y(0), className: c(0), children: "Widgets" }),
+          /* @__PURE__ */ a("button", { onClick: () => y(1), className: c(1), children: "Charts" }),
+          !E && /* @__PURE__ */ a("button", { onClick: () => y(2), className: c(2), children: "Containers" }),
+          !E && /* @__PURE__ */ a("button", { onClick: () => y(3), className: c(3), children: /* @__PURE__ */ a(Xt, {}) })
         ] }),
         /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-1 w-full", children: /* @__PURE__ */ a(
           pt,
@@ -3164,7 +3169,7 @@ function lr({
             label: "Filter...",
             size: "small",
             className: "w-full",
-            value: x,
+            value: D,
             onChange: N
           }
         ) }),
@@ -3176,8 +3181,8 @@ function lr({
               maxHeight: "360px"
             },
             children: [
-              g === 0 && C.filter(
-                (T) => T.metaData.categories.includes("Widget") && S(T.metaData)
+              m === 0 && w.filter(
+                (T) => T.metaData.categories.includes("Widget") && C(T.metaData)
               ).map((T) => /* @__PURE__ */ a(
                 We,
                 {
@@ -3188,8 +3193,8 @@ function lr({
                 },
                 T.widgetKey
               )),
-              g === 1 && C.filter(
-                (T) => T.metaData.categories.includes("Chart") && S(T.metaData)
+              m === 1 && w.filter(
+                (T) => T.metaData.categories.includes("Chart") && C(T.metaData)
               ).map((T) => /* @__PURE__ */ a(
                 We,
                 {
@@ -3200,17 +3205,17 @@ function lr({
                 },
                 T.widgetKey
               )),
-              !E && g === 2 && C.filter((T) => T.metaData.categories.includes("Container")).map((T) => /* @__PURE__ */ a(
+              !E && m === 2 && w.filter((T) => T.metaData.categories.includes("Container")).map((T) => /* @__PURE__ */ a(
                 We,
                 {
                   widgetKey: T.widgetKey,
                   metaData: T.metaData,
                   alreadyAdded: Ie(T.widgetKey, t),
-                  addWidget: () => o(T.widgetKey)
+                  addWidget: () => i(T.widgetKey)
                 },
                 T.widgetKey
               )),
-              !E && g === 3 && (t.cssSettings || []).filter(D).map((T) => /* @__PURE__ */ a(
+              !E && m === 3 && (t.cssSettings || []).filter(S).map((T) => /* @__PURE__ */ a(
                 Tn,
                 {
                   item: T,
@@ -3229,7 +3234,7 @@ function lr({
               placement: "bottom",
               title: "Click to exit edit mode"
             },
-            onClick: m,
+            onClick: g,
             children: "Done"
           }
         ) })
@@ -3242,7 +3247,7 @@ export {
   J as Button,
   nn as CircleQuestionMark,
   tn as CrosshairIcon,
-  or as DashboardGrid,
+  ir as DashboardGrid,
   Le as DashboardMaxZoomScale,
   Ae as DashboardMinZoomScale,
   at as DashboardWidgetBase,
@@ -3271,7 +3276,7 @@ export {
   pt as TextField,
   Gt as TimerResetIcon,
   Zt as UndoIcon,
-  ir as WidgetContainerColumn,
+  or as WidgetContainerColumn,
   ar as WidgetContainerLarge,
   sr as WidgetContainerRow,
   lr as WidgetsCatalogFlyout,
@@ -3292,10 +3297,10 @@ export {
   ge as getDefaultWidgetMetaFromKey,
   Wn as getDefaultWidgetMetaFromMap,
   Z as getDistinctCssClasses,
-  Rt as getMetaInfoFromFile,
+  Ot as getMetaInfoFromFile,
   Pn as getNewZoomScaleWithinRange,
   $t as getWidgetMetaFromCatalog,
-  Rn as localWidgetDiscovery,
+  On as localWidgetDiscovery,
   mt as parseContainerTitle,
   It as parseKeyAndTitleFromFilePath,
   In as remoteWidgetDiscovery,
@@ -3304,6 +3309,6 @@ export {
   Kn as resolvedColors,
   rr as showToast,
   kn as useDashboardStorageService,
-  On as useDashboardStore,
+  Rn as useDashboardStore,
   jn as useDashboardUndoService
 };