@tenorlab/react-dashboard 1.2.3 → 1.2.4

package/dist/react-dashboard.es.js

@@ -1,10 +1,10 @@
-import ae, { useState as le, useCallback as ue, useMemo as st, forwardRef as ce, useRef as Ct, Suspense as St, useEffect as Dt } from "react";
+import ae, { useState as ce, useCallback as ue, useMemo as st, forwardRef as le, useRef as Ct, Suspense as St, useEffect as Dt } from "react";
 import { jsxs as W, jsx as s } from "react/jsx-runtime";
-import lt from "react-dom";
-const Nt = [
+import ct from "react-dom";
+const Tt = [
   {
     key: "grid-gap",
-    displayName: "Gap",
+    name: "Gap",
     description: "Set the gap between widgets in the dashboard grid",
     cssProperty: "--bwj-dashboard-gap",
     step: 0.1,
@@ -15,7 +15,7 @@ const Nt = [
   },
   {
     key: "widget-width",
-    displayName: "Widget Width",
+    name: "Widget Width",
     description: "Set the min width for the widgets",
     cssProperty: "--bwj-widget-width",
     step: 0.1,
@@ -26,7 +26,7 @@ const Nt = [
   },
   {
     key: "widget-border-radius",
-    displayName: "Widget Border Radius",
+    name: "Widget Border Radius",
     description: "Set the border radius for the widgets",
     cssProperty: "--bwj-widget-border-radius",
     step: 0.1,
@@ -37,7 +37,7 @@ const Nt = [
   },
   {
     key: "widget-inner-padding-x",
-    displayName: "Widget Horiz Padding",
+    name: "Widget Horiz Padding",
     description: "Set the horizontal padding for the widgets",
     cssProperty: "--bwj-widget-inner-px",
     step: 0.1,
@@ -48,7 +48,7 @@ const Nt = [
   },
   {
     key: "widget-inner-padding-y",
-    displayName: "Widget Vertical Padding",
+    name: "Widget Vertical Padding",
     description: "Set the vertical padding for the widgets",
     cssProperty: "--bwj-widget-inner-py",
     step: 0.1,
@@ -59,7 +59,7 @@ const Nt = [
   },
   {
     key: "widget-header-padding-y",
-    displayName: "Widget Header Vertical Padding",
+    name: "Widget Header Vertical Padding",
     description: "Set the vertical padding for the widget headers",
     cssProperty: "--bwj-widget-header-py",
     step: 0.1,
@@ -70,7 +70,7 @@ const Nt = [
   },
   {
     key: "widget-title-font-size",
-    displayName: "Widget Title Font Size",
+    name: "Widget Title Font Size",
     description: "Set the font size for the widget titles",
     cssProperty: "--bwj-widget-title-size",
     step: 0.1,
@@ -79,9 +79,9 @@ const Nt = [
     defaultValue: "1.0rem",
     value: "1.0rem"
   }
-], Tt = ["rem", "pc", "cm", "in", "em", "vh", "vw", "%"], Et = (e, n) => Tt.includes(e) ? n : 1, _t = {
+], Et = ["rem", "pc", "cm", "in", "em", "vh", "vw", "%"], Nt = (e, n) => Et.includes(e) ? n : 1, _t = {
   incrementOrDecrementValue: (e, n) => {
-    const t = e.value.match(/([\d.]+)/), r = t ? parseFloat(t[1]) : 0, o = e.value.match(/([^\d.]+)/), i = o ? o[1] : e.defaultUnit, a = Et(i, e.step) * n, b = `${Math.max(r + a, e.minValue).toFixed(1)}${i}`;
+    const t = e.value.match(/([\d.]+)/), r = t ? parseFloat(t[1]) : 0, i = e.value.match(/([^\d.]+)/), o = i ? i[1] : e.defaultUnit, a = Nt(o, e.step) * n, b = `${Math.max(r + a, e.minValue).toFixed(1)}${o}`;
     return {
       ...e,
       value: b
@@ -96,13 +96,13 @@ const Nt = [
   responsiveGrid: !1,
   widgets: [],
   childWidgetsConfig: [],
-  cssSettings: [...Nt]
-}, Ae = 0.7, Fe = 1, Mt = 0.05, ct = (e) => {
+  cssSettings: [...Tt]
+}, Ae = 0.7, Fe = 1, Mt = 0.05, lt = (e) => {
   let n = Number(e || 0);
   return n < Ae && (n = Ae), n > Fe && (n = Fe), n;
 }, Pn = (e, n) => {
   let t = Number(Number((Mt * n).toFixed(2)).toFixed(2)), r = Number((Number(e) + t).toFixed(2));
-  return ct(r);
+  return lt(r);
 }, $n = (e) => {
   let n = {
     ...e
@@ -110,11 +110,11 @@ const Nt = [
   return n.widgets = n.widgets.filter((t) => {
     if (`${t}`.includes("WidgetContainer")) {
       const r = n.childWidgetsConfig.filter(
-        (o) => o.parentWidgetKey === t
+        (i) => i.parentWidgetKey === t
       );
       if (!r || r.length === 0)
         return n.widgets = n.widgets.filter(
-          (o) => o !== t
+          (i) => i !== t
         ), !1;
     }
     return !0;
@@ -123,23 +123,23 @@ const Nt = [
   const n = e.widgets.filter(
     (r) => r.includes("WidgetContainer")
   ), t = {};
-  return n.forEach((r, o) => {
-    const d = `${r.split("_container")[0]}_container${o + 1}`;
+  return n.forEach((r, i) => {
+    const d = `${r.split("_container")[0]}_container${i + 1}`;
     t[r] = d;
   }), e.widgets = e.widgets.map((r) => t[r] || r), e.childWidgetsConfig = e.childWidgetsConfig.map((r) => {
-    const o = r.parentWidgetKey, i = t[o];
+    const i = r.parentWidgetKey, o = t[i];
     return {
       ...r,
       // If a new key exists, use it. If not, keep the original key.
-      parentWidgetKey: i || o
+      parentWidgetKey: o || i
     };
   }), e;
 }, ge = (e, n) => {
-  const t = `${e}`.includes("Container"), r = t ? ["Container"] : ["Widget"], o = n?.title || e, i = n?.description || (t ? "Container" : "Unknown");
+  const t = `${e}`.includes("Container"), r = t ? ["Container"] : ["Widget"], i = n?.title || e, o = n?.description || (t ? "Container" : "Unknown");
   return {
-    title: o,
-    displayName: e,
-    description: i,
+    title: i,
+    name: e,
+    description: o,
     categories: r,
     noDuplicatedWidgets: !0,
     icon: void 0,
@@ -157,7 +157,7 @@ const Nt = [
     e,
     {
       key: e,
-      title: r.displayName,
+      title: r.name,
       isContainer: `${e}`.includes("Container"),
       meta: r,
       component: n
@@ -169,7 +169,7 @@ const Nt = [
     e,
     {
       key: e,
-      title: r.displayName,
+      title: r.name,
       isContainer: !1,
       meta: r,
       loader: n
@@ -178,36 +178,36 @@ const Nt = [
 }, It = (e) => {
   const n = e.match(/\/widget-([a-zA-Z0-9-]+)\/index\.ts$/);
   if (n && n[1]) {
-    const t = n[1], r = t.split("-"), o = `Widget${r.map((a) => a.charAt(0).toUpperCase() + a.slice(1)).join("")}`, i = r.map((a) => a.charAt(0).toUpperCase() + a.slice(1)).join(" ");
+    const t = n[1], r = t.split("-"), i = `Widget${r.map((a) => a.charAt(0).toUpperCase() + a.slice(1)).join("")}`, o = r.map((a) => a.charAt(0).toUpperCase() + a.slice(1)).join(" ");
     return {
-      key: o,
-      title: i,
+      key: i,
+      title: o,
       folder: t
     };
   }
   return null;
 }, Ot = (e, n, t, r) => {
-  const o = `${n}/widget-${t}/meta.ts`, i = e[o];
-  if (!i)
+  const i = `${n}/widget-${t}/meta.ts`, o = e[i];
+  if (!o)
     return;
   const a = `${r}Meta`;
-  return i[a] || void 0;
+  return o[a] || void 0;
 }, In = async (e) => new Promise(async (n, t) => {
   const r = [];
   try {
-    const i = await (await fetch(`${e}?${Math.random()}`)).json();
-    for (const a in i) {
-      const d = i[a], b = () => import(
+    const o = await (await fetch(`${e}?${Math.random()}`)).json();
+    for (const a in o) {
+      const d = o[a], b = () => import(
         /* @vite-ignore */
         d.url
       ), g = {
-        displayName: d.meta.displayName,
-        description: d.meta.description || "Remote Plugin",
-        categories: d.meta.categories || ["Widget"],
-        noDuplicatedWidgets: d.meta.noDuplicatedWidgets ?? !0,
+        name: d.meta?.name || "Unknown",
+        description: d.meta?.description || "Remote Plugin",
+        categories: d.meta?.categories || ["Widget"],
+        noDuplicatedWidgets: d.meta?.noDuplicatedWidgets ?? !0,
         icon: void 0,
         // Or a logic to map a string name to a Lucide component
-        externalDependencies: d.meta.externalDependencies || []
+        externalDependencies: d.meta?.externalDependencies || []
       };
       r.push(dt(a, b, g));
     }
@@ -216,17 +216,17 @@ const Nt = [
       message: "",
       details: ""
     });
-  } catch (o) {
-    console.error("Remote plugin discovery failed:", o), t({
+  } catch (i) {
+    console.error("Remote plugin discovery failed:", i), t({
       entries: [],
       message: "Remote plugin discovery failed:",
-      details: typeof o == "object" ? JSON.stringify(o) : o
+      details: typeof i == "object" ? JSON.stringify(i) : i
     });
   }
 }), On = (e, n, t, r = !0) => {
-  const o = [];
-  for (const i in n) {
-    const a = n[i], d = It(i);
+  const i = [];
+  for (const o in n) {
+    const a = n[o], d = It(o);
     if (d && a) {
       const { key: b, title: g, folder: h } = d;
       let u = Ot(t, e, h, b);
@@ -234,16 +234,16 @@ const Nt = [
         title: g,
         description: `Local ${r ? "dynamic" : "static"} widget`
       })), r)
-        o.push(
+        i.push(
           dt(b, a, u)
         );
       else {
         const p = a.default || a;
-        o.push(Wt(b, p, u));
+        i.push(Wt(b, p, u));
       }
     }
   }
-  return o;
+  return i;
 }, Le = (e) => {
   let n;
   const t = /* @__PURE__ */ new Set(), r = (g, h) => {
@@ -252,7 +252,7 @@ const Nt = [
       const p = n;
       n = h ?? (typeof u != "object" || u === null) ? u : Object.assign({}, n, u), t.forEach((y) => y(n, p));
     }
-  }, o = () => n, d = { setState: r, getState: o, getInitialState: () => b, subscribe: (g) => (t.add(g), () => t.delete(g)) }, b = n = e(r, o, d);
+  }, i = () => n, d = { setState: r, getState: i, getInitialState: () => b, subscribe: (g) => (t.add(g), () => t.delete(g)) }, b = n = e(r, i, d);
   return d;
 }, Rt = ((e) => e ? Le(e) : Le), kt = (e) => e;
 function jt(e, n = kt) {
@@ -273,9 +273,9 @@ const At = (e) => {
   const t = Lt(e);
   return `${n}_${t}`;
 }, Ut = (e) => {
-  const { dashboardConfig: n, widgetKey: t, parentWidgetKey: r, noDuplicatedWidgets: o } = e;
+  const { dashboardConfig: n, widgetKey: t, parentWidgetKey: r, noDuplicatedWidgets: i } = e;
   if (r) {
-    if (o && n.childWidgetsConfig.find(
+    if (i && n.childWidgetsConfig.find(
       (a) => a.parentWidgetKey === r && a.widgetKey === t
     ))
       return {
@@ -283,7 +283,7 @@ const At = (e) => {
         message: `DashboardStore: addWidget: Widget already added (${t})`,
         updatedDashboardConfig: n
       };
-    const i = [
+    const o = [
       ...n.childWidgetsConfig,
       { parentWidgetKey: r, widgetKey: t }
       // new entry
@@ -292,22 +292,22 @@ const At = (e) => {
       success: !0,
       updatedDashboardConfig: {
         ...n,
-        childWidgetsConfig: i
+        childWidgetsConfig: o
       }
     };
   } else {
-    if (o && n.widgets.includes(t))
+    if (i && n.widgets.includes(t))
       return {
         success: !1,
         message: `DashboardStore: addWidget: Widget already added (${t})`,
         updatedDashboardConfig: n
       };
-    const i = [...n.widgets, t];
+    const o = [...n.widgets, t];
     return {
       success: !0,
       updatedDashboardConfig: {
         ...n,
-        widgets: i
+        widgets: o
       }
     };
   }
@@ -315,64 +315,64 @@ const At = (e) => {
   if ((t || "").trim().length > 0) {
     const r = e.childWidgetsConfig.filter(
       (b) => b.parentWidgetKey !== t
-    ), o = e.childWidgetsConfig.filter(
+    ), i = e.childWidgetsConfig.filter(
       (b) => b.parentWidgetKey === t && b.widgetKey !== n
-    ), i = [...r, ...o];
+    ), o = [...r, ...i];
     let a = {
       ...e,
-      childWidgetsConfig: i
+      childWidgetsConfig: o
     };
     return `${n}`.includes("Container") && (a = Pt(a)), {
       success: !0,
       updatedDashboardConfig: a
     };
   } else {
-    const r = e.widgets.filter((i) => i !== n), o = e.childWidgetsConfig.filter(
-      (i) => i.parentWidgetKey !== n
+    const r = e.widgets.filter((o) => o !== n), i = e.childWidgetsConfig.filter(
+      (o) => o.parentWidgetKey !== n
     );
     return {
       success: !0,
       updatedDashboardConfig: {
         ...e,
         widgets: r,
-        childWidgetsConfig: o
+        childWidgetsConfig: i
       }
     };
   }
 }, Yt = (e, n, t, r) => {
   if ((r || "").trim().length > 0) {
-    const o = e.childWidgetsConfig.filter(
+    const i = e.childWidgetsConfig.filter(
       (h) => h.parentWidgetKey !== r
     );
-    let i = e.childWidgetsConfig.filter(
+    let o = e.childWidgetsConfig.filter(
       (h) => h.parentWidgetKey === r
     );
-    const a = i.indexOf(t);
+    const a = o.indexOf(t);
     let d = a + n;
-    if (d = Math.max(0, d), d = Math.min(i.length - 1, d), d === a)
+    if (d = Math.max(0, d), d = Math.min(o.length - 1, d), d === a)
       return {
         success: !1,
         message: `DashboardStore: moveWidget: Widget already at min/max position (${t})`,
         updatedDashboardConfig: e
       };
-    const b = [...i], [g] = b.splice(a, 1);
+    const b = [...o], [g] = b.splice(a, 1);
     return b.splice(d, 0, g), {
       success: !0,
       updatedDashboardConfig: {
         ...e,
-        childWidgetsConfig: [...o, ...b]
+        childWidgetsConfig: [...i, ...b]
       }
     };
   } else {
-    const o = e.widgets || [], i = o.indexOf(t);
-    let a = i + n;
-    if (a = Math.max(0, a), a = Math.min(o.length - 1, a), a === i)
+    const i = e.widgets || [], o = i.indexOf(t);
+    let a = o + n;
+    if (a = Math.max(0, a), a = Math.min(i.length - 1, a), a === o)
       return {
         success: !1,
         message: `DashboardStore: moveWidget: Widget already at min/max position (${t})`,
         updatedDashboardConfig: e
       };
-    const d = [...o], [b] = d.splice(i, 1);
+    const d = [...i], [b] = d.splice(o, 1);
     return d.splice(a, 0, b), {
       success: !0,
       updatedDashboardConfig: {
@@ -396,79 +396,79 @@ const At = (e) => {
   setTargetContainerKey: (t) => (e(() => ({ targetContainerKey: t })), t),
   setAllDashboardConfigs: (t) => (e(() => ({ allDashboardConfigs: t })), n().allDashboardConfigs),
   setCurrentDashboardConfig: (t) => {
-    const r = n(), o = [
-      ...r.allDashboardConfigs.filter((i) => i.dashboardId !== t.dashboardId),
+    const r = n(), i = [
+      ...r.allDashboardConfigs.filter((o) => o.dashboardId !== t.dashboardId),
       t
     ];
     return e(() => ({
       ...r,
-      allDashboardConfigs: o,
+      allDashboardConfigs: i,
       currentDashboardConfig: t
-    })), o;
+    })), i;
   },
   addDashboardConfig: (t) => {
-    const r = n(), o = [
-      ...r.allDashboardConfigs.filter((i) => i.dashboardId !== t.dashboardId),
+    const r = n(), i = [
+      ...r.allDashboardConfigs.filter((o) => o.dashboardId !== t.dashboardId),
       t
     ];
     return e(() => ({
       ...r,
-      allDashboardConfigs: o,
+      allDashboardConfigs: i,
       currentDashboardConfig: t
-    })), o;
+    })), i;
   },
   deleteDashboardConfigById: (t) => {
-    const r = n(), o = [...r.allDashboardConfigs.filter((i) => i.dashboardId !== t)];
+    const r = n(), i = [...r.allDashboardConfigs.filter((o) => o.dashboardId !== t)];
     return e(() => ({
       ...r,
-      allDashboardConfigs: o,
-      currentDashboardConfig: o[0] || Ce
-    })), o;
+      allDashboardConfigs: i,
+      currentDashboardConfig: i[0] || Ce
+    })), i;
   },
   selectDashboardById: (t) => (e(() => {
-    const r = n(), o = r.allDashboardConfigs.find((i) => i.dashboardId === t);
-    return o ? {
-      currentDashboardConfig: o
+    const r = n(), i = r.allDashboardConfigs.find((o) => o.dashboardId === t);
+    return i ? {
+      currentDashboardConfig: i
     } : {
       ...r
     };
   }), n().currentDashboardConfig),
   addWidget: (t) => {
-    const r = n(), o = Ut({
+    const r = n(), i = Ut({
       dashboardConfig: r.currentDashboardConfig,
       ...t
-    }), i = [
+    }), o = [
       ...r.allDashboardConfigs.filter(
-        (a) => a.dashboardId !== o.updatedDashboardConfig.dashboardId
+        (a) => a.dashboardId !== i.updatedDashboardConfig.dashboardId
       ),
-      o.updatedDashboardConfig
+      i.updatedDashboardConfig
     ];
-    return o.success && e(() => ({
-      allDashboardConfigs: i,
-      currentDashboardConfig: o.updatedDashboardConfig
+    return i.success && e(() => ({
+      allDashboardConfigs: o,
+      currentDashboardConfig: i.updatedDashboardConfig
     })), {
-      ...o,
-      allUpdatedDashboardConfigs: i
+      ...i,
+      allUpdatedDashboardConfigs: o
     };
   },
   removeWidget: (t, r) => {
-    const o = n(), i = qt(o.currentDashboardConfig, t, r), a = [
-      ...o.allDashboardConfigs.filter(
-        (d) => d.dashboardId !== i.updatedDashboardConfig.dashboardId
+    const i = n(), o = qt(i.currentDashboardConfig, t, r), a = [
+      ...i.allDashboardConfigs.filter(
+        (d) => d.dashboardId !== o.updatedDashboardConfig.dashboardId
       ),
-      i.updatedDashboardConfig
+      o.updatedDashboardConfig
     ];
-    return i.success && e(() => ({
+    return o.success && e(() => ({
       allDashboardConfigs: a,
-      currentDashboardConfig: i.updatedDashboardConfig
+      currentDashboardConfig: o.updatedDashboardConfig
     })), {
-      ...i,
+      ...o,
       allUpdatedDashboardConfigs: a
     };
   },
-  moveWidget: (t, r, o) => {
-    const i = n(), a = Yt(i.currentDashboardConfig, t, r, o), d = [
-      ...i.allDashboardConfigs.filter(
+  moveWidget: (t, r, i) => {
+    const o = n(), a = Yt(o.currentDashboardConfig, t, r, i), d = [
+      ...o.allDashboardConfigs.filter(
         (b) => b.dashboardId !== a.updatedDashboardConfig.dashboardId
       ),
       a.updatedDashboardConfig
@@ -484,11 +484,11 @@ const At = (e) => {
 }), Rn = Ft()((...e) => ({
   ...zt(...e)
 })), ut = (e, n) => `dashboards_${n}_${e}`, Bt = async (e, n, t, r) => {
-  const o = localStorage.getItem(ut(e, n));
-  if (o)
+  const i = localStorage.getItem(ut(e, n));
+  if (i)
     try {
-      const i = JSON.parse(o);
-      return i.length < 1 ? [r] : (i.forEach((a) => {
+      const o = JSON.parse(i);
+      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)
@@ -515,28 +515,28 @@ const At = (e) => {
         ), a.childWidgetsConfig = a.childWidgetsConfig.filter(
           (b) => t.has(b.widgetKey)
         ), a.zoomScale ? a.zoomScale < 0.7 && (a.zoomScale = 0.7) : a.zoomScale = 1;
-      }), i);
-    } catch (i) {
-      console.warn("Error parsing saved dashboard config:", i);
+      }), o);
+    } catch (o) {
+      console.warn("Error parsing saved dashboard config:", o);
     }
   return [r];
 }, Ht = async (e, n, t, r) => {
-  t.forEach((i) => {
-    if (i.userID = e, i.clientAppKey = n, i.responsiveGrid = i.responsiveGrid ?? !1, typeof i != "object")
+  t.forEach((o) => {
+    if (o.userID = e, o.clientAppKey = n, o.responsiveGrid = o.responsiveGrid ?? !1, typeof o != "object")
       throw new Error("Invalid dashboard configuration");
-    i.widgets = i.widgets.filter(
+    o.widgets = o.widgets.filter(
       (a) => a.includes("WidgetContainer") || r.has(a)
-    ), i.childWidgetsConfig = i.childWidgetsConfig.filter(
+    ), o.childWidgetsConfig = o.childWidgetsConfig.filter(
       (a) => r.has(a.widgetKey)
-    ), i.zoomScale ? i.zoomScale < 0.7 && (i.zoomScale = 0.7) : i.zoomScale = 1;
+    ), o.zoomScale ? o.zoomScale < 0.7 && (o.zoomScale = 0.7) : o.zoomScale = 1;
   });
-  const o = JSON.stringify(t);
-  return localStorage.setItem(ut(e, n), o), !0;
+  const i = JSON.stringify(t);
+  return localStorage.setItem(ut(e, n), i), !0;
 }, Kt = {
   getSavedDashboards: Bt,
   saveDashboards: Ht
 }, kn = () => Kt, jn = () => {
-  const [e, n] = le({}), [t, r] = le({}), o = ue((h) => {
+  const [e, n] = ce({}), [t, r] = ce({}), i = ue((h) => {
     const u = h.dashboardId;
     n((p) => {
       const y = {
@@ -552,7 +552,7 @@ const At = (e) => {
         // Forces a reset to just this one entry
       };
     });
-  }, []), i = ue(
+  }, []), o = ue(
     (h) => {
       n((u) => {
         const p = h.dashboardId, y = u[p] || [], D = t[p] ?? -1, m = y.slice(0, D + 1), v = {
@@ -560,8 +560,8 @@ const At = (e) => {
           // New index based on trimmed length
           config: h
         }, w = [...m, v];
-        return r((N) => ({
-          ...N,
+        return r((T) => ({
+          ...T,
           [p]: w.length - 1
           // Index is now the last element's index
         })), {
@@ -604,9 +604,9 @@ const At = (e) => {
     ]
   );
   return {
-    initializeHistoryForDashboard: o,
+    initializeHistoryForDashboard: i,
     resetAllHistory: () => n({}),
-    addUndoEntry: i,
+    addUndoEntry: o,
     removeUndoHistoryForDashboard: a,
     undo: d,
     redo: b,
@@ -831,7 +831,7 @@ const G = (e, ...n) => [
 ].join(" ").trim(), re = (e, n = "color") => {
   if (typeof window > "u") return "#FFFFFF";
   const t = document.createElement("div");
-  Array.isArray(e) ? e.forEach((o) => t.classList.add(o)) : e.split(" ").forEach((o) => t.classList.add(o)), t.style.display = "none", document.body.appendChild(t);
+  Array.isArray(e) ? e.forEach((i) => t.classList.add(i)) : e.split(" ").forEach((i) => t.classList.add(i)), t.style.display = "none", document.body.appendChild(t);
   const r = window.getComputedStyle(t)[n];
   return document.body.removeChild(t), r;
 }, Kn = {
@@ -866,8 +866,8 @@ const G = (e, ...n) => [
   className: n,
   size: t = "medium",
   value: r,
-  onChange: o,
-  onKeyDown: i,
+  onChange: i,
+  onKeyDown: o,
   placeholder: a = ""
 }) => {
   const d = st(() => t === "small" ? "py-1.5 px-3 text-sm" : "py-2.5 px-4 text-base", [t]), b = G("flex flex-col mb-4", n || ""), h = `${G(`
@@ -885,8 +885,8 @@ const G = (e, ...n) => [
         id: e,
         type: "text",
         value: r,
-        onChange: o,
-        onKeyDown: (u) => i && i(u),
+        onChange: i,
+        onKeyDown: (u) => o && o(u),
         placeholder: a,
         className: h,
         "aria-label": e
@@ -908,18 +908,18 @@ function J(e) {
     tooltip: n,
     disabled: t,
     isIconButton: r,
-    className: o,
-    buttonType: i,
+    className: i,
+    buttonType: o,
     category: a,
     px: d,
     py: b,
     children: g,
     ...h
   } = e, u = () => {
-    const y = e.isIconButton || !1, D = e.category || "primary", m = e.buttonType || "normal", v = e.disabled || !1, w = e.className || "", N = e.font || "semibold", C = Number((e.border || 0) > 0 ? e.border : 0);
+    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);
     let S = (e.borderColor || "").trim();
     S = S.length > 0 ? S : "";
-    const c = Number((e.borderHover || 0) > 0 ? e.borderHover : 0), E = e.shadow || "sm", l = e.shadowHover || "md", f = (e.addCss || "").trim(), M = e.justifyCss || "justify-center";
+    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";
     if (y)
       return G(
         "flex flex-row items-center",
@@ -931,7 +931,7 @@ function J(e) {
       "rounded-sm focus:outline-none focus:ring focus:ring-offset",
       "transition-all duration-150",
       "text-sm",
-      `font-${N}`
+      `font-${T}`
     ];
     if (v)
       m === "ghost" ? $.push("text-disabled border-disabled cursor-not-allowed") : $.push("bg-disabled content-disabled border-disabled cursor-not-allowed");
@@ -939,10 +939,10 @@ function J(e) {
       $.push("cursor-pointer");
       let I = "";
       Se.has(m) ? I = `${Se.get(m)}` : I = `${Se.get("normal")}`, C < 1 && (I = I.replace("border-[category]", ""));
-      const T = I.replace(/\[category\]/g, D).trim();
-      $.push(T);
+      const E = I.replace(/\[category\]/g, D).trim();
+      $.push(E);
     }
-    return C > 0 ? ($.push(`border-[${C}px]`), $.push(`border-${S}`)) : ($.push("border-[1px]"), $.push("border-transparent")), c > 0 ? ($.push(`hover:border-[${c}px] group-hover:border-[${c}px]`), $.push(`hover:border-${S} group-hover:border-${S}`)) : $.push("hover:border-[1px] group-hover:border-[1px]"), $.push(`shadow-${E}`), $.push(`hover:shadow-${l} group-hover:shadow-${l}`), f.length > 0 && $.push(f), f.indexOf("hidden") === -1 && $.push("inline-flex"), $.push(M), $.join(" ").trim();
+    return C > 0 ? ($.push(`border-[${C}px]`), $.push(`border-${S}`)) : ($.push("border-[1px]"), $.push("border-transparent")), l > 0 ? ($.push(`hover:border-[${l}px] group-hover:border-[${l}px]`), $.push(`hover:border-${S} group-hover:border-${S}`)) : $.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(M), $.join(" ").trim();
   }, p = () => {
     const y = e.px || 0.7, D = e.py || 0.25;
     return {
@@ -953,19 +953,19 @@ function J(e) {
 }
 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) {
-  const { children: n, testId: t, classNames: r, direction: o, ...i } = e, a = rn(e);
-  return /* @__PURE__ */ s("div", { "data-testid": t || "not-set", className: a, ...i, children: n });
+  const { children: n, testId: t, classNames: r, direction: i, ...o } = e, a = rn(e);
+  return /* @__PURE__ */ s("div", { "data-testid": t || "not-set", className: a, ...o, children: n });
 }
-const Gn = ce(
+const Gn = le(
   (e, n) => {
-    const { classNames: t, innerClass: r, ...o } = e, i = G(t || "", "w-full"), a = G(
+    const { classNames: t, innerClass: r, ...i } = e, o = G(t || "", "w-full"), a = G(
       `w-full flex overflow-hidden justify-between items-center gap-0 
       rounded-md border`,
       r || ""
     );
-    return /* @__PURE__ */ s(on, { direction: "row", classNames: i, ...o, children: /* @__PURE__ */ s("div", { className: a, children: e.children }) });
+    return /* @__PURE__ */ s(on, { direction: "row", classNames: o, ...i, children: /* @__PURE__ */ s("div", { className: a, children: e.children }) });
   }
-), Zn = ce((e, n) => /* @__PURE__ */ s(
+), Zn = le((e, n) => /* @__PURE__ */ s(
   "div",
   {
     "data-testid": e.testId || "not-set",
@@ -976,7 +976,7 @@ const Gn = ce(
     },
     children: e.children
   }
-)), Jn = ce(
+)), Jn = le(
   (e, n) => /* @__PURE__ */ s(
     "div",
     {
@@ -985,7 +985,7 @@ const Gn = ce(
       children: e.children
     }
   )
-), Qn = ce((e, n) => /* @__PURE__ */ s(
+), Qn = le((e, n) => /* @__PURE__ */ s(
   "div",
   {
     "data-testid": e.testId || "not-set",
@@ -1005,76 +1005,76 @@ 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, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = 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, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-  function C(c) {
-    if (typeof c == "object" && c !== null) {
-      var E = c.$$typeof;
-      switch (E) {
+  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;
+  function C(l) {
+    if (typeof l == "object" && l !== null) {
+      var N = l.$$typeof;
+      switch (N) {
         case n:
-          switch (c = c.type, c) {
+          switch (l = l.type, l) {
             case b:
             case g:
             case r:
-            case i:
             case o:
+            case i:
             case u:
-              return c;
+              return l;
             default:
-              switch (c = c && c.$$typeof, c) {
+              switch (l = l && l.$$typeof, l) {
                 case d:
                 case h:
                 case D:
                 case y:
                 case a:
-                  return c;
+                  return l;
                 default:
-                  return E;
+                  return N;
               }
           }
         case t:
-          return E;
+          return N;
       }
     }
   }
-  function S(c) {
-    return C(c) === g;
-  }
-  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 = i, U.StrictMode = o, U.Suspense = u, U.isAsyncMode = function(c) {
-    return S(c) || C(c) === b;
-  }, U.isConcurrentMode = S, U.isContextConsumer = function(c) {
-    return C(c) === d;
-  }, U.isContextProvider = function(c) {
-    return C(c) === a;
-  }, U.isElement = function(c) {
-    return typeof c == "object" && c !== null && c.$$typeof === n;
-  }, U.isForwardRef = function(c) {
-    return C(c) === h;
-  }, U.isFragment = function(c) {
-    return C(c) === r;
-  }, U.isLazy = function(c) {
-    return C(c) === D;
-  }, U.isMemo = function(c) {
-    return C(c) === y;
-  }, U.isPortal = function(c) {
-    return C(c) === t;
-  }, U.isProfiler = function(c) {
-    return C(c) === i;
-  }, U.isStrictMode = function(c) {
-    return C(c) === o;
-  }, U.isSuspense = function(c) {
-    return C(c) === u;
-  }, U.isValidElementType = function(c) {
-    return typeof c == "string" || typeof c == "function" || c === r || c === g || c === i || c === o || c === u || c === p || typeof c == "object" && c !== null && (c.$$typeof === D || c.$$typeof === y || c.$$typeof === a || c.$$typeof === d || c.$$typeof === h || c.$$typeof === v || c.$$typeof === w || c.$$typeof === N || c.$$typeof === m);
+  function S(l) {
+    return C(l) === g;
+  }
+  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 S(l) || C(l) === b;
+  }, U.isConcurrentMode = S, U.isContextConsumer = function(l) {
+    return C(l) === d;
+  }, U.isContextProvider = function(l) {
+    return C(l) === a;
+  }, U.isElement = function(l) {
+    return typeof l == "object" && l !== null && l.$$typeof === n;
+  }, U.isForwardRef = function(l) {
+    return C(l) === h;
+  }, U.isFragment = function(l) {
+    return C(l) === r;
+  }, U.isLazy = function(l) {
+    return C(l) === D;
+  }, U.isMemo = function(l) {
+    return C(l) === y;
+  }, U.isPortal = function(l) {
+    return C(l) === t;
+  }, U.isProfiler = function(l) {
+    return C(l) === o;
+  }, U.isStrictMode = function(l) {
+    return C(l) === i;
+  }, 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);
   }, U.typeOf = C, U;
 }
 var q = {};
 var Ue;
-function ln() {
+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, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = 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, N = 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, 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;
     function C(_) {
       return typeof _ == "string" || typeof _ == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      _ === r || _ === g || _ === i || _ === o || _ === u || _ === p || typeof _ == "object" && _ !== null && (_.$$typeof === D || _.$$typeof === y || _.$$typeof === a || _.$$typeof === d || _.$$typeof === h || _.$$typeof === v || _.$$typeof === w || _.$$typeof === N || _.$$typeof === m);
+      _ === 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);
     }
     function S(_) {
       if (typeof _ == "object" && _ !== null) {
@@ -1086,8 +1086,8 @@ function ln() {
               case b:
               case g:
               case r:
-              case i:
               case o:
+              case i:
               case u:
                 return me;
               default:
@@ -1108,7 +1108,7 @@ function ln() {
         }
       }
     }
-    var c = b, E = g, l = d, f = a, M = n, $ = h, I = r, T = D, z = y, X = t, Q = i, K = o, ee = u, se = !1;
+    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;
     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;
     }
@@ -1140,37 +1140,37 @@ function ln() {
       return S(_) === t;
     }
     function Y(_) {
-      return S(_) === i;
+      return S(_) === o;
     }
     function V(_) {
-      return S(_) === o;
+      return S(_) === i;
     }
     function Z(_) {
       return S(_) === u;
     }
-    q.AsyncMode = c, q.ConcurrentMode = E, q.ContextConsumer = l, q.ContextProvider = f, q.Element = M, q.ForwardRef = $, q.Fragment = I, q.Lazy = T, q.Memo = z, q.Portal = X, q.Profiler = Q, q.StrictMode = K, q.Suspense = ee, q.isAsyncMode = de, q.isConcurrentMode = x, q.isContextConsumer = P, q.isContextProvider = A, q.isElement = k, q.isForwardRef = O, q.isFragment = F, q.isLazy = R, q.isMemo = j, q.isPortal = L, q.isProfiler = Y, q.isStrictMode = V, q.isSuspense = Z, q.isValidElementType = C, q.typeOf = S;
+    q.AsyncMode = l, q.ConcurrentMode = N, q.ContextConsumer = c, q.ContextProvider = f, q.Element = M, q.ForwardRef = $, q.Fragment = I, q.Lazy = E, q.Memo = z, q.Portal = X, q.Profiler = Q, q.StrictMode = K, q.Suspense = ee, q.isAsyncMode = de, q.isConcurrentMode = x, q.isContextConsumer = P, q.isContextProvider = A, q.isElement = k, q.isForwardRef = O, q.isFragment = F, q.isLazy = R, q.isMemo = j, q.isPortal = L, q.isProfiler = Y, q.isStrictMode = V, q.isSuspense = Z, q.isValidElementType = C, q.typeOf = S;
   })()), q;
 }
 var qe;
 function yt() {
-  return qe || (qe = 1, process.env.NODE_ENV === "production" ? ye.exports = sn() : ye.exports = ln()), ye.exports;
+  return qe || (qe = 1, process.env.NODE_ENV === "production" ? ye.exports = sn() : ye.exports = cn()), ye.exports;
 }
-var Ne, Ye;
-function cn() {
-  if (Ye) return Ne;
+var Te, Ye;
+function ln() {
+  if (Ye) return Te;
   Ye = 1;
   var e = Object.getOwnPropertySymbols, n = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
-  function r(i) {
-    if (i == null)
+  function r(o) {
+    if (o == null)
       throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(i);
+    return Object(o);
   }
-  function o() {
+  function i() {
     try {
       if (!Object.assign)
         return !1;
-      var i = new String("abc");
-      if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
+      var o = new String("abc");
+      if (o[5] = "de", Object.getOwnPropertyNames(o)[0] === "5")
         return !1;
       for (var a = {}, d = 0; d < 10; d++)
         a["_" + String.fromCharCode(d)] = d;
@@ -1187,8 +1187,8 @@ function cn() {
       return !1;
     }
   }
-  return Ne = o() ? Object.assign : function(i, a) {
-    for (var d, b = r(i), g, h = 1; h < arguments.length; h++) {
+  return Te = i() ? Object.assign : function(o, a) {
+    for (var d, b = r(o), g, h = 1; h < arguments.length; h++) {
       d = Object(arguments[h]);
       for (var u in d)
         n.call(d, u) && (b[u] = d[u]);
@@ -1199,18 +1199,18 @@ function cn() {
       }
     }
     return b;
-  }, Ne;
+  }, Te;
 }
-var Te, ze;
+var Ee, ze;
 function Oe() {
-  if (ze) return Te;
+  if (ze) return Ee;
   ze = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return Te = e, Te;
+  return Ee = e, Ee;
 }
-var Ee, Be;
+var Ne, Be;
 function bt() {
-  return Be || (Be = 1, Ee = Function.call.bind(Object.prototype.hasOwnProperty)), Ee;
+  return Be || (Be = 1, Ne = Function.call.bind(Object.prototype.hasOwnProperty)), Ne;
 }
 var _e, He;
 function dn() {
@@ -1220,8 +1220,8 @@ function dn() {
   };
   if (process.env.NODE_ENV !== "production") {
     var n = /* @__PURE__ */ Oe(), t = {}, r = /* @__PURE__ */ bt();
-    e = function(i) {
-      var a = "Warning: " + i;
+    e = function(o) {
+      var a = "Warning: " + o;
       typeof console < "u" && console.error(a);
       try {
         throw new Error(a);
@@ -1229,19 +1229,19 @@ function dn() {
       }
     };
   }
-  function o(i, a, d, b, g) {
+  function i(o, a, d, b, g) {
     if (process.env.NODE_ENV !== "production") {
-      for (var h in i)
-        if (r(i, h)) {
+      for (var h in o)
+        if (r(o, h)) {
           var u;
           try {
-            if (typeof i[h] != "function") {
+            if (typeof o[h] != "function") {
               var p = Error(
-                (b || "React class") + ": " + d + " type `" + h + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[h] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                (b || "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 p.name = "Invariant Violation", p;
             }
-            u = i[h](a, h, b, d, null, n);
+            u = o[h](a, h, b, d, null, n);
           } catch (D) {
             u = D;
           }
@@ -1257,17 +1257,17 @@ function dn() {
         }
     }
   }
-  return o.resetWarningCache = function() {
+  return i.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (t = {});
-  }, _e = o, _e;
+  }, _e = i, _e;
 }
 var Me, Ke;
 function un() {
   if (Ke) return Me;
   Ke = 1;
-  var e = yt(), n = cn(), t = /* @__PURE__ */ Oe(), r = /* @__PURE__ */ bt(), o = /* @__PURE__ */ dn(), i = function() {
+  var e = yt(), n = ln(), t = /* @__PURE__ */ Oe(), r = /* @__PURE__ */ bt(), i = /* @__PURE__ */ dn(), o = function() {
   };
-  process.env.NODE_ENV !== "production" && (i = function(d) {
+  process.env.NODE_ENV !== "production" && (o = function(d) {
     var b = "Warning: " + d;
     typeof console < "u" && console.error(b);
     try {
@@ -1294,16 +1294,16 @@ function un() {
       object: w("object"),
       string: w("string"),
       symbol: w("symbol"),
-      any: N(),
+      any: T(),
       arrayOf: C,
       element: S(),
-      elementType: c(),
-      instanceOf: E,
+      elementType: l(),
+      instanceOf: N,
       node: $(),
       objectOf: f,
-      oneOf: l,
+      oneOf: c,
       oneOfType: M,
-      shape: T,
+      shape: E,
       exact: z
     };
     function D(x, P) {
@@ -1326,7 +1326,7 @@ function un() {
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var te = L + ":" + j;
             !P[te] && // Avoid spamming the console because they are often not actionable except for lib authors
-            A < 3 && (i(
+            A < 3 && (o(
               "You are manually calling a React.PropTypes validation function for the `" + V + "` prop on `" + L + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
             ), P[te] = !0, A++);
           }
@@ -1350,7 +1350,7 @@ function un() {
       }
       return v(P);
     }
-    function N() {
+    function T() {
       return v(a);
     }
     function C(x) {
@@ -1382,7 +1382,7 @@ function un() {
       }
       return v(x);
     }
-    function c() {
+    function l() {
       function x(P, A, k, O, F) {
         var R = P[A];
         if (!e.isValidElementType(R)) {
@@ -1393,7 +1393,7 @@ function un() {
       }
       return v(x);
     }
-    function E(x) {
+    function N(x) {
       function P(A, k, O, F, R) {
         if (!(A[k] instanceof x)) {
           var j = x.name || p, L = de(A[k]);
@@ -1403,11 +1403,11 @@ function un() {
       }
       return v(P);
     }
-    function l(x) {
+    function c(x) {
       if (!Array.isArray(x))
-        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
+        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])."
-        ) : i("Invalid argument supplied to oneOf, expected an array.")), a;
+        ) : o("Invalid argument supplied to oneOf, expected an array.")), a;
       function P(A, k, O, F, R) {
         for (var j = A[k], L = 0; L < x.length; L++)
           if (D(j, x[L]))
@@ -1439,11 +1439,11 @@ function un() {
     }
     function M(x) {
       if (!Array.isArray(x))
-        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), a;
+        return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), a;
       for (var P = 0; P < x.length; P++) {
         var A = x[P];
         if (typeof A != "function")
-          return i(
+          return o(
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + se(A) + " at index " + P + "."
           ), a;
       }
@@ -1470,7 +1470,7 @@ function un() {
         (x || "React class") + ": " + P + " type `" + A + "." + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + O + "`."
       );
     }
-    function T(x) {
+    function E(x) {
       function P(A, k, O, F, R) {
         var j = A[k], L = K(j);
         if (L !== "object")
@@ -1579,7 +1579,7 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
     function de(x) {
       return !x.constructor || !x.constructor.name ? p : x.constructor.name;
     }
-    return y.checkPropTypes = o, y.resetWarningCache = o.resetWarningCache, y.PropTypes = y, y;
+    return y.checkPropTypes = i, y.resetWarningCache = i.resetWarningCache, y.PropTypes = y, y;
   }, Me;
 }
 var Pe, Xe;
@@ -1601,10 +1601,10 @@ function fn() {
       }
     }
     r.isRequired = r;
-    function o() {
+    function i() {
       return r;
     }
-    var i = {
+    var o = {
       array: r,
       bigint: r,
       bool: r,
@@ -1614,20 +1614,20 @@ function fn() {
       string: r,
       symbol: r,
       any: r,
-      arrayOf: o,
+      arrayOf: i,
       element: r,
       elementType: r,
-      instanceOf: o,
+      instanceOf: i,
       node: r,
-      objectOf: o,
-      oneOf: o,
-      oneOfType: o,
-      shape: o,
-      exact: o,
+      objectOf: i,
+      oneOf: i,
+      oneOfType: i,
+      shape: i,
+      exact: i,
       checkPropTypes: t,
       resetWarningCache: n
     };
-    return i.PropTypes = i, i;
+    return o.PropTypes = o, o;
   }, Pe;
 }
 var Ge;
@@ -1645,213 +1645,213 @@ function hn() {
   if (Ze) return be.exports;
   Ze = 1;
   function e(t) {
-    var r, o, i = "";
-    if (typeof t == "string" || typeof t == "number") i += t;
+    var r, i, o = "";
+    if (typeof t == "string" || typeof t == "number") o += t;
     else if (typeof t == "object") if (Array.isArray(t)) {
       var a = t.length;
-      for (r = 0; r < a; r++) t[r] && (o = e(t[r])) && (i && (i += " "), i += o);
-    } else for (o in t) t[o] && (i && (i += " "), i += o);
-    return i;
+      for (r = 0; r < a; r++) t[r] && (i = e(t[r])) && (o && (o += " "), o += i);
+    } else for (i in t) t[i] && (o && (o += " "), o += i);
+    return o;
   }
   function n() {
-    for (var t, r, o = 0, i = "", a = arguments.length; o < a; o++) (t = arguments[o]) && (r = e(t)) && (i && (i += " "), i += r);
-    return i;
+    for (var t, r, i = 0, o = "", a = arguments.length; i < a; i++) (t = arguments[i]) && (r = e(t)) && (o && (o += " "), o += r);
+    return o;
   }
   return be.exports = n, be.exports.clsx = n, be.exports;
 }
-var B = {}, ie = {}, Je;
+var B = {}, oe = {}, Je;
 function we() {
-  if (Je) return ie;
-  Je = 1, Object.defineProperty(ie, "__esModule", {
+  if (Je) return oe;
+  Je = 1, Object.defineProperty(oe, "__esModule", {
     value: !0
-  }), ie.dontSetMe = o, ie.findInArray = e, ie.int = r, ie.isFunction = n, ie.isNum = t;
-  function e(i, a) {
-    for (let d = 0, b = i.length; d < b; d++)
-      if (a.apply(a, [i[d], d, i])) return i[d];
+  }), oe.dontSetMe = i, oe.findInArray = e, oe.int = r, oe.isFunction = n, oe.isNum = t;
+  function e(o, a) {
+    for (let d = 0, b = o.length; d < b; d++)
+      if (a.apply(a, [o[d], d, o])) return o[d];
   }
-  function n(i) {
-    return typeof i == "function" || Object.prototype.toString.call(i) === "[object Function]";
+  function n(o) {
+    return typeof o == "function" || Object.prototype.toString.call(o) === "[object Function]";
   }
-  function t(i) {
-    return typeof i == "number" && !isNaN(i);
+  function t(o) {
+    return typeof o == "number" && !isNaN(o);
   }
-  function r(i) {
-    return parseInt(i, 10);
+  function r(o) {
+    return parseInt(o, 10);
   }
-  function o(i, a, d) {
-    if (i[a])
+  function i(o, a, d) {
+    if (o[a])
       return new Error(`Invalid prop ${a} passed to ${d} - do not set this, set it on the child.`);
   }
-  return ie;
+  return oe;
 }
-var oe = {}, Qe;
+var ie = {}, Qe;
 function gn() {
-  if (Qe) return oe;
-  Qe = 1, Object.defineProperty(oe, "__esModule", {
+  if (Qe) return ie;
+  Qe = 1, Object.defineProperty(ie, "__esModule", {
     value: !0
-  }), oe.browserPrefixToKey = t, oe.browserPrefixToStyle = r, oe.default = void 0, oe.getPrefix = n;
+  }), ie.browserPrefixToKey = t, ie.browserPrefixToStyle = r, ie.default = void 0, ie.getPrefix = n;
   const e = ["Moz", "Webkit", "O", "ms"];
   function n() {
-    let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
+    let o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
     if (typeof window > "u") return "";
     const a = window.document?.documentElement?.style;
-    if (!a || i in a) return "";
+    if (!a || o in a) return "";
     for (let d = 0; d < e.length; d++)
-      if (t(i, e[d]) in a) return e[d];
+      if (t(o, e[d]) in a) return e[d];
     return "";
   }
-  function t(i, a) {
-    return a ? `${a}${o(i)}` : i;
+  function t(o, a) {
+    return a ? `${a}${i(o)}` : o;
   }
-  function r(i, a) {
-    return a ? `-${a.toLowerCase()}-${i}` : i;
+  function r(o, a) {
+    return a ? `-${a.toLowerCase()}-${o}` : o;
   }
-  function o(i) {
+  function i(o) {
     let a = "", d = !0;
-    for (let b = 0; b < i.length; b++)
-      d ? (a += i[b].toUpperCase(), d = !1) : i[b] === "-" ? d = !0 : a += i[b];
+    for (let b = 0; b < o.length; b++)
+      d ? (a += o[b].toUpperCase(), d = !1) : o[b] === "-" ? d = !0 : a += o[b];
     return a;
   }
-  return oe.default = n(), oe;
+  return ie.default = n(), ie;
 }
 var et;
 function Re() {
   if (et) return B;
   et = 1, Object.defineProperty(B, "__esModule", {
     value: !0
-  }), B.addClassName = c, B.addEvent = a, B.addUserSelectStyles = N, B.createCSSTransform = y, B.createSVGTransform = D, B.getTouch = v, B.getTouchIdentifier = w, B.getTranslation = m, B.innerHeight = h, B.innerWidth = u, B.matchesSelector = o, B.matchesSelectorAndParentsTo = i, B.offsetXYFromParent = p, B.outerHeight = b, B.outerWidth = g, B.removeClassName = E, 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 = 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;
   var e = we(), n = t(gn());
-  function t(l, f) {
+  function t(c, f) {
     if (typeof WeakMap == "function") var M = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakMap();
-    return (t = function(I, T) {
-      if (!T && I && I.__esModule) return I;
+    return (t = function(I, E) {
+      if (!E && I && I.__esModule) return I;
       var z, X, Q = { __proto__: null, default: I };
       if (I === null || typeof I != "object" && typeof I != "function") return Q;
-      if (z = T ? $ : M) {
+      if (z = E ? $ : M) {
         if (z.has(I)) return z.get(I);
         z.set(I, Q);
       }
       for (const K in I) K !== "default" && {}.hasOwnProperty.call(I, K) && ((X = (z = Object.defineProperty) && Object.getOwnPropertyDescriptor(I, K)) && (X.get || X.set) ? z(Q, K, X) : Q[K] = I[K]);
       return Q;
-    })(l, f);
+    })(c, f);
   }
   let r = "";
-  function o(l, f) {
+  function i(c, f) {
     return r || (r = (0, e.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(M) {
-      return (0, e.isFunction)(l[M]);
-    })), (0, e.isFunction)(l[r]) ? l[r](f) : !1;
+      return (0, e.isFunction)(c[M]);
+    })), (0, e.isFunction)(c[r]) ? c[r](f) : !1;
   }
-  function i(l, f, M) {
-    let $ = l;
+  function o(c, f, M) {
+    let $ = c;
     do {
-      if (o($, f)) return !0;
+      if (i($, f)) return !0;
       if ($ === M) return !1;
       $ = $.parentNode;
     } while ($);
     return !1;
   }
-  function a(l, f, M, $) {
-    if (!l) return;
+  function a(c, f, M, $) {
+    if (!c) return;
     const I = {
       capture: !0,
       ...$
     };
-    l.addEventListener ? l.addEventListener(f, M, I) : l.attachEvent ? l.attachEvent("on" + f, M) : l["on" + f] = M;
+    c.addEventListener ? c.addEventListener(f, M, I) : c.attachEvent ? c.attachEvent("on" + f, M) : c["on" + f] = M;
   }
-  function d(l, f, M, $) {
-    if (!l) return;
+  function d(c, f, M, $) {
+    if (!c) return;
     const I = {
       capture: !0,
       ...$
     };
-    l.removeEventListener ? l.removeEventListener(f, M, I) : l.detachEvent ? l.detachEvent("on" + f, M) : l["on" + f] = null;
+    c.removeEventListener ? c.removeEventListener(f, M, I) : c.detachEvent ? c.detachEvent("on" + f, M) : c["on" + f] = null;
   }
-  function b(l) {
-    let f = l.clientHeight;
-    const M = l.ownerDocument.defaultView.getComputedStyle(l);
+  function b(c) {
+    let f = c.clientHeight;
+    const M = c.ownerDocument.defaultView.getComputedStyle(c);
     return f += (0, e.int)(M.borderTopWidth), f += (0, e.int)(M.borderBottomWidth), f;
   }
-  function g(l) {
-    let f = l.clientWidth;
-    const M = l.ownerDocument.defaultView.getComputedStyle(l);
+  function g(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;
   }
-  function h(l) {
-    let f = l.clientHeight;
-    const M = l.ownerDocument.defaultView.getComputedStyle(l);
+  function h(c) {
+    let f = c.clientHeight;
+    const M = c.ownerDocument.defaultView.getComputedStyle(c);
     return f -= (0, e.int)(M.paddingTop), f -= (0, e.int)(M.paddingBottom), f;
   }
-  function u(l) {
-    let f = l.clientWidth;
-    const M = l.ownerDocument.defaultView.getComputedStyle(l);
+  function u(c) {
+    let f = c.clientWidth;
+    const M = c.ownerDocument.defaultView.getComputedStyle(c);
     return f -= (0, e.int)(M.paddingLeft), f -= (0, e.int)(M.paddingRight), f;
   }
-  function p(l, f, M) {
+  function p(c, f, M) {
     const I = f === f.ownerDocument.body ? {
       left: 0,
       top: 0
-    } : f.getBoundingClientRect(), T = (l.clientX + f.scrollLeft - I.left) / M, z = (l.clientY + f.scrollTop - I.top) / M;
+    } : f.getBoundingClientRect(), E = (c.clientX + f.scrollLeft - I.left) / M, z = (c.clientY + f.scrollTop - I.top) / M;
     return {
-      x: T,
+      x: E,
       y: z
     };
   }
-  function y(l, f) {
-    const M = m(l, f, "px");
+  function y(c, f) {
+    const M = m(c, f, "px");
     return {
       [(0, n.browserPrefixToKey)("transform", n.default)]: M
     };
   }
-  function D(l, f) {
-    return m(l, f, "");
+  function D(c, f) {
+    return m(c, f, "");
   }
-  function m(l, f, M) {
+  function m(c, f, M) {
     let {
       x: $,
       y: I
-    } = l, T = `translate(${$}${M},${I}${M})`;
+    } = c, E = `translate(${$}${M},${I}${M})`;
     if (f) {
       const z = `${typeof f.x == "string" ? f.x : f.x + M}`, X = `${typeof f.y == "string" ? f.y : f.y + M}`;
-      T = `translate(${z}, ${X})` + T;
+      E = `translate(${z}, ${X})` + E;
     }
-    return T;
+    return E;
   }
-  function v(l, f) {
-    return l.targetTouches && (0, e.findInArray)(l.targetTouches, (M) => f === M.identifier) || l.changedTouches && (0, e.findInArray)(l.changedTouches, (M) => f === M.identifier);
+  function v(c, f) {
+    return c.targetTouches && (0, e.findInArray)(c.targetTouches, (M) => f === M.identifier) || c.changedTouches && (0, e.findInArray)(c.changedTouches, (M) => f === M.identifier);
   }
-  function w(l) {
-    if (l.targetTouches && l.targetTouches[0]) return l.targetTouches[0].identifier;
-    if (l.changedTouches && l.changedTouches[0]) return l.changedTouches[0].identifier;
+  function w(c) {
+    if (c.targetTouches && c.targetTouches[0]) return c.targetTouches[0].identifier;
+    if (c.changedTouches && c.changedTouches[0]) return c.changedTouches[0].identifier;
   }
-  function N(l) {
-    if (!l) return;
-    let f = l.getElementById("react-draggable-style-el");
-    f || (f = l.createElement("style"), f.type = "text/css", f.id = "react-draggable-style-el", f.innerHTML = `.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
+  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;}
 `, f.innerHTML += `.react-draggable-transparent-selection *::selection {all: inherit;}
-`, l.getElementsByTagName("head")[0].appendChild(f)), l.body && c(l.body, "react-draggable-transparent-selection");
+`, c.getElementsByTagName("head")[0].appendChild(f)), c.body && l(c.body, "react-draggable-transparent-selection");
   }
-  function C(l) {
+  function C(c) {
     window.requestAnimationFrame ? window.requestAnimationFrame(() => {
-      S(l);
-    }) : S(l);
+      S(c);
+    }) : S(c);
   }
-  function S(l) {
-    if (l)
+  function S(c) {
+    if (c)
       try {
-        if (l.body && E(l.body, "react-draggable-transparent-selection"), l.selection)
-          l.selection.empty();
+        if (c.body && N(c.body, "react-draggable-transparent-selection"), c.selection)
+          c.selection.empty();
         else {
-          const f = (l.defaultView || window).getSelection();
+          const f = (c.defaultView || window).getSelection();
           f && f.type !== "Caret" && f.removeAllRanges();
         }
       } catch {
       }
   }
-  function c(l, f) {
-    l.classList ? l.classList.add(f) : l.className.match(new RegExp(`(?:^|\\s)${f}(?!\\S)`)) || (l.className += ` ${f}`);
+  function l(c, f) {
+    c.classList ? c.classList.add(f) : c.className.match(new RegExp(`(?:^|\\s)${f}(?!\\S)`)) || (c.className += ` ${f}`);
   }
-  function E(l, f) {
-    l.classList ? l.classList.remove(f) : l.className = l.className.replace(new RegExp(`(?:^|\\s)${f}(?!\\S)`, "g"), "");
+  function N(c, f) {
+    c.classList ? c.classList.remove(f) : c.className = c.className.replace(new RegExp(`(?:^|\\s)${f}(?!\\S)`, "g"), "");
   }
   return B;
 }
@@ -1860,7 +1860,7 @@ function xt() {
   if (tt) return ne;
   tt = 1, Object.defineProperty(ne, "__esModule", {
     value: !0
-  }), ne.canDragX = o, ne.canDragY = i, ne.createCoreData = d, ne.createDraggableData = b, ne.getBoundPosition = t, ne.getControlPosition = a, ne.snapToGrid = r;
+  }), ne.canDragX = i, ne.canDragY = o, ne.createCoreData = d, ne.createDraggableData = b, ne.getBoundPosition = t, ne.getControlPosition = a, ne.snapToGrid = r;
   var e = we(), n = Re();
   function t(u, p, y) {
     if (!u.props.bounds) return [p, y];
@@ -1873,15 +1873,15 @@ function xt() {
       const {
         ownerDocument: v
       } = m, w = v.defaultView;
-      let N;
-      if (D === "parent" ? N = m.parentNode : N = m.getRootNode().querySelector(D), !(N instanceof w.HTMLElement))
+      let T;
+      if (D === "parent" ? T = m.parentNode : T = m.getRootNode().querySelector(D), !(T instanceof w.HTMLElement))
         throw new Error('Bounds selector "' + D + '" could not find an element.');
-      const C = N, S = w.getComputedStyle(m), c = w.getComputedStyle(C);
+      const C = T, S = w.getComputedStyle(m), l = w.getComputedStyle(C);
       D = {
-        left: -m.offsetLeft + (0, e.int)(c.paddingLeft) + (0, e.int)(S.marginLeft),
-        top: -m.offsetTop + (0, e.int)(c.paddingTop) + (0, e.int)(S.marginTop),
-        right: (0, n.innerWidth)(C) - (0, n.outerWidth)(m) - m.offsetLeft + (0, e.int)(c.paddingRight) - (0, e.int)(S.marginRight),
-        bottom: (0, n.innerHeight)(C) - (0, n.outerHeight)(m) - m.offsetTop + (0, e.int)(c.paddingBottom) - (0, e.int)(S.marginBottom)
+        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)
       };
     }
     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];
@@ -1890,10 +1890,10 @@ function xt() {
     const D = Math.round(p / u[0]) * u[0], m = Math.round(y / u[1]) * u[1];
     return [D, m];
   }
-  function o(u) {
+  function i(u) {
     return u.props.axis === "both" || u.props.axis === "x";
   }
-  function i(u) {
+  function o(u) {
     return u.props.axis === "both" || u.props.axis === "y";
   }
   function a(u, p, y) {
@@ -1966,22 +1966,22 @@ function mn() {
   rt = 1, Object.defineProperty(he, "__esModule", {
     value: !0
   }), he.default = void 0;
-  var e = b(ae), n = d(/* @__PURE__ */ vt()), t = d(lt), r = Re(), o = xt(), i = we(), a = d(wt());
+  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 b(m, v) {
-    if (typeof WeakMap == "function") var w = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap();
+    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;
-      var c, E, l = { __proto__: null, default: C };
-      if (C === null || typeof C != "object" && typeof C != "function") return l;
-      if (c = S ? N : w) {
-        if (c.has(C)) return c.get(C);
-        c.set(C, l);
+      var l, N, c = { __proto__: null, default: C };
+      if (C === null || typeof C != "object" && typeof C != "function") return c;
+      if (l = S ? T : w) {
+        if (l.has(C)) return l.get(C);
+        l.set(C, c);
       }
-      for (const f in C) f !== "default" && {}.hasOwnProperty.call(C, f) && ((E = (c = Object.defineProperty) && Object.getOwnPropertyDescriptor(C, f)) && (E.get || E.set) ? c(l, f, E) : l[f] = C[f]);
-      return l;
+      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);
   }
   function g(m, v, w) {
@@ -1995,8 +1995,8 @@ function mn() {
     if (typeof m != "object" || !m) return m;
     var w = m[Symbol.toPrimitive];
     if (w !== void 0) {
-      var N = w.call(m, v);
-      if (typeof N != "object") return N;
+      var T = w.call(m, v);
+      if (typeof T != "object") return T;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
     return (v === "string" ? String : Number)(m);
@@ -2021,59 +2021,59 @@ function mn() {
         if (!w || !w.ownerDocument || !w.ownerDocument.body)
           throw new Error("<DraggableCore> not mounted on DragStart!");
         const {
-          ownerDocument: N
+          ownerDocument: T
         } = w;
-        if (this.props.disabled || !(v.target instanceof N.defaultView.Node) || this.props.handle && !(0, r.matchesSelectorAndParentsTo)(v.target, this.props.handle, w) || this.props.cancel && (0, r.matchesSelectorAndParentsTo)(v.target, this.props.cancel, w))
+        if (this.props.disabled || !(v.target instanceof T.defaultView.Node) || this.props.handle && !(0, r.matchesSelectorAndParentsTo)(v.target, this.props.handle, w) || this.props.cancel && (0, r.matchesSelectorAndParentsTo)(v.target, this.props.cancel, w))
           return;
         v.type === "touchstart" && !this.props.allowMobileScroll && v.preventDefault();
         const C = (0, r.getTouchIdentifier)(v);
         this.touchIdentifier = C;
-        const S = (0, o.getControlPosition)(v, C, this);
+        const S = (0, i.getControlPosition)(v, C, this);
         if (S == null) return;
         const {
-          x: c,
-          y: E
-        } = S, l = (0, o.createCoreData)(this, c, E);
-        (0, a.default)("DraggableCore: handleDragStart: %j", l), (0, a.default)("calling", this.props.onStart), !(this.props.onStart(v, l) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, r.addUserSelectStyles)(N), this.dragging = !0, this.lastX = c, this.lastY = E, (0, r.addEvent)(N, y.move, this.handleDrag), (0, r.addEvent)(N, y.stop, this.handleDragStop));
+          x: l,
+          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) => {
-        const w = (0, o.getControlPosition)(v, this.touchIdentifier, this);
+        const w = (0, i.getControlPosition)(v, this.touchIdentifier, this);
         if (w == null) return;
         let {
-          x: N,
+          x: T,
           y: C
         } = w;
         if (Array.isArray(this.props.grid)) {
-          let E = N - this.lastX, l = C - this.lastY;
-          if ([E, l] = (0, o.snapToGrid)(this.props.grid, E, l), !E && !l) return;
-          N = this.lastX + E, C = this.lastY + l;
+          let N = T - this.lastX, c = C - this.lastY;
+          if ([N, c] = (0, i.snapToGrid)(this.props.grid, N, c), !N && !c) return;
+          T = this.lastX + N, C = this.lastY + c;
         }
-        const S = (0, o.createCoreData)(this, N, C);
+        const S = (0, i.createCoreData)(this, T, C);
         if ((0, a.default)("DraggableCore: handleDrag: %j", S), this.props.onDrag(v, S) === !1 || this.mounted === !1) {
           try {
             this.handleDragStop(new MouseEvent("mouseup"));
           } catch {
-            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);
+            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);
           }
           return;
         }
-        this.lastX = N, this.lastY = C;
+        this.lastX = T, this.lastY = C;
       }), g(this, "handleDragStop", (v) => {
         if (!this.dragging) return;
-        const w = (0, o.getControlPosition)(v, this.touchIdentifier, this);
+        const w = (0, i.getControlPosition)(v, this.touchIdentifier, this);
         if (w == null) return;
         let {
-          x: N,
+          x: T,
           y: C
         } = w;
         if (Array.isArray(this.props.grid)) {
-          let l = N - this.lastX || 0, f = C - this.lastY || 0;
-          [l, f] = (0, o.snapToGrid)(this.props.grid, l, f), N = this.lastX + l, C = this.lastY + f;
+          let c = T - this.lastX || 0, f = C - this.lastY || 0;
+          [c, f] = (0, i.snapToGrid)(this.props.grid, c, f), T = this.lastX + c, C = this.lastY + f;
         }
-        const S = (0, o.createCoreData)(this, N, C);
+        const S = (0, i.createCoreData)(this, T, C);
         if (this.props.onStop(v, S) === !1 || this.mounted === !1) return !1;
-        const E = this.findDOMNode();
-        E && this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(E.ownerDocument), (0, a.default)("DraggableCore: handleDragStop: %j", S), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, E && ((0, a.default)("DraggableCore: Removing handlers"), (0, r.removeEvent)(E.ownerDocument, y.move, this.handleDrag), (0, r.removeEvent)(E.ownerDocument, y.stop, this.handleDragStop));
+        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)));
     }
     componentDidMount() {
@@ -2240,9 +2240,9 @@ function mn() {
     /**
      * These properties should be defined on the child, not here.
      */
-    className: i.dontSetMe,
-    style: i.dontSetMe,
-    transform: i.dontSetMe
+    className: o.dontSetMe,
+    style: o.dontSetMe,
+    transform: o.dontSetMe
   }), g(D, "defaultProps", {
     allowAnyClick: !1,
     // by default only accept left click
@@ -2260,9 +2260,9 @@ function mn() {
     scale: 1
   }), he;
 }
-var it;
+var ot;
 function pn() {
-  return it || (it = 1, (function(e) {
+  return ot || (ot = 1, (function(e) {
     Object.defineProperty(e, "__esModule", {
       value: !0
     }), Object.defineProperty(e, "DraggableCore", {
@@ -2271,62 +2271,62 @@ function pn() {
         return b.default;
       }
     }), e.default = void 0;
-    var n = u(ae), t = h(/* @__PURE__ */ vt()), r = h(lt), o = hn(), i = 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()), g = h(wt());
     function h(w) {
       return w && w.__esModule ? w : { default: w };
     }
-    function u(w, N) {
+    function u(w, T) {
       if (typeof WeakMap == "function") var C = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new WeakMap();
-      return (u = function(c, E) {
-        if (!E && c && c.__esModule) return c;
-        var l, f, M = { __proto__: null, default: c };
-        if (c === null || typeof c != "object" && typeof c != "function") return M;
-        if (l = E ? S : C) {
-          if (l.has(c)) return l.get(c);
-          l.set(c, M);
+      return (u = function(l, N) {
+        if (!N && l && l.__esModule) return l;
+        var c, f, M = { __proto__: null, default: l };
+        if (l === null || typeof l != "object" && typeof l != "function") return M;
+        if (c = N ? S : C) {
+          if (c.has(l)) return c.get(l);
+          c.set(l, M);
         }
-        for (const $ in c) $ !== "default" && {}.hasOwnProperty.call(c, $) && ((f = (l = Object.defineProperty) && Object.getOwnPropertyDescriptor(c, $)) && (f.get || f.set) ? l(M, $, f) : M[$] = c[$]);
+        for (const $ in l) $ !== "default" && {}.hasOwnProperty.call(l, $) && ((f = (c = Object.defineProperty) && Object.getOwnPropertyDescriptor(l, $)) && (f.get || f.set) ? c(M, $, f) : M[$] = l[$]);
         return M;
-      })(w, N);
+      })(w, T);
     }
     function p() {
       return p = Object.assign ? Object.assign.bind() : function(w) {
-        for (var N = 1; N < arguments.length; N++) {
-          var C = arguments[N];
+        for (var T = 1; T < arguments.length; T++) {
+          var C = arguments[T];
           for (var S in C) ({}).hasOwnProperty.call(C, S) && (w[S] = C[S]);
         }
         return w;
       }, p.apply(null, arguments);
     }
-    function y(w, N, C) {
-      return (N = D(N)) in w ? Object.defineProperty(w, N, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : w[N] = C, w;
+    function y(w, T, C) {
+      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 N = m(w, "string");
-      return typeof N == "symbol" ? N : N + "";
+      var T = m(w, "string");
+      return typeof T == "symbol" ? T : T + "";
     }
-    function m(w, N) {
+    function m(w, T) {
       if (typeof w != "object" || !w) return w;
       var C = w[Symbol.toPrimitive];
       if (C !== void 0) {
-        var S = C.call(w, N);
+        var S = C.call(w, T);
         if (typeof S != "object") return S;
         throw new TypeError("@@toPrimitive must return a primitive value.");
       }
-      return (N === "string" ? String : Number)(w);
+      return (T === "string" ? String : Number)(w);
     }
     class v extends n.Component {
       // React 16.3+
       // Arity (props, state)
-      static getDerivedStateFromProps(N, C) {
+      static getDerivedStateFromProps(T, C) {
         let {
           position: S
-        } = N, {
-          prevPropsPosition: c
+        } = T, {
+          prevPropsPosition: l
         } = C;
-        return S && (!c || S.x !== c.x || S.y !== c.y) ? ((0, g.default)("Draggable: getDerivedStateFromProps %j", {
+        return S && (!l || S.x !== l.x || S.y !== l.y) ? ((0, g.default)("Draggable: getDerivedStateFromProps %j", {
           position: S,
-          prevPropsPosition: c
+          prevPropsPosition: l
         }), {
           x: S.x,
           y: S.y,
@@ -2335,8 +2335,8 @@ function pn() {
           }
         }) : null;
       }
-      constructor(N) {
-        super(N), y(this, "onDragStart", (C, S) => {
+      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;
           this.setState({
             dragging: !0,
@@ -2345,9 +2345,9 @@ function pn() {
         }), y(this, "onDrag", (C, S) => {
           if (!this.state.dragging) return !1;
           (0, g.default)("Draggable: onDrag: %j", S);
-          const c = (0, a.createDraggableData)(this, S), E = {
-            x: c.x,
-            y: c.y,
+          const l = (0, a.createDraggableData)(this, S), N = {
+            x: l.x,
+            y: l.y,
             slackX: 0,
             slackY: 0
           };
@@ -2355,17 +2355,17 @@ function pn() {
             const {
               x: f,
               y: M
-            } = E;
-            E.x += this.state.slackX, E.y += this.state.slackY;
-            const [$, I] = (0, a.getBoundPosition)(this, E.x, E.y);
-            E.x = $, E.y = I, E.slackX = this.state.slackX + (f - E.x), E.slackY = this.state.slackY + (M - E.y), c.x = E.x, c.y = E.y, c.deltaX = E.x - this.state.x, c.deltaY = E.y - this.state.y;
+            } = N;
+            N.x += this.state.slackX, N.y += this.state.slackY;
+            const [$, I] = (0, a.getBoundPosition)(this, N.x, N.y);
+            N.x = $, N.y = I, N.slackX = this.state.slackX + (f - N.x), N.slackY = this.state.slackY + (M - N.y), l.x = N.x, l.y = N.y, l.deltaX = N.x - this.state.x, l.deltaY = N.y - this.state.y;
           }
-          if (this.props.onDrag(C, c) === !1) return !1;
-          this.setState(E);
+          if (this.props.onDrag(C, l) === !1) return !1;
+          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);
-          const E = {
+          const N = {
             dragging: !1,
             slackX: 0,
             slackY: 0
@@ -2375,26 +2375,26 @@ function pn() {
               x: f,
               y: M
             } = this.props.position;
-            E.x = f, E.y = M;
+            N.x = f, N.y = M;
           }
-          this.setState(E);
+          this.setState(N);
         }), this.state = {
           // Whether or not we are currently dragging.
           dragging: !1,
           // Whether or not we have been dragged before.
           dragged: !1,
           // Current transform x and y.
-          x: N.position ? N.position.x : N.defaultPosition.x,
-          y: N.position ? N.position.y : N.defaultPosition.y,
+          x: T.position ? T.position.x : T.defaultPosition.x,
+          y: T.position ? T.position.y : T.defaultPosition.y,
           prevPropsPosition: {
-            ...N.position
+            ...T.position
           },
           // Used for compensating for out-of-bounds drags
           slackX: 0,
           slackY: 0,
           // Can only determine if SVG after mounting
           isElementSVG: !1
-        }, N.position && !(N.onDrag || N.onStop) && console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.");
+        }, T.position && !(T.onDrag || T.onStop) && console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.");
       }
       componentDidMount() {
         typeof window.SVGElement < "u" && this.findDOMNode() instanceof window.SVGElement && this.setState({
@@ -2413,31 +2413,31 @@ function pn() {
       }
       render() {
         const {
-          axis: N,
+          axis: T,
           bounds: C,
           children: S,
-          defaultPosition: c,
-          defaultClassName: E,
-          defaultClassNameDragging: l,
+          defaultPosition: l,
+          defaultClassName: N,
+          defaultClassNameDragging: c,
           defaultClassNameDragged: f,
           position: M,
           positionOffset: $,
           scale: I,
-          ...T
+          ...E
         } = this.props;
         let z = {}, X = null;
-        const K = !!!M || this.state.dragging, ee = M || c, se = {
+        const K = !!!M || this.state.dragging, ee = M || l, se = {
           // Set left if horizontal drag is enabled
           x: (0, a.canDragX)(this) && K ? this.state.x : ee.x,
           // Set top if vertical drag is enabled
           y: (0, a.canDragY)(this) && K ? this.state.y : ee.y
         };
-        this.state.isElementSVG ? X = (0, i.createSVGTransform)(se, $) : z = (0, i.createCSSTransform)(se, $);
-        const de = (0, o.clsx)(S.props.className || "", E, {
-          [l]: this.state.dragging,
+        this.state.isElementSVG ? X = (0, o.createSVGTransform)(se, $) : z = (0, o.createCSSTransform)(se, $);
+        const de = (0, i.clsx)(S.props.className || "", N, {
+          [c]: this.state.dragging,
           [f]: this.state.dragged
         });
-        return /* @__PURE__ */ n.createElement(b.default, p({}, T, {
+        return /* @__PURE__ */ n.createElement(b.default, p({}, E, {
           onStart: this.onDragStart,
           onDrag: this.onDrag,
           onStop: this.onDragStop
@@ -2573,10 +2573,10 @@ function pn() {
     });
   })(De)), De;
 }
-var ot;
+var it;
 function yn() {
-  if (ot) return fe.exports;
-  ot = 1;
+  if (it) return fe.exports;
+  it = 1;
   const {
     default: e,
     DraggableCore: n
@@ -2584,7 +2584,7 @@ function yn() {
   return fe.exports = e, fe.exports.default = e, fe.exports.DraggableCore = n, fe.exports;
 }
 var bn = yn();
-const vn = /* @__PURE__ */ an(bn), xn = ce((e, n) => {
+const vn = /* @__PURE__ */ an(bn), xn = le((e, n) => {
   const r = {
     ...{
       // 1. Take it out of the document flow
@@ -2602,14 +2602,14 @@ const vn = /* @__PURE__ */ an(bn), xn = ce((e, n) => {
       boxShadow: "rgba(0, 0, 0, 0.5) 7px 7px 10px 0px"
     },
     ...e.style || {}
-  }, o = e.testId || "not-set", i = e.className || "panel", a = Ct(null);
+  }, i = e.testId || "not-set", o = e.className || "panel", a = Ct(null);
   return (
     // 3. Pass the internal ref to the Draggable component via 'nodeRef'
     /* @__PURE__ */ s(
       vn,
       {
         nodeRef: a,
-        "data-testid": o,
+        "data-testid": i,
         axis: "both",
         handle: ".handle",
         onStart: (g, h) => {
@@ -2620,7 +2620,7 @@ const vn = /* @__PURE__ */ an(bn), xn = ce((e, n) => {
             e.onDraggingChange?.(!1);
           }, 100);
         },
-        children: /* @__PURE__ */ s("div", { ref: a, className: i, style: r, children: e.children })
+        children: /* @__PURE__ */ s("div", { ref: a, className: o, style: r, children: e.children })
       }
     )
   );
@@ -2650,23 +2650,23 @@ function nr({ children: e, addCssClasses: n }) {
 }
 const rr = (e) => {
   console.warn("showToast TODO", e);
-}, wn = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, ir = ce((e, n) => {
-  let t = ct(Number(e.zoomScale || 0));
-  const r = e.responsiveGrid || !1, o = e.isEditing || !1, i = {
+}, wn = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, or = 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)
   }, a = G(
     "dashboard-main-grid w-full",
-    o ? "editing" : "",
+    i ? "editing" : "",
     r ? "responsive-grid" : "",
-    `border border-dashed ${o ? "border-primary border-opacity-50" : "border-transparent"}`
+    `border border-dashed ${i ? "border-primary border-opacity-50" : "border-transparent"}`
   );
-  return /* @__PURE__ */ s("div", { className: a, style: i, children: e.children });
+  return /* @__PURE__ */ s("div", { className: a, style: o, children: e.children });
 }), $e = "size-5", Cn = (e, n) => {
   const t = e.hideTitle && !e.isEditing, r = e.noBorder;
-  let o = `dashboard-widget ${e.isEditing ? "editing" : ""} border border-solid`;
-  r ? o = `${o} border-transparent border-opacity-0` : (e.borderCssClasses || "").trim().length > 0 ? o = `${o} ${e.borderCssClasses}` : o = `${o} border-card-invert border-opacity-20`, e.noShadow && (o = `${o} no-shadow`), e.noPadding && (o = `${o} no-padding p-0`), (e.backgroundCssClasses || "").trim().length > 0 ? o = `${o} ${e.backgroundCssClasses}` : o = `${o} bg-card content-card`, ["large", "xlarge"].indexOf(e.size || "") > -1 && (o = `${o} ${e.size}-widget`);
-  const i = () => {
+  let i = `dashboard-widget ${e.isEditing ? "editing" : ""} border border-solid`;
+  r ? i = `${i} border-transparent border-opacity-0` : (e.borderCssClasses || "").trim().length > 0 ? i = `${i} ${e.borderCssClasses}` : i = `${i} border-card-invert border-opacity-20`, e.noShadow && (i = `${i} no-shadow`), e.noPadding && (i = `${i} no-padding p-0`), (e.backgroundCssClasses || "").trim().length > 0 ? i = `${i} ${e.backgroundCssClasses}` : i = `${i} bg-card content-card`, ["large", "xlarge"].indexOf(e.size || "") > -1 && (i = `${i} ${e.size}-widget`);
+  const o = () => {
     e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey, e.parentWidgetKey);
   }, a = (b) => {
     e.onMoveClick && e.widgetKey && e.onMoveClick(b, e.widgetKey, e.parentWidgetKey);
@@ -2675,7 +2675,7 @@ const rr = (e) => {
     t ? "hidden" : "flex items-center justify-between border-b border-solid border-card-invert",
     t ? "border-opacity-0" : "border-opacity-20"
   );
-  return /* @__PURE__ */ W("div", { className: o, children: [
+  return /* @__PURE__ */ W("div", { className: i, children: [
     /* @__PURE__ */ W("div", { className: d, children: [
       /* @__PURE__ */ W("div", { className: "widget-title-wrapper w-full flex flex-row gap-2 items-center justify-between", children: [
         /* @__PURE__ */ W("h2", { className: "widget-title", children: [
@@ -2724,7 +2724,7 @@ const rr = (e) => {
                 placement: "top",
                 title: "Remove Widget"
               },
-              onClick: () => i(),
+              onClick: () => o(),
               children: /* @__PURE__ */ s(gt, { className: $e })
             }
           )
@@ -2733,9 +2733,9 @@ const rr = (e) => {
     ] }),
     /* @__PURE__ */ s("div", { className: "widget-inner", children: e.children })
   ] });
-}, at = ce(Cn), Sn = (e, n) => {
-  const t = (i) => i.replace(/[^0-9.]/g, ""), r = t(e).split(".").map(Number), o = t(n).split(".").map(Number);
-  return !(r[0] !== o[0] || r[1] < o[1]);
+}, at = le(Cn), Sn = (e, n) => {
+  const t = (o) => o.replace(/[^0-9.]/g, ""), r = t(e).split(".").map(Number), i = t(n).split(".").map(Number);
+  return !(r[0] !== i[0] || r[1] < i[1]);
 };
 function Dn(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: [
@@ -2743,13 +2743,13 @@ function Dn(e) {
     /* @__PURE__ */ s("div", { className: "animate-ping rounded-full h-32 w-32 border-8 border-white" })
   ] }) });
 }
-function Nn({
+function Tn({
   index: e,
   maxIndex: n,
   widgetKey: t,
   parentWidgetKey: r,
-  targetContainerKey: o,
-  childWidgetsConfig: i,
+  targetContainerKey: i,
+  childWidgetsConfig: o,
   widgetCatalog: a,
   isEditing: d,
   // for additional props passed to all widget from the dashboard through the DynamicWidgetLoader:
@@ -2765,7 +2765,7 @@ function Nn({
       D
     ] }) });
   let v = null, w = !1;
-  const N = !!m.isContainer, C = y ? mt(t) : "", S = N ? (i || []).filter((l) => l.parentWidgetKey === t) : [], c = {
+  const T = !!m.isContainer, C = y ? mt(t) : "", S = T ? (o || []).filter((c) => c.parentWidgetKey === t) : [], l = {
     index: e,
     maxIndex: n,
     widgetKey: t,
@@ -2778,12 +2778,12 @@ function Nn({
   };
   if (m.component ? (v = m.component, w = !1) : m.loader && (w = !0, v = st(() => {
     if (!m) return null;
-    const l = typeof __HOST_REACT_VERSION__ < "u" ? __HOST_REACT_VERSION__ : "19.2.3", f = m.meta?.externalDependencies || [], M = f.find(($) => $.startsWith("react@"));
+    const c = typeof __HOST_REACT_VERSION__ < "u" ? __HOST_REACT_VERSION__ : "19.2.3", f = m.meta?.externalDependencies || [], M = f.find(($) => $.startsWith("react@"));
     if (M) {
       const $ = M.split("@")[1];
-      if (!Sn(l, $))
+      if (!Sn(c, $))
         return ae.lazy(async () => ({
-          default: () => /* @__PURE__ */ s(at, { ...c, children: /* @__PURE__ */ W("div", { className: "p-4 border border-dashed border-danger", children: [
+          default: () => /* @__PURE__ */ s(at, { ...l, children: /* @__PURE__ */ W("div", { className: "p-4 border border-dashed border-danger", children: [
             /* @__PURE__ */ W("p", { className: "font-bold", children: [
               'Failed to load "',
               t,
@@ -2803,16 +2803,16 @@ function Nn({
                 ] }),
                 ". Host is running",
                 " ",
-                /* @__PURE__ */ s("strong", { children: l }),
+                /* @__PURE__ */ s("strong", { children: c }),
                 "."
               ] })
             ] }),
             /* @__PURE__ */ W("div", { className: "flex flex-col mt-3", children: [
               /* @__PURE__ */ s("h5", { children: "Externals:" }),
-              /* @__PURE__ */ s("dl", { className: "ml-2 flex flex-col text-xs", children: f.map((I, T) => /* @__PURE__ */ W("dd", { children: [
+              /* @__PURE__ */ s("dl", { className: "ml-2 flex flex-col text-xs", children: f.map((I, E) => /* @__PURE__ */ W("dd", { children: [
                 "- ",
                 I
-              ] }, T)) })
+              ] }, E)) })
             ] })
           ] }) })
         }));
@@ -2825,7 +2825,7 @@ function Nn({
           return await m.loader();
         } catch (I) {
           return console.error(`CDN Load Failure for ${t}:`, I), {
-            default: () => /* @__PURE__ */ s(at, { ...c, children: /* @__PURE__ */ W("div", { className: "p-4 border border-dashed border-danger", children: [
+            default: () => /* @__PURE__ */ s(at, { ...l, children: /* @__PURE__ */ W("div", { className: "p-4 border border-dashed border-danger", children: [
               /* @__PURE__ */ W("p", { className: "font-bold", children: [
                 'Failed to load "',
                 t,
@@ -2845,32 +2845,32 @@ function Nn({
       "Widget definition incomplete: ",
       D
     ] }) });
-  const E = N ? {
-    highlight: o === t,
+  const N = T ? {
+    highlight: i === t,
     selectContainer: u,
     // The children prop is the recursive call back to DynamicWidgetLoader
-    children: S.map((l, f) => /* @__PURE__ */ s(
-      Nn,
+    children: S.map((c, f) => /* @__PURE__ */ s(
+      Tn,
       {
         index: f,
         maxIndex: S.length - 1,
-        widgetKey: l.widgetKey,
-        parentWidgetKey: l.parentWidgetKey,
+        widgetKey: c.widgetKey,
+        parentWidgetKey: c.parentWidgetKey,
         widgetCatalog: a,
         isEditing: d,
         extraProps: b,
         onRemoveClick: g,
         onMoveClick: h
       },
-      `${l.widgetKey}_${f}`
+      `${c.widgetKey}_${f}`
     ))
   } : {};
-  return w ? /* @__PURE__ */ s(St, { fallback: /* @__PURE__ */ s(Dn, { title: `Loading ${m.title}` }), children: /* @__PURE__ */ s(v, { ...c, ...E }) }) : /* @__PURE__ */ s(v, { ...c, ...E });
+  return w ? /* @__PURE__ */ s(St, { fallback: /* @__PURE__ */ s(Dn, { title: `Loading ${m.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, o = e.isEditing || !1;
-  let d = n ? "border-transparent" : o && !r ? "border-card-invert" : "border-transparent";
+  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`);
@@ -2879,7 +2879,7 @@ function ke(e) {
   let u = G(
     "dashboard-widget-container relative ",
     r ? "" : "has-no-children",
-    o ? "editing" : "",
+    i ? "editing" : "",
     h,
     g,
     b ? "widget-container-grid" : "widget-container-flex",
@@ -2970,7 +2970,7 @@ function ke(e) {
     /* @__PURE__ */ s("div", { "data-testid": `childrenwrapper_${e.widgetKey}`, className: "widget-container-inner", children: e.children })
   ] });
 }
-function or(e) {
+function ir(e) {
   const { direction: n, ...t } = e;
   return /* @__PURE__ */ s(ke, { direction: "column", ...t });
 }
@@ -2988,14 +2988,14 @@ function We({
   alreadyAdded: n,
   addWidget: t
 }) {
-  const [r, o] = le(!1), i = e.icon || nn, a = e.displayName || "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 || "---", g = (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"}
   `);
   return /* @__PURE__ */ W("div", { className: h, style: { width: "calc(100% - 1rem)" }, onClick: () => {
     g || t();
   }, children: [
-    /* @__PURE__ */ s(i, { className: "" }),
+    /* @__PURE__ */ s(o, { className: "" }),
     /* @__PURE__ */ W("div", { className: "w-full", children: [
       /* @__PURE__ */ W("div", { className: "flex flex-row items-center gap-2 justify-between", children: [
         /* @__PURE__ */ s("span", { className: "font-bold", children: a }),
@@ -3004,7 +3004,7 @@ function We({
       /* @__PURE__ */ W("div", { className: "flex flex-col text-xs", children: [
         /* @__PURE__ */ s("div", { children: d }),
         /* @__PURE__ */ s("div", { className: "mt-3 cursor-pointer", onClick: (y) => {
-          y.stopPropagation(), y.preventDefault(), o(!r);
+          y.stopPropagation(), y.preventDefault(), i(!r);
         }, children: "Externals:" }),
         r && /* @__PURE__ */ s("dl", { className: "ml-2 flex flex-col text-xs", children: e.externalDependencies.map((y, D) => /* @__PURE__ */ W("dd", { children: [
           "- ",
@@ -3014,13 +3014,13 @@ function We({
     ] })
   ] });
 }
-function Tn({
+function En({
   item: e,
   onSettingItemChanged: n
 }) {
-  const t = e.displayName || "Unknown", r = e.description || "---", o = G(`
+  const t = e.name || "Unknown", r = e.description || "---", i = G(`
     flex flex-row gap-2 p-2 rounded-md border text-sm bg-card content-card backdrop-opacity-100
-  `), i = (d) => {
+  `), o = (d) => {
     const b = d.key;
     if (["ArrowUp", "ArrowDown"].includes(b)) {
       d.preventDefault();
@@ -3036,7 +3036,7 @@ function Tn({
       value: d.target.value || ""
     });
   };
-  return /* @__PURE__ */ s("div", { className: o, style: { width: "calc(100% - 1rem)" }, children: /* @__PURE__ */ W("div", { className: "w-full", children: [
+  return /* @__PURE__ */ s("div", { className: i, style: { width: "calc(100% - 1rem)" }, children: /* @__PURE__ */ W("div", { className: "w-full", children: [
     /* @__PURE__ */ s("div", { className: "flex flex-row items-center gap-2 justify-between", children: /* @__PURE__ */ s("span", { className: "font-bold", children: t }) }),
     /* @__PURE__ */ s("div", { className: "flex flex-col gap-2 text-xs", children: /* @__PURE__ */ s("div", { children: r }) }),
     /* @__PURE__ */ W("div", { children: [
@@ -3049,7 +3049,7 @@ function Tn({
           className: "w-full",
           value: e.value,
           onChange: a,
-          onKeyDown: i
+          onKeyDown: o
         }
       )
     ] })
@@ -3059,47 +3059,47 @@ const Ie = (e, n) => [
   ...n.widgets.filter((r) => r.indexOf("Container") === -1),
   ...n.childWidgetsConfig.map((r) => r.widgetKey)
 ].includes(e);
-function lr({
+function cr({
   targetContainerKey: e,
   widgetsCatalog: n,
   currentDashboardConfig: t,
   undoStatus: r,
-  addWidget: o,
-  addContainer: i,
+  addWidget: i,
+  addContainer: o,
   onSettingItemsUpdated: a,
   onResetToDefaultDashboardClick: d,
   onUndoOrRedo: b,
   onDoneClick: g
 }) {
-  const [h, u] = le("Editing"), [p, y] = le(0), [D, m] = le(""), w = Array.from(n.keys()).map((T) => ({
-    widgetKey: T,
-    metaData: $t(T, n)
-  })), N = (T) => {
-    m(T.target.value);
-  }, C = (T) => {
+  const [h, u] = ce("Editing"), [p, y] = ce(0), [D, m] = ce(""), w = Array.from(n.keys()).map((E) => ({
+    widgetKey: E,
+    metaData: $t(E, n)
+  })), T = (E) => {
+    m(E.target.value);
+  }, C = (E) => {
     const z = D.trim().toLowerCase();
-    return z.length < 1 ? !0 : T.displayName.trim().toLowerCase().includes(z) || T.description.toLowerCase().includes(z);
-  }, S = (T) => {
+    return z.length < 1 ? !0 : E.name.trim().toLowerCase().includes(z) || E.description.toLowerCase().includes(z);
+  }, S = (E) => {
     const z = D.trim().toLowerCase();
-    return z.length < 1 ? !0 : T.displayName.trim().toLowerCase().includes(z) || T.description.toLowerCase().includes(z);
-  }, c = (T) => G(
+    return z.length < 1 ? !0 : E.name.trim().toLowerCase().includes(z) || E.description.toLowerCase().includes(z);
+  }, l = (E) => G(
     "px-4 py-2 font-medium cursor-pointer border-b-2 border-transparent hover:border-primary focus:outline-none",
-    T === p ? "text-primary border-primary" : ""
-  ), E = !!e;
+    E === p ? "text-primary border-primary" : ""
+  ), N = !!e;
   Dt(() => {
     if (e) {
       y(0);
-      const T = mt(e);
-      u(`Editing ${T}`);
+      const E = mt(e);
+      u(`Editing ${E}`);
     } else
       u("Editing Dashboard");
   }, [e]);
-  const l = (T) => {
-    E ? o(T, e) : o(T);
-  }, f = (T) => {
-    const z = (t.cssSettings || []).map((X) => X.key === T.key ? T : X);
+  const c = (E) => {
+    N ? i(E, e) : i(E);
+  }, f = (E) => {
+    const z = (t.cssSettings || []).map((X) => X.key === E.key ? E : X);
     a(z);
-  }, [M, $] = le(!1);
+  }, [M, $] = ce(!1);
   return /* @__PURE__ */ s(
     xn,
     {
@@ -3112,8 +3112,8 @@ function lr({
         minHeight: "360px",
         backdropFilter: "blur(8px)"
       },
-      onDraggingChange: (T) => {
-        $(T);
+      onDraggingChange: (E) => {
+        $(E);
       },
       children: /* @__PURE__ */ W("div", { className: "flex flex-col gap-2 p-2", children: [
         /* @__PURE__ */ W("div", { className: "flex flex-row gap-2 justify-between", children: [
@@ -3123,7 +3123,7 @@ function lr({
               "h2",
               {
                 className: "flex-1 text-base margin-0 capitalize",
-                title: E ? h : `Editing dashboard: ${t.dashboardName}`,
+                title: N ? h : `Editing dashboard: ${t.dashboardName}`,
                 children: h
               }
             )
@@ -3173,10 +3173,10 @@ function lr({
           ] })
         ] }),
         /* @__PURE__ */ W("div", { className: "flex border-b border-gray-200", children: [
-          /* @__PURE__ */ s("button", { onClick: () => y(0), className: c(0), children: "Widgets" }),
-          /* @__PURE__ */ s("button", { onClick: () => y(1), className: c(1), children: "Charts" }),
-          !E && /* @__PURE__ */ s("button", { onClick: () => y(2), className: c(2), children: "Containers" }),
-          !E && /* @__PURE__ */ s("button", { onClick: () => y(3), className: c(3), children: /* @__PURE__ */ s(Xt, {}) })
+          /* @__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(Xt, {}) })
         ] }),
         /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-1 w-full", children: /* @__PURE__ */ s(
           pt,
@@ -3185,7 +3185,7 @@ function lr({
             size: "small",
             className: "w-full",
             value: D,
-            onChange: N
+            onChange: T
           }
         ) }),
         /* @__PURE__ */ W(
@@ -3197,46 +3197,46 @@ function lr({
             },
             children: [
               p === 0 && w.filter(
-                (T) => T.metaData.categories.includes("Widget") && C(T.metaData)
-              ).map((T) => /* @__PURE__ */ s(
+                (E) => E.metaData.categories.includes("Widget") && C(E.metaData)
+              ).map((E) => /* @__PURE__ */ s(
                 We,
                 {
-                  widgetKey: T.widgetKey,
-                  metaData: T.metaData,
-                  alreadyAdded: Ie(T.widgetKey, t),
-                  addWidget: () => l(T.widgetKey)
+                  widgetKey: E.widgetKey,
+                  metaData: E.metaData,
+                  alreadyAdded: Ie(E.widgetKey, t),
+                  addWidget: () => c(E.widgetKey)
                 },
-                T.widgetKey
+                E.widgetKey
               )),
               p === 1 && w.filter(
-                (T) => T.metaData.categories.includes("Chart") && C(T.metaData)
-              ).map((T) => /* @__PURE__ */ s(
+                (E) => E.metaData.categories.includes("Chart") && C(E.metaData)
+              ).map((E) => /* @__PURE__ */ s(
                 We,
                 {
-                  widgetKey: T.widgetKey,
-                  metaData: T.metaData,
-                  alreadyAdded: Ie(T.widgetKey, t),
-                  addWidget: () => l(T.widgetKey)
+                  widgetKey: E.widgetKey,
+                  metaData: E.metaData,
+                  alreadyAdded: Ie(E.widgetKey, t),
+                  addWidget: () => c(E.widgetKey)
                 },
-                T.widgetKey
+                E.widgetKey
               )),
-              !E && p === 2 && w.filter((T) => T.metaData.categories.includes("Container")).map((T) => /* @__PURE__ */ s(
+              !N && p === 2 && w.filter((E) => E.metaData.categories.includes("Container")).map((E) => /* @__PURE__ */ s(
                 We,
                 {
-                  widgetKey: T.widgetKey,
-                  metaData: T.metaData,
-                  alreadyAdded: Ie(T.widgetKey, t),
-                  addWidget: () => i(T.widgetKey)
+                  widgetKey: E.widgetKey,
+                  metaData: E.metaData,
+                  alreadyAdded: Ie(E.widgetKey, t),
+                  addWidget: () => o(E.widgetKey)
                 },
-                T.widgetKey
+                E.widgetKey
               )),
-              !E && p === 3 && (t.cssSettings || []).filter(S).map((T) => /* @__PURE__ */ s(
-                Tn,
+              !N && p === 3 && (t.cssSettings || []).filter(S).map((E) => /* @__PURE__ */ s(
+                En,
                 {
-                  item: T,
+                  item: E,
                   onSettingItemChanged: f
                 },
-                T.key
+                E.key
               ))
             ]
           }
@@ -3262,14 +3262,14 @@ export {
   J as Button,
   nn as CircleQuestionMark,
   tn as CrosshairIcon,
-  ir as DashboardGrid,
+  or as DashboardGrid,
   Fe as DashboardMaxZoomScale,
   Ae as DashboardMinZoomScale,
   at as DashboardWidgetBase,
   Mt as DashboardZoomStep,
   Fn as DeleteIcon,
   xn as DraggablePanel,
-  Nn as DynamicWidgetLoader,
+  Tn as DynamicWidgetLoader,
   Ln as EditIcon,
   Vn as GridIcon,
   en as HandGrabIcon,
@@ -3291,10 +3291,10 @@ export {
   pt as TextField,
   Gt as TimerResetIcon,
   Zt as UndoIcon,
-  or as WidgetContainerColumn,
+  ir as WidgetContainerColumn,
   ar as WidgetContainerLarge,
   sr as WidgetContainerRow,
-  lr as WidgetsCatalogFlyout,
+  cr as WidgetsCatalogFlyout,
   tr as WrapperColumnContent,
   nr as WrapperColumnContentListItem,
   gt as XCircleIcon,
@@ -3304,11 +3304,11 @@ export {
   Ce as blankDashboardConfig,
   dt as createDynamicEntry,
   Wt as createStaticEntry,
-  Nt as cssSettingsCatalog,
+  Tt as cssSettingsCatalog,
   Xn as cssVarsUtils,
   _t as dashboardSettingsUtils,
   Pt as ensureContainersSequence,
-  ct as ensureZoomScaleIsWithinRange,
+  lt as ensureZoomScaleIsWithinRange,
   ge as getDefaultWidgetMetaFromKey,
   Wn as getDefaultWidgetMetaFromMap,
   G as getDistinctCssClasses,