@tenorlab/react-dashboard 1.1.4 → 1.1.6

package/dist/react-dashboard.es.js

@@ -1,4 +1,4 @@
-import se, { useState as ce, useCallback as ue, useMemo as at, forwardRef as le, useRef as wt, Suspense as Ct, useEffect as St } from "react";
+import se, { useState as le, useCallback as ue, useMemo as at, forwardRef as ce, useRef as wt, Suspense as Ct, useEffect as St } from "react";
 import { jsxs as W, jsx as s } from "react/jsx-runtime";
 import st from "react-dom";
 const Dt = [
@@ -79,12 +79,12 @@ const Dt = [
     defaultValue: "1.0rem",
     value: "1.0rem"
   }
-], Tt = ["rem", "pc", "cm", "in", "em", "vh", "vw", "%"], Nt = (e, n) => Tt.includes(e) ? n : 1, Et = {
+], Nt = ["rem", "pc", "cm", "in", "em", "vh", "vw", "%"], Tt = (e, n) => Nt.includes(e) ? n : 1, Et = {
   incrementOrDecrementValue: (e, n) => {
-    const t = e.value.match(/([\d.]+)/), r = t ? parseFloat(t[1]) : 0, i = e.value.match(/([^\d.]+)/), o = i ? i[1] : e.defaultUnit, a = Nt(o, e.step) * n, m = `${Math.max(r + a, e.minValue).toFixed(1)}${o}`;
+    const t = e.value.match(/([\d.]+)/), r = t ? parseFloat(t[1]) : 0, i = e.value.match(/([^\d.]+)/), o = i ? i[1] : e.defaultUnit, a = Tt(o, e.step) * n, y = `${Math.max(r + a, e.minValue).toFixed(1)}${o}`;
     return {
       ...e,
-      value: m
+      value: y
     };
   }
 }, Ce = {
@@ -191,10 +191,10 @@ const Dt = [
   try {
     const o = await (await fetch(`${e}?${Math.random()}`)).json();
     for (const a in o) {
-      const d = o[a], m = () => import(
+      const d = o[a], y = () => import(
         /* @vite-ignore */
         d.url
-      ), p = {
+      ), m = {
         displayName: d.meta.displayName,
         description: d.meta.description || "Remote Plugin",
         categories: d.meta.categories || ["Widget"],
@@ -203,7 +203,7 @@ const Dt = [
         // Or a logic to map a string name to a Lucide component
         externalDependencies: d.meta.externalDependencies || []
       };
-      r.push(ct(a, m, p));
+      r.push(ct(a, y, m));
     }
     n({
       entries: r,
@@ -222,30 +222,30 @@ const Dt = [
   for (const o in n) {
     const a = n[o], d = Wt(o);
     if (d && a) {
-      const { key: m, title: p, folder: h } = d;
-      let u = It(t, e, h, m);
-      if (u || (u = ge(m, {
-        title: p,
+      const { key: y, title: m, folder: h } = d;
+      let u = It(t, e, h, y);
+      if (u || (u = ge(y, {
+        title: m,
         description: `Local ${r ? "dynamic" : "static"} widget`
       })), r) {
         const g = a;
-        i.push(ct(m, g, u));
+        i.push(ct(y, g, u));
       } else {
         const g = a.default || a;
-        i.push($t(m, g, u));
+        i.push($t(y, g, u));
       }
     }
   }
   return i;
 }, Fe = (e) => {
   let n;
-  const t = /* @__PURE__ */ new Set(), r = (p, h) => {
-    const u = typeof p == "function" ? p(n) : p;
+  const t = /* @__PURE__ */ new Set(), r = (m, h) => {
+    const u = typeof m == "function" ? m(n) : m;
     if (!Object.is(u, n)) {
       const g = n;
-      n = h ?? (typeof u != "object" || u === null) ? u : Object.assign({}, n, u), t.forEach((y) => y(n, g));
+      n = h ?? (typeof u != "object" || u === null) ? u : Object.assign({}, n, u), t.forEach((p) => p(n, g));
     }
-  }, i = () => n, d = { setState: r, getState: i, getInitialState: () => m, subscribe: (p) => (t.add(p), () => t.delete(p)) }, m = n = e(r, i, d);
+  }, i = () => n, d = { setState: r, getState: i, getInitialState: () => y, subscribe: (m) => (t.add(m), () => t.delete(m)) }, y = n = e(r, i, d);
   return d;
 }, Ot = ((e) => e ? Fe(e) : Fe), Rt = (e) => e;
 function kt(e, n = Rt) {
@@ -307,9 +307,9 @@ const jt = (e) => {
 }, Vt = (e, n, t) => {
   if ((t || "").trim().length > 0) {
     const r = e.childWidgetsConfig.filter(
-      (m) => m.parentWidgetKey !== t
+      (y) => y.parentWidgetKey !== t
     ), i = e.childWidgetsConfig.filter(
-      (m) => m.parentWidgetKey === t && m.widgetKey !== n
+      (y) => y.parentWidgetKey === t && y.widgetKey !== n
     ), o = [...r, ...i];
     let a = {
       ...e,
@@ -348,12 +348,12 @@ const jt = (e) => {
         message: `DashboardStore: moveWidget: Widget already at min/max position (${t})`,
         updatedDashboardConfig: e
       };
-    const m = [...o], [p] = m.splice(a, 1);
-    return m.splice(d, 0, p), {
+    const y = [...o], [m] = y.splice(a, 1);
+    return y.splice(d, 0, m), {
       success: !0,
       updatedDashboardConfig: {
         ...e,
-        childWidgetsConfig: [...i, ...m]
+        childWidgetsConfig: [...i, ...y]
       }
     };
   } else {
@@ -365,8 +365,8 @@ const jt = (e) => {
         message: `DashboardStore: moveWidget: Widget already at min/max position (${t})`,
         updatedDashboardConfig: e
       };
-    const d = [...i], [m] = d.splice(o, 1);
-    return d.splice(a, 0, m), {
+    const d = [...i], [y] = d.splice(o, 1);
+    return d.splice(a, 0, y), {
       success: !0,
       updatedDashboardConfig: {
         ...e,
@@ -462,7 +462,7 @@ const jt = (e) => {
   moveWidget: (t, r, i) => {
     const o = n(), a = Yt(o.currentDashboardConfig, t, r, i), d = [
       ...o.allDashboardConfigs.filter(
-        (m) => m.dashboardId !== a.updatedDashboardConfig.dashboardId
+        (y) => y.dashboardId !== a.updatedDashboardConfig.dashboardId
       ),
       a.updatedDashboardConfig
     ];
@@ -484,29 +484,29 @@ const jt = (e) => {
       return o.length < 1 ? [r] : (o.forEach((a) => {
         a.dashboardId || (a.dashboardId = "default"), a.dashboardName || (a.dashboardName = `Dashboard ${a.dashboardId}`), a.responsiveGrid = a.responsiveGrid ?? !1, (a.widgets || []).length < 1 && (a.widgets = r.widgets);
         const d = (a.cssSettings || []).filter(
-          (m) => r.cssSettings.some((p) => p.key === m.key)
+          (y) => r.cssSettings.some((m) => m.key === y.key)
         );
         if (d.length < 1)
           a.cssSettings = [...r.cssSettings];
         else {
-          d.forEach((p) => {
-            p.value = (p.value || "").replace(/NaN/g, "");
+          d.forEach((m) => {
+            m.value = (m.value || "").replace(/NaN/g, "");
             const h = r.cssSettings.find(
-              (u) => u.key === p.key
+              (u) => u.key === m.key
             );
             h && (Object.keys(h).forEach((u) => {
-              u in p || (p[u] = h[u]);
-            }), p.step = h.step, p.minValue = h.minValue, p.defaultValue = h.defaultValue, p.defaultUnit = h.defaultUnit, /\d+/g.test(p.value) === !1 && (p.value = h ? h.value : "1.0rem"));
+              u in m || (m[u] = h[u]);
+            }), m.step = h.step, m.minValue = h.minValue, m.defaultValue = h.defaultValue, m.defaultUnit = h.defaultUnit, /\d+/g.test(m.value) === !1 && (m.value = h ? h.value : "1.0rem"));
           });
-          const m = r.cssSettings.filter((p) => !d.some(
-            (h) => h.key === p.key
+          const y = r.cssSettings.filter((m) => !d.some(
+            (h) => h.key === m.key
           ));
-          a.cssSettings = [...d, ...m];
+          a.cssSettings = [...d, ...y];
         }
         a.widgets = a.widgets.filter(
-          (m) => m.includes("WidgetContainer") || t.has(m)
+          (y) => y.includes("WidgetContainer") || t.has(y)
         ), a.childWidgetsConfig = a.childWidgetsConfig.filter(
-          (m) => t.has(m.widgetKey)
+          (y) => t.has(y.widgetKey)
         ), a.zoomScale ? a.zoomScale < 0.7 && (a.zoomScale = 0.7) : a.zoomScale = 1;
       }), o);
     } catch (o) {
@@ -529,10 +529,10 @@ const jt = (e) => {
   getSavedDashboards: zt,
   saveDashboards: Bt
 }, Rn = () => Kt, kn = () => {
-  const [e, n] = ce({}), [t, r] = ce({}), i = ue((h) => {
+  const [e, n] = le({}), [t, r] = le({}), i = ue((h) => {
     const u = h.dashboardId;
     n((g) => {
-      const y = {
+      const p = {
         undoIndex: 0,
         config: h
       };
@@ -541,20 +541,20 @@ const jt = (e) => {
         [u]: 0
       })), {
         ...g,
-        [u]: [y]
+        [u]: [p]
         // Forces a reset to just this one entry
       };
     });
   }, []), o = ue(
     (h) => {
       n((u) => {
-        const g = h.dashboardId, y = u[g] || [], w = t[g] ?? -1, v = y.slice(0, w + 1), b = {
+        const g = h.dashboardId, p = u[g] || [], w = t[g] ?? -1, v = p.slice(0, w + 1), b = {
           undoIndex: v.length,
           // New index based on trimmed length
           config: h
         }, C = [...v, b];
-        return r((T) => ({
-          ...T,
+        return r((N) => ({
+          ...N,
           [g]: C.length - 1
           // Index is now the last element's index
         })), {
@@ -568,27 +568,27 @@ const jt = (e) => {
     n((u) => {
       if (!u[h])
         return u;
-      const { [h]: g, ...y } = u;
-      return y;
+      const { [h]: g, ...p } = u;
+      return p;
     }), r((u) => {
-      const { [h]: g, ...y } = u;
-      return y;
+      const { [h]: g, ...p } = u;
+      return p;
     });
   }, []), d = ue(
     (h) => {
       r((u) => {
-        const g = u[h] ?? -1, y = Math.max(0, g - 1);
-        return y !== g ? { ...u, [h]: y } : u;
+        const g = u[h] ?? -1, p = Math.max(0, g - 1);
+        return p !== g ? { ...u, [h]: p } : u;
       });
     },
     [
       //loadConfigFromHistory
     ]
-  ), m = ue(
+  ), y = ue(
     (h) => {
       r((u) => {
-        const g = e[h]?.length || 0, y = u[h] ?? -1, w = Math.min(g - 1, y + 1);
-        return w !== y ? { ...u, [h]: w } : u;
+        const g = e[h]?.length || 0, p = u[h] ?? -1, w = Math.min(g - 1, p + 1);
+        return w !== p ? { ...u, [h]: w } : u;
       });
     },
     [
@@ -602,10 +602,10 @@ const jt = (e) => {
     addUndoEntry: o,
     removeUndoHistoryForDashboard: a,
     undo: d,
-    redo: m,
+    redo: y,
     getUndoStatus: (h) => {
-      const u = t[h] ?? -1, g = e[h]?.length || 0, y = u <= 0, w = u >= g - 1;
-      return { isUndoDisabled: y, isRedoDisabled: w };
+      const u = t[h] ?? -1, g = e[h]?.length || 0, p = u <= 0, w = u >= g - 1;
+      return { isUndoDisabled: p, isRedoDisabled: w };
     },
     undoHistory: e,
     historyIndex: t
@@ -863,14 +863,14 @@ const Z = (e, ...n) => [
   onKeyDown: o,
   placeholder: a = ""
 }) => {
-  const d = at(() => t === "small" ? "py-1.5 px-3 text-sm" : "py-2.5 px-4 text-base", [t]), m = Z("flex flex-col mb-4", n || ""), h = `${Z(`
+  const d = at(() => t === "small" ? "py-1.5 px-3 text-sm" : "py-2.5 px-4 text-base", [t]), y = Z("flex flex-col mb-4", n || ""), h = `${Z(`
     block w-full rounded-md px-3 py-1.5 text-base 
     bg-formfield content-formfield
     outline-1 -outline-offset-1 outline-primary 
     placeholder:text-disabled 
     focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-200 sm:text-sm/6
   `)} ${d}`;
-  return /* @__PURE__ */ W("div", { className: m, children: [
+  return /* @__PURE__ */ W("div", { className: y, children: [
     /* @__PURE__ */ s("label", { htmlFor: e, className: "block text-sm/6 font-medium mb-1.5", children: e }),
     /* @__PURE__ */ s(
       "input",
@@ -905,15 +905,15 @@ function J(e) {
     buttonType: o,
     category: a,
     px: d,
-    py: m,
-    children: p,
+    py: y,
+    children: m,
     ...h
   } = e, u = () => {
-    const y = e.isIconButton || !1, w = e.category || "primary", v = e.buttonType || "normal", b = e.disabled || !1, C = e.className || "", T = e.font || "semibold", S = Number((e.border || 0) > 0 ? e.border : 0);
+    const p = e.isIconButton || !1, w = e.category || "primary", v = e.buttonType || "normal", b = 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 c = Number((e.borderHover || 0) > 0 ? e.borderHover : 0), N = e.shadow || "sm", l = e.shadowHover || "md", f = (e.addCss || "").trim(), P = e.justifyCss || "justify-center";
-    if (y)
+    const c = Number((e.borderHover || 0) > 0 ? e.borderHover : 0), T = e.shadow || "sm", l = e.shadowHover || "md", f = (e.addCss || "").trim(), P = e.justifyCss || "justify-center";
+    if (p)
       return Z(
         "flex flex-row items-center",
         b ? "text-disabled" : `text-${w} hover:brightness-110 cursor-pointer`,
@@ -924,7 +924,7 @@ function J(e) {
       "rounded-sm focus:outline-none focus:ring focus:ring-offset",
       "transition-all duration-150",
       "text-sm",
-      `font-${T}`
+      `font-${N}`
     ];
     if (b)
       v === "ghost" ? $.push("text-disabled border-disabled cursor-not-allowed") : $.push("bg-disabled content-disabled border-disabled cursor-not-allowed");
@@ -935,21 +935,21 @@ function J(e) {
       const E = O.replace(/\[category\]/g, w).trim();
       $.push(E);
     }
-    return S > 0 ? ($.push(`border-[${S}px]`), $.push(`border-${D}`)) : ($.push("border-[1px]"), $.push("border-transparent")), c > 0 ? ($.push(`hover:border-[${c}px] group-hover:border-[${c}px]`), $.push(`hover:border-${D} group-hover:border-${D}`)) : $.push("hover:border-[1px] group-hover:border-[1px]"), $.push(`shadow-${N}`), $.push(`hover:shadow-${l} group-hover:shadow-${l}`), f.length > 0 && $.push(f), f.indexOf("hidden") === -1 && $.push("inline-flex"), $.push(P), $.join(" ").trim();
+    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-${T}`), $.push(`hover:shadow-${l} group-hover:shadow-${l}`), f.length > 0 && $.push(f), f.indexOf("hidden") === -1 && $.push("inline-flex"), $.push(P), $.join(" ").trim();
   }, g = () => {
-    const y = e.px || 0.7, w = e.py || 0.25;
+    const p = e.px || 0.7, w = e.py || 0.25;
     return {
-      padding: r ? 0 : `${w}rem ${y}rem `
+      padding: r ? 0 : `${w}rem ${p}rem `
     };
   };
-  return /* @__PURE__ */ s("button", { type: "button", disabled: t, className: u(), style: g(), ...h, children: p });
+  return /* @__PURE__ */ s("button", { type: "button", disabled: t, className: u(), style: g(), ...h, children: m });
 }
 const nn = (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 rn(e) {
   const { children: n, testId: t, classNames: r, direction: i, ...o } = e, a = nn(e);
   return /* @__PURE__ */ s("div", { "data-testid": t || "not-set", className: a, ...o, children: n });
 }
-const Xn = le(
+const Xn = ce(
   (e, n) => {
     const { classNames: t, innerClass: r, ...i } = e, o = Z(t || "", "w-full"), a = Z(
       `w-full flex overflow-hidden justify-between items-center gap-0 
@@ -958,7 +958,7 @@ const Xn = le(
     );
     return /* @__PURE__ */ s(rn, { direction: "row", classNames: o, ...i, children: /* @__PURE__ */ s("div", { className: a, children: e.children }) });
   }
-), Gn = le((e, n) => /* @__PURE__ */ s(
+), Gn = ce((e, n) => /* @__PURE__ */ s(
   "div",
   {
     "data-testid": e.testId || "not-set",
@@ -969,7 +969,7 @@ const Xn = le(
     },
     children: e.children
   }
-)), Zn = le(
+)), Zn = ce(
   (e, n) => /* @__PURE__ */ s(
     "div",
     {
@@ -978,7 +978,7 @@ const Xn = le(
       children: e.children
     }
   )
-), Jn = le((e, n) => /* @__PURE__ */ s(
+), Jn = ce((e, n) => /* @__PURE__ */ s(
   "div",
   {
     "data-testid": e.testId || "not-set",
@@ -998,15 +998,15 @@ var Ue;
 function an() {
   if (Ue) return V;
   Ue = 1;
-  var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, a = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, d = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, m = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, p = 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, y = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, w = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, v = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, b = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, C = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, T = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, a = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, d = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, y = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, h = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, u = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, g = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, w = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, v = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, b = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, C = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
   function S(c) {
     if (typeof c == "object" && c !== null) {
-      var N = c.$$typeof;
-      switch (N) {
+      var T = c.$$typeof;
+      switch (T) {
         case n:
           switch (c = c.type, c) {
+            case y:
             case m:
-            case p:
             case r:
             case o:
             case i:
@@ -1017,23 +1017,23 @@ function an() {
                 case d:
                 case h:
                 case w:
-                case y:
+                case p:
                 case a:
                   return c;
                 default:
-                  return N;
+                  return T;
               }
           }
         case t:
-          return N;
+          return T;
       }
     }
   }
   function D(c) {
-    return S(c) === p;
+    return S(c) === m;
   }
-  return V.AsyncMode = m, V.ConcurrentMode = p, V.ContextConsumer = d, V.ContextProvider = a, V.Element = n, V.ForwardRef = h, V.Fragment = r, V.Lazy = w, V.Memo = y, V.Portal = t, V.Profiler = o, V.StrictMode = i, V.Suspense = u, V.isAsyncMode = function(c) {
-    return D(c) || S(c) === m;
+  return V.AsyncMode = y, V.ConcurrentMode = m, V.ContextConsumer = d, V.ContextProvider = a, V.Element = n, V.ForwardRef = h, V.Fragment = r, V.Lazy = w, V.Memo = p, V.Portal = t, V.Profiler = o, V.StrictMode = i, V.Suspense = u, V.isAsyncMode = function(c) {
+    return D(c) || S(c) === y;
   }, V.isConcurrentMode = D, V.isContextConsumer = function(c) {
     return S(c) === d;
   }, V.isContextProvider = function(c) {
@@ -1047,7 +1047,7 @@ function an() {
   }, V.isLazy = function(c) {
     return S(c) === w;
   }, V.isMemo = function(c) {
-    return S(c) === y;
+    return S(c) === p;
   }, V.isPortal = function(c) {
     return S(c) === t;
   }, V.isProfiler = function(c) {
@@ -1057,17 +1057,17 @@ function an() {
   }, V.isSuspense = function(c) {
     return S(c) === u;
   }, V.isValidElementType = function(c) {
-    return typeof c == "string" || typeof c == "function" || c === r || c === p || c === o || c === i || c === u || c === g || typeof c == "object" && c !== null && (c.$$typeof === w || c.$$typeof === y || c.$$typeof === a || c.$$typeof === d || c.$$typeof === h || c.$$typeof === b || c.$$typeof === C || c.$$typeof === T || c.$$typeof === v);
+    return typeof c == "string" || typeof c == "function" || c === r || c === m || c === o || c === i || c === u || c === g || typeof c == "object" && c !== null && (c.$$typeof === w || c.$$typeof === p || c.$$typeof === a || c.$$typeof === d || c.$$typeof === h || c.$$typeof === b || c.$$typeof === C || c.$$typeof === N || c.$$typeof === v);
   }, V.typeOf = S, V;
 }
 var Y = {};
 var Ve;
 function sn() {
   return Ve || (Ve = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, a = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, d = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, m = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, p = 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, y = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, w = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, v = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, b = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, C = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, T = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, a = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, d = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, y = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, h = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, u = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, g = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, w = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, v = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, b = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, C = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
     function S(_) {
       return typeof _ == "string" || typeof _ == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      _ === r || _ === p || _ === o || _ === i || _ === u || _ === g || typeof _ == "object" && _ !== null && (_.$$typeof === w || _.$$typeof === y || _.$$typeof === a || _.$$typeof === d || _.$$typeof === h || _.$$typeof === b || _.$$typeof === C || _.$$typeof === T || _.$$typeof === v);
+      _ === r || _ === m || _ === o || _ === i || _ === u || _ === g || typeof _ == "object" && _ !== null && (_.$$typeof === w || _.$$typeof === p || _.$$typeof === a || _.$$typeof === d || _.$$typeof === h || _.$$typeof === b || _.$$typeof === C || _.$$typeof === N || _.$$typeof === v);
     }
     function D(_) {
       if (typeof _ == "object" && _ !== null) {
@@ -1076,8 +1076,8 @@ function sn() {
           case n:
             var me = _.type;
             switch (me) {
+              case y:
               case m:
-              case p:
               case r:
               case o:
               case i:
@@ -1089,7 +1089,7 @@ function sn() {
                   case d:
                   case h:
                   case w:
-                  case y:
+                  case p:
                   case a:
                     return je;
                   default:
@@ -1101,12 +1101,12 @@ function sn() {
         }
       }
     }
-    var c = m, N = p, l = d, f = a, P = n, $ = h, O = r, E = w, z = y, X = t, Q = o, H = i, ee = u, ae = !1;
+    var c = y, T = m, l = d, f = a, P = n, $ = h, O = r, E = w, z = p, X = t, Q = o, H = i, ee = u, ae = !1;
     function de(_) {
-      return ae || (ae = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), x(_) || D(_) === m;
+      return ae || (ae = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), x(_) || D(_) === y;
     }
     function x(_) {
-      return D(_) === p;
+      return D(_) === m;
     }
     function M(_) {
       return D(_) === d;
@@ -1127,7 +1127,7 @@ function sn() {
       return D(_) === w;
     }
     function j(_) {
-      return D(_) === y;
+      return D(_) === p;
     }
     function F(_) {
       return D(_) === t;
@@ -1141,16 +1141,16 @@ function sn() {
     function G(_) {
       return D(_) === u;
     }
-    Y.AsyncMode = c, Y.ConcurrentMode = N, Y.ContextConsumer = l, Y.ContextProvider = f, Y.Element = P, Y.ForwardRef = $, Y.Fragment = O, Y.Lazy = E, Y.Memo = z, Y.Portal = X, Y.Profiler = Q, Y.StrictMode = H, Y.Suspense = ee, Y.isAsyncMode = de, Y.isConcurrentMode = x, Y.isContextConsumer = M, Y.isContextProvider = A, Y.isElement = k, Y.isForwardRef = I, Y.isFragment = L, Y.isLazy = R, Y.isMemo = j, Y.isPortal = F, Y.isProfiler = q, Y.isStrictMode = U, Y.isSuspense = G, Y.isValidElementType = S, Y.typeOf = D;
+    Y.AsyncMode = c, Y.ConcurrentMode = T, Y.ContextConsumer = l, Y.ContextProvider = f, Y.Element = P, Y.ForwardRef = $, Y.Fragment = O, Y.Lazy = E, Y.Memo = z, Y.Portal = X, Y.Profiler = Q, Y.StrictMode = H, Y.Suspense = ee, Y.isAsyncMode = de, Y.isConcurrentMode = x, Y.isContextConsumer = M, Y.isContextProvider = A, Y.isElement = k, Y.isForwardRef = I, Y.isFragment = L, Y.isLazy = R, Y.isMemo = j, Y.isPortal = F, Y.isProfiler = q, Y.isStrictMode = U, Y.isSuspense = G, Y.isValidElementType = S, Y.typeOf = D;
   })()), Y;
 }
 var Ye;
 function pt() {
   return Ye || (Ye = 1, process.env.NODE_ENV === "production" ? ye.exports = an() : ye.exports = sn()), ye.exports;
 }
-var Te, qe;
+var Ne, qe;
 function ln() {
-  if (qe) return Te;
+  if (qe) return Ne;
   qe = 1;
   var e = Object.getOwnPropertySymbols, n = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
   function r(o) {
@@ -1167,39 +1167,39 @@ function ln() {
         return !1;
       for (var a = {}, d = 0; d < 10; d++)
         a["_" + String.fromCharCode(d)] = d;
-      var m = Object.getOwnPropertyNames(a).map(function(h) {
+      var y = Object.getOwnPropertyNames(a).map(function(h) {
         return a[h];
       });
-      if (m.join("") !== "0123456789")
+      if (y.join("") !== "0123456789")
         return !1;
-      var p = {};
+      var m = {};
       return "abcdefghijklmnopqrst".split("").forEach(function(h) {
-        p[h] = h;
-      }), Object.keys(Object.assign({}, p)).join("") === "abcdefghijklmnopqrst";
+        m[h] = h;
+      }), Object.keys(Object.assign({}, m)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
-  return Te = i() ? Object.assign : function(o, a) {
-    for (var d, m = r(o), p, h = 1; h < arguments.length; h++) {
+  return Ne = i() ? Object.assign : function(o, a) {
+    for (var d, y = r(o), m, h = 1; h < arguments.length; h++) {
       d = Object(arguments[h]);
       for (var u in d)
-        n.call(d, u) && (m[u] = d[u]);
+        n.call(d, u) && (y[u] = d[u]);
       if (e) {
-        p = e(d);
-        for (var g = 0; g < p.length; g++)
-          t.call(d, p[g]) && (m[p[g]] = d[p[g]]);
+        m = e(d);
+        for (var g = 0; g < m.length; g++)
+          t.call(d, m[g]) && (y[m[g]] = d[m[g]]);
       }
     }
-    return m;
-  }, Te;
+    return y;
+  }, Ne;
 }
-var Ne, ze;
+var Te, ze;
 function Oe() {
-  if (ze) return Ne;
+  if (ze) return Te;
   ze = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return Ne = e, Ne;
+  return Te = e, Te;
 }
 var Ee, Be;
 function yt() {
@@ -1222,7 +1222,7 @@ function cn() {
       }
     };
   }
-  function i(o, a, d, m, p) {
+  function i(o, a, d, y, m) {
     if (process.env.NODE_ENV !== "production") {
       for (var h in o)
         if (r(o, h)) {
@@ -1230,21 +1230,21 @@ function cn() {
           try {
             if (typeof o[h] != "function") {
               var g = Error(
-                (m || "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`."
+                (y || "React class") + ": " + d + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
               throw g.name = "Invariant Violation", g;
             }
-            u = o[h](a, h, m, d, null, n);
+            u = o[h](a, h, y, d, null, n);
           } catch (w) {
             u = w;
           }
           if (u && !(u instanceof Error) && e(
-            (m || "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)."
+            (y || "React class") + ": type specification of " + d + " `" + h + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof u + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), u instanceof Error && !(u.message in t)) {
             t[u.message] = !0;
-            var y = p ? p() : "";
+            var p = m ? m() : "";
             e(
-              "Failed " + d + " type: " + u.message + (y ?? "")
+              "Failed " + d + " type: " + u.message + (p ?? "")
             );
           }
         }
@@ -1261,24 +1261,24 @@ function dn() {
   var e = pt(), n = ln(), t = /* @__PURE__ */ Oe(), r = /* @__PURE__ */ yt(), i = /* @__PURE__ */ cn(), o = function() {
   };
   process.env.NODE_ENV !== "production" && (o = function(d) {
-    var m = "Warning: " + d;
-    typeof console < "u" && console.error(m);
+    var y = "Warning: " + d;
+    typeof console < "u" && console.error(y);
     try {
-      throw new Error(m);
+      throw new Error(y);
     } catch {
     }
   });
   function a() {
     return null;
   }
-  return Me = function(d, m) {
-    var p = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
+  return Me = function(d, y) {
+    var m = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
     function u(x) {
-      var M = x && (p && x[p] || x[h]);
+      var M = x && (m && x[m] || x[h]);
       if (typeof M == "function")
         return M;
     }
-    var g = "<<anonymous>>", y = {
+    var g = "<<anonymous>>", p = {
       array: C("array"),
       bigint: C("bigint"),
       bool: C("boolean"),
@@ -1287,11 +1287,11 @@ function dn() {
       object: C("object"),
       string: C("string"),
       symbol: C("symbol"),
-      any: T(),
+      any: N(),
       arrayOf: S,
       element: D(),
       elementType: c(),
-      instanceOf: N,
+      instanceOf: T,
       node: $(),
       objectOf: f,
       oneOf: l,
@@ -1311,7 +1311,7 @@ function dn() {
         var M = {}, A = 0;
       function k(L, R, j, F, q, U, G) {
         if (F = F || g, U = U || j, G !== t) {
-          if (m) {
+          if (y) {
             var _ = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
@@ -1343,7 +1343,7 @@ function dn() {
       }
       return b(M);
     }
-    function T() {
+    function N() {
       return b(a);
     }
     function S(x) {
@@ -1386,7 +1386,7 @@ function dn() {
       }
       return b(x);
     }
-    function N(x) {
+    function T(x) {
       function M(A, k, I, L, R) {
         if (!(A[k] instanceof x)) {
           var j = x.name || g, F = de(A[k]);
@@ -1572,7 +1572,7 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
     function de(x) {
       return !x.constructor || !x.constructor.name ? g : x.constructor.name;
     }
-    return y.checkPropTypes = i, y.resetWarningCache = i.resetWarningCache, y.PropTypes = y, y;
+    return p.checkPropTypes = i, p.resetWarningCache = i.resetWarningCache, p.PropTypes = p, p;
   }, Me;
 }
 var Pe, Xe;
@@ -1585,7 +1585,7 @@ function un() {
   function t() {
   }
   return t.resetWarningCache = n, Pe = function() {
-    function r(a, d, m, p, h, u) {
+    function r(a, d, y, m, h, u) {
       if (u !== e) {
         var g = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
@@ -1659,7 +1659,7 @@ function we() {
     value: !0
   }), oe.dontSetMe = i, oe.findInArray = e, oe.int = r, oe.isFunction = n, oe.isNum = t;
   function e(o, a) {
-    for (let d = 0, m = o.length; d < m; d++)
+    for (let d = 0, y = o.length; d < y; d++)
       if (a.apply(a, [o[d], d, o])) return o[d];
   }
   function n(o) {
@@ -1701,8 +1701,8 @@ function hn() {
   }
   function i(o) {
     let a = "", d = !0;
-    for (let m = 0; m < o.length; m++)
-      d ? (a += o[m].toUpperCase(), d = !1) : o[m] === "-" ? d = !0 : a += o[m];
+    for (let y = 0; y < o.length; y++)
+      d ? (a += o[y].toUpperCase(), d = !1) : o[y] === "-" ? d = !0 : a += o[y];
     return a;
   }
   return ie.default = n(), ie;
@@ -1712,7 +1712,7 @@ function Re() {
   if (et) return B;
   et = 1, Object.defineProperty(B, "__esModule", {
     value: !0
-  }), B.addClassName = c, B.addEvent = a, B.addUserSelectStyles = T, B.createCSSTransform = y, B.createSVGTransform = w, B.getTouch = b, B.getTouchIdentifier = C, B.getTranslation = v, B.innerHeight = h, B.innerWidth = u, B.matchesSelector = i, B.matchesSelectorAndParentsTo = o, B.offsetXYFromParent = g, B.outerHeight = m, B.outerWidth = p, B.removeClassName = N, B.removeEvent = d, B.scheduleRemoveUserSelectStyles = S;
+  }), B.addClassName = c, B.addEvent = a, B.addUserSelectStyles = N, B.createCSSTransform = p, B.createSVGTransform = w, B.getTouch = b, B.getTouchIdentifier = C, B.getTranslation = v, B.innerHeight = h, B.innerWidth = u, B.matchesSelector = i, B.matchesSelectorAndParentsTo = o, B.offsetXYFromParent = g, B.outerHeight = y, B.outerWidth = m, B.removeClassName = T, B.removeEvent = d, B.scheduleRemoveUserSelectStyles = S;
   var e = we(), n = t(hn());
   function t(l, f) {
     if (typeof WeakMap == "function") var P = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakMap();
@@ -1759,12 +1759,12 @@ function Re() {
     };
     l.removeEventListener ? l.removeEventListener(f, P, O) : l.detachEvent ? l.detachEvent("on" + f, P) : l["on" + f] = null;
   }
-  function m(l) {
+  function y(l) {
     let f = l.clientHeight;
     const P = l.ownerDocument.defaultView.getComputedStyle(l);
     return f += (0, e.int)(P.borderTopWidth), f += (0, e.int)(P.borderBottomWidth), f;
   }
-  function p(l) {
+  function m(l) {
     let f = l.clientWidth;
     const P = l.ownerDocument.defaultView.getComputedStyle(l);
     return f += (0, e.int)(P.borderLeftWidth), f += (0, e.int)(P.borderRightWidth), f;
@@ -1789,7 +1789,7 @@ function Re() {
       y: z
     };
   }
-  function y(l, f) {
+  function p(l, f) {
     const P = v(l, f, "px");
     return {
       [(0, n.browserPrefixToKey)("transform", n.default)]: P
@@ -1816,7 +1816,7 @@ function Re() {
     if (l.targetTouches && l.targetTouches[0]) return l.targetTouches[0].identifier;
     if (l.changedTouches && l.changedTouches[0]) return l.changedTouches[0].identifier;
   }
-  function T(l) {
+  function N(l) {
     if (!l) return;
     let f = l.getElementById("react-draggable-style-el");
     f || (f = l.createElement("style"), f.type = "text/css", f.id = "react-draggable-style-el", f.innerHTML = `.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
@@ -1831,7 +1831,7 @@ function Re() {
   function D(l) {
     if (l)
       try {
-        if (l.body && N(l.body, "react-draggable-transparent-selection"), l.selection)
+        if (l.body && T(l.body, "react-draggable-transparent-selection"), l.selection)
           l.selection.empty();
         else {
           const f = (l.defaultView || window).getSelection();
@@ -1843,7 +1843,7 @@ function Re() {
   function c(l, f) {
     l.classList ? l.classList.add(f) : l.className.match(new RegExp(`(?:^|\\s)${f}(?!\\S)`)) || (l.className += ` ${f}`);
   }
-  function N(l, f) {
+  function T(l, f) {
     l.classList ? l.classList.remove(f) : l.className = l.className.replace(new RegExp(`(?:^|\\s)${f}(?!\\S)`, "g"), "");
   }
   return B;
@@ -1853,23 +1853,23 @@ function bt() {
   if (tt) return ne;
   tt = 1, Object.defineProperty(ne, "__esModule", {
     value: !0
-  }), ne.canDragX = i, ne.canDragY = o, ne.createCoreData = d, ne.createDraggableData = m, ne.getBoundPosition = t, ne.getControlPosition = a, ne.snapToGrid = r;
+  }), ne.canDragX = i, ne.canDragY = o, ne.createCoreData = d, ne.createDraggableData = y, ne.getBoundPosition = t, ne.getControlPosition = a, ne.snapToGrid = r;
   var e = we(), n = Re();
-  function t(u, g, y) {
-    if (!u.props.bounds) return [g, y];
+  function t(u, g, p) {
+    if (!u.props.bounds) return [g, p];
     let {
       bounds: w
     } = u.props;
-    w = typeof w == "string" ? w : p(w);
+    w = typeof w == "string" ? w : m(w);
     const v = h(u);
     if (typeof w == "string") {
       const {
         ownerDocument: b
       } = v, C = b.defaultView;
-      let T;
-      if (w === "parent" ? T = v.parentNode : T = v.getRootNode().querySelector(w), !(T instanceof C.HTMLElement))
+      let N;
+      if (w === "parent" ? N = v.parentNode : N = v.getRootNode().querySelector(w), !(N instanceof C.HTMLElement))
         throw new Error('Bounds selector "' + w + '" could not find an element.');
-      const S = T, D = C.getComputedStyle(v), c = C.getComputedStyle(S);
+      const S = N, D = C.getComputedStyle(v), c = C.getComputedStyle(S);
       w = {
         left: -v.offsetLeft + (0, e.int)(c.paddingLeft) + (0, e.int)(D.marginLeft),
         top: -v.offsetTop + (0, e.int)(c.paddingTop) + (0, e.int)(D.marginTop),
@@ -1877,10 +1877,10 @@ function bt() {
         bottom: (0, n.innerHeight)(S) - (0, n.outerHeight)(v) - v.offsetTop + (0, e.int)(c.paddingBottom) - (0, e.int)(D.marginBottom)
       };
     }
-    return (0, e.isNum)(w.right) && (g = Math.min(g, w.right)), (0, e.isNum)(w.bottom) && (y = Math.min(y, w.bottom)), (0, e.isNum)(w.left) && (g = Math.max(g, w.left)), (0, e.isNum)(w.top) && (y = Math.max(y, w.top)), [g, y];
+    return (0, e.isNum)(w.right) && (g = Math.min(g, w.right)), (0, e.isNum)(w.bottom) && (p = Math.min(p, w.bottom)), (0, e.isNum)(w.left) && (g = Math.max(g, w.left)), (0, e.isNum)(w.top) && (p = Math.max(p, w.top)), [g, p];
   }
-  function r(u, g, y) {
-    const w = Math.round(g / u[0]) * u[0], v = Math.round(y / u[1]) * u[1];
+  function r(u, g, p) {
+    const w = Math.round(g / u[0]) * u[0], v = Math.round(p / u[1]) * u[1];
     return [w, v];
   }
   function i(u) {
@@ -1889,45 +1889,45 @@ function bt() {
   function o(u) {
     return u.props.axis === "both" || u.props.axis === "y";
   }
-  function a(u, g, y) {
+  function a(u, g, p) {
     const w = typeof g == "number" ? (0, n.getTouch)(u, g) : null;
     if (typeof g == "number" && !w) return null;
-    const v = h(y), b = y.props.offsetParent || v.offsetParent || v.ownerDocument.body;
-    return (0, n.offsetXYFromParent)(w || u, b, y.props.scale);
+    const v = h(p), b = p.props.offsetParent || v.offsetParent || v.ownerDocument.body;
+    return (0, n.offsetXYFromParent)(w || u, b, p.props.scale);
   }
-  function d(u, g, y) {
+  function d(u, g, p) {
     const w = !(0, e.isNum)(u.lastX), v = h(u);
     return w ? {
       node: v,
       deltaX: 0,
       deltaY: 0,
       lastX: g,
-      lastY: y,
+      lastY: p,
       x: g,
-      y
+      y: p
     } : {
       node: v,
       deltaX: g - u.lastX,
-      deltaY: y - u.lastY,
+      deltaY: p - u.lastY,
       lastX: u.lastX,
       lastY: u.lastY,
       x: g,
-      y
+      y: p
     };
   }
-  function m(u, g) {
-    const y = u.props.scale;
+  function y(u, g) {
+    const p = u.props.scale;
     return {
       node: g.node,
-      x: u.state.x + g.deltaX / y,
-      y: u.state.y + g.deltaY / y,
-      deltaX: g.deltaX / y,
-      deltaY: g.deltaY / y,
+      x: u.state.x + g.deltaX / p,
+      y: u.state.y + g.deltaY / p,
+      deltaX: g.deltaX / p,
+      deltaY: g.deltaY / p,
       lastX: u.state.x,
       lastY: u.state.y
     };
   }
-  function p(u) {
+  function m(u) {
     return {
       left: u.left,
       top: u.top,
@@ -1959,25 +1959,25 @@ function gn() {
   rt = 1, Object.defineProperty(he, "__esModule", {
     value: !0
   }), he.default = void 0;
-  var e = m(se), n = d(/* @__PURE__ */ vt()), t = d(st), r = Re(), i = bt(), o = we(), a = d(xt());
+  var e = y(se), n = d(/* @__PURE__ */ vt()), t = d(st), r = Re(), i = bt(), o = we(), a = d(xt());
   function d(v) {
     return v && v.__esModule ? v : { default: v };
   }
-  function m(v, b) {
-    if (typeof WeakMap == "function") var C = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap();
-    return (m = function(S, D) {
+  function y(v, b) {
+    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, N, l = { __proto__: null, default: S };
+      var c, T, l = { __proto__: null, default: S };
       if (S === null || typeof S != "object" && typeof S != "function") return l;
-      if (c = D ? T : C) {
+      if (c = D ? N : C) {
         if (c.has(S)) return c.get(S);
         c.set(S, l);
       }
-      for (const f in S) f !== "default" && {}.hasOwnProperty.call(S, f) && ((N = (c = Object.defineProperty) && Object.getOwnPropertyDescriptor(S, f)) && (N.get || N.set) ? c(l, f, N) : l[f] = S[f]);
+      for (const f in S) f !== "default" && {}.hasOwnProperty.call(S, f) && ((T = (c = Object.defineProperty) && Object.getOwnPropertyDescriptor(S, f)) && (T.get || T.set) ? c(l, f, T) : l[f] = S[f]);
       return l;
     })(v, b);
   }
-  function p(v, b, C) {
+  function m(v, b, C) {
     return (b = h(b)) in v ? Object.defineProperty(v, b, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : v[b] = C, v;
   }
   function h(v) {
@@ -1988,8 +1988,8 @@ function gn() {
     if (typeof v != "object" || !v) return v;
     var C = v[Symbol.toPrimitive];
     if (C !== void 0) {
-      var T = C.call(v, b);
-      if (typeof T != "object") return T;
+      var N = C.call(v, b);
+      if (typeof N != "object") return N;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
     return (b === "string" ? String : Number)(v);
@@ -2006,17 +2006,17 @@ function gn() {
       stop: "mouseup"
     }
   };
-  let y = g.mouse, w = class extends e.Component {
+  let p = g.mouse, w = class extends e.Component {
     constructor() {
-      super(...arguments), p(this, "dragging", !1), p(this, "lastX", NaN), p(this, "lastY", NaN), p(this, "touchIdentifier", null), p(this, "mounted", !1), p(this, "handleDragStart", (b) => {
+      super(...arguments), m(this, "dragging", !1), m(this, "lastX", NaN), m(this, "lastY", NaN), m(this, "touchIdentifier", null), m(this, "mounted", !1), m(this, "handleDragStart", (b) => {
         if (this.props.onMouseDown(b), !this.props.allowAnyClick && typeof b.button == "number" && b.button !== 0) return !1;
         const C = this.findDOMNode();
         if (!C || !C.ownerDocument || !C.ownerDocument.body)
           throw new Error("<DraggableCore> not mounted on DragStart!");
         const {
-          ownerDocument: T
+          ownerDocument: N
         } = C;
-        if (this.props.disabled || !(b.target instanceof T.defaultView.Node) || this.props.handle && !(0, r.matchesSelectorAndParentsTo)(b.target, this.props.handle, C) || this.props.cancel && (0, r.matchesSelectorAndParentsTo)(b.target, this.props.cancel, C))
+        if (this.props.disabled || !(b.target instanceof N.defaultView.Node) || this.props.handle && !(0, r.matchesSelectorAndParentsTo)(b.target, this.props.handle, C) || this.props.cancel && (0, r.matchesSelectorAndParentsTo)(b.target, this.props.cancel, C))
           return;
         b.type === "touchstart" && !this.props.allowMobileScroll && b.preventDefault();
         const S = (0, r.getTouchIdentifier)(b);
@@ -2025,22 +2025,22 @@ function gn() {
         if (D == null) return;
         const {
           x: c,
-          y: N
-        } = D, l = (0, i.createCoreData)(this, c, N);
-        (0, a.default)("DraggableCore: handleDragStart: %j", l), (0, a.default)("calling", this.props.onStart), !(this.props.onStart(b, l) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, r.addUserSelectStyles)(T), this.dragging = !0, this.lastX = c, this.lastY = N, (0, r.addEvent)(T, y.move, this.handleDrag), (0, r.addEvent)(T, y.stop, this.handleDragStop));
-      }), p(this, "handleDrag", (b) => {
+          y: T
+        } = D, l = (0, i.createCoreData)(this, c, T);
+        (0, a.default)("DraggableCore: handleDragStart: %j", l), (0, a.default)("calling", this.props.onStart), !(this.props.onStart(b, l) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, r.addUserSelectStyles)(N), this.dragging = !0, this.lastX = c, this.lastY = T, (0, r.addEvent)(N, p.move, this.handleDrag), (0, r.addEvent)(N, p.stop, this.handleDragStop));
+      }), m(this, "handleDrag", (b) => {
         const C = (0, i.getControlPosition)(b, this.touchIdentifier, this);
         if (C == null) return;
         let {
-          x: T,
+          x: N,
           y: S
         } = C;
         if (Array.isArray(this.props.grid)) {
-          let N = T - this.lastX, l = S - this.lastY;
-          if ([N, l] = (0, i.snapToGrid)(this.props.grid, N, l), !N && !l) return;
-          T = this.lastX + N, S = this.lastY + l;
+          let T = N - this.lastX, l = S - this.lastY;
+          if ([T, l] = (0, i.snapToGrid)(this.props.grid, T, l), !T && !l) return;
+          N = this.lastX + T, S = this.lastY + l;
         }
-        const D = (0, i.createCoreData)(this, T, S);
+        const D = (0, i.createCoreData)(this, N, S);
         if ((0, a.default)("DraggableCore: handleDrag: %j", D), this.props.onDrag(b, D) === !1 || this.mounted === !1) {
           try {
             this.handleDragStop(new MouseEvent("mouseup"));
@@ -2050,24 +2050,24 @@ function gn() {
           }
           return;
         }
-        this.lastX = T, this.lastY = S;
-      }), p(this, "handleDragStop", (b) => {
+        this.lastX = N, this.lastY = S;
+      }), m(this, "handleDragStop", (b) => {
         if (!this.dragging) return;
         const C = (0, i.getControlPosition)(b, this.touchIdentifier, this);
         if (C == null) return;
         let {
-          x: T,
+          x: N,
           y: S
         } = C;
         if (Array.isArray(this.props.grid)) {
-          let l = T - this.lastX || 0, f = S - this.lastY || 0;
-          [l, f] = (0, i.snapToGrid)(this.props.grid, l, f), T = this.lastX + l, S = this.lastY + f;
+          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;
         }
-        const D = (0, i.createCoreData)(this, T, S);
+        const D = (0, i.createCoreData)(this, N, S);
         if (this.props.onStop(b, D) === !1 || this.mounted === !1) return !1;
-        const N = this.findDOMNode();
-        N && this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(N.ownerDocument), (0, a.default)("DraggableCore: handleDragStop: %j", D), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, N && ((0, a.default)("DraggableCore: Removing handlers"), (0, r.removeEvent)(N.ownerDocument, y.move, this.handleDrag), (0, r.removeEvent)(N.ownerDocument, y.stop, this.handleDragStop));
-      }), p(this, "onMouseDown", (b) => (y = g.mouse, this.handleDragStart(b))), p(this, "onMouseUp", (b) => (y = g.mouse, this.handleDragStop(b))), p(this, "onTouchStart", (b) => (y = g.touch, this.handleDragStart(b))), p(this, "onTouchEnd", (b) => (y = g.touch, this.handleDragStop(b)));
+        const T = this.findDOMNode();
+        T && this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(T.ownerDocument), (0, a.default)("DraggableCore: handleDragStop: %j", D), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, T && ((0, a.default)("DraggableCore: Removing handlers"), (0, r.removeEvent)(T.ownerDocument, p.move, this.handleDrag), (0, r.removeEvent)(T.ownerDocument, p.stop, this.handleDragStop));
+      }), m(this, "onMouseDown", (b) => (p = g.mouse, this.handleDragStart(b))), m(this, "onMouseUp", (b) => (p = g.mouse, this.handleDragStop(b))), m(this, "onTouchStart", (b) => (p = g.touch, this.handleDragStart(b))), m(this, "onTouchEnd", (b) => (p = g.touch, this.handleDragStop(b)));
     }
     componentDidMount() {
       this.mounted = !0;
@@ -2106,7 +2106,7 @@ function gn() {
       });
     }
   };
-  return he.default = w, p(w, "displayName", "DraggableCore"), p(w, "propTypes", {
+  return he.default = w, m(w, "displayName", "DraggableCore"), m(w, "propTypes", {
     /**
      * `allowAnyClick` allows dragging using any mouse button.
      * By default, we only accept the left button.
@@ -2236,7 +2236,7 @@ function gn() {
     className: o.dontSetMe,
     style: o.dontSetMe,
     transform: o.dontSetMe
-  }), p(w, "defaultProps", {
+  }), m(w, "defaultProps", {
     allowAnyClick: !1,
     // by default only accept left click
     allowMobileScroll: !1,
@@ -2261,63 +2261,63 @@ function mn() {
     }), Object.defineProperty(e, "DraggableCore", {
       enumerable: !0,
       get: function() {
-        return m.default;
+        return y.default;
       }
     }), e.default = void 0;
-    var n = u(se), t = h(/* @__PURE__ */ vt()), r = h(st), i = fn(), o = Re(), a = bt(), d = we(), m = h(gn()), p = h(xt());
+    var n = u(se), t = h(/* @__PURE__ */ vt()), r = h(st), i = fn(), o = Re(), a = bt(), d = we(), y = h(gn()), m = h(xt());
     function h(C) {
       return C && C.__esModule ? C : { default: C };
     }
-    function u(C, T) {
+    function u(C, N) {
       if (typeof WeakMap == "function") var S = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakMap();
-      return (u = function(c, N) {
-        if (!N && c && c.__esModule) return c;
+      return (u = function(c, T) {
+        if (!T && c && c.__esModule) return c;
         var l, f, P = { __proto__: null, default: c };
         if (c === null || typeof c != "object" && typeof c != "function") return P;
-        if (l = N ? D : S) {
+        if (l = T ? D : S) {
           if (l.has(c)) return l.get(c);
           l.set(c, P);
         }
         for (const $ in c) $ !== "default" && {}.hasOwnProperty.call(c, $) && ((f = (l = Object.defineProperty) && Object.getOwnPropertyDescriptor(c, $)) && (f.get || f.set) ? l(P, $, f) : P[$] = c[$]);
         return P;
-      })(C, T);
+      })(C, N);
     }
     function g() {
       return g = Object.assign ? Object.assign.bind() : function(C) {
-        for (var T = 1; T < arguments.length; T++) {
-          var S = arguments[T];
+        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]);
         }
         return C;
       }, g.apply(null, arguments);
     }
-    function y(C, T, S) {
-      return (T = w(T)) in C ? Object.defineProperty(C, T, { value: S, enumerable: !0, configurable: !0, writable: !0 }) : C[T] = S, C;
+    function p(C, N, S) {
+      return (N = w(N)) in C ? Object.defineProperty(C, N, { value: S, enumerable: !0, configurable: !0, writable: !0 }) : C[N] = S, C;
     }
     function w(C) {
-      var T = v(C, "string");
-      return typeof T == "symbol" ? T : T + "";
+      var N = v(C, "string");
+      return typeof N == "symbol" ? N : N + "";
     }
-    function v(C, T) {
+    function v(C, N) {
       if (typeof C != "object" || !C) return C;
       var S = C[Symbol.toPrimitive];
       if (S !== void 0) {
-        var D = S.call(C, T);
+        var D = S.call(C, N);
         if (typeof D != "object") return D;
         throw new TypeError("@@toPrimitive must return a primitive value.");
       }
-      return (T === "string" ? String : Number)(C);
+      return (N === "string" ? String : Number)(C);
     }
     class b extends n.Component {
       // React 16.3+
       // Arity (props, state)
-      static getDerivedStateFromProps(T, S) {
+      static getDerivedStateFromProps(N, S) {
         let {
           position: D
-        } = T, {
+        } = N, {
           prevPropsPosition: c
         } = S;
-        return D && (!c || D.x !== c.x || D.y !== c.y) ? ((0, p.default)("Draggable: getDerivedStateFromProps %j", {
+        return D && (!c || D.x !== c.x || D.y !== c.y) ? ((0, m.default)("Draggable: getDerivedStateFromProps %j", {
           position: D,
           prevPropsPosition: c
         }), {
@@ -2328,17 +2328,17 @@ function mn() {
           }
         }) : null;
       }
-      constructor(T) {
-        super(T), y(this, "onDragStart", (S, D) => {
-          if ((0, p.default)("Draggable: onDragStart: %j", D), this.props.onStart(S, (0, a.createDraggableData)(this, D)) === !1) return !1;
+      constructor(N) {
+        super(N), p(this, "onDragStart", (S, D) => {
+          if ((0, m.default)("Draggable: onDragStart: %j", D), this.props.onStart(S, (0, a.createDraggableData)(this, D)) === !1) return !1;
           this.setState({
             dragging: !0,
             dragged: !0
           });
-        }), y(this, "onDrag", (S, D) => {
+        }), p(this, "onDrag", (S, D) => {
           if (!this.state.dragging) return !1;
-          (0, p.default)("Draggable: onDrag: %j", D);
-          const c = (0, a.createDraggableData)(this, D), N = {
+          (0, m.default)("Draggable: onDrag: %j", D);
+          const c = (0, a.createDraggableData)(this, D), T = {
             x: c.x,
             y: c.y,
             slackX: 0,
@@ -2348,17 +2348,17 @@ function mn() {
             const {
               x: f,
               y: P
-            } = N;
-            N.x += this.state.slackX, N.y += this.state.slackY;
-            const [$, O] = (0, a.getBoundPosition)(this, N.x, N.y);
-            N.x = $, N.y = O, N.slackX = this.state.slackX + (f - N.x), N.slackY = this.state.slackY + (P - N.y), c.x = N.x, c.y = N.y, c.deltaX = N.x - this.state.x, c.deltaY = N.y - this.state.y;
+            } = T;
+            T.x += this.state.slackX, T.y += this.state.slackY;
+            const [$, O] = (0, a.getBoundPosition)(this, T.x, T.y);
+            T.x = $, T.y = O, T.slackX = this.state.slackX + (f - T.x), T.slackY = this.state.slackY + (P - T.y), c.x = T.x, c.y = T.y, c.deltaX = T.x - this.state.x, c.deltaY = T.y - this.state.y;
           }
           if (this.props.onDrag(S, c) === !1) return !1;
-          this.setState(N);
-        }), y(this, "onDragStop", (S, D) => {
+          this.setState(T);
+        }), p(this, "onDragStop", (S, D) => {
           if (!this.state.dragging || this.props.onStop(S, (0, a.createDraggableData)(this, D)) === !1) return !1;
-          (0, p.default)("Draggable: onDragStop: %j", D);
-          const N = {
+          (0, m.default)("Draggable: onDragStop: %j", D);
+          const T = {
             dragging: !1,
             slackX: 0,
             slackY: 0
@@ -2368,26 +2368,26 @@ function mn() {
               x: f,
               y: P
             } = this.props.position;
-            N.x = f, N.y = P;
+            T.x = f, T.y = P;
           }
-          this.setState(N);
+          this.setState(T);
         }), this.state = {
           // Whether or not we are currently dragging.
           dragging: !1,
           // Whether or not we have been dragged before.
           dragged: !1,
           // Current transform x and y.
-          x: T.position ? T.position.x : T.defaultPosition.x,
-          y: T.position ? T.position.y : T.defaultPosition.y,
+          x: N.position ? N.position.x : N.defaultPosition.x,
+          y: N.position ? N.position.y : N.defaultPosition.y,
           prevPropsPosition: {
-            ...T.position
+            ...N.position
           },
           // Used for compensating for out-of-bounds drags
           slackX: 0,
           slackY: 0,
           // Can only determine if SVG after mounting
           isElementSVG: !1
-        }, T.position && !(T.onDrag || T.onStop) && console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.");
+        }, N.position && !(N.onDrag || N.onStop) && console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.");
       }
       componentDidMount() {
         typeof window.SVGElement < "u" && this.findDOMNode() instanceof window.SVGElement && this.setState({
@@ -2406,11 +2406,11 @@ function mn() {
       }
       render() {
         const {
-          axis: T,
+          axis: N,
           bounds: S,
           children: D,
           defaultPosition: c,
-          defaultClassName: N,
+          defaultClassName: T,
           defaultClassNameDragging: l,
           defaultClassNameDragged: f,
           position: P,
@@ -2426,11 +2426,11 @@ function mn() {
           y: (0, a.canDragY)(this) && H ? this.state.y : ee.y
         };
         this.state.isElementSVG ? X = (0, o.createSVGTransform)(ae, $) : z = (0, o.createCSSTransform)(ae, $);
-        const de = (0, i.clsx)(D.props.className || "", N, {
+        const de = (0, i.clsx)(D.props.className || "", T, {
           [l]: this.state.dragging,
           [f]: this.state.dragged
         });
-        return /* @__PURE__ */ n.createElement(m.default, g({}, E, {
+        return /* @__PURE__ */ n.createElement(y.default, g({}, E, {
           onStart: this.onDragStart,
           onDrag: this.onDrag,
           onStop: this.onDragStop
@@ -2444,9 +2444,9 @@ function mn() {
         }));
       }
     }
-    e.default = b, y(b, "displayName", "Draggable"), y(b, "propTypes", {
+    e.default = b, p(b, "displayName", "Draggable"), p(b, "propTypes", {
       // Accepts all props <DraggableCore> accepts.
-      ...m.default.propTypes,
+      ...y.default.propTypes,
       /**
        * `axis` determines which axis the draggable can move.
        *
@@ -2551,8 +2551,8 @@ function mn() {
       className: d.dontSetMe,
       style: d.dontSetMe,
       transform: d.dontSetMe
-    }), y(b, "defaultProps", {
-      ...m.default.defaultProps,
+    }), p(b, "defaultProps", {
+      ...y.default.defaultProps,
       axis: "both",
       bounds: !1,
       defaultClassName: "react-draggable",
@@ -2577,7 +2577,7 @@ function pn() {
   return fe.exports = e, fe.exports.default = e, fe.exports.DraggableCore = n, fe.exports;
 }
 var yn = pn();
-const vn = /* @__PURE__ */ on(yn), bn = le((e, n) => {
+const vn = /* @__PURE__ */ on(yn), bn = ce((e, n) => {
   const r = {
     ...{
       // 1. Take it out of the document flow
@@ -2605,10 +2605,10 @@ const vn = /* @__PURE__ */ on(yn), bn = le((e, n) => {
         "data-testid": i,
         axis: "both",
         handle: ".handle",
-        onStart: (p, h) => {
+        onStart: (m, h) => {
           e.onDraggingChange?.(!0);
         },
-        onStop: (p, h) => {
+        onStop: (m, h) => {
           setTimeout(() => {
             e.onDraggingChange?.(!1);
           }, 100);
@@ -2635,7 +2635,7 @@ function tr({ children: e }) {
 }
 const nr = (e) => {
   console.warn("showToast TODO", e);
-}, xn = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, rr = le((e, n) => {
+}, xn = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, rr = ce((e, n) => {
   let t = lt(Number(e.zoomScale || 0));
   const r = e.responsiveGrid || !1, i = e.isEditing || !1, o = {
     "--bwj-dashboard-transform-scale": t,
@@ -2653,8 +2653,8 @@ const nr = (e) => {
   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 = () => {
     e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey, e.parentWidgetKey);
-  }, a = (m) => {
-    e.onMoveClick && e.widgetKey && e.onMoveClick(m, e.widgetKey, e.parentWidgetKey);
+  }, a = (y) => {
+    e.onMoveClick && e.widgetKey && e.onMoveClick(y, e.widgetKey, e.parentWidgetKey);
   }, d = Z(
     "widget-header",
     t ? "hidden" : "flex items-center justify-between border-b border-solid border-card-invert",
@@ -2718,7 +2718,7 @@ const nr = (e) => {
     ] }),
     /* @__PURE__ */ s("div", { className: "widget-inner", children: e.children })
   ] });
-}, Cn = le(wn);
+}, Cn = ce(wn);
 function Sn(e) {
   return /* @__PURE__ */ s("div", { className: "dashboard-widget", children: /* @__PURE__ */ W("div", { className: "absolute inset-0 bg-black flex flex-col items-center justify-center text-center", children: [
     /* @__PURE__ */ s("div", { className: "w-full absolute opacity-100 text-primary", children: e.title }),
@@ -2734,15 +2734,15 @@ function Dn({
   childWidgetsConfig: o,
   widgetCatalog: a,
   isEditing: d,
-  onRemoveClick: m,
-  onMoveClick: p,
+  onRemoveClick: y,
+  onMoveClick: m,
   selectContainer: h
 }) {
-  const u = `${t}`.split("_"), g = u.length > 1, y = g ? u[0] : t, w = a.get(y);
+  const u = `${t}`.split("_"), g = u.length > 1, p = g ? u[0] : t, w = a.get(p);
   if (!w)
     return /* @__PURE__ */ s("div", { className: "flex", children: /* @__PURE__ */ W("p", { children: [
       "Widget not found in catalog: ",
-      y
+      p
     ] }) });
   let v = null, b = !1;
   if (w.component ? (v = w.component, b = !1) : w.loader && (b = !0, v = at(() => {
@@ -2773,17 +2773,17 @@ function Dn({
   }, [w, t])), !v)
     return /* @__PURE__ */ s("div", { className: "flex", children: /* @__PURE__ */ W("p", { children: [
       "Widget definition incomplete: ",
-      y
+      p
     ] }) });
-  const C = !!w.isContainer, T = g ? gt(t) : "", S = C ? (o || []).filter((l) => l.parentWidgetKey === t) : [], D = {
+  const C = !!w.isContainer, N = g ? gt(t) : "", S = C ? (o || []).filter((l) => l.parentWidgetKey === t) : [], D = {
     index: e,
     maxIndex: n,
     widgetKey: t,
     parentWidgetKey: r,
     isEditing: d,
-    title: g ? T : w.title,
-    onRemoveClick: m,
-    onMoveClick: p
+    title: g ? N : w.title,
+    onRemoveClick: y,
+    onMoveClick: m
   }, c = C ? {
     highlight: i === t,
     selectContainer: h,
@@ -2797,21 +2797,21 @@ function Dn({
         parentWidgetKey: l.parentWidgetKey,
         widgetCatalog: a,
         isEditing: d,
-        onRemoveClick: m,
-        onMoveClick: p
+        onRemoveClick: y,
+        onMoveClick: m
       },
       `${l.widgetKey}_${f}`
     ))
-  } : {}, N = () => /* @__PURE__ */ s(v, { ...D, ...c });
-  return b ? /* @__PURE__ */ s(Ct, { fallback: /* @__PURE__ */ s(Sn, { title: `Loading ${w.title}` }), children: /* @__PURE__ */ s(N, {}) }) : /* @__PURE__ */ s(N, {});
+  } : {}, T = () => /* @__PURE__ */ s(v, { ...D, ...c });
+  return b ? /* @__PURE__ */ s(Ct, { fallback: /* @__PURE__ */ s(Sn, { title: `Loading ${w.title}` }), children: /* @__PURE__ */ s(T, {}) }) : /* @__PURE__ */ s(T, {});
 }
 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 m = ["large", "xlarge"].includes(e.size || "");
-  let p = "";
-  ["large", "xlarge"].indexOf(e.size || "") > -1 && (p = `${e.size}-widget`);
+  const y = ["large", "xlarge"].includes(e.size || "");
+  let m = "";
+  ["large", "xlarge"].indexOf(e.size || "") > -1 && (m = `${e.size}-widget`);
   let h = "";
   t === "row" && !r ? h = "min-h-48" : t === "column" && !r && (h = "min-h-96");
   let u = Z(
@@ -2819,13 +2819,13 @@ function ke(e) {
     r ? "" : "has-no-children",
     i ? "editing" : "",
     h,
-    p,
-    m ? "widget-container-grid" : "widget-container-flex",
+    m,
+    y ? "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 y = () => {
+  const p = () => {
     e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey);
   }, w = (b) => {
     e.onMoveClick && e.widgetKey && e.onMoveClick(b, e.widgetKey, e.parentWidgetKey);
@@ -2899,7 +2899,7 @@ function ke(e) {
               placement: "top",
               title: "Remove Container"
             },
-            onClick: () => y(),
+            onClick: () => p(),
             children: /* @__PURE__ */ s(ht, { className: xe })
           }
         )
@@ -2926,44 +2926,47 @@ function We({
   alreadyAdded: n,
   addWidget: t
 }) {
-  const r = e.icon || tn, i = e.displayName || "Unknown", o = e.description || "---", d = (e.noDuplicatedWidgets || !1) && n, m = Z(`
+  const [r, i] = le(!1), o = e.icon || tn, a = e.displayName || "Unknown", d = e.description || "---", m = (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
-    ${d ? "border-disabled fill-disabled text-disabled" : "cursor-pointer border-primary fill-danger hover:fill-primary content-primary hover:brightness-110"}
+    ${m ? "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: m, style: { width: "calc(100% - 1rem)" }, onClick: () => {
-    d || t();
+  return /* @__PURE__ */ W("div", { className: h, style: { width: "calc(100% - 1rem)" }, onClick: () => {
+    m || t();
   }, children: [
-    /* @__PURE__ */ s(r, { className: "" }),
+    /* @__PURE__ */ s(o, { className: "" }),
     /* @__PURE__ */ W("div", { className: "w-full", children: [
       /* @__PURE__ */ W("div", { className: "flex flex-row items-center gap-2 justify-between", children: [
-        /* @__PURE__ */ s("span", { className: "font-bold", children: i }),
-        /* @__PURE__ */ s("div", { className: "text-xs", children: d ? "(Added)" : "" })
+        /* @__PURE__ */ s("span", { className: "font-bold", children: a }),
+        /* @__PURE__ */ s("div", { className: "text-xs", children: m ? "(Added)" : "" })
       ] }),
-      /* @__PURE__ */ W("div", { className: "flex flex-col gap-2 text-xs", children: [
-        /* @__PURE__ */ s("div", { children: o }),
-        /* @__PURE__ */ W("details", { children: [
-          /* @__PURE__ */ s("summary", { children: "Externals" }),
-          /* @__PURE__ */ s("div", { className: "ml-2 flex flex-col gap-1 text-xs", children: e.externalDependencies.map((h, u) => /* @__PURE__ */ s("div", { children: h }, u)) })
-        ] })
+      /* @__PURE__ */ W("div", { className: "flex flex-col text-xs", children: [
+        /* @__PURE__ */ s("div", { children: d }),
+        /* @__PURE__ */ s("div", { className: "mt-3", onClick: (p) => {
+          p.stopPropagation(), p.preventDefault(), i(!r);
+        }, children: "Externals:" }),
+        r && /* @__PURE__ */ s("dl", { className: "ml-2 flex flex-col text-xs", children: e.externalDependencies.map((p, w) => /* @__PURE__ */ W("dd", { children: [
+          "- ",
+          p
+        ] }, w)) })
       ] })
     ] })
   ] });
 }
-function Tn({
+function Nn({
   item: e,
   onSettingItemChanged: n
 }) {
   const t = e.displayName || "Unknown", r = e.description || "---", i = Z(`
     flex flex-row gap-2 p-2 rounded-md border text-sm bg-card content-card backdrop-opacity-100
   `), o = (d) => {
-    const m = d.key;
-    if (["ArrowUp", "ArrowDown"].includes(m)) {
+    const y = d.key;
+    if (["ArrowUp", "ArrowDown"].includes(y)) {
       d.preventDefault();
-      const p = Et.incrementOrDecrementValue(
+      const m = Et.incrementOrDecrementValue(
         e,
-        m === "ArrowUp" ? 1 : -1
+        y === "ArrowUp" ? 1 : -1
       );
-      n(p);
+      n(m);
     }
   }, a = (d) => {
     n({
@@ -3003,13 +3006,13 @@ function sr({
   addContainer: o,
   onSettingItemsUpdated: a,
   onResetToDefaultDashboardClick: d,
-  onUndoOrRedo: m,
-  onDoneClick: p
+  onUndoOrRedo: y,
+  onDoneClick: m
 }) {
-  const [h, u] = ce("Editing"), [g, y] = ce(0), [w, v] = ce(""), C = Array.from(n.keys()).map((E) => ({
+  const [h, u] = le("Editing"), [g, p] = le(0), [w, v] = le(""), C = Array.from(n.keys()).map((E) => ({
     widgetKey: E,
     metaData: Pt(E, n)
-  })), T = (E) => {
+  })), N = (E) => {
     v(E.target.value);
   }, S = (E) => {
     const z = w.trim().toLowerCase();
@@ -3020,21 +3023,21 @@ function sr({
   }, c = (E) => Z(
     "px-4 py-2 font-medium cursor-pointer border-b-2 border-transparent hover:border-primary focus:outline-none",
     E === g ? "text-primary border-primary" : ""
-  ), N = !!e;
+  ), T = !!e;
   St(() => {
     if (e) {
-      y(0);
+      p(0);
       const E = gt(e);
       u(`Editing ${E}`);
     } else
       u("Editing Dashboard");
   }, [e]);
   const l = (E) => {
-    N ? i(E, e) : i(E);
+    T ? i(E, e) : i(E);
   }, f = (E) => {
     const z = (t.cssSettings || []).map((X) => X.key === E.key ? E : X);
     a(z);
-  }, [P, $] = ce(!1);
+  }, [P, $] = le(!1);
   return /* @__PURE__ */ s(
     bn,
     {
@@ -3058,7 +3061,7 @@ function sr({
               "h2",
               {
                 className: "flex-1 text-base margin-0 capitalize",
-                title: N ? h : `Editing dashboard: ${t.dashboardName}`,
+                title: T ? h : `Editing dashboard: ${t.dashboardName}`,
                 children: h
               }
             )
@@ -3074,7 +3077,7 @@ function sr({
                   title: "Undo"
                 },
                 disabled: r.isUndoDisabled,
-                onClick: () => m("Undo"),
+                onClick: () => y("Undo"),
                 children: /* @__PURE__ */ s(Gt, { className: "size-5" })
               }
             ),
@@ -3088,7 +3091,7 @@ function sr({
                   title: "Redo"
                 },
                 disabled: r.isRedoDisabled,
-                onClick: () => m("Redo"),
+                onClick: () => y("Redo"),
                 children: /* @__PURE__ */ s(Zt, { className: "size-5" })
               }
             ),
@@ -3108,10 +3111,10 @@ function sr({
           ] })
         ] }),
         /* @__PURE__ */ W("div", { className: "flex border-b border-gray-200", children: [
-          /* @__PURE__ */ s("button", { onClick: () => y(0), className: c(0), children: "Widgets" }),
-          /* @__PURE__ */ s("button", { onClick: () => y(1), className: c(1), children: "Charts" }),
-          !N && /* @__PURE__ */ s("button", { onClick: () => y(2), className: c(2), children: "Containers" }),
-          !N && /* @__PURE__ */ s("button", { onClick: () => y(3), className: c(3), children: /* @__PURE__ */ s(Ht, {}) })
+          /* @__PURE__ */ s("button", { onClick: () => p(0), className: c(0), children: "Widgets" }),
+          /* @__PURE__ */ s("button", { onClick: () => p(1), className: c(1), children: "Charts" }),
+          !T && /* @__PURE__ */ s("button", { onClick: () => p(2), className: c(2), children: "Containers" }),
+          !T && /* @__PURE__ */ s("button", { onClick: () => p(3), className: c(3), children: /* @__PURE__ */ s(Ht, {}) })
         ] }),
         /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-1 w-full", children: /* @__PURE__ */ s(
           mt,
@@ -3120,7 +3123,7 @@ function sr({
             size: "small",
             className: "w-full",
             value: w,
-            onChange: T
+            onChange: N
           }
         ) }),
         /* @__PURE__ */ W(
@@ -3155,7 +3158,7 @@ function sr({
                 },
                 E.widgetKey
               )),
-              !N && g === 2 && C.filter((E) => E.metaData.categories.includes("Container")).map((E) => /* @__PURE__ */ s(
+              !T && g === 2 && C.filter((E) => E.metaData.categories.includes("Container")).map((E) => /* @__PURE__ */ s(
                 We,
                 {
                   widgetKey: E.widgetKey,
@@ -3165,8 +3168,8 @@ function sr({
                 },
                 E.widgetKey
               )),
-              !N && g === 3 && (t.cssSettings || []).filter(D).map((E) => /* @__PURE__ */ s(
-                Tn,
+              !T && g === 3 && (t.cssSettings || []).filter(D).map((E) => /* @__PURE__ */ s(
+                Nn,
                 {
                   item: E,
                   onSettingItemChanged: f
@@ -3184,7 +3187,7 @@ function sr({
               placement: "bottom",
               title: "Click to exit edit mode"
             },
-            onClick: p,
+            onClick: m,
             children: "Done"
           }
         ) })