@tenorlab/react-dashboard 1.1.2 → 1.1.4

package/dist/react-dashboard.es.js

@@ -1,4 +1,4 @@
-import se, { useState as le, useCallback as ue, useMemo as at, forwardRef as ce, useRef as xt, Suspense as Ct, useEffect as St } from "react";
+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 { jsxs as W, jsx as s } from "react/jsx-runtime";
 import st from "react-dom";
 const Dt = [
@@ -97,12 +97,12 @@ const Dt = [
   widgets: [],
   childWidgetsConfig: [],
   cssSettings: [...Dt]
-}, Ae = 0.7, Le = 1, _t = 0.05, ct = (e) => {
+}, Ae = 0.7, Le = 1, _t = 0.05, lt = (e) => {
   let n = Number(e || 0);
   return n < Ae && (n = Ae), n > Le && (n = Le), n;
 }, Mn = (e, n) => {
   let t = Number(Number((_t * n).toFixed(2)).toFixed(2)), r = Number((Number(e) + t).toFixed(2));
-  return ct(r);
+  return lt(r);
 }, Pn = (e) => {
   let n = {
     ...e
@@ -142,7 +142,8 @@ const Dt = [
     description: o,
     categories: r,
     noDuplicatedWidgets: !0,
-    icon: void 0
+    icon: void 0,
+    externalDependencies: []
   };
 }, $n = (e, n, t) => {
   const r = n[e];
@@ -162,7 +163,7 @@ const Dt = [
       component: n
     }
   ];
-}, lt = (e, n, t) => {
+}, ct = (e, n, t) => {
   const r = t || ge(e);
   return [
     e,
@@ -198,10 +199,11 @@ const Dt = [
         description: d.meta.description || "Remote Plugin",
         categories: d.meta.categories || ["Widget"],
         noDuplicatedWidgets: d.meta.noDuplicatedWidgets ?? !0,
-        icon: void 0
+        icon: void 0,
         // Or a logic to map a string name to a Lucide component
+        externalDependencies: d.meta.externalDependencies || []
       };
-      r.push(lt(a, m, p));
+      r.push(ct(a, m, p));
     }
     n({
       entries: r,
@@ -220,28 +222,28 @@ const Dt = [
   for (const o in n) {
     const a = n[o], d = Wt(o);
     if (d && a) {
-      const { key: m, title: p, folder: g } = d;
-      let u = It(t, e, g, m);
+      const { key: m, title: p, folder: h } = d;
+      let u = It(t, e, h, m);
       if (u || (u = ge(m, {
         title: p,
         description: `Local ${r ? "dynamic" : "static"} widget`
       })), r) {
-        const h = a;
-        i.push(lt(m, h, u));
+        const g = a;
+        i.push(ct(m, g, u));
       } else {
-        const h = a.default || a;
-        i.push($t(m, h, u));
+        const g = a.default || a;
+        i.push($t(m, g, u));
       }
     }
   }
   return i;
 }, Fe = (e) => {
   let n;
-  const t = /* @__PURE__ */ new Set(), r = (p, g) => {
+  const t = /* @__PURE__ */ new Set(), r = (p, h) => {
     const u = typeof p == "function" ? p(n) : p;
     if (!Object.is(u, n)) {
-      const h = n;
-      n = g ?? (typeof u != "object" || u === null) ? u : Object.assign({}, n, u), t.forEach((y) => y(n, h));
+      const g = n;
+      n = h ?? (typeof u != "object" || u === null) ? u : Object.assign({}, n, u), t.forEach((y) => y(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);
   return d;
@@ -333,10 +335,10 @@ const jt = (e) => {
 }, Yt = (e, n, t, r) => {
   if ((r || "").trim().length > 0) {
     const i = e.childWidgetsConfig.filter(
-      (g) => g.parentWidgetKey !== r
+      (h) => h.parentWidgetKey !== r
     );
     let o = e.childWidgetsConfig.filter(
-      (g) => g.parentWidgetKey === r
+      (h) => h.parentWidgetKey === r
     );
     const a = o.indexOf(t);
     let d = a + n;
@@ -489,15 +491,15 @@ const jt = (e) => {
         else {
           d.forEach((p) => {
             p.value = (p.value || "").replace(/NaN/g, "");
-            const g = r.cssSettings.find(
+            const h = r.cssSettings.find(
               (u) => u.key === p.key
             );
-            g && (Object.keys(g).forEach((u) => {
-              u in p || (p[u] = g[u]);
-            }), p.step = g.step, p.minValue = g.minValue, p.defaultValue = g.defaultValue, p.defaultUnit = g.defaultUnit, /\d+/g.test(p.value) === !1 && (p.value = g ? g.value : "1.0rem"));
+            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"));
           });
           const m = r.cssSettings.filter((p) => !d.some(
-            (g) => g.key === p.key
+            (h) => h.key === p.key
           ));
           a.cssSettings = [...d, ...m];
         }
@@ -527,66 +529,66 @@ const jt = (e) => {
   getSavedDashboards: zt,
   saveDashboards: Bt
 }, Rn = () => Kt, kn = () => {
-  const [e, n] = le({}), [t, r] = le({}), i = ue((g) => {
-    const u = g.dashboardId;
-    n((h) => {
+  const [e, n] = ce({}), [t, r] = ce({}), i = ue((h) => {
+    const u = h.dashboardId;
+    n((g) => {
       const y = {
         undoIndex: 0,
-        config: g
+        config: h
       };
-      return r((x) => ({
-        ...x,
+      return r((w) => ({
+        ...w,
         [u]: 0
       })), {
-        ...h,
+        ...g,
         [u]: [y]
         // Forces a reset to just this one entry
       };
     });
   }, []), o = ue(
-    (g) => {
+    (h) => {
       n((u) => {
-        const h = g.dashboardId, y = u[h] || [], x = t[h] ?? -1, v = y.slice(0, x + 1), b = {
+        const g = h.dashboardId, y = u[g] || [], w = t[g] ?? -1, v = y.slice(0, w + 1), b = {
           undoIndex: v.length,
           // New index based on trimmed length
-          config: g
+          config: h
         }, C = [...v, b];
         return r((T) => ({
           ...T,
-          [h]: C.length - 1
+          [g]: C.length - 1
           // Index is now the last element's index
         })), {
           ...u,
-          [h]: C
+          [g]: C
         };
       });
     },
     [t]
-  ), a = ue((g) => {
+  ), a = ue((h) => {
     n((u) => {
-      if (!u[g])
+      if (!u[h])
         return u;
-      const { [g]: h, ...y } = u;
+      const { [h]: g, ...y } = u;
       return y;
     }), r((u) => {
-      const { [g]: h, ...y } = u;
+      const { [h]: g, ...y } = u;
       return y;
     });
   }, []), d = ue(
-    (g) => {
+    (h) => {
       r((u) => {
-        const h = u[g] ?? -1, y = Math.max(0, h - 1);
-        return y !== h ? { ...u, [g]: y } : u;
+        const g = u[h] ?? -1, y = Math.max(0, g - 1);
+        return y !== g ? { ...u, [h]: y } : u;
       });
     },
     [
       //loadConfigFromHistory
     ]
   ), m = ue(
-    (g) => {
+    (h) => {
       r((u) => {
-        const h = e[g]?.length || 0, y = u[g] ?? -1, x = Math.min(h - 1, y + 1);
-        return x !== y ? { ...u, [g]: x } : 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;
       });
     },
     [
@@ -601,9 +603,9 @@ const jt = (e) => {
     removeUndoHistoryForDashboard: a,
     undo: d,
     redo: m,
-    getUndoStatus: (g) => {
-      const u = t[g] ?? -1, h = e[g]?.length || 0, y = u <= 0, x = u >= h - 1;
-      return { isUndoDisabled: y, isRedoDisabled: x };
+    getUndoStatus: (h) => {
+      const u = t[h] ?? -1, g = e[h]?.length || 0, y = u <= 0, w = u >= g - 1;
+      return { isUndoDisabled: y, isRedoDisabled: w };
     },
     undoHistory: e,
     historyIndex: t
@@ -861,7 +863,7 @@ 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 || ""), g = `${Z(`
+  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(`
     block w-full rounded-md px-3 py-1.5 text-base 
     bg-formfield content-formfield
     outline-1 -outline-offset-1 outline-primary 
@@ -879,7 +881,7 @@ const Z = (e, ...n) => [
         onChange: i,
         onKeyDown: (u) => o && o(u),
         placeholder: a,
-        className: g,
+        className: h,
         "aria-label": e
       }
     )
@@ -905,16 +907,16 @@ function J(e) {
     px: d,
     py: m,
     children: p,
-    ...g
+    ...h
   } = e, u = () => {
-    const y = e.isIconButton || !1, x = 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 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);
     let D = (e.borderColor || "").trim();
     D = D.length > 0 ? D : "";
-    const l = Number((e.borderHover || 0) > 0 ? e.borderHover : 0), N = e.shadow || "sm", c = e.shadowHover || "md", f = (e.addCss || "").trim(), P = e.justifyCss || "justify-center";
+    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)
       return Z(
         "flex flex-row items-center",
-        b ? "text-disabled" : `text-${x} hover:brightness-110 cursor-pointer`,
+        b ? "text-disabled" : `text-${w} hover:brightness-110 cursor-pointer`,
         C || ""
       );
     const $ = [
@@ -930,24 +932,24 @@ function J(e) {
       $.push("cursor-pointer");
       let O = "";
       Se.has(v) ? O = `${Se.get(v)}` : O = `${Se.get("normal")}`, S < 1 && (O = O.replace("border-[category]", ""));
-      const E = O.replace(/\[category\]/g, x).trim();
+      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")), l > 0 ? ($.push(`hover:border-[${l}px] group-hover:border-[${l}px]`), $.push(`hover:border-${D} group-hover:border-${D}`)) : $.push("hover:border-[1px] group-hover:border-[1px]"), $.push(`shadow-${N}`), $.push(`hover:shadow-${c} group-hover:shadow-${c}`), f.length > 0 && $.push(f), f.indexOf("hidden") === -1 && $.push("inline-flex"), $.push(P), $.join(" ").trim();
-  }, h = () => {
-    const y = e.px || 0.7, x = e.py || 0.25;
+    return S > 0 ? ($.push(`border-[${S}px]`), $.push(`border-${D}`)) : ($.push("border-[1px]"), $.push("border-transparent")), c > 0 ? ($.push(`hover:border-[${c}px] group-hover:border-[${c}px]`), $.push(`hover:border-${D} group-hover:border-${D}`)) : $.push("hover:border-[1px] group-hover:border-[1px]"), $.push(`shadow-${N}`), $.push(`hover:shadow-${l} group-hover:shadow-${l}`), f.length > 0 && $.push(f), f.indexOf("hidden") === -1 && $.push("inline-flex"), $.push(P), $.join(" ").trim();
+  }, g = () => {
+    const y = e.px || 0.7, w = e.py || 0.25;
     return {
-      padding: r ? 0 : `${x}rem ${y}rem `
+      padding: r ? 0 : `${w}rem ${y}rem `
     };
   };
-  return /* @__PURE__ */ s("button", { type: "button", disabled: t, className: u(), style: h(), ...g, children: p });
+  return /* @__PURE__ */ s("button", { type: "button", disabled: t, className: u(), style: g(), ...h, children: p });
 }
 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 = ce(
+const Xn = le(
   (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 
@@ -956,7 +958,7 @@ const Xn = ce(
     );
     return /* @__PURE__ */ s(rn, { direction: "row", classNames: o, ...i, children: /* @__PURE__ */ s("div", { className: a, children: e.children }) });
   }
-), Gn = ce((e, n) => /* @__PURE__ */ s(
+), Gn = le((e, n) => /* @__PURE__ */ s(
   "div",
   {
     "data-testid": e.testId || "not-set",
@@ -967,7 +969,7 @@ const Xn = ce(
     },
     children: e.children
   }
-)), Zn = ce(
+)), Zn = le(
   (e, n) => /* @__PURE__ */ s(
     "div",
     {
@@ -976,7 +978,7 @@ const Xn = ce(
       children: e.children
     }
   )
-), Jn = ce((e, n) => /* @__PURE__ */ s(
+), Jn = le((e, n) => /* @__PURE__ */ s(
   "div",
   {
     "data-testid": e.testId || "not-set",
@@ -996,28 +998,28 @@ 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, g = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, u = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, h = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, y = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, x = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, v = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, b = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, C = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, T = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-  function S(l) {
-    if (typeof l == "object" && l !== null) {
-      var N = l.$$typeof;
+  var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, 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;
+  function S(c) {
+    if (typeof c == "object" && c !== null) {
+      var N = c.$$typeof;
       switch (N) {
         case n:
-          switch (l = l.type, l) {
+          switch (c = c.type, c) {
             case m:
             case p:
             case r:
             case o:
             case i:
             case u:
-              return l;
+              return c;
             default:
-              switch (l = l && l.$$typeof, l) {
+              switch (c = c && c.$$typeof, c) {
                 case d:
-                case g:
-                case x:
+                case h:
+                case w:
                 case y:
                 case a:
-                  return l;
+                  return c;
                 default:
                   return N;
               }
@@ -1027,45 +1029,45 @@ function an() {
       }
     }
   }
-  function D(l) {
-    return S(l) === p;
-  }
-  return V.AsyncMode = m, V.ConcurrentMode = p, V.ContextConsumer = d, V.ContextProvider = a, V.Element = n, V.ForwardRef = g, V.Fragment = r, V.Lazy = x, V.Memo = y, V.Portal = t, V.Profiler = o, V.StrictMode = i, V.Suspense = u, V.isAsyncMode = function(l) {
-    return D(l) || S(l) === m;
-  }, V.isConcurrentMode = D, V.isContextConsumer = function(l) {
-    return S(l) === d;
-  }, V.isContextProvider = function(l) {
-    return S(l) === a;
-  }, V.isElement = function(l) {
-    return typeof l == "object" && l !== null && l.$$typeof === n;
-  }, V.isForwardRef = function(l) {
-    return S(l) === g;
-  }, V.isFragment = function(l) {
-    return S(l) === r;
-  }, V.isLazy = function(l) {
-    return S(l) === x;
-  }, V.isMemo = function(l) {
-    return S(l) === y;
-  }, V.isPortal = function(l) {
-    return S(l) === t;
-  }, V.isProfiler = function(l) {
-    return S(l) === o;
-  }, V.isStrictMode = function(l) {
-    return S(l) === i;
-  }, V.isSuspense = function(l) {
-    return S(l) === u;
-  }, V.isValidElementType = function(l) {
-    return typeof l == "string" || typeof l == "function" || l === r || l === p || l === o || l === i || l === u || l === h || typeof l == "object" && l !== null && (l.$$typeof === x || l.$$typeof === y || l.$$typeof === a || l.$$typeof === d || l.$$typeof === g || l.$$typeof === b || l.$$typeof === C || l.$$typeof === T || l.$$typeof === v);
+  function D(c) {
+    return S(c) === p;
+  }
+  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;
+  }, V.isConcurrentMode = D, V.isContextConsumer = function(c) {
+    return S(c) === d;
+  }, V.isContextProvider = function(c) {
+    return S(c) === a;
+  }, V.isElement = function(c) {
+    return typeof c == "object" && c !== null && c.$$typeof === n;
+  }, V.isForwardRef = function(c) {
+    return S(c) === h;
+  }, V.isFragment = function(c) {
+    return S(c) === r;
+  }, V.isLazy = function(c) {
+    return S(c) === w;
+  }, V.isMemo = function(c) {
+    return S(c) === y;
+  }, V.isPortal = function(c) {
+    return S(c) === t;
+  }, V.isProfiler = function(c) {
+    return S(c) === o;
+  }, V.isStrictMode = function(c) {
+    return S(c) === i;
+  }, 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);
   }, 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, g = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, u = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, h = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, y = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, x = 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, 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;
     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 || _ === h || typeof _ == "object" && _ !== null && (_.$$typeof === x || _.$$typeof === y || _.$$typeof === a || _.$$typeof === d || _.$$typeof === g || _.$$typeof === b || _.$$typeof === C || _.$$typeof === T || _.$$typeof === v);
+      _ === 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);
     }
     function D(_) {
       if (typeof _ == "object" && _ !== null) {
@@ -1085,8 +1087,8 @@ function sn() {
                 var je = me && me.$$typeof;
                 switch (je) {
                   case d:
-                  case g:
-                  case x:
+                  case h:
+                  case w:
                   case y:
                   case a:
                     return je;
@@ -1099,11 +1101,11 @@ function sn() {
         }
       }
     }
-    var l = m, N = p, c = d, f = a, P = n, $ = g, O = r, E = x, z = y, X = t, Q = o, H = i, ee = u, ae = !1;
+    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;
     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.")), w(_) || 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(_) === m;
     }
-    function w(_) {
+    function x(_) {
       return D(_) === p;
     }
     function M(_) {
@@ -1116,13 +1118,13 @@ function sn() {
       return typeof _ == "object" && _ !== null && _.$$typeof === n;
     }
     function I(_) {
-      return D(_) === g;
+      return D(_) === h;
     }
     function L(_) {
       return D(_) === r;
     }
     function R(_) {
-      return D(_) === x;
+      return D(_) === w;
     }
     function j(_) {
       return D(_) === y;
@@ -1139,7 +1141,7 @@ function sn() {
     function G(_) {
       return D(_) === u;
     }
-    Y.AsyncMode = l, Y.ConcurrentMode = N, Y.ContextConsumer = c, 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 = w, 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 = 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;
 }
 var Ye;
@@ -1147,7 +1149,7 @@ function pt() {
   return Ye || (Ye = 1, process.env.NODE_ENV === "production" ? ye.exports = an() : ye.exports = sn()), ye.exports;
 }
 var Te, qe;
-function cn() {
+function ln() {
   if (qe) return Te;
   qe = 1;
   var e = Object.getOwnPropertySymbols, n = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
@@ -1165,28 +1167,28 @@ function cn() {
         return !1;
       for (var a = {}, d = 0; d < 10; d++)
         a["_" + String.fromCharCode(d)] = d;
-      var m = Object.getOwnPropertyNames(a).map(function(g) {
-        return a[g];
+      var m = Object.getOwnPropertyNames(a).map(function(h) {
+        return a[h];
       });
       if (m.join("") !== "0123456789")
         return !1;
       var p = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(g) {
-        p[g] = g;
+      return "abcdefghijklmnopqrst".split("").forEach(function(h) {
+        p[h] = h;
       }), Object.keys(Object.assign({}, p)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
   return Te = i() ? Object.assign : function(o, a) {
-    for (var d, m = r(o), p, g = 1; g < arguments.length; g++) {
-      d = Object(arguments[g]);
+    for (var d, m = r(o), p, h = 1; h < arguments.length; h++) {
+      d = Object(arguments[h]);
       for (var u in d)
         n.call(d, u) && (m[u] = d[u]);
       if (e) {
         p = e(d);
-        for (var h = 0; h < p.length; h++)
-          t.call(d, p[h]) && (m[p[h]] = d[p[h]]);
+        for (var g = 0; g < p.length; g++)
+          t.call(d, p[g]) && (m[p[g]] = d[p[g]]);
       }
     }
     return m;
@@ -1204,7 +1206,7 @@ function yt() {
   return Be || (Be = 1, Ee = Function.call.bind(Object.prototype.hasOwnProperty)), Ee;
 }
 var _e, Ke;
-function ln() {
+function cn() {
   if (Ke) return _e;
   Ke = 1;
   var e = function() {
@@ -1222,22 +1224,22 @@ function ln() {
   }
   function i(o, a, d, m, p) {
     if (process.env.NODE_ENV !== "production") {
-      for (var g in o)
-        if (r(o, g)) {
+      for (var h in o)
+        if (r(o, h)) {
           var u;
           try {
-            if (typeof o[g] != "function") {
-              var h = Error(
-                (m || "React class") + ": " + d + " type `" + g + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[g] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+            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`."
               );
-              throw h.name = "Invariant Violation", h;
+              throw g.name = "Invariant Violation", g;
             }
-            u = o[g](a, g, m, d, null, n);
-          } catch (x) {
-            u = x;
+            u = o[h](a, h, m, d, null, n);
+          } catch (w) {
+            u = w;
           }
           if (u && !(u instanceof Error) && e(
-            (m || "React class") + ": type specification of " + d + " `" + g + "` 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)."
+            (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)."
           ), u instanceof Error && !(u.message in t)) {
             t[u.message] = !0;
             var y = p ? p() : "";
@@ -1256,7 +1258,7 @@ var Me, He;
 function dn() {
   if (He) return Me;
   He = 1;
-  var e = pt(), n = cn(), t = /* @__PURE__ */ Oe(), r = /* @__PURE__ */ yt(), i = /* @__PURE__ */ ln(), o = function() {
+  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;
@@ -1270,13 +1272,13 @@ function dn() {
     return null;
   }
   return Me = function(d, m) {
-    var p = typeof Symbol == "function" && Symbol.iterator, g = "@@iterator";
-    function u(w) {
-      var M = w && (p && w[p] || w[g]);
+    var p = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
+    function u(x) {
+      var M = x && (p && x[p] || x[h]);
       if (typeof M == "function")
         return M;
     }
-    var h = "<<anonymous>>", y = {
+    var g = "<<anonymous>>", y = {
       array: C("array"),
       bigint: C("bigint"),
       bool: C("boolean"),
@@ -1288,27 +1290,27 @@ function dn() {
       any: T(),
       arrayOf: S,
       element: D(),
-      elementType: l(),
+      elementType: c(),
       instanceOf: N,
       node: $(),
       objectOf: f,
-      oneOf: c,
+      oneOf: l,
       oneOfType: P,
       shape: E,
       exact: z
     };
-    function x(w, M) {
-      return w === M ? w !== 0 || 1 / w === 1 / M : w !== w && M !== M;
+    function w(x, M) {
+      return x === M ? x !== 0 || 1 / x === 1 / M : x !== x && M !== M;
     }
-    function v(w, M) {
-      this.message = w, this.data = M && typeof M == "object" ? M : {}, this.stack = "";
+    function v(x, M) {
+      this.message = x, this.data = M && typeof M == "object" ? M : {}, this.stack = "";
     }
     v.prototype = Error.prototype;
-    function b(w) {
+    function b(x) {
       if (process.env.NODE_ENV !== "production")
         var M = {}, A = 0;
       function k(L, R, j, F, q, U, G) {
-        if (F = F || h, U = U || j, G !== t) {
+        if (F = F || g, U = U || j, G !== t) {
           if (m) {
             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"
@@ -1322,19 +1324,19 @@ function dn() {
             ), M[te] = !0, A++);
           }
         }
-        return R[j] == null ? L ? R[j] === null ? new v("The " + q + " `" + U + "` is marked as required " + ("in `" + F + "`, but its value is `null`.")) : new v("The " + q + " `" + U + "` is marked as required in " + ("`" + F + "`, but its value is `undefined`.")) : null : w(R, j, F, q, U);
+        return R[j] == null ? L ? R[j] === null ? new v("The " + q + " `" + U + "` is marked as required " + ("in `" + F + "`, but its value is `null`.")) : new v("The " + q + " `" + U + "` is marked as required in " + ("`" + F + "`, but its value is `undefined`.")) : null : x(R, j, F, q, U);
       }
       var I = k.bind(null, !1);
       return I.isRequired = k.bind(null, !0), I;
     }
-    function C(w) {
+    function C(x) {
       function M(A, k, I, L, R, j) {
         var F = A[k], q = H(F);
-        if (q !== w) {
+        if (q !== x) {
           var U = ee(F);
           return new v(
-            "Invalid " + L + " `" + R + "` of type " + ("`" + U + "` supplied to `" + I + "`, expected ") + ("`" + w + "`."),
-            { expectedType: w }
+            "Invalid " + L + " `" + R + "` of type " + ("`" + U + "` supplied to `" + I + "`, expected ") + ("`" + x + "`."),
+            { expectedType: x }
           );
         }
         return null;
@@ -1344,9 +1346,9 @@ function dn() {
     function T() {
       return b(a);
     }
-    function S(w) {
+    function S(x) {
       function M(A, k, I, L, R) {
-        if (typeof w != "function")
+        if (typeof x != "function")
           return new v("Property `" + R + "` of component `" + I + "` has invalid PropType notation inside arrayOf.");
         var j = A[k];
         if (!Array.isArray(j)) {
@@ -1354,7 +1356,7 @@ function dn() {
           return new v("Invalid " + L + " `" + R + "` of type " + ("`" + F + "` supplied to `" + I + "`, expected an array."));
         }
         for (var q = 0; q < j.length; q++) {
-          var U = w(j, q, I, L, R + "[" + q + "]", t);
+          var U = x(j, q, I, L, R + "[" + q + "]", t);
           if (U instanceof Error)
             return U;
         }
@@ -1363,7 +1365,7 @@ function dn() {
       return b(M);
     }
     function D() {
-      function w(M, A, k, I, L) {
+      function x(M, A, k, I, L) {
         var R = M[A];
         if (!d(R)) {
           var j = H(R);
@@ -1371,10 +1373,10 @@ function dn() {
         }
         return null;
       }
-      return b(w);
+      return b(x);
     }
-    function l() {
-      function w(M, A, k, I, L) {
+    function c() {
+      function x(M, A, k, I, L) {
         var R = M[A];
         if (!e.isValidElementType(R)) {
           var j = H(R);
@@ -1382,28 +1384,28 @@ function dn() {
         }
         return null;
       }
-      return b(w);
+      return b(x);
     }
-    function N(w) {
+    function N(x) {
       function M(A, k, I, L, R) {
-        if (!(A[k] instanceof w)) {
-          var j = w.name || h, F = de(A[k]);
+        if (!(A[k] instanceof x)) {
+          var j = x.name || g, F = de(A[k]);
           return new v("Invalid " + L + " `" + R + "` of type " + ("`" + F + "` supplied to `" + I + "`, expected ") + ("instance of `" + j + "`."));
         }
         return null;
       }
       return b(M);
     }
-    function c(w) {
-      if (!Array.isArray(w))
+    function l(x) {
+      if (!Array.isArray(x))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : o("Invalid argument supplied to oneOf, expected an array.")), a;
       function M(A, k, I, L, R) {
-        for (var j = A[k], F = 0; F < w.length; F++)
-          if (x(j, w[F]))
+        for (var j = A[k], F = 0; F < x.length; F++)
+          if (w(j, x[F]))
             return null;
-        var q = JSON.stringify(w, function(G, _) {
+        var q = JSON.stringify(x, function(G, _) {
           var te = ee(_);
           return te === "symbol" ? String(_) : _;
         });
@@ -1411,16 +1413,16 @@ function dn() {
       }
       return b(M);
     }
-    function f(w) {
+    function f(x) {
       function M(A, k, I, L, R) {
-        if (typeof w != "function")
+        if (typeof x != "function")
           return new v("Property `" + R + "` of component `" + I + "` has invalid PropType notation inside objectOf.");
         var j = A[k], F = H(j);
         if (F !== "object")
           return new v("Invalid " + L + " `" + R + "` of type " + ("`" + F + "` supplied to `" + I + "`, expected an object."));
         for (var q in j)
           if (r(j, q)) {
-            var U = w(j, q, I, L, R + "." + q, t);
+            var U = x(j, q, I, L, R + "." + q, t);
             if (U instanceof Error)
               return U;
           }
@@ -1428,19 +1430,19 @@ function dn() {
       }
       return b(M);
     }
-    function P(w) {
-      if (!Array.isArray(w))
+    function P(x) {
+      if (!Array.isArray(x))
         return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), a;
-      for (var M = 0; M < w.length; M++) {
-        var A = w[M];
+      for (var M = 0; M < x.length; M++) {
+        var A = x[M];
         if (typeof A != "function")
           return o(
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ae(A) + " at index " + M + "."
           ), a;
       }
       function k(I, L, R, j, F) {
-        for (var q = [], U = 0; U < w.length; U++) {
-          var G = w[U], _ = G(I, L, R, j, F, t);
+        for (var q = [], U = 0; U < x.length; U++) {
+          var G = x[U], _ = G(I, L, R, j, F, t);
           if (_ == null)
             return null;
           _.data && r(_.data, "expectedType") && q.push(_.data.expectedType);
@@ -1451,23 +1453,23 @@ function dn() {
       return b(k);
     }
     function $() {
-      function w(M, A, k, I, L) {
+      function x(M, A, k, I, L) {
         return X(M[A]) ? null : new v("Invalid " + I + " `" + L + "` supplied to " + ("`" + k + "`, expected a ReactNode."));
       }
-      return b(w);
+      return b(x);
     }
-    function O(w, M, A, k, I) {
+    function O(x, M, A, k, I) {
       return new v(
-        (w || "React class") + ": " + M + " type `" + A + "." + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + I + "`."
+        (x || "React class") + ": " + M + " type `" + A + "." + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + I + "`."
       );
     }
-    function E(w) {
+    function E(x) {
       function M(A, k, I, L, R) {
         var j = A[k], F = H(j);
         if (F !== "object")
           return new v("Invalid " + L + " `" + R + "` of type `" + F + "` " + ("supplied to `" + I + "`, expected `object`."));
-        for (var q in w) {
-          var U = w[q];
+        for (var q in x) {
+          var U = x[q];
           if (typeof U != "function")
             return O(I, L, R, q, ee(U));
           var G = U(j, q, I, L, R + "." + q, t);
@@ -1478,20 +1480,20 @@ function dn() {
       }
       return b(M);
     }
-    function z(w) {
+    function z(x) {
       function M(A, k, I, L, R) {
         var j = A[k], F = H(j);
         if (F !== "object")
           return new v("Invalid " + L + " `" + R + "` of type `" + F + "` " + ("supplied to `" + I + "`, expected `object`."));
-        var q = n({}, A[k], w);
+        var q = n({}, A[k], x);
         for (var U in q) {
-          var G = w[U];
-          if (r(w, U) && typeof G != "function")
+          var G = x[U];
+          if (r(x, U) && typeof G != "function")
             return O(I, L, R, U, ee(G));
           if (!G)
             return new v(
               "Invalid " + L + " `" + R + "` key `" + U + "` supplied to `" + I + "`.\nBad object: " + JSON.stringify(A[k], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(w), null, "  ")
+Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
             );
           var _ = G(j, U, I, L, R + "." + U, t);
           if (_)
@@ -1501,23 +1503,23 @@ Valid keys: ` + JSON.stringify(Object.keys(w), null, "  ")
       }
       return b(M);
     }
-    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 M = u(w);
+          var M = u(x);
           if (M) {
-            var A = M.call(w), k;
-            if (M !== w.entries) {
+            var A = M.call(x), k;
+            if (M !== x.entries) {
               for (; !(k = A.next()).done; )
                 if (!X(k.value))
                   return !1;
@@ -1534,27 +1536,27 @@ Valid keys: ` + JSON.stringify(Object.keys(w), null, "  ")
           return !1;
       }
     }
-    function Q(w, M) {
-      return w === "symbol" ? !0 : M ? M["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && M instanceof Symbol : !1;
+    function Q(x, M) {
+      return x === "symbol" ? !0 : M ? M["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && M instanceof Symbol : !1;
     }
-    function H(w) {
-      var M = typeof w;
-      return Array.isArray(w) ? "array" : w instanceof RegExp ? "object" : Q(M, w) ? "symbol" : M;
+    function H(x) {
+      var M = typeof x;
+      return Array.isArray(x) ? "array" : x instanceof RegExp ? "object" : Q(M, x) ? "symbol" : M;
     }
-    function ee(w) {
-      if (typeof w > "u" || w === null)
-        return "" + w;
-      var M = H(w);
+    function ee(x) {
+      if (typeof x > "u" || x === null)
+        return "" + x;
+      var M = H(x);
       if (M === "object") {
-        if (w instanceof Date)
+        if (x instanceof Date)
           return "date";
-        if (w instanceof RegExp)
+        if (x instanceof RegExp)
           return "regexp";
       }
       return M;
     }
-    function ae(w) {
-      var M = ee(w);
+    function ae(x) {
+      var M = ee(x);
       switch (M) {
         case "array":
         case "object":
@@ -1567,8 +1569,8 @@ Valid keys: ` + JSON.stringify(Object.keys(w), null, "  ")
           return M;
       }
     }
-    function de(w) {
-      return !w.constructor || !w.constructor.name ? h : w.constructor.name;
+    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;
   }, Me;
@@ -1583,12 +1585,12 @@ function un() {
   function t() {
   }
   return t.resetWarningCache = n, Pe = function() {
-    function r(a, d, m, p, g, u) {
+    function r(a, d, m, p, h, u) {
       if (u !== e) {
-        var h = new Error(
+        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"
         );
-        throw h.name = "Invariant Violation", h;
+        throw g.name = "Invariant Violation", g;
       }
     }
     r.isRequired = r;
@@ -1651,7 +1653,7 @@ function fn() {
   return ve.exports = n, ve.exports.clsx = n, ve.exports;
 }
 var B = {}, oe = {}, Je;
-function xe() {
+function we() {
   if (Je) return oe;
   Je = 1, Object.defineProperty(oe, "__esModule", {
     value: !0
@@ -1710,9 +1712,9 @@ function Re() {
   if (et) return B;
   et = 1, Object.defineProperty(B, "__esModule", {
     value: !0
-  }), B.addClassName = l, B.addEvent = a, B.addUserSelectStyles = T, B.createCSSTransform = y, B.createSVGTransform = x, B.getTouch = b, B.getTouchIdentifier = C, B.getTranslation = v, B.innerHeight = g, B.innerWidth = u, B.matchesSelector = i, B.matchesSelectorAndParentsTo = o, B.offsetXYFromParent = h, B.outerHeight = m, B.outerWidth = p, B.removeClassName = N, B.removeEvent = d, B.scheduleRemoveUserSelectStyles = S;
-  var e = xe(), n = t(hn());
-  function t(c, f) {
+  }), 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;
+  var e = we(), n = t(hn());
+  function t(l, f) {
     if (typeof WeakMap == "function") var P = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakMap();
     return (t = function(O, E) {
       if (!E && O && O.__esModule) return O;
@@ -1724,16 +1726,16 @@ function Re() {
       }
       for (const H in O) H !== "default" && {}.hasOwnProperty.call(O, H) && ((X = (z = Object.defineProperty) && Object.getOwnPropertyDescriptor(O, H)) && (X.get || X.set) ? z(Q, H, X) : Q[H] = O[H]);
       return Q;
-    })(c, f);
+    })(l, f);
   }
   let r = "";
-  function i(c, f) {
+  function i(l, f) {
     return r || (r = (0, e.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(P) {
-      return (0, e.isFunction)(c[P]);
-    })), (0, e.isFunction)(c[r]) ? c[r](f) : !1;
+      return (0, e.isFunction)(l[P]);
+    })), (0, e.isFunction)(l[r]) ? l[r](f) : !1;
   }
-  function o(c, f, P) {
-    let $ = c;
+  function o(l, f, P) {
+    let $ = l;
     do {
       if (i($, f)) return !0;
       if ($ === P) return !1;
@@ -1741,108 +1743,108 @@ function Re() {
     } while ($);
     return !1;
   }
-  function a(c, f, P, $) {
-    if (!c) return;
+  function a(l, f, P, $) {
+    if (!l) return;
     const O = {
       capture: !0,
       ...$
     };
-    c.addEventListener ? c.addEventListener(f, P, O) : c.attachEvent ? c.attachEvent("on" + f, P) : c["on" + f] = P;
+    l.addEventListener ? l.addEventListener(f, P, O) : l.attachEvent ? l.attachEvent("on" + f, P) : l["on" + f] = P;
   }
-  function d(c, f, P, $) {
-    if (!c) return;
+  function d(l, f, P, $) {
+    if (!l) return;
     const O = {
       capture: !0,
       ...$
     };
-    c.removeEventListener ? c.removeEventListener(f, P, O) : c.detachEvent ? c.detachEvent("on" + f, P) : c["on" + f] = null;
+    l.removeEventListener ? l.removeEventListener(f, P, O) : l.detachEvent ? l.detachEvent("on" + f, P) : l["on" + f] = null;
   }
-  function m(c) {
-    let f = c.clientHeight;
-    const P = c.ownerDocument.defaultView.getComputedStyle(c);
+  function m(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(c) {
-    let f = c.clientWidth;
-    const P = c.ownerDocument.defaultView.getComputedStyle(c);
+  function p(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;
   }
-  function g(c) {
-    let f = c.clientHeight;
-    const P = c.ownerDocument.defaultView.getComputedStyle(c);
+  function h(l) {
+    let f = l.clientHeight;
+    const P = l.ownerDocument.defaultView.getComputedStyle(l);
     return f -= (0, e.int)(P.paddingTop), f -= (0, e.int)(P.paddingBottom), f;
   }
-  function u(c) {
-    let f = c.clientWidth;
-    const P = c.ownerDocument.defaultView.getComputedStyle(c);
+  function u(l) {
+    let f = l.clientWidth;
+    const P = l.ownerDocument.defaultView.getComputedStyle(l);
     return f -= (0, e.int)(P.paddingLeft), f -= (0, e.int)(P.paddingRight), f;
   }
-  function h(c, f, P) {
+  function g(l, f, P) {
     const O = f === f.ownerDocument.body ? {
       left: 0,
       top: 0
-    } : f.getBoundingClientRect(), E = (c.clientX + f.scrollLeft - O.left) / P, z = (c.clientY + f.scrollTop - O.top) / P;
+    } : f.getBoundingClientRect(), E = (l.clientX + f.scrollLeft - O.left) / P, z = (l.clientY + f.scrollTop - O.top) / P;
     return {
       x: E,
       y: z
     };
   }
-  function y(c, f) {
-    const P = v(c, f, "px");
+  function y(l, f) {
+    const P = v(l, f, "px");
     return {
       [(0, n.browserPrefixToKey)("transform", n.default)]: P
     };
   }
-  function x(c, f) {
-    return v(c, f, "");
+  function w(l, f) {
+    return v(l, f, "");
   }
-  function v(c, f, P) {
+  function v(l, f, P) {
     let {
       x: $,
       y: O
-    } = c, E = `translate(${$}${P},${O}${P})`;
+    } = l, E = `translate(${$}${P},${O}${P})`;
     if (f) {
       const z = `${typeof f.x == "string" ? f.x : f.x + P}`, X = `${typeof f.y == "string" ? f.y : f.y + P}`;
       E = `translate(${z}, ${X})` + E;
     }
     return E;
   }
-  function b(c, f) {
-    return c.targetTouches && (0, e.findInArray)(c.targetTouches, (P) => f === P.identifier) || c.changedTouches && (0, e.findInArray)(c.changedTouches, (P) => f === P.identifier);
+  function b(l, f) {
+    return l.targetTouches && (0, e.findInArray)(l.targetTouches, (P) => f === P.identifier) || l.changedTouches && (0, e.findInArray)(l.changedTouches, (P) => f === P.identifier);
   }
-  function C(c) {
-    if (c.targetTouches && c.targetTouches[0]) return c.targetTouches[0].identifier;
-    if (c.changedTouches && c.changedTouches[0]) return c.changedTouches[0].identifier;
+  function C(l) {
+    if (l.targetTouches && l.targetTouches[0]) return l.targetTouches[0].identifier;
+    if (l.changedTouches && l.changedTouches[0]) return l.changedTouches[0].identifier;
   }
-  function T(c) {
-    if (!c) return;
-    let f = c.getElementById("react-draggable-style-el");
-    f || (f = c.createElement("style"), f.type = "text/css", f.id = "react-draggable-style-el", f.innerHTML = `.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
+  function T(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;}
 `, f.innerHTML += `.react-draggable-transparent-selection *::selection {all: inherit;}
-`, c.getElementsByTagName("head")[0].appendChild(f)), c.body && l(c.body, "react-draggable-transparent-selection");
+`, l.getElementsByTagName("head")[0].appendChild(f)), l.body && c(l.body, "react-draggable-transparent-selection");
   }
-  function S(c) {
+  function S(l) {
     window.requestAnimationFrame ? window.requestAnimationFrame(() => {
-      D(c);
-    }) : D(c);
+      D(l);
+    }) : D(l);
   }
-  function D(c) {
-    if (c)
+  function D(l) {
+    if (l)
       try {
-        if (c.body && N(c.body, "react-draggable-transparent-selection"), c.selection)
-          c.selection.empty();
+        if (l.body && N(l.body, "react-draggable-transparent-selection"), l.selection)
+          l.selection.empty();
         else {
-          const f = (c.defaultView || window).getSelection();
+          const f = (l.defaultView || window).getSelection();
           f && f.type !== "Caret" && f.removeAllRanges();
         }
       } catch {
       }
   }
-  function l(c, f) {
-    c.classList ? c.classList.add(f) : c.className.match(new RegExp(`(?:^|\\s)${f}(?!\\S)`)) || (c.className += ` ${f}`);
+  function c(l, f) {
+    l.classList ? l.classList.add(f) : l.className.match(new RegExp(`(?:^|\\s)${f}(?!\\S)`)) || (l.className += ` ${f}`);
   }
-  function N(c, f) {
-    c.classList ? c.classList.remove(f) : c.className = c.className.replace(new RegExp(`(?:^|\\s)${f}(?!\\S)`, "g"), "");
+  function N(l, f) {
+    l.classList ? l.classList.remove(f) : l.className = l.className.replace(new RegExp(`(?:^|\\s)${f}(?!\\S)`, "g"), "");
   }
   return B;
 }
@@ -1852,34 +1854,34 @@ function bt() {
   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;
-  var e = xe(), n = Re();
-  function t(u, h, y) {
-    if (!u.props.bounds) return [h, y];
+  var e = we(), n = Re();
+  function t(u, g, y) {
+    if (!u.props.bounds) return [g, y];
     let {
-      bounds: x
+      bounds: w
     } = u.props;
-    x = typeof x == "string" ? x : p(x);
-    const v = g(u);
-    if (typeof x == "string") {
+    w = typeof w == "string" ? w : p(w);
+    const v = h(u);
+    if (typeof w == "string") {
       const {
         ownerDocument: b
       } = v, C = b.defaultView;
       let T;
-      if (x === "parent" ? T = v.parentNode : T = v.getRootNode().querySelector(x), !(T instanceof C.HTMLElement))
-        throw new Error('Bounds selector "' + x + '" could not find an element.');
-      const S = T, D = C.getComputedStyle(v), l = C.getComputedStyle(S);
-      x = {
-        left: -v.offsetLeft + (0, e.int)(l.paddingLeft) + (0, e.int)(D.marginLeft),
-        top: -v.offsetTop + (0, e.int)(l.paddingTop) + (0, e.int)(D.marginTop),
-        right: (0, n.innerWidth)(S) - (0, n.outerWidth)(v) - v.offsetLeft + (0, e.int)(l.paddingRight) - (0, e.int)(D.marginRight),
-        bottom: (0, n.innerHeight)(S) - (0, n.outerHeight)(v) - v.offsetTop + (0, e.int)(l.paddingBottom) - (0, e.int)(D.marginBottom)
+      if (w === "parent" ? T = v.parentNode : T = v.getRootNode().querySelector(w), !(T instanceof C.HTMLElement))
+        throw new Error('Bounds selector "' + w + '" could not find an element.');
+      const S = T, 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),
+        right: (0, n.innerWidth)(S) - (0, n.outerWidth)(v) - v.offsetLeft + (0, e.int)(c.paddingRight) - (0, e.int)(D.marginRight),
+        bottom: (0, n.innerHeight)(S) - (0, n.outerHeight)(v) - v.offsetTop + (0, e.int)(c.paddingBottom) - (0, e.int)(D.marginBottom)
       };
     }
-    return (0, e.isNum)(x.right) && (h = Math.min(h, x.right)), (0, e.isNum)(x.bottom) && (y = Math.min(y, x.bottom)), (0, e.isNum)(x.left) && (h = Math.max(h, x.left)), (0, e.isNum)(x.top) && (y = Math.max(y, x.top)), [h, y];
+    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];
   }
-  function r(u, h, y) {
-    const x = Math.round(h / u[0]) * u[0], v = Math.round(y / u[1]) * u[1];
-    return [x, v];
+  function r(u, g, y) {
+    const w = Math.round(g / u[0]) * u[0], v = Math.round(y / u[1]) * u[1];
+    return [w, v];
   }
   function i(u) {
     return u.props.axis === "both" || u.props.axis === "x";
@@ -1887,40 +1889,40 @@ function bt() {
   function o(u) {
     return u.props.axis === "both" || u.props.axis === "y";
   }
-  function a(u, h, y) {
-    const x = typeof h == "number" ? (0, n.getTouch)(u, h) : null;
-    if (typeof h == "number" && !x) return null;
-    const v = g(y), b = y.props.offsetParent || v.offsetParent || v.ownerDocument.body;
-    return (0, n.offsetXYFromParent)(x || u, b, y.props.scale);
+  function a(u, g, y) {
+    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);
   }
-  function d(u, h, y) {
-    const x = !(0, e.isNum)(u.lastX), v = g(u);
-    return x ? {
+  function d(u, g, y) {
+    const w = !(0, e.isNum)(u.lastX), v = h(u);
+    return w ? {
       node: v,
       deltaX: 0,
       deltaY: 0,
-      lastX: h,
+      lastX: g,
       lastY: y,
-      x: h,
+      x: g,
       y
     } : {
       node: v,
-      deltaX: h - u.lastX,
+      deltaX: g - u.lastX,
       deltaY: y - u.lastY,
       lastX: u.lastX,
       lastY: u.lastY,
-      x: h,
+      x: g,
       y
     };
   }
-  function m(u, h) {
+  function m(u, g) {
     const y = u.props.scale;
     return {
-      node: h.node,
-      x: u.state.x + h.deltaX / y,
-      y: u.state.y + h.deltaY / y,
-      deltaX: h.deltaX / y,
-      deltaY: h.deltaY / y,
+      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,
       lastX: u.state.x,
       lastY: u.state.y
     };
@@ -1933,16 +1935,16 @@ function bt() {
       bottom: u.bottom
     };
   }
-  function g(u) {
-    const h = u.findDOMNode();
-    if (!h)
+  function h(u) {
+    const g = u.findDOMNode();
+    if (!g)
       throw new Error("<DraggableCore>: Unmounted during event!");
-    return h;
+    return g;
   }
   return ne;
 }
 var he = {}, be = {}, nt;
-function wt() {
+function xt() {
   if (nt) return be;
   nt = 1, Object.defineProperty(be, "__esModule", {
     value: !0
@@ -1957,7 +1959,7 @@ 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 = xe(), a = d(wt());
+  var e = m(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 };
   }
@@ -1965,20 +1967,20 @@ function gn() {
     if (typeof WeakMap == "function") var C = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap();
     return (m = function(S, D) {
       if (!D && S && S.__esModule) return S;
-      var l, N, c = { __proto__: null, default: S };
-      if (S === null || typeof S != "object" && typeof S != "function") return c;
-      if (l = D ? T : C) {
-        if (l.has(S)) return l.get(S);
-        l.set(S, c);
+      var c, N, l = { __proto__: null, default: S };
+      if (S === null || typeof S != "object" && typeof S != "function") return l;
+      if (c = D ? T : C) {
+        if (c.has(S)) return c.get(S);
+        c.set(S, l);
       }
-      for (const f in S) f !== "default" && {}.hasOwnProperty.call(S, f) && ((N = (l = Object.defineProperty) && Object.getOwnPropertyDescriptor(S, f)) && (N.get || N.set) ? l(c, f, N) : c[f] = S[f]);
-      return c;
+      for (const f in S) f !== "default" && {}.hasOwnProperty.call(S, f) && ((N = (c = Object.defineProperty) && Object.getOwnPropertyDescriptor(S, f)) && (N.get || N.set) ? c(l, f, N) : l[f] = S[f]);
+      return l;
     })(v, b);
   }
   function p(v, b, C) {
-    return (b = g(b)) in v ? Object.defineProperty(v, b, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : v[b] = C, v;
+    return (b = h(b)) in v ? Object.defineProperty(v, b, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : v[b] = C, v;
   }
-  function g(v) {
+  function h(v) {
     var b = u(v, "string");
     return typeof b == "symbol" ? b : b + "";
   }
@@ -1992,7 +1994,7 @@ function gn() {
     }
     return (b === "string" ? String : Number)(v);
   }
-  const h = {
+  const g = {
     touch: {
       start: "touchstart",
       move: "touchmove",
@@ -2004,7 +2006,7 @@ function gn() {
       stop: "mouseup"
     }
   };
-  let y = h.mouse, x = class extends e.Component {
+  let y = 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) => {
         if (this.props.onMouseDown(b), !this.props.allowAnyClick && typeof b.button == "number" && b.button !== 0) return !1;
@@ -2022,10 +2024,10 @@ function gn() {
         const D = (0, i.getControlPosition)(b, S, this);
         if (D == null) return;
         const {
-          x: l,
+          x: c,
           y: N
-        } = D, c = (0, i.createCoreData)(this, l, N);
-        (0, a.default)("DraggableCore: handleDragStart: %j", c), (0, a.default)("calling", this.props.onStart), !(this.props.onStart(b, c) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, r.addUserSelectStyles)(T), this.dragging = !0, this.lastX = l, this.lastY = N, (0, r.addEvent)(T, y.move, this.handleDrag), (0, r.addEvent)(T, y.stop, this.handleDragStop));
+        } = 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) => {
         const C = (0, i.getControlPosition)(b, this.touchIdentifier, this);
         if (C == null) return;
@@ -2034,17 +2036,17 @@ function gn() {
           y: S
         } = C;
         if (Array.isArray(this.props.grid)) {
-          let N = T - this.lastX, c = S - this.lastY;
-          if ([N, c] = (0, i.snapToGrid)(this.props.grid, N, c), !N && !c) return;
-          T = this.lastX + N, S = this.lastY + c;
+          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;
         }
         const D = (0, i.createCoreData)(this, T, S);
         if ((0, a.default)("DraggableCore: handleDrag: %j", D), this.props.onDrag(b, D) === !1 || this.mounted === !1) {
           try {
             this.handleDragStop(new MouseEvent("mouseup"));
           } catch {
-            const c = document.createEvent("MouseEvents");
-            c.initMouseEvent("mouseup", !0, !0, window, 0, 0, 0, 0, 0, !1, !1, !1, !1, 0, null), this.handleDragStop(c);
+            const l = document.createEvent("MouseEvents");
+            l.initMouseEvent("mouseup", !0, !0, window, 0, 0, 0, 0, 0, !1, !1, !1, !1, 0, null), this.handleDragStop(l);
           }
           return;
         }
@@ -2058,19 +2060,19 @@ function gn() {
           y: S
         } = C;
         if (Array.isArray(this.props.grid)) {
-          let c = T - this.lastX || 0, f = S - this.lastY || 0;
-          [c, f] = (0, i.snapToGrid)(this.props.grid, c, f), T = this.lastX + c, S = this.lastY + f;
+          let l = T - this.lastX || 0, f = S - this.lastY || 0;
+          [l, f] = (0, i.snapToGrid)(this.props.grid, l, f), T = this.lastX + l, S = this.lastY + f;
         }
         const D = (0, i.createCoreData)(this, T, 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 = h.mouse, this.handleDragStart(b))), p(this, "onMouseUp", (b) => (y = h.mouse, this.handleDragStop(b))), p(this, "onTouchStart", (b) => (y = h.touch, this.handleDragStart(b))), p(this, "onTouchEnd", (b) => (y = h.touch, this.handleDragStop(b)));
+      }), 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)));
     }
     componentDidMount() {
       this.mounted = !0;
       const b = this.findDOMNode();
-      b && (0, r.addEvent)(b, h.touch.start, this.onTouchStart, {
+      b && (0, r.addEvent)(b, g.touch.start, this.onTouchStart, {
         passive: !1
       });
     }
@@ -2081,7 +2083,7 @@ function gn() {
         const {
           ownerDocument: C
         } = b;
-        (0, r.removeEvent)(C, h.mouse.move, this.handleDrag), (0, r.removeEvent)(C, h.touch.move, this.handleDrag), (0, r.removeEvent)(C, h.mouse.stop, this.handleDragStop), (0, r.removeEvent)(C, h.touch.stop, this.handleDragStop), (0, r.removeEvent)(b, h.touch.start, this.onTouchStart, {
+        (0, r.removeEvent)(C, g.mouse.move, this.handleDrag), (0, r.removeEvent)(C, g.touch.move, this.handleDrag), (0, r.removeEvent)(C, g.mouse.stop, this.handleDragStop), (0, r.removeEvent)(C, g.touch.stop, this.handleDragStop), (0, r.removeEvent)(b, g.touch.start, this.onTouchStart, {
           passive: !1
         }), this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(C);
       }
@@ -2104,7 +2106,7 @@ function gn() {
       });
     }
   };
-  return he.default = x, p(x, "displayName", "DraggableCore"), p(x, "propTypes", {
+  return he.default = w, p(w, "displayName", "DraggableCore"), p(w, "propTypes", {
     /**
      * `allowAnyClick` allows dragging using any mouse button.
      * By default, we only accept the left button.
@@ -2234,7 +2236,7 @@ function gn() {
     className: o.dontSetMe,
     style: o.dontSetMe,
     transform: o.dontSetMe
-  }), p(x, "defaultProps", {
+  }), p(w, "defaultProps", {
     allowAnyClick: !1,
     // by default only accept left click
     allowMobileScroll: !1,
@@ -2262,37 +2264,37 @@ function mn() {
         return m.default;
       }
     }), e.default = void 0;
-    var n = u(se), t = g(/* @__PURE__ */ vt()), r = g(st), i = fn(), o = Re(), a = bt(), d = xe(), m = g(gn()), p = g(wt());
-    function g(C) {
+    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());
+    function h(C) {
       return C && C.__esModule ? C : { default: C };
     }
     function u(C, T) {
       if (typeof WeakMap == "function") var S = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakMap();
-      return (u = function(l, N) {
-        if (!N && l && l.__esModule) return l;
-        var c, f, P = { __proto__: null, default: l };
-        if (l === null || typeof l != "object" && typeof l != "function") return P;
-        if (c = N ? D : S) {
-          if (c.has(l)) return c.get(l);
-          c.set(l, P);
+      return (u = function(c, N) {
+        if (!N && c && c.__esModule) return c;
+        var l, f, P = { __proto__: null, default: c };
+        if (c === null || typeof c != "object" && typeof c != "function") return P;
+        if (l = N ? D : S) {
+          if (l.has(c)) return l.get(c);
+          l.set(c, P);
         }
-        for (const $ in l) $ !== "default" && {}.hasOwnProperty.call(l, $) && ((f = (c = Object.defineProperty) && Object.getOwnPropertyDescriptor(l, $)) && (f.get || f.set) ? c(P, $, f) : P[$] = l[$]);
+        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);
     }
-    function h() {
-      return h = Object.assign ? Object.assign.bind() : function(C) {
+    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 D in S) ({}).hasOwnProperty.call(S, D) && (C[D] = S[D]);
         }
         return C;
-      }, h.apply(null, arguments);
+      }, g.apply(null, arguments);
     }
     function y(C, T, S) {
-      return (T = x(T)) in C ? Object.defineProperty(C, T, { value: S, enumerable: !0, configurable: !0, writable: !0 }) : C[T] = S, C;
+      return (T = w(T)) in C ? Object.defineProperty(C, T, { value: S, enumerable: !0, configurable: !0, writable: !0 }) : C[T] = S, C;
     }
-    function x(C) {
+    function w(C) {
       var T = v(C, "string");
       return typeof T == "symbol" ? T : T + "";
     }
@@ -2313,11 +2315,11 @@ function mn() {
         let {
           position: D
         } = T, {
-          prevPropsPosition: l
+          prevPropsPosition: c
         } = S;
-        return D && (!l || D.x !== l.x || D.y !== l.y) ? ((0, p.default)("Draggable: getDerivedStateFromProps %j", {
+        return D && (!c || D.x !== c.x || D.y !== c.y) ? ((0, p.default)("Draggable: getDerivedStateFromProps %j", {
           position: D,
-          prevPropsPosition: l
+          prevPropsPosition: c
         }), {
           x: D.x,
           y: D.y,
@@ -2336,9 +2338,9 @@ function mn() {
         }), y(this, "onDrag", (S, D) => {
           if (!this.state.dragging) return !1;
           (0, p.default)("Draggable: onDrag: %j", D);
-          const l = (0, a.createDraggableData)(this, D), N = {
-            x: l.x,
-            y: l.y,
+          const c = (0, a.createDraggableData)(this, D), N = {
+            x: c.x,
+            y: c.y,
             slackX: 0,
             slackY: 0
           };
@@ -2349,9 +2351,9 @@ function mn() {
             } = 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), l.x = N.x, l.y = N.y, l.deltaX = N.x - this.state.x, l.deltaY = N.y - this.state.y;
+            N.x = $, N.y = O, N.slackX = this.state.slackX + (f - N.x), N.slackY = this.state.slackY + (P - N.y), c.x = N.x, c.y = N.y, c.deltaX = N.x - this.state.x, c.deltaY = N.y - this.state.y;
           }
-          if (this.props.onDrag(S, l) === !1) return !1;
+          if (this.props.onDrag(S, c) === !1) return !1;
           this.setState(N);
         }), y(this, "onDragStop", (S, D) => {
           if (!this.state.dragging || this.props.onStop(S, (0, a.createDraggableData)(this, D)) === !1) return !1;
@@ -2407,9 +2409,9 @@ function mn() {
           axis: T,
           bounds: S,
           children: D,
-          defaultPosition: l,
+          defaultPosition: c,
           defaultClassName: N,
-          defaultClassNameDragging: c,
+          defaultClassNameDragging: l,
           defaultClassNameDragged: f,
           position: P,
           positionOffset: $,
@@ -2417,7 +2419,7 @@ function mn() {
           ...E
         } = this.props;
         let z = {}, X = null;
-        const H = !!!P || this.state.dragging, ee = P || l, ae = {
+        const H = !!!P || this.state.dragging, ee = P || c, ae = {
           // Set left if horizontal drag is enabled
           x: (0, a.canDragX)(this) && H ? this.state.x : ee.x,
           // Set top if vertical drag is enabled
@@ -2425,10 +2427,10 @@ function mn() {
         };
         this.state.isElementSVG ? X = (0, o.createSVGTransform)(ae, $) : z = (0, o.createCSSTransform)(ae, $);
         const de = (0, i.clsx)(D.props.className || "", N, {
-          [c]: this.state.dragging,
+          [l]: this.state.dragging,
           [f]: this.state.dragged
         });
-        return /* @__PURE__ */ n.createElement(m.default, h({}, E, {
+        return /* @__PURE__ */ n.createElement(m.default, g({}, E, {
           onStart: this.onDragStart,
           onDrag: this.onDrag,
           onStop: this.onDragStop
@@ -2575,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 = ce((e, n) => {
+const vn = /* @__PURE__ */ on(yn), bn = le((e, n) => {
   const r = {
     ...{
       // 1. Take it out of the document flow
@@ -2593,7 +2595,7 @@ const vn = /* @__PURE__ */ on(yn), bn = 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", a = xt(null);
+  }, i = e.testId || "not-set", o = e.className || "panel", a = wt(null);
   return (
     // 3. Pass the internal ref to the Draggable component via 'nodeRef'
     /* @__PURE__ */ s(
@@ -2603,10 +2605,10 @@ const vn = /* @__PURE__ */ on(yn), bn = ce((e, n) => {
         "data-testid": i,
         axis: "both",
         handle: ".handle",
-        onStart: (p, g) => {
+        onStart: (p, h) => {
           e.onDraggingChange?.(!0);
         },
-        onStop: (p, g) => {
+        onStop: (p, h) => {
           setTimeout(() => {
             e.onDraggingChange?.(!1);
           }, 100);
@@ -2633,11 +2635,11 @@ function tr({ children: e }) {
 }
 const nr = (e) => {
   console.warn("showToast TODO", e);
-}, wn = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, rr = ce((e, n) => {
-  let t = ct(Number(e.zoomScale || 0));
+}, xn = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, rr = le((e, n) => {
+  let t = lt(Number(e.zoomScale || 0));
   const r = e.responsiveGrid || !1, i = e.isEditing || !1, o = {
     "--bwj-dashboard-transform-scale": t,
-    "--bwj-dashboard-add-cols": wn(t)
+    "--bwj-dashboard-add-cols": xn(t)
   }, a = Z(
     "dashboard-main-grid w-full",
     i ? "editing" : "",
@@ -2645,7 +2647,7 @@ const nr = (e) => {
     `border border-dashed ${i ? "border-primary border-opacity-50" : "border-transparent"}`
   );
   return /* @__PURE__ */ s("div", { className: a, style: o, children: e.children });
-}), $e = "size-5", xn = (e, n) => {
+}), $e = "size-5", wn = (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`);
@@ -2716,7 +2718,7 @@ const nr = (e) => {
     ] }),
     /* @__PURE__ */ s("div", { className: "widget-inner", children: e.children })
   ] });
-}, Cn = ce(xn);
+}, Cn = le(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,23 +2736,23 @@ function Dn({
   isEditing: d,
   onRemoveClick: m,
   onMoveClick: p,
-  selectContainer: g
+  selectContainer: h
 }) {
-  const u = `${t}`.split("_"), h = u.length > 1, y = h ? u[0] : t, x = a.get(y);
-  if (!x)
+  const u = `${t}`.split("_"), g = u.length > 1, y = g ? u[0] : t, w = a.get(y);
+  if (!w)
     return /* @__PURE__ */ s("div", { className: "flex", children: /* @__PURE__ */ W("p", { children: [
       "Widget not found in catalog: ",
       y
     ] }) });
   let v = null, b = !1;
-  if (x.component ? (v = x.component, b = !1) : x.loader && (b = !0, v = at(() => {
-    if (!x) return null;
-    if (x.component)
-      return x.component;
-    if (x.loader) {
-      const c = async () => {
+  if (w.component ? (v = w.component, b = !1) : w.loader && (b = !0, v = at(() => {
+    if (!w) return null;
+    if (w.component)
+      return w.component;
+    if (w.loader) {
+      const l = async () => {
         try {
-          return await x.loader();
+          return await w.loader();
         } catch (f) {
           return console.error(`CDN Load Failure for ${t}:`, f), {
             default: () => /* @__PURE__ */ s(Cn, { ...D, children: /* @__PURE__ */ W("div", { className: "p-4 border border-dashed border-danger", children: [
@@ -2760,78 +2762,78 @@ function Dn({
                 '"'
               ] }),
               /* @__PURE__ */ s("p", { className: "text-xs italic", children: "The remote plugin is unavailable or incompatible." }),
-              /* @__PURE__ */ s("pre", { className: "text-xs overflow-hidden", children: JSON.stringify(x.meta || {}, null, 2) })
+              /* @__PURE__ */ s("pre", { className: "text-xs overflow-hidden", children: JSON.stringify(w.meta || {}, null, 2) })
             ] }) })
           };
         }
       };
-      return se.lazy(c);
+      return se.lazy(l);
     }
     return null;
-  }, [x, t])), !v)
+  }, [w, t])), !v)
     return /* @__PURE__ */ s("div", { className: "flex", children: /* @__PURE__ */ W("p", { children: [
       "Widget definition incomplete: ",
       y
     ] }) });
-  const C = !!x.isContainer, T = h ? gt(t) : "", S = C ? (o || []).filter((c) => c.parentWidgetKey === t) : [], D = {
+  const C = !!w.isContainer, T = g ? gt(t) : "", S = C ? (o || []).filter((l) => l.parentWidgetKey === t) : [], D = {
     index: e,
     maxIndex: n,
     widgetKey: t,
     parentWidgetKey: r,
     isEditing: d,
-    title: h ? T : x.title,
+    title: g ? T : w.title,
     onRemoveClick: m,
     onMoveClick: p
-  }, l = C ? {
+  }, c = C ? {
     highlight: i === t,
-    selectContainer: g,
+    selectContainer: h,
     // The children prop is the recursive call back to DynamicWidgetLoader
-    children: S.map((c, f) => /* @__PURE__ */ s(
+    children: S.map((l, f) => /* @__PURE__ */ s(
       Dn,
       {
         index: f,
         maxIndex: S.length - 1,
-        widgetKey: c.widgetKey,
-        parentWidgetKey: c.parentWidgetKey,
+        widgetKey: l.widgetKey,
+        parentWidgetKey: l.parentWidgetKey,
         widgetCatalog: a,
         isEditing: d,
         onRemoveClick: m,
         onMoveClick: p
       },
-      `${c.widgetKey}_${f}`
+      `${l.widgetKey}_${f}`
     ))
-  } : {}, N = () => /* @__PURE__ */ s(v, { ...D, ...l });
-  return b ? /* @__PURE__ */ s(Ct, { fallback: /* @__PURE__ */ s(Sn, { title: `Loading ${x.title}` }), children: /* @__PURE__ */ s(N, {}) }) : /* @__PURE__ */ s(N, {});
+  } : {}, 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, {});
 }
-const we = "size-5";
+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`);
-  let g = "";
-  t === "row" && !r ? g = "min-h-48" : t === "column" && !r && (g = "min-h-96");
+  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" : "",
-    g,
+    h,
     p,
     m ? "widget-container-grid" : "widget-container-flex",
     `direction-${t}`,
     `border ${d}`,
     `${n ? "highlight-container" : ""} ${d}`
-  ), h = `widget-container-header direction-${t} flex items-center border-1 ${d}`;
+  ), g = `widget-container-header direction-${t} flex items-center border-1 ${d}`;
   const y = () => {
     e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey);
-  }, x = (b) => {
+  }, w = (b) => {
     e.onMoveClick && e.widgetKey && e.onMoveClick(b, e.widgetKey, e.parentWidgetKey);
   }, v = () => {
     e.selectContainer && e.widgetKey && e.selectContainer(e.widgetKey);
   };
   return /* @__PURE__ */ W("div", { "data-testid": `container_${e.widgetKey}`, className: u, children: [
-    /* @__PURE__ */ W("div", { className: h, children: [
+    /* @__PURE__ */ W("div", { className: g, children: [
       /* @__PURE__ */ s(
         "div",
         {
@@ -2855,7 +2857,7 @@ function ke(e) {
             children: /* @__PURE__ */ s(
               en,
               {
-                className: `${we} ${n ? "text-success" : "text-disabled"}`
+                className: `${xe} ${n ? "text-success" : "text-disabled"}`
               }
             )
           }
@@ -2870,8 +2872,8 @@ function ke(e) {
               placement: "top",
               title: `${e.index < 1 ? "Already at min position" : "Move Container to the left/up"}`
             },
-            onClick: () => x(-1),
-            children: /* @__PURE__ */ s(ut, { className: we })
+            onClick: () => w(-1),
+            children: /* @__PURE__ */ s(ut, { className: xe })
           }
         ),
         /* @__PURE__ */ s(
@@ -2884,8 +2886,8 @@ function ke(e) {
               placement: "top",
               title: `${e.index >= e.maxIndex ? "Already at max position" : "Move Container to the right/down"}`
             },
-            onClick: () => x(1),
-            children: /* @__PURE__ */ s(ft, { className: we })
+            onClick: () => w(1),
+            children: /* @__PURE__ */ s(ft, { className: xe })
           }
         ),
         /* @__PURE__ */ s(
@@ -2898,7 +2900,7 @@ function ke(e) {
               title: "Remove Container"
             },
             onClick: () => y(),
-            children: /* @__PURE__ */ s(ht, { className: we })
+            children: /* @__PURE__ */ s(ht, { className: xe })
           }
         )
       ] }) }) })
@@ -2937,7 +2939,13 @@ function We({
         /* @__PURE__ */ s("span", { className: "font-bold", children: i }),
         /* @__PURE__ */ s("div", { className: "text-xs", children: d ? "(Added)" : "" })
       ] }),
-      /* @__PURE__ */ s("div", { className: "flex flex-col gap-2 text-xs", children: /* @__PURE__ */ s("div", { children: o }) })
+      /* @__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)) })
+        ] })
+      ] })
     ] })
   ] });
 }
@@ -2998,20 +3006,20 @@ function sr({
   onUndoOrRedo: m,
   onDoneClick: p
 }) {
-  const [g, u] = le("Editing"), [h, y] = le(0), [x, v] = le(""), C = Array.from(n.keys()).map((E) => ({
+  const [h, u] = ce("Editing"), [g, y] = ce(0), [w, v] = ce(""), C = Array.from(n.keys()).map((E) => ({
     widgetKey: E,
     metaData: Pt(E, n)
   })), T = (E) => {
     v(E.target.value);
   }, S = (E) => {
-    const z = x.trim().toLowerCase();
+    const z = w.trim().toLowerCase();
     return z.length < 1 ? !0 : E.displayName.trim().toLowerCase().includes(z) || E.description.toLowerCase().includes(z);
   }, D = (E) => {
-    const z = x.trim().toLowerCase();
+    const z = w.trim().toLowerCase();
     return z.length < 1 ? !0 : E.displayName.trim().toLowerCase().includes(z) || E.description.toLowerCase().includes(z);
-  }, l = (E) => Z(
+  }, c = (E) => Z(
     "px-4 py-2 font-medium cursor-pointer border-b-2 border-transparent hover:border-primary focus:outline-none",
-    E === h ? "text-primary border-primary" : ""
+    E === g ? "text-primary border-primary" : ""
   ), N = !!e;
   St(() => {
     if (e) {
@@ -3021,12 +3029,12 @@ function sr({
     } else
       u("Editing Dashboard");
   }, [e]);
-  const c = (E) => {
+  const l = (E) => {
     N ? i(E, e) : i(E);
   }, f = (E) => {
     const z = (t.cssSettings || []).map((X) => X.key === E.key ? E : X);
     a(z);
-  }, [P, $] = le(!1);
+  }, [P, $] = ce(!1);
   return /* @__PURE__ */ s(
     bn,
     {
@@ -3050,8 +3058,8 @@ function sr({
               "h2",
               {
                 className: "flex-1 text-base margin-0 capitalize",
-                title: N ? g : `Editing dashboard: ${t.dashboardName}`,
-                children: g
+                title: N ? h : `Editing dashboard: ${t.dashboardName}`,
+                children: h
               }
             )
           ] }),
@@ -3100,10 +3108,10 @@ function sr({
           ] })
         ] }),
         /* @__PURE__ */ W("div", { className: "flex border-b border-gray-200", children: [
-          /* @__PURE__ */ s("button", { onClick: () => y(0), className: l(0), children: "Widgets" }),
-          /* @__PURE__ */ s("button", { onClick: () => y(1), className: l(1), children: "Charts" }),
-          !N && /* @__PURE__ */ s("button", { onClick: () => y(2), className: l(2), children: "Containers" }),
-          !N && /* @__PURE__ */ s("button", { onClick: () => y(3), className: l(3), children: /* @__PURE__ */ s(Ht, {}) })
+          /* @__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("div", { className: "flex items-center justify-between gap-1 w-full", children: /* @__PURE__ */ s(
           mt,
@@ -3111,7 +3119,7 @@ function sr({
             label: "Filter...",
             size: "small",
             className: "w-full",
-            value: x,
+            value: w,
             onChange: T
           }
         ) }),
@@ -3123,7 +3131,7 @@ function sr({
               maxHeight: "360px"
             },
             children: [
-              h === 0 && C.filter(
+              g === 0 && C.filter(
                 (E) => E.metaData.categories.includes("Widget") && S(E.metaData)
               ).map((E) => /* @__PURE__ */ s(
                 We,
@@ -3131,11 +3139,11 @@ function sr({
                   widgetKey: E.widgetKey,
                   metaData: E.metaData,
                   alreadyAdded: Ie(E.widgetKey, t),
-                  addWidget: () => c(E.widgetKey)
+                  addWidget: () => l(E.widgetKey)
                 },
                 E.widgetKey
               )),
-              h === 1 && C.filter(
+              g === 1 && C.filter(
                 (E) => E.metaData.categories.includes("Chart") && S(E.metaData)
               ).map((E) => /* @__PURE__ */ s(
                 We,
@@ -3143,11 +3151,11 @@ function sr({
                   widgetKey: E.widgetKey,
                   metaData: E.metaData,
                   alreadyAdded: Ie(E.widgetKey, t),
-                  addWidget: () => c(E.widgetKey)
+                  addWidget: () => l(E.widgetKey)
                 },
                 E.widgetKey
               )),
-              !N && h === 2 && C.filter((E) => E.metaData.categories.includes("Container")).map((E) => /* @__PURE__ */ s(
+              !N && g === 2 && C.filter((E) => E.metaData.categories.includes("Container")).map((E) => /* @__PURE__ */ s(
                 We,
                 {
                   widgetKey: E.widgetKey,
@@ -3157,7 +3165,7 @@ function sr({
                 },
                 E.widgetKey
               )),
-              !N && h === 3 && (t.cssSettings || []).filter(D).map((E) => /* @__PURE__ */ s(
+              !N && g === 3 && (t.cssSettings || []).filter(D).map((E) => /* @__PURE__ */ s(
                 Tn,
                 {
                   item: E,
@@ -3228,13 +3236,13 @@ export {
   qn as ZoomInIcon,
   zn as ZoomOutIcon,
   Ce as blankDashboardConfig,
-  lt as createDynamicEntry,
+  ct as createDynamicEntry,
   $t as createStaticEntry,
   Dt as cssSettingsCatalog,
   Hn as cssVarsUtils,
   Et as dashboardSettingsUtils,
   Mt as ensureContainersSequence,
-  ct as ensureZoomScaleIsWithinRange,
+  lt as ensureZoomScaleIsWithinRange,
   ge as getDefaultWidgetMetaFromKey,
   $n as getDefaultWidgetMetaFromMap,
   Z as getDistinctCssClasses,