@tenorlab/react-dashboard 1.2.4 → 1.2.5

package/dist/react-dashboard.es.js

@@ -135,10 +135,9 @@ const Tt = [
     };
   }), e;
 }, ge = (e, n) => {
-  const t = `${e}`.includes("Container"), r = t ? ["Container"] : ["Widget"], i = n?.title || e, o = n?.description || (t ? "Container" : "Unknown");
+  const t = `${e}`.includes("Container"), r = t ? ["Container"] : ["Widget"], i = n?.name || e, o = n?.description || (t ? "Container" : "Unknown");
   return {
-    title: i,
-    name: e,
+    name: i,
     description: o,
     categories: r,
     noDuplicatedWidgets: !0,
@@ -200,7 +199,7 @@ const Tt = [
       const d = o[a], b = () => import(
         /* @vite-ignore */
         d.url
-      ), g = {
+      ), m = {
         name: d.meta?.name || "Unknown",
         description: d.meta?.description || "Remote Plugin",
         categories: d.meta?.categories || ["Widget"],
@@ -209,7 +208,7 @@ const Tt = [
         // Or a logic to map a string name to a Lucide component
         externalDependencies: d.meta?.externalDependencies || []
       };
-      r.push(dt(a, b, g));
+      r.push(dt(a, b, m));
     }
     n({
       entries: r,
@@ -228,10 +227,9 @@ const Tt = [
   for (const o in n) {
     const a = n[o], d = It(o);
     if (d && a) {
-      const { key: b, title: g, folder: h } = d;
+      const { key: b, title: m, folder: h } = d;
       let u = Ot(t, e, h, b);
       if (u || (u = ge(b, {
-        title: g,
         description: `Local ${r ? "dynamic" : "static"} widget`
       })), r)
         i.push(
@@ -246,13 +244,13 @@ const Tt = [
   return i;
 }, Le = (e) => {
   let n;
-  const t = /* @__PURE__ */ new Set(), r = (g, h) => {
-    const u = typeof g == "function" ? g(n) : g;
+  const t = /* @__PURE__ */ new Set(), r = (m, h) => {
+    const u = typeof m == "function" ? m(n) : m;
     if (!Object.is(u, n)) {
       const p = n;
       n = h ?? (typeof u != "object" || u === null) ? u : Object.assign({}, n, u), t.forEach((y) => y(n, p));
     }
-  }, i = () => n, d = { setState: r, getState: i, getInitialState: () => b, subscribe: (g) => (t.add(g), () => t.delete(g)) }, b = n = e(r, i, d);
+  }, i = () => n, d = { setState: r, getState: i, getInitialState: () => b, subscribe: (m) => (t.add(m), () => t.delete(m)) }, b = n = e(r, i, d);
   return d;
 }, Rt = ((e) => e ? Le(e) : Le), kt = (e) => e;
 function jt(e, n = kt) {
@@ -355,8 +353,8 @@ const At = (e) => {
         message: `DashboardStore: moveWidget: Widget already at min/max position (${t})`,
         updatedDashboardConfig: e
       };
-    const b = [...o], [g] = b.splice(a, 1);
-    return b.splice(d, 0, g), {
+    const b = [...o], [m] = b.splice(a, 1);
+    return b.splice(d, 0, m), {
       success: !0,
       updatedDashboardConfig: {
         ...e,
@@ -491,22 +489,22 @@ const At = (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(
-          (b) => r.cssSettings.some((g) => g.key === b.key)
+          (b) => r.cssSettings.some((m) => m.key === b.key)
         );
         if (d.length < 1)
           a.cssSettings = [...r.cssSettings];
         else {
-          d.forEach((g) => {
-            g.value = (g.value || "").replace(/NaN/g, "");
+          d.forEach((m) => {
+            m.value = (m.value || "").replace(/NaN/g, "");
             const h = r.cssSettings.find(
-              (u) => u.key === g.key
+              (u) => u.key === m.key
             );
             h && (Object.keys(h).forEach((u) => {
-              u in g || (g[u] = h[u]);
-            }), g.step = h.step, g.minValue = h.minValue, g.defaultValue = h.defaultValue, g.defaultUnit = h.defaultUnit, /\d+/g.test(g.value) === !1 && (g.value = h ? h.value : "1.0rem"));
+              u in m || (m[u] = h[u]);
+            }), m.step = h.step, m.minValue = h.minValue, m.defaultValue = h.defaultValue, m.defaultUnit = h.defaultUnit, /\d+/g.test(m.value) === !1 && (m.value = h ? h.value : "1.0rem"));
           });
-          const b = r.cssSettings.filter((g) => !d.some(
-            (h) => h.key === g.key
+          const b = r.cssSettings.filter((m) => !d.some(
+            (h) => h.key === m.key
           ));
           a.cssSettings = [...d, ...b];
         }
@@ -555,11 +553,11 @@ const At = (e) => {
   }, []), o = ue(
     (h) => {
       n((u) => {
-        const p = h.dashboardId, y = u[p] || [], D = t[p] ?? -1, m = y.slice(0, D + 1), v = {
-          undoIndex: m.length,
+        const p = h.dashboardId, y = u[p] || [], D = t[p] ?? -1, g = y.slice(0, D + 1), v = {
+          undoIndex: g.length,
           // New index based on trimmed length
           config: h
-        }, w = [...m, v];
+        }, w = [...g, v];
         return r((T) => ({
           ...T,
           [p]: w.length - 1
@@ -913,10 +911,10 @@ function J(e) {
     category: a,
     px: d,
     py: b,
-    children: g,
+    children: m,
     ...h
   } = e, u = () => {
-    const y = e.isIconButton || !1, D = e.category || "primary", m = e.buttonType || "normal", v = e.disabled || !1, w = e.className || "", T = e.font || "semibold", C = Number((e.border || 0) > 0 ? e.border : 0);
+    const y = e.isIconButton || !1, D = e.category || "primary", g = e.buttonType || "normal", v = e.disabled || !1, w = e.className || "", T = e.font || "semibold", C = Number((e.border || 0) > 0 ? e.border : 0);
     let S = (e.borderColor || "").trim();
     S = S.length > 0 ? S : "";
     const l = Number((e.borderHover || 0) > 0 ? e.borderHover : 0), N = e.shadow || "sm", c = e.shadowHover || "md", f = (e.addCss || "").trim(), M = e.justifyCss || "justify-center";
@@ -934,11 +932,11 @@ function J(e) {
       `font-${T}`
     ];
     if (v)
-      m === "ghost" ? $.push("text-disabled border-disabled cursor-not-allowed") : $.push("bg-disabled content-disabled border-disabled cursor-not-allowed");
+      g === "ghost" ? $.push("text-disabled border-disabled cursor-not-allowed") : $.push("bg-disabled content-disabled border-disabled cursor-not-allowed");
     else {
       $.push("cursor-pointer");
       let I = "";
-      Se.has(m) ? I = `${Se.get(m)}` : I = `${Se.get("normal")}`, C < 1 && (I = I.replace("border-[category]", ""));
+      Se.has(g) ? I = `${Se.get(g)}` : I = `${Se.get("normal")}`, C < 1 && (I = I.replace("border-[category]", ""));
       const E = I.replace(/\[category\]/g, D).trim();
       $.push(E);
     }
@@ -949,7 +947,7 @@ function J(e) {
       padding: r ? 0 : `${D}rem ${y}rem `
     };
   };
-  return /* @__PURE__ */ s("button", { type: "button", disabled: t, className: u(), style: p(), ...h, children: g });
+  return /* @__PURE__ */ s("button", { type: "button", disabled: t, className: u(), style: p(), ...h, children: m });
 }
 const rn = (e) => e.direction === "row" ? G("flex flex-row items-center gap-2", e.classNames || "") : G("flex flex-col gap-2 w-full", e.classNames || "");
 function on(e) {
@@ -1005,7 +1003,7 @@ var Ve;
 function sn() {
   if (Ve) return U;
   Ve = 1;
-  var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, a = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, d = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, b = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, g = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, h = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, u = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, p = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, y = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, D = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, m = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, v = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, w = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, T = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, a = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, d = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, b = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, h = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, u = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, p = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, y = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, D = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, g = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, v = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, w = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, T = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
   function C(l) {
     if (typeof l == "object" && l !== null) {
       var N = l.$$typeof;
@@ -1013,7 +1011,7 @@ function sn() {
         case n:
           switch (l = l.type, l) {
             case b:
-            case g:
+            case m:
             case r:
             case o:
             case i:
@@ -1037,9 +1035,9 @@ function sn() {
     }
   }
   function S(l) {
-    return C(l) === g;
+    return C(l) === m;
   }
-  return U.AsyncMode = b, U.ConcurrentMode = g, U.ContextConsumer = d, U.ContextProvider = a, U.Element = n, U.ForwardRef = h, U.Fragment = r, U.Lazy = D, U.Memo = y, U.Portal = t, U.Profiler = o, U.StrictMode = i, U.Suspense = u, U.isAsyncMode = function(l) {
+  return U.AsyncMode = b, U.ConcurrentMode = m, U.ContextConsumer = d, U.ContextProvider = a, U.Element = n, U.ForwardRef = h, U.Fragment = r, U.Lazy = D, U.Memo = y, U.Portal = t, U.Profiler = o, U.StrictMode = i, U.Suspense = u, U.isAsyncMode = function(l) {
     return S(l) || C(l) === b;
   }, U.isConcurrentMode = S, U.isContextConsumer = function(l) {
     return C(l) === d;
@@ -1064,17 +1062,17 @@ function sn() {
   }, U.isSuspense = function(l) {
     return C(l) === u;
   }, U.isValidElementType = function(l) {
-    return typeof l == "string" || typeof l == "function" || l === r || l === g || l === o || l === i || l === u || l === p || typeof l == "object" && l !== null && (l.$$typeof === D || l.$$typeof === y || l.$$typeof === a || l.$$typeof === d || l.$$typeof === h || l.$$typeof === v || l.$$typeof === w || l.$$typeof === T || l.$$typeof === m);
+    return typeof l == "string" || typeof l == "function" || l === r || l === m || l === o || l === i || l === u || l === p || typeof l == "object" && l !== null && (l.$$typeof === D || l.$$typeof === y || l.$$typeof === a || l.$$typeof === d || l.$$typeof === h || l.$$typeof === v || l.$$typeof === w || l.$$typeof === T || l.$$typeof === g);
   }, U.typeOf = C, U;
 }
 var q = {};
 var Ue;
 function cn() {
   return Ue || (Ue = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, a = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, d = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, b = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, g = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, h = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, u = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, p = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, y = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, D = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, m = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, v = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, w = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, T = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, a = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, d = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, b = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, h = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, u = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, p = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, y = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, D = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, g = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, v = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, w = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, T = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
     function C(_) {
       return typeof _ == "string" || typeof _ == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      _ === r || _ === g || _ === o || _ === i || _ === u || _ === p || typeof _ == "object" && _ !== null && (_.$$typeof === D || _.$$typeof === y || _.$$typeof === a || _.$$typeof === d || _.$$typeof === h || _.$$typeof === v || _.$$typeof === w || _.$$typeof === T || _.$$typeof === m);
+      _ === r || _ === m || _ === o || _ === i || _ === u || _ === p || typeof _ == "object" && _ !== null && (_.$$typeof === D || _.$$typeof === y || _.$$typeof === a || _.$$typeof === d || _.$$typeof === h || _.$$typeof === v || _.$$typeof === w || _.$$typeof === T || _.$$typeof === g);
     }
     function S(_) {
       if (typeof _ == "object" && _ !== null) {
@@ -1084,7 +1082,7 @@ function cn() {
             var me = _.type;
             switch (me) {
               case b:
-              case g:
+              case m:
               case r:
               case o:
               case i:
@@ -1108,12 +1106,12 @@ function cn() {
         }
       }
     }
-    var l = b, N = g, c = d, f = a, M = n, $ = h, I = r, E = D, z = y, X = t, Q = o, K = i, ee = u, se = !1;
+    var l = b, N = m, c = d, f = a, M = n, $ = h, I = r, E = D, z = y, X = t, Q = o, K = i, ee = u, se = !1;
     function de(_) {
       return se || (se = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), x(_) || S(_) === b;
     }
     function x(_) {
-      return S(_) === g;
+      return S(_) === m;
     }
     function P(_) {
       return S(_) === d;
@@ -1179,23 +1177,23 @@ function ln() {
       });
       if (b.join("") !== "0123456789")
         return !1;
-      var g = {};
+      var m = {};
       return "abcdefghijklmnopqrst".split("").forEach(function(h) {
-        g[h] = h;
-      }), Object.keys(Object.assign({}, g)).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, b = r(o), g, h = 1; h < arguments.length; h++) {
+    for (var d, b = r(o), m, h = 1; h < arguments.length; h++) {
       d = Object(arguments[h]);
       for (var u in d)
         n.call(d, u) && (b[u] = d[u]);
       if (e) {
-        g = e(d);
-        for (var p = 0; p < g.length; p++)
-          t.call(d, g[p]) && (b[g[p]] = d[g[p]]);
+        m = e(d);
+        for (var p = 0; p < m.length; p++)
+          t.call(d, m[p]) && (b[m[p]] = d[m[p]]);
       }
     }
     return b;
@@ -1229,7 +1227,7 @@ function dn() {
       }
     };
   }
-  function i(o, a, d, b, g) {
+  function i(o, a, d, b, m) {
     if (process.env.NODE_ENV !== "production") {
       for (var h in o)
         if (r(o, h)) {
@@ -1249,7 +1247,7 @@ function dn() {
             (b || "React class") + ": type specification of " + d + " `" + h + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof u + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), u instanceof Error && !(u.message in t)) {
             t[u.message] = !0;
-            var y = g ? g() : "";
+            var y = m ? m() : "";
             e(
               "Failed " + d + " type: " + u.message + (y ?? "")
             );
@@ -1279,9 +1277,9 @@ function un() {
     return null;
   }
   return Me = function(d, b) {
-    var g = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
+    var m = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
     function u(x) {
-      var P = x && (g && x[g] || x[h]);
+      var P = x && (m && x[m] || x[h]);
       if (typeof P == "function")
         return P;
     }
@@ -1309,10 +1307,10 @@ function un() {
     function D(x, P) {
       return x === P ? x !== 0 || 1 / x === 1 / P : x !== x && P !== P;
     }
-    function m(x, P) {
+    function g(x, P) {
       this.message = x, this.data = P && typeof P == "object" ? P : {}, this.stack = "";
     }
-    m.prototype = Error.prototype;
+    g.prototype = Error.prototype;
     function v(x) {
       if (process.env.NODE_ENV !== "production")
         var P = {}, A = 0;
@@ -1331,7 +1329,7 @@ function un() {
             ), P[te] = !0, A++);
           }
         }
-        return R[j] == null ? F ? R[j] === null ? new m("The " + Y + " `" + V + "` is marked as required " + ("in `" + L + "`, but its value is `null`.")) : new m("The " + Y + " `" + V + "` is marked as required in " + ("`" + L + "`, but its value is `undefined`.")) : null : x(R, j, L, Y, V);
+        return R[j] == null ? F ? R[j] === null ? new g("The " + Y + " `" + V + "` is marked as required " + ("in `" + L + "`, but its value is `null`.")) : new g("The " + Y + " `" + V + "` is marked as required in " + ("`" + L + "`, but its value is `undefined`.")) : null : x(R, j, L, Y, V);
       }
       var O = k.bind(null, !1);
       return O.isRequired = k.bind(null, !0), O;
@@ -1341,7 +1339,7 @@ function un() {
         var L = A[k], Y = K(L);
         if (Y !== x) {
           var V = ee(L);
-          return new m(
+          return new g(
             "Invalid " + F + " `" + R + "` of type " + ("`" + V + "` supplied to `" + O + "`, expected ") + ("`" + x + "`."),
             { expectedType: x }
           );
@@ -1356,11 +1354,11 @@ function un() {
     function C(x) {
       function P(A, k, O, F, R) {
         if (typeof x != "function")
-          return new m("Property `" + R + "` of component `" + O + "` has invalid PropType notation inside arrayOf.");
+          return new g("Property `" + R + "` of component `" + O + "` has invalid PropType notation inside arrayOf.");
         var j = A[k];
         if (!Array.isArray(j)) {
           var L = K(j);
-          return new m("Invalid " + F + " `" + R + "` of type " + ("`" + L + "` supplied to `" + O + "`, expected an array."));
+          return new g("Invalid " + F + " `" + R + "` of type " + ("`" + L + "` supplied to `" + O + "`, expected an array."));
         }
         for (var Y = 0; Y < j.length; Y++) {
           var V = x(j, Y, O, F, R + "[" + Y + "]", t);
@@ -1376,7 +1374,7 @@ function un() {
         var R = P[A];
         if (!d(R)) {
           var j = K(R);
-          return new m("Invalid " + O + " `" + F + "` of type " + ("`" + j + "` supplied to `" + k + "`, expected a single ReactElement."));
+          return new g("Invalid " + O + " `" + F + "` of type " + ("`" + j + "` supplied to `" + k + "`, expected a single ReactElement."));
         }
         return null;
       }
@@ -1387,7 +1385,7 @@ function un() {
         var R = P[A];
         if (!e.isValidElementType(R)) {
           var j = K(R);
-          return new m("Invalid " + O + " `" + F + "` of type " + ("`" + j + "` supplied to `" + k + "`, expected a single ReactElement type."));
+          return new g("Invalid " + O + " `" + F + "` of type " + ("`" + j + "` supplied to `" + k + "`, expected a single ReactElement type."));
         }
         return null;
       }
@@ -1397,7 +1395,7 @@ function un() {
       function P(A, k, O, F, R) {
         if (!(A[k] instanceof x)) {
           var j = x.name || p, L = de(A[k]);
-          return new m("Invalid " + F + " `" + R + "` of type " + ("`" + L + "` supplied to `" + O + "`, expected ") + ("instance of `" + j + "`."));
+          return new g("Invalid " + F + " `" + R + "` of type " + ("`" + L + "` supplied to `" + O + "`, expected ") + ("instance of `" + j + "`."));
         }
         return null;
       }
@@ -1416,17 +1414,17 @@ function un() {
           var te = ee(_);
           return te === "symbol" ? String(_) : _;
         });
-        return new m("Invalid " + F + " `" + R + "` of value `" + String(j) + "` " + ("supplied to `" + O + "`, expected one of " + Y + "."));
+        return new g("Invalid " + F + " `" + R + "` of value `" + String(j) + "` " + ("supplied to `" + O + "`, expected one of " + Y + "."));
       }
       return v(P);
     }
     function f(x) {
       function P(A, k, O, F, R) {
         if (typeof x != "function")
-          return new m("Property `" + R + "` of component `" + O + "` has invalid PropType notation inside objectOf.");
+          return new g("Property `" + R + "` of component `" + O + "` has invalid PropType notation inside objectOf.");
         var j = A[k], L = K(j);
         if (L !== "object")
-          return new m("Invalid " + F + " `" + R + "` of type " + ("`" + L + "` supplied to `" + O + "`, expected an object."));
+          return new g("Invalid " + F + " `" + R + "` of type " + ("`" + L + "` supplied to `" + O + "`, expected an object."));
         for (var Y in j)
           if (r(j, Y)) {
             var V = x(j, Y, O, F, R + "." + Y, t);
@@ -1455,18 +1453,18 @@ function un() {
           _.data && r(_.data, "expectedType") && Y.push(_.data.expectedType);
         }
         var te = Y.length > 0 ? ", expected one of type [" + Y.join(", ") + "]" : "";
-        return new m("Invalid " + j + " `" + L + "` supplied to " + ("`" + R + "`" + te + "."));
+        return new g("Invalid " + j + " `" + L + "` supplied to " + ("`" + R + "`" + te + "."));
       }
       return v(k);
     }
     function $() {
       function x(P, A, k, O, F) {
-        return X(P[A]) ? null : new m("Invalid " + O + " `" + F + "` supplied to " + ("`" + k + "`, expected a ReactNode."));
+        return X(P[A]) ? null : new g("Invalid " + O + " `" + F + "` supplied to " + ("`" + k + "`, expected a ReactNode."));
       }
       return v(x);
     }
     function I(x, P, A, k, O) {
-      return new m(
+      return new g(
         (x || "React class") + ": " + P + " type `" + A + "." + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + O + "`."
       );
     }
@@ -1474,7 +1472,7 @@ function un() {
       function P(A, k, O, F, R) {
         var j = A[k], L = K(j);
         if (L !== "object")
-          return new m("Invalid " + F + " `" + R + "` of type `" + L + "` " + ("supplied to `" + O + "`, expected `object`."));
+          return new g("Invalid " + F + " `" + R + "` of type `" + L + "` " + ("supplied to `" + O + "`, expected `object`."));
         for (var Y in x) {
           var V = x[Y];
           if (typeof V != "function")
@@ -1491,14 +1489,14 @@ function un() {
       function P(A, k, O, F, R) {
         var j = A[k], L = K(j);
         if (L !== "object")
-          return new m("Invalid " + F + " `" + R + "` of type `" + L + "` " + ("supplied to `" + O + "`, expected `object`."));
+          return new g("Invalid " + F + " `" + R + "` of type `" + L + "` " + ("supplied to `" + O + "`, expected `object`."));
         var Y = n({}, A[k], x);
         for (var V in Y) {
           var Z = x[V];
           if (r(x, V) && typeof Z != "function")
             return I(O, F, R, V, ee(Z));
           if (!Z)
-            return new m(
+            return new g(
               "Invalid " + F + " `" + R + "` key `" + V + "` supplied to `" + O + "`.\nBad object: " + JSON.stringify(A[k], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
             );
@@ -1592,7 +1590,7 @@ function fn() {
   function t() {
   }
   return t.resetWarningCache = n, Pe = function() {
-    function r(a, d, b, g, h, u) {
+    function r(a, d, b, m, h, u) {
       if (u !== e) {
         var p = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
@@ -1719,7 +1717,7 @@ 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 = D, B.getTouch = v, B.getTouchIdentifier = w, B.getTranslation = m, B.innerHeight = h, B.innerWidth = u, B.matchesSelector = i, B.matchesSelectorAndParentsTo = o, B.offsetXYFromParent = p, B.outerHeight = b, B.outerWidth = g, B.removeClassName = N, B.removeEvent = d, B.scheduleRemoveUserSelectStyles = C;
+  }), B.addClassName = l, B.addEvent = a, B.addUserSelectStyles = T, B.createCSSTransform = y, B.createSVGTransform = D, B.getTouch = v, B.getTouchIdentifier = w, B.getTranslation = g, B.innerHeight = h, B.innerWidth = u, B.matchesSelector = i, B.matchesSelectorAndParentsTo = o, B.offsetXYFromParent = p, B.outerHeight = b, B.outerWidth = m, B.removeClassName = N, B.removeEvent = d, B.scheduleRemoveUserSelectStyles = C;
   var e = we(), n = t(gn());
   function t(c, f) {
     if (typeof WeakMap == "function") var M = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakMap();
@@ -1771,7 +1769,7 @@ function Re() {
     const M = c.ownerDocument.defaultView.getComputedStyle(c);
     return f += (0, e.int)(M.borderTopWidth), f += (0, e.int)(M.borderBottomWidth), f;
   }
-  function g(c) {
+  function m(c) {
     let f = c.clientWidth;
     const M = c.ownerDocument.defaultView.getComputedStyle(c);
     return f += (0, e.int)(M.borderLeftWidth), f += (0, e.int)(M.borderRightWidth), f;
@@ -1797,15 +1795,15 @@ function Re() {
     };
   }
   function y(c, f) {
-    const M = m(c, f, "px");
+    const M = g(c, f, "px");
     return {
       [(0, n.browserPrefixToKey)("transform", n.default)]: M
     };
   }
   function D(c, f) {
-    return m(c, f, "");
+    return g(c, f, "");
   }
-  function m(c, f, M) {
+  function g(c, f, M) {
     let {
       x: $,
       y: I
@@ -1867,28 +1865,28 @@ function xt() {
     let {
       bounds: D
     } = u.props;
-    D = typeof D == "string" ? D : g(D);
-    const m = h(u);
+    D = typeof D == "string" ? D : m(D);
+    const g = h(u);
     if (typeof D == "string") {
       const {
         ownerDocument: v
-      } = m, w = v.defaultView;
+      } = g, w = v.defaultView;
       let T;
-      if (D === "parent" ? T = m.parentNode : T = m.getRootNode().querySelector(D), !(T instanceof w.HTMLElement))
+      if (D === "parent" ? T = g.parentNode : T = g.getRootNode().querySelector(D), !(T instanceof w.HTMLElement))
         throw new Error('Bounds selector "' + D + '" could not find an element.');
-      const C = T, S = w.getComputedStyle(m), l = w.getComputedStyle(C);
+      const C = T, S = w.getComputedStyle(g), l = w.getComputedStyle(C);
       D = {
-        left: -m.offsetLeft + (0, e.int)(l.paddingLeft) + (0, e.int)(S.marginLeft),
-        top: -m.offsetTop + (0, e.int)(l.paddingTop) + (0, e.int)(S.marginTop),
-        right: (0, n.innerWidth)(C) - (0, n.outerWidth)(m) - m.offsetLeft + (0, e.int)(l.paddingRight) - (0, e.int)(S.marginRight),
-        bottom: (0, n.innerHeight)(C) - (0, n.outerHeight)(m) - m.offsetTop + (0, e.int)(l.paddingBottom) - (0, e.int)(S.marginBottom)
+        left: -g.offsetLeft + (0, e.int)(l.paddingLeft) + (0, e.int)(S.marginLeft),
+        top: -g.offsetTop + (0, e.int)(l.paddingTop) + (0, e.int)(S.marginTop),
+        right: (0, n.innerWidth)(C) - (0, n.outerWidth)(g) - g.offsetLeft + (0, e.int)(l.paddingRight) - (0, e.int)(S.marginRight),
+        bottom: (0, n.innerHeight)(C) - (0, n.outerHeight)(g) - g.offsetTop + (0, e.int)(l.paddingBottom) - (0, e.int)(S.marginBottom)
       };
     }
     return (0, e.isNum)(D.right) && (p = Math.min(p, D.right)), (0, e.isNum)(D.bottom) && (y = Math.min(y, D.bottom)), (0, e.isNum)(D.left) && (p = Math.max(p, D.left)), (0, e.isNum)(D.top) && (y = Math.max(y, D.top)), [p, y];
   }
   function r(u, p, y) {
-    const D = Math.round(p / u[0]) * u[0], m = Math.round(y / u[1]) * u[1];
-    return [D, m];
+    const D = Math.round(p / u[0]) * u[0], g = Math.round(y / u[1]) * u[1];
+    return [D, g];
   }
   function i(u) {
     return u.props.axis === "both" || u.props.axis === "x";
@@ -1899,13 +1897,13 @@ function xt() {
   function a(u, p, y) {
     const D = typeof p == "number" ? (0, n.getTouch)(u, p) : null;
     if (typeof p == "number" && !D) return null;
-    const m = h(y), v = y.props.offsetParent || m.offsetParent || m.ownerDocument.body;
+    const g = h(y), v = y.props.offsetParent || g.offsetParent || g.ownerDocument.body;
     return (0, n.offsetXYFromParent)(D || u, v, y.props.scale);
   }
   function d(u, p, y) {
-    const D = !(0, e.isNum)(u.lastX), m = h(u);
+    const D = !(0, e.isNum)(u.lastX), g = h(u);
     return D ? {
-      node: m,
+      node: g,
       deltaX: 0,
       deltaY: 0,
       lastX: p,
@@ -1913,7 +1911,7 @@ function xt() {
       x: p,
       y
     } : {
-      node: m,
+      node: g,
       deltaX: p - u.lastX,
       deltaY: y - u.lastY,
       lastX: u.lastX,
@@ -1934,7 +1932,7 @@ function xt() {
       lastY: u.state.y
     };
   }
-  function g(u) {
+  function m(u) {
     return {
       left: u.left,
       top: u.top,
@@ -1967,10 +1965,10 @@ function mn() {
     value: !0
   }), he.default = void 0;
   var e = b(ae), n = d(/* @__PURE__ */ vt()), t = d(ct), r = Re(), i = xt(), o = we(), a = d(wt());
-  function d(m) {
-    return m && m.__esModule ? m : { default: m };
+  function d(g) {
+    return g && g.__esModule ? g : { default: g };
   }
-  function b(m, v) {
+  function b(g, v) {
     if (typeof WeakMap == "function") var w = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap();
     return (b = function(C, S) {
       if (!S && C && C.__esModule) return C;
@@ -1982,24 +1980,24 @@ function mn() {
       }
       for (const f in C) f !== "default" && {}.hasOwnProperty.call(C, f) && ((N = (l = Object.defineProperty) && Object.getOwnPropertyDescriptor(C, f)) && (N.get || N.set) ? l(c, f, N) : c[f] = C[f]);
       return c;
-    })(m, v);
+    })(g, v);
   }
-  function g(m, v, w) {
-    return (v = h(v)) in m ? Object.defineProperty(m, v, { value: w, enumerable: !0, configurable: !0, writable: !0 }) : m[v] = w, m;
+  function m(g, v, w) {
+    return (v = h(v)) in g ? Object.defineProperty(g, v, { value: w, enumerable: !0, configurable: !0, writable: !0 }) : g[v] = w, g;
   }
-  function h(m) {
-    var v = u(m, "string");
+  function h(g) {
+    var v = u(g, "string");
     return typeof v == "symbol" ? v : v + "";
   }
-  function u(m, v) {
-    if (typeof m != "object" || !m) return m;
-    var w = m[Symbol.toPrimitive];
+  function u(g, v) {
+    if (typeof g != "object" || !g) return g;
+    var w = g[Symbol.toPrimitive];
     if (w !== void 0) {
-      var T = w.call(m, v);
+      var T = w.call(g, v);
       if (typeof T != "object") return T;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return (v === "string" ? String : Number)(m);
+    return (v === "string" ? String : Number)(g);
   }
   const p = {
     touch: {
@@ -2015,7 +2013,7 @@ function mn() {
   };
   let y = p.mouse, D = class extends e.Component {
     constructor() {
-      super(...arguments), g(this, "dragging", !1), g(this, "lastX", NaN), g(this, "lastY", NaN), g(this, "touchIdentifier", null), g(this, "mounted", !1), g(this, "handleDragStart", (v) => {
+      super(...arguments), m(this, "dragging", !1), m(this, "lastX", NaN), m(this, "lastY", NaN), m(this, "touchIdentifier", null), m(this, "mounted", !1), m(this, "handleDragStart", (v) => {
         if (this.props.onMouseDown(v), !this.props.allowAnyClick && typeof v.button == "number" && v.button !== 0) return !1;
         const w = this.findDOMNode();
         if (!w || !w.ownerDocument || !w.ownerDocument.body)
@@ -2035,7 +2033,7 @@ function mn() {
           y: N
         } = S, c = (0, i.createCoreData)(this, l, N);
         (0, a.default)("DraggableCore: handleDragStart: %j", c), (0, a.default)("calling", this.props.onStart), !(this.props.onStart(v, c) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, r.addUserSelectStyles)(T), this.dragging = !0, this.lastX = l, this.lastY = N, (0, r.addEvent)(T, y.move, this.handleDrag), (0, r.addEvent)(T, y.stop, this.handleDragStop));
-      }), g(this, "handleDrag", (v) => {
+      }), m(this, "handleDrag", (v) => {
         const w = (0, i.getControlPosition)(v, this.touchIdentifier, this);
         if (w == null) return;
         let {
@@ -2058,7 +2056,7 @@ function mn() {
           return;
         }
         this.lastX = T, this.lastY = C;
-      }), g(this, "handleDragStop", (v) => {
+      }), m(this, "handleDragStop", (v) => {
         if (!this.dragging) return;
         const w = (0, i.getControlPosition)(v, this.touchIdentifier, this);
         if (w == null) return;
@@ -2074,7 +2072,7 @@ function mn() {
         if (this.props.onStop(v, S) === !1 || this.mounted === !1) return !1;
         const N = this.findDOMNode();
         N && this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(N.ownerDocument), (0, a.default)("DraggableCore: handleDragStop: %j", S), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, N && ((0, a.default)("DraggableCore: Removing handlers"), (0, r.removeEvent)(N.ownerDocument, y.move, this.handleDrag), (0, r.removeEvent)(N.ownerDocument, y.stop, this.handleDragStop));
-      }), g(this, "onMouseDown", (v) => (y = p.mouse, this.handleDragStart(v))), g(this, "onMouseUp", (v) => (y = p.mouse, this.handleDragStop(v))), g(this, "onTouchStart", (v) => (y = p.touch, this.handleDragStart(v))), g(this, "onTouchEnd", (v) => (y = p.touch, this.handleDragStop(v)));
+      }), m(this, "onMouseDown", (v) => (y = p.mouse, this.handleDragStart(v))), m(this, "onMouseUp", (v) => (y = p.mouse, this.handleDragStop(v))), m(this, "onTouchStart", (v) => (y = p.touch, this.handleDragStart(v))), m(this, "onTouchEnd", (v) => (y = p.touch, this.handleDragStop(v)));
     }
     componentDidMount() {
       this.mounted = !0;
@@ -2113,7 +2111,7 @@ function mn() {
       });
     }
   };
-  return he.default = D, g(D, "displayName", "DraggableCore"), g(D, "propTypes", {
+  return he.default = D, m(D, "displayName", "DraggableCore"), m(D, "propTypes", {
     /**
      * `allowAnyClick` allows dragging using any mouse button.
      * By default, we only accept the left button.
@@ -2145,8 +2143,8 @@ function mn() {
      * `offsetParent`, if set, uses the passed DOM node to compute drag offsets
      * instead of using the parent node.
      */
-    offsetParent: function(m, v) {
-      if (m[v] && m[v].nodeType !== 1)
+    offsetParent: function(g, v) {
+      if (g[v] && g[v].nodeType !== 1)
         throw new Error("Draggable's offsetParent must be a DOM Node.");
     },
     /**
@@ -2243,7 +2241,7 @@ function mn() {
     className: o.dontSetMe,
     style: o.dontSetMe,
     transform: o.dontSetMe
-  }), g(D, "defaultProps", {
+  }), m(D, "defaultProps", {
     allowAnyClick: !1,
     // by default only accept left click
     allowMobileScroll: !1,
@@ -2271,7 +2269,7 @@ function pn() {
         return b.default;
       }
     }), e.default = void 0;
-    var n = u(ae), t = h(/* @__PURE__ */ vt()), r = h(ct), i = hn(), o = Re(), a = xt(), d = we(), b = h(mn()), g = h(wt());
+    var n = u(ae), t = h(/* @__PURE__ */ vt()), r = h(ct), i = hn(), o = Re(), a = xt(), d = we(), b = h(mn()), m = h(wt());
     function h(w) {
       return w && w.__esModule ? w : { default: w };
     }
@@ -2302,10 +2300,10 @@ function pn() {
       return (T = D(T)) in w ? Object.defineProperty(w, T, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : w[T] = C, w;
     }
     function D(w) {
-      var T = m(w, "string");
+      var T = g(w, "string");
       return typeof T == "symbol" ? T : T + "";
     }
-    function m(w, T) {
+    function g(w, T) {
       if (typeof w != "object" || !w) return w;
       var C = w[Symbol.toPrimitive];
       if (C !== void 0) {
@@ -2324,7 +2322,7 @@ function pn() {
         } = T, {
           prevPropsPosition: l
         } = C;
-        return S && (!l || S.x !== l.x || S.y !== l.y) ? ((0, g.default)("Draggable: getDerivedStateFromProps %j", {
+        return S && (!l || S.x !== l.x || S.y !== l.y) ? ((0, m.default)("Draggable: getDerivedStateFromProps %j", {
           position: S,
           prevPropsPosition: l
         }), {
@@ -2337,14 +2335,14 @@ function pn() {
       }
       constructor(T) {
         super(T), y(this, "onDragStart", (C, S) => {
-          if ((0, g.default)("Draggable: onDragStart: %j", S), this.props.onStart(C, (0, a.createDraggableData)(this, S)) === !1) return !1;
+          if ((0, m.default)("Draggable: onDragStart: %j", S), this.props.onStart(C, (0, a.createDraggableData)(this, S)) === !1) return !1;
           this.setState({
             dragging: !0,
             dragged: !0
           });
         }), y(this, "onDrag", (C, S) => {
           if (!this.state.dragging) return !1;
-          (0, g.default)("Draggable: onDrag: %j", S);
+          (0, m.default)("Draggable: onDrag: %j", S);
           const l = (0, a.createDraggableData)(this, S), N = {
             x: l.x,
             y: l.y,
@@ -2364,7 +2362,7 @@ function pn() {
           this.setState(N);
         }), y(this, "onDragStop", (C, S) => {
           if (!this.state.dragging || this.props.onStop(C, (0, a.createDraggableData)(this, S)) === !1) return !1;
-          (0, g.default)("Draggable: onDragStop: %j", S);
+          (0, m.default)("Draggable: onDragStop: %j", S);
           const N = {
             dragging: !1,
             slackX: 0,
@@ -2612,10 +2610,10 @@ const vn = /* @__PURE__ */ an(bn), xn = le((e, n) => {
         "data-testid": i,
         axis: "both",
         handle: ".handle",
-        onStart: (g, h) => {
+        onStart: (m, h) => {
           e.onDraggingChange?.(!0);
         },
-        onStop: (g, h) => {
+        onStop: (m, h) => {
           setTimeout(() => {
             e.onDraggingChange?.(!1);
           }, 100);
@@ -2754,31 +2752,31 @@ function Tn({
   isEditing: d,
   // for additional props passed to all widget from the dashboard through the DynamicWidgetLoader:
   extraProps: b,
-  onRemoveClick: g,
+  onRemoveClick: m,
   onMoveClick: h,
   selectContainer: u
 }) {
-  const p = `${t}`.split("_"), y = p.length > 1, D = y ? p[0] : t, m = a.get(D);
-  if (!m)
+  const p = `${t}`.split("_"), y = p.length > 1, D = y ? p[0] : t, g = a.get(D);
+  if (!g)
     return /* @__PURE__ */ s("div", { className: "flex", children: /* @__PURE__ */ W("p", { children: [
       "Widget not found in catalog: ",
       D
     ] }) });
   let v = null, w = !1;
-  const T = !!m.isContainer, C = y ? mt(t) : "", S = T ? (o || []).filter((c) => c.parentWidgetKey === t) : [], l = {
+  const T = !!g.isContainer, C = y ? mt(t) : "", S = T ? (o || []).filter((c) => c.parentWidgetKey === t) : [], l = {
     index: e,
     maxIndex: n,
     widgetKey: t,
     parentWidgetKey: r,
     isEditing: d,
     extraProps: b,
-    title: y ? C : m.title,
-    onRemoveClick: g,
+    title: y ? C : g.title,
+    onRemoveClick: m,
     onMoveClick: h
   };
-  if (m.component ? (v = m.component, w = !1) : m.loader && (w = !0, v = st(() => {
-    if (!m) return null;
-    const c = typeof __HOST_REACT_VERSION__ < "u" ? __HOST_REACT_VERSION__ : "19.2.3", f = m.meta?.externalDependencies || [], M = f.find(($) => $.startsWith("react@"));
+  if (g.component ? (v = g.component, w = !1) : g.loader && (w = !0, v = st(() => {
+    if (!g) return null;
+    const c = typeof __HOST_REACT_VERSION__ < "u" ? __HOST_REACT_VERSION__ : "19.2.3", f = g.meta?.externalDependencies || [], M = f.find(($) => $.startsWith("react@"));
     if (M) {
       const $ = M.split("@")[1];
       if (!Sn(c, $))
@@ -2817,12 +2815,12 @@ function Tn({
           ] }) })
         }));
     }
-    if (m.component)
-      return m.component;
-    if (m.loader) {
+    if (g.component)
+      return g.component;
+    if (g.loader) {
       const $ = async () => {
         try {
-          return await m.loader();
+          return await g.loader();
         } catch (I) {
           return console.error(`CDN Load Failure for ${t}:`, I), {
             default: () => /* @__PURE__ */ s(at, { ...l, children: /* @__PURE__ */ W("div", { className: "p-4 border border-dashed border-danger", children: [
@@ -2832,7 +2830,7 @@ function Tn({
                 '"'
               ] }),
               /* @__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(m.meta || {}, null, 2) })
+              /* @__PURE__ */ s("pre", { className: "text-xs overflow-hidden", children: JSON.stringify(g.meta || {}, null, 2) })
             ] }) })
           };
         }
@@ -2840,7 +2838,7 @@ function Tn({
       return ae.lazy($);
     }
     return null;
-  }, [m, t])), !v)
+  }, [g, t])), !v)
     return /* @__PURE__ */ s("div", { className: "flex", children: /* @__PURE__ */ W("p", { children: [
       "Widget definition incomplete: ",
       D
@@ -2859,21 +2857,21 @@ function Tn({
         widgetCatalog: a,
         isEditing: d,
         extraProps: b,
-        onRemoveClick: g,
+        onRemoveClick: m,
         onMoveClick: h
       },
       `${c.widgetKey}_${f}`
     ))
   } : {};
-  return w ? /* @__PURE__ */ s(St, { fallback: /* @__PURE__ */ s(Dn, { title: `Loading ${m.title}` }), children: /* @__PURE__ */ s(v, { ...l, ...N }) }) : /* @__PURE__ */ s(v, { ...l, ...N });
+  return w ? /* @__PURE__ */ s(St, { fallback: /* @__PURE__ */ s(Dn, { title: `Loading ${g.title}` }), children: /* @__PURE__ */ s(v, { ...l, ...N }) }) : /* @__PURE__ */ s(v, { ...l, ...N });
 }
 const xe = "size-5";
 function ke(e) {
   const n = e.highlight || !1, t = e.direction || "column", r = e.children.length > 0, i = e.isEditing || !1;
   let d = n ? "border-transparent" : i && !r ? "border-card-invert" : "border-transparent";
   const b = ["large", "xlarge"].includes(e.size || "");
-  let g = "";
-  ["large", "xlarge"].indexOf(e.size || "") > -1 && (g = `${e.size}-widget`);
+  let m = "";
+  ["large", "xlarge"].indexOf(e.size || "") > -1 && (m = `${e.size}-widget`);
   let h = "";
   t === "row" && !r ? h = "min-h-48" : t === "column" && !r && (h = "min-h-96");
   let u = G(
@@ -2881,7 +2879,7 @@ function ke(e) {
     r ? "" : "has-no-children",
     i ? "editing" : "",
     h,
-    g,
+    m,
     b ? "widget-container-grid" : "widget-container-flex",
     `direction-${t}`,
     `border ${d}`,
@@ -2891,7 +2889,7 @@ function ke(e) {
     e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey);
   }, D = (v) => {
     e.onMoveClick && e.widgetKey && e.onMoveClick(v, e.widgetKey, e.parentWidgetKey);
-  }, m = () => {
+  }, g = () => {
     e.selectContainer && e.widgetKey && e.selectContainer(e.widgetKey);
   };
   return /* @__PURE__ */ W("div", { "data-testid": `container_${e.widgetKey}`, className: u, children: [
@@ -2900,7 +2898,7 @@ function ke(e) {
         "div",
         {
           className: "widget-title-wrapper w-full flex whitespace-nowrap",
-          onClick: m,
+          onClick: g,
           children: /* @__PURE__ */ s("span", { className: "text-sm font-semibold capitalize", children: e.title })
         }
       ),
@@ -2915,7 +2913,7 @@ function ke(e) {
               placement: "top",
               title: "Target this Container"
             },
-            onClick: m,
+            onClick: g,
             children: /* @__PURE__ */ s(
               tn,
               {
@@ -2988,18 +2986,18 @@ function We({
   alreadyAdded: n,
   addWidget: t
 }) {
-  const [r, i] = ce(!1), o = e.icon || nn, a = e.name || "Unknown", d = e.description || "---", g = (e.noDuplicatedWidgets || !1) && n, h = G(`
+  const [r, i] = ce(!1), o = e.icon || nn, a = e.name || "Unknown", d = e.description || "---", m = (e.noDuplicatedWidgets || !1) && n, h = G(`
     flex flex-row gap-2 p-2 rounded-md border text-sm bg-card content-card backdrop-opacity-100
-    ${g ? "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: h, style: { width: "calc(100% - 1rem)" }, onClick: () => {
-    g || t();
+    m || t();
   }, children: [
     /* @__PURE__ */ s(o, { className: "" }),
     /* @__PURE__ */ W("div", { className: "w-full", children: [
       /* @__PURE__ */ W("div", { className: "flex flex-row items-center gap-2 justify-between", children: [
         /* @__PURE__ */ s("span", { className: "font-bold", children: a }),
-        /* @__PURE__ */ s("div", { className: "text-xs", children: g ? "(Added)" : "" })
+        /* @__PURE__ */ s("div", { className: "text-xs", children: m ? "(Added)" : "" })
       ] }),
       /* @__PURE__ */ W("div", { className: "flex flex-col text-xs", children: [
         /* @__PURE__ */ s("div", { children: d }),
@@ -3024,11 +3022,11 @@ function En({
     const b = d.key;
     if (["ArrowUp", "ArrowDown"].includes(b)) {
       d.preventDefault();
-      const g = _t.incrementOrDecrementValue(
+      const m = _t.incrementOrDecrementValue(
         e,
         b === "ArrowUp" ? 1 : -1
       );
-      n(g);
+      n(m);
     }
   }, a = (d) => {
     n({
@@ -3069,13 +3067,13 @@ function cr({
   onSettingItemsUpdated: a,
   onResetToDefaultDashboardClick: d,
   onUndoOrRedo: b,
-  onDoneClick: g
+  onDoneClick: m
 }) {
-  const [h, u] = ce("Editing"), [p, y] = ce(0), [D, m] = ce(""), w = Array.from(n.keys()).map((E) => ({
+  const [h, u] = ce("Editing"), [p, y] = ce(0), [D, g] = ce(""), w = Array.from(n.keys()).map((E) => ({
     widgetKey: E,
     metaData: $t(E, n)
   })), T = (E) => {
-    m(E.target.value);
+    g(E.target.value);
   }, C = (E) => {
     const z = D.trim().toLowerCase();
     return z.length < 1 ? !0 : E.name.trim().toLowerCase().includes(z) || E.description.toLowerCase().includes(z);
@@ -3249,7 +3247,7 @@ function cr({
               placement: "bottom",
               title: "Click to exit edit mode"
             },
-            onClick: g,
+            onClick: m,
             children: "Done"
           }
         ) })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tenorlab/react-dashboard",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "description": "Foundation components for creating user-configurable dashboards in React",
   "author": "Damiano Fusco",
   "type": "module",