@tenorlab/react-dashboard 1.5.22 → 1.5.25

package/dist/react-dashboard.es.js

@@ -5,18 +5,18 @@ import { jsxs as $, jsx as n } from "react/jsx-runtime";
 import ot from "react-dom";
 const wt = (e) => (i, t, r) => {
   const a = r.subscribe;
-  return r.subscribe = ((c, h, C) => {
-    let v = c;
-    if (h) {
+  return r.subscribe = ((d, f, C) => {
+    let v = d;
+    if (f) {
       const m = C?.equalityFn || Object.is;
-      let d = c(r.getState());
+      let c = d(r.getState());
       v = (y) => {
-        const p = c(y);
-        if (!m(d, p)) {
-          const T = d;
-          h(d = p, T);
+        const p = d(y);
+        if (!m(c, p)) {
+          const T = c;
+          f(c = p, T);
         }
-      }, C?.fireImmediately && h(d, d);
+      }, C?.fireImmediately && f(c, c);
     }
     return a(v);
   }), e(i, t, r);
@@ -30,7 +30,7 @@ const wt = (e) => (i, t, r) => {
   const { dashboardConfig: i, widgetKey: t, parentWidgetKey: r, noDuplicatedWidgets: a } = e;
   if (r) {
     if (a && i.childWidgetsConfig.find(
-      (c) => c.parentWidgetKey === r && c.widgetKey === t
+      (d) => d.parentWidgetKey === r && d.widgetKey === t
     ))
       return {
         success: !1,
@@ -70,70 +70,70 @@ const wt = (e) => (i, t, r) => {
   if (a.length > 0) {
     const o = e.childWidgetsConfig.filter(
       (m) => `${m.parentWidgetKey}`.trim().toLowerCase() !== a
-    ), c = e.childWidgetsConfig.filter(
+    ), d = e.childWidgetsConfig.filter(
       (m) => `${m.parentWidgetKey}`.trim().toLowerCase() === a && `${m.widgetKey}`.trim().toLowerCase() !== r
-    ), h = [...o, ...c];
+    ), f = [...o, ...d];
     let C = {
       ...e,
-      childWidgetsConfig: h
+      childWidgetsConfig: f
     };
     return r.includes("container") && (C = mt(C)), {
       success: !0,
       updatedDashboardConfig: C
     };
   } else {
-    const c = (e.widgets || []).filter(
+    const d = (e.widgets || []).filter(
       (C) => `${C}`.trim().toLowerCase() !== r
-    ), h = e.childWidgetsConfig.filter(
+    ), f = e.childWidgetsConfig.filter(
       (C) => `${C.parentWidgetKey}`.trim().toLowerCase() !== r
     );
     return {
       success: !0,
       updatedDashboardConfig: {
         ...e,
-        widgets: c,
-        childWidgetsConfig: h
+        widgets: d,
+        childWidgetsConfig: f
       }
     };
   }
 }, _t = (e, i, t, r) => {
   const a = `${t || ""}`.trim().toLowerCase(), o = `${r || ""}`.trim().toLowerCase();
   if (o.length > 0) {
-    const c = e.childWidgetsConfig.filter(
+    const d = e.childWidgetsConfig.filter(
       (p) => `${p.parentWidgetKey}`.trim().toLowerCase() !== o
     );
-    let h = e.childWidgetsConfig.filter(
+    let f = e.childWidgetsConfig.filter(
       (p) => `${p.parentWidgetKey}`.trim().toLowerCase() === o
     );
-    const C = h.find(
+    const C = f.find(
       (p) => `${p.widgetKey}`.trim().toLowerCase() === a
-    ), v = h.indexOf(C);
+    ), v = f.indexOf(C);
     let m = v + i;
-    if (m = Math.max(0, m), m = Math.min(h.length - 1, m), m === v)
+    if (m = Math.max(0, m), m = Math.min(f.length - 1, m), m === v)
       return {
         success: !1,
         message: `DashboardStore: moveWidget: Widget already at min/max position (${t})`,
         updatedDashboardConfig: e
       };
-    const d = [...h], [y] = d.splice(v, 1);
-    return d.splice(m, 0, y), {
+    const c = [...f], [y] = c.splice(v, 1);
+    return c.splice(m, 0, y), {
       success: !0,
       updatedDashboardConfig: {
         ...e,
-        childWidgetsConfig: [...c, ...d]
+        childWidgetsConfig: [...d, ...c]
       }
     };
   } else {
-    const c = e.widgets || [], C = c.map((y) => `${y}`.trim().toLowerCase()).indexOf(a);
+    const d = e.widgets || [], C = d.map((y) => `${y}`.trim().toLowerCase()).indexOf(a);
     let v = C + i;
-    if (v = Math.max(0, v), v = Math.min(c.length - 1, v), v === C)
+    if (v = Math.max(0, v), v = Math.min(d.length - 1, v), v === C)
       return {
         success: !1,
         message: `DashboardStore: moveWidget: Widget already at min/max position (${t})`,
         updatedDashboardConfig: e
       };
-    const m = [...c], [d] = m.splice(C, 1);
-    return m.splice(v, 0, d), {
+    const m = [...d], [c] = m.splice(C, 1);
+    return m.splice(v, 0, c), {
       success: !0,
       updatedDashboardConfig: {
         ...e,
@@ -199,7 +199,7 @@ const wt = (e) => (i, t, r) => {
       ...t
     }), o = [
       ...r.allDashboardConfigs.filter(
-        (c) => c.dashboardId !== a.updatedDashboardConfig.dashboardId
+        (d) => d.dashboardId !== a.updatedDashboardConfig.dashboardId
       ),
       a.updatedDashboardConfig
     ];
@@ -212,33 +212,33 @@ const wt = (e) => (i, t, r) => {
     };
   },
   removeWidget: (t, r) => {
-    const a = i(), o = Et(a.currentDashboardConfig, t, r), c = [
+    const a = i(), o = Et(a.currentDashboardConfig, t, r), d = [
       ...a.allDashboardConfigs.filter(
-        (h) => h.dashboardId !== o.updatedDashboardConfig.dashboardId
+        (f) => f.dashboardId !== o.updatedDashboardConfig.dashboardId
       ),
       o.updatedDashboardConfig
     ];
     return o.success && e(() => ({
-      allDashboardConfigs: c,
+      allDashboardConfigs: d,
       currentDashboardConfig: o.updatedDashboardConfig
     })), {
       ...o,
-      allUpdatedDashboardConfigs: c
+      allUpdatedDashboardConfigs: d
     };
   },
   moveWidget: (t, r, a) => {
-    const o = i(), c = _t(o.currentDashboardConfig, t, r, a), h = [
+    const o = i(), d = _t(o.currentDashboardConfig, t, r, a), f = [
       ...o.allDashboardConfigs.filter(
-        (C) => C.dashboardId !== c.updatedDashboardConfig.dashboardId
+        (C) => C.dashboardId !== d.updatedDashboardConfig.dashboardId
       ),
-      c.updatedDashboardConfig
+      d.updatedDashboardConfig
     ];
-    return c.success && e(() => ({
-      allDashboardConfigs: h,
-      currentDashboardConfig: c.updatedDashboardConfig
+    return d.success && e(() => ({
+      allDashboardConfigs: f,
+      currentDashboardConfig: d.updatedDashboardConfig
     })), {
-      ...c,
-      allUpdatedDashboardConfigs: h
+      ...d,
+      allUpdatedDashboardConfigs: f
     };
   }
 }), hn = gt()(
@@ -247,7 +247,7 @@ const wt = (e) => (i, t, r) => {
   }))
 ), gn = () => {
   const [e, i] = ae({}), [t, r] = ae({}), a = ce((m) => {
-    const d = m.dashboardId;
+    const c = m.dashboardId;
     i((y) => {
       const p = {
         undoIndex: 0,
@@ -255,17 +255,17 @@ const wt = (e) => (i, t, r) => {
       };
       return r((T) => ({
         ...T,
-        [d]: 0
+        [c]: 0
       })), {
         ...y,
-        [d]: [p]
+        [c]: [p]
         // Forces a reset to just this one entry
       };
     });
   }, []), o = ce(
     (m) => {
-      i((d) => {
-        const y = m.dashboardId, p = d[y] || [], T = t[y] ?? -1, g = p.slice(0, T + 1), b = {
+      i((c) => {
+        const y = m.dashboardId, p = c[y] || [], T = t[y] ?? -1, g = p.slice(0, T + 1), b = {
           undoIndex: g.length,
           // New index based on trimmed length
           config: m
@@ -275,27 +275,27 @@ const wt = (e) => (i, t, r) => {
           [y]: w.length - 1
           // Index is now the last element's index
         })), {
-          ...d,
+          ...c,
           [y]: w
         };
       });
     },
     [t]
-  ), c = ce((m) => {
-    i((d) => {
-      if (!d[m])
-        return d;
-      const { [m]: y, ...p } = d;
+  ), d = ce((m) => {
+    i((c) => {
+      if (!c[m])
+        return c;
+      const { [m]: y, ...p } = c;
       return p;
-    }), r((d) => {
-      const { [m]: y, ...p } = d;
+    }), r((c) => {
+      const { [m]: y, ...p } = c;
       return p;
     });
-  }, []), h = ce(
+  }, []), f = ce(
     (m) => {
-      r((d) => {
-        const y = d[m] ?? -1, p = Math.max(0, y - 1);
-        return p !== y ? { ...d, [m]: p } : d;
+      r((c) => {
+        const y = c[m] ?? -1, p = Math.max(0, y - 1);
+        return p !== y ? { ...c, [m]: p } : c;
       });
     },
     [
@@ -303,9 +303,9 @@ const wt = (e) => (i, t, r) => {
     ]
   ), C = ce(
     (m) => {
-      r((d) => {
-        const y = e[m]?.length || 0, p = d[m] ?? -1, T = Math.min(y - 1, p + 1);
-        return T !== p ? { ...d, [m]: T } : d;
+      r((c) => {
+        const y = e[m]?.length || 0, p = c[m] ?? -1, T = Math.min(y - 1, p + 1);
+        return T !== p ? { ...c, [m]: T } : c;
       });
     },
     [
@@ -317,11 +317,11 @@ const wt = (e) => (i, t, r) => {
     initializeHistoryForDashboard: a,
     resetAllHistory: () => i({}),
     addUndoEntry: o,
-    removeUndoHistoryForDashboard: c,
-    undo: h,
+    removeUndoHistoryForDashboard: d,
+    undo: f,
     redo: C,
     getUndoStatus: (m) => {
-      const d = t[m] ?? -1, y = e[m]?.length || 0, p = d <= 0, T = d >= y - 1;
+      const c = t[m] ?? -1, y = e[m]?.length || 0, p = c <= 0, T = c >= y - 1;
       return { isUndoDisabled: p, isRedoDisabled: T };
     },
     undoHistory: e,
@@ -329,7 +329,7 @@ const wt = (e) => (i, t, r) => {
     // (Optional: You might expose undoHistory and historyIndex if needed for debugging)
   };
 };
-function B({
+function U({
   children: e,
   className: i
 }) {
@@ -351,14 +351,14 @@ function B({
   );
 }
 function mn({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-circle-plus-icon lucide-circle-plus ${e}`, children: [
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-circle-plus-icon lucide-circle-plus ${e}`, children: [
     /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ n("path", { d: "M8 12h8" }),
     /* @__PURE__ */ n("path", { d: "M12 8v8" })
   ] });
 }
 function pn({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-trash2-icon lucide-trash-2 ${e}`, children: [
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-trash2-icon lucide-trash-2 ${e}`, children: [
     /* @__PURE__ */ n("path", { d: "M10 11v6" }),
     /* @__PURE__ */ n("path", { d: "M14 11v6" }),
     /* @__PURE__ */ n("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
@@ -367,13 +367,28 @@ function pn({ className: e }) {
   ] });
 }
 function yn({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-square-pen-icon lucide-square-pen ${e}`, children: [
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-square-pen-icon lucide-square-pen ${e}`, children: [
     /* @__PURE__ */ n("path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
     /* @__PURE__ */ n("path", { d: "M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z" })
   ] });
 }
 function bn({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-grid3x3-icon lucide-grid-3x3 ${e}`, children: [
+  return /* @__PURE__ */ $(
+    U,
+    {
+      className: `lucide lucide-text-cursor-input-icon lucide-text-cursor-input ${e}`,
+      children: [
+        /* @__PURE__ */ n("path", { d: "M12 20h-1a2 2 0 0 1-2-2 2 2 0 0 1-2 2H6" }),
+        /* @__PURE__ */ n("path", { d: "M13 8h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7" }),
+        /* @__PURE__ */ n("path", { d: "M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1" }),
+        /* @__PURE__ */ n("path", { d: "M6 4h1a2 2 0 0 1 2 2 2 2 0 0 1 2-2h1" }),
+        /* @__PURE__ */ n("path", { d: "M9 6v12" })
+      ]
+    }
+  );
+}
+function vn({ className: e }) {
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-grid3x3-icon lucide-grid-3x3 ${e}`, children: [
     /* @__PURE__ */ n("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
     /* @__PURE__ */ n("path", { d: "M3 9h18" }),
     /* @__PURE__ */ n("path", { d: "M3 15h18" }),
@@ -381,16 +396,16 @@ function bn({ className: e }) {
     /* @__PURE__ */ n("path", { d: "M15 3v18" })
   ] });
 }
-function vn({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-monitor-icon lucide-monitor ${e}`, children: [
+function xn({ className: e }) {
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-monitor-icon lucide-monitor ${e}`, children: [
     /* @__PURE__ */ n("rect", { width: "20", height: "14", x: "2", y: "3", rx: "2" }),
     /* @__PURE__ */ n("line", { x1: "8", x2: "16", y1: "21", y2: "21" }),
     /* @__PURE__ */ n("line", { x1: "12", x2: "12", y1: "17", y2: "21" })
   ] });
 }
-function xn({ className: e }) {
+function Cn({ className: e }) {
   return /* @__PURE__ */ $(
-    B,
+    U,
     {
       className: `lucide lucide-monitor-smartphone-icon lucide-monitor-smartphone ${e}`,
       children: [
@@ -404,7 +419,7 @@ function xn({ className: e }) {
 }
 function it({ className: e }) {
   return /* @__PURE__ */ $(
-    B,
+    U,
     {
       className: `lucide lucide-circle-arrow-left-icon lucide-circle-arrow-left ${e}`,
       children: [
@@ -417,7 +432,7 @@ function it({ className: e }) {
 }
 function at({ className: e }) {
   return /* @__PURE__ */ $(
-    B,
+    U,
     {
       className: `lucide lucide-circle-arrow-right-icon lucide-circle-arrow-right ${e}`,
       children: [
@@ -429,14 +444,14 @@ function at({ className: e }) {
   );
 }
 function Pt({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-settings-icon lucide-settings ${e}`, children: [
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-settings-icon lucide-settings ${e}`, children: [
     /* @__PURE__ */ n("path", { d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915" }),
     /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "3" })
   ] });
 }
-function Cn({ className: e }) {
+function wn({ className: e }) {
   return /* @__PURE__ */ $(
-    B,
+    U,
     {
       className: `lucide lucide-tablet-smartphone-icon lucide-tablet-smartphone ${e}`,
       children: [
@@ -448,49 +463,49 @@ function Cn({ className: e }) {
   );
 }
 function st({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-circle-x-icon lucide-circle-x ${e}`, children: [
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-circle-x-icon lucide-circle-x ${e}`, children: [
     /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ n("path", { d: "m15 9-6 6" }),
     /* @__PURE__ */ n("path", { d: "m9 9 6 6" })
   ] });
 }
-function wn({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-zoom-in-icon lucide-zoom-in ${e}`, children: [
+function Sn({ className: e }) {
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-zoom-in-icon lucide-zoom-in ${e}`, children: [
     /* @__PURE__ */ n("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ n("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
     /* @__PURE__ */ n("line", { x1: "11", x2: "11", y1: "8", y2: "14" }),
     /* @__PURE__ */ n("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
   ] });
 }
-function Sn({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-zoom-out-icon lucide-zoom-out ${e}`, children: [
+function Dn({ className: e }) {
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-zoom-out-icon lucide-zoom-out ${e}`, children: [
     /* @__PURE__ */ n("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ n("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
     /* @__PURE__ */ n("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
   ] });
 }
 function $t({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-timer-reset-icon lucide-timer-reset ${e}`, children: [
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-timer-reset-icon lucide-timer-reset ${e}`, children: [
     /* @__PURE__ */ n("path", { d: "M10 2h4" }),
     /* @__PURE__ */ n("path", { d: "M12 14v-4" }),
     /* @__PURE__ */ n("path", { d: "M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6" }),
     /* @__PURE__ */ n("path", { d: "M9 17H4v5" })
   ] });
 }
-function Wt({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-undo-icon lucide-undo ${e}`, children: [
+function It({ className: e }) {
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-undo-icon lucide-undo ${e}`, children: [
     /* @__PURE__ */ n("path", { d: "M3 7v6h6" }),
     /* @__PURE__ */ n("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })
   ] });
 }
 function Rt({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-redo-icon lucide-redo ${e}`, children: [
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-redo-icon lucide-redo ${e}`, children: [
     /* @__PURE__ */ n("path", { d: "M21 7v6h-6" }),
     /* @__PURE__ */ n("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7" })
   ] });
 }
-function It({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-hand-icon lucide-hand ${e}`, children: [
+function Wt({ className: e }) {
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-hand-icon lucide-hand ${e}`, children: [
     /* @__PURE__ */ n("path", { d: "M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2" }),
     /* @__PURE__ */ n("path", { d: "M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
     /* @__PURE__ */ n("path", { d: "M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8" }),
@@ -498,7 +513,7 @@ function It({ className: e }) {
   ] });
 }
 function Ot({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-hand-grab-icon lucide-hand-grab ${e}`, children: [
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-hand-grab-icon lucide-hand-grab ${e}`, children: [
     /* @__PURE__ */ n("path", { d: "M18 11.5V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v1.4" }),
     /* @__PURE__ */ n("path", { d: "M14 10V8a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
     /* @__PURE__ */ n("path", { d: "M10 9.9V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v5" }),
@@ -507,15 +522,15 @@ function Ot({ className: e }) {
   ] });
 }
 function kt({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-crosshair-icon lucide-crosshair ${e}`, children: [
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-crosshair-icon lucide-crosshair ${e}`, children: [
     /* @__PURE__ */ n("line", { x1: "22", x2: "18", y1: "12", y2: "12" }),
     /* @__PURE__ */ n("line", { x1: "6", x2: "2", y1: "12", y2: "12" }),
     /* @__PURE__ */ n("line", { x1: "12", x2: "12", y1: "6", y2: "2" }),
     /* @__PURE__ */ n("line", { x1: "12", x2: "12", y1: "22", y2: "18" })
   ] });
 }
-function Dn({ className: e }) {
-  return /* @__PURE__ */ $(B, { className: `lucide lucide-target-icon lucide-target ${e}`, children: [
+function Tn({ className: e }) {
+  return /* @__PURE__ */ $(U, { className: `lucide lucide-target-icon lucide-target ${e}`, children: [
     /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "10" }),
     /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "6" }),
     /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "2" })
@@ -523,7 +538,7 @@ function Dn({ className: e }) {
 }
 function jt({ className: e }) {
   return /* @__PURE__ */ $(
-    B,
+    U,
     {
       className: `lucide lucide-file-question-mark-icon lucide-file-question-mark ${e}`,
       children: [
@@ -541,15 +556,15 @@ const lt = ({
   value: r,
   onChange: a,
   onKeyDown: o,
-  placeholder: c = ""
+  placeholder: d = ""
 }) => {
-  const h = rt(() => t === "small" ? "py-1.5 px-3 text-sm" : "py-2.5 px-4 text-base", [t]), C = G("flex flex-col mb-4", i || ""), m = `${G(`
+  const f = rt(() => t === "small" ? "py-1.5 px-3 text-sm" : "py-2.5 px-4 text-base", [t]), C = G("flex flex-col mb-4", i || ""), m = `${G(`
     block w-full rounded-md px-3 py-1.5 text-base 
     bg-formfield content-formfield
     outline-1 -outline-offset-1 outline-primary 
     placeholder:text-disabled 
     focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-200 sm:text-sm/6
-  `)} ${h}`;
+  `)} ${f}`;
   return /* @__PURE__ */ $("div", { className: C, children: [
     /* @__PURE__ */ n("label", { htmlFor: e, className: "block text-sm/6 font-medium mb-1.5", children: e }),
     /* @__PURE__ */ n(
@@ -559,8 +574,8 @@ const lt = ({
         type: "text",
         value: r,
         onChange: a,
-        onKeyDown: (d) => o && o(d),
-        placeholder: c,
+        onKeyDown: (c) => o && o(c),
+        placeholder: d,
         className: m,
         "aria-label": e
       }
@@ -583,16 +598,16 @@ function J(e) {
     isIconButton: r,
     className: a,
     buttonType: o,
-    category: c,
-    px: h,
+    category: d,
+    px: f,
     py: C,
     children: v,
     ...m
-  } = e, d = () => {
+  } = e, c = () => {
     const p = e.isIconButton || !1, T = e.category || "primary", g = e.buttonType || "normal", b = e.disabled || !1, w = e.className || "", N = e.font || "semibold", S = Number((e.border || 0) > 0 ? e.border : 0);
     let D = (e.borderColor || "").trim();
     D = D.length > 0 ? D : "";
-    const l = Number((e.borderHover || 0) > 0 ? e.borderHover : 0), M = e.shadow || "sm", s = e.shadowHover || "md", f = (e.addCss || "").trim(), u = e.justifyCss || "justify-center";
+    const l = Number((e.borderHover || 0) > 0 ? e.borderHover : 0), M = e.shadow || "sm", s = e.shadowHover || "md", h = (e.addCss || "").trim(), u = e.justifyCss || "justify-center";
     if (p)
       return G(
         "flex flex-row items-center",
@@ -610,35 +625,35 @@ function J(e) {
       g === "ghost" ? _.push("text-disabled border-disabled cursor-not-allowed") : _.push("bg-disabled content-disabled border-disabled cursor-not-allowed");
     else {
       _.push("cursor-pointer");
-      let W = "";
-      Ce.has(g) ? W = `${Ce.get(g)}` : W = `${Ce.get("normal")}`, S < 1 && (W = W.replace("border-[category]", ""));
-      const z = W.replace(/\[category\]/g, T).trim();
-      _.push(z);
+      let I = "";
+      Ce.has(g) ? I = `${Ce.get(g)}` : I = `${Ce.get("normal")}`, S < 1 && (I = I.replace("border-[category]", ""));
+      const H = I.replace(/\[category\]/g, T).trim();
+      _.push(H);
     }
-    return S > 0 ? (_.push(`border-[${S}px]`), _.push(`border-${D}`)) : (_.push("border-[1px]"), _.push("border-transparent")), l > 0 ? (_.push(`hover:border-[${l}px] group-hover:border-[${l}px]`), _.push(`hover:border-${D} group-hover:border-${D}`)) : _.push("hover:border-[1px] group-hover:border-[1px]"), _.push(`shadow-${M}`), _.push(`hover:shadow-${s} group-hover:shadow-${s}`), f.length > 0 && _.push(f), f.indexOf("hidden") === -1 && _.push("inline-flex"), _.push(u), _.join(" ").trim();
+    return S > 0 ? (_.push(`border-[${S}px]`), _.push(`border-${D}`)) : (_.push("border-[1px]"), _.push("border-transparent")), l > 0 ? (_.push(`hover:border-[${l}px] group-hover:border-[${l}px]`), _.push(`hover:border-${D} group-hover:border-${D}`)) : _.push("hover:border-[1px] group-hover:border-[1px]"), _.push(`shadow-${M}`), _.push(`hover:shadow-${s} group-hover:shadow-${s}`), h.length > 0 && _.push(h), h.indexOf("hidden") === -1 && _.push("inline-flex"), _.push(u), _.join(" ").trim();
   }, y = () => {
     const p = e.px || 0.7, T = e.py || 0.25;
     return {
       padding: r ? 0 : `${T}rem ${p}rem `
     };
   };
-  return /* @__PURE__ */ n("button", { type: "button", disabled: t, className: d(), style: y(), ...m, children: v });
+  return /* @__PURE__ */ n("button", { type: "button", disabled: t, className: c(), style: y(), ...m, children: v });
 }
 const At = (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 Lt(e) {
-  const { children: i, testId: t, classNames: r, direction: a, ...o } = e, c = At(e);
-  return /* @__PURE__ */ n("div", { "data-testid": t || "not-set", className: c, ...o, children: i });
+  const { children: i, testId: t, classNames: r, direction: a, ...o } = e, d = At(e);
+  return /* @__PURE__ */ n("div", { "data-testid": t || "not-set", className: d, ...o, children: i });
 }
-const Tn = se(
+const Nn = se(
   (e, i) => {
-    const { classNames: t, innerClass: r, ...a } = e, o = G(t || "", "w-full"), c = G(
+    const { classNames: t, innerClass: r, ...a } = e, o = G(t || "", "w-full"), d = G(
       `w-full flex overflow-hidden justify-between items-center gap-0 
       rounded-md border`,
       r || ""
     );
-    return /* @__PURE__ */ n(Lt, { direction: "row", classNames: o, ...a, children: /* @__PURE__ */ n("div", { className: c, children: e.children }) });
+    return /* @__PURE__ */ n(Lt, { direction: "row", classNames: o, ...a, children: /* @__PURE__ */ n("div", { className: d, children: e.children }) });
   }
-), Nn = se((e, i) => /* @__PURE__ */ n(
+), En = se((e, i) => /* @__PURE__ */ n(
   "div",
   {
     "data-testid": e.testId || "not-set",
@@ -649,7 +664,7 @@ const Tn = se(
     },
     children: e.children
   }
-)), En = se(
+)), _n = se(
   (e, i) => /* @__PURE__ */ n(
     "div",
     {
@@ -658,7 +673,7 @@ const Tn = se(
       children: e.children
     }
   )
-), _n = se((e, i) => /* @__PURE__ */ n(
+), Mn = se((e, i) => /* @__PURE__ */ n(
   "div",
   {
     "data-testid": e.testId || "not-set",
@@ -678,7 +693,7 @@ var ke;
 function Kt() {
   if (ke) return K;
   ke = 1;
-  var e = typeof Symbol == "function" && Symbol.for, i = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, h = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, C = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, v = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, d = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, T = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, g = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, b = 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, i = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, d = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, f = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, C = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, v = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, c = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, T = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, g = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, b = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, w = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
   function S(l) {
     if (typeof l == "object" && l !== null) {
       var M = l.$$typeof;
@@ -690,15 +705,15 @@ function Kt() {
             case r:
             case o:
             case a:
-            case d:
+            case c:
               return l;
             default:
               switch (l = l && l.$$typeof, l) {
-                case h:
+                case f:
                 case m:
                 case T:
                 case p:
-                case c:
+                case d:
                   return l;
                 default:
                   return M;
@@ -712,12 +727,12 @@ function Kt() {
   function D(l) {
     return S(l) === v;
   }
-  return K.AsyncMode = C, K.ConcurrentMode = v, K.ContextConsumer = h, K.ContextProvider = c, K.Element = i, K.ForwardRef = m, K.Fragment = r, K.Lazy = T, K.Memo = p, K.Portal = t, K.Profiler = o, K.StrictMode = a, K.Suspense = d, K.isAsyncMode = function(l) {
+  return K.AsyncMode = C, K.ConcurrentMode = v, K.ContextConsumer = f, K.ContextProvider = d, K.Element = i, K.ForwardRef = m, K.Fragment = r, K.Lazy = T, K.Memo = p, K.Portal = t, K.Profiler = o, K.StrictMode = a, K.Suspense = c, K.isAsyncMode = function(l) {
     return D(l) || S(l) === C;
   }, K.isConcurrentMode = D, K.isContextConsumer = function(l) {
-    return S(l) === h;
+    return S(l) === f;
   }, K.isContextProvider = function(l) {
-    return S(l) === c;
+    return S(l) === d;
   }, K.isElement = function(l) {
     return typeof l == "object" && l !== null && l.$$typeof === i;
   }, K.isForwardRef = function(l) {
@@ -735,19 +750,19 @@ function Kt() {
   }, K.isStrictMode = function(l) {
     return S(l) === a;
   }, K.isSuspense = function(l) {
-    return S(l) === d;
+    return S(l) === c;
   }, K.isValidElementType = function(l) {
-    return typeof l == "string" || typeof l == "function" || l === r || l === v || l === o || l === a || l === d || l === y || typeof l == "object" && l !== null && (l.$$typeof === T || l.$$typeof === p || l.$$typeof === c || l.$$typeof === h || l.$$typeof === m || l.$$typeof === b || l.$$typeof === w || l.$$typeof === N || l.$$typeof === g);
+    return typeof l == "string" || typeof l == "function" || l === r || l === v || l === o || l === a || l === c || l === y || typeof l == "object" && l !== null && (l.$$typeof === T || l.$$typeof === p || l.$$typeof === d || l.$$typeof === f || l.$$typeof === m || l.$$typeof === b || l.$$typeof === w || l.$$typeof === N || l.$$typeof === g);
   }, K.typeOf = S, K;
 }
 var Y = {};
 var je;
 function Yt() {
   return je || (je = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, i = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, h = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, C = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, v = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, d = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, T = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, g = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, b = 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, i = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, d = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, f = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, C = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, v = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, c = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, y = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, T = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, g = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, b = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, w = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
     function S(E) {
       return typeof E == "string" || typeof E == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      E === r || E === v || E === o || E === a || E === d || E === y || typeof E == "object" && E !== null && (E.$$typeof === T || E.$$typeof === p || E.$$typeof === c || E.$$typeof === h || E.$$typeof === m || E.$$typeof === b || E.$$typeof === w || E.$$typeof === N || E.$$typeof === g);
+      E === r || E === v || E === o || E === a || E === c || E === y || typeof E == "object" && E !== null && (E.$$typeof === T || E.$$typeof === p || E.$$typeof === d || E.$$typeof === f || E.$$typeof === m || E.$$typeof === b || E.$$typeof === w || E.$$typeof === N || E.$$typeof === g);
     }
     function D(E) {
       if (typeof E == "object" && E !== null) {
@@ -761,16 +776,16 @@ function Yt() {
               case r:
               case o:
               case a:
-              case d:
+              case c:
                 return fe;
               default:
                 var Oe = fe && fe.$$typeof;
                 switch (Oe) {
-                  case h:
+                  case f:
                   case m:
                   case T:
                   case p:
-                  case c:
+                  case d:
                     return Oe;
                   default:
                     return te;
@@ -781,7 +796,7 @@ function Yt() {
         }
       }
     }
-    var l = C, M = v, s = h, f = c, u = i, _ = m, W = r, z = T, X = p, V = t, Q = o, H = a, ee = d, ie = !1;
+    var l = C, M = v, s = f, h = d, u = i, _ = m, I = r, H = T, X = p, V = t, Q = o, B = a, ee = c, ie = !1;
     function le(E) {
       return ie || (ie = !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(E) || D(E) === C;
     }
@@ -789,10 +804,10 @@ function Yt() {
       return D(E) === v;
     }
     function P(E) {
-      return D(E) === h;
+      return D(E) === f;
     }
     function j(E) {
-      return D(E) === c;
+      return D(E) === d;
     }
     function O(E) {
       return typeof E == "object" && E !== null && E.$$typeof === i;
@@ -803,7 +818,7 @@ function Yt() {
     function A(E) {
       return D(E) === r;
     }
-    function I(E) {
+    function W(E) {
       return D(E) === T;
     }
     function k(E) {
@@ -819,9 +834,9 @@ function Yt() {
       return D(E) === a;
     }
     function Z(E) {
-      return D(E) === d;
+      return D(E) === c;
     }
-    Y.AsyncMode = l, Y.ConcurrentMode = M, Y.ContextConsumer = s, Y.ContextProvider = f, Y.Element = u, Y.ForwardRef = _, Y.Fragment = W, Y.Lazy = z, Y.Memo = X, Y.Portal = V, Y.Profiler = Q, Y.StrictMode = H, Y.Suspense = ee, Y.isAsyncMode = le, Y.isConcurrentMode = x, Y.isContextConsumer = P, Y.isContextProvider = j, Y.isElement = O, Y.isForwardRef = R, Y.isFragment = A, Y.isLazy = I, Y.isMemo = k, Y.isPortal = L, Y.isProfiler = F, Y.isStrictMode = q, Y.isSuspense = Z, Y.isValidElementType = S, Y.typeOf = D;
+    Y.AsyncMode = l, Y.ConcurrentMode = M, Y.ContextConsumer = s, Y.ContextProvider = h, Y.Element = u, Y.ForwardRef = _, Y.Fragment = I, Y.Lazy = H, Y.Memo = X, Y.Portal = V, Y.Profiler = Q, Y.StrictMode = B, Y.Suspense = ee, Y.isAsyncMode = le, Y.isConcurrentMode = x, Y.isContextConsumer = P, Y.isContextProvider = j, Y.isElement = O, Y.isForwardRef = R, Y.isFragment = A, Y.isLazy = W, Y.isMemo = k, Y.isPortal = L, Y.isProfiler = F, Y.isStrictMode = q, Y.isSuspense = Z, Y.isValidElementType = S, Y.typeOf = D;
   })()), Y;
 }
 var Ae;
@@ -845,10 +860,10 @@ function Ft() {
       var o = new String("abc");
       if (o[5] = "de", Object.getOwnPropertyNames(o)[0] === "5")
         return !1;
-      for (var c = {}, h = 0; h < 10; h++)
-        c["_" + String.fromCharCode(h)] = h;
-      var C = Object.getOwnPropertyNames(c).map(function(m) {
-        return c[m];
+      for (var d = {}, f = 0; f < 10; f++)
+        d["_" + String.fromCharCode(f)] = f;
+      var C = Object.getOwnPropertyNames(d).map(function(m) {
+        return d[m];
       });
       if (C.join("") !== "0123456789")
         return !1;
@@ -860,22 +875,22 @@ function Ft() {
       return !1;
     }
   }
-  return Se = a() ? Object.assign : function(o, c) {
-    for (var h, C = r(o), v, m = 1; m < arguments.length; m++) {
-      h = Object(arguments[m]);
-      for (var d in h)
-        i.call(h, d) && (C[d] = h[d]);
+  return Se = a() ? Object.assign : function(o, d) {
+    for (var f, C = r(o), v, m = 1; m < arguments.length; m++) {
+      f = Object(arguments[m]);
+      for (var c in f)
+        i.call(f, c) && (C[c] = f[c]);
       if (e) {
-        v = e(h);
+        v = e(f);
         for (var y = 0; y < v.length; y++)
-          t.call(h, v[y]) && (C[v[y]] = h[v[y]]);
+          t.call(f, v[y]) && (C[v[y]] = f[v[y]]);
       }
     }
     return C;
   }, Se;
 }
 var De, qe;
-function We() {
+function Ie() {
   if (qe) return De;
   qe = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
@@ -892,39 +907,39 @@ function Ut() {
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var i = /* @__PURE__ */ We(), t = {}, r = /* @__PURE__ */ dt();
+    var i = /* @__PURE__ */ Ie(), t = {}, r = /* @__PURE__ */ dt();
     e = function(o) {
-      var c = "Warning: " + o;
-      typeof console < "u" && console.error(c);
+      var d = "Warning: " + o;
+      typeof console < "u" && console.error(d);
       try {
-        throw new Error(c);
+        throw new Error(d);
       } catch {
       }
     };
   }
-  function a(o, c, h, C, v) {
+  function a(o, d, f, C, v) {
     if (process.env.NODE_ENV !== "production") {
       for (var m in o)
         if (r(o, m)) {
-          var d;
+          var c;
           try {
             if (typeof o[m] != "function") {
               var y = Error(
-                (C || "React class") + ": " + h + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                (C || "React class") + ": " + f + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
               throw y.name = "Invariant Violation", y;
             }
-            d = o[m](c, m, C, h, null, i);
+            c = o[m](d, m, C, f, null, i);
           } catch (T) {
-            d = T;
+            c = T;
           }
-          if (d && !(d instanceof Error) && e(
-            (C || "React class") + ": type specification of " + h + " `" + m + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof d + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), d instanceof Error && !(d.message in t)) {
-            t[d.message] = !0;
+          if (c && !(c instanceof Error) && e(
+            (C || "React class") + ": type specification of " + f + " `" + m + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof c + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), c instanceof Error && !(c.message in t)) {
+            t[c.message] = !0;
             var p = v ? v() : "";
             e(
-              "Failed " + h + " type: " + d.message + (p ?? "")
+              "Failed " + f + " type: " + c.message + (p ?? "")
             );
           }
         }
@@ -935,25 +950,25 @@ function Ut() {
   }, Ne = a, Ne;
 }
 var Ee, Fe;
-function Bt() {
+function zt() {
   if (Fe) return Ee;
   Fe = 1;
-  var e = ct(), i = Ft(), t = /* @__PURE__ */ We(), r = /* @__PURE__ */ dt(), a = /* @__PURE__ */ Ut(), o = function() {
+  var e = ct(), i = Ft(), t = /* @__PURE__ */ Ie(), r = /* @__PURE__ */ dt(), a = /* @__PURE__ */ Ut(), o = function() {
   };
-  process.env.NODE_ENV !== "production" && (o = function(h) {
-    var C = "Warning: " + h;
+  process.env.NODE_ENV !== "production" && (o = function(f) {
+    var C = "Warning: " + f;
     typeof console < "u" && console.error(C);
     try {
       throw new Error(C);
     } catch {
     }
   });
-  function c() {
+  function d() {
     return null;
   }
-  return Ee = function(h, C) {
+  return Ee = function(f, C) {
     var v = typeof Symbol == "function" && Symbol.iterator, m = "@@iterator";
-    function d(x) {
+    function c(x) {
       var P = x && (v && x[v] || x[m]);
       if (typeof P == "function")
         return P;
@@ -973,10 +988,10 @@ function Bt() {
       elementType: l(),
       instanceOf: M,
       node: _(),
-      objectOf: f,
+      objectOf: h,
       oneOf: s,
       oneOfType: u,
-      shape: z,
+      shape: H,
       exact: X
     };
     function T(x, P) {
@@ -989,7 +1004,7 @@ function Bt() {
     function b(x) {
       if (process.env.NODE_ENV !== "production")
         var P = {}, j = 0;
-      function O(A, I, k, L, F, q, Z) {
+      function O(A, W, k, L, F, q, Z) {
         if (L = L || y, q = q || k, Z !== t) {
           if (C) {
             var E = new Error(
@@ -1004,18 +1019,18 @@ function Bt() {
             ), P[te] = !0, j++);
           }
         }
-        return I[k] == null ? A ? I[k] === null ? new g("The " + F + " `" + q + "` is marked as required " + ("in `" + L + "`, but its value is `null`.")) : new g("The " + F + " `" + q + "` is marked as required in " + ("`" + L + "`, but its value is `undefined`.")) : null : x(I, k, L, F, q);
+        return W[k] == null ? A ? W[k] === null ? new g("The " + F + " `" + q + "` is marked as required " + ("in `" + L + "`, but its value is `null`.")) : new g("The " + F + " `" + q + "` is marked as required in " + ("`" + L + "`, but its value is `undefined`.")) : null : x(W, k, L, F, q);
       }
       var R = O.bind(null, !1);
       return R.isRequired = O.bind(null, !0), R;
     }
     function w(x) {
-      function P(j, O, R, A, I, k) {
-        var L = j[O], F = H(L);
+      function P(j, O, R, A, W, k) {
+        var L = j[O], F = B(L);
         if (F !== x) {
           var q = ee(L);
           return new g(
-            "Invalid " + A + " `" + I + "` of type " + ("`" + q + "` supplied to `" + R + "`, expected ") + ("`" + x + "`."),
+            "Invalid " + A + " `" + W + "` of type " + ("`" + q + "` supplied to `" + R + "`, expected ") + ("`" + x + "`."),
             { expectedType: x }
           );
         }
@@ -1024,19 +1039,19 @@ function Bt() {
       return b(P);
     }
     function N() {
-      return b(c);
+      return b(d);
     }
     function S(x) {
-      function P(j, O, R, A, I) {
+      function P(j, O, R, A, W) {
         if (typeof x != "function")
-          return new g("Property `" + I + "` of component `" + R + "` has invalid PropType notation inside arrayOf.");
+          return new g("Property `" + W + "` of component `" + R + "` has invalid PropType notation inside arrayOf.");
         var k = j[O];
         if (!Array.isArray(k)) {
-          var L = H(k);
-          return new g("Invalid " + A + " `" + I + "` of type " + ("`" + L + "` supplied to `" + R + "`, expected an array."));
+          var L = B(k);
+          return new g("Invalid " + A + " `" + W + "` of type " + ("`" + L + "` supplied to `" + R + "`, expected an array."));
         }
         for (var F = 0; F < k.length; F++) {
-          var q = x(k, F, R, A, I + "[" + F + "]", t);
+          var q = x(k, F, R, A, W + "[" + F + "]", t);
           if (q instanceof Error)
             return q;
         }
@@ -1046,9 +1061,9 @@ function Bt() {
     }
     function D() {
       function x(P, j, O, R, A) {
-        var I = P[j];
-        if (!h(I)) {
-          var k = H(I);
+        var W = P[j];
+        if (!f(W)) {
+          var k = B(W);
           return new g("Invalid " + R + " `" + A + "` of type " + ("`" + k + "` supplied to `" + O + "`, expected a single ReactElement."));
         }
         return null;
@@ -1057,9 +1072,9 @@ function Bt() {
     }
     function l() {
       function x(P, j, O, R, A) {
-        var I = P[j];
-        if (!e.isValidElementType(I)) {
-          var k = H(I);
+        var W = P[j];
+        if (!e.isValidElementType(W)) {
+          var k = B(W);
           return new g("Invalid " + R + " `" + A + "` of type " + ("`" + k + "` supplied to `" + O + "`, expected a single ReactElement type."));
         }
         return null;
@@ -1067,10 +1082,10 @@ function Bt() {
       return b(x);
     }
     function M(x) {
-      function P(j, O, R, A, I) {
+      function P(j, O, R, A, W) {
         if (!(j[O] instanceof x)) {
           var k = x.name || y, L = le(j[O]);
-          return new g("Invalid " + A + " `" + I + "` of type " + ("`" + L + "` supplied to `" + R + "`, expected ") + ("instance of `" + k + "`."));
+          return new g("Invalid " + A + " `" + W + "` of type " + ("`" + L + "` supplied to `" + R + "`, expected ") + ("instance of `" + k + "`."));
         }
         return null;
       }
@@ -1080,8 +1095,8 @@ function Bt() {
       if (!Array.isArray(x))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
-        ) : o("Invalid argument supplied to oneOf, expected an array.")), c;
-      function P(j, O, R, A, I) {
+        ) : o("Invalid argument supplied to oneOf, expected an array.")), d;
+      function P(j, O, R, A, W) {
         for (var k = j[O], L = 0; L < x.length; L++)
           if (T(k, x[L]))
             return null;
@@ -1089,20 +1104,20 @@ function Bt() {
           var te = ee(E);
           return te === "symbol" ? String(E) : E;
         });
-        return new g("Invalid " + A + " `" + I + "` of value `" + String(k) + "` " + ("supplied to `" + R + "`, expected one of " + F + "."));
+        return new g("Invalid " + A + " `" + W + "` of value `" + String(k) + "` " + ("supplied to `" + R + "`, expected one of " + F + "."));
       }
       return b(P);
     }
-    function f(x) {
-      function P(j, O, R, A, I) {
+    function h(x) {
+      function P(j, O, R, A, W) {
         if (typeof x != "function")
-          return new g("Property `" + I + "` of component `" + R + "` has invalid PropType notation inside objectOf.");
-        var k = j[O], L = H(k);
+          return new g("Property `" + W + "` of component `" + R + "` has invalid PropType notation inside objectOf.");
+        var k = j[O], L = B(k);
         if (L !== "object")
-          return new g("Invalid " + A + " `" + I + "` of type " + ("`" + L + "` supplied to `" + R + "`, expected an object."));
+          return new g("Invalid " + A + " `" + W + "` of type " + ("`" + L + "` supplied to `" + R + "`, expected an object."));
         for (var F in k)
           if (r(k, F)) {
-            var q = x(k, F, R, A, I + "." + F, t);
+            var q = x(k, F, R, A, W + "." + F, t);
             if (q instanceof Error)
               return q;
           }
@@ -1112,23 +1127,23 @@ function Bt() {
     }
     function u(x) {
       if (!Array.isArray(x))
-        return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), c;
+        return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), d;
       for (var P = 0; P < x.length; P++) {
         var j = x[P];
         if (typeof j != "function")
           return o(
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ie(j) + " at index " + P + "."
-          ), c;
+          ), d;
       }
-      function O(R, A, I, k, L) {
+      function O(R, A, W, k, L) {
         for (var F = [], q = 0; q < x.length; q++) {
-          var Z = x[q], E = Z(R, A, I, k, L, t);
+          var Z = x[q], E = Z(R, A, W, k, L, t);
           if (E == null)
             return null;
           E.data && r(E.data, "expectedType") && F.push(E.data.expectedType);
         }
         var te = F.length > 0 ? ", expected one of type [" + F.join(", ") + "]" : "";
-        return new g("Invalid " + k + " `" + L + "` supplied to " + ("`" + I + "`" + te + "."));
+        return new g("Invalid " + k + " `" + L + "` supplied to " + ("`" + W + "`" + te + "."));
       }
       return b(O);
     }
@@ -1138,21 +1153,21 @@ function Bt() {
       }
       return b(x);
     }
-    function W(x, P, j, O, R) {
+    function I(x, P, j, O, R) {
       return new g(
         (x || "React class") + ": " + P + " type `" + j + "." + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + R + "`."
       );
     }
-    function z(x) {
-      function P(j, O, R, A, I) {
-        var k = j[O], L = H(k);
+    function H(x) {
+      function P(j, O, R, A, W) {
+        var k = j[O], L = B(k);
         if (L !== "object")
-          return new g("Invalid " + A + " `" + I + "` of type `" + L + "` " + ("supplied to `" + R + "`, expected `object`."));
+          return new g("Invalid " + A + " `" + W + "` of type `" + L + "` " + ("supplied to `" + R + "`, expected `object`."));
         for (var F in x) {
           var q = x[F];
           if (typeof q != "function")
-            return W(R, A, I, F, ee(q));
-          var Z = q(k, F, R, A, I + "." + F, t);
+            return I(R, A, W, F, ee(q));
+          var Z = q(k, F, R, A, W + "." + F, t);
           if (Z)
             return Z;
         }
@@ -1161,21 +1176,21 @@ function Bt() {
       return b(P);
     }
     function X(x) {
-      function P(j, O, R, A, I) {
-        var k = j[O], L = H(k);
+      function P(j, O, R, A, W) {
+        var k = j[O], L = B(k);
         if (L !== "object")
-          return new g("Invalid " + A + " `" + I + "` of type `" + L + "` " + ("supplied to `" + R + "`, expected `object`."));
+          return new g("Invalid " + A + " `" + W + "` of type `" + L + "` " + ("supplied to `" + R + "`, expected `object`."));
         var F = i({}, j[O], x);
         for (var q in F) {
           var Z = x[q];
           if (r(x, q) && typeof Z != "function")
-            return W(R, A, I, q, ee(Z));
+            return I(R, A, W, q, ee(Z));
           if (!Z)
             return new g(
-              "Invalid " + A + " `" + I + "` key `" + q + "` supplied to `" + R + "`.\nBad object: " + JSON.stringify(j[O], null, "  ") + `
+              "Invalid " + A + " `" + W + "` key `" + q + "` supplied to `" + R + "`.\nBad object: " + JSON.stringify(j[O], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
             );
-          var E = Z(k, q, R, A, I + "." + q, t);
+          var E = Z(k, q, R, A, W + "." + q, t);
           if (E)
             return E;
         }
@@ -1194,9 +1209,9 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
         case "object":
           if (Array.isArray(x))
             return x.every(V);
-          if (x === null || h(x))
+          if (x === null || f(x))
             return !0;
-          var P = d(x);
+          var P = c(x);
           if (P) {
             var j = P.call(x), O;
             if (P !== x.entries) {
@@ -1219,14 +1234,14 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
     function Q(x, P) {
       return x === "symbol" ? !0 : P ? P["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && P instanceof Symbol : !1;
     }
-    function H(x) {
+    function B(x) {
       var P = typeof x;
       return Array.isArray(x) ? "array" : x instanceof RegExp ? "object" : Q(P, x) ? "symbol" : P;
     }
     function ee(x) {
       if (typeof x > "u" || x === null)
         return "" + x;
-      var P = H(x);
+      var P = B(x);
       if (P === "object") {
         if (x instanceof Date)
           return "date";
@@ -1256,17 +1271,17 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
   }, Ee;
 }
 var _e, Ue;
-function Ht() {
+function Bt() {
   if (Ue) return _e;
   Ue = 1;
-  var e = /* @__PURE__ */ We();
+  var e = /* @__PURE__ */ Ie();
   function i() {
   }
   function t() {
   }
   return t.resetWarningCache = i, _e = function() {
-    function r(c, h, C, v, m, d) {
-      if (d !== e) {
+    function r(d, f, C, v, m, c) {
+      if (c !== e) {
         var y = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
@@ -1303,44 +1318,44 @@ function Ht() {
     return o.PropTypes = o, o;
   }, _e;
 }
-var Be;
+var ze;
 function ut() {
-  if (Be) return he.exports;
-  if (Be = 1, process.env.NODE_ENV !== "production") {
+  if (ze) return he.exports;
+  if (ze = 1, process.env.NODE_ENV !== "production") {
     var e = ct(), i = !0;
-    he.exports = /* @__PURE__ */ Bt()(e.isElement, i);
+    he.exports = /* @__PURE__ */ zt()(e.isElement, i);
   } else
-    he.exports = /* @__PURE__ */ Ht()();
+    he.exports = /* @__PURE__ */ Bt()();
   return he.exports;
 }
-var me = { exports: {} }, He;
-function zt() {
-  if (He) return me.exports;
-  He = 1;
+var me = { exports: {} }, Be;
+function Ht() {
+  if (Be) return me.exports;
+  Be = 1;
   function e(t) {
     var r, a, o = "";
     if (typeof t == "string" || typeof t == "number") o += t;
     else if (typeof t == "object") if (Array.isArray(t)) {
-      var c = t.length;
-      for (r = 0; r < c; r++) t[r] && (a = e(t[r])) && (o && (o += " "), o += a);
+      var d = t.length;
+      for (r = 0; r < d; r++) t[r] && (a = e(t[r])) && (o && (o += " "), o += a);
     } else for (a in t) t[a] && (o && (o += " "), o += a);
     return o;
   }
   function i() {
-    for (var t, r, a = 0, o = "", c = arguments.length; a < c; a++) (t = arguments[a]) && (r = e(t)) && (o && (o += " "), o += r);
+    for (var t, r, a = 0, o = "", d = arguments.length; a < d; a++) (t = arguments[a]) && (r = e(t)) && (o && (o += " "), o += r);
     return o;
   }
   return me.exports = i, me.exports.clsx = i, me.exports;
 }
-var U = {}, re = {}, ze;
+var z = {}, re = {}, He;
 function ve() {
-  if (ze) return re;
-  ze = 1, Object.defineProperty(re, "__esModule", {
+  if (He) return re;
+  He = 1, Object.defineProperty(re, "__esModule", {
     value: !0
   }), re.dontSetMe = a, re.findInArray = e, re.int = r, re.isFunction = i, re.isNum = t;
-  function e(o, c) {
-    for (let h = 0, C = o.length; h < C; h++)
-      if (c.apply(c, [o[h], h, o])) return o[h];
+  function e(o, d) {
+    for (let f = 0, C = o.length; f < C; f++)
+      if (d.apply(d, [o[f], f, o])) return o[f];
   }
   function i(o) {
     return typeof o == "function" || Object.prototype.toString.call(o) === "[object Function]";
@@ -1351,9 +1366,9 @@ function ve() {
   function r(o) {
     return parseInt(o, 10);
   }
-  function a(o, c, h) {
-    if (o[c])
-      return new Error(`Invalid prop ${c} passed to ${h} - do not set this, set it on the child.`);
+  function a(o, d, f) {
+    if (o[d])
+      return new Error(`Invalid prop ${d} passed to ${f} - do not set this, set it on the child.`);
   }
   return re;
 }
@@ -1367,130 +1382,130 @@ function Xt() {
   function i() {
     let o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
     if (typeof window > "u") return "";
-    const c = window.document?.documentElement?.style;
-    if (!c || o in c) return "";
-    for (let h = 0; h < e.length; h++)
-      if (t(o, e[h]) in c) return e[h];
+    const d = window.document?.documentElement?.style;
+    if (!d || o in d) return "";
+    for (let f = 0; f < e.length; f++)
+      if (t(o, e[f]) in d) return e[f];
     return "";
   }
-  function t(o, c) {
-    return c ? `${c}${a(o)}` : o;
+  function t(o, d) {
+    return d ? `${d}${a(o)}` : o;
   }
-  function r(o, c) {
-    return c ? `-${c.toLowerCase()}-${o}` : o;
+  function r(o, d) {
+    return d ? `-${d.toLowerCase()}-${o}` : o;
   }
   function a(o) {
-    let c = "", h = !0;
+    let d = "", f = !0;
     for (let C = 0; C < o.length; C++)
-      h ? (c += o[C].toUpperCase(), h = !1) : o[C] === "-" ? h = !0 : c += o[C];
-    return c;
+      f ? (d += o[C].toUpperCase(), f = !1) : o[C] === "-" ? f = !0 : d += o[C];
+    return d;
   }
   return oe.default = i(), oe;
 }
 var Ve;
 function Re() {
-  if (Ve) return U;
-  Ve = 1, Object.defineProperty(U, "__esModule", {
+  if (Ve) return z;
+  Ve = 1, Object.defineProperty(z, "__esModule", {
     value: !0
-  }), U.addClassName = l, U.addEvent = c, U.addUserSelectStyles = N, U.createCSSTransform = p, U.createSVGTransform = T, U.getTouch = b, U.getTouchIdentifier = w, U.getTranslation = g, U.innerHeight = m, U.innerWidth = d, U.matchesSelector = a, U.matchesSelectorAndParentsTo = o, U.offsetXYFromParent = y, U.outerHeight = C, U.outerWidth = v, U.removeClassName = M, U.removeEvent = h, U.scheduleRemoveUserSelectStyles = S;
+  }), z.addClassName = l, z.addEvent = d, z.addUserSelectStyles = N, z.createCSSTransform = p, z.createSVGTransform = T, z.getTouch = b, z.getTouchIdentifier = w, z.getTranslation = g, z.innerHeight = m, z.innerWidth = c, z.matchesSelector = a, z.matchesSelectorAndParentsTo = o, z.offsetXYFromParent = y, z.outerHeight = C, z.outerWidth = v, z.removeClassName = M, z.removeEvent = f, z.scheduleRemoveUserSelectStyles = S;
   var e = ve(), i = t(Xt());
-  function t(s, f) {
+  function t(s, h) {
     if (typeof WeakMap == "function") var u = /* @__PURE__ */ new WeakMap(), _ = /* @__PURE__ */ new WeakMap();
-    return (t = function(W, z) {
-      if (!z && W && W.__esModule) return W;
-      var X, V, Q = { __proto__: null, default: W };
-      if (W === null || typeof W != "object" && typeof W != "function") return Q;
-      if (X = z ? _ : u) {
-        if (X.has(W)) return X.get(W);
-        X.set(W, Q);
+    return (t = function(I, H) {
+      if (!H && I && I.__esModule) return I;
+      var X, V, Q = { __proto__: null, default: I };
+      if (I === null || typeof I != "object" && typeof I != "function") return Q;
+      if (X = H ? _ : u) {
+        if (X.has(I)) return X.get(I);
+        X.set(I, Q);
       }
-      for (const H in W) H !== "default" && {}.hasOwnProperty.call(W, H) && ((V = (X = Object.defineProperty) && Object.getOwnPropertyDescriptor(W, H)) && (V.get || V.set) ? X(Q, H, V) : Q[H] = W[H]);
+      for (const B in I) B !== "default" && {}.hasOwnProperty.call(I, B) && ((V = (X = Object.defineProperty) && Object.getOwnPropertyDescriptor(I, B)) && (V.get || V.set) ? X(Q, B, V) : Q[B] = I[B]);
       return Q;
-    })(s, f);
+    })(s, h);
   }
   let r = "";
-  function a(s, f) {
+  function a(s, h) {
     return r || (r = (0, e.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(u) {
       return (0, e.isFunction)(s[u]);
-    })), (0, e.isFunction)(s[r]) ? s[r](f) : !1;
+    })), (0, e.isFunction)(s[r]) ? s[r](h) : !1;
   }
-  function o(s, f, u) {
+  function o(s, h, u) {
     let _ = s;
     do {
-      if (a(_, f)) return !0;
+      if (a(_, h)) return !0;
       if (_ === u) return !1;
       _ = _.parentNode;
     } while (_);
     return !1;
   }
-  function c(s, f, u, _) {
+  function d(s, h, u, _) {
     if (!s) return;
-    const W = {
+    const I = {
       capture: !0,
       ..._
     };
-    s.addEventListener ? s.addEventListener(f, u, W) : s.attachEvent ? s.attachEvent("on" + f, u) : s["on" + f] = u;
+    s.addEventListener ? s.addEventListener(h, u, I) : s.attachEvent ? s.attachEvent("on" + h, u) : s["on" + h] = u;
   }
-  function h(s, f, u, _) {
+  function f(s, h, u, _) {
     if (!s) return;
-    const W = {
+    const I = {
       capture: !0,
       ..._
     };
-    s.removeEventListener ? s.removeEventListener(f, u, W) : s.detachEvent ? s.detachEvent("on" + f, u) : s["on" + f] = null;
+    s.removeEventListener ? s.removeEventListener(h, u, I) : s.detachEvent ? s.detachEvent("on" + h, u) : s["on" + h] = null;
   }
   function C(s) {
-    let f = s.clientHeight;
+    let h = s.clientHeight;
     const u = s.ownerDocument.defaultView.getComputedStyle(s);
-    return f += (0, e.int)(u.borderTopWidth), f += (0, e.int)(u.borderBottomWidth), f;
+    return h += (0, e.int)(u.borderTopWidth), h += (0, e.int)(u.borderBottomWidth), h;
   }
   function v(s) {
-    let f = s.clientWidth;
+    let h = s.clientWidth;
     const u = s.ownerDocument.defaultView.getComputedStyle(s);
-    return f += (0, e.int)(u.borderLeftWidth), f += (0, e.int)(u.borderRightWidth), f;
+    return h += (0, e.int)(u.borderLeftWidth), h += (0, e.int)(u.borderRightWidth), h;
   }
   function m(s) {
-    let f = s.clientHeight;
+    let h = s.clientHeight;
     const u = s.ownerDocument.defaultView.getComputedStyle(s);
-    return f -= (0, e.int)(u.paddingTop), f -= (0, e.int)(u.paddingBottom), f;
+    return h -= (0, e.int)(u.paddingTop), h -= (0, e.int)(u.paddingBottom), h;
   }
-  function d(s) {
-    let f = s.clientWidth;
+  function c(s) {
+    let h = s.clientWidth;
     const u = s.ownerDocument.defaultView.getComputedStyle(s);
-    return f -= (0, e.int)(u.paddingLeft), f -= (0, e.int)(u.paddingRight), f;
+    return h -= (0, e.int)(u.paddingLeft), h -= (0, e.int)(u.paddingRight), h;
   }
-  function y(s, f, u) {
-    const W = f === f.ownerDocument.body ? {
+  function y(s, h, u) {
+    const I = h === h.ownerDocument.body ? {
       left: 0,
       top: 0
-    } : f.getBoundingClientRect(), z = (s.clientX + f.scrollLeft - W.left) / u, X = (s.clientY + f.scrollTop - W.top) / u;
+    } : h.getBoundingClientRect(), H = (s.clientX + h.scrollLeft - I.left) / u, X = (s.clientY + h.scrollTop - I.top) / u;
     return {
-      x: z,
+      x: H,
       y: X
     };
   }
-  function p(s, f) {
-    const u = g(s, f, "px");
+  function p(s, h) {
+    const u = g(s, h, "px");
     return {
       [(0, i.browserPrefixToKey)("transform", i.default)]: u
     };
   }
-  function T(s, f) {
-    return g(s, f, "");
+  function T(s, h) {
+    return g(s, h, "");
   }
-  function g(s, f, u) {
+  function g(s, h, u) {
     let {
       x: _,
-      y: W
-    } = s, z = `translate(${_}${u},${W}${u})`;
-    if (f) {
-      const X = `${typeof f.x == "string" ? f.x : f.x + u}`, V = `${typeof f.y == "string" ? f.y : f.y + u}`;
-      z = `translate(${X}, ${V})` + z;
+      y: I
+    } = s, H = `translate(${_}${u},${I}${u})`;
+    if (h) {
+      const X = `${typeof h.x == "string" ? h.x : h.x + u}`, V = `${typeof h.y == "string" ? h.y : h.y + u}`;
+      H = `translate(${X}, ${V})` + H;
     }
-    return z;
+    return H;
   }
-  function b(s, f) {
-    return s.targetTouches && (0, e.findInArray)(s.targetTouches, (u) => f === u.identifier) || s.changedTouches && (0, e.findInArray)(s.changedTouches, (u) => f === u.identifier);
+  function b(s, h) {
+    return s.targetTouches && (0, e.findInArray)(s.targetTouches, (u) => h === u.identifier) || s.changedTouches && (0, e.findInArray)(s.changedTouches, (u) => h === u.identifier);
   }
   function w(s) {
     if (s.targetTouches && s.targetTouches[0]) return s.targetTouches[0].identifier;
@@ -1498,10 +1513,10 @@ function Re() {
   }
   function N(s) {
     if (!s) return;
-    let f = s.getElementById("react-draggable-style-el");
-    f || (f = s.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;}
-`, s.getElementsByTagName("head")[0].appendChild(f)), s.body && l(s.body, "react-draggable-transparent-selection");
+    let h = s.getElementById("react-draggable-style-el");
+    h || (h = s.createElement("style"), h.type = "text/css", h.id = "react-draggable-style-el", h.innerHTML = `.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
+`, h.innerHTML += `.react-draggable-transparent-selection *::selection {all: inherit;}
+`, s.getElementsByTagName("head")[0].appendChild(h)), s.body && l(s.body, "react-draggable-transparent-selection");
   }
   function S(s) {
     window.requestAnimationFrame ? window.requestAnimationFrame(() => {
@@ -1514,34 +1529,34 @@ function Re() {
         if (s.body && M(s.body, "react-draggable-transparent-selection"), s.selection)
           s.selection.empty();
         else {
-          const f = (s.defaultView || window).getSelection();
-          f && f.type !== "Caret" && f.removeAllRanges();
+          const h = (s.defaultView || window).getSelection();
+          h && h.type !== "Caret" && h.removeAllRanges();
         }
       } catch {
       }
   }
-  function l(s, f) {
-    s.classList ? s.classList.add(f) : s.className.match(new RegExp(`(?:^|\\s)${f}(?!\\S)`)) || (s.className += ` ${f}`);
+  function l(s, h) {
+    s.classList ? s.classList.add(h) : s.className.match(new RegExp(`(?:^|\\s)${h}(?!\\S)`)) || (s.className += ` ${h}`);
   }
-  function M(s, f) {
-    s.classList ? s.classList.remove(f) : s.className = s.className.replace(new RegExp(`(?:^|\\s)${f}(?!\\S)`, "g"), "");
+  function M(s, h) {
+    s.classList ? s.classList.remove(h) : s.className = s.className.replace(new RegExp(`(?:^|\\s)${h}(?!\\S)`, "g"), "");
   }
-  return U;
+  return z;
 }
 var ne = {}, Ge;
 function ft() {
   if (Ge) return ne;
   Ge = 1, Object.defineProperty(ne, "__esModule", {
     value: !0
-  }), ne.canDragX = a, ne.canDragY = o, ne.createCoreData = h, ne.createDraggableData = C, ne.getBoundPosition = t, ne.getControlPosition = c, ne.snapToGrid = r;
+  }), ne.canDragX = a, ne.canDragY = o, ne.createCoreData = f, ne.createDraggableData = C, ne.getBoundPosition = t, ne.getControlPosition = d, ne.snapToGrid = r;
   var e = ve(), i = Re();
-  function t(d, y, p) {
-    if (!d.props.bounds) return [y, p];
+  function t(c, y, p) {
+    if (!c.props.bounds) return [y, p];
     let {
       bounds: T
-    } = d.props;
+    } = c.props;
     T = typeof T == "string" ? T : v(T);
-    const g = m(d);
+    const g = m(c);
     if (typeof T == "string") {
       const {
         ownerDocument: b
@@ -1559,24 +1574,24 @@ function ft() {
     }
     return (0, e.isNum)(T.right) && (y = Math.min(y, T.right)), (0, e.isNum)(T.bottom) && (p = Math.min(p, T.bottom)), (0, e.isNum)(T.left) && (y = Math.max(y, T.left)), (0, e.isNum)(T.top) && (p = Math.max(p, T.top)), [y, p];
   }
-  function r(d, y, p) {
-    const T = Math.round(y / d[0]) * d[0], g = Math.round(p / d[1]) * d[1];
+  function r(c, y, p) {
+    const T = Math.round(y / c[0]) * c[0], g = Math.round(p / c[1]) * c[1];
     return [T, g];
   }
-  function a(d) {
-    return d.props.axis === "both" || d.props.axis === "x";
+  function a(c) {
+    return c.props.axis === "both" || c.props.axis === "x";
   }
-  function o(d) {
-    return d.props.axis === "both" || d.props.axis === "y";
+  function o(c) {
+    return c.props.axis === "both" || c.props.axis === "y";
   }
-  function c(d, y, p) {
-    const T = typeof y == "number" ? (0, i.getTouch)(d, y) : null;
+  function d(c, y, p) {
+    const T = typeof y == "number" ? (0, i.getTouch)(c, y) : null;
     if (typeof y == "number" && !T) return null;
     const g = m(p), b = p.props.offsetParent || g.offsetParent || g.ownerDocument.body;
-    return (0, i.offsetXYFromParent)(T || d, b, p.props.scale);
+    return (0, i.offsetXYFromParent)(T || c, b, p.props.scale);
   }
-  function h(d, y, p) {
-    const T = !(0, e.isNum)(d.lastX), g = m(d);
+  function f(c, y, p) {
+    const T = !(0, e.isNum)(c.lastX), g = m(c);
     return T ? {
       node: g,
       deltaX: 0,
@@ -1587,36 +1602,36 @@ function ft() {
       y: p
     } : {
       node: g,
-      deltaX: y - d.lastX,
-      deltaY: p - d.lastY,
-      lastX: d.lastX,
-      lastY: d.lastY,
+      deltaX: y - c.lastX,
+      deltaY: p - c.lastY,
+      lastX: c.lastX,
+      lastY: c.lastY,
       x: y,
       y: p
     };
   }
-  function C(d, y) {
-    const p = d.props.scale;
+  function C(c, y) {
+    const p = c.props.scale;
     return {
       node: y.node,
-      x: d.state.x + y.deltaX / p,
-      y: d.state.y + y.deltaY / p,
+      x: c.state.x + y.deltaX / p,
+      y: c.state.y + y.deltaY / p,
       deltaX: y.deltaX / p,
       deltaY: y.deltaY / p,
-      lastX: d.state.x,
-      lastY: d.state.y
+      lastX: c.state.x,
+      lastY: c.state.y
     };
   }
-  function v(d) {
+  function v(c) {
     return {
-      left: d.left,
-      top: d.top,
-      right: d.right,
-      bottom: d.bottom
+      left: c.left,
+      top: c.top,
+      right: c.right,
+      bottom: c.bottom
     };
   }
-  function m(d) {
-    const y = d.findDOMNode();
+  function m(c) {
+    const y = c.findDOMNode();
     if (!y)
       throw new Error("<DraggableCore>: Unmounted during event!");
     return y;
@@ -1639,8 +1654,8 @@ function Vt() {
   Je = 1, Object.defineProperty(ue, "__esModule", {
     value: !0
   }), ue.default = void 0;
-  var e = C(be), i = h(/* @__PURE__ */ ut()), t = h(ot), r = Re(), a = ft(), o = ve(), c = h(ht());
-  function h(g) {
+  var e = C(be), i = f(/* @__PURE__ */ ut()), t = f(ot), r = Re(), a = ft(), o = ve(), d = f(ht());
+  function f(g) {
     return g && g.__esModule ? g : { default: g };
   }
   function C(g, b) {
@@ -1653,7 +1668,7 @@ function Vt() {
         if (l.has(S)) return l.get(S);
         l.set(S, s);
       }
-      for (const f in S) f !== "default" && {}.hasOwnProperty.call(S, f) && ((M = (l = Object.defineProperty) && Object.getOwnPropertyDescriptor(S, f)) && (M.get || M.set) ? l(s, f, M) : s[f] = S[f]);
+      for (const h in S) h !== "default" && {}.hasOwnProperty.call(S, h) && ((M = (l = Object.defineProperty) && Object.getOwnPropertyDescriptor(S, h)) && (M.get || M.set) ? l(s, h, M) : s[h] = S[h]);
       return s;
     })(g, b);
   }
@@ -1661,10 +1676,10 @@ function Vt() {
     return (b = m(b)) in g ? Object.defineProperty(g, b, { value: w, enumerable: !0, configurable: !0, writable: !0 }) : g[b] = w, g;
   }
   function m(g) {
-    var b = d(g, "string");
+    var b = c(g, "string");
     return typeof b == "symbol" ? b : b + "";
   }
-  function d(g, b) {
+  function c(g, b) {
     if (typeof g != "object" || !g) return g;
     var w = g[Symbol.toPrimitive];
     if (w !== void 0) {
@@ -1707,7 +1722,7 @@ function Vt() {
           x: l,
           y: M
         } = D, s = (0, a.createCoreData)(this, l, M);
-        (0, c.default)("DraggableCore: handleDragStart: %j", s), (0, c.default)("calling", this.props.onStart), !(this.props.onStart(b, s) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, r.addUserSelectStyles)(N), this.dragging = !0, this.lastX = l, this.lastY = M, (0, r.addEvent)(N, p.move, this.handleDrag), (0, r.addEvent)(N, p.stop, this.handleDragStop));
+        (0, d.default)("DraggableCore: handleDragStart: %j", s), (0, d.default)("calling", this.props.onStart), !(this.props.onStart(b, s) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, r.addUserSelectStyles)(N), this.dragging = !0, this.lastX = l, this.lastY = M, (0, r.addEvent)(N, p.move, this.handleDrag), (0, r.addEvent)(N, p.stop, this.handleDragStop));
       }), v(this, "handleDrag", (b) => {
         const w = (0, a.getControlPosition)(b, this.touchIdentifier, this);
         if (w == null) return;
@@ -1721,7 +1736,7 @@ function Vt() {
           N = this.lastX + M, S = this.lastY + s;
         }
         const D = (0, a.createCoreData)(this, N, S);
-        if ((0, c.default)("DraggableCore: handleDrag: %j", D), this.props.onDrag(b, D) === !1 || this.mounted === !1) {
+        if ((0, d.default)("DraggableCore: handleDrag: %j", D), this.props.onDrag(b, D) === !1 || this.mounted === !1) {
           try {
             this.handleDragStop(new MouseEvent("mouseup"));
           } catch {
@@ -1740,13 +1755,13 @@ function Vt() {
           y: S
         } = w;
         if (Array.isArray(this.props.grid)) {
-          let s = N - this.lastX || 0, f = S - this.lastY || 0;
-          [s, f] = (0, a.snapToGrid)(this.props.grid, s, f), N = this.lastX + s, S = this.lastY + f;
+          let s = N - this.lastX || 0, h = S - this.lastY || 0;
+          [s, h] = (0, a.snapToGrid)(this.props.grid, s, h), N = this.lastX + s, S = this.lastY + h;
         }
         const D = (0, a.createCoreData)(this, N, S);
         if (this.props.onStop(b, D) === !1 || this.mounted === !1) return !1;
         const M = this.findDOMNode();
-        M && this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(M.ownerDocument), (0, c.default)("DraggableCore: handleDragStop: %j", D), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, M && ((0, c.default)("DraggableCore: Removing handlers"), (0, r.removeEvent)(M.ownerDocument, p.move, this.handleDrag), (0, r.removeEvent)(M.ownerDocument, p.stop, this.handleDragStop));
+        M && this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(M.ownerDocument), (0, d.default)("DraggableCore: handleDragStop: %j", D), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, M && ((0, d.default)("DraggableCore: Removing handlers"), (0, r.removeEvent)(M.ownerDocument, p.move, this.handleDrag), (0, r.removeEvent)(M.ownerDocument, p.stop, this.handleDragStop));
       }), v(this, "onMouseDown", (b) => (p = y.mouse, this.handleDragStart(b))), v(this, "onMouseUp", (b) => (p = y.mouse, this.handleDragStop(b))), v(this, "onTouchStart", (b) => (p = y.touch, this.handleDragStart(b))), v(this, "onTouchEnd", (b) => (p = y.touch, this.handleDragStop(b)));
     }
     componentDidMount() {
@@ -1944,21 +1959,21 @@ function Gt() {
         return C.default;
       }
     }), e.default = void 0;
-    var i = d(be), t = m(/* @__PURE__ */ ut()), r = m(ot), a = zt(), o = Re(), c = ft(), h = ve(), C = m(Vt()), v = m(ht());
+    var i = c(be), t = m(/* @__PURE__ */ ut()), r = m(ot), a = Ht(), o = Re(), d = ft(), f = ve(), C = m(Vt()), v = m(ht());
     function m(w) {
       return w && w.__esModule ? w : { default: w };
     }
-    function d(w, N) {
+    function c(w, N) {
       if (typeof WeakMap == "function") var S = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakMap();
-      return (d = function(l, M) {
+      return (c = function(l, M) {
         if (!M && l && l.__esModule) return l;
-        var s, f, u = { __proto__: null, default: l };
+        var s, h, u = { __proto__: null, default: l };
         if (l === null || typeof l != "object" && typeof l != "function") return u;
         if (s = M ? D : S) {
           if (s.has(l)) return s.get(l);
           s.set(l, u);
         }
-        for (const _ in l) _ !== "default" && {}.hasOwnProperty.call(l, _) && ((f = (s = Object.defineProperty) && Object.getOwnPropertyDescriptor(l, _)) && (f.get || f.set) ? s(u, _, f) : u[_] = l[_]);
+        for (const _ in l) _ !== "default" && {}.hasOwnProperty.call(l, _) && ((h = (s = Object.defineProperty) && Object.getOwnPropertyDescriptor(l, _)) && (h.get || h.set) ? s(u, _, h) : u[_] = l[_]);
         return u;
       })(w, N);
     }
@@ -2010,7 +2025,7 @@ function Gt() {
       }
       constructor(N) {
         super(N), p(this, "onDragStart", (S, D) => {
-          if ((0, v.default)("Draggable: onDragStart: %j", D), this.props.onStart(S, (0, c.createDraggableData)(this, D)) === !1) return !1;
+          if ((0, v.default)("Draggable: onDragStart: %j", D), this.props.onStart(S, (0, d.createDraggableData)(this, D)) === !1) return !1;
           this.setState({
             dragging: !0,
             dragged: !0
@@ -2018,7 +2033,7 @@ function Gt() {
         }), p(this, "onDrag", (S, D) => {
           if (!this.state.dragging) return !1;
           (0, v.default)("Draggable: onDrag: %j", D);
-          const l = (0, c.createDraggableData)(this, D), M = {
+          const l = (0, d.createDraggableData)(this, D), M = {
             x: l.x,
             y: l.y,
             slackX: 0,
@@ -2026,17 +2041,17 @@ function Gt() {
           };
           if (this.props.bounds) {
             const {
-              x: f,
+              x: h,
               y: u
             } = M;
             M.x += this.state.slackX, M.y += this.state.slackY;
-            const [_, W] = (0, c.getBoundPosition)(this, M.x, M.y);
-            M.x = _, M.y = W, M.slackX = this.state.slackX + (f - M.x), M.slackY = this.state.slackY + (u - M.y), l.x = M.x, l.y = M.y, l.deltaX = M.x - this.state.x, l.deltaY = M.y - this.state.y;
+            const [_, I] = (0, d.getBoundPosition)(this, M.x, M.y);
+            M.x = _, M.y = I, M.slackX = this.state.slackX + (h - M.x), M.slackY = this.state.slackY + (u - M.y), l.x = M.x, l.y = M.y, l.deltaX = M.x - this.state.x, l.deltaY = M.y - this.state.y;
           }
           if (this.props.onDrag(S, l) === !1) return !1;
           this.setState(M);
         }), p(this, "onDragStop", (S, D) => {
-          if (!this.state.dragging || this.props.onStop(S, (0, c.createDraggableData)(this, D)) === !1) return !1;
+          if (!this.state.dragging || this.props.onStop(S, (0, d.createDraggableData)(this, D)) === !1) return !1;
           (0, v.default)("Draggable: onDragStop: %j", D);
           const M = {
             dragging: !1,
@@ -2045,10 +2060,10 @@ function Gt() {
           };
           if (!!this.props.position) {
             const {
-              x: f,
+              x: h,
               y: u
             } = this.props.position;
-            M.x = f, M.y = u;
+            M.x = h, M.y = u;
           }
           this.setState(M);
         }), this.state = {
@@ -2092,25 +2107,25 @@ function Gt() {
           defaultPosition: l,
           defaultClassName: M,
           defaultClassNameDragging: s,
-          defaultClassNameDragged: f,
+          defaultClassNameDragged: h,
           position: u,
           positionOffset: _,
-          scale: W,
-          ...z
+          scale: I,
+          ...H
         } = this.props;
         let X = {}, V = null;
-        const H = !!!u || this.state.dragging, ee = u || l, ie = {
+        const B = !!!u || this.state.dragging, ee = u || l, ie = {
           // Set left if horizontal drag is enabled
-          x: (0, c.canDragX)(this) && H ? this.state.x : ee.x,
+          x: (0, d.canDragX)(this) && B ? this.state.x : ee.x,
           // Set top if vertical drag is enabled
-          y: (0, c.canDragY)(this) && H ? this.state.y : ee.y
+          y: (0, d.canDragY)(this) && B ? this.state.y : ee.y
         };
         this.state.isElementSVG ? V = (0, o.createSVGTransform)(ie, _) : X = (0, o.createCSSTransform)(ie, _);
         const le = (0, a.clsx)(D.props.className || "", M, {
           [s]: this.state.dragging,
-          [f]: this.state.dragged
+          [h]: this.state.dragged
         });
-        return /* @__PURE__ */ i.createElement(C.default, y({}, z, {
+        return /* @__PURE__ */ i.createElement(C.default, y({}, H, {
           onStart: this.onDragStart,
           onDrag: this.onDrag,
           onStop: this.onDragStop
@@ -2228,9 +2243,9 @@ function Gt() {
       /**
        * These properties should be defined on the child, not here.
        */
-      className: h.dontSetMe,
-      style: h.dontSetMe,
-      transform: h.dontSetMe
+      className: f.dontSetMe,
+      style: f.dontSetMe,
+      transform: f.dontSetMe
     }), p(b, "defaultProps", {
       ...C.default.defaultProps,
       axis: "both",
@@ -2258,7 +2273,7 @@ function Zt() {
 }
 var Jt = Zt();
 const Qt = /* @__PURE__ */ qt(Jt), en = se((e, i) => {
-  const r = {
+  const a = {
     ...{
       // 1. Take it out of the document flow
       position: "fixed",
@@ -2266,7 +2281,7 @@ const Qt = /* @__PURE__ */ qt(Jt), en = se((e, i) => {
       top: "6rem",
       right: "1rem",
       // 3. Ensure it stacks above other content
-      zIndex: 1,
+      zIndex: typeof e.zIndex < "u" ? Number(e.zIndex) : 99999,
       // Add your layout/appearance styles
       width: "360px",
       minHeight: "360px",
@@ -2275,30 +2290,30 @@ const Qt = /* @__PURE__ */ qt(Jt), en = se((e, i) => {
       boxShadow: "rgba(0, 0, 0, 0.5) 7px 7px 10px 0px"
     },
     ...e.style || {}
-  }, a = e.testId || "not-set", o = e.className || "panel", c = vt(null);
+  }, o = e.testId || "not-set", d = e.className || "panel", f = vt(null);
   return (
     // 3. Pass the internal ref to the Draggable component via 'nodeRef'
     /* @__PURE__ */ n(
       Qt,
       {
-        nodeRef: c,
-        "data-testid": a,
+        nodeRef: f,
+        "data-testid": o,
         axis: "both",
         handle: ".handle",
-        onStart: (v, m) => {
+        onStart: (m, c) => {
           e.onDraggingChange?.(!0);
         },
-        onStop: (v, m) => {
+        onStop: (m, c) => {
           setTimeout(() => {
             e.onDraggingChange?.(!1);
           }, 100);
         },
-        children: /* @__PURE__ */ n("div", { ref: c, className: o, style: r, children: e.children })
+        children: /* @__PURE__ */ n("div", { ref: f, className: d, style: a, children: e.children })
       }
     )
   );
 });
-function Pn({ children: e, addCssClasses: i }) {
+function $n({ children: e, addCssClasses: i }) {
   const t = G(
     "w-full h-full flex-1 flex flex-col",
     (i || "gap-2 items-end justify-end content-end").trim()
@@ -2314,42 +2329,42 @@ function Pn({ children: e, addCssClasses: i }) {
     }
   );
 }
-function $n({ children: e, addCssClasses: i }) {
+function In({ children: e, addCssClasses: i }) {
   const t = G(
     "w-full flex flex-col",
     (i || "items-end").trim()
   );
   return /* @__PURE__ */ n("div", { className: t, children: e });
 }
-const Wn = (e) => {
+const Rn = (e) => {
   console.warn("showToast TODO", e);
-}, tn = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, Rn = se((e, i) => {
+}, tn = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, Wn = se((e, i) => {
   let t = pt(Number(e.zoomScale || 0));
   const r = e.responsiveGrid || !1, a = e.isEditing || !1, o = {
     "--bwj-dashboard-transform-scale": t,
     "--bwj-dashboard-add-cols": tn(t)
-  }, c = G(
+  }, d = G(
     "dashboard-main-grid w-full",
     a ? "editing" : "",
     r ? "responsive-grid" : "",
     `border border-dashed ${a ? "border-primary border-opacity-50" : "border-transparent"}`
   );
-  return /* @__PURE__ */ n("div", { className: c, style: o, children: e.children });
+  return /* @__PURE__ */ n("div", { className: d, style: o, children: e.children });
 }), Me = "size-5", nn = (e, i) => {
   const t = e.hideTitle && !e.isEditing, r = e.noBorder;
   let a = `dashboard-widget ${e.isEditing ? "editing" : ""} border border-solid`;
   r ? a = `${a} border-transparent border-opacity-0` : (e.borderCssClasses || "").trim().length > 0 ? a = `${a} ${e.borderCssClasses}` : a = `${a} border-card-invert border-opacity-20`, e.noShadow && (a = `${a} no-shadow`), e.noPadding && (a = `${a} no-padding p-0`), (e.backgroundCssClasses || "").trim().length > 0 ? a = `${a} ${e.backgroundCssClasses}` : a = `${a} bg-card content-card`, ["large", "xlarge"].indexOf(e.size || "") > -1 && (a = `${a} ${e.size}-widget`);
   const o = () => {
     e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey, e.parentWidgetKey);
-  }, c = (C) => {
+  }, d = (C) => {
     e.onMoveClick && e.widgetKey && e.onMoveClick(C, e.widgetKey, e.parentWidgetKey);
-  }, h = G(
+  }, f = G(
     "widget-header",
     t ? "hidden" : "flex items-center justify-between border-b border-solid border-card-invert",
     t ? "border-opacity-0" : "border-opacity-20"
   );
   return /* @__PURE__ */ $("div", { className: a, children: [
-    /* @__PURE__ */ $("div", { className: h, children: [
+    /* @__PURE__ */ $("div", { className: f, children: [
       /* @__PURE__ */ $("div", { className: "widget-title-wrapper w-full flex flex-row gap-2 items-center justify-between", children: [
         /* @__PURE__ */ $("h2", { className: "widget-title", children: [
           e.title,
@@ -2370,7 +2385,7 @@ const Wn = (e) => {
                 placement: "top",
                 title: `${e.index < 1 ? "Already at min position" : "Move Widget to the left/up"}`
               },
-              onClick: () => c(-1),
+              onClick: () => d(-1),
               children: /* @__PURE__ */ n(it, { className: Me })
             }
           ),
@@ -2384,7 +2399,7 @@ const Wn = (e) => {
                 placement: "top",
                 title: `${e.index >= e.maxIndex ? "Already at max position" : "Move Widget to the right/down"}`
               },
-              onClick: () => c(1),
+              onClick: () => d(1),
               children: /* @__PURE__ */ n(at, { className: Me })
             }
           ),
@@ -2423,15 +2438,15 @@ function an({
   parentWidgetKey: r,
   targetContainerKey: a,
   childWidgetsConfig: o,
-  widgetCatalog: c,
-  isEditing: h,
+  widgetCatalog: d,
+  isEditing: f,
   // for additional props passed to all widget from the dashboard through the DynamicWidgetLoader:
   extraProps: C,
   onRemoveClick: v,
   onMoveClick: m,
-  selectContainer: d
+  selectContainer: c
 }) {
-  const y = `${t}`.split("_"), p = y.length > 1, T = p ? y[0] : t, g = c.get(T);
+  const y = `${t}`.split("_"), p = y.length > 1, T = p ? y[0] : t, g = d.get(T);
   if (!g)
     return /* @__PURE__ */ n("div", { className: "flex", children: /* @__PURE__ */ $("p", { children: [
       "Widget not found in catalog: ",
@@ -2443,7 +2458,7 @@ function an({
     maxIndex: i,
     widgetKey: t,
     parentWidgetKey: r,
-    isEditing: h,
+    isEditing: f,
     extraProps: C,
     title: p ? S : g.title,
     onRemoveClick: v,
@@ -2451,7 +2466,7 @@ function an({
   };
   if (g.component ? (b = g.component, w = !1) : g.loader && (w = !0, b = rt(() => {
     if (!g) return null;
-    const s = typeof __HOST_REACT_VERSION__ < "u" ? __HOST_REACT_VERSION__ : "19.2.3", f = g.meta?.externalDependencies || [], u = f.find((_) => _.startsWith("react@"));
+    const s = typeof __HOST_REACT_VERSION__ < "u" ? __HOST_REACT_VERSION__ : "19.2.3", h = g.meta?.externalDependencies || [], u = h.find((_) => _.startsWith("react@"));
     if (u) {
       const _ = u.split("@")[1];
       if (!rn(s, _))
@@ -2482,10 +2497,10 @@ function an({
             ] }),
             /* @__PURE__ */ $("div", { className: "flex flex-col mt-3", children: [
               /* @__PURE__ */ n("h5", { children: "Externals:" }),
-              /* @__PURE__ */ n("dl", { className: "ml-2 flex flex-col text-xs", children: f.map((W, z) => /* @__PURE__ */ $("dd", { children: [
+              /* @__PURE__ */ n("dl", { className: "ml-2 flex flex-col text-xs", children: h.map((I, H) => /* @__PURE__ */ $("dd", { children: [
                 "- ",
-                W
-              ] }, z)) })
+                I
+              ] }, H)) })
             ] })
           ] }) })
         }));
@@ -2496,8 +2511,8 @@ function an({
       const _ = async () => {
         try {
           return await g.loader();
-        } catch (W) {
-          return console.error(`CDN Load Failure for ${t}:`, W), {
+        } catch (I) {
+          return console.error(`CDN Load Failure for ${t}:`, I), {
             default: () => /* @__PURE__ */ n(tt, { ...l, children: /* @__PURE__ */ $("div", { className: "p-4 border border-dashed border-danger", children: [
               /* @__PURE__ */ $("p", { className: "font-bold", children: [
                 'Failed to load "',
@@ -2520,36 +2535,36 @@ function an({
     ] }) });
   const M = N ? {
     highlight: a === t,
-    selectContainer: d,
+    selectContainer: c,
     // The children prop is the recursive call back to DynamicWidgetLoader
-    children: D.map((s, f) => /* @__PURE__ */ n(
+    children: D.map((s, h) => /* @__PURE__ */ n(
       an,
       {
-        index: f,
+        index: h,
         maxIndex: D.length - 1,
         widgetKey: s.widgetKey,
         parentWidgetKey: s.parentWidgetKey,
-        widgetCatalog: c,
-        isEditing: h,
+        widgetCatalog: d,
+        isEditing: f,
         extraProps: C,
         onRemoveClick: v,
         onMoveClick: m
       },
-      `${s.widgetKey}_${f}`
+      `${s.widgetKey}_${h}`
     ))
   } : {};
   return w ? /* @__PURE__ */ n(xt, { fallback: /* @__PURE__ */ n(on, { title: `Loading ${g.title}` }), children: /* @__PURE__ */ n(b, { ...l, ...M }) }) : /* @__PURE__ */ n(b, { ...l, ...M });
 }
 const ye = "size-5";
-function Ie(e) {
+function We(e) {
   const i = e.highlight || !1, t = e.direction || "column", r = e.children.length > 0, a = e.isEditing || !1;
-  let h = i ? "border-transparent" : a && !r ? "border-card-invert" : "border-transparent";
+  let f = i ? "border-transparent" : a && !r ? "border-card-invert" : "border-transparent";
   const C = ["large", "xlarge"].includes(e.size || "");
   let v = "";
   ["large", "xlarge"].indexOf(e.size || "") > -1 && (v = `${e.size}-widget`);
   let m = "";
   t === "row" && !r ? m = "min-h-48" : t === "column" && !r && (m = "min-h-96");
-  let d = G(
+  let c = G(
     "dashboard-widget-container relative ",
     r ? "" : "has-no-children",
     a ? "editing" : "",
@@ -2557,9 +2572,9 @@ function Ie(e) {
     v,
     C ? "widget-container-grid" : "widget-container-flex",
     `direction-${t}`,
-    `border ${h}`,
-    `${i ? "highlight-container" : ""} ${h}`
-  ), y = `widget-container-header direction-${t} flex items-center border-1 ${h}`;
+    `border ${f}`,
+    `${i ? "highlight-container" : ""} ${f}`
+  ), y = `widget-container-header direction-${t} flex items-center border-1 ${f}`;
   const p = () => {
     e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey);
   }, T = (b) => {
@@ -2567,7 +2582,7 @@ function Ie(e) {
   }, g = () => {
     e.selectContainer && e.widgetKey && e.selectContainer(e.widgetKey);
   };
-  return /* @__PURE__ */ $("div", { "data-testid": `container_${e.widgetKey}`, className: d, children: [
+  return /* @__PURE__ */ $("div", { "data-testid": `container_${e.widgetKey}`, className: c, children: [
     /* @__PURE__ */ $("div", { className: y, children: [
       /* @__PURE__ */ n(
         "div",
@@ -2643,17 +2658,17 @@ function Ie(e) {
     /* @__PURE__ */ n("div", { "data-testid": `childrenwrapper_${e.widgetKey}`, className: "widget-container-inner", children: e.children })
   ] });
 }
-function In(e) {
+function On(e) {
   const { direction: i, ...t } = e;
-  return /* @__PURE__ */ n(Ie, { direction: "column", ...t });
+  return /* @__PURE__ */ n(We, { direction: "column", ...t });
 }
-function On(e) {
+function kn(e) {
   const { size: i, ...t } = e;
-  return /* @__PURE__ */ n(Ie, { size: "large", ...t });
+  return /* @__PURE__ */ n(We, { size: "large", ...t });
 }
-function kn(e) {
+function jn(e) {
   const { direction: i, ...t } = e;
-  return /* @__PURE__ */ n(Ie, { direction: "row", ...t });
+  return /* @__PURE__ */ n(We, { direction: "row", ...t });
 }
 function Pe({
   // widgetKey,
@@ -2661,7 +2676,7 @@ function Pe({
   alreadyAdded: i,
   addWidget: t
 }) {
-  const [r, a] = ae(!1), o = e.icon || jt, c = e.name || "Unknown", h = e.description || "---", v = (e.noDuplicatedWidgets || !1) && i, m = G(`
+  const [r, a] = ae(!1), o = e.icon || jt, d = e.name || "Unknown", f = e.description || "---", v = (e.noDuplicatedWidgets || !1) && i, m = G(`
     flex flex-row gap-2 p-2 rounded-md border text-sm bg-card content-card backdrop-opacity-100
     ${v ? "border-disabled fill-disabled text-disabled" : "cursor-pointer border-primary fill-danger hover:fill-primary content-primary hover:brightness-110"}
   `);
@@ -2671,11 +2686,11 @@ function Pe({
     /* @__PURE__ */ n(o, { className: "" }),
     /* @__PURE__ */ $("div", { className: "w-full", children: [
       /* @__PURE__ */ $("div", { className: "flex flex-row items-center gap-2 justify-between", children: [
-        /* @__PURE__ */ n("span", { className: "font-bold", children: c }),
+        /* @__PURE__ */ n("span", { className: "font-bold", children: d }),
         /* @__PURE__ */ n("div", { className: "text-xs", children: v ? "(Added)" : "" })
       ] }),
       /* @__PURE__ */ $("div", { className: "flex flex-col text-xs", children: [
-        /* @__PURE__ */ n("div", { children: h }),
+        /* @__PURE__ */ n("div", { children: f }),
         /* @__PURE__ */ n("div", { className: "mt-3 cursor-pointer", onClick: (p) => {
           p.stopPropagation(), p.preventDefault(), a(!r);
         }, children: "Externals:" }),
@@ -2690,20 +2705,20 @@ function Pe({
 function sn({ item: e, onSettingItemChanged: i }) {
   const t = e.name || "Unknown", r = e.description || "---", a = G(`
     flex flex-row gap-2 p-2 rounded-md border text-sm bg-card content-card backdrop-opacity-100
-  `), o = (h) => {
-    const C = h.key;
+  `), o = (f) => {
+    const C = f.key;
     if (["ArrowUp", "ArrowDown"].includes(C)) {
-      h.preventDefault();
+      f.preventDefault();
       const v = bt.incrementOrDecrementValue(
         e,
         C === "ArrowUp" ? 1 : -1
       );
       i(v);
     }
-  }, c = (h) => {
+  }, d = (f) => {
     i({
       ...e,
-      value: h.target.value || ""
+      value: f.target.value || ""
     });
   };
   return /* @__PURE__ */ n("div", { className: a, style: { width: "calc(100% - 1rem)" }, children: /* @__PURE__ */ $("div", { className: "w-full", children: [
@@ -2718,7 +2733,7 @@ function sn({ item: e, onSettingItemChanged: i }) {
           size: "small",
           className: "w-full",
           value: e.value,
-          onChange: c,
+          onChange: d,
           onKeyDown: o
         }
       )
@@ -2729,24 +2744,24 @@ const $e = (e, i) => [
   ...i.widgets.filter((r) => r.indexOf("Container") === -1),
   ...i.childWidgetsConfig.map((r) => r.widgetKey)
 ].includes(e);
-function jn(e) {
+function An(e) {
   const {
     currentDashboardConfig: i,
     undoStatus: t,
     addContainer: r,
     onResetToDefaultDashboardClick: a,
     onUndoOrRedo: o,
-    onDoneClick: c
-  } = e, [h, C] = ae("Editing"), [v, m] = ae(0), [d, y] = ae(""), T = Array.from(e.widgetsCatalog.keys()).map((u) => ({
+    onDoneClick: d
+  } = e, [f, C] = ae("Editing"), [v, m] = ae(0), [c, y] = ae(""), T = Array.from(e.widgetsCatalog.keys()).map((u) => ({
     widgetKey: u,
     metaData: yt(u, e.widgetsCatalog)
   })), g = !!e.targetContainerKey, b = (u) => {
     y(u.target.value);
   }, w = (u) => {
-    const _ = d.trim().toLowerCase();
+    const _ = c.trim().toLowerCase();
     return _.length < 1 ? !0 : u.name.trim().toLowerCase().includes(_) || u.description.toLowerCase().includes(_);
   }, N = (u) => {
-    const _ = d.trim().toLowerCase();
+    const _ = c.trim().toLowerCase();
     return _.length < 1 ? !0 : u.name.trim().toLowerCase().includes(_) || u.description.toLowerCase().includes(_);
   }, S = (u) => G(
     "px-4 py-2 font-medium cursor-pointer border-b-2 border-transparent hover:border-primary focus:outline-none",
@@ -2754,9 +2769,9 @@ function jn(e) {
   ), D = (u) => {
     g ? e.addWidget(u, e.targetContainerKey) : e.addWidget(u);
   }, l = (u) => {
-    const _ = (e.currentDashboardConfig.cssSettings || []).map((W) => W.key === u.key ? u : W);
+    const _ = (e.currentDashboardConfig.cssSettings || []).map((I) => I.key === u.key ? u : I);
     e.onSettingItemsUpdated(_);
-  }, [M, s] = ae(!1), f = (u) => {
+  }, [M, s] = ae(!1), h = (u) => {
     s(u);
   };
   return Ct(() => {
@@ -2771,6 +2786,7 @@ function jn(e) {
     {
       testId: "dashboard-catalog-flyout",
       className: "bg-body content-body bg-opacity-70 border-2 border-primary",
+      zIndex: e.zIndex,
       style: {
         width: "360px",
         minWidth: "360px",
@@ -2778,17 +2794,17 @@ function jn(e) {
         minHeight: "360px",
         backdropFilter: "blur(8px)"
       },
-      onDraggingChange: f,
+      onDraggingChange: h,
       children: /* @__PURE__ */ $("div", { className: "flex flex-col gap-2 p-2", children: [
         /* @__PURE__ */ $("div", { className: "flex flex-row gap-2 justify-between", children: [
           /* @__PURE__ */ $("div", { className: "handle flex-1 flex gap-2 w-full hover:text-primary cursor-grab", children: [
-            M ? /* @__PURE__ */ n(Ot, { className: "size-5" }) : /* @__PURE__ */ n(It, { className: "size-5" }),
+            M ? /* @__PURE__ */ n(Ot, { className: "size-5" }) : /* @__PURE__ */ n(Wt, { className: "size-5" }),
             /* @__PURE__ */ n(
               "h2",
               {
                 className: "flex-1 text-base margin-0 capitalize",
-                title: g ? h : `Editing dashboard: ${i.dashboardName}`,
-                children: h
+                title: g ? f : `Editing dashboard: ${i.dashboardName}`,
+                children: f
               }
             )
           ] }),
@@ -2804,7 +2820,7 @@ function jn(e) {
                 },
                 disabled: t.isUndoDisabled,
                 onClick: () => o("Undo"),
-                children: /* @__PURE__ */ n(Wt, { className: "size-5" })
+                children: /* @__PURE__ */ n(It, { className: "size-5" })
               }
             ),
             /* @__PURE__ */ n(
@@ -2848,7 +2864,7 @@ function jn(e) {
             label: "Filter...",
             size: "small",
             className: "w-full",
-            value: d,
+            value: c,
             onChange: b
           }
         ) }),
@@ -2913,7 +2929,7 @@ function jn(e) {
               placement: "bottom",
               title: "Click to exit edit mode"
             },
-            onClick: c,
+            onClick: d,
             children: "Done"
           }
         ) })
@@ -2926,43 +2942,44 @@ export {
   J as Button,
   jt as CircleQuestionMark,
   kt as CrosshairIcon,
-  Rn as DashboardGrid,
+  Wn as DashboardGrid,
   tt as DashboardWidgetBase,
   pn as DeleteIcon,
   en as DraggablePanel,
   an as DynamicWidgetLoader,
   yn as EditIcon,
-  bn as GridIcon,
+  vn as GridIcon,
   Ot as HandGrabIcon,
-  It as HandIcon,
-  Tn as ListItem,
-  Nn as ListItemLeftChild,
-  En as ListItemMiddleChild,
-  _n as ListItemRightChild,
-  vn as MonitorIcon,
-  xn as MonitorSmartphoneIcon,
+  Wt as HandIcon,
+  Nn as ListItem,
+  En as ListItemLeftChild,
+  _n as ListItemMiddleChild,
+  Mn as ListItemRightChild,
+  xn as MonitorIcon,
+  Cn as MonitorSmartphoneIcon,
   it as MoveLeftIcon,
   at as MoveRightIcon,
   Rt as RedoIcon,
+  bn as RenameIcon,
   Pt as SettingsIcon,
   Lt as Stack,
-  B as SvgBaseWrapper,
-  Cn as TabletSmartphoneIcon,
-  Dn as TargetIcon,
+  U as SvgBaseWrapper,
+  wn as TabletSmartphoneIcon,
+  Tn as TargetIcon,
   lt as TextField,
   $t as TimerResetIcon,
-  Wt as UndoIcon,
-  In as WidgetContainerColumn,
-  On as WidgetContainerLarge,
-  kn as WidgetContainerRow,
-  jn as WidgetsCatalogFlyout,
-  Pn as WrapperColumnContent,
-  $n as WrapperColumnContentListItem,
+  It as UndoIcon,
+  On as WidgetContainerColumn,
+  kn as WidgetContainerLarge,
+  jn as WidgetContainerRow,
+  An as WidgetsCatalogFlyout,
+  $n as WrapperColumnContent,
+  In as WrapperColumnContentListItem,
   st as XCircleIcon,
-  wn as ZoomInIcon,
-  Sn as ZoomOutIcon,
+  Sn as ZoomInIcon,
+  Dn as ZoomOutIcon,
   rn as _isVersionCompatible,
-  Wn as showToast,
+  Rn as showToast,
   hn as useDashboardStore,
   gn as useDashboardUndoService
 };