@tenorlab/react-dashboard 1.1.6 → 1.1.7

package/dist/react-dashboard.es.js

@@ -1,7 +1,7 @@
-import se, { useState as le, useCallback as ue, useMemo as at, forwardRef as ce, useRef as wt, Suspense as Ct, useEffect as St } from "react";
-import { jsxs as W, jsx as s } from "react/jsx-runtime";
-import st from "react-dom";
-const Dt = [
+import ae, { useState as le, useCallback as ue, useMemo as st, forwardRef as ce, useRef as Ct, Suspense as St, useEffect as Dt } from "react";
+import { jsxs as W, jsx as a } from "react/jsx-runtime";
+import lt from "react-dom";
+const Nt = [
   {
     key: "grid-gap",
     displayName: "Gap",
@@ -79,9 +79,9 @@ const Dt = [
     defaultValue: "1.0rem",
     value: "1.0rem"
   }
-], Nt = ["rem", "pc", "cm", "in", "em", "vh", "vw", "%"], Tt = (e, n) => Nt.includes(e) ? n : 1, Et = {
+], Tt = ["rem", "pc", "cm", "in", "em", "vh", "vw", "%"], Et = (e, n) => Tt.includes(e) ? n : 1, _t = {
   incrementOrDecrementValue: (e, n) => {
-    const t = e.value.match(/([\d.]+)/), r = t ? parseFloat(t[1]) : 0, i = e.value.match(/([^\d.]+)/), o = i ? i[1] : e.defaultUnit, a = Tt(o, e.step) * n, y = `${Math.max(r + a, e.minValue).toFixed(1)}${o}`;
+    const t = e.value.match(/([\d.]+)/), r = t ? parseFloat(t[1]) : 0, i = e.value.match(/([^\d.]+)/), o = i ? i[1] : e.defaultUnit, s = Et(o, e.step) * n, y = `${Math.max(r + s, e.minValue).toFixed(1)}${o}`;
     return {
       ...e,
       value: y
@@ -96,14 +96,14 @@ const Dt = [
   responsiveGrid: !1,
   widgets: [],
   childWidgetsConfig: [],
-  cssSettings: [...Dt]
-}, Ae = 0.7, Le = 1, _t = 0.05, lt = (e) => {
+  cssSettings: [...Nt]
+}, Ae = 0.7, Le = 1, Mt = 0.05, ct = (e) => {
   let n = Number(e || 0);
   return n < Ae && (n = Ae), n > Le && (n = Le), n;
-}, Mn = (e, n) => {
-  let t = Number(Number((_t * n).toFixed(2)).toFixed(2)), r = Number((Number(e) + t).toFixed(2));
-  return lt(r);
-}, Pn = (e) => {
+}, Pn = (e, n) => {
+  let t = Number(Number((Mt * n).toFixed(2)).toFixed(2)), r = Number((Number(e) + t).toFixed(2));
+  return ct(r);
+}, $n = (e) => {
   let n = {
     ...e
   };
@@ -119,7 +119,7 @@ const Dt = [
     }
     return !0;
   }), n;
-}, Mt = (e) => {
+}, Pt = (e) => {
   const n = e.widgets.filter(
     (r) => r.includes("WidgetContainer")
   ), t = {};
@@ -145,13 +145,13 @@ const Dt = [
     icon: void 0,
     externalDependencies: []
   };
-}, $n = (e, n, t) => {
+}, Wn = (e, n, t) => {
   const r = n[e];
   return r || ge(e, t);
-}, Pt = (e, n) => {
+}, $t = (e, n) => {
   const r = n.get(e)?.meta;
   return r || ge(e);
-}, $t = (e, n, t) => {
+}, Wt = (e, n, t) => {
   const r = t || ge(e);
   return [
     e,
@@ -163,7 +163,7 @@ const Dt = [
       component: n
     }
   ];
-}, ct = (e, n, t) => {
+}, dt = (e, n, t) => {
   const r = t || ge(e);
   return [
     e,
@@ -175,23 +175,23 @@ const Dt = [
       loader: n
     }
   ];
-}, Wt = (e) => {
+}, It = (e) => {
   const n = e.match(/\/widget-([a-zA-Z0-9-]+)\/index\.ts$/);
   if (n && n[1]) {
     const t = n[1], r = `Widget${t.split("-").map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join("")}`, i = t.split("-").map((o) => o.charAt(0).toUpperCase() + o.slice(1)).join(" ");
     return { key: r, title: i, folder: t };
   }
   return null;
-}, It = (e, n, t, r) => {
-  const i = `${n}/widget-${t}/widget-${t}.meta.ts`, o = e[i], a = `${r}Meta`;
-  if (o && o[a])
-    return o[a];
-}, Wn = async (e) => new Promise(async (n, t) => {
+}, Rt = (e, n, t, r) => {
+  const i = `${n}/widget-${t}/widget-${t}.meta.ts`, o = e[i], s = `${r}Meta`;
+  if (o && o[s])
+    return o[s];
+}, In = async (e) => new Promise(async (n, t) => {
   const r = [];
   try {
     const o = await (await fetch(`${e}?${Math.random()}`)).json();
-    for (const a in o) {
-      const d = o[a], y = () => import(
+    for (const s in o) {
+      const d = o[s], y = () => import(
         /* @vite-ignore */
         d.url
       ), m = {
@@ -203,7 +203,7 @@ const Dt = [
         // Or a logic to map a string name to a Lucide component
         externalDependencies: d.meta.externalDependencies || []
       };
-      r.push(ct(a, y, m));
+      r.push(dt(s, y, m));
     }
     n({
       entries: r,
@@ -217,22 +217,22 @@ const Dt = [
       details: typeof i == "object" ? JSON.stringify(i) : i
     });
   }
-}), In = (e, n, t, r = !0) => {
+}), Rn = (e, n, t, r = !0) => {
   const i = [];
   for (const o in n) {
-    const a = n[o], d = Wt(o);
-    if (d && a) {
+    const s = n[o], d = It(o);
+    if (d && s) {
       const { key: y, title: m, folder: h } = d;
-      let u = It(t, e, h, y);
+      let u = Rt(t, e, h, y);
       if (u || (u = ge(y, {
         title: m,
         description: `Local ${r ? "dynamic" : "static"} widget`
       })), r) {
-        const g = a;
-        i.push(ct(y, g, u));
+        const g = s;
+        i.push(dt(y, g, u));
       } else {
-        const g = a.default || a;
-        i.push($t(y, g, u));
+        const g = s.default || s;
+        i.push(Wt(y, g, u));
       }
     }
   }
@@ -247,29 +247,29 @@ const Dt = [
     }
   }, i = () => n, d = { setState: r, getState: i, getInitialState: () => y, subscribe: (m) => (t.add(m), () => t.delete(m)) }, y = n = e(r, i, d);
   return d;
-}, Ot = ((e) => e ? Fe(e) : Fe), Rt = (e) => e;
-function kt(e, n = Rt) {
-  const t = se.useSyncExternalStore(
+}, Ot = ((e) => e ? Fe(e) : Fe), kt = (e) => e;
+function jt(e, n = kt) {
+  const t = ae.useSyncExternalStore(
     e.subscribe,
-    se.useCallback(() => n(e.getState()), [e, n]),
-    se.useCallback(() => n(e.getInitialState()), [e, n])
+    ae.useCallback(() => n(e.getState()), [e, n]),
+    ae.useCallback(() => n(e.getInitialState()), [e, n])
   );
-  return se.useDebugValue(t), t;
+  return ae.useDebugValue(t), t;
 }
-const jt = (e) => {
-  const n = Ot(e), t = (r) => kt(n, r);
+const At = (e) => {
+  const n = Ot(e), t = (r) => jt(n, r);
   return Object.assign(t, n), t;
-}, At = ((e) => jt), Lt = (e) => {
+}, Lt = ((e) => At), Ft = (e) => {
   const n = e.widgets.filter((r) => r.includes("WidgetContainer")).map((r) => Number(r.split("_")[1].replace("container", "")));
   return `container${n.length > 0 ? Math.max(...n) + 1 : 1}`;
-}, Ft = (e, n) => {
-  const t = Lt(e);
+}, Vt = (e, n) => {
+  const t = Ft(e);
   return `${n}_${t}`;
 }, Ut = (e) => {
   const { dashboardConfig: n, widgetKey: t, parentWidgetKey: r, noDuplicatedWidgets: i } = e;
   if (r) {
     if (i && n.childWidgetsConfig.find(
-      (a) => a.parentWidgetKey === r && a.widgetKey === t
+      (s) => s.parentWidgetKey === r && s.widgetKey === t
     ))
       return {
         success: !1,
@@ -304,20 +304,20 @@ const jt = (e) => {
       }
     };
   }
-}, Vt = (e, n, t) => {
+}, qt = (e, n, t) => {
   if ((t || "").trim().length > 0) {
     const r = e.childWidgetsConfig.filter(
       (y) => y.parentWidgetKey !== t
     ), i = e.childWidgetsConfig.filter(
       (y) => y.parentWidgetKey === t && y.widgetKey !== n
     ), o = [...r, ...i];
-    let a = {
+    let s = {
       ...e,
       childWidgetsConfig: o
     };
-    return `${n}`.includes("Container") && (a = Mt(a)), {
+    return `${n}`.includes("Container") && (s = Pt(s)), {
       success: !0,
-      updatedDashboardConfig: a
+      updatedDashboardConfig: s
     };
   } else {
     const r = e.widgets.filter((o) => o !== n), i = e.childWidgetsConfig.filter(
@@ -340,15 +340,15 @@ const jt = (e) => {
     let o = e.childWidgetsConfig.filter(
       (h) => h.parentWidgetKey === r
     );
-    const a = o.indexOf(t);
-    let d = a + n;
-    if (d = Math.max(0, d), d = Math.min(o.length - 1, d), d === a)
+    const s = o.indexOf(t);
+    let d = s + n;
+    if (d = Math.max(0, d), d = Math.min(o.length - 1, d), d === s)
       return {
         success: !1,
         message: `DashboardStore: moveWidget: Widget already at min/max position (${t})`,
         updatedDashboardConfig: e
       };
-    const y = [...o], [m] = y.splice(a, 1);
+    const y = [...o], [m] = y.splice(s, 1);
     return y.splice(d, 0, m), {
       success: !0,
       updatedDashboardConfig: {
@@ -358,15 +358,15 @@ const jt = (e) => {
     };
   } else {
     const i = e.widgets || [], o = i.indexOf(t);
-    let a = o + n;
-    if (a = Math.max(0, a), a = Math.min(i.length - 1, a), a === o)
+    let s = o + n;
+    if (s = Math.max(0, s), s = Math.min(i.length - 1, s), s === o)
       return {
         success: !1,
         message: `DashboardStore: moveWidget: Widget already at min/max position (${t})`,
         updatedDashboardConfig: e
       };
     const d = [...i], [y] = d.splice(o, 1);
-    return d.splice(a, 0, y), {
+    return d.splice(s, 0, y), {
       success: !0,
       updatedDashboardConfig: {
         ...e,
@@ -374,13 +374,13 @@ const jt = (e) => {
       }
     };
   }
-}, qt = (e, n) => ({
+}, zt = (e, n) => ({
   isLoading: !1,
   isEditing: !1,
   allDashboardConfigs: [Ce],
   currentDashboardConfig: Ce,
   targetContainerKey: void 0,
-  getNextContainerKey: (t) => Ft(n().currentDashboardConfig, t),
+  getNextContainerKey: (t) => Vt(n().currentDashboardConfig, t),
   setIsLoading: (t) => (e(() => ({ isLoading: t })), t),
   setIsEditing: (t) => {
     let r = n().targetContainerKey;
@@ -432,7 +432,7 @@ const jt = (e) => {
       ...t
     }), o = [
       ...r.allDashboardConfigs.filter(
-        (a) => a.dashboardId !== i.updatedDashboardConfig.dashboardId
+        (s) => s.dashboardId !== i.updatedDashboardConfig.dashboardId
       ),
       i.updatedDashboardConfig
     ];
@@ -445,49 +445,49 @@ const jt = (e) => {
     };
   },
   removeWidget: (t, r) => {
-    const i = n(), o = Vt(i.currentDashboardConfig, t, r), a = [
+    const i = n(), o = qt(i.currentDashboardConfig, t, r), s = [
       ...i.allDashboardConfigs.filter(
         (d) => d.dashboardId !== o.updatedDashboardConfig.dashboardId
       ),
       o.updatedDashboardConfig
     ];
     return o.success && e(() => ({
-      allDashboardConfigs: a,
+      allDashboardConfigs: s,
       currentDashboardConfig: o.updatedDashboardConfig
     })), {
       ...o,
-      allUpdatedDashboardConfigs: a
+      allUpdatedDashboardConfigs: s
     };
   },
   moveWidget: (t, r, i) => {
-    const o = n(), a = Yt(o.currentDashboardConfig, t, r, i), d = [
+    const o = n(), s = Yt(o.currentDashboardConfig, t, r, i), d = [
       ...o.allDashboardConfigs.filter(
-        (y) => y.dashboardId !== a.updatedDashboardConfig.dashboardId
+        (y) => y.dashboardId !== s.updatedDashboardConfig.dashboardId
       ),
-      a.updatedDashboardConfig
+      s.updatedDashboardConfig
     ];
-    return a.success && e(() => ({
+    return s.success && e(() => ({
       allDashboardConfigs: d,
-      currentDashboardConfig: a.updatedDashboardConfig
+      currentDashboardConfig: s.updatedDashboardConfig
     })), {
-      ...a,
+      ...s,
       allUpdatedDashboardConfigs: d
     };
   }
-}), On = At()((...e) => ({
-  ...qt(...e)
-})), dt = (e, n) => `dashboards_${n}_${e}`, zt = async (e, n, t, r) => {
-  const i = localStorage.getItem(dt(e, n));
+}), On = Lt()((...e) => ({
+  ...zt(...e)
+})), ut = (e, n) => `dashboards_${n}_${e}`, Bt = async (e, n, t, r) => {
+  const i = localStorage.getItem(ut(e, n));
   if (i)
     try {
       const o = JSON.parse(i);
-      return o.length < 1 ? [r] : (o.forEach((a) => {
-        a.dashboardId || (a.dashboardId = "default"), a.dashboardName || (a.dashboardName = `Dashboard ${a.dashboardId}`), a.responsiveGrid = a.responsiveGrid ?? !1, (a.widgets || []).length < 1 && (a.widgets = r.widgets);
-        const d = (a.cssSettings || []).filter(
+      return o.length < 1 ? [r] : (o.forEach((s) => {
+        s.dashboardId || (s.dashboardId = "default"), s.dashboardName || (s.dashboardName = `Dashboard ${s.dashboardId}`), s.responsiveGrid = s.responsiveGrid ?? !1, (s.widgets || []).length < 1 && (s.widgets = r.widgets);
+        const d = (s.cssSettings || []).filter(
           (y) => r.cssSettings.some((m) => m.key === y.key)
         );
         if (d.length < 1)
-          a.cssSettings = [...r.cssSettings];
+          s.cssSettings = [...r.cssSettings];
         else {
           d.forEach((m) => {
             m.value = (m.value || "").replace(/NaN/g, "");
@@ -501,34 +501,34 @@ const jt = (e) => {
           const y = r.cssSettings.filter((m) => !d.some(
             (h) => h.key === m.key
           ));
-          a.cssSettings = [...d, ...y];
+          s.cssSettings = [...d, ...y];
         }
-        a.widgets = a.widgets.filter(
+        s.widgets = s.widgets.filter(
           (y) => y.includes("WidgetContainer") || t.has(y)
-        ), a.childWidgetsConfig = a.childWidgetsConfig.filter(
+        ), s.childWidgetsConfig = s.childWidgetsConfig.filter(
           (y) => t.has(y.widgetKey)
-        ), a.zoomScale ? a.zoomScale < 0.7 && (a.zoomScale = 0.7) : a.zoomScale = 1;
+        ), s.zoomScale ? s.zoomScale < 0.7 && (s.zoomScale = 0.7) : s.zoomScale = 1;
       }), o);
     } catch (o) {
       console.warn("Error parsing saved dashboard config:", o);
     }
   return [r];
-}, Bt = async (e, n, t, r) => {
+}, Ht = async (e, n, t, r) => {
   t.forEach((o) => {
     if (o.userID = e, o.clientAppKey = n, o.responsiveGrid = o.responsiveGrid ?? !1, typeof o != "object")
       throw new Error("Invalid dashboard configuration");
     o.widgets = o.widgets.filter(
-      (a) => a.includes("WidgetContainer") || r.has(a)
+      (s) => s.includes("WidgetContainer") || r.has(s)
     ), o.childWidgetsConfig = o.childWidgetsConfig.filter(
-      (a) => r.has(a.widgetKey)
+      (s) => r.has(s.widgetKey)
     ), o.zoomScale ? o.zoomScale < 0.7 && (o.zoomScale = 0.7) : o.zoomScale = 1;
   });
   const i = JSON.stringify(t);
-  return localStorage.setItem(dt(e, n), i), !0;
+  return localStorage.setItem(ut(e, n), i), !0;
 }, Kt = {
-  getSavedDashboards: zt,
-  saveDashboards: Bt
-}, Rn = () => Kt, kn = () => {
+  getSavedDashboards: Bt,
+  saveDashboards: Ht
+}, kn = () => Kt, jn = () => {
   const [e, n] = le({}), [t, r] = le({}), i = ue((h) => {
     const u = h.dashboardId;
     n((g) => {
@@ -536,8 +536,8 @@ const jt = (e) => {
         undoIndex: 0,
         config: h
       };
-      return r((w) => ({
-        ...w,
+      return r((x) => ({
+        ...x,
         [u]: 0
       })), {
         ...g,
@@ -548,11 +548,11 @@ const jt = (e) => {
   }, []), o = ue(
     (h) => {
       n((u) => {
-        const g = h.dashboardId, p = u[g] || [], w = t[g] ?? -1, v = p.slice(0, w + 1), b = {
-          undoIndex: v.length,
+        const g = h.dashboardId, p = u[g] || [], x = t[g] ?? -1, b = p.slice(0, x + 1), v = {
+          undoIndex: b.length,
           // New index based on trimmed length
           config: h
-        }, C = [...v, b];
+        }, C = [...b, v];
         return r((N) => ({
           ...N,
           [g]: C.length - 1
@@ -564,7 +564,7 @@ const jt = (e) => {
       });
     },
     [t]
-  ), a = ue((h) => {
+  ), s = ue((h) => {
     n((u) => {
       if (!u[h])
         return u;
@@ -587,8 +587,8 @@ const jt = (e) => {
   ), y = ue(
     (h) => {
       r((u) => {
-        const g = e[h]?.length || 0, p = u[h] ?? -1, w = Math.min(g - 1, p + 1);
-        return w !== p ? { ...u, [h]: w } : u;
+        const g = e[h]?.length || 0, p = u[h] ?? -1, x = Math.min(g - 1, p + 1);
+        return x !== p ? { ...u, [h]: x } : u;
       });
     },
     [
@@ -600,23 +600,23 @@ const jt = (e) => {
     initializeHistoryForDashboard: i,
     resetAllHistory: () => n({}),
     addUndoEntry: o,
-    removeUndoHistoryForDashboard: a,
+    removeUndoHistoryForDashboard: s,
     undo: d,
     redo: y,
     getUndoStatus: (h) => {
-      const u = t[h] ?? -1, g = e[h]?.length || 0, p = u <= 0, w = u >= g - 1;
-      return { isUndoDisabled: p, isRedoDisabled: w };
+      const u = t[h] ?? -1, g = e[h]?.length || 0, p = u <= 0, x = u >= g - 1;
+      return { isUndoDisabled: p, isRedoDisabled: x };
     },
     undoHistory: e,
     historyIndex: t
     // (Optional: You might expose undoHistory and historyIndex if needed for debugging)
   };
 };
-function K({
+function H({
   children: e,
   className: n
 }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ a(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -633,186 +633,186 @@ function K({
     }
   );
 }
-function jn({ className: e }) {
-  return /* @__PURE__ */ W(K, { className: `lucide lucide-circle-plus-icon lucide-circle-plus ${e}`, children: [
-    /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ s("path", { d: "M8 12h8" }),
-    /* @__PURE__ */ s("path", { d: "M12 8v8" })
-  ] });
-}
 function An({ className: e }) {
-  return /* @__PURE__ */ W(K, { className: `lucide lucide-trash2-icon lucide-trash-2 ${e}`, children: [
-    /* @__PURE__ */ s("path", { d: "M10 11v6" }),
-    /* @__PURE__ */ s("path", { d: "M14 11v6" }),
-    /* @__PURE__ */ s("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
-    /* @__PURE__ */ s("path", { d: "M3 6h18" }),
-    /* @__PURE__ */ s("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+  return /* @__PURE__ */ W(H, { className: `lucide lucide-circle-plus-icon lucide-circle-plus ${e}`, children: [
+    /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ a("path", { d: "M8 12h8" }),
+    /* @__PURE__ */ a("path", { d: "M12 8v8" })
   ] });
 }
 function Ln({ className: e }) {
-  return /* @__PURE__ */ W(K, { className: `lucide lucide-square-pen-icon lucide-square-pen ${e}`, children: [
-    /* @__PURE__ */ s("path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
-    /* @__PURE__ */ s("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" })
+  return /* @__PURE__ */ W(H, { className: `lucide lucide-trash2-icon lucide-trash-2 ${e}`, children: [
+    /* @__PURE__ */ a("path", { d: "M10 11v6" }),
+    /* @__PURE__ */ a("path", { d: "M14 11v6" }),
+    /* @__PURE__ */ a("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
+    /* @__PURE__ */ a("path", { d: "M3 6h18" }),
+    /* @__PURE__ */ a("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
   ] });
 }
 function Fn({ className: e }) {
-  return /* @__PURE__ */ W(K, { className: `lucide lucide-grid3x3-icon lucide-grid-3x3 ${e}`, children: [
-    /* @__PURE__ */ s("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-    /* @__PURE__ */ s("path", { d: "M3 9h18" }),
-    /* @__PURE__ */ s("path", { d: "M3 15h18" }),
-    /* @__PURE__ */ s("path", { d: "M9 3v18" }),
-    /* @__PURE__ */ s("path", { d: "M15 3v18" })
+  return /* @__PURE__ */ W(H, { className: `lucide lucide-square-pen-icon lucide-square-pen ${e}`, children: [
+    /* @__PURE__ */ a("path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
+    /* @__PURE__ */ a("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 Vn({ className: e }) {
+  return /* @__PURE__ */ W(H, { className: `lucide lucide-grid3x3-icon lucide-grid-3x3 ${e}`, children: [
+    /* @__PURE__ */ a("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+    /* @__PURE__ */ a("path", { d: "M3 9h18" }),
+    /* @__PURE__ */ a("path", { d: "M3 15h18" }),
+    /* @__PURE__ */ a("path", { d: "M9 3v18" }),
+    /* @__PURE__ */ a("path", { d: "M15 3v18" })
   ] });
 }
 function Un({ className: e }) {
-  return /* @__PURE__ */ W(K, { className: `lucide lucide-monitor-icon lucide-monitor ${e}`, children: [
-    /* @__PURE__ */ s("rect", { width: "20", height: "14", x: "2", y: "3", rx: "2" }),
-    /* @__PURE__ */ s("line", { x1: "8", x2: "16", y1: "21", y2: "21" }),
-    /* @__PURE__ */ s("line", { x1: "12", x2: "12", y1: "17", y2: "21" })
+  return /* @__PURE__ */ W(H, { className: `lucide lucide-monitor-icon lucide-monitor ${e}`, children: [
+    /* @__PURE__ */ a("rect", { width: "20", height: "14", x: "2", y: "3", rx: "2" }),
+    /* @__PURE__ */ a("line", { x1: "8", x2: "16", y1: "21", y2: "21" }),
+    /* @__PURE__ */ a("line", { x1: "12", x2: "12", y1: "17", y2: "21" })
   ] });
 }
-function Vn({ className: e }) {
+function qn({ className: e }) {
   return /* @__PURE__ */ W(
-    K,
+    H,
     {
       className: `lucide lucide-monitor-smartphone-icon lucide-monitor-smartphone ${e}`,
       children: [
-        /* @__PURE__ */ s("path", { d: "M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8" }),
-        /* @__PURE__ */ s("path", { d: "M10 19v-3.96 3.15" }),
-        /* @__PURE__ */ s("path", { d: "M7 19h5" }),
-        /* @__PURE__ */ s("rect", { width: "6", height: "10", x: "16", y: "12", rx: "2" })
+        /* @__PURE__ */ a("path", { d: "M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8" }),
+        /* @__PURE__ */ a("path", { d: "M10 19v-3.96 3.15" }),
+        /* @__PURE__ */ a("path", { d: "M7 19h5" }),
+        /* @__PURE__ */ a("rect", { width: "6", height: "10", x: "16", y: "12", rx: "2" })
       ]
     }
   );
 }
-function ut({ className: e }) {
+function ft({ className: e }) {
   return /* @__PURE__ */ W(
-    K,
+    H,
     {
       className: `lucide lucide-circle-arrow-left-icon lucide-circle-arrow-left ${e}`,
       children: [
-        /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ s("path", { d: "m12 8-4 4 4 4" }),
-        /* @__PURE__ */ s("path", { d: "M16 12H8" })
+        /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ a("path", { d: "m12 8-4 4 4 4" }),
+        /* @__PURE__ */ a("path", { d: "M16 12H8" })
       ]
     }
   );
 }
-function ft({ className: e }) {
+function ht({ className: e }) {
   return /* @__PURE__ */ W(
-    K,
+    H,
     {
       className: `lucide lucide-circle-arrow-right-icon lucide-circle-arrow-right ${e}`,
       children: [
-        /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ s("path", { d: "m12 16 4-4-4-4" }),
-        /* @__PURE__ */ s("path", { d: "M8 12h8" })
+        /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ a("path", { d: "m12 16 4-4-4-4" }),
+        /* @__PURE__ */ a("path", { d: "M8 12h8" })
       ]
     }
   );
 }
-function Ht({ className: e }) {
-  return /* @__PURE__ */ W(K, { className: `lucide lucide-settings-icon lucide-settings ${e}`, children: [
-    /* @__PURE__ */ s("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__ */ s("circle", { cx: "12", cy: "12", r: "3" })
+function Xt({ className: e }) {
+  return /* @__PURE__ */ W(H, { className: `lucide lucide-settings-icon lucide-settings ${e}`, children: [
+    /* @__PURE__ */ a("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__ */ a("circle", { cx: "12", cy: "12", r: "3" })
   ] });
 }
 function Yn({ className: e }) {
   return /* @__PURE__ */ W(
-    K,
+    H,
     {
       className: `lucide lucide-tablet-smartphone-icon lucide-tablet-smartphone ${e}`,
       children: [
-        /* @__PURE__ */ s("rect", { width: "10", height: "14", x: "3", y: "8", rx: "2" }),
-        /* @__PURE__ */ s("path", { d: "M5 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2h-2.4" }),
-        /* @__PURE__ */ s("path", { d: "M8 18h.01" })
+        /* @__PURE__ */ a("rect", { width: "10", height: "14", x: "3", y: "8", rx: "2" }),
+        /* @__PURE__ */ a("path", { d: "M5 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2h-2.4" }),
+        /* @__PURE__ */ a("path", { d: "M8 18h.01" })
       ]
     }
   );
 }
-function ht({ className: e }) {
-  return /* @__PURE__ */ W(K, { className: `lucide lucide-circle-x-icon lucide-circle-x ${e}`, children: [
-    /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ s("path", { d: "m15 9-6 6" }),
-    /* @__PURE__ */ s("path", { d: "m9 9 6 6" })
-  ] });
-}
-function qn({ className: e }) {
-  return /* @__PURE__ */ W(K, { className: `lucide lucide-zoom-in-icon lucide-zoom-in ${e}`, children: [
-    /* @__PURE__ */ s("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ s("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
-    /* @__PURE__ */ s("line", { x1: "11", x2: "11", y1: "8", y2: "14" }),
-    /* @__PURE__ */ s("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
+function gt({ className: e }) {
+  return /* @__PURE__ */ W(H, { className: `lucide lucide-circle-x-icon lucide-circle-x ${e}`, children: [
+    /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ a("path", { d: "m15 9-6 6" }),
+    /* @__PURE__ */ a("path", { d: "m9 9 6 6" })
   ] });
 }
 function zn({ className: e }) {
-  return /* @__PURE__ */ W(K, { className: `lucide lucide-zoom-out-icon lucide-zoom-out ${e}`, children: [
-    /* @__PURE__ */ s("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ s("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
-    /* @__PURE__ */ s("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
+  return /* @__PURE__ */ W(H, { className: `lucide lucide-zoom-in-icon lucide-zoom-in ${e}`, children: [
+    /* @__PURE__ */ a("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ a("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
+    /* @__PURE__ */ a("line", { x1: "11", x2: "11", y1: "8", y2: "14" }),
+    /* @__PURE__ */ a("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
   ] });
 }
-function Xt({ className: e }) {
-  return /* @__PURE__ */ W(K, { className: `lucide lucide-timer-reset-icon lucide-timer-reset ${e}`, children: [
-    /* @__PURE__ */ s("path", { d: "M10 2h4" }),
-    /* @__PURE__ */ s("path", { d: "M12 14v-4" }),
-    /* @__PURE__ */ s("path", { d: "M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6" }),
-    /* @__PURE__ */ s("path", { d: "M9 17H4v5" })
+function Bn({ className: e }) {
+  return /* @__PURE__ */ W(H, { className: `lucide lucide-zoom-out-icon lucide-zoom-out ${e}`, children: [
+    /* @__PURE__ */ a("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ a("line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }),
+    /* @__PURE__ */ a("line", { x1: "8", x2: "14", y1: "11", y2: "11" })
   ] });
 }
 function Gt({ className: e }) {
-  return /* @__PURE__ */ W(K, { className: `lucide lucide-undo-icon lucide-undo ${e}`, children: [
-    /* @__PURE__ */ s("path", { d: "M3 7v6h6" }),
-    /* @__PURE__ */ s("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })
+  return /* @__PURE__ */ W(H, { className: `lucide lucide-timer-reset-icon lucide-timer-reset ${e}`, children: [
+    /* @__PURE__ */ a("path", { d: "M10 2h4" }),
+    /* @__PURE__ */ a("path", { d: "M12 14v-4" }),
+    /* @__PURE__ */ a("path", { d: "M4 13a8 8 0 0 1 8-7 8 8 0 1 1-5.3 14L4 17.6" }),
+    /* @__PURE__ */ a("path", { d: "M9 17H4v5" })
   ] });
 }
 function Zt({ className: e }) {
-  return /* @__PURE__ */ W(K, { className: `lucide lucide-redo-icon lucide-redo ${e}`, children: [
-    /* @__PURE__ */ s("path", { d: "M21 7v6h-6" }),
-    /* @__PURE__ */ s("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7" })
+  return /* @__PURE__ */ W(H, { className: `lucide lucide-undo-icon lucide-undo ${e}`, children: [
+    /* @__PURE__ */ a("path", { d: "M3 7v6h6" }),
+    /* @__PURE__ */ a("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })
   ] });
 }
 function Jt({ className: e }) {
-  return /* @__PURE__ */ W(K, { className: `lucide lucide-hand-icon lucide-hand ${e}`, children: [
-    /* @__PURE__ */ s("path", { d: "M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2" }),
-    /* @__PURE__ */ s("path", { d: "M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
-    /* @__PURE__ */ s("path", { d: "M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8" }),
-    /* @__PURE__ */ s("path", { d: "M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15" })
+  return /* @__PURE__ */ W(H, { className: `lucide lucide-redo-icon lucide-redo ${e}`, children: [
+    /* @__PURE__ */ a("path", { d: "M21 7v6h-6" }),
+    /* @__PURE__ */ a("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7" })
   ] });
 }
 function Qt({ className: e }) {
-  return /* @__PURE__ */ W(K, { className: `lucide lucide-hand-grab-icon lucide-hand-grab ${e}`, children: [
-    /* @__PURE__ */ s("path", { d: "M18 11.5V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v1.4" }),
-    /* @__PURE__ */ s("path", { d: "M14 10V8a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
-    /* @__PURE__ */ s("path", { d: "M10 9.9V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v5" }),
-    /* @__PURE__ */ s("path", { d: "M6 14a2 2 0 0 0-2-2a2 2 0 0 0-2 2" }),
-    /* @__PURE__ */ s("path", { d: "M18 11a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-4a8 8 0 0 1-8-8 2 2 0 1 1 4 0" })
+  return /* @__PURE__ */ W(H, { className: `lucide lucide-hand-icon lucide-hand ${e}`, children: [
+    /* @__PURE__ */ a("path", { d: "M18 11V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2" }),
+    /* @__PURE__ */ a("path", { d: "M14 10V4a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
+    /* @__PURE__ */ a("path", { d: "M10 10.5V6a2 2 0 0 0-2-2a2 2 0 0 0-2 2v8" }),
+    /* @__PURE__ */ a("path", { d: "M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15" })
   ] });
 }
 function en({ className: e }) {
-  return /* @__PURE__ */ W(K, { className: `lucide lucide-crosshair-icon lucide-crosshair ${e}`, children: [
-    /* @__PURE__ */ s("line", { x1: "22", x2: "18", y1: "12", y2: "12" }),
-    /* @__PURE__ */ s("line", { x1: "6", x2: "2", y1: "12", y2: "12" }),
-    /* @__PURE__ */ s("line", { x1: "12", x2: "12", y1: "6", y2: "2" }),
-    /* @__PURE__ */ s("line", { x1: "12", x2: "12", y1: "22", y2: "18" })
+  return /* @__PURE__ */ W(H, { className: `lucide lucide-hand-grab-icon lucide-hand-grab ${e}`, children: [
+    /* @__PURE__ */ a("path", { d: "M18 11.5V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v1.4" }),
+    /* @__PURE__ */ a("path", { d: "M14 10V8a2 2 0 0 0-2-2a2 2 0 0 0-2 2v2" }),
+    /* @__PURE__ */ a("path", { d: "M10 9.9V9a2 2 0 0 0-2-2a2 2 0 0 0-2 2v5" }),
+    /* @__PURE__ */ a("path", { d: "M6 14a2 2 0 0 0-2-2a2 2 0 0 0-2 2" }),
+    /* @__PURE__ */ a("path", { d: "M18 11a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-4a8 8 0 0 1-8-8 2 2 0 1 1 4 0" })
   ] });
 }
-function Bn({ className: e }) {
-  return /* @__PURE__ */ W(K, { className: `lucide lucide-target-icon lucide-target ${e}`, children: [
-    /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "6" }),
-    /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "2" })
+function tn({ className: e }) {
+  return /* @__PURE__ */ W(H, { className: `lucide lucide-crosshair-icon lucide-crosshair ${e}`, children: [
+    /* @__PURE__ */ a("line", { x1: "22", x2: "18", y1: "12", y2: "12" }),
+    /* @__PURE__ */ a("line", { x1: "6", x2: "2", y1: "12", y2: "12" }),
+    /* @__PURE__ */ a("line", { x1: "12", x2: "12", y1: "6", y2: "2" }),
+    /* @__PURE__ */ a("line", { x1: "12", x2: "12", y1: "22", y2: "18" })
   ] });
 }
-function tn({ className: e }) {
+function Hn({ className: e }) {
+  return /* @__PURE__ */ W(H, { className: `lucide lucide-target-icon lucide-target ${e}`, children: [
+    /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "6" }),
+    /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "2" })
+  ] });
+}
+function nn({ className: e }) {
   return /* @__PURE__ */ W(
-    K,
+    H,
     {
       className: `lucide lucide-file-question-mark-icon lucide-file-question-mark ${e}`,
       children: [
-        /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "10" }),
-        /* @__PURE__ */ s("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-        /* @__PURE__ */ s("path", { d: "M12 17h.01" })
+        /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "10" }),
+        /* @__PURE__ */ a("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+        /* @__PURE__ */ a("path", { d: "M12 17h.01" })
       ]
     }
   );
@@ -837,7 +837,7 @@ const Z = (e, ...n) => [
   disabled: re("text-disabled", "color"),
   neutral: re("text-neutral", "color"),
   body: re("text-body", "color")
-}, Hn = {
+}, Xn = {
   getCssVariableValue: (e) => {
     const n = document.documentElement;
     return getComputedStyle(n).getPropertyValue(e).trim() || null;
@@ -851,19 +851,19 @@ const Z = (e, ...n) => [
       n.style.setProperty(t.cssProperty, t.value);
     });
   }
-}, gt = (e) => {
+}, mt = (e) => {
   const n = `${e}`.split("_");
   return n.length > 1 ? n[1].replace(/(\D)(\d+)/, "$1 $2") : "Container";
-}, mt = ({
+}, pt = ({
   label: e,
   className: n,
   size: t = "medium",
   value: r,
   onChange: i,
   onKeyDown: o,
-  placeholder: a = ""
+  placeholder: s = ""
 }) => {
-  const d = at(() => t === "small" ? "py-1.5 px-3 text-sm" : "py-2.5 px-4 text-base", [t]), y = Z("flex flex-col mb-4", n || ""), h = `${Z(`
+  const d = st(() => t === "small" ? "py-1.5 px-3 text-sm" : "py-2.5 px-4 text-base", [t]), y = Z("flex flex-col mb-4", n || ""), h = `${Z(`
     block w-full rounded-md px-3 py-1.5 text-base 
     bg-formfield content-formfield
     outline-1 -outline-offset-1 outline-primary 
@@ -871,8 +871,8 @@ const Z = (e, ...n) => [
     focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-200 sm:text-sm/6
   `)} ${d}`;
   return /* @__PURE__ */ W("div", { className: y, children: [
-    /* @__PURE__ */ s("label", { htmlFor: e, className: "block text-sm/6 font-medium mb-1.5", children: e }),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ a("label", { htmlFor: e, className: "block text-sm/6 font-medium mb-1.5", children: e }),
+    /* @__PURE__ */ a(
       "input",
       {
         id: e,
@@ -880,7 +880,7 @@ const Z = (e, ...n) => [
         value: r,
         onChange: i,
         onKeyDown: (u) => o && o(u),
-        placeholder: a,
+        placeholder: s,
         className: h,
         "aria-label": e
       }
@@ -903,20 +903,20 @@ function J(e) {
     isIconButton: r,
     className: i,
     buttonType: o,
-    category: a,
+    category: s,
     px: d,
     py: y,
     children: m,
     ...h
   } = e, u = () => {
-    const p = e.isIconButton || !1, w = e.category || "primary", v = e.buttonType || "normal", b = e.disabled || !1, C = e.className || "", N = e.font || "semibold", S = Number((e.border || 0) > 0 ? e.border : 0);
+    const p = e.isIconButton || !1, x = e.category || "primary", b = e.buttonType || "normal", v = e.disabled || !1, C = e.className || "", N = e.font || "semibold", S = Number((e.border || 0) > 0 ? e.border : 0);
     let D = (e.borderColor || "").trim();
     D = D.length > 0 ? D : "";
-    const c = Number((e.borderHover || 0) > 0 ? e.borderHover : 0), T = e.shadow || "sm", l = e.shadowHover || "md", f = (e.addCss || "").trim(), P = e.justifyCss || "justify-center";
+    const c = Number((e.borderHover || 0) > 0 ? e.borderHover : 0), E = e.shadow || "sm", l = e.shadowHover || "md", f = (e.addCss || "").trim(), M = e.justifyCss || "justify-center";
     if (p)
       return Z(
         "flex flex-row items-center",
-        b ? "text-disabled" : `text-${w} hover:brightness-110 cursor-pointer`,
+        v ? "text-disabled" : `text-${x} hover:brightness-110 cursor-pointer`,
         C || ""
       );
     const $ = [
@@ -926,39 +926,39 @@ function J(e) {
       "text-sm",
       `font-${N}`
     ];
-    if (b)
-      v === "ghost" ? $.push("text-disabled border-disabled cursor-not-allowed") : $.push("bg-disabled content-disabled border-disabled cursor-not-allowed");
+    if (v)
+      b === "ghost" ? $.push("text-disabled border-disabled cursor-not-allowed") : $.push("bg-disabled content-disabled border-disabled cursor-not-allowed");
     else {
       $.push("cursor-pointer");
-      let O = "";
-      Se.has(v) ? O = `${Se.get(v)}` : O = `${Se.get("normal")}`, S < 1 && (O = O.replace("border-[category]", ""));
-      const E = O.replace(/\[category\]/g, w).trim();
-      $.push(E);
+      let I = "";
+      Se.has(b) ? I = `${Se.get(b)}` : I = `${Se.get("normal")}`, S < 1 && (I = I.replace("border-[category]", ""));
+      const T = I.replace(/\[category\]/g, x).trim();
+      $.push(T);
     }
-    return S > 0 ? ($.push(`border-[${S}px]`), $.push(`border-${D}`)) : ($.push("border-[1px]"), $.push("border-transparent")), c > 0 ? ($.push(`hover:border-[${c}px] group-hover:border-[${c}px]`), $.push(`hover:border-${D} group-hover:border-${D}`)) : $.push("hover:border-[1px] group-hover:border-[1px]"), $.push(`shadow-${T}`), $.push(`hover:shadow-${l} group-hover:shadow-${l}`), f.length > 0 && $.push(f), f.indexOf("hidden") === -1 && $.push("inline-flex"), $.push(P), $.join(" ").trim();
+    return S > 0 ? ($.push(`border-[${S}px]`), $.push(`border-${D}`)) : ($.push("border-[1px]"), $.push("border-transparent")), c > 0 ? ($.push(`hover:border-[${c}px] group-hover:border-[${c}px]`), $.push(`hover:border-${D} group-hover:border-${D}`)) : $.push("hover:border-[1px] group-hover:border-[1px]"), $.push(`shadow-${E}`), $.push(`hover:shadow-${l} group-hover:shadow-${l}`), f.length > 0 && $.push(f), f.indexOf("hidden") === -1 && $.push("inline-flex"), $.push(M), $.join(" ").trim();
   }, g = () => {
-    const p = e.px || 0.7, w = e.py || 0.25;
+    const p = e.px || 0.7, x = e.py || 0.25;
     return {
-      padding: r ? 0 : `${w}rem ${p}rem `
+      padding: r ? 0 : `${x}rem ${p}rem `
     };
   };
-  return /* @__PURE__ */ s("button", { type: "button", disabled: t, className: u(), style: g(), ...h, children: m });
+  return /* @__PURE__ */ a("button", { type: "button", disabled: t, className: u(), style: g(), ...h, children: m });
 }
-const nn = (e) => e.direction === "row" ? Z("flex flex-row items-center gap-2", e.classNames || "") : Z("flex flex-col gap-2 w-full", e.classNames || "");
-function rn(e) {
-  const { children: n, testId: t, classNames: r, direction: i, ...o } = e, a = nn(e);
-  return /* @__PURE__ */ s("div", { "data-testid": t || "not-set", className: a, ...o, children: n });
+const rn = (e) => e.direction === "row" ? Z("flex flex-row items-center gap-2", e.classNames || "") : Z("flex flex-col gap-2 w-full", e.classNames || "");
+function on(e) {
+  const { children: n, testId: t, classNames: r, direction: i, ...o } = e, s = rn(e);
+  return /* @__PURE__ */ a("div", { "data-testid": t || "not-set", className: s, ...o, children: n });
 }
-const Xn = ce(
+const Gn = ce(
   (e, n) => {
-    const { classNames: t, innerClass: r, ...i } = e, o = Z(t || "", "w-full"), a = Z(
+    const { classNames: t, innerClass: r, ...i } = e, o = Z(t || "", "w-full"), s = Z(
       `w-full flex overflow-hidden justify-between items-center gap-0 
       rounded-md border`,
       r || ""
     );
-    return /* @__PURE__ */ s(rn, { direction: "row", classNames: o, ...i, children: /* @__PURE__ */ s("div", { className: a, children: e.children }) });
+    return /* @__PURE__ */ a(on, { direction: "row", classNames: o, ...i, children: /* @__PURE__ */ a("div", { className: s, children: e.children }) });
   }
-), Gn = ce((e, n) => /* @__PURE__ */ s(
+), Zn = ce((e, n) => /* @__PURE__ */ a(
   "div",
   {
     "data-testid": e.testId || "not-set",
@@ -969,8 +969,8 @@ const Xn = ce(
     },
     children: e.children
   }
-)), Zn = ce(
-  (e, n) => /* @__PURE__ */ s(
+)), Jn = ce(
+  (e, n) => /* @__PURE__ */ a(
     "div",
     {
       "data-testid": e.testId || "not-set",
@@ -978,7 +978,7 @@ const Xn = ce(
       children: e.children
     }
   )
-), Jn = ce((e, n) => /* @__PURE__ */ s(
+), Qn = ce((e, n) => /* @__PURE__ */ a(
   "div",
   {
     "data-testid": e.testId || "not-set",
@@ -990,19 +990,19 @@ const Xn = ce(
     children: e.children
   }
 ));
-function on(e) {
+function an(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var fe = { exports: {} }, De = {}, pe = { exports: {} }, ye = { exports: {} }, V = {};
-var Ue;
-function an() {
-  if (Ue) return V;
-  Ue = 1;
-  var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, a = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, d = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, y = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, h = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, u = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, g = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, w = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, v = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, b = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, C = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+var fe = { exports: {} }, De = {}, pe = { exports: {} }, ye = { exports: {} }, U = {};
+var Ve;
+function sn() {
+  if (Ve) return U;
+  Ve = 1;
+  var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, d = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, y = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, h = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, u = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, g = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, x = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, b = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, v = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, C = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
   function S(c) {
     if (typeof c == "object" && c !== null) {
-      var T = c.$$typeof;
-      switch (T) {
+      var E = c.$$typeof;
+      switch (E) {
         case n:
           switch (c = c.type, c) {
             case y:
@@ -1016,58 +1016,58 @@ function an() {
               switch (c = c && c.$$typeof, c) {
                 case d:
                 case h:
-                case w:
+                case x:
                 case p:
-                case a:
+                case s:
                   return c;
                 default:
-                  return T;
+                  return E;
               }
           }
         case t:
-          return T;
+          return E;
       }
     }
   }
   function D(c) {
     return S(c) === m;
   }
-  return V.AsyncMode = y, V.ConcurrentMode = m, V.ContextConsumer = d, V.ContextProvider = a, V.Element = n, V.ForwardRef = h, V.Fragment = r, V.Lazy = w, V.Memo = p, V.Portal = t, V.Profiler = o, V.StrictMode = i, V.Suspense = u, V.isAsyncMode = function(c) {
+  return U.AsyncMode = y, U.ConcurrentMode = m, U.ContextConsumer = d, U.ContextProvider = s, U.Element = n, U.ForwardRef = h, U.Fragment = r, U.Lazy = x, U.Memo = p, U.Portal = t, U.Profiler = o, U.StrictMode = i, U.Suspense = u, U.isAsyncMode = function(c) {
     return D(c) || S(c) === y;
-  }, V.isConcurrentMode = D, V.isContextConsumer = function(c) {
+  }, U.isConcurrentMode = D, U.isContextConsumer = function(c) {
     return S(c) === d;
-  }, V.isContextProvider = function(c) {
-    return S(c) === a;
-  }, V.isElement = function(c) {
+  }, U.isContextProvider = function(c) {
+    return S(c) === s;
+  }, U.isElement = function(c) {
     return typeof c == "object" && c !== null && c.$$typeof === n;
-  }, V.isForwardRef = function(c) {
+  }, U.isForwardRef = function(c) {
     return S(c) === h;
-  }, V.isFragment = function(c) {
+  }, U.isFragment = function(c) {
     return S(c) === r;
-  }, V.isLazy = function(c) {
-    return S(c) === w;
-  }, V.isMemo = function(c) {
+  }, U.isLazy = function(c) {
+    return S(c) === x;
+  }, U.isMemo = function(c) {
     return S(c) === p;
-  }, V.isPortal = function(c) {
+  }, U.isPortal = function(c) {
     return S(c) === t;
-  }, V.isProfiler = function(c) {
+  }, U.isProfiler = function(c) {
     return S(c) === o;
-  }, V.isStrictMode = function(c) {
+  }, U.isStrictMode = function(c) {
     return S(c) === i;
-  }, V.isSuspense = function(c) {
+  }, U.isSuspense = function(c) {
     return S(c) === u;
-  }, V.isValidElementType = function(c) {
-    return typeof c == "string" || typeof c == "function" || c === r || c === m || c === o || c === i || c === u || c === g || typeof c == "object" && c !== null && (c.$$typeof === w || c.$$typeof === p || c.$$typeof === a || c.$$typeof === d || c.$$typeof === h || c.$$typeof === b || c.$$typeof === C || c.$$typeof === N || c.$$typeof === v);
-  }, V.typeOf = S, V;
+  }, U.isValidElementType = function(c) {
+    return typeof c == "string" || typeof c == "function" || c === r || c === m || c === o || c === i || c === u || c === g || typeof c == "object" && c !== null && (c.$$typeof === x || c.$$typeof === p || c.$$typeof === s || c.$$typeof === d || c.$$typeof === h || c.$$typeof === v || c.$$typeof === C || c.$$typeof === N || c.$$typeof === b);
+  }, U.typeOf = S, U;
 }
-var Y = {};
-var Ve;
-function sn() {
-  return Ve || (Ve = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, a = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, d = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, y = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, h = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, u = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, g = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, w = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, v = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, b = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, C = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+var q = {};
+var Ue;
+function ln() {
+  return Ue || (Ue = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = typeof Symbol == "function" && Symbol.for, n = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, t = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, r = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, s = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, d = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, y = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, m = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, h = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, u = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, g = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, p = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, x = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, b = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, v = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, C = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, N = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
     function S(_) {
       return typeof _ == "string" || typeof _ == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      _ === r || _ === m || _ === o || _ === i || _ === u || _ === g || typeof _ == "object" && _ !== null && (_.$$typeof === w || _.$$typeof === p || _.$$typeof === a || _.$$typeof === d || _.$$typeof === h || _.$$typeof === b || _.$$typeof === C || _.$$typeof === N || _.$$typeof === v);
+      _ === r || _ === m || _ === o || _ === i || _ === u || _ === g || typeof _ == "object" && _ !== null && (_.$$typeof === x || _.$$typeof === p || _.$$typeof === s || _.$$typeof === d || _.$$typeof === h || _.$$typeof === v || _.$$typeof === C || _.$$typeof === N || _.$$typeof === b);
     }
     function D(_) {
       if (typeof _ == "object" && _ !== null) {
@@ -1088,9 +1088,9 @@ function sn() {
                 switch (je) {
                   case d:
                   case h:
-                  case w:
+                  case x:
                   case p:
-                  case a:
+                  case s:
                     return je;
                   default:
                     return te;
@@ -1101,30 +1101,30 @@ function sn() {
         }
       }
     }
-    var c = y, T = m, l = d, f = a, P = n, $ = h, O = r, E = w, z = p, X = t, Q = o, H = i, ee = u, ae = !1;
+    var c = y, E = m, l = d, f = s, M = n, $ = h, I = r, T = x, z = p, X = t, Q = o, K = i, ee = u, se = !1;
     function de(_) {
-      return ae || (ae = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), x(_) || D(_) === y;
+      return se || (se = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), w(_) || D(_) === y;
     }
-    function x(_) {
+    function w(_) {
       return D(_) === m;
     }
-    function M(_) {
+    function P(_) {
       return D(_) === d;
     }
     function A(_) {
-      return D(_) === a;
+      return D(_) === s;
     }
     function k(_) {
       return typeof _ == "object" && _ !== null && _.$$typeof === n;
     }
-    function I(_) {
+    function R(_) {
       return D(_) === h;
     }
     function L(_) {
       return D(_) === r;
     }
-    function R(_) {
-      return D(_) === w;
+    function O(_) {
+      return D(_) === x;
     }
     function j(_) {
       return D(_) === p;
@@ -1132,26 +1132,26 @@ function sn() {
     function F(_) {
       return D(_) === t;
     }
-    function q(_) {
+    function Y(_) {
       return D(_) === o;
     }
-    function U(_) {
+    function V(_) {
       return D(_) === i;
     }
     function G(_) {
       return D(_) === u;
     }
-    Y.AsyncMode = c, Y.ConcurrentMode = T, Y.ContextConsumer = l, Y.ContextProvider = f, Y.Element = P, Y.ForwardRef = $, Y.Fragment = O, Y.Lazy = E, Y.Memo = z, Y.Portal = X, Y.Profiler = Q, Y.StrictMode = H, Y.Suspense = ee, Y.isAsyncMode = de, Y.isConcurrentMode = x, Y.isContextConsumer = M, Y.isContextProvider = A, Y.isElement = k, Y.isForwardRef = I, Y.isFragment = L, Y.isLazy = R, Y.isMemo = j, Y.isPortal = F, Y.isProfiler = q, Y.isStrictMode = U, Y.isSuspense = G, Y.isValidElementType = S, Y.typeOf = D;
-  })()), Y;
+    q.AsyncMode = c, q.ConcurrentMode = E, q.ContextConsumer = l, q.ContextProvider = f, q.Element = M, q.ForwardRef = $, q.Fragment = I, q.Lazy = T, q.Memo = z, q.Portal = X, q.Profiler = Q, q.StrictMode = K, q.Suspense = ee, q.isAsyncMode = de, q.isConcurrentMode = w, q.isContextConsumer = P, q.isContextProvider = A, q.isElement = k, q.isForwardRef = R, q.isFragment = L, q.isLazy = O, q.isMemo = j, q.isPortal = F, q.isProfiler = Y, q.isStrictMode = V, q.isSuspense = G, q.isValidElementType = S, q.typeOf = D;
+  })()), q;
 }
-var Ye;
-function pt() {
-  return Ye || (Ye = 1, process.env.NODE_ENV === "production" ? ye.exports = an() : ye.exports = sn()), ye.exports;
+var qe;
+function yt() {
+  return qe || (qe = 1, process.env.NODE_ENV === "production" ? ye.exports = sn() : ye.exports = ln()), ye.exports;
 }
-var Ne, qe;
-function ln() {
-  if (qe) return Ne;
-  qe = 1;
+var Ne, Ye;
+function cn() {
+  if (Ye) return Ne;
+  Ye = 1;
   var e = Object.getOwnPropertySymbols, n = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
   function r(o) {
     if (o == null)
@@ -1165,10 +1165,10 @@ function ln() {
       var o = new String("abc");
       if (o[5] = "de", Object.getOwnPropertyNames(o)[0] === "5")
         return !1;
-      for (var a = {}, d = 0; d < 10; d++)
-        a["_" + String.fromCharCode(d)] = d;
-      var y = Object.getOwnPropertyNames(a).map(function(h) {
-        return a[h];
+      for (var s = {}, d = 0; d < 10; d++)
+        s["_" + String.fromCharCode(d)] = d;
+      var y = Object.getOwnPropertyNames(s).map(function(h) {
+        return s[h];
       });
       if (y.join("") !== "0123456789")
         return !1;
@@ -1180,7 +1180,7 @@ function ln() {
       return !1;
     }
   }
-  return Ne = i() ? Object.assign : function(o, a) {
+  return Ne = i() ? Object.assign : function(o, s) {
     for (var d, y = r(o), m, h = 1; h < arguments.length; h++) {
       d = Object(arguments[h]);
       for (var u in d)
@@ -1195,34 +1195,34 @@ function ln() {
   }, Ne;
 }
 var Te, ze;
-function Oe() {
+function Re() {
   if (ze) return Te;
   ze = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return Te = e, Te;
 }
 var Ee, Be;
-function yt() {
+function bt() {
   return Be || (Be = 1, Ee = Function.call.bind(Object.prototype.hasOwnProperty)), Ee;
 }
-var _e, Ke;
-function cn() {
-  if (Ke) return _e;
-  Ke = 1;
+var _e, He;
+function dn() {
+  if (He) return _e;
+  He = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var n = /* @__PURE__ */ Oe(), t = {}, r = /* @__PURE__ */ yt();
+    var n = /* @__PURE__ */ Re(), t = {}, r = /* @__PURE__ */ bt();
     e = function(o) {
-      var a = "Warning: " + o;
-      typeof console < "u" && console.error(a);
+      var s = "Warning: " + o;
+      typeof console < "u" && console.error(s);
       try {
-        throw new Error(a);
+        throw new Error(s);
       } catch {
       }
     };
   }
-  function i(o, a, d, y, m) {
+  function i(o, s, d, y, m) {
     if (process.env.NODE_ENV !== "production") {
       for (var h in o)
         if (r(o, h)) {
@@ -1234,9 +1234,9 @@ function cn() {
               );
               throw g.name = "Invariant Violation", g;
             }
-            u = o[h](a, h, y, d, null, n);
-          } catch (w) {
-            u = w;
+            u = o[h](s, h, y, d, null, n);
+          } catch (x) {
+            u = x;
           }
           if (u && !(u instanceof Error) && e(
             (y || "React class") + ": type specification of " + d + " `" + h + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof u + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
@@ -1254,11 +1254,11 @@ function cn() {
     process.env.NODE_ENV !== "production" && (t = {});
   }, _e = i, _e;
 }
-var Me, He;
-function dn() {
-  if (He) return Me;
-  He = 1;
-  var e = pt(), n = ln(), t = /* @__PURE__ */ Oe(), r = /* @__PURE__ */ yt(), i = /* @__PURE__ */ cn(), o = function() {
+var Me, Ke;
+function un() {
+  if (Ke) return Me;
+  Ke = 1;
+  var e = yt(), n = cn(), t = /* @__PURE__ */ Re(), r = /* @__PURE__ */ bt(), i = /* @__PURE__ */ dn(), o = function() {
   };
   process.env.NODE_ENV !== "production" && (o = function(d) {
     var y = "Warning: " + d;
@@ -1268,15 +1268,15 @@ function dn() {
     } catch {
     }
   });
-  function a() {
+  function s() {
     return null;
   }
   return Me = function(d, y) {
     var m = typeof Symbol == "function" && Symbol.iterator, h = "@@iterator";
-    function u(x) {
-      var M = x && (m && x[m] || x[h]);
-      if (typeof M == "function")
-        return M;
+    function u(w) {
+      var P = w && (m && w[m] || w[h]);
+      if (typeof P == "function")
+        return P;
     }
     var g = "<<anonymous>>", p = {
       array: C("array"),
@@ -1291,26 +1291,26 @@ function dn() {
       arrayOf: S,
       element: D(),
       elementType: c(),
-      instanceOf: T,
+      instanceOf: E,
       node: $(),
       objectOf: f,
       oneOf: l,
-      oneOfType: P,
-      shape: E,
+      oneOfType: M,
+      shape: T,
       exact: z
     };
-    function w(x, M) {
-      return x === M ? x !== 0 || 1 / x === 1 / M : x !== x && M !== M;
+    function x(w, P) {
+      return w === P ? w !== 0 || 1 / w === 1 / P : w !== w && P !== P;
     }
-    function v(x, M) {
-      this.message = x, this.data = M && typeof M == "object" ? M : {}, this.stack = "";
+    function b(w, P) {
+      this.message = w, this.data = P && typeof P == "object" ? P : {}, this.stack = "";
     }
-    v.prototype = Error.prototype;
-    function b(x) {
+    b.prototype = Error.prototype;
+    function v(w) {
       if (process.env.NODE_ENV !== "production")
-        var M = {}, A = 0;
-      function k(L, R, j, F, q, U, G) {
-        if (F = F || g, U = U || j, G !== t) {
+        var P = {}, A = 0;
+      function k(L, O, j, F, Y, V, G) {
+        if (F = F || g, V = V || j, G !== t) {
           if (y) {
             var _ = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
@@ -1318,215 +1318,215 @@ function dn() {
             throw _.name = "Invariant Violation", _;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var te = F + ":" + j;
-            !M[te] && // Avoid spamming the console because they are often not actionable except for lib authors
+            !P[te] && // Avoid spamming the console because they are often not actionable except for lib authors
             A < 3 && (o(
-              "You are manually calling a React.PropTypes validation function for the `" + U + "` prop on `" + F + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), M[te] = !0, A++);
+              "You are manually calling a React.PropTypes validation function for the `" + V + "` prop on `" + F + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+            ), P[te] = !0, A++);
           }
         }
-        return R[j] == null ? L ? R[j] === null ? new v("The " + q + " `" + U + "` is marked as required " + ("in `" + F + "`, but its value is `null`.")) : new v("The " + q + " `" + U + "` is marked as required in " + ("`" + F + "`, but its value is `undefined`.")) : null : x(R, j, F, q, U);
+        return O[j] == null ? L ? O[j] === null ? new b("The " + Y + " `" + V + "` is marked as required " + ("in `" + F + "`, but its value is `null`.")) : new b("The " + Y + " `" + V + "` is marked as required in " + ("`" + F + "`, but its value is `undefined`.")) : null : w(O, j, F, Y, V);
       }
-      var I = k.bind(null, !1);
-      return I.isRequired = k.bind(null, !0), I;
-    }
-    function C(x) {
-      function M(A, k, I, L, R, j) {
-        var F = A[k], q = H(F);
-        if (q !== x) {
-          var U = ee(F);
-          return new v(
-            "Invalid " + L + " `" + R + "` of type " + ("`" + U + "` supplied to `" + I + "`, expected ") + ("`" + x + "`."),
-            { expectedType: x }
+      var R = k.bind(null, !1);
+      return R.isRequired = k.bind(null, !0), R;
+    }
+    function C(w) {
+      function P(A, k, R, L, O, j) {
+        var F = A[k], Y = K(F);
+        if (Y !== w) {
+          var V = ee(F);
+          return new b(
+            "Invalid " + L + " `" + O + "` of type " + ("`" + V + "` supplied to `" + R + "`, expected ") + ("`" + w + "`."),
+            { expectedType: w }
           );
         }
         return null;
       }
-      return b(M);
+      return v(P);
     }
     function N() {
-      return b(a);
+      return v(s);
     }
-    function S(x) {
-      function M(A, k, I, L, R) {
-        if (typeof x != "function")
-          return new v("Property `" + R + "` of component `" + I + "` has invalid PropType notation inside arrayOf.");
+    function S(w) {
+      function P(A, k, R, L, O) {
+        if (typeof w != "function")
+          return new b("Property `" + O + "` of component `" + R + "` has invalid PropType notation inside arrayOf.");
         var j = A[k];
         if (!Array.isArray(j)) {
-          var F = H(j);
-          return new v("Invalid " + L + " `" + R + "` of type " + ("`" + F + "` supplied to `" + I + "`, expected an array."));
+          var F = K(j);
+          return new b("Invalid " + L + " `" + O + "` of type " + ("`" + F + "` supplied to `" + R + "`, expected an array."));
         }
-        for (var q = 0; q < j.length; q++) {
-          var U = x(j, q, I, L, R + "[" + q + "]", t);
-          if (U instanceof Error)
-            return U;
+        for (var Y = 0; Y < j.length; Y++) {
+          var V = w(j, Y, R, L, O + "[" + Y + "]", t);
+          if (V instanceof Error)
+            return V;
         }
         return null;
       }
-      return b(M);
+      return v(P);
     }
     function D() {
-      function x(M, A, k, I, L) {
-        var R = M[A];
-        if (!d(R)) {
-          var j = H(R);
-          return new v("Invalid " + I + " `" + L + "` of type " + ("`" + j + "` supplied to `" + k + "`, expected a single ReactElement."));
+      function w(P, A, k, R, L) {
+        var O = P[A];
+        if (!d(O)) {
+          var j = K(O);
+          return new b("Invalid " + R + " `" + L + "` of type " + ("`" + j + "` supplied to `" + k + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return b(x);
+      return v(w);
     }
     function c() {
-      function x(M, A, k, I, L) {
-        var R = M[A];
-        if (!e.isValidElementType(R)) {
-          var j = H(R);
-          return new v("Invalid " + I + " `" + L + "` of type " + ("`" + j + "` supplied to `" + k + "`, expected a single ReactElement type."));
+      function w(P, A, k, R, L) {
+        var O = P[A];
+        if (!e.isValidElementType(O)) {
+          var j = K(O);
+          return new b("Invalid " + R + " `" + L + "` of type " + ("`" + j + "` supplied to `" + k + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return b(x);
+      return v(w);
     }
-    function T(x) {
-      function M(A, k, I, L, R) {
-        if (!(A[k] instanceof x)) {
-          var j = x.name || g, F = de(A[k]);
-          return new v("Invalid " + L + " `" + R + "` of type " + ("`" + F + "` supplied to `" + I + "`, expected ") + ("instance of `" + j + "`."));
+    function E(w) {
+      function P(A, k, R, L, O) {
+        if (!(A[k] instanceof w)) {
+          var j = w.name || g, F = de(A[k]);
+          return new b("Invalid " + L + " `" + O + "` of type " + ("`" + F + "` supplied to `" + R + "`, expected ") + ("instance of `" + j + "`."));
         }
         return null;
       }
-      return b(M);
+      return v(P);
     }
-    function l(x) {
-      if (!Array.isArray(x))
+    function l(w) {
+      if (!Array.isArray(w))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? o(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
-        ) : o("Invalid argument supplied to oneOf, expected an array.")), a;
-      function M(A, k, I, L, R) {
-        for (var j = A[k], F = 0; F < x.length; F++)
-          if (w(j, x[F]))
+        ) : o("Invalid argument supplied to oneOf, expected an array.")), s;
+      function P(A, k, R, L, O) {
+        for (var j = A[k], F = 0; F < w.length; F++)
+          if (x(j, w[F]))
             return null;
-        var q = JSON.stringify(x, function(G, _) {
+        var Y = JSON.stringify(w, function(G, _) {
           var te = ee(_);
           return te === "symbol" ? String(_) : _;
         });
-        return new v("Invalid " + L + " `" + R + "` of value `" + String(j) + "` " + ("supplied to `" + I + "`, expected one of " + q + "."));
+        return new b("Invalid " + L + " `" + O + "` of value `" + String(j) + "` " + ("supplied to `" + R + "`, expected one of " + Y + "."));
       }
-      return b(M);
+      return v(P);
     }
-    function f(x) {
-      function M(A, k, I, L, R) {
-        if (typeof x != "function")
-          return new v("Property `" + R + "` of component `" + I + "` has invalid PropType notation inside objectOf.");
-        var j = A[k], F = H(j);
+    function f(w) {
+      function P(A, k, R, L, O) {
+        if (typeof w != "function")
+          return new b("Property `" + O + "` of component `" + R + "` has invalid PropType notation inside objectOf.");
+        var j = A[k], F = K(j);
         if (F !== "object")
-          return new v("Invalid " + L + " `" + R + "` of type " + ("`" + F + "` supplied to `" + I + "`, expected an object."));
-        for (var q in j)
-          if (r(j, q)) {
-            var U = x(j, q, I, L, R + "." + q, t);
-            if (U instanceof Error)
-              return U;
+          return new b("Invalid " + L + " `" + O + "` of type " + ("`" + F + "` supplied to `" + R + "`, expected an object."));
+        for (var Y in j)
+          if (r(j, Y)) {
+            var V = w(j, Y, R, L, O + "." + Y, t);
+            if (V instanceof Error)
+              return V;
           }
         return null;
       }
-      return b(M);
+      return v(P);
     }
-    function P(x) {
-      if (!Array.isArray(x))
-        return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), a;
-      for (var M = 0; M < x.length; M++) {
-        var A = x[M];
+    function M(w) {
+      if (!Array.isArray(w))
+        return process.env.NODE_ENV !== "production" && o("Invalid argument supplied to oneOfType, expected an instance of array."), s;
+      for (var P = 0; P < w.length; P++) {
+        var A = w[P];
         if (typeof A != "function")
           return o(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ae(A) + " at index " + M + "."
-          ), a;
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + se(A) + " at index " + P + "."
+          ), s;
       }
-      function k(I, L, R, j, F) {
-        for (var q = [], U = 0; U < x.length; U++) {
-          var G = x[U], _ = G(I, L, R, j, F, t);
+      function k(R, L, O, j, F) {
+        for (var Y = [], V = 0; V < w.length; V++) {
+          var G = w[V], _ = G(R, L, O, j, F, t);
           if (_ == null)
             return null;
-          _.data && r(_.data, "expectedType") && q.push(_.data.expectedType);
+          _.data && r(_.data, "expectedType") && Y.push(_.data.expectedType);
         }
-        var te = q.length > 0 ? ", expected one of type [" + q.join(", ") + "]" : "";
-        return new v("Invalid " + j + " `" + F + "` supplied to " + ("`" + R + "`" + te + "."));
+        var te = Y.length > 0 ? ", expected one of type [" + Y.join(", ") + "]" : "";
+        return new b("Invalid " + j + " `" + F + "` supplied to " + ("`" + O + "`" + te + "."));
       }
-      return b(k);
+      return v(k);
     }
     function $() {
-      function x(M, A, k, I, L) {
-        return X(M[A]) ? null : new v("Invalid " + I + " `" + L + "` supplied to " + ("`" + k + "`, expected a ReactNode."));
+      function w(P, A, k, R, L) {
+        return X(P[A]) ? null : new b("Invalid " + R + " `" + L + "` supplied to " + ("`" + k + "`, expected a ReactNode."));
       }
-      return b(x);
+      return v(w);
     }
-    function O(x, M, A, k, I) {
-      return new v(
-        (x || "React class") + ": " + M + " type `" + A + "." + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + I + "`."
+    function I(w, P, A, k, R) {
+      return new b(
+        (w || "React class") + ": " + P + " type `" + A + "." + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + R + "`."
       );
     }
-    function E(x) {
-      function M(A, k, I, L, R) {
-        var j = A[k], F = H(j);
+    function T(w) {
+      function P(A, k, R, L, O) {
+        var j = A[k], F = K(j);
         if (F !== "object")
-          return new v("Invalid " + L + " `" + R + "` of type `" + F + "` " + ("supplied to `" + I + "`, expected `object`."));
-        for (var q in x) {
-          var U = x[q];
-          if (typeof U != "function")
-            return O(I, L, R, q, ee(U));
-          var G = U(j, q, I, L, R + "." + q, t);
+          return new b("Invalid " + L + " `" + O + "` of type `" + F + "` " + ("supplied to `" + R + "`, expected `object`."));
+        for (var Y in w) {
+          var V = w[Y];
+          if (typeof V != "function")
+            return I(R, L, O, Y, ee(V));
+          var G = V(j, Y, R, L, O + "." + Y, t);
           if (G)
             return G;
         }
         return null;
       }
-      return b(M);
+      return v(P);
     }
-    function z(x) {
-      function M(A, k, I, L, R) {
-        var j = A[k], F = H(j);
+    function z(w) {
+      function P(A, k, R, L, O) {
+        var j = A[k], F = K(j);
         if (F !== "object")
-          return new v("Invalid " + L + " `" + R + "` of type `" + F + "` " + ("supplied to `" + I + "`, expected `object`."));
-        var q = n({}, A[k], x);
-        for (var U in q) {
-          var G = x[U];
-          if (r(x, U) && typeof G != "function")
-            return O(I, L, R, U, ee(G));
+          return new b("Invalid " + L + " `" + O + "` of type `" + F + "` " + ("supplied to `" + R + "`, expected `object`."));
+        var Y = n({}, A[k], w);
+        for (var V in Y) {
+          var G = w[V];
+          if (r(w, V) && typeof G != "function")
+            return I(R, L, O, V, ee(G));
           if (!G)
-            return new v(
-              "Invalid " + L + " `" + R + "` key `" + U + "` supplied to `" + I + "`.\nBad object: " + JSON.stringify(A[k], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
+            return new b(
+              "Invalid " + L + " `" + O + "` key `" + V + "` supplied to `" + R + "`.\nBad object: " + JSON.stringify(A[k], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(w), null, "  ")
             );
-          var _ = G(j, U, I, L, R + "." + U, t);
+          var _ = G(j, V, R, L, O + "." + V, t);
           if (_)
             return _;
         }
         return null;
       }
-      return b(M);
+      return v(P);
     }
-    function X(x) {
-      switch (typeof x) {
+    function X(w) {
+      switch (typeof w) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !x;
+          return !w;
         case "object":
-          if (Array.isArray(x))
-            return x.every(X);
-          if (x === null || d(x))
+          if (Array.isArray(w))
+            return w.every(X);
+          if (w === null || d(w))
             return !0;
-          var M = u(x);
-          if (M) {
-            var A = M.call(x), k;
-            if (M !== x.entries) {
+          var P = u(w);
+          if (P) {
+            var A = P.call(w), k;
+            if (P !== w.entries) {
               for (; !(k = A.next()).done; )
                 if (!X(k.value))
                   return !1;
             } else
               for (; !(k = A.next()).done; ) {
-                var I = k.value;
-                if (I && !X(I[1]))
+                var R = k.value;
+                if (R && !X(R[1]))
                   return !1;
               }
           } else
@@ -1536,56 +1536,56 @@ Valid keys: ` + JSON.stringify(Object.keys(x), null, "  ")
           return !1;
       }
     }
-    function Q(x, M) {
-      return x === "symbol" ? !0 : M ? M["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && M instanceof Symbol : !1;
+    function Q(w, P) {
+      return w === "symbol" ? !0 : P ? P["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && P instanceof Symbol : !1;
     }
-    function H(x) {
-      var M = typeof x;
-      return Array.isArray(x) ? "array" : x instanceof RegExp ? "object" : Q(M, x) ? "symbol" : M;
+    function K(w) {
+      var P = typeof w;
+      return Array.isArray(w) ? "array" : w instanceof RegExp ? "object" : Q(P, w) ? "symbol" : P;
     }
-    function ee(x) {
-      if (typeof x > "u" || x === null)
-        return "" + x;
-      var M = H(x);
-      if (M === "object") {
-        if (x instanceof Date)
+    function ee(w) {
+      if (typeof w > "u" || w === null)
+        return "" + w;
+      var P = K(w);
+      if (P === "object") {
+        if (w instanceof Date)
           return "date";
-        if (x instanceof RegExp)
+        if (w instanceof RegExp)
           return "regexp";
       }
-      return M;
+      return P;
     }
-    function ae(x) {
-      var M = ee(x);
-      switch (M) {
+    function se(w) {
+      var P = ee(w);
+      switch (P) {
         case "array":
         case "object":
-          return "an " + M;
+          return "an " + P;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + M;
+          return "a " + P;
         default:
-          return M;
+          return P;
       }
     }
-    function de(x) {
-      return !x.constructor || !x.constructor.name ? g : x.constructor.name;
+    function de(w) {
+      return !w.constructor || !w.constructor.name ? g : w.constructor.name;
     }
     return p.checkPropTypes = i, p.resetWarningCache = i.resetWarningCache, p.PropTypes = p, p;
   }, Me;
 }
 var Pe, Xe;
-function un() {
+function fn() {
   if (Xe) return Pe;
   Xe = 1;
-  var e = /* @__PURE__ */ Oe();
+  var e = /* @__PURE__ */ Re();
   function n() {
   }
   function t() {
   }
   return t.resetWarningCache = n, Pe = function() {
-    function r(a, d, y, m, h, u) {
+    function r(s, d, y, m, h, u) {
       if (u !== e) {
         var g = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
@@ -1627,30 +1627,30 @@ var Ge;
 function vt() {
   if (Ge) return pe.exports;
   if (Ge = 1, process.env.NODE_ENV !== "production") {
-    var e = pt(), n = !0;
-    pe.exports = /* @__PURE__ */ dn()(e.isElement, n);
+    var e = yt(), n = !0;
+    pe.exports = /* @__PURE__ */ un()(e.isElement, n);
   } else
-    pe.exports = /* @__PURE__ */ un()();
+    pe.exports = /* @__PURE__ */ fn()();
   return pe.exports;
 }
-var ve = { exports: {} }, Ze;
-function fn() {
-  if (Ze) return ve.exports;
+var be = { exports: {} }, Ze;
+function hn() {
+  if (Ze) return be.exports;
   Ze = 1;
   function e(t) {
     var r, i, o = "";
     if (typeof t == "string" || typeof t == "number") o += t;
     else if (typeof t == "object") if (Array.isArray(t)) {
-      var a = t.length;
-      for (r = 0; r < a; r++) t[r] && (i = e(t[r])) && (o && (o += " "), o += i);
+      var s = t.length;
+      for (r = 0; r < s; r++) t[r] && (i = e(t[r])) && (o && (o += " "), o += i);
     } else for (i in t) t[i] && (o && (o += " "), o += i);
     return o;
   }
   function n() {
-    for (var t, r, i = 0, o = "", a = arguments.length; i < a; i++) (t = arguments[i]) && (r = e(t)) && (o && (o += " "), o += r);
+    for (var t, r, i = 0, o = "", s = arguments.length; i < s; i++) (t = arguments[i]) && (r = e(t)) && (o && (o += " "), o += r);
     return o;
   }
-  return ve.exports = n, ve.exports.clsx = n, ve.exports;
+  return be.exports = n, be.exports.clsx = n, be.exports;
 }
 var B = {}, oe = {}, Je;
 function we() {
@@ -1658,9 +1658,9 @@ function we() {
   Je = 1, Object.defineProperty(oe, "__esModule", {
     value: !0
   }), oe.dontSetMe = i, oe.findInArray = e, oe.int = r, oe.isFunction = n, oe.isNum = t;
-  function e(o, a) {
+  function e(o, s) {
     for (let d = 0, y = o.length; d < y; d++)
-      if (a.apply(a, [o[d], d, o])) return o[d];
+      if (s.apply(s, [o[d], d, o])) return o[d];
   }
   function n(o) {
     return typeof o == "function" || Object.prototype.toString.call(o) === "[object Function]";
@@ -1671,14 +1671,14 @@ function we() {
   function r(o) {
     return parseInt(o, 10);
   }
-  function i(o, a, d) {
-    if (o[a])
-      return new Error(`Invalid prop ${a} passed to ${d} - do not set this, set it on the child.`);
+  function i(o, s, d) {
+    if (o[s])
+      return new Error(`Invalid prop ${s} passed to ${d} - do not set this, set it on the child.`);
   }
   return oe;
 }
 var ie = {}, Qe;
-function hn() {
+function gn() {
   if (Qe) return ie;
   Qe = 1, Object.defineProperty(ie, "__esModule", {
     value: !0
@@ -1687,130 +1687,130 @@ function hn() {
   function n() {
     let o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
     if (typeof window > "u") return "";
-    const a = window.document?.documentElement?.style;
-    if (!a || o in a) return "";
+    const s = window.document?.documentElement?.style;
+    if (!s || o in s) return "";
     for (let d = 0; d < e.length; d++)
-      if (t(o, e[d]) in a) return e[d];
+      if (t(o, e[d]) in s) return e[d];
     return "";
   }
-  function t(o, a) {
-    return a ? `${a}${i(o)}` : o;
+  function t(o, s) {
+    return s ? `${s}${i(o)}` : o;
   }
-  function r(o, a) {
-    return a ? `-${a.toLowerCase()}-${o}` : o;
+  function r(o, s) {
+    return s ? `-${s.toLowerCase()}-${o}` : o;
   }
   function i(o) {
-    let a = "", d = !0;
+    let s = "", d = !0;
     for (let y = 0; y < o.length; y++)
-      d ? (a += o[y].toUpperCase(), d = !1) : o[y] === "-" ? d = !0 : a += o[y];
-    return a;
+      d ? (s += o[y].toUpperCase(), d = !1) : o[y] === "-" ? d = !0 : s += o[y];
+    return s;
   }
   return ie.default = n(), ie;
 }
 var et;
-function Re() {
+function Oe() {
   if (et) return B;
   et = 1, Object.defineProperty(B, "__esModule", {
     value: !0
-  }), B.addClassName = c, B.addEvent = a, B.addUserSelectStyles = N, B.createCSSTransform = p, B.createSVGTransform = w, B.getTouch = b, B.getTouchIdentifier = C, B.getTranslation = v, B.innerHeight = h, B.innerWidth = u, B.matchesSelector = i, B.matchesSelectorAndParentsTo = o, B.offsetXYFromParent = g, B.outerHeight = y, B.outerWidth = m, B.removeClassName = T, B.removeEvent = d, B.scheduleRemoveUserSelectStyles = S;
-  var e = we(), n = t(hn());
+  }), B.addClassName = c, B.addEvent = s, B.addUserSelectStyles = N, B.createCSSTransform = p, B.createSVGTransform = x, B.getTouch = v, B.getTouchIdentifier = C, B.getTranslation = b, B.innerHeight = h, B.innerWidth = u, B.matchesSelector = i, B.matchesSelectorAndParentsTo = o, B.offsetXYFromParent = g, B.outerHeight = y, B.outerWidth = m, B.removeClassName = E, B.removeEvent = d, B.scheduleRemoveUserSelectStyles = S;
+  var e = we(), n = t(gn());
   function t(l, f) {
-    if (typeof WeakMap == "function") var P = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakMap();
-    return (t = function(O, E) {
-      if (!E && O && O.__esModule) return O;
-      var z, X, Q = { __proto__: null, default: O };
-      if (O === null || typeof O != "object" && typeof O != "function") return Q;
-      if (z = E ? $ : P) {
-        if (z.has(O)) return z.get(O);
-        z.set(O, Q);
+    if (typeof WeakMap == "function") var M = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakMap();
+    return (t = function(I, T) {
+      if (!T && I && I.__esModule) return I;
+      var z, X, Q = { __proto__: null, default: I };
+      if (I === null || typeof I != "object" && typeof I != "function") return Q;
+      if (z = T ? $ : M) {
+        if (z.has(I)) return z.get(I);
+        z.set(I, Q);
       }
-      for (const H in O) H !== "default" && {}.hasOwnProperty.call(O, H) && ((X = (z = Object.defineProperty) && Object.getOwnPropertyDescriptor(O, H)) && (X.get || X.set) ? z(Q, H, X) : Q[H] = O[H]);
+      for (const K in I) K !== "default" && {}.hasOwnProperty.call(I, K) && ((X = (z = Object.defineProperty) && Object.getOwnPropertyDescriptor(I, K)) && (X.get || X.set) ? z(Q, K, X) : Q[K] = I[K]);
       return Q;
     })(l, f);
   }
   let r = "";
   function i(l, f) {
-    return r || (r = (0, e.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(P) {
-      return (0, e.isFunction)(l[P]);
+    return r || (r = (0, e.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(M) {
+      return (0, e.isFunction)(l[M]);
     })), (0, e.isFunction)(l[r]) ? l[r](f) : !1;
   }
-  function o(l, f, P) {
+  function o(l, f, M) {
     let $ = l;
     do {
       if (i($, f)) return !0;
-      if ($ === P) return !1;
+      if ($ === M) return !1;
       $ = $.parentNode;
     } while ($);
     return !1;
   }
-  function a(l, f, P, $) {
+  function s(l, f, M, $) {
     if (!l) return;
-    const O = {
+    const I = {
       capture: !0,
       ...$
     };
-    l.addEventListener ? l.addEventListener(f, P, O) : l.attachEvent ? l.attachEvent("on" + f, P) : l["on" + f] = P;
+    l.addEventListener ? l.addEventListener(f, M, I) : l.attachEvent ? l.attachEvent("on" + f, M) : l["on" + f] = M;
   }
-  function d(l, f, P, $) {
+  function d(l, f, M, $) {
     if (!l) return;
-    const O = {
+    const I = {
       capture: !0,
       ...$
     };
-    l.removeEventListener ? l.removeEventListener(f, P, O) : l.detachEvent ? l.detachEvent("on" + f, P) : l["on" + f] = null;
+    l.removeEventListener ? l.removeEventListener(f, M, I) : l.detachEvent ? l.detachEvent("on" + f, M) : l["on" + f] = null;
   }
   function y(l) {
     let f = l.clientHeight;
-    const P = l.ownerDocument.defaultView.getComputedStyle(l);
-    return f += (0, e.int)(P.borderTopWidth), f += (0, e.int)(P.borderBottomWidth), f;
+    const M = l.ownerDocument.defaultView.getComputedStyle(l);
+    return f += (0, e.int)(M.borderTopWidth), f += (0, e.int)(M.borderBottomWidth), f;
   }
   function m(l) {
     let f = l.clientWidth;
-    const P = l.ownerDocument.defaultView.getComputedStyle(l);
-    return f += (0, e.int)(P.borderLeftWidth), f += (0, e.int)(P.borderRightWidth), f;
+    const M = l.ownerDocument.defaultView.getComputedStyle(l);
+    return f += (0, e.int)(M.borderLeftWidth), f += (0, e.int)(M.borderRightWidth), f;
   }
   function h(l) {
     let f = l.clientHeight;
-    const P = l.ownerDocument.defaultView.getComputedStyle(l);
-    return f -= (0, e.int)(P.paddingTop), f -= (0, e.int)(P.paddingBottom), f;
+    const M = l.ownerDocument.defaultView.getComputedStyle(l);
+    return f -= (0, e.int)(M.paddingTop), f -= (0, e.int)(M.paddingBottom), f;
   }
   function u(l) {
     let f = l.clientWidth;
-    const P = l.ownerDocument.defaultView.getComputedStyle(l);
-    return f -= (0, e.int)(P.paddingLeft), f -= (0, e.int)(P.paddingRight), f;
+    const M = l.ownerDocument.defaultView.getComputedStyle(l);
+    return f -= (0, e.int)(M.paddingLeft), f -= (0, e.int)(M.paddingRight), f;
   }
-  function g(l, f, P) {
-    const O = f === f.ownerDocument.body ? {
+  function g(l, f, M) {
+    const I = f === f.ownerDocument.body ? {
       left: 0,
       top: 0
-    } : f.getBoundingClientRect(), E = (l.clientX + f.scrollLeft - O.left) / P, z = (l.clientY + f.scrollTop - O.top) / P;
+    } : f.getBoundingClientRect(), T = (l.clientX + f.scrollLeft - I.left) / M, z = (l.clientY + f.scrollTop - I.top) / M;
     return {
-      x: E,
+      x: T,
       y: z
     };
   }
   function p(l, f) {
-    const P = v(l, f, "px");
+    const M = b(l, f, "px");
     return {
-      [(0, n.browserPrefixToKey)("transform", n.default)]: P
+      [(0, n.browserPrefixToKey)("transform", n.default)]: M
     };
   }
-  function w(l, f) {
-    return v(l, f, "");
+  function x(l, f) {
+    return b(l, f, "");
   }
-  function v(l, f, P) {
+  function b(l, f, M) {
     let {
       x: $,
-      y: O
-    } = l, E = `translate(${$}${P},${O}${P})`;
+      y: I
+    } = l, T = `translate(${$}${M},${I}${M})`;
     if (f) {
-      const z = `${typeof f.x == "string" ? f.x : f.x + P}`, X = `${typeof f.y == "string" ? f.y : f.y + P}`;
-      E = `translate(${z}, ${X})` + E;
+      const z = `${typeof f.x == "string" ? f.x : f.x + M}`, X = `${typeof f.y == "string" ? f.y : f.y + M}`;
+      T = `translate(${z}, ${X})` + T;
     }
-    return E;
+    return T;
   }
-  function b(l, f) {
-    return l.targetTouches && (0, e.findInArray)(l.targetTouches, (P) => f === P.identifier) || l.changedTouches && (0, e.findInArray)(l.changedTouches, (P) => f === P.identifier);
+  function v(l, f) {
+    return l.targetTouches && (0, e.findInArray)(l.targetTouches, (M) => f === M.identifier) || l.changedTouches && (0, e.findInArray)(l.changedTouches, (M) => f === M.identifier);
   }
   function C(l) {
     if (l.targetTouches && l.targetTouches[0]) return l.targetTouches[0].identifier;
@@ -1831,7 +1831,7 @@ function Re() {
   function D(l) {
     if (l)
       try {
-        if (l.body && T(l.body, "react-draggable-transparent-selection"), l.selection)
+        if (l.body && E(l.body, "react-draggable-transparent-selection"), l.selection)
           l.selection.empty();
         else {
           const f = (l.defaultView || window).getSelection();
@@ -1843,45 +1843,45 @@ function Re() {
   function c(l, f) {
     l.classList ? l.classList.add(f) : l.className.match(new RegExp(`(?:^|\\s)${f}(?!\\S)`)) || (l.className += ` ${f}`);
   }
-  function T(l, f) {
+  function E(l, f) {
     l.classList ? l.classList.remove(f) : l.className = l.className.replace(new RegExp(`(?:^|\\s)${f}(?!\\S)`, "g"), "");
   }
   return B;
 }
 var ne = {}, tt;
-function bt() {
+function xt() {
   if (tt) return ne;
   tt = 1, Object.defineProperty(ne, "__esModule", {
     value: !0
-  }), ne.canDragX = i, ne.canDragY = o, ne.createCoreData = d, ne.createDraggableData = y, ne.getBoundPosition = t, ne.getControlPosition = a, ne.snapToGrid = r;
-  var e = we(), n = Re();
+  }), ne.canDragX = i, ne.canDragY = o, ne.createCoreData = d, ne.createDraggableData = y, ne.getBoundPosition = t, ne.getControlPosition = s, ne.snapToGrid = r;
+  var e = we(), n = Oe();
   function t(u, g, p) {
     if (!u.props.bounds) return [g, p];
     let {
-      bounds: w
+      bounds: x
     } = u.props;
-    w = typeof w == "string" ? w : m(w);
-    const v = h(u);
-    if (typeof w == "string") {
+    x = typeof x == "string" ? x : m(x);
+    const b = h(u);
+    if (typeof x == "string") {
       const {
-        ownerDocument: b
-      } = v, C = b.defaultView;
+        ownerDocument: v
+      } = b, C = v.defaultView;
       let N;
-      if (w === "parent" ? N = v.parentNode : N = v.getRootNode().querySelector(w), !(N instanceof C.HTMLElement))
-        throw new Error('Bounds selector "' + w + '" could not find an element.');
-      const S = N, D = C.getComputedStyle(v), c = C.getComputedStyle(S);
-      w = {
-        left: -v.offsetLeft + (0, e.int)(c.paddingLeft) + (0, e.int)(D.marginLeft),
-        top: -v.offsetTop + (0, e.int)(c.paddingTop) + (0, e.int)(D.marginTop),
-        right: (0, n.innerWidth)(S) - (0, n.outerWidth)(v) - v.offsetLeft + (0, e.int)(c.paddingRight) - (0, e.int)(D.marginRight),
-        bottom: (0, n.innerHeight)(S) - (0, n.outerHeight)(v) - v.offsetTop + (0, e.int)(c.paddingBottom) - (0, e.int)(D.marginBottom)
+      if (x === "parent" ? N = b.parentNode : N = b.getRootNode().querySelector(x), !(N instanceof C.HTMLElement))
+        throw new Error('Bounds selector "' + x + '" could not find an element.');
+      const S = N, D = C.getComputedStyle(b), c = C.getComputedStyle(S);
+      x = {
+        left: -b.offsetLeft + (0, e.int)(c.paddingLeft) + (0, e.int)(D.marginLeft),
+        top: -b.offsetTop + (0, e.int)(c.paddingTop) + (0, e.int)(D.marginTop),
+        right: (0, n.innerWidth)(S) - (0, n.outerWidth)(b) - b.offsetLeft + (0, e.int)(c.paddingRight) - (0, e.int)(D.marginRight),
+        bottom: (0, n.innerHeight)(S) - (0, n.outerHeight)(b) - b.offsetTop + (0, e.int)(c.paddingBottom) - (0, e.int)(D.marginBottom)
       };
     }
-    return (0, e.isNum)(w.right) && (g = Math.min(g, w.right)), (0, e.isNum)(w.bottom) && (p = Math.min(p, w.bottom)), (0, e.isNum)(w.left) && (g = Math.max(g, w.left)), (0, e.isNum)(w.top) && (p = Math.max(p, w.top)), [g, p];
+    return (0, e.isNum)(x.right) && (g = Math.min(g, x.right)), (0, e.isNum)(x.bottom) && (p = Math.min(p, x.bottom)), (0, e.isNum)(x.left) && (g = Math.max(g, x.left)), (0, e.isNum)(x.top) && (p = Math.max(p, x.top)), [g, p];
   }
   function r(u, g, p) {
-    const w = Math.round(g / u[0]) * u[0], v = Math.round(p / u[1]) * u[1];
-    return [w, v];
+    const x = Math.round(g / u[0]) * u[0], b = Math.round(p / u[1]) * u[1];
+    return [x, b];
   }
   function i(u) {
     return u.props.axis === "both" || u.props.axis === "x";
@@ -1889,16 +1889,16 @@ function bt() {
   function o(u) {
     return u.props.axis === "both" || u.props.axis === "y";
   }
-  function a(u, g, p) {
-    const w = typeof g == "number" ? (0, n.getTouch)(u, g) : null;
-    if (typeof g == "number" && !w) return null;
-    const v = h(p), b = p.props.offsetParent || v.offsetParent || v.ownerDocument.body;
-    return (0, n.offsetXYFromParent)(w || u, b, p.props.scale);
+  function s(u, g, p) {
+    const x = typeof g == "number" ? (0, n.getTouch)(u, g) : null;
+    if (typeof g == "number" && !x) return null;
+    const b = h(p), v = p.props.offsetParent || b.offsetParent || b.ownerDocument.body;
+    return (0, n.offsetXYFromParent)(x || u, v, p.props.scale);
   }
   function d(u, g, p) {
-    const w = !(0, e.isNum)(u.lastX), v = h(u);
-    return w ? {
-      node: v,
+    const x = !(0, e.isNum)(u.lastX), b = h(u);
+    return x ? {
+      node: b,
       deltaX: 0,
       deltaY: 0,
       lastX: g,
@@ -1906,7 +1906,7 @@ function bt() {
       x: g,
       y: p
     } : {
-      node: v,
+      node: b,
       deltaX: g - u.lastX,
       deltaY: p - u.lastY,
       lastX: u.lastX,
@@ -1943,56 +1943,56 @@ function bt() {
   }
   return ne;
 }
-var he = {}, be = {}, nt;
-function xt() {
-  if (nt) return be;
-  nt = 1, Object.defineProperty(be, "__esModule", {
+var he = {}, ve = {}, nt;
+function wt() {
+  if (nt) return ve;
+  nt = 1, Object.defineProperty(ve, "__esModule", {
     value: !0
-  }), be.default = e;
+  }), ve.default = e;
   function e() {
   }
-  return be;
+  return ve;
 }
 var rt;
-function gn() {
+function mn() {
   if (rt) return he;
   rt = 1, Object.defineProperty(he, "__esModule", {
     value: !0
   }), he.default = void 0;
-  var e = y(se), n = d(/* @__PURE__ */ vt()), t = d(st), r = Re(), i = bt(), o = we(), a = d(xt());
-  function d(v) {
-    return v && v.__esModule ? v : { default: v };
+  var e = y(ae), n = d(/* @__PURE__ */ vt()), t = d(lt), r = Oe(), i = xt(), o = we(), s = d(wt());
+  function d(b) {
+    return b && b.__esModule ? b : { default: b };
   }
-  function y(v, b) {
+  function y(b, v) {
     if (typeof WeakMap == "function") var C = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap();
     return (y = function(S, D) {
       if (!D && S && S.__esModule) return S;
-      var c, T, l = { __proto__: null, default: S };
+      var c, E, l = { __proto__: null, default: S };
       if (S === null || typeof S != "object" && typeof S != "function") return l;
       if (c = D ? N : C) {
         if (c.has(S)) return c.get(S);
         c.set(S, l);
       }
-      for (const f in S) f !== "default" && {}.hasOwnProperty.call(S, f) && ((T = (c = Object.defineProperty) && Object.getOwnPropertyDescriptor(S, f)) && (T.get || T.set) ? c(l, f, T) : l[f] = S[f]);
+      for (const f in S) f !== "default" && {}.hasOwnProperty.call(S, f) && ((E = (c = Object.defineProperty) && Object.getOwnPropertyDescriptor(S, f)) && (E.get || E.set) ? c(l, f, E) : l[f] = S[f]);
       return l;
-    })(v, b);
+    })(b, v);
   }
-  function m(v, b, C) {
-    return (b = h(b)) in v ? Object.defineProperty(v, b, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : v[b] = C, v;
+  function m(b, v, C) {
+    return (v = h(v)) in b ? Object.defineProperty(b, v, { value: C, enumerable: !0, configurable: !0, writable: !0 }) : b[v] = C, b;
   }
-  function h(v) {
-    var b = u(v, "string");
-    return typeof b == "symbol" ? b : b + "";
+  function h(b) {
+    var v = u(b, "string");
+    return typeof v == "symbol" ? v : v + "";
   }
-  function u(v, b) {
-    if (typeof v != "object" || !v) return v;
-    var C = v[Symbol.toPrimitive];
+  function u(b, v) {
+    if (typeof b != "object" || !b) return b;
+    var C = b[Symbol.toPrimitive];
     if (C !== void 0) {
-      var N = C.call(v, b);
+      var N = C.call(b, v);
       if (typeof N != "object") return N;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return (b === "string" ? String : Number)(v);
+    return (v === "string" ? String : Number)(b);
   }
   const g = {
     touch: {
@@ -2006,42 +2006,42 @@ function gn() {
       stop: "mouseup"
     }
   };
-  let p = g.mouse, w = class extends e.Component {
+  let p = g.mouse, x = class extends e.Component {
     constructor() {
-      super(...arguments), m(this, "dragging", !1), m(this, "lastX", NaN), m(this, "lastY", NaN), m(this, "touchIdentifier", null), m(this, "mounted", !1), m(this, "handleDragStart", (b) => {
-        if (this.props.onMouseDown(b), !this.props.allowAnyClick && typeof b.button == "number" && b.button !== 0) return !1;
+      super(...arguments), m(this, "dragging", !1), m(this, "lastX", NaN), m(this, "lastY", NaN), m(this, "touchIdentifier", null), m(this, "mounted", !1), m(this, "handleDragStart", (v) => {
+        if (this.props.onMouseDown(v), !this.props.allowAnyClick && typeof v.button == "number" && v.button !== 0) return !1;
         const C = this.findDOMNode();
         if (!C || !C.ownerDocument || !C.ownerDocument.body)
           throw new Error("<DraggableCore> not mounted on DragStart!");
         const {
           ownerDocument: N
         } = C;
-        if (this.props.disabled || !(b.target instanceof N.defaultView.Node) || this.props.handle && !(0, r.matchesSelectorAndParentsTo)(b.target, this.props.handle, C) || this.props.cancel && (0, r.matchesSelectorAndParentsTo)(b.target, this.props.cancel, C))
+        if (this.props.disabled || !(v.target instanceof N.defaultView.Node) || this.props.handle && !(0, r.matchesSelectorAndParentsTo)(v.target, this.props.handle, C) || this.props.cancel && (0, r.matchesSelectorAndParentsTo)(v.target, this.props.cancel, C))
           return;
-        b.type === "touchstart" && !this.props.allowMobileScroll && b.preventDefault();
-        const S = (0, r.getTouchIdentifier)(b);
+        v.type === "touchstart" && !this.props.allowMobileScroll && v.preventDefault();
+        const S = (0, r.getTouchIdentifier)(v);
         this.touchIdentifier = S;
-        const D = (0, i.getControlPosition)(b, S, this);
+        const D = (0, i.getControlPosition)(v, S, this);
         if (D == null) return;
         const {
           x: c,
-          y: T
-        } = D, l = (0, i.createCoreData)(this, c, T);
-        (0, a.default)("DraggableCore: handleDragStart: %j", l), (0, a.default)("calling", this.props.onStart), !(this.props.onStart(b, l) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, r.addUserSelectStyles)(N), this.dragging = !0, this.lastX = c, this.lastY = T, (0, r.addEvent)(N, p.move, this.handleDrag), (0, r.addEvent)(N, p.stop, this.handleDragStop));
-      }), m(this, "handleDrag", (b) => {
-        const C = (0, i.getControlPosition)(b, this.touchIdentifier, this);
+          y: E
+        } = D, l = (0, i.createCoreData)(this, c, E);
+        (0, s.default)("DraggableCore: handleDragStart: %j", l), (0, s.default)("calling", this.props.onStart), !(this.props.onStart(v, l) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, r.addUserSelectStyles)(N), this.dragging = !0, this.lastX = c, this.lastY = E, (0, r.addEvent)(N, p.move, this.handleDrag), (0, r.addEvent)(N, p.stop, this.handleDragStop));
+      }), m(this, "handleDrag", (v) => {
+        const C = (0, i.getControlPosition)(v, this.touchIdentifier, this);
         if (C == null) return;
         let {
           x: N,
           y: S
         } = C;
         if (Array.isArray(this.props.grid)) {
-          let T = N - this.lastX, l = S - this.lastY;
-          if ([T, l] = (0, i.snapToGrid)(this.props.grid, T, l), !T && !l) return;
-          N = this.lastX + T, S = this.lastY + l;
+          let E = N - this.lastX, l = S - this.lastY;
+          if ([E, l] = (0, i.snapToGrid)(this.props.grid, E, l), !E && !l) return;
+          N = this.lastX + E, S = this.lastY + l;
         }
         const D = (0, i.createCoreData)(this, N, S);
-        if ((0, a.default)("DraggableCore: handleDrag: %j", D), this.props.onDrag(b, D) === !1 || this.mounted === !1) {
+        if ((0, s.default)("DraggableCore: handleDrag: %j", D), this.props.onDrag(v, D) === !1 || this.mounted === !1) {
           try {
             this.handleDragStop(new MouseEvent("mouseup"));
           } catch {
@@ -2051,9 +2051,9 @@ function gn() {
           return;
         }
         this.lastX = N, this.lastY = S;
-      }), m(this, "handleDragStop", (b) => {
+      }), m(this, "handleDragStop", (v) => {
         if (!this.dragging) return;
-        const C = (0, i.getControlPosition)(b, this.touchIdentifier, this);
+        const C = (0, i.getControlPosition)(v, this.touchIdentifier, this);
         if (C == null) return;
         let {
           x: N,
@@ -2064,26 +2064,26 @@ function gn() {
           [l, f] = (0, i.snapToGrid)(this.props.grid, l, f), N = this.lastX + l, S = this.lastY + f;
         }
         const D = (0, i.createCoreData)(this, N, S);
-        if (this.props.onStop(b, D) === !1 || this.mounted === !1) return !1;
-        const T = this.findDOMNode();
-        T && this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(T.ownerDocument), (0, a.default)("DraggableCore: handleDragStop: %j", D), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, T && ((0, a.default)("DraggableCore: Removing handlers"), (0, r.removeEvent)(T.ownerDocument, p.move, this.handleDrag), (0, r.removeEvent)(T.ownerDocument, p.stop, this.handleDragStop));
-      }), m(this, "onMouseDown", (b) => (p = g.mouse, this.handleDragStart(b))), m(this, "onMouseUp", (b) => (p = g.mouse, this.handleDragStop(b))), m(this, "onTouchStart", (b) => (p = g.touch, this.handleDragStart(b))), m(this, "onTouchEnd", (b) => (p = g.touch, this.handleDragStop(b)));
+        if (this.props.onStop(v, D) === !1 || this.mounted === !1) return !1;
+        const E = this.findDOMNode();
+        E && this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(E.ownerDocument), (0, s.default)("DraggableCore: handleDragStop: %j", D), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, E && ((0, s.default)("DraggableCore: Removing handlers"), (0, r.removeEvent)(E.ownerDocument, p.move, this.handleDrag), (0, r.removeEvent)(E.ownerDocument, p.stop, this.handleDragStop));
+      }), m(this, "onMouseDown", (v) => (p = g.mouse, this.handleDragStart(v))), m(this, "onMouseUp", (v) => (p = g.mouse, this.handleDragStop(v))), m(this, "onTouchStart", (v) => (p = g.touch, this.handleDragStart(v))), m(this, "onTouchEnd", (v) => (p = g.touch, this.handleDragStop(v)));
     }
     componentDidMount() {
       this.mounted = !0;
-      const b = this.findDOMNode();
-      b && (0, r.addEvent)(b, g.touch.start, this.onTouchStart, {
+      const v = this.findDOMNode();
+      v && (0, r.addEvent)(v, g.touch.start, this.onTouchStart, {
         passive: !1
       });
     }
     componentWillUnmount() {
       this.mounted = !1;
-      const b = this.findDOMNode();
-      if (b) {
+      const v = this.findDOMNode();
+      if (v) {
         const {
           ownerDocument: C
-        } = b;
-        (0, r.removeEvent)(C, g.mouse.move, this.handleDrag), (0, r.removeEvent)(C, g.touch.move, this.handleDrag), (0, r.removeEvent)(C, g.mouse.stop, this.handleDragStop), (0, r.removeEvent)(C, g.touch.stop, this.handleDragStop), (0, r.removeEvent)(b, g.touch.start, this.onTouchStart, {
+        } = v;
+        (0, r.removeEvent)(C, g.mouse.move, this.handleDrag), (0, r.removeEvent)(C, g.touch.move, this.handleDrag), (0, r.removeEvent)(C, g.mouse.stop, this.handleDragStop), (0, r.removeEvent)(C, g.touch.stop, this.handleDragStop), (0, r.removeEvent)(v, g.touch.start, this.onTouchStart, {
           passive: !1
         }), this.props.enableUserSelectHack && (0, r.scheduleRemoveUserSelectStyles)(C);
       }
@@ -2106,7 +2106,7 @@ function gn() {
       });
     }
   };
-  return he.default = w, m(w, "displayName", "DraggableCore"), m(w, "propTypes", {
+  return he.default = x, m(x, "displayName", "DraggableCore"), m(x, "propTypes", {
     /**
      * `allowAnyClick` allows dragging using any mouse button.
      * By default, we only accept the left button.
@@ -2138,8 +2138,8 @@ function gn() {
      * `offsetParent`, if set, uses the passed DOM node to compute drag offsets
      * instead of using the parent node.
      */
-    offsetParent: function(v, b) {
-      if (v[b] && v[b].nodeType !== 1)
+    offsetParent: function(b, v) {
+      if (b[v] && b[v].nodeType !== 1)
         throw new Error("Draggable's offsetParent must be a DOM Node.");
     },
     /**
@@ -2236,7 +2236,7 @@ function gn() {
     className: o.dontSetMe,
     style: o.dontSetMe,
     transform: o.dontSetMe
-  }), m(w, "defaultProps", {
+  }), m(x, "defaultProps", {
     allowAnyClick: !1,
     // by default only accept left click
     allowMobileScroll: !1,
@@ -2254,7 +2254,7 @@ function gn() {
   }), he;
 }
 var ot;
-function mn() {
+function pn() {
   return ot || (ot = 1, (function(e) {
     Object.defineProperty(e, "__esModule", {
       value: !0
@@ -2264,22 +2264,22 @@ function mn() {
         return y.default;
       }
     }), e.default = void 0;
-    var n = u(se), t = h(/* @__PURE__ */ vt()), r = h(st), i = fn(), o = Re(), a = bt(), d = we(), y = h(gn()), m = h(xt());
+    var n = u(ae), t = h(/* @__PURE__ */ vt()), r = h(lt), i = hn(), o = Oe(), s = xt(), d = we(), y = h(mn()), m = h(wt());
     function h(C) {
       return C && C.__esModule ? C : { default: C };
     }
     function u(C, N) {
       if (typeof WeakMap == "function") var S = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakMap();
-      return (u = function(c, T) {
-        if (!T && c && c.__esModule) return c;
-        var l, f, P = { __proto__: null, default: c };
-        if (c === null || typeof c != "object" && typeof c != "function") return P;
-        if (l = T ? D : S) {
+      return (u = function(c, E) {
+        if (!E && c && c.__esModule) return c;
+        var l, f, M = { __proto__: null, default: c };
+        if (c === null || typeof c != "object" && typeof c != "function") return M;
+        if (l = E ? D : S) {
           if (l.has(c)) return l.get(c);
-          l.set(c, P);
+          l.set(c, M);
         }
-        for (const $ in c) $ !== "default" && {}.hasOwnProperty.call(c, $) && ((f = (l = Object.defineProperty) && Object.getOwnPropertyDescriptor(c, $)) && (f.get || f.set) ? l(P, $, f) : P[$] = c[$]);
-        return P;
+        for (const $ in c) $ !== "default" && {}.hasOwnProperty.call(c, $) && ((f = (l = Object.defineProperty) && Object.getOwnPropertyDescriptor(c, $)) && (f.get || f.set) ? l(M, $, f) : M[$] = c[$]);
+        return M;
       })(C, N);
     }
     function g() {
@@ -2292,13 +2292,13 @@ function mn() {
       }, g.apply(null, arguments);
     }
     function p(C, N, S) {
-      return (N = w(N)) in C ? Object.defineProperty(C, N, { value: S, enumerable: !0, configurable: !0, writable: !0 }) : C[N] = S, C;
+      return (N = x(N)) in C ? Object.defineProperty(C, N, { value: S, enumerable: !0, configurable: !0, writable: !0 }) : C[N] = S, C;
     }
-    function w(C) {
-      var N = v(C, "string");
+    function x(C) {
+      var N = b(C, "string");
       return typeof N == "symbol" ? N : N + "";
     }
-    function v(C, N) {
+    function b(C, N) {
       if (typeof C != "object" || !C) return C;
       var S = C[Symbol.toPrimitive];
       if (S !== void 0) {
@@ -2308,7 +2308,7 @@ function mn() {
       }
       return (N === "string" ? String : Number)(C);
     }
-    class b extends n.Component {
+    class v extends n.Component {
       // React 16.3+
       // Arity (props, state)
       static getDerivedStateFromProps(N, S) {
@@ -2330,7 +2330,7 @@ function mn() {
       }
       constructor(N) {
         super(N), p(this, "onDragStart", (S, D) => {
-          if ((0, m.default)("Draggable: onDragStart: %j", D), this.props.onStart(S, (0, a.createDraggableData)(this, D)) === !1) return !1;
+          if ((0, m.default)("Draggable: onDragStart: %j", D), this.props.onStart(S, (0, s.createDraggableData)(this, D)) === !1) return !1;
           this.setState({
             dragging: !0,
             dragged: !0
@@ -2338,7 +2338,7 @@ function mn() {
         }), p(this, "onDrag", (S, D) => {
           if (!this.state.dragging) return !1;
           (0, m.default)("Draggable: onDrag: %j", D);
-          const c = (0, a.createDraggableData)(this, D), T = {
+          const c = (0, s.createDraggableData)(this, D), E = {
             x: c.x,
             y: c.y,
             slackX: 0,
@@ -2347,18 +2347,18 @@ function mn() {
           if (this.props.bounds) {
             const {
               x: f,
-              y: P
-            } = T;
-            T.x += this.state.slackX, T.y += this.state.slackY;
-            const [$, O] = (0, a.getBoundPosition)(this, T.x, T.y);
-            T.x = $, T.y = O, T.slackX = this.state.slackX + (f - T.x), T.slackY = this.state.slackY + (P - T.y), c.x = T.x, c.y = T.y, c.deltaX = T.x - this.state.x, c.deltaY = T.y - this.state.y;
+              y: M
+            } = E;
+            E.x += this.state.slackX, E.y += this.state.slackY;
+            const [$, I] = (0, s.getBoundPosition)(this, E.x, E.y);
+            E.x = $, E.y = I, E.slackX = this.state.slackX + (f - E.x), E.slackY = this.state.slackY + (M - E.y), c.x = E.x, c.y = E.y, c.deltaX = E.x - this.state.x, c.deltaY = E.y - this.state.y;
           }
           if (this.props.onDrag(S, c) === !1) return !1;
-          this.setState(T);
+          this.setState(E);
         }), p(this, "onDragStop", (S, D) => {
-          if (!this.state.dragging || this.props.onStop(S, (0, a.createDraggableData)(this, D)) === !1) return !1;
+          if (!this.state.dragging || this.props.onStop(S, (0, s.createDraggableData)(this, D)) === !1) return !1;
           (0, m.default)("Draggable: onDragStop: %j", D);
-          const T = {
+          const E = {
             dragging: !1,
             slackX: 0,
             slackY: 0
@@ -2366,11 +2366,11 @@ function mn() {
           if (!!this.props.position) {
             const {
               x: f,
-              y: P
+              y: M
             } = this.props.position;
-            T.x = f, T.y = P;
+            E.x = f, E.y = M;
           }
-          this.setState(T);
+          this.setState(E);
         }), this.state = {
           // Whether or not we are currently dragging.
           dragging: !1,
@@ -2410,27 +2410,27 @@ function mn() {
           bounds: S,
           children: D,
           defaultPosition: c,
-          defaultClassName: T,
+          defaultClassName: E,
           defaultClassNameDragging: l,
           defaultClassNameDragged: f,
-          position: P,
+          position: M,
           positionOffset: $,
-          scale: O,
-          ...E
+          scale: I,
+          ...T
         } = this.props;
         let z = {}, X = null;
-        const H = !!!P || this.state.dragging, ee = P || c, ae = {
+        const K = !!!M || this.state.dragging, ee = M || c, se = {
           // Set left if horizontal drag is enabled
-          x: (0, a.canDragX)(this) && H ? this.state.x : ee.x,
+          x: (0, s.canDragX)(this) && K ? this.state.x : ee.x,
           // Set top if vertical drag is enabled
-          y: (0, a.canDragY)(this) && H ? this.state.y : ee.y
+          y: (0, s.canDragY)(this) && K ? this.state.y : ee.y
         };
-        this.state.isElementSVG ? X = (0, o.createSVGTransform)(ae, $) : z = (0, o.createCSSTransform)(ae, $);
-        const de = (0, i.clsx)(D.props.className || "", T, {
+        this.state.isElementSVG ? X = (0, o.createSVGTransform)(se, $) : z = (0, o.createCSSTransform)(se, $);
+        const de = (0, i.clsx)(D.props.className || "", E, {
           [l]: this.state.dragging,
           [f]: this.state.dragged
         });
-        return /* @__PURE__ */ n.createElement(y.default, g({}, E, {
+        return /* @__PURE__ */ n.createElement(y.default, g({}, T, {
           onStart: this.onDragStart,
           onDrag: this.onDrag,
           onStop: this.onDragStop
@@ -2444,7 +2444,7 @@ function mn() {
         }));
       }
     }
-    e.default = b, p(b, "displayName", "Draggable"), p(b, "propTypes", {
+    e.default = v, p(v, "displayName", "Draggable"), p(v, "propTypes", {
       // Accepts all props <DraggableCore> accepts.
       ...y.default.propTypes,
       /**
@@ -2551,7 +2551,7 @@ function mn() {
       className: d.dontSetMe,
       style: d.dontSetMe,
       transform: d.dontSetMe
-    }), p(b, "defaultProps", {
+    }), p(v, "defaultProps", {
       ...y.default.defaultProps,
       axis: "both",
       bounds: !1,
@@ -2567,17 +2567,17 @@ function mn() {
   })(De)), De;
 }
 var it;
-function pn() {
+function yn() {
   if (it) return fe.exports;
   it = 1;
   const {
     default: e,
     DraggableCore: n
-  } = mn();
+  } = pn();
   return fe.exports = e, fe.exports.default = e, fe.exports.DraggableCore = n, fe.exports;
 }
-var yn = pn();
-const vn = /* @__PURE__ */ on(yn), bn = ce((e, n) => {
+var bn = yn();
+const vn = /* @__PURE__ */ an(bn), xn = ce((e, n) => {
   const r = {
     ...{
       // 1. Take it out of the document flow
@@ -2595,13 +2595,13 @@ const vn = /* @__PURE__ */ on(yn), bn = ce((e, n) => {
       boxShadow: "rgba(0, 0, 0, 0.5) 7px 7px 10px 0px"
     },
     ...e.style || {}
-  }, i = e.testId || "not-set", o = e.className || "panel", a = wt(null);
+  }, i = e.testId || "not-set", o = e.className || "panel", s = Ct(null);
   return (
     // 3. Pass the internal ref to the Draggable component via 'nodeRef'
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ a(
       vn,
       {
-        nodeRef: a,
+        nodeRef: s,
         "data-testid": i,
         axis: "both",
         handle: ".handle",
@@ -2613,13 +2613,13 @@ const vn = /* @__PURE__ */ on(yn), bn = ce((e, n) => {
             e.onDraggingChange?.(!1);
           }, 100);
         },
-        children: /* @__PURE__ */ s("div", { ref: a, className: o, style: r, children: e.children })
+        children: /* @__PURE__ */ a("div", { ref: s, className: o, style: r, children: e.children })
       }
     )
   );
 });
-function er({ children: e }) {
-  return /* @__PURE__ */ s(
+function tr({ children: e }) {
+  return /* @__PURE__ */ a(
     "div",
     {
       className: "w-full h-full flex-1 flex flex-col gap-2 items-end justify-end content-end",
@@ -2630,30 +2630,30 @@ function er({ children: e }) {
     }
   );
 }
-function tr({ children: e }) {
-  return /* @__PURE__ */ s("div", { className: "w-full flex flex-col items-end", children: e });
+function nr({ children: e }) {
+  return /* @__PURE__ */ a("div", { className: "w-full flex flex-col items-end", children: e });
 }
-const nr = (e) => {
+const rr = (e) => {
   console.warn("showToast TODO", e);
-}, xn = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, rr = ce((e, n) => {
-  let t = lt(Number(e.zoomScale || 0));
+}, wn = (e) => e < 0.8 ? 1 : e <= 1 ? 0 : e > 1 ? -1 : 0, or = ce((e, n) => {
+  let t = ct(Number(e.zoomScale || 0));
   const r = e.responsiveGrid || !1, i = e.isEditing || !1, o = {
     "--bwj-dashboard-transform-scale": t,
-    "--bwj-dashboard-add-cols": xn(t)
-  }, a = Z(
+    "--bwj-dashboard-add-cols": wn(t)
+  }, s = Z(
     "dashboard-main-grid w-full",
     i ? "editing" : "",
     r ? "responsive-grid" : "",
     `border border-dashed ${i ? "border-primary border-opacity-50" : "border-transparent"}`
   );
-  return /* @__PURE__ */ s("div", { className: a, style: o, children: e.children });
-}), $e = "size-5", wn = (e, n) => {
+  return /* @__PURE__ */ a("div", { className: s, style: o, children: e.children });
+}), $e = "size-5", Cn = (e, n) => {
   const t = e.hideTitle && !e.isEditing, r = e.noBorder;
   let i = `dashboard-widget ${e.isEditing ? "editing" : ""} border border-solid`;
   r ? i = `${i} border-transparent border-opacity-0` : (e.borderCssClasses || "").trim().length > 0 ? i = `${i} ${e.borderCssClasses}` : i = `${i} border-card-invert border-opacity-20`, e.noShadow && (i = `${i} no-shadow`), e.noPadding && (i = `${i} no-padding p-0`), (e.backgroundCssClasses || "").trim().length > 0 ? i = `${i} ${e.backgroundCssClasses}` : i = `${i} bg-card content-card`, ["large", "xlarge"].indexOf(e.size || "") > -1 && (i = `${i} ${e.size}-widget`);
   const o = () => {
     e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey, e.parentWidgetKey);
-  }, a = (y) => {
+  }, s = (y) => {
     e.onMoveClick && e.widgetKey && e.onMoveClick(y, e.widgetKey, e.parentWidgetKey);
   }, d = Z(
     "widget-header",
@@ -2667,12 +2667,12 @@ const nr = (e) => {
           e.title,
           " "
         ] }),
-        /* @__PURE__ */ s("div", {})
+        /* @__PURE__ */ a("div", {})
       ] }),
-      /* @__PURE__ */ s("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ W("div", { className: "actions-inner", children: [
-        /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("span", { className: "hidden", children: "Widget" }) }),
+      /* @__PURE__ */ a("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ W("div", { className: "actions-inner", children: [
+        /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a("span", { className: "hidden", children: "Widget" }) }),
         /* @__PURE__ */ W("div", { className: "actions-buttons-container", children: [
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ a(
             J,
             {
               "data-testid": `move-widget-left_${e.title}`,
@@ -2682,11 +2682,11 @@ const nr = (e) => {
                 placement: "top",
                 title: `${e.index < 1 ? "Already at min position" : "Move Widget to the left/up"}`
               },
-              onClick: () => a(-1),
-              children: /* @__PURE__ */ s(ut, { className: $e })
+              onClick: () => s(-1),
+              children: /* @__PURE__ */ a(ft, { className: $e })
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ a(
             J,
             {
               "data-testid": `move-widget-right_${e.title}`,
@@ -2696,11 +2696,11 @@ const nr = (e) => {
                 placement: "top",
                 title: `${e.index >= e.maxIndex ? "Already at max position" : "Move Widget to the right/down"}`
               },
-              onClick: () => a(1),
-              children: /* @__PURE__ */ s(ft, { className: $e })
+              onClick: () => s(1),
+              children: /* @__PURE__ */ a(ht, { className: $e })
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ a(
             J,
             {
               "data-testid": `remove-container_${e.title}`,
@@ -2710,100 +2710,142 @@ const nr = (e) => {
                 title: "Remove Widget"
               },
               onClick: () => o(),
-              children: /* @__PURE__ */ s(ht, { className: $e })
+              children: /* @__PURE__ */ a(gt, { className: $e })
             }
           )
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ s("div", { className: "widget-inner", children: e.children })
+    /* @__PURE__ */ a("div", { className: "widget-inner", children: e.children })
   ] });
-}, Cn = ce(wn);
-function Sn(e) {
-  return /* @__PURE__ */ s("div", { className: "dashboard-widget", children: /* @__PURE__ */ W("div", { className: "absolute inset-0 bg-black flex flex-col items-center justify-center text-center", children: [
-    /* @__PURE__ */ s("div", { className: "w-full absolute opacity-100 text-primary", children: e.title }),
-    /* @__PURE__ */ s("div", { className: "animate-ping rounded-full h-32 w-32 border-8 border-white" })
+}, at = ce(Cn), Sn = (e, n) => {
+  const t = (o) => o.replace(/[^0-9.]/g, ""), r = t(e).split(".").map(Number), i = t(n).split(".").map(Number);
+  return !(r[0] !== i[0] || r[1] < i[1]);
+};
+function Dn(e) {
+  return /* @__PURE__ */ a("div", { className: "dashboard-widget", children: /* @__PURE__ */ W("div", { className: "absolute inset-0 bg-black flex flex-col items-center justify-center text-center", children: [
+    /* @__PURE__ */ a("div", { className: "w-full absolute opacity-100 text-primary", children: e.title }),
+    /* @__PURE__ */ a("div", { className: "animate-ping rounded-full h-32 w-32 border-8 border-white" })
   ] }) });
 }
-function Dn({
+function Nn({
   index: e,
   maxIndex: n,
   widgetKey: t,
   parentWidgetKey: r,
   targetContainerKey: i,
   childWidgetsConfig: o,
-  widgetCatalog: a,
+  widgetCatalog: s,
   isEditing: d,
   onRemoveClick: y,
   onMoveClick: m,
   selectContainer: h
 }) {
-  const u = `${t}`.split("_"), g = u.length > 1, p = g ? u[0] : t, w = a.get(p);
-  if (!w)
-    return /* @__PURE__ */ s("div", { className: "flex", children: /* @__PURE__ */ W("p", { children: [
+  const u = `${t}`.split("_"), g = u.length > 1, p = g ? u[0] : t, x = s.get(p);
+  if (!x)
+    return /* @__PURE__ */ a("div", { className: "flex", children: /* @__PURE__ */ W("p", { children: [
       "Widget not found in catalog: ",
       p
     ] }) });
-  let v = null, b = !1;
-  if (w.component ? (v = w.component, b = !1) : w.loader && (b = !0, v = at(() => {
-    if (!w) return null;
-    if (w.component)
-      return w.component;
-    if (w.loader) {
-      const l = async () => {
+  let b = null, v = !1;
+  if (x.component ? (b = x.component, v = !1) : x.loader && (v = !0, b = st(() => {
+    if (!x) return null;
+    const l = typeof __HOST_REACT_VERSION__ < "u" ? __HOST_REACT_VERSION__ : "19.2.3", f = x.meta?.externalDependencies || [], M = f.find(($) => $.startsWith("react@"));
+    if (M) {
+      const $ = M.split("@")[1];
+      if (!Sn(l, $))
+        return ae.lazy(async () => ({
+          default: () => /* @__PURE__ */ a(at, { ...D, children: /* @__PURE__ */ W("div", { className: "p-4 border border-dashed border-danger", children: [
+            /* @__PURE__ */ W("p", { className: "font-bold", children: [
+              'Failed to load "',
+              t,
+              '"'
+            ] }),
+            /* @__PURE__ */ W("p", { className: "text-xs italic", children: [
+              "The remote plugin is unavailable or incompatible.",
+              /* @__PURE__ */ W("p", { className: "font-bold text-sm", children: [
+                "Version Mismatch: ",
+                t
+              ] }),
+              /* @__PURE__ */ W("p", { className: "text-xs", children: [
+                "Widget requires ",
+                /* @__PURE__ */ W("strong", { children: [
+                  "React ",
+                  $
+                ] }),
+                ". Host is running",
+                " ",
+                /* @__PURE__ */ a("strong", { children: l }),
+                "."
+              ] })
+            ] }),
+            /* @__PURE__ */ W("div", { className: "flex flex-col mt-3", children: [
+              /* @__PURE__ */ a("h5", { children: "Externals:" }),
+              /* @__PURE__ */ a("dl", { className: "ml-2 flex flex-col text-xs", children: f.map((I, T) => /* @__PURE__ */ W("dd", { children: [
+                "- ",
+                I
+              ] }, T)) })
+            ] })
+          ] }) })
+        }));
+    }
+    if (x.component)
+      return x.component;
+    if (x.loader) {
+      const $ = async () => {
         try {
-          return await w.loader();
-        } catch (f) {
-          return console.error(`CDN Load Failure for ${t}:`, f), {
-            default: () => /* @__PURE__ */ s(Cn, { ...D, children: /* @__PURE__ */ W("div", { className: "p-4 border border-dashed border-danger", children: [
+          return await x.loader();
+        } catch (I) {
+          return console.error(`CDN Load Failure for ${t}:`, I), {
+            default: () => /* @__PURE__ */ a(at, { ...D, children: /* @__PURE__ */ W("div", { className: "p-4 border border-dashed border-danger", children: [
               /* @__PURE__ */ W("p", { className: "font-bold", children: [
                 'Failed to load "',
                 t,
                 '"'
               ] }),
-              /* @__PURE__ */ s("p", { className: "text-xs italic", children: "The remote plugin is unavailable or incompatible." }),
-              /* @__PURE__ */ s("pre", { className: "text-xs overflow-hidden", children: JSON.stringify(w.meta || {}, null, 2) })
+              /* @__PURE__ */ a("p", { className: "text-xs italic", children: "The remote plugin is unavailable or incompatible." }),
+              /* @__PURE__ */ a("pre", { className: "text-xs overflow-hidden", children: JSON.stringify(x.meta || {}, null, 2) })
             ] }) })
           };
         }
       };
-      return se.lazy(l);
+      return ae.lazy($);
     }
     return null;
-  }, [w, t])), !v)
-    return /* @__PURE__ */ s("div", { className: "flex", children: /* @__PURE__ */ W("p", { children: [
+  }, [x, t])), !b)
+    return /* @__PURE__ */ a("div", { className: "flex", children: /* @__PURE__ */ W("p", { children: [
       "Widget definition incomplete: ",
       p
     ] }) });
-  const C = !!w.isContainer, N = g ? gt(t) : "", S = C ? (o || []).filter((l) => l.parentWidgetKey === t) : [], D = {
+  const C = !!x.isContainer, N = g ? mt(t) : "", S = C ? (o || []).filter((l) => l.parentWidgetKey === t) : [], D = {
     index: e,
     maxIndex: n,
     widgetKey: t,
     parentWidgetKey: r,
     isEditing: d,
-    title: g ? N : w.title,
+    title: g ? N : x.title,
     onRemoveClick: y,
     onMoveClick: m
   }, c = C ? {
     highlight: i === t,
     selectContainer: h,
     // The children prop is the recursive call back to DynamicWidgetLoader
-    children: S.map((l, f) => /* @__PURE__ */ s(
-      Dn,
+    children: S.map((l, f) => /* @__PURE__ */ a(
+      Nn,
       {
         index: f,
         maxIndex: S.length - 1,
         widgetKey: l.widgetKey,
         parentWidgetKey: l.parentWidgetKey,
-        widgetCatalog: a,
+        widgetCatalog: s,
         isEditing: d,
         onRemoveClick: y,
         onMoveClick: m
       },
       `${l.widgetKey}_${f}`
     ))
-  } : {}, T = () => /* @__PURE__ */ s(v, { ...D, ...c });
-  return b ? /* @__PURE__ */ s(Ct, { fallback: /* @__PURE__ */ s(Sn, { title: `Loading ${w.title}` }), children: /* @__PURE__ */ s(T, {}) }) : /* @__PURE__ */ s(T, {});
+  } : {}, E = () => /* @__PURE__ */ a(b, { ...D, ...c });
+  return v ? /* @__PURE__ */ a(St, { fallback: /* @__PURE__ */ a(Dn, { title: `Loading ${x.title}` }), children: /* @__PURE__ */ a(E, {}) }) : /* @__PURE__ */ a(E, {});
 }
 const xe = "size-5";
 function ke(e) {
@@ -2827,23 +2869,23 @@ function ke(e) {
   ), g = `widget-container-header direction-${t} flex items-center border-1 ${d}`;
   const p = () => {
     e.onRemoveClick && e.widgetKey && e.onRemoveClick(e.widgetKey);
-  }, w = (b) => {
-    e.onMoveClick && e.widgetKey && e.onMoveClick(b, e.widgetKey, e.parentWidgetKey);
-  }, v = () => {
+  }, x = (v) => {
+    e.onMoveClick && e.widgetKey && e.onMoveClick(v, e.widgetKey, e.parentWidgetKey);
+  }, b = () => {
     e.selectContainer && e.widgetKey && e.selectContainer(e.widgetKey);
   };
   return /* @__PURE__ */ W("div", { "data-testid": `container_${e.widgetKey}`, className: u, children: [
     /* @__PURE__ */ W("div", { className: g, children: [
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ a(
         "div",
         {
           className: "widget-title-wrapper w-full flex whitespace-nowrap",
-          onClick: v,
-          children: /* @__PURE__ */ s("span", { className: "text-sm font-semibold capitalize", children: e.title })
+          onClick: b,
+          children: /* @__PURE__ */ a("span", { className: "text-sm font-semibold capitalize", children: e.title })
         }
       ),
-      /* @__PURE__ */ s("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ s("div", { className: "actions-inner", children: /* @__PURE__ */ W("div", { className: "actions-buttons-container", children: [
-        /* @__PURE__ */ s(
+      /* @__PURE__ */ a("div", { "data-testid": "collapse-and-other-actions", children: /* @__PURE__ */ a("div", { className: "actions-inner", children: /* @__PURE__ */ W("div", { className: "actions-buttons-container", children: [
+        /* @__PURE__ */ a(
           J,
           {
             "data-testid": `open-widgets-catalog-from-container_${e.title}`,
@@ -2853,16 +2895,16 @@ function ke(e) {
               placement: "top",
               title: "Target this Container"
             },
-            onClick: v,
-            children: /* @__PURE__ */ s(
-              en,
+            onClick: b,
+            children: /* @__PURE__ */ a(
+              tn,
               {
                 className: `${xe} ${n ? "text-success" : "text-disabled"}`
               }
             )
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ a(
           J,
           {
             "data-testid": `move-container-left_${e.title}`,
@@ -2872,11 +2914,11 @@ function ke(e) {
               placement: "top",
               title: `${e.index < 1 ? "Already at min position" : "Move Container to the left/up"}`
             },
-            onClick: () => w(-1),
-            children: /* @__PURE__ */ s(ut, { className: xe })
+            onClick: () => x(-1),
+            children: /* @__PURE__ */ a(ft, { className: xe })
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ a(
           J,
           {
             "data-testid": `move-container-right_${e.title}`,
@@ -2886,11 +2928,11 @@ function ke(e) {
               placement: "top",
               title: `${e.index >= e.maxIndex ? "Already at max position" : "Move Container to the right/down"}`
             },
-            onClick: () => w(1),
-            children: /* @__PURE__ */ s(ft, { className: xe })
+            onClick: () => x(1),
+            children: /* @__PURE__ */ a(ht, { className: xe })
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ a(
           J,
           {
             "data-testid": `remove-container_${e.title}`,
@@ -2900,25 +2942,25 @@ function ke(e) {
               title: "Remove Container"
             },
             onClick: () => p(),
-            children: /* @__PURE__ */ s(ht, { className: xe })
+            children: /* @__PURE__ */ a(gt, { className: xe })
           }
         )
       ] }) }) })
     ] }),
-    /* @__PURE__ */ s("div", { "data-testid": `childrenwrapper_${e.widgetKey}`, className: "widget-container-inner", children: e.children })
+    /* @__PURE__ */ a("div", { "data-testid": `childrenwrapper_${e.widgetKey}`, className: "widget-container-inner", children: e.children })
   ] });
 }
-function or(e) {
+function ir(e) {
   const { direction: n, ...t } = e;
-  return /* @__PURE__ */ s(ke, { direction: "column", ...t });
+  return /* @__PURE__ */ a(ke, { direction: "column", ...t });
 }
-function ir(e) {
+function ar(e) {
   const { size: n, ...t } = e;
-  return /* @__PURE__ */ s(ke, { size: "large", ...t });
+  return /* @__PURE__ */ a(ke, { size: "large", ...t });
 }
-function ar(e) {
+function sr(e) {
   const { direction: n, ...t } = e;
-  return /* @__PURE__ */ s(ke, { direction: "row", ...t });
+  return /* @__PURE__ */ a(ke, { direction: "row", ...t });
 }
 function We({
   // widgetKey,
@@ -2926,33 +2968,33 @@ function We({
   alreadyAdded: n,
   addWidget: t
 }) {
-  const [r, i] = le(!1), o = e.icon || tn, a = e.displayName || "Unknown", d = e.description || "---", m = (e.noDuplicatedWidgets || !1) && n, h = Z(`
+  const [r, i] = le(!1), o = e.icon || nn, s = e.displayName || "Unknown", d = e.description || "---", m = (e.noDuplicatedWidgets || !1) && n, h = Z(`
     flex flex-row gap-2 p-2 rounded-md border text-sm bg-card content-card backdrop-opacity-100
     ${m ? "border-disabled fill-disabled text-disabled" : "cursor-pointer border-primary fill-danger hover:fill-primary content-primary hover:brightness-110"}
   `);
   return /* @__PURE__ */ W("div", { className: h, style: { width: "calc(100% - 1rem)" }, onClick: () => {
     m || t();
   }, children: [
-    /* @__PURE__ */ s(o, { className: "" }),
+    /* @__PURE__ */ a(o, { className: "" }),
     /* @__PURE__ */ W("div", { className: "w-full", children: [
       /* @__PURE__ */ W("div", { className: "flex flex-row items-center gap-2 justify-between", children: [
-        /* @__PURE__ */ s("span", { className: "font-bold", children: a }),
-        /* @__PURE__ */ s("div", { className: "text-xs", children: m ? "(Added)" : "" })
+        /* @__PURE__ */ a("span", { className: "font-bold", children: s }),
+        /* @__PURE__ */ a("div", { className: "text-xs", children: m ? "(Added)" : "" })
       ] }),
       /* @__PURE__ */ W("div", { className: "flex flex-col text-xs", children: [
-        /* @__PURE__ */ s("div", { children: d }),
-        /* @__PURE__ */ s("div", { className: "mt-3", onClick: (p) => {
+        /* @__PURE__ */ a("div", { children: d }),
+        /* @__PURE__ */ a("div", { className: "mt-3 cursor-pointer", onClick: (p) => {
           p.stopPropagation(), p.preventDefault(), i(!r);
         }, children: "Externals:" }),
-        r && /* @__PURE__ */ s("dl", { className: "ml-2 flex flex-col text-xs", children: e.externalDependencies.map((p, w) => /* @__PURE__ */ W("dd", { children: [
+        r && /* @__PURE__ */ a("dl", { className: "ml-2 flex flex-col text-xs", children: e.externalDependencies.map((p, x) => /* @__PURE__ */ W("dd", { children: [
           "- ",
           p
-        ] }, w)) })
+        ] }, x)) })
       ] })
     ] })
   ] });
 }
-function Nn({
+function Tn({
   item: e,
   onSettingItemChanged: n
 }) {
@@ -2962,31 +3004,31 @@ function Nn({
     const y = d.key;
     if (["ArrowUp", "ArrowDown"].includes(y)) {
       d.preventDefault();
-      const m = Et.incrementOrDecrementValue(
+      const m = _t.incrementOrDecrementValue(
         e,
         y === "ArrowUp" ? 1 : -1
       );
       n(m);
     }
-  }, a = (d) => {
+  }, s = (d) => {
     n({
       ...e,
       value: d.target.value || ""
     });
   };
-  return /* @__PURE__ */ s("div", { className: i, style: { width: "calc(100% - 1rem)" }, children: /* @__PURE__ */ W("div", { className: "w-full", children: [
-    /* @__PURE__ */ s("div", { className: "flex flex-row items-center gap-2 justify-between", children: /* @__PURE__ */ s("span", { className: "font-bold", children: t }) }),
-    /* @__PURE__ */ s("div", { className: "flex flex-col gap-2 text-xs", children: /* @__PURE__ */ s("div", { children: r }) }),
+  return /* @__PURE__ */ a("div", { className: i, style: { width: "calc(100% - 1rem)" }, children: /* @__PURE__ */ W("div", { className: "w-full", children: [
+    /* @__PURE__ */ a("div", { className: "flex flex-row items-center gap-2 justify-between", children: /* @__PURE__ */ a("span", { className: "font-bold", children: t }) }),
+    /* @__PURE__ */ a("div", { className: "flex flex-col gap-2 text-xs", children: /* @__PURE__ */ a("div", { children: r }) }),
     /* @__PURE__ */ W("div", { children: [
       "Value:",
-      /* @__PURE__ */ s(
-        mt,
+      /* @__PURE__ */ a(
+        pt,
         {
           label: "Filter...",
           size: "small",
           className: "w-full",
           value: e.value,
-          onChange: a,
+          onChange: s,
           onKeyDown: o
         }
       )
@@ -2997,49 +3039,49 @@ const Ie = (e, n) => [
   ...n.widgets.filter((r) => r.indexOf("Container") === -1),
   ...n.childWidgetsConfig.map((r) => r.widgetKey)
 ].includes(e);
-function sr({
+function lr({
   targetContainerKey: e,
   widgetsCatalog: n,
   currentDashboardConfig: t,
   undoStatus: r,
   addWidget: i,
   addContainer: o,
-  onSettingItemsUpdated: a,
+  onSettingItemsUpdated: s,
   onResetToDefaultDashboardClick: d,
   onUndoOrRedo: y,
   onDoneClick: m
 }) {
-  const [h, u] = le("Editing"), [g, p] = le(0), [w, v] = le(""), C = Array.from(n.keys()).map((E) => ({
-    widgetKey: E,
-    metaData: Pt(E, n)
-  })), N = (E) => {
-    v(E.target.value);
-  }, S = (E) => {
-    const z = w.trim().toLowerCase();
-    return z.length < 1 ? !0 : E.displayName.trim().toLowerCase().includes(z) || E.description.toLowerCase().includes(z);
-  }, D = (E) => {
-    const z = w.trim().toLowerCase();
-    return z.length < 1 ? !0 : E.displayName.trim().toLowerCase().includes(z) || E.description.toLowerCase().includes(z);
-  }, c = (E) => Z(
+  const [h, u] = le("Editing"), [g, p] = le(0), [x, b] = le(""), C = Array.from(n.keys()).map((T) => ({
+    widgetKey: T,
+    metaData: $t(T, n)
+  })), N = (T) => {
+    b(T.target.value);
+  }, S = (T) => {
+    const z = x.trim().toLowerCase();
+    return z.length < 1 ? !0 : T.displayName.trim().toLowerCase().includes(z) || T.description.toLowerCase().includes(z);
+  }, D = (T) => {
+    const z = x.trim().toLowerCase();
+    return z.length < 1 ? !0 : T.displayName.trim().toLowerCase().includes(z) || T.description.toLowerCase().includes(z);
+  }, c = (T) => Z(
     "px-4 py-2 font-medium cursor-pointer border-b-2 border-transparent hover:border-primary focus:outline-none",
-    E === g ? "text-primary border-primary" : ""
-  ), T = !!e;
-  St(() => {
+    T === g ? "text-primary border-primary" : ""
+  ), E = !!e;
+  Dt(() => {
     if (e) {
       p(0);
-      const E = gt(e);
-      u(`Editing ${E}`);
+      const T = mt(e);
+      u(`Editing ${T}`);
     } else
       u("Editing Dashboard");
   }, [e]);
-  const l = (E) => {
-    T ? i(E, e) : i(E);
-  }, f = (E) => {
-    const z = (t.cssSettings || []).map((X) => X.key === E.key ? E : X);
-    a(z);
-  }, [P, $] = le(!1);
-  return /* @__PURE__ */ s(
-    bn,
+  const l = (T) => {
+    E ? i(T, e) : i(T);
+  }, f = (T) => {
+    const z = (t.cssSettings || []).map((X) => X.key === T.key ? T : X);
+    s(z);
+  }, [M, $] = le(!1);
+  return /* @__PURE__ */ a(
+    xn,
     {
       testId: "dashboard-catalog-flyout",
       className: "bg-body content-body bg-opacity-70 border-2 border-primary",
@@ -3050,24 +3092,24 @@ function sr({
         minHeight: "360px",
         backdropFilter: "blur(8px)"
       },
-      onDraggingChange: (E) => {
-        $(E);
+      onDraggingChange: (T) => {
+        $(T);
       },
       children: /* @__PURE__ */ W("div", { className: "flex flex-col gap-2 p-2", children: [
         /* @__PURE__ */ W("div", { className: "flex flex-row gap-2 justify-between", children: [
           /* @__PURE__ */ W("div", { className: "handle flex-1 flex gap-2 w-full hover:text-primary cursor-grab", children: [
-            P ? /* @__PURE__ */ s(Qt, { className: "size-5" }) : /* @__PURE__ */ s(Jt, { className: "size-5" }),
-            /* @__PURE__ */ s(
+            M ? /* @__PURE__ */ a(en, { className: "size-5" }) : /* @__PURE__ */ a(Qt, { className: "size-5" }),
+            /* @__PURE__ */ a(
               "h2",
               {
                 className: "flex-1 text-base margin-0 capitalize",
-                title: T ? h : `Editing dashboard: ${t.dashboardName}`,
+                title: E ? h : `Editing dashboard: ${t.dashboardName}`,
                 children: h
               }
             )
           ] }),
           /* @__PURE__ */ W("div", { className: "flex flex-row gap-2 items-center", children: [
-            /* @__PURE__ */ s(
+            /* @__PURE__ */ a(
               J,
               {
                 "data-testid": "undo-dashboard-config-change",
@@ -3078,10 +3120,10 @@ function sr({
                 },
                 disabled: r.isUndoDisabled,
                 onClick: () => y("Undo"),
-                children: /* @__PURE__ */ s(Gt, { className: "size-5" })
+                children: /* @__PURE__ */ a(Zt, { className: "size-5" })
               }
             ),
-            /* @__PURE__ */ s(
+            /* @__PURE__ */ a(
               J,
               {
                 "data-testid": "redo-dashboard-config-change",
@@ -3092,10 +3134,10 @@ function sr({
                 },
                 disabled: r.isRedoDisabled,
                 onClick: () => y("Redo"),
-                children: /* @__PURE__ */ s(Zt, { className: "size-5" })
+                children: /* @__PURE__ */ a(Jt, { className: "size-5" })
               }
             ),
-            /* @__PURE__ */ s(
+            /* @__PURE__ */ a(
               J,
               {
                 "data-testid": "reset-dashboard-to-default",
@@ -3105,24 +3147,24 @@ function sr({
                   title: "Reset this dashboard to the default configuration"
                 },
                 onClick: d,
-                children: /* @__PURE__ */ s(Xt, { className: "size-5" })
+                children: /* @__PURE__ */ a(Gt, { className: "size-5" })
               }
             )
           ] })
         ] }),
         /* @__PURE__ */ W("div", { className: "flex border-b border-gray-200", children: [
-          /* @__PURE__ */ s("button", { onClick: () => p(0), className: c(0), children: "Widgets" }),
-          /* @__PURE__ */ s("button", { onClick: () => p(1), className: c(1), children: "Charts" }),
-          !T && /* @__PURE__ */ s("button", { onClick: () => p(2), className: c(2), children: "Containers" }),
-          !T && /* @__PURE__ */ s("button", { onClick: () => p(3), className: c(3), children: /* @__PURE__ */ s(Ht, {}) })
+          /* @__PURE__ */ a("button", { onClick: () => p(0), className: c(0), children: "Widgets" }),
+          /* @__PURE__ */ a("button", { onClick: () => p(1), className: c(1), children: "Charts" }),
+          !E && /* @__PURE__ */ a("button", { onClick: () => p(2), className: c(2), children: "Containers" }),
+          !E && /* @__PURE__ */ a("button", { onClick: () => p(3), className: c(3), children: /* @__PURE__ */ a(Xt, {}) })
         ] }),
-        /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-1 w-full", children: /* @__PURE__ */ s(
-          mt,
+        /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-1 w-full", children: /* @__PURE__ */ a(
+          pt,
           {
             label: "Filter...",
             size: "small",
             className: "w-full",
-            value: w,
+            value: x,
             onChange: N
           }
         ) }),
@@ -3135,51 +3177,51 @@ function sr({
             },
             children: [
               g === 0 && C.filter(
-                (E) => E.metaData.categories.includes("Widget") && S(E.metaData)
-              ).map((E) => /* @__PURE__ */ s(
+                (T) => T.metaData.categories.includes("Widget") && S(T.metaData)
+              ).map((T) => /* @__PURE__ */ a(
                 We,
                 {
-                  widgetKey: E.widgetKey,
-                  metaData: E.metaData,
-                  alreadyAdded: Ie(E.widgetKey, t),
-                  addWidget: () => l(E.widgetKey)
+                  widgetKey: T.widgetKey,
+                  metaData: T.metaData,
+                  alreadyAdded: Ie(T.widgetKey, t),
+                  addWidget: () => l(T.widgetKey)
                 },
-                E.widgetKey
+                T.widgetKey
               )),
               g === 1 && C.filter(
-                (E) => E.metaData.categories.includes("Chart") && S(E.metaData)
-              ).map((E) => /* @__PURE__ */ s(
+                (T) => T.metaData.categories.includes("Chart") && S(T.metaData)
+              ).map((T) => /* @__PURE__ */ a(
                 We,
                 {
-                  widgetKey: E.widgetKey,
-                  metaData: E.metaData,
-                  alreadyAdded: Ie(E.widgetKey, t),
-                  addWidget: () => l(E.widgetKey)
+                  widgetKey: T.widgetKey,
+                  metaData: T.metaData,
+                  alreadyAdded: Ie(T.widgetKey, t),
+                  addWidget: () => l(T.widgetKey)
                 },
-                E.widgetKey
+                T.widgetKey
               )),
-              !T && g === 2 && C.filter((E) => E.metaData.categories.includes("Container")).map((E) => /* @__PURE__ */ s(
+              !E && g === 2 && C.filter((T) => T.metaData.categories.includes("Container")).map((T) => /* @__PURE__ */ a(
                 We,
                 {
-                  widgetKey: E.widgetKey,
-                  metaData: E.metaData,
-                  alreadyAdded: Ie(E.widgetKey, t),
-                  addWidget: () => o(E.widgetKey)
+                  widgetKey: T.widgetKey,
+                  metaData: T.metaData,
+                  alreadyAdded: Ie(T.widgetKey, t),
+                  addWidget: () => o(T.widgetKey)
                 },
-                E.widgetKey
+                T.widgetKey
               )),
-              !T && g === 3 && (t.cssSettings || []).filter(D).map((E) => /* @__PURE__ */ s(
-                Nn,
+              !E && g === 3 && (t.cssSettings || []).filter(D).map((T) => /* @__PURE__ */ a(
+                Tn,
                 {
-                  item: E,
+                  item: T,
                   onSettingItemChanged: f
                 },
-                E.key
+                T.key
               ))
             ]
           }
         ),
-        /* @__PURE__ */ s("div", { className: "mt-4 w-full flex flex-row justify-end pt-1", children: /* @__PURE__ */ s(
+        /* @__PURE__ */ a("div", { className: "mt-4 w-full flex flex-row justify-end pt-1", children: /* @__PURE__ */ a(
           J,
           {
             className: "bg-opacity-100",
@@ -3196,71 +3238,72 @@ function sr({
   );
 }
 export {
-  jn as AddIcon,
+  An as AddIcon,
   J as Button,
-  tn as CircleQuestionMark,
-  en as CrosshairIcon,
-  rr as DashboardGrid,
+  nn as CircleQuestionMark,
+  tn as CrosshairIcon,
+  or as DashboardGrid,
   Le as DashboardMaxZoomScale,
   Ae as DashboardMinZoomScale,
-  Cn as DashboardWidgetBase,
-  _t as DashboardZoomStep,
-  An as DeleteIcon,
-  bn as DraggablePanel,
-  Dn as DynamicWidgetLoader,
-  Ln as EditIcon,
-  Fn as GridIcon,
-  Qt as HandGrabIcon,
-  Jt as HandIcon,
-  Xn as ListItem,
-  Gn as ListItemLeftChild,
-  Zn as ListItemMiddleChild,
-  Jn as ListItemRightChild,
+  at as DashboardWidgetBase,
+  Mt as DashboardZoomStep,
+  Ln as DeleteIcon,
+  xn as DraggablePanel,
+  Nn as DynamicWidgetLoader,
+  Fn as EditIcon,
+  Vn as GridIcon,
+  en as HandGrabIcon,
+  Qt as HandIcon,
+  Gn as ListItem,
+  Zn as ListItemLeftChild,
+  Jn as ListItemMiddleChild,
+  Qn as ListItemRightChild,
   Un as MonitorIcon,
-  Vn as MonitorSmartphoneIcon,
-  ut as MoveLeftIcon,
-  ft as MoveRightIcon,
-  Zt as RedoIcon,
-  Ht as SettingsIcon,
-  rn as Stack,
-  K as SvgBaseWrapper,
+  qn as MonitorSmartphoneIcon,
+  ft as MoveLeftIcon,
+  ht as MoveRightIcon,
+  Jt as RedoIcon,
+  Xt as SettingsIcon,
+  on as Stack,
+  H as SvgBaseWrapper,
   Yn as TabletSmartphoneIcon,
-  Bn as TargetIcon,
-  mt as TextField,
-  Xt as TimerResetIcon,
-  Gt as UndoIcon,
-  or as WidgetContainerColumn,
-  ir as WidgetContainerLarge,
-  ar as WidgetContainerRow,
-  sr as WidgetsCatalogFlyout,
-  er as WrapperColumnContent,
-  tr as WrapperColumnContentListItem,
-  ht as XCircleIcon,
-  qn as ZoomInIcon,
-  zn as ZoomOutIcon,
+  Hn as TargetIcon,
+  pt as TextField,
+  Gt as TimerResetIcon,
+  Zt as UndoIcon,
+  ir as WidgetContainerColumn,
+  ar as WidgetContainerLarge,
+  sr as WidgetContainerRow,
+  lr as WidgetsCatalogFlyout,
+  tr as WrapperColumnContent,
+  nr as WrapperColumnContentListItem,
+  gt as XCircleIcon,
+  zn as ZoomInIcon,
+  Bn as ZoomOutIcon,
+  Sn as _isVersionCompatible,
   Ce as blankDashboardConfig,
-  ct as createDynamicEntry,
-  $t as createStaticEntry,
-  Dt as cssSettingsCatalog,
-  Hn as cssVarsUtils,
-  Et as dashboardSettingsUtils,
-  Mt as ensureContainersSequence,
-  lt as ensureZoomScaleIsWithinRange,
+  dt as createDynamicEntry,
+  Wt as createStaticEntry,
+  Nt as cssSettingsCatalog,
+  Xn as cssVarsUtils,
+  _t as dashboardSettingsUtils,
+  Pt as ensureContainersSequence,
+  ct as ensureZoomScaleIsWithinRange,
   ge as getDefaultWidgetMetaFromKey,
-  $n as getDefaultWidgetMetaFromMap,
+  Wn as getDefaultWidgetMetaFromMap,
   Z as getDistinctCssClasses,
-  It as getMetaInfoFromFile,
-  Mn as getNewZoomScaleWithinRange,
-  Pt as getWidgetMetaFromCatalog,
-  In as localWidgetDiscovery,
-  gt as parseContainerTitle,
-  Wt as parseKeyAndTitleFromFilePath,
-  Wn as remoteWidgetDiscovery,
-  Pn as removeEmptyContainers,
+  Rt as getMetaInfoFromFile,
+  Pn as getNewZoomScaleWithinRange,
+  $t as getWidgetMetaFromCatalog,
+  Rn as localWidgetDiscovery,
+  mt as parseContainerTitle,
+  It as parseKeyAndTitleFromFilePath,
+  In as remoteWidgetDiscovery,
+  $n as removeEmptyContainers,
   re as resolveColorFromClass,
   Kn as resolvedColors,
-  nr as showToast,
-  Rn as useDashboardStorageService,
+  rr as showToast,
+  kn as useDashboardStorageService,
   On as useDashboardStore,
-  kn as useDashboardUndoService
+  jn as useDashboardUndoService
 };