@object-ui/plugin-dashboard 0.1.1 → 2.0.0

package/dist/index.js

@@ -1,362 +1,4661 @@
-import { ComponentRegistry as L } from "@object-ui/core";
-import te, { forwardRef as ae } from "react";
-import { SchemaRenderer as ne } from "@object-ui/react";
-import { cn as x, Card as oe, CardHeader as se, CardTitle as le, CardContent as ue } from "@object-ui/components";
-import { ArrowUpIcon as ce, ArrowDownIcon as ie, MinusIcon as fe } from "lucide-react";
-var v = { exports: {} }, b = {};
-var D;
-function me() {
-  if (D) return b;
-  D = 1;
-  var i = /* @__PURE__ */ Symbol.for("react.transitional.element"), m = /* @__PURE__ */ Symbol.for("react.fragment");
-  function o(f, s, l) {
-    var u = null;
-    if (l !== void 0 && (u = "" + l), s.key !== void 0 && (u = "" + s.key), "key" in s) {
-      l = {};
-      for (var p in s)
-        p !== "key" && (l[p] = s[p]);
-    } else l = s;
-    return s = l.ref, {
-      $$typeof: i,
-      type: f,
-      key: u,
-      ref: s !== void 0 ? s : null,
-      props: l
+import { ComponentRegistry as Bt } from "@object-ui/core";
+import * as it from "react";
+import Re, { forwardRef as Xn, useState as Te, useRef as se, useCallback as pe, useEffect as Be, useMemo as we } from "react";
+import { SchemaRenderer as $t } from "@object-ui/react";
+import { Card as Ft, CardHeader as Xt, CardTitle as Ut, CardContent as Gt, cn as qe, Button as zt } from "@object-ui/components";
+import * as fn from "lucide-react";
+import { Save as Un, X as Gn, Edit as Vn, GripVertical as Or, ArrowUpIcon as dn, ArrowDownIcon as pn, MinusIcon as hn } from "lucide-react";
+import mn from "react-dom";
+import mr from "clsx";
+var Mt = { exports: {} }, ht = {};
+var _r;
+function Jn() {
+  if (_r) return ht;
+  _r = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
+  function r(n, o, i) {
+    var l = null;
+    if (i !== void 0 && (l = "" + i), o.key !== void 0 && (l = "" + o.key), "key" in o) {
+      i = {};
+      for (var c in o)
+        c !== "key" && (i[c] = o[c]);
+    } else i = o;
+    return o = i.ref, {
+      $$typeof: e,
+      type: n,
+      key: l,
+      ref: o !== void 0 ? o : null,
+      props: i
     };
   }
-  return b.Fragment = m, b.jsx = o, b.jsxs = o, b;
-}
-var _ = {};
-var F;
-function de() {
-  return F || (F = 1, process.env.NODE_ENV !== "production" && (function() {
-    function i(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === K ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case T:
+  return ht.Fragment = t, ht.jsx = r, ht.jsxs = r, ht;
+}
+var mt = {};
+var Dr;
+function Kn() {
+  return Dr || (Dr = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(f) {
+      if (f == null) return null;
+      if (typeof f == "function")
+        return f.$$typeof === W ? null : f.displayName || f.name || null;
+      if (typeof f == "string") return f;
+      switch (f) {
+        case a:
           return "Fragment";
-        case J:
+        case h:
           return "Profiler";
-        case q:
+        case s:
           return "StrictMode";
-        case H:
+        case R:
           return "Suspense";
-        case B:
+        case m:
           return "SuspenseList";
-        case Q:
+        case $:
           return "Activity";
       }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
+      if (typeof f == "object")
+        switch (typeof f.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case V:
+        ), f.$$typeof) {
+          case u:
             return "Portal";
-          case G:
-            return e.displayName || "Context";
-          case z:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case X:
-            var r = e.render;
-            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case Z:
-            return r = e.displayName || null, r !== null ? r : i(e.type) || "Memo";
-          case h:
-            r = e._payload, e = e._init;
+          case S:
+            return f.displayName || "Context";
+          case y:
+            return (f._context.displayName || "Context") + ".Consumer";
+          case b:
+            var D = f.render;
+            return f = f.displayName, f || (f = D.displayName || D.name || "", f = f !== "" ? "ForwardRef(" + f + ")" : "ForwardRef"), f;
+          case x:
+            return D = f.displayName || null, D !== null ? D : e(f.type) || "Memo";
+          case C:
+            D = f._payload, f = f._init;
             try {
-              return i(e(r));
+              return e(f(D));
             } catch {
             }
         }
       return null;
     }
-    function m(e) {
-      return "" + e;
+    function t(f) {
+      return "" + f;
     }
-    function o(e) {
+    function r(f) {
       try {
-        m(e);
-        var r = !1;
+        t(f);
+        var D = !1;
       } catch {
-        r = !0;
+        D = !0;
       }
-      if (r) {
-        r = console;
-        var t = r.error, a = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return t.call(
-          r,
+      if (D) {
+        D = console;
+        var z = D.error, j = typeof Symbol == "function" && Symbol.toStringTag && f[Symbol.toStringTag] || f.constructor.name || "Object";
+        return z.call(
+          D,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          a
-        ), m(e);
+          j
+        ), t(f);
       }
     }
-    function f(e) {
-      if (e === T) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === h)
+    function n(f) {
+      if (f === a) return "<>";
+      if (typeof f == "object" && f !== null && f.$$typeof === C)
         return "<...>";
       try {
-        var r = i(e);
-        return r ? "<" + r + ">" : "<...>";
+        var D = e(f);
+        return D ? "<" + D + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function s() {
-      var e = y.A;
-      return e === null ? null : e.getOwner();
+    function o() {
+      var f = G.A;
+      return f === null ? null : f.getOwner();
     }
-    function l() {
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function u(e) {
-      if (S.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning) return !1;
+    function l(f) {
+      if (k.call(f, "key")) {
+        var D = Object.getOwnPropertyDescriptor(f, "key").get;
+        if (D && D.isReactWarning) return !1;
       }
-      return e.key !== void 0;
+      return f.key !== void 0;
     }
-    function p(e, r) {
-      function t() {
-        P || (P = !0, console.error(
+    function c(f, D) {
+      function z() {
+        X || (X = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          r
+          D
         ));
       }
-      t.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: t,
+      z.isReactWarning = !0, Object.defineProperty(f, "key", {
+        get: z,
         configurable: !0
       });
     }
-    function W() {
-      var e = i(this.type);
-      return C[e] || (C[e] = !0, console.error(
+    function d() {
+      var f = e(this.type);
+      return V[f] || (V[f] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), e = this.props.ref, e !== void 0 ? e : null;
+      )), f = this.props.ref, f !== void 0 ? f : null;
     }
-    function U(e, r, t, a, R, j) {
-      var n = t.ref;
-      return e = {
+    function v(f, D, z, j, F, A) {
+      var T = z.ref;
+      return f = {
         $$typeof: O,
-        type: e,
-        key: r,
-        props: t,
-        _owner: a
-      }, (n !== void 0 ? n : null) !== null ? Object.defineProperty(e, "ref", {
+        type: f,
+        key: D,
+        props: z,
+        _owner: j
+      }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(f, "ref", {
         enumerable: !1,
-        get: W
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        get: d
+      }) : Object.defineProperty(f, "ref", { enumerable: !1, value: null }), f._store = {}, Object.defineProperty(f._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
+      }), Object.defineProperty(f, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(e, "_debugStack", {
+      }), Object.defineProperty(f, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: R
-      }), Object.defineProperty(e, "_debugTask", {
+        value: F
+      }), Object.defineProperty(f, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: j
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-    }
-    function k(e, r, t, a, R, j) {
-      var n = r.children;
-      if (n !== void 0)
-        if (a)
-          if (ee(n)) {
-            for (a = 0; a < n.length; a++)
-              N(n[a]);
-            Object.freeze && Object.freeze(n);
+        value: A
+      }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
+    }
+    function g(f, D, z, j, F, A) {
+      var T = D.children;
+      if (T !== void 0)
+        if (j)
+          if (H(T)) {
+            for (j = 0; j < T.length; j++)
+              p(T[j]);
+            Object.freeze && Object.freeze(T);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else N(n);
-      if (S.call(r, "key")) {
-        n = i(e);
-        var d = Object.keys(r).filter(function(re) {
-          return re !== "key";
+        else p(T);
+      if (k.call(D, "key")) {
+        T = e(f);
+        var I = Object.keys(D).filter(function(q) {
+          return q !== "key";
         });
-        a = 0 < d.length ? "{key: someKey, " + d.join(": ..., ") + ": ...}" : "{key: someKey}", I[n + a] || (d = 0 < d.length ? "{" + d.join(": ..., ") + ": ...}" : "{}", console.error(
+        j = 0 < I.length ? "{key: someKey, " + I.join(": ..., ") + ": ...}" : "{key: someKey}", E[T + j] || (I = 0 < I.length ? "{" + I.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          a,
-          n,
-          d,
-          n
-        ), I[n + a] = !0);
-      }
-      if (n = null, t !== void 0 && (o(t), n = "" + t), u(r) && (o(r.key), n = "" + r.key), "key" in r) {
-        t = {};
-        for (var w in r)
-          w !== "key" && (t[w] = r[w]);
-      } else t = r;
-      return n && p(
-        t,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), U(
-        e,
-        n,
-        t,
-        s(),
-        R,
-        j
+          j,
+          T,
+          I,
+          T
+        ), E[T + j] = !0);
+      }
+      if (T = null, z !== void 0 && (r(z), T = "" + z), l(D) && (r(D.key), T = "" + D.key), "key" in D) {
+        z = {};
+        for (var N in D)
+          N !== "key" && (z[N] = D[N]);
+      } else z = D;
+      return T && c(
+        z,
+        typeof f == "function" ? f.displayName || f.name || "Unknown" : f
+      ), v(
+        f,
+        T,
+        z,
+        o(),
+        F,
+        A
       );
     }
-    function N(e) {
-      A(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === h && (e._payload.status === "fulfilled" ? A(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function p(f) {
+      w(f) ? f._store && (f._store.validated = 1) : typeof f == "object" && f !== null && f.$$typeof === C && (f._payload.status === "fulfilled" ? w(f._payload.value) && f._payload.value._store && (f._payload.value._store.validated = 1) : f._store && (f._store.validated = 1));
     }
-    function A(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === O;
+    function w(f) {
+      return typeof f == "object" && f !== null && f.$$typeof === O;
     }
-    var E = te, O = /* @__PURE__ */ Symbol.for("react.transitional.element"), V = /* @__PURE__ */ Symbol.for("react.portal"), T = /* @__PURE__ */ Symbol.for("react.fragment"), q = /* @__PURE__ */ Symbol.for("react.strict_mode"), J = /* @__PURE__ */ Symbol.for("react.profiler"), z = /* @__PURE__ */ Symbol.for("react.consumer"), G = /* @__PURE__ */ Symbol.for("react.context"), X = /* @__PURE__ */ Symbol.for("react.forward_ref"), H = /* @__PURE__ */ Symbol.for("react.suspense"), B = /* @__PURE__ */ Symbol.for("react.suspense_list"), Z = /* @__PURE__ */ Symbol.for("react.memo"), h = /* @__PURE__ */ Symbol.for("react.lazy"), Q = /* @__PURE__ */ Symbol.for("react.activity"), K = /* @__PURE__ */ Symbol.for("react.client.reference"), y = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, S = Object.prototype.hasOwnProperty, ee = Array.isArray, g = console.createTask ? console.createTask : function() {
+    var P = Re, O = /* @__PURE__ */ Symbol.for("react.transitional.element"), u = /* @__PURE__ */ Symbol.for("react.portal"), a = /* @__PURE__ */ Symbol.for("react.fragment"), s = /* @__PURE__ */ Symbol.for("react.strict_mode"), h = /* @__PURE__ */ Symbol.for("react.profiler"), y = /* @__PURE__ */ Symbol.for("react.consumer"), S = /* @__PURE__ */ Symbol.for("react.context"), b = /* @__PURE__ */ Symbol.for("react.forward_ref"), R = /* @__PURE__ */ Symbol.for("react.suspense"), m = /* @__PURE__ */ Symbol.for("react.suspense_list"), x = /* @__PURE__ */ Symbol.for("react.memo"), C = /* @__PURE__ */ Symbol.for("react.lazy"), $ = /* @__PURE__ */ Symbol.for("react.activity"), W = /* @__PURE__ */ Symbol.for("react.client.reference"), G = P.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, k = Object.prototype.hasOwnProperty, H = Array.isArray, J = console.createTask ? console.createTask : function() {
       return null;
     };
-    E = {
-      react_stack_bottom_frame: function(e) {
-        return e();
+    P = {
+      react_stack_bottom_frame: function(f) {
+        return f();
       }
     };
-    var P, C = {}, $ = E.react_stack_bottom_frame.bind(
-      E,
-      l
-    )(), Y = g(f(l)), I = {};
-    _.Fragment = T, _.jsx = function(e, r, t) {
-      var a = 1e4 > y.recentlyCreatedOwnerStacks++;
-      return k(
-        e,
-        r,
-        t,
+    var X, V = {}, ie = P.react_stack_bottom_frame.bind(
+      P,
+      i
+    )(), ge = J(n(i)), E = {};
+    mt.Fragment = a, mt.jsx = function(f, D, z) {
+      var j = 1e4 > G.recentlyCreatedOwnerStacks++;
+      return g(
+        f,
+        D,
+        z,
         !1,
-        a ? Error("react-stack-top-frame") : $,
-        a ? g(f(e)) : Y
+        j ? Error("react-stack-top-frame") : ie,
+        j ? J(n(f)) : ge
       );
-    }, _.jsxs = function(e, r, t) {
-      var a = 1e4 > y.recentlyCreatedOwnerStacks++;
-      return k(
-        e,
-        r,
-        t,
+    }, mt.jsxs = function(f, D, z) {
+      var j = 1e4 > G.recentlyCreatedOwnerStacks++;
+      return g(
+        f,
+        D,
+        z,
         !0,
-        a ? Error("react-stack-top-frame") : $,
-        a ? g(f(e)) : Y
+        j ? Error("react-stack-top-frame") : ie,
+        j ? J(n(f)) : ge
       );
     };
-  })()), _;
+  })()), mt;
 }
-var M;
-function pe() {
-  return M || (M = 1, process.env.NODE_ENV === "production" ? v.exports = me() : v.exports = de()), v.exports;
+var Tr;
+function Zn() {
+  return Tr || (Tr = 1, process.env.NODE_ENV === "production" ? Mt.exports = Jn() : Mt.exports = Kn()), Mt.exports;
 }
-var c = pe();
-const be = ae(
-  ({ schema: i, className: m, ...o }, f) => {
-    const s = i.columns || 3, l = i.gap || 4;
-    return /* @__PURE__ */ c.jsx(
+var M = Zn();
+const Qn = [
+  "hsl(var(--chart-1))",
+  "hsl(var(--chart-2))",
+  "hsl(var(--chart-3))",
+  "hsl(var(--chart-4))",
+  "hsl(var(--chart-5))"
+], gn = Xn(
+  ({ schema: e, className: t, dataSource: r, ...n }, o) => {
+    const i = e.columns || 4, l = e.gap || 4;
+    return /* @__PURE__ */ M.jsx(
       "div",
       {
-        ref: f,
-        className: x("grid", m),
+        ref: o,
+        className: qe("grid auto-rows-min", t),
         style: {
-          gridTemplateColumns: `repeat(${s}, minmax(0, 1fr))`,
+          gridTemplateColumns: `repeat(${i}, minmax(0, 1fr))`,
           gap: `${l * 0.25}rem`
         },
-        ...o,
-        children: i.widgets?.map((u) => /* @__PURE__ */ c.jsxs(
-          "div",
-          {
-            className: x("border rounded-lg p-4 bg-card text-card-foreground shadow-sm"),
-            style: u.layout ? {
-              gridColumn: `span ${u.layout.w}`,
-              gridRow: `span ${u.layout.h}`
-            } : void 0,
-            children: [
-              u.title && /* @__PURE__ */ c.jsx("h3", { className: "font-semibold mb-2", children: u.title }),
-              /* @__PURE__ */ c.jsx(ne, { schema: u.component })
-            ]
-          },
-          u.id
-        ))
+        ...n,
+        children: e.widgets?.map((c) => {
+          const v = (() => {
+            if (c.component) return c.component;
+            const p = c.type;
+            if (p === "bar" || p === "line" || p === "area" || p === "pie" || p === "donut") {
+              const w = Array.isArray(c.data) ? c.data : c.data?.items || [], P = c.options || {}, O = P.xField || "name", u = P.yField || "value";
+              return {
+                type: "chart",
+                chartType: p,
+                data: w,
+                xAxisKey: O,
+                series: [{ dataKey: u }],
+                colors: Qn,
+                className: "h-[300px]"
+                // Enforce height
+              };
+            }
+            return p === "table" ? {
+              type: "data-table",
+              ...c.options,
+              data: c.data?.items || [],
+              searchable: !1,
+              // Simple table for dashboard
+              pagination: !1,
+              className: "border-0"
+            } : {
+              ...c,
+              ...c.options || {}
+            };
+          })();
+          return c.type === "metric" ? /* @__PURE__ */ M.jsx(
+            "div",
+            {
+              className: "h-full w-full",
+              style: c.layout ? {
+                gridColumn: `span ${c.layout.w}`,
+                gridRow: `span ${c.layout.h}`
+              } : void 0,
+              children: /* @__PURE__ */ M.jsx($t, { schema: v, className: "h-full w-full" })
+            },
+            c.id || c.title
+          ) : /* @__PURE__ */ M.jsxs(
+            Ft,
+            {
+              className: qe(
+                "overflow-hidden border-border/50 shadow-sm transition-all hover:shadow-md",
+                "bg-card/50 backdrop-blur-sm"
+              ),
+              style: c.layout ? {
+                gridColumn: `span ${c.layout.w}`,
+                gridRow: `span ${c.layout.h}`
+              } : void 0,
+              children: [
+                c.title && /* @__PURE__ */ M.jsx(Xt, { className: "pb-2 border-b border-border/40 bg-muted/20", children: /* @__PURE__ */ M.jsx(Ut, { className: "text-base font-medium tracking-tight truncate", title: c.title, children: c.title }) }),
+                /* @__PURE__ */ M.jsx(Gt, { className: "p-0", children: /* @__PURE__ */ M.jsx("div", { className: qe("h-full w-full", (c.title, "p-4")), children: /* @__PURE__ */ M.jsx($t, { schema: v }) }) })
+              ]
+            },
+            c.id || c.title
+          );
+        })
       }
     );
   }
-), _e = ({
-  label: i,
-  value: m,
-  trend: o,
-  icon: f,
-  className: s,
-  description: l,
-  ...u
-}) => /* @__PURE__ */ c.jsxs(oe, { className: x("h-full", s), ...u, children: [
-  /* @__PURE__ */ c.jsxs(se, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-    /* @__PURE__ */ c.jsx(le, { className: "text-sm font-medium", children: i }),
-    f && /* @__PURE__ */ c.jsx("div", { className: "h-4 w-4 text-muted-foreground", children: f })
-  ] }),
-  /* @__PURE__ */ c.jsxs(ue, { children: [
-    /* @__PURE__ */ c.jsx("div", { className: "text-2xl font-bold", children: m }),
-    (o || l) && /* @__PURE__ */ c.jsxs("p", { className: "text-xs text-muted-foreground flex items-center mt-1", children: [
-      o && /* @__PURE__ */ c.jsxs("span", { className: x(
-        "flex items-center mr-2",
-        o.direction === "up" && "text-green-500",
-        o.direction === "down" && "text-red-500",
-        o.direction === "neutral" && "text-yellow-500"
-      ), children: [
-        o.direction === "up" && /* @__PURE__ */ c.jsx(ce, { className: "h-3 w-3 mr-1" }),
-        o.direction === "down" && /* @__PURE__ */ c.jsx(ie, { className: "h-3 w-3 mr-1" }),
-        o.direction === "neutral" && /* @__PURE__ */ c.jsx(fe, { className: "h-3 w-3 mr-1" }),
-        o.value,
-        "%"
-      ] }),
-      l || o?.label
-    ] })
-  ] })
-] });
-L.register(
-  "dashboard",
-  be,
-  {
-    label: "Dashboard",
-    category: "Complex",
-    icon: "layout-dashboard",
-    inputs: [
-      { name: "columns", type: "number", label: "Columns", defaultValue: 3 },
-      { name: "gap", type: "number", label: "Gap", defaultValue: 4 },
-      { name: "className", type: "string", label: "CSS Class" }
-    ],
-    defaultProps: {
-      columns: 3,
-      widgets: []
+);
+function ut(e) {
+  const { margin: t, containerPadding: r, containerWidth: n, cols: o } = e;
+  return (n - t[0] * (o - 1) - r[0] * 2) / o;
+}
+function ct(e, t, r) {
+  return Number.isFinite(e) ? Math.round(
+    t * e + Math.max(0, e - 1) * r
+  ) : e;
+}
+function gt(e, t, r, n, o, i, l) {
+  const { margin: c, containerPadding: d, rowHeight: v } = e, g = ut(e);
+  let p, w, P, O;
+  if (l ? (p = Math.round(l.width), w = Math.round(l.height)) : (p = ct(n, g, c[0]), w = ct(o, v, c[1])), i ? (P = Math.round(i.top), O = Math.round(i.left)) : l ? (P = Math.round(l.top), O = Math.round(l.left)) : (P = Math.round((v + c[1]) * r + d[1]), O = Math.round((g + c[0]) * t + d[0])), !i && !l) {
+    if (Number.isFinite(n)) {
+      const a = Math.round(
+        (g + c[0]) * (t + n) + d[0]
+      ) - O - p;
+      a !== c[0] && (p += a - c[0]);
+    }
+    if (Number.isFinite(o)) {
+      const a = Math.round(
+        (v + c[1]) * (r + o) + d[1]
+      ) - P - w;
+      a !== c[1] && (w += a - c[1]);
     }
   }
-);
-L.register(
-  "metric",
-  _e,
-  {
-    label: "Metric Card",
-    category: "Dashboard",
-    inputs: [
-      { name: "label", type: "string", label: "Label" },
-      { name: "value", type: "string", label: "Value" }
-    ]
+  return { top: P, left: O, width: p, height: w };
+}
+function eo(e, t, r, n, o) {
+  const { margin: i, containerPadding: l, cols: c, rowHeight: d, maxRows: v } = e, g = ut(e);
+  let p = Math.round((r - l[0]) / (g + i[0])), w = Math.round((t - l[1]) / (d + i[1]));
+  return p = Ht(p, 0, c - n), w = Ht(w, 0, v - o), { x: p, y: w };
+}
+function Nt(e, t, r) {
+  const { margin: n, containerPadding: o, rowHeight: i } = e, l = ut(e), c = Math.round((r - o[0]) / (l + n[0])), d = Math.round((t - o[1]) / (i + n[1]));
+  return { x: c, y: d };
+}
+function to(e, t, r) {
+  const { margin: n, rowHeight: o } = e, i = ut(e), l = Math.max(
+    1,
+    Math.round((t + n[0]) / (i + n[0]))
+  ), c = Math.max(
+    1,
+    Math.round((r + n[1]) / (o + n[1]))
+  );
+  return { w: l, h: c };
+}
+function Ht(e, t, r) {
+  return Math.max(Math.min(e, r), t);
+}
+function gr(e, t) {
+  return !(e.i === t.i || e.x + e.w <= t.x || e.x >= t.x + t.w || e.y + e.h <= t.y || e.y >= t.y + t.h);
+}
+function tt(e, t) {
+  for (let r = 0; r < e.length; r++) {
+    const n = e[r];
+    if (n !== void 0 && gr(n, t))
+      return n;
   }
-);
+}
+function yn(e, t) {
+  return e.filter((r) => gr(r, t));
+}
+function ro(e, t) {
+  return t === "horizontal" ? vn(e) : t === "vertical" || t === "wrap" ? hr(e) : [...e];
+}
+function hr(e) {
+  return [...e].sort((t, r) => t.y !== r.y ? t.y - r.y : t.x - r.x);
+}
+function vn(e) {
+  return [...e].sort((t, r) => t.x !== r.x ? t.x - r.x : t.y - r.y);
+}
+function Vt(e) {
+  let t = 0;
+  for (let r = 0; r < e.length; r++) {
+    const n = e[r];
+    if (n !== void 0) {
+      const o = n.y + n.h;
+      o > t && (t = o);
+    }
+  }
+  return t;
+}
+function Qe(e, t) {
+  for (let r = 0; r < e.length; r++) {
+    const n = e[r];
+    if (n !== void 0 && n.i === t)
+      return n;
+  }
+}
+function Jt(e) {
+  return e.filter((t) => t.static === !0);
+}
+function rt(e) {
+  return {
+    i: e.i,
+    x: e.x,
+    y: e.y,
+    w: e.w,
+    h: e.h,
+    minW: e.minW,
+    maxW: e.maxW,
+    minH: e.minH,
+    maxH: e.maxH,
+    moved: !!e.moved,
+    static: !!e.static,
+    isDraggable: e.isDraggable,
+    isResizable: e.isResizable,
+    resizeHandles: e.resizeHandles,
+    constraints: e.constraints,
+    isBounded: e.isBounded
+  };
+}
+function Ze(e) {
+  const t = new Array(e.length);
+  for (let r = 0; r < e.length; r++) {
+    const n = e[r];
+    n !== void 0 && (t[r] = rt(n));
+  }
+  return t;
+}
+function no(e, t) {
+  const r = new Array(e.length);
+  for (let n = 0; n < e.length; n++) {
+    const o = e[n];
+    o !== void 0 && (t.i === o.i ? r[n] = t : r[n] = o);
+  }
+  return r;
+}
+function oo(e, t, r) {
+  let n = Qe(e, t);
+  return n ? (n = r(rt(n)), [no(e, n), n]) : [[...e], null];
+}
+function yr(e, t) {
+  const r = Jt(e);
+  for (let n = 0; n < e.length; n++) {
+    const o = e[n];
+    if (o !== void 0)
+      if (o.x + o.w > t.cols && (o.x = t.cols - o.w), o.x < 0 && (o.x = 0, o.w = t.cols), !o.static)
+        r.push(o);
+      else
+        for (; tt(r, o); )
+          o.y++;
+  }
+  return e;
+}
+function et(e, t, r, n, o, i, l, c, d) {
+  if (t.static && t.isDraggable !== !0)
+    return [...e];
+  if (t.y === n && t.x === r)
+    return [...e];
+  const v = t.x, g = t.y;
+  typeof r == "number" && (t.x = r), typeof n == "number" && (t.y = n), t.moved = !0;
+  let p = ro(e, l);
+  (l === "vertical" && typeof n == "number" ? g >= n : l === "horizontal" && typeof r == "number" && v >= r) && (p = p.reverse());
+  const P = yn(p, t), O = P.length > 0;
+  if (O && d)
+    return Ze(e);
+  if (O && i)
+    return t.x = v, t.y = g, t.moved = !1, e;
+  let u = [...e];
+  for (let a = 0; a < P.length; a++) {
+    const s = P[a];
+    s !== void 0 && (s.moved || (s.static ? u = jr(
+      u,
+      s,
+      t,
+      o,
+      l
+    ) : u = jr(
+      u,
+      t,
+      s,
+      o,
+      l
+    )));
+  }
+  return u;
+}
+function jr(e, t, r, n, o, i) {
+  const l = o === "horizontal", c = o === "vertical", d = t.static;
+  if (n) {
+    n = !1;
+    const p = {
+      x: l ? Math.max(t.x - r.w, 0) : r.x,
+      y: c ? Math.max(t.y - r.h, 0) : r.y,
+      w: r.w,
+      h: r.h,
+      i: "-1"
+    }, w = tt(e, p), P = w !== void 0 && w.y + w.h > t.y, O = w !== void 0 && t.x + t.w > w.x;
+    if (!w)
+      return et(
+        e,
+        r,
+        l ? p.x : void 0,
+        c ? p.y : void 0,
+        n,
+        d,
+        o
+      );
+    if (P && c)
+      return et(
+        e,
+        r,
+        void 0,
+        r.y + 1,
+        n,
+        d,
+        o
+      );
+    if (P && o === null)
+      return t.y = r.y, r.y = r.y + r.h, [...e];
+    if (O && l)
+      return et(
+        e,
+        t,
+        r.x,
+        void 0,
+        n,
+        d,
+        o
+      );
+  }
+  const v = l ? r.x + 1 : void 0, g = c ? r.y + 1 : void 0;
+  return v === void 0 && g === void 0 ? [...e] : et(
+    e,
+    r,
+    v,
+    g,
+    n,
+    d,
+    o
+  );
+}
+function lt(e, t, r) {
+  return Math.max(t, Math.min(r, e));
+}
+var ao = {
+  name: "gridBounds",
+  constrainPosition(e, t, r, { cols: n, maxRows: o }) {
+    return {
+      x: lt(t, 0, Math.max(0, n - e.w)),
+      y: lt(r, 0, Math.max(0, o - e.h))
+    };
+  },
+  constrainSize(e, t, r, n, { cols: o, maxRows: i }) {
+    const l = n === "w" || n === "nw" || n === "sw" ? e.x + e.w : o - e.x, c = n === "n" || n === "nw" || n === "ne" ? e.y + e.h : i - e.y;
+    return {
+      w: lt(t, 1, Math.max(1, l)),
+      h: lt(r, 1, Math.max(1, c))
+    };
+  }
+}, so = {
+  name: "minMaxSize",
+  constrainSize(e, t, r) {
+    return {
+      w: lt(t, e.minW ?? 1, e.maxW ?? 1 / 0),
+      h: lt(r, e.minH ?? 1, e.maxH ?? 1 / 0)
+    };
+  }
+}, bn = [ao, so];
+function kt(e, t, r, n, o) {
+  let i = { x: r, y: n };
+  for (const l of e)
+    l.constrainPosition && (i = l.constrainPosition(t, i.x, i.y, o));
+  if (t.constraints)
+    for (const l of t.constraints)
+      l.constrainPosition && (i = l.constrainPosition(
+        t,
+        i.x,
+        i.y,
+        o
+      ));
+  return i;
+}
+function io(e, t, r, n, o, i) {
+  let l = { w: r, h: n };
+  for (const c of e)
+    c.constrainSize && (l = c.constrainSize(
+      t,
+      l.w,
+      l.h,
+      o,
+      i
+    ));
+  if (t.constraints)
+    for (const c of t.constraints)
+      c.constrainSize && (l = c.constrainSize(
+        t,
+        l.w,
+        l.h,
+        o,
+        i
+      ));
+  return l;
+}
+function xn({
+  top: e,
+  left: t,
+  width: r,
+  height: n
+}) {
+  const o = `translate(${t}px,${e}px)`;
+  return {
+    transform: o,
+    WebkitTransform: o,
+    MozTransform: o,
+    msTransform: o,
+    OTransform: o,
+    width: `${r}px`,
+    height: `${n}px`,
+    position: "absolute"
+  };
+}
+function lo({
+  top: e,
+  left: t,
+  width: r,
+  height: n
+}) {
+  return {
+    top: `${e}px`,
+    left: `${t}px`,
+    width: `${r}px`,
+    height: `${n}px`,
+    position: "absolute"
+  };
+}
+function zr(e) {
+  return e * 100 + "%";
+}
+function co(e, t, r, n) {
+  return e + r > n ? t : r;
+}
+function wn(e, t, r) {
+  return e < 0 ? t : r;
+}
+function uo(e) {
+  return Math.max(0, e);
+}
+function Yt(e) {
+  return Math.max(0, e);
+}
+var vr = (e, t, r) => {
+  const { left: n, height: o, width: i } = t, l = e.top - (o - e.height);
+  return {
+    left: n,
+    width: i,
+    height: wn(l, e.height, o),
+    top: Yt(l)
+  };
+}, br = (e, t, r) => {
+  const { top: n, left: o, height: i, width: l } = t;
+  return {
+    top: n,
+    height: i,
+    width: co(
+      e.left,
+      e.width,
+      l,
+      r
+    ),
+    left: uo(o)
+  };
+}, xr = (e, t, r) => {
+  const { top: n, height: o, width: i } = t, l = e.left + e.width - i;
+  return l < 0 ? {
+    height: o,
+    width: e.left + e.width,
+    top: Yt(n),
+    left: 0
+  } : {
+    height: o,
+    width: i,
+    top: Yt(n),
+    left: l
+  };
+}, wr = (e, t, r) => {
+  const { top: n, left: o, height: i, width: l } = t;
+  return {
+    width: l,
+    left: o,
+    height: wn(n, e.height, i),
+    top: Yt(n)
+  };
+}, fo = (e, t, r) => vr(
+  e,
+  br(e, t, r)
+), po = (e, t, r) => vr(
+  e,
+  xr(e, t)
+), ho = (e, t, r) => wr(
+  e,
+  br(e, t, r)
+), mo = (e, t, r) => wr(
+  e,
+  xr(e, t)
+), go = {
+  n: vr,
+  ne: fo,
+  e: br,
+  se: ho,
+  s: wr,
+  sw: mo,
+  w: xr,
+  nw: po
+};
+function yo(e, t, r, n) {
+  const o = go[e];
+  return o ? o(t, { ...t, ...r }, n) : r;
+}
+var vo = {
+  type: "transform",
+  scale: 1,
+  calcStyle(e) {
+    return xn(e);
+  }
+}, bo = vo, xo = {
+  cols: 12,
+  rowHeight: 150,
+  margin: [10, 10],
+  containerPadding: null,
+  maxRows: 1 / 0
+}, wo = {
+  enabled: !0,
+  bounded: !1,
+  threshold: 3
+}, So = {
+  enabled: !0,
+  handles: ["se"]
+}, Ro = {
+  enabled: !1,
+  defaultItem: { w: 1, h: 1 }
+};
+function Sr(e, t, r, n, o) {
+  const i = n === "x" ? "w" : "h";
+  t[n] += 1;
+  const l = e.findIndex((d) => d.i === t.i), c = o ?? Jt(e).length > 0;
+  for (let d = l + 1; d < e.length; d++) {
+    const v = e[d];
+    if (v !== void 0 && !v.static) {
+      if (!c && v.y > t.y + t.h) break;
+      gr(t, v) && Sr(
+        e,
+        v,
+        r + t[i],
+        n,
+        c
+      );
+    }
+  }
+  t[n] = r;
+}
+function Eo(e, t, r, n) {
+  for (t.x = Math.max(t.x, 0), t.y = Math.max(t.y, 0), t.y = Math.min(n, t.y); t.y > 0 && !tt(e, t); )
+    t.y--;
+  let o;
+  for (; (o = tt(e, t)) !== void 0; )
+    Sr(r, t, o.y + o.h, "y");
+  return t.y = Math.max(t.y, 0), t;
+}
+function Po(e, t, r, n) {
+  for (t.x = Math.max(t.x, 0), t.y = Math.max(t.y, 0); t.x > 0 && !tt(e, t); )
+    t.x--;
+  let o;
+  for (; (o = tt(e, t)) !== void 0; )
+    if (Sr(n, t, o.x + o.w, "x"), t.x + t.w > r)
+      for (t.x = r - t.w, t.y++; t.x > 0 && !tt(e, t); )
+        t.x--;
+  return t.x = Math.max(t.x, 0), t;
+}
+var Sn = {
+  type: "vertical",
+  allowOverlap: !1,
+  compact(e, t) {
+    const r = Jt(e);
+    let n = Vt(r);
+    const o = hr(e), i = new Array(e.length);
+    for (let l = 0; l < o.length; l++) {
+      const c = o[l];
+      if (c === void 0) continue;
+      let d = rt(c);
+      d.static || (d = Eo(r, d, o, n), n = Math.max(n, d.y + d.h), r.push(d));
+      const v = e.indexOf(c);
+      i[v] = d, d.moved = !1;
+    }
+    return i;
+  }
+}, Rn = {
+  type: "horizontal",
+  allowOverlap: !1,
+  compact(e, t) {
+    const r = Jt(e), n = vn(e), o = new Array(e.length);
+    for (let i = 0; i < n.length; i++) {
+      const l = n[i];
+      if (l === void 0) continue;
+      let c = rt(l);
+      c.static || (c = Po(r, c, t, n), r.push(c));
+      const d = e.indexOf(l);
+      o[d] = c, c.moved = !1;
+    }
+    return o;
+  }
+}, En = {
+  type: null,
+  allowOverlap: !1,
+  compact(e, t) {
+    return Ze(e);
+  }
+}, Co = {
+  ...Sn,
+  allowOverlap: !0,
+  compact(e, t) {
+    return Ze(e);
+  }
+}, Oo = {
+  ...Rn,
+  allowOverlap: !0,
+  compact(e, t) {
+    return Ze(e);
+  }
+}, _o = {
+  ...En,
+  allowOverlap: !0
+};
+function Rr(e, t = !1, r = !1) {
+  let n;
+  return t ? e === "vertical" ? n = Co : e === "horizontal" ? n = Oo : n = _o : e === "vertical" ? n = Sn : e === "horizontal" ? n = Rn : n = En, r ? { ...n, preventCollision: r } : n;
+}
+function Pn(e) {
+  return Object.keys(e).sort((r, n) => e[r] - e[n]);
+}
+function Mr(e, t) {
+  const r = Pn(e);
+  let n = r[0];
+  if (n === void 0)
+    throw new Error("No breakpoints defined");
+  for (let o = 1; o < r.length; o++) {
+    const i = r[o];
+    if (i === void 0) continue;
+    const l = e[i];
+    t > l && (n = i);
+  }
+  return n;
+}
+function Nr(e, t) {
+  const r = t[e];
+  if (r === void 0)
+    throw new Error(
+      `ResponsiveReactGridLayout: \`cols\` entry for breakpoint ${String(e)} is missing!`
+    );
+  return r;
+}
+function ar(e, t, r, n, o, i) {
+  const l = e[r];
+  if (l)
+    return Ze(l);
+  let c = e[n];
+  const d = Pn(t), v = d.slice(
+    d.indexOf(r)
+  );
+  for (let P = 0; P < v.length; P++) {
+    const O = v[P];
+    if (O === void 0) continue;
+    const u = e[O];
+    if (u) {
+      c = u;
+      break;
+    }
+  }
+  const g = Ze(c || []), p = yr(g, { cols: o });
+  return (typeof i == "object" && i !== null ? i : Rr(i)).compact(p, o);
+}
+function At(e, t) {
+  if (Array.isArray(e))
+    return e;
+  const r = e, n = r[t];
+  if (n !== void 0)
+    return n;
+  const o = Object.keys(r);
+  for (const i of o) {
+    const l = r[i];
+    if (l !== void 0)
+      return l;
+  }
+  return [10, 10];
+}
+function Cn(e) {
+  return function(r, n, o, i, l, c, d) {
+    return e(r, n, d);
+  };
+}
+function Kt(e) {
+  return function(r, n, o, i) {
+    if (!r || !n || typeof r != "object" || typeof n != "object")
+      return e(r, n, o, i);
+    var l = i.get(r), c = i.get(n);
+    if (l && c)
+      return l === n && c === r;
+    i.set(r, n), i.set(n, r);
+    var d = e(r, n, o, i);
+    return i.delete(r), i.delete(n), d;
+  };
+}
+function On(e, t) {
+  var r = {};
+  for (var n in e)
+    r[n] = e[n];
+  for (var n in t)
+    r[n] = t[n];
+  return r;
+}
+function kr(e) {
+  return e.constructor === Object || e.constructor == null;
+}
+function Ar(e) {
+  return typeof e.then == "function";
+}
+function Zt(e, t) {
+  return e === t || e !== e && t !== t;
+}
+var Do = "[object Arguments]", To = "[object Boolean]", jo = "[object Date]", zo = "[object RegExp]", Mo = "[object Map]", No = "[object Number]", ko = "[object Object]", Ao = "[object Set]", Lo = "[object String]", Lr = Object.prototype.toString;
+function Qt(e) {
+  var t = e.areArraysEqual, r = e.areDatesEqual, n = e.areMapsEqual, o = e.areObjectsEqual, i = e.areRegExpsEqual, l = e.areSetsEqual, c = e.createIsNestedEqual, d = c(v);
+  function v(g, p, w) {
+    if (g === p)
+      return !0;
+    if (!g || !p || typeof g != "object" || typeof p != "object")
+      return g !== g && p !== p;
+    if (kr(g) && kr(p))
+      return o(g, p, d, w);
+    var P = Array.isArray(g), O = Array.isArray(p);
+    if (P || O)
+      return P === O && t(g, p, d, w);
+    var u = Lr.call(g);
+    return u !== Lr.call(p) ? !1 : u === jo ? r(g, p, d, w) : u === zo ? i(g, p, d, w) : u === Mo ? n(g, p, d, w) : u === Ao ? l(g, p, d, w) : u === ko || u === Do ? Ar(g) || Ar(p) ? !1 : o(g, p, d, w) : u === To || u === No || u === Lo ? Zt(g.valueOf(), p.valueOf()) : !1;
+  }
+  return v;
+}
+function _n(e, t, r, n) {
+  var o = e.length;
+  if (t.length !== o)
+    return !1;
+  for (; o-- > 0; )
+    if (!r(e[o], t[o], o, o, e, t, n))
+      return !1;
+  return !0;
+}
+var Io = Kt(_n);
+function Dn(e, t) {
+  return Zt(e.valueOf(), t.valueOf());
+}
+function Tn(e, t, r, n) {
+  var o = e.size === t.size;
+  if (!o)
+    return !1;
+  if (!e.size)
+    return !0;
+  var i = {}, l = 0;
+  return e.forEach(function(c, d) {
+    if (o) {
+      var v = !1, g = 0;
+      t.forEach(function(p, w) {
+        !v && !i[g] && (v = r(d, w, l, g, e, t, n) && r(c, p, d, w, e, t, n)) && (i[g] = !0), g++;
+      }), l++, o = v;
+    }
+  }), o;
+}
+var Wo = Kt(Tn), qo = "_owner", $o = Object.prototype.hasOwnProperty;
+function jn(e, t, r, n) {
+  var o = Object.keys(e), i = o.length;
+  if (Object.keys(t).length !== i)
+    return !1;
+  for (var l; i-- > 0; ) {
+    if (l = o[i], l === qo) {
+      var c = !!e.$$typeof, d = !!t.$$typeof;
+      if ((c || d) && c !== d)
+        return !1;
+    }
+    if (!$o.call(t, l) || !r(e[l], t[l], l, l, e, t, n))
+      return !1;
+  }
+  return !0;
+}
+var Ho = Kt(jn);
+function zn(e, t) {
+  return e.source === t.source && e.flags === t.flags;
+}
+function Mn(e, t, r, n) {
+  var o = e.size === t.size;
+  if (!o)
+    return !1;
+  if (!e.size)
+    return !0;
+  var i = {};
+  return e.forEach(function(l, c) {
+    if (o) {
+      var d = !1, v = 0;
+      t.forEach(function(g, p) {
+        !d && !i[v] && (d = r(l, g, c, p, e, t, n)) && (i[v] = !0), v++;
+      }), o = d;
+    }
+  }), o;
+}
+var Yo = Kt(Mn), Nn = Object.freeze({
+  areArraysEqual: _n,
+  areDatesEqual: Dn,
+  areMapsEqual: Tn,
+  areObjectsEqual: jn,
+  areRegExpsEqual: zn,
+  areSetsEqual: Mn,
+  createIsNestedEqual: Cn
+}), kn = Object.freeze({
+  areArraysEqual: Io,
+  areDatesEqual: Dn,
+  areMapsEqual: Wo,
+  areObjectsEqual: Ho,
+  areRegExpsEqual: zn,
+  areSetsEqual: Yo,
+  createIsNestedEqual: Cn
+}), Bo = Qt(Nn);
+function Ye(e, t) {
+  return Bo(e, t, void 0);
+}
+Qt(On(Nn, { createIsNestedEqual: function() {
+  return Zt;
+} }));
+Qt(kn);
+Qt(On(kn, {
+  createIsNestedEqual: function() {
+    return Zt;
+  }
+}));
+function Fo(e = {}) {
+  const { measureBeforeMount: t = !1, initialWidth: r = 1280 } = e, [n, o] = Te(r), [i, l] = Te(!t), c = se(null), d = se(null), v = pe(() => {
+    const g = c.current;
+    if (g) {
+      const p = g.offsetWidth;
+      o(p), i || l(!0);
+    }
+  }, [i]);
+  return Be(() => {
+    const g = c.current;
+    if (g)
+      return v(), typeof ResizeObserver < "u" && (d.current = new ResizeObserver((p) => {
+        const w = p[0];
+        if (w) {
+          const P = w.contentRect.width;
+          o(P);
+        }
+      }), d.current.observe(g)), () => {
+        d.current && (d.current.disconnect(), d.current = null);
+      };
+  }, [v]), {
+    width: n,
+    mounted: i,
+    containerRef: c,
+    measureWidth: v
+  };
+}
+var yt = { exports: {} }, sr = {}, Lt = { exports: {} }, It = { exports: {} }, te = {};
+var Ir;
+function Xo() {
+  if (Ir) return te;
+  Ir = 1;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, l = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, c = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, d = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, v = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, g = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, p = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, w = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, P = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, O = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, u = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, a = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, s = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, h = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  function y(b) {
+    if (typeof b == "object" && b !== null) {
+      var R = b.$$typeof;
+      switch (R) {
+        case t:
+          switch (b = b.type, b) {
+            case d:
+            case v:
+            case n:
+            case i:
+            case o:
+            case p:
+              return b;
+            default:
+              switch (b = b && b.$$typeof, b) {
+                case c:
+                case g:
+                case O:
+                case P:
+                case l:
+                  return b;
+                default:
+                  return R;
+              }
+          }
+        case r:
+          return R;
+      }
+    }
+  }
+  function S(b) {
+    return y(b) === v;
+  }
+  return te.AsyncMode = d, te.ConcurrentMode = v, te.ContextConsumer = c, te.ContextProvider = l, te.Element = t, te.ForwardRef = g, te.Fragment = n, te.Lazy = O, te.Memo = P, te.Portal = r, te.Profiler = i, te.StrictMode = o, te.Suspense = p, te.isAsyncMode = function(b) {
+    return S(b) || y(b) === d;
+  }, te.isConcurrentMode = S, te.isContextConsumer = function(b) {
+    return y(b) === c;
+  }, te.isContextProvider = function(b) {
+    return y(b) === l;
+  }, te.isElement = function(b) {
+    return typeof b == "object" && b !== null && b.$$typeof === t;
+  }, te.isForwardRef = function(b) {
+    return y(b) === g;
+  }, te.isFragment = function(b) {
+    return y(b) === n;
+  }, te.isLazy = function(b) {
+    return y(b) === O;
+  }, te.isMemo = function(b) {
+    return y(b) === P;
+  }, te.isPortal = function(b) {
+    return y(b) === r;
+  }, te.isProfiler = function(b) {
+    return y(b) === i;
+  }, te.isStrictMode = function(b) {
+    return y(b) === o;
+  }, te.isSuspense = function(b) {
+    return y(b) === p;
+  }, te.isValidElementType = function(b) {
+    return typeof b == "string" || typeof b == "function" || b === n || b === v || b === i || b === o || b === p || b === w || typeof b == "object" && b !== null && (b.$$typeof === O || b.$$typeof === P || b.$$typeof === l || b.$$typeof === c || b.$$typeof === g || b.$$typeof === a || b.$$typeof === s || b.$$typeof === h || b.$$typeof === u);
+  }, te.typeOf = y, te;
+}
+var re = {};
+var Wr;
+function Uo() {
+  return Wr || (Wr = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, n = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, o = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, i = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, l = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, c = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, d = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, v = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, g = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, p = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, w = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, P = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, O = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, u = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, a = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, s = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, h = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+    function y(_) {
+      return typeof _ == "string" || typeof _ == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      _ === n || _ === v || _ === i || _ === o || _ === p || _ === w || typeof _ == "object" && _ !== null && (_.$$typeof === O || _.$$typeof === P || _.$$typeof === l || _.$$typeof === c || _.$$typeof === g || _.$$typeof === a || _.$$typeof === s || _.$$typeof === h || _.$$typeof === u);
+    }
+    function S(_) {
+      if (typeof _ == "object" && _ !== null) {
+        var ne = _.$$typeof;
+        switch (ne) {
+          case t:
+            var je = _.type;
+            switch (je) {
+              case d:
+              case v:
+              case n:
+              case i:
+              case o:
+              case p:
+                return je;
+              default:
+                var _e = je && je.$$typeof;
+                switch (_e) {
+                  case c:
+                  case g:
+                  case O:
+                  case P:
+                  case l:
+                    return _e;
+                  default:
+                    return ne;
+                }
+            }
+          case r:
+            return ne;
+        }
+      }
+    }
+    var b = d, R = v, m = c, x = l, C = t, $ = g, W = n, G = O, k = P, H = r, J = i, X = o, V = p, ie = !1;
+    function ge(_) {
+      return ie || (ie = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), E(_) || S(_) === d;
+    }
+    function E(_) {
+      return S(_) === v;
+    }
+    function f(_) {
+      return S(_) === c;
+    }
+    function D(_) {
+      return S(_) === l;
+    }
+    function z(_) {
+      return typeof _ == "object" && _ !== null && _.$$typeof === t;
+    }
+    function j(_) {
+      return S(_) === g;
+    }
+    function F(_) {
+      return S(_) === n;
+    }
+    function A(_) {
+      return S(_) === O;
+    }
+    function T(_) {
+      return S(_) === P;
+    }
+    function I(_) {
+      return S(_) === r;
+    }
+    function N(_) {
+      return S(_) === i;
+    }
+    function q(_) {
+      return S(_) === o;
+    }
+    function B(_) {
+      return S(_) === p;
+    }
+    re.AsyncMode = b, re.ConcurrentMode = R, re.ContextConsumer = m, re.ContextProvider = x, re.Element = C, re.ForwardRef = $, re.Fragment = W, re.Lazy = G, re.Memo = k, re.Portal = H, re.Profiler = J, re.StrictMode = X, re.Suspense = V, re.isAsyncMode = ge, re.isConcurrentMode = E, re.isContextConsumer = f, re.isContextProvider = D, re.isElement = z, re.isForwardRef = j, re.isFragment = F, re.isLazy = A, re.isMemo = T, re.isPortal = I, re.isProfiler = N, re.isStrictMode = q, re.isSuspense = B, re.isValidElementType = y, re.typeOf = S;
+  })()), re;
+}
+var qr;
+function An() {
+  return qr || (qr = 1, process.env.NODE_ENV === "production" ? It.exports = Xo() : It.exports = Uo()), It.exports;
+}
+var ir, $r;
+function Go() {
+  if ($r) return ir;
+  $r = 1;
+  var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
+  function n(i) {
+    if (i == null)
+      throw new TypeError("Object.assign cannot be called with null or undefined");
+    return Object(i);
+  }
+  function o() {
+    try {
+      if (!Object.assign)
+        return !1;
+      var i = new String("abc");
+      if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
+        return !1;
+      for (var l = {}, c = 0; c < 10; c++)
+        l["_" + String.fromCharCode(c)] = c;
+      var d = Object.getOwnPropertyNames(l).map(function(g) {
+        return l[g];
+      });
+      if (d.join("") !== "0123456789")
+        return !1;
+      var v = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(g) {
+        v[g] = g;
+      }), Object.keys(Object.assign({}, v)).join("") === "abcdefghijklmnopqrst";
+    } catch {
+      return !1;
+    }
+  }
+  return ir = o() ? Object.assign : function(i, l) {
+    for (var c, d = n(i), v, g = 1; g < arguments.length; g++) {
+      c = Object(arguments[g]);
+      for (var p in c)
+        t.call(c, p) && (d[p] = c[p]);
+      if (e) {
+        v = e(c);
+        for (var w = 0; w < v.length; w++)
+          r.call(c, v[w]) && (d[v[w]] = c[v[w]]);
+      }
+    }
+    return d;
+  }, ir;
+}
+var lr, Hr;
+function Er() {
+  if (Hr) return lr;
+  Hr = 1;
+  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  return lr = e, lr;
+}
+var cr, Yr;
+function Ln() {
+  return Yr || (Yr = 1, cr = Function.call.bind(Object.prototype.hasOwnProperty)), cr;
+}
+var ur, Br;
+function Vo() {
+  if (Br) return ur;
+  Br = 1;
+  var e = function() {
+  };
+  if (process.env.NODE_ENV !== "production") {
+    var t = /* @__PURE__ */ Er(), r = {}, n = /* @__PURE__ */ Ln();
+    e = function(i) {
+      var l = "Warning: " + i;
+      typeof console < "u" && console.error(l);
+      try {
+        throw new Error(l);
+      } catch {
+      }
+    };
+  }
+  function o(i, l, c, d, v) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var g in i)
+        if (n(i, g)) {
+          var p;
+          try {
+            if (typeof i[g] != "function") {
+              var w = Error(
+                (d || "React class") + ": " + c + " type `" + g + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[g] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+              );
+              throw w.name = "Invariant Violation", w;
+            }
+            p = i[g](l, g, d, c, null, t);
+          } catch (O) {
+            p = O;
+          }
+          if (p && !(p instanceof Error) && e(
+            (d || "React class") + ": type specification of " + c + " `" + g + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof p + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), p instanceof Error && !(p.message in r)) {
+            r[p.message] = !0;
+            var P = v ? v() : "";
+            e(
+              "Failed " + c + " type: " + p.message + (P ?? "")
+            );
+          }
+        }
+    }
+  }
+  return o.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (r = {});
+  }, ur = o, ur;
+}
+var fr, Fr;
+function Jo() {
+  if (Fr) return fr;
+  Fr = 1;
+  var e = An(), t = Go(), r = /* @__PURE__ */ Er(), n = /* @__PURE__ */ Ln(), o = /* @__PURE__ */ Vo(), i = function() {
+  };
+  process.env.NODE_ENV !== "production" && (i = function(c) {
+    var d = "Warning: " + c;
+    typeof console < "u" && console.error(d);
+    try {
+      throw new Error(d);
+    } catch {
+    }
+  });
+  function l() {
+    return null;
+  }
+  return fr = function(c, d) {
+    var v = typeof Symbol == "function" && Symbol.iterator, g = "@@iterator";
+    function p(E) {
+      var f = E && (v && E[v] || E[g]);
+      if (typeof f == "function")
+        return f;
+    }
+    var w = "<<anonymous>>", P = {
+      array: s("array"),
+      bigint: s("bigint"),
+      bool: s("boolean"),
+      func: s("function"),
+      number: s("number"),
+      object: s("object"),
+      string: s("string"),
+      symbol: s("symbol"),
+      any: h(),
+      arrayOf: y,
+      element: S(),
+      elementType: b(),
+      instanceOf: R,
+      node: $(),
+      objectOf: x,
+      oneOf: m,
+      oneOfType: C,
+      shape: G,
+      exact: k
+    };
+    function O(E, f) {
+      return E === f ? E !== 0 || 1 / E === 1 / f : E !== E && f !== f;
+    }
+    function u(E, f) {
+      this.message = E, this.data = f && typeof f == "object" ? f : {}, this.stack = "";
+    }
+    u.prototype = Error.prototype;
+    function a(E) {
+      if (process.env.NODE_ENV !== "production")
+        var f = {}, D = 0;
+      function z(F, A, T, I, N, q, B) {
+        if (I = I || w, q = q || T, B !== r) {
+          if (d) {
+            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"
+            );
+            throw _.name = "Invariant Violation", _;
+          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
+            var ne = I + ":" + T;
+            !f[ne] && // Avoid spamming the console because they are often not actionable except for lib authors
+            D < 3 && (i(
+              "You are manually calling a React.PropTypes validation function for the `" + q + "` prop on `" + I + "`. 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."
+            ), f[ne] = !0, D++);
+          }
+        }
+        return A[T] == null ? F ? A[T] === null ? new u("The " + N + " `" + q + "` is marked as required " + ("in `" + I + "`, but its value is `null`.")) : new u("The " + N + " `" + q + "` is marked as required in " + ("`" + I + "`, but its value is `undefined`.")) : null : E(A, T, I, N, q);
+      }
+      var j = z.bind(null, !1);
+      return j.isRequired = z.bind(null, !0), j;
+    }
+    function s(E) {
+      function f(D, z, j, F, A, T) {
+        var I = D[z], N = X(I);
+        if (N !== E) {
+          var q = V(I);
+          return new u(
+            "Invalid " + F + " `" + A + "` of type " + ("`" + q + "` supplied to `" + j + "`, expected ") + ("`" + E + "`."),
+            { expectedType: E }
+          );
+        }
+        return null;
+      }
+      return a(f);
+    }
+    function h() {
+      return a(l);
+    }
+    function y(E) {
+      function f(D, z, j, F, A) {
+        if (typeof E != "function")
+          return new u("Property `" + A + "` of component `" + j + "` has invalid PropType notation inside arrayOf.");
+        var T = D[z];
+        if (!Array.isArray(T)) {
+          var I = X(T);
+          return new u("Invalid " + F + " `" + A + "` of type " + ("`" + I + "` supplied to `" + j + "`, expected an array."));
+        }
+        for (var N = 0; N < T.length; N++) {
+          var q = E(T, N, j, F, A + "[" + N + "]", r);
+          if (q instanceof Error)
+            return q;
+        }
+        return null;
+      }
+      return a(f);
+    }
+    function S() {
+      function E(f, D, z, j, F) {
+        var A = f[D];
+        if (!c(A)) {
+          var T = X(A);
+          return new u("Invalid " + j + " `" + F + "` of type " + ("`" + T + "` supplied to `" + z + "`, expected a single ReactElement."));
+        }
+        return null;
+      }
+      return a(E);
+    }
+    function b() {
+      function E(f, D, z, j, F) {
+        var A = f[D];
+        if (!e.isValidElementType(A)) {
+          var T = X(A);
+          return new u("Invalid " + j + " `" + F + "` of type " + ("`" + T + "` supplied to `" + z + "`, expected a single ReactElement type."));
+        }
+        return null;
+      }
+      return a(E);
+    }
+    function R(E) {
+      function f(D, z, j, F, A) {
+        if (!(D[z] instanceof E)) {
+          var T = E.name || w, I = ge(D[z]);
+          return new u("Invalid " + F + " `" + A + "` of type " + ("`" + I + "` supplied to `" + j + "`, expected ") + ("instance of `" + T + "`."));
+        }
+        return null;
+      }
+      return a(f);
+    }
+    function m(E) {
+      if (!Array.isArray(E))
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
+          "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
+        ) : i("Invalid argument supplied to oneOf, expected an array.")), l;
+      function f(D, z, j, F, A) {
+        for (var T = D[z], I = 0; I < E.length; I++)
+          if (O(T, E[I]))
+            return null;
+        var N = JSON.stringify(E, function(B, _) {
+          var ne = V(_);
+          return ne === "symbol" ? String(_) : _;
+        });
+        return new u("Invalid " + F + " `" + A + "` of value `" + String(T) + "` " + ("supplied to `" + j + "`, expected one of " + N + "."));
+      }
+      return a(f);
+    }
+    function x(E) {
+      function f(D, z, j, F, A) {
+        if (typeof E != "function")
+          return new u("Property `" + A + "` of component `" + j + "` has invalid PropType notation inside objectOf.");
+        var T = D[z], I = X(T);
+        if (I !== "object")
+          return new u("Invalid " + F + " `" + A + "` of type " + ("`" + I + "` supplied to `" + j + "`, expected an object."));
+        for (var N in T)
+          if (n(T, N)) {
+            var q = E(T, N, j, F, A + "." + N, r);
+            if (q instanceof Error)
+              return q;
+          }
+        return null;
+      }
+      return a(f);
+    }
+    function C(E) {
+      if (!Array.isArray(E))
+        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), l;
+      for (var f = 0; f < E.length; f++) {
+        var D = E[f];
+        if (typeof D != "function")
+          return i(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ie(D) + " at index " + f + "."
+          ), l;
+      }
+      function z(j, F, A, T, I) {
+        for (var N = [], q = 0; q < E.length; q++) {
+          var B = E[q], _ = B(j, F, A, T, I, r);
+          if (_ == null)
+            return null;
+          _.data && n(_.data, "expectedType") && N.push(_.data.expectedType);
+        }
+        var ne = N.length > 0 ? ", expected one of type [" + N.join(", ") + "]" : "";
+        return new u("Invalid " + T + " `" + I + "` supplied to " + ("`" + A + "`" + ne + "."));
+      }
+      return a(z);
+    }
+    function $() {
+      function E(f, D, z, j, F) {
+        return H(f[D]) ? null : new u("Invalid " + j + " `" + F + "` supplied to " + ("`" + z + "`, expected a ReactNode."));
+      }
+      return a(E);
+    }
+    function W(E, f, D, z, j) {
+      return new u(
+        (E || "React class") + ": " + f + " type `" + D + "." + z + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + j + "`."
+      );
+    }
+    function G(E) {
+      function f(D, z, j, F, A) {
+        var T = D[z], I = X(T);
+        if (I !== "object")
+          return new u("Invalid " + F + " `" + A + "` of type `" + I + "` " + ("supplied to `" + j + "`, expected `object`."));
+        for (var N in E) {
+          var q = E[N];
+          if (typeof q != "function")
+            return W(j, F, A, N, V(q));
+          var B = q(T, N, j, F, A + "." + N, r);
+          if (B)
+            return B;
+        }
+        return null;
+      }
+      return a(f);
+    }
+    function k(E) {
+      function f(D, z, j, F, A) {
+        var T = D[z], I = X(T);
+        if (I !== "object")
+          return new u("Invalid " + F + " `" + A + "` of type `" + I + "` " + ("supplied to `" + j + "`, expected `object`."));
+        var N = t({}, D[z], E);
+        for (var q in N) {
+          var B = E[q];
+          if (n(E, q) && typeof B != "function")
+            return W(j, F, A, q, V(B));
+          if (!B)
+            return new u(
+              "Invalid " + F + " `" + A + "` key `" + q + "` supplied to `" + j + "`.\nBad object: " + JSON.stringify(D[z], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(E), null, "  ")
+            );
+          var _ = B(T, q, j, F, A + "." + q, r);
+          if (_)
+            return _;
+        }
+        return null;
+      }
+      return a(f);
+    }
+    function H(E) {
+      switch (typeof E) {
+        case "number":
+        case "string":
+        case "undefined":
+          return !0;
+        case "boolean":
+          return !E;
+        case "object":
+          if (Array.isArray(E))
+            return E.every(H);
+          if (E === null || c(E))
+            return !0;
+          var f = p(E);
+          if (f) {
+            var D = f.call(E), z;
+            if (f !== E.entries) {
+              for (; !(z = D.next()).done; )
+                if (!H(z.value))
+                  return !1;
+            } else
+              for (; !(z = D.next()).done; ) {
+                var j = z.value;
+                if (j && !H(j[1]))
+                  return !1;
+              }
+          } else
+            return !1;
+          return !0;
+        default:
+          return !1;
+      }
+    }
+    function J(E, f) {
+      return E === "symbol" ? !0 : f ? f["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && f instanceof Symbol : !1;
+    }
+    function X(E) {
+      var f = typeof E;
+      return Array.isArray(E) ? "array" : E instanceof RegExp ? "object" : J(f, E) ? "symbol" : f;
+    }
+    function V(E) {
+      if (typeof E > "u" || E === null)
+        return "" + E;
+      var f = X(E);
+      if (f === "object") {
+        if (E instanceof Date)
+          return "date";
+        if (E instanceof RegExp)
+          return "regexp";
+      }
+      return f;
+    }
+    function ie(E) {
+      var f = V(E);
+      switch (f) {
+        case "array":
+        case "object":
+          return "an " + f;
+        case "boolean":
+        case "date":
+        case "regexp":
+          return "a " + f;
+        default:
+          return f;
+      }
+    }
+    function ge(E) {
+      return !E.constructor || !E.constructor.name ? w : E.constructor.name;
+    }
+    return P.checkPropTypes = o, P.resetWarningCache = o.resetWarningCache, P.PropTypes = P, P;
+  }, fr;
+}
+var dr, Xr;
+function Ko() {
+  if (Xr) return dr;
+  Xr = 1;
+  var e = /* @__PURE__ */ Er();
+  function t() {
+  }
+  function r() {
+  }
+  return r.resetWarningCache = t, dr = function() {
+    function n(l, c, d, v, g, p) {
+      if (p !== e) {
+        var w = new Error(
+          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
+        );
+        throw w.name = "Invariant Violation", w;
+      }
+    }
+    n.isRequired = n;
+    function o() {
+      return n;
+    }
+    var i = {
+      array: n,
+      bigint: n,
+      bool: n,
+      func: n,
+      number: n,
+      object: n,
+      string: n,
+      symbol: n,
+      any: n,
+      arrayOf: o,
+      element: n,
+      elementType: n,
+      instanceOf: o,
+      node: n,
+      objectOf: o,
+      oneOf: o,
+      oneOfType: o,
+      shape: o,
+      exact: o,
+      checkPropTypes: r,
+      resetWarningCache: t
+    };
+    return i.PropTypes = i, i;
+  }, dr;
+}
+var Ur;
+function er() {
+  if (Ur) return Lt.exports;
+  if (Ur = 1, process.env.NODE_ENV !== "production") {
+    var e = An(), t = !0;
+    Lt.exports = /* @__PURE__ */ Jo()(e.isElement, t);
+  } else
+    Lt.exports = /* @__PURE__ */ Ko()();
+  return Lt.exports;
+}
+var me = {}, Je = {}, Gr;
+function tr() {
+  if (Gr) return Je;
+  Gr = 1, Object.defineProperty(Je, "__esModule", {
+    value: !0
+  }), Je.dontSetMe = o, Je.findInArray = e, Je.int = n, Je.isFunction = t, Je.isNum = r;
+  function e(i, l) {
+    for (let c = 0, d = i.length; c < d; c++)
+      if (l.apply(l, [i[c], c, i])) return i[c];
+  }
+  function t(i) {
+    return typeof i == "function" || Object.prototype.toString.call(i) === "[object Function]";
+  }
+  function r(i) {
+    return typeof i == "number" && !isNaN(i);
+  }
+  function n(i) {
+    return parseInt(i, 10);
+  }
+  function o(i, l, c) {
+    if (i[l])
+      return new Error(`Invalid prop ${l} passed to ${c} - do not set this, set it on the child.`);
+  }
+  return Je;
+}
+var Ke = {}, Vr;
+function Zo() {
+  if (Vr) return Ke;
+  Vr = 1, Object.defineProperty(Ke, "__esModule", {
+    value: !0
+  }), Ke.browserPrefixToKey = r, Ke.browserPrefixToStyle = n, Ke.default = void 0, Ke.getPrefix = t;
+  const e = ["Moz", "Webkit", "O", "ms"];
+  function t() {
+    let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
+    if (typeof window > "u") return "";
+    const l = window.document?.documentElement?.style;
+    if (!l || i in l) return "";
+    for (let c = 0; c < e.length; c++)
+      if (r(i, e[c]) in l) return e[c];
+    return "";
+  }
+  function r(i, l) {
+    return l ? `${l}${o(i)}` : i;
+  }
+  function n(i, l) {
+    return l ? `-${l.toLowerCase()}-${i}` : i;
+  }
+  function o(i) {
+    let l = "", c = !0;
+    for (let d = 0; d < i.length; d++)
+      c ? (l += i[d].toUpperCase(), c = !1) : i[d] === "-" ? c = !0 : l += i[d];
+    return l;
+  }
+  return Ke.default = t(), Ke;
+}
+var Jr;
+function Pr() {
+  if (Jr) return me;
+  Jr = 1, Object.defineProperty(me, "__esModule", {
+    value: !0
+  }), me.addClassName = b, me.addEvent = l, me.addUserSelectStyles = h, me.createCSSTransform = P, me.createSVGTransform = O, me.getTouch = a, me.getTouchIdentifier = s, me.getTranslation = u, me.innerHeight = g, me.innerWidth = p, me.matchesSelector = o, me.matchesSelectorAndParentsTo = i, me.offsetXYFromParent = w, me.outerHeight = d, me.outerWidth = v, me.removeClassName = R, me.removeEvent = c, me.scheduleRemoveUserSelectStyles = y;
+  var e = tr(), t = r(Zo());
+  function r(m, x) {
+    if (typeof WeakMap == "function") var C = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakMap();
+    return (r = function(W, G) {
+      if (!G && W && W.__esModule) return W;
+      var k, H, J = { __proto__: null, default: W };
+      if (W === null || typeof W != "object" && typeof W != "function") return J;
+      if (k = G ? $ : C) {
+        if (k.has(W)) return k.get(W);
+        k.set(W, J);
+      }
+      for (const X in W) X !== "default" && {}.hasOwnProperty.call(W, X) && ((H = (k = Object.defineProperty) && Object.getOwnPropertyDescriptor(W, X)) && (H.get || H.set) ? k(J, X, H) : J[X] = W[X]);
+      return J;
+    })(m, x);
+  }
+  let n = "";
+  function o(m, x) {
+    return n || (n = (0, e.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(C) {
+      return (0, e.isFunction)(m[C]);
+    })), (0, e.isFunction)(m[n]) ? m[n](x) : !1;
+  }
+  function i(m, x, C) {
+    let $ = m;
+    do {
+      if (o($, x)) return !0;
+      if ($ === C) return !1;
+      $ = $.parentNode;
+    } while ($);
+    return !1;
+  }
+  function l(m, x, C, $) {
+    if (!m) return;
+    const W = {
+      capture: !0,
+      ...$
+    };
+    m.addEventListener ? m.addEventListener(x, C, W) : m.attachEvent ? m.attachEvent("on" + x, C) : m["on" + x] = C;
+  }
+  function c(m, x, C, $) {
+    if (!m) return;
+    const W = {
+      capture: !0,
+      ...$
+    };
+    m.removeEventListener ? m.removeEventListener(x, C, W) : m.detachEvent ? m.detachEvent("on" + x, C) : m["on" + x] = null;
+  }
+  function d(m) {
+    let x = m.clientHeight;
+    const C = m.ownerDocument.defaultView.getComputedStyle(m);
+    return x += (0, e.int)(C.borderTopWidth), x += (0, e.int)(C.borderBottomWidth), x;
+  }
+  function v(m) {
+    let x = m.clientWidth;
+    const C = m.ownerDocument.defaultView.getComputedStyle(m);
+    return x += (0, e.int)(C.borderLeftWidth), x += (0, e.int)(C.borderRightWidth), x;
+  }
+  function g(m) {
+    let x = m.clientHeight;
+    const C = m.ownerDocument.defaultView.getComputedStyle(m);
+    return x -= (0, e.int)(C.paddingTop), x -= (0, e.int)(C.paddingBottom), x;
+  }
+  function p(m) {
+    let x = m.clientWidth;
+    const C = m.ownerDocument.defaultView.getComputedStyle(m);
+    return x -= (0, e.int)(C.paddingLeft), x -= (0, e.int)(C.paddingRight), x;
+  }
+  function w(m, x, C) {
+    const W = x === x.ownerDocument.body ? {
+      left: 0,
+      top: 0
+    } : x.getBoundingClientRect(), G = (m.clientX + x.scrollLeft - W.left) / C, k = (m.clientY + x.scrollTop - W.top) / C;
+    return {
+      x: G,
+      y: k
+    };
+  }
+  function P(m, x) {
+    const C = u(m, x, "px");
+    return {
+      [(0, t.browserPrefixToKey)("transform", t.default)]: C
+    };
+  }
+  function O(m, x) {
+    return u(m, x, "");
+  }
+  function u(m, x, C) {
+    let {
+      x: $,
+      y: W
+    } = m, G = `translate(${$}${C},${W}${C})`;
+    if (x) {
+      const k = `${typeof x.x == "string" ? x.x : x.x + C}`, H = `${typeof x.y == "string" ? x.y : x.y + C}`;
+      G = `translate(${k}, ${H})` + G;
+    }
+    return G;
+  }
+  function a(m, x) {
+    return m.targetTouches && (0, e.findInArray)(m.targetTouches, (C) => x === C.identifier) || m.changedTouches && (0, e.findInArray)(m.changedTouches, (C) => x === C.identifier);
+  }
+  function s(m) {
+    if (m.targetTouches && m.targetTouches[0]) return m.targetTouches[0].identifier;
+    if (m.changedTouches && m.changedTouches[0]) return m.changedTouches[0].identifier;
+  }
+  function h(m) {
+    if (!m) return;
+    let x = m.getElementById("react-draggable-style-el");
+    x || (x = m.createElement("style"), x.type = "text/css", x.id = "react-draggable-style-el", x.innerHTML = `.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
+`, x.innerHTML += `.react-draggable-transparent-selection *::selection {all: inherit;}
+`, m.getElementsByTagName("head")[0].appendChild(x)), m.body && b(m.body, "react-draggable-transparent-selection");
+  }
+  function y(m) {
+    window.requestAnimationFrame ? window.requestAnimationFrame(() => {
+      S(m);
+    }) : S(m);
+  }
+  function S(m) {
+    if (m)
+      try {
+        if (m.body && R(m.body, "react-draggable-transparent-selection"), m.selection)
+          m.selection.empty();
+        else {
+          const x = (m.defaultView || window).getSelection();
+          x && x.type !== "Caret" && x.removeAllRanges();
+        }
+      } catch {
+      }
+  }
+  function b(m, x) {
+    m.classList ? m.classList.add(x) : m.className.match(new RegExp(`(?:^|\\s)${x}(?!\\S)`)) || (m.className += ` ${x}`);
+  }
+  function R(m, x) {
+    m.classList ? m.classList.remove(x) : m.className = m.className.replace(new RegExp(`(?:^|\\s)${x}(?!\\S)`, "g"), "");
+  }
+  return me;
+}
+var We = {}, Kr;
+function In() {
+  if (Kr) return We;
+  Kr = 1, Object.defineProperty(We, "__esModule", {
+    value: !0
+  }), We.canDragX = o, We.canDragY = i, We.createCoreData = c, We.createDraggableData = d, We.getBoundPosition = r, We.getControlPosition = l, We.snapToGrid = n;
+  var e = tr(), t = Pr();
+  function r(p, w, P) {
+    if (!p.props.bounds) return [w, P];
+    let {
+      bounds: O
+    } = p.props;
+    O = typeof O == "string" ? O : v(O);
+    const u = g(p);
+    if (typeof O == "string") {
+      const {
+        ownerDocument: a
+      } = u, s = a.defaultView;
+      let h;
+      if (O === "parent" ? h = u.parentNode : h = u.getRootNode().querySelector(O), !(h instanceof s.HTMLElement))
+        throw new Error('Bounds selector "' + O + '" could not find an element.');
+      const y = h, S = s.getComputedStyle(u), b = s.getComputedStyle(y);
+      O = {
+        left: -u.offsetLeft + (0, e.int)(b.paddingLeft) + (0, e.int)(S.marginLeft),
+        top: -u.offsetTop + (0, e.int)(b.paddingTop) + (0, e.int)(S.marginTop),
+        right: (0, t.innerWidth)(y) - (0, t.outerWidth)(u) - u.offsetLeft + (0, e.int)(b.paddingRight) - (0, e.int)(S.marginRight),
+        bottom: (0, t.innerHeight)(y) - (0, t.outerHeight)(u) - u.offsetTop + (0, e.int)(b.paddingBottom) - (0, e.int)(S.marginBottom)
+      };
+    }
+    return (0, e.isNum)(O.right) && (w = Math.min(w, O.right)), (0, e.isNum)(O.bottom) && (P = Math.min(P, O.bottom)), (0, e.isNum)(O.left) && (w = Math.max(w, O.left)), (0, e.isNum)(O.top) && (P = Math.max(P, O.top)), [w, P];
+  }
+  function n(p, w, P) {
+    const O = Math.round(w / p[0]) * p[0], u = Math.round(P / p[1]) * p[1];
+    return [O, u];
+  }
+  function o(p) {
+    return p.props.axis === "both" || p.props.axis === "x";
+  }
+  function i(p) {
+    return p.props.axis === "both" || p.props.axis === "y";
+  }
+  function l(p, w, P) {
+    const O = typeof w == "number" ? (0, t.getTouch)(p, w) : null;
+    if (typeof w == "number" && !O) return null;
+    const u = g(P), a = P.props.offsetParent || u.offsetParent || u.ownerDocument.body;
+    return (0, t.offsetXYFromParent)(O || p, a, P.props.scale);
+  }
+  function c(p, w, P) {
+    const O = !(0, e.isNum)(p.lastX), u = g(p);
+    return O ? {
+      node: u,
+      deltaX: 0,
+      deltaY: 0,
+      lastX: w,
+      lastY: P,
+      x: w,
+      y: P
+    } : {
+      node: u,
+      deltaX: w - p.lastX,
+      deltaY: P - p.lastY,
+      lastX: p.lastX,
+      lastY: p.lastY,
+      x: w,
+      y: P
+    };
+  }
+  function d(p, w) {
+    const P = p.props.scale;
+    return {
+      node: w.node,
+      x: p.state.x + w.deltaX / P,
+      y: p.state.y + w.deltaY / P,
+      deltaX: w.deltaX / P,
+      deltaY: w.deltaY / P,
+      lastX: p.state.x,
+      lastY: p.state.y
+    };
+  }
+  function v(p) {
+    return {
+      left: p.left,
+      top: p.top,
+      right: p.right,
+      bottom: p.bottom
+    };
+  }
+  function g(p) {
+    const w = p.findDOMNode();
+    if (!w)
+      throw new Error("<DraggableCore>: Unmounted during event!");
+    return w;
+  }
+  return We;
+}
+var vt = {}, Wt = {}, Zr;
+function Wn() {
+  if (Zr) return Wt;
+  Zr = 1, Object.defineProperty(Wt, "__esModule", {
+    value: !0
+  }), Wt.default = e;
+  function e() {
+  }
+  return Wt;
+}
+var Qr;
+function Qo() {
+  if (Qr) return vt;
+  Qr = 1, Object.defineProperty(vt, "__esModule", {
+    value: !0
+  }), vt.default = void 0;
+  var e = d(Re), t = c(/* @__PURE__ */ er()), r = c(mn), n = Pr(), o = In(), i = tr(), l = c(Wn());
+  function c(u) {
+    return u && u.__esModule ? u : { default: u };
+  }
+  function d(u, a) {
+    if (typeof WeakMap == "function") var s = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap();
+    return (d = function(y, S) {
+      if (!S && y && y.__esModule) return y;
+      var b, R, m = { __proto__: null, default: y };
+      if (y === null || typeof y != "object" && typeof y != "function") return m;
+      if (b = S ? h : s) {
+        if (b.has(y)) return b.get(y);
+        b.set(y, m);
+      }
+      for (const x in y) x !== "default" && {}.hasOwnProperty.call(y, x) && ((R = (b = Object.defineProperty) && Object.getOwnPropertyDescriptor(y, x)) && (R.get || R.set) ? b(m, x, R) : m[x] = y[x]);
+      return m;
+    })(u, a);
+  }
+  function v(u, a, s) {
+    return (a = g(a)) in u ? Object.defineProperty(u, a, { value: s, enumerable: !0, configurable: !0, writable: !0 }) : u[a] = s, u;
+  }
+  function g(u) {
+    var a = p(u, "string");
+    return typeof a == "symbol" ? a : a + "";
+  }
+  function p(u, a) {
+    if (typeof u != "object" || !u) return u;
+    var s = u[Symbol.toPrimitive];
+    if (s !== void 0) {
+      var h = s.call(u, a);
+      if (typeof h != "object") return h;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (a === "string" ? String : Number)(u);
+  }
+  const w = {
+    touch: {
+      start: "touchstart",
+      move: "touchmove",
+      stop: "touchend"
+    },
+    mouse: {
+      start: "mousedown",
+      move: "mousemove",
+      stop: "mouseup"
+    }
+  };
+  let P = w.mouse, O = class extends e.Component {
+    constructor() {
+      super(...arguments), v(this, "dragging", !1), v(this, "lastX", NaN), v(this, "lastY", NaN), v(this, "touchIdentifier", null), v(this, "mounted", !1), v(this, "handleDragStart", (a) => {
+        if (this.props.onMouseDown(a), !this.props.allowAnyClick && typeof a.button == "number" && a.button !== 0) return !1;
+        const s = this.findDOMNode();
+        if (!s || !s.ownerDocument || !s.ownerDocument.body)
+          throw new Error("<DraggableCore> not mounted on DragStart!");
+        const {
+          ownerDocument: h
+        } = s;
+        if (this.props.disabled || !(a.target instanceof h.defaultView.Node) || this.props.handle && !(0, n.matchesSelectorAndParentsTo)(a.target, this.props.handle, s) || this.props.cancel && (0, n.matchesSelectorAndParentsTo)(a.target, this.props.cancel, s))
+          return;
+        a.type === "touchstart" && !this.props.allowMobileScroll && a.preventDefault();
+        const y = (0, n.getTouchIdentifier)(a);
+        this.touchIdentifier = y;
+        const S = (0, o.getControlPosition)(a, y, this);
+        if (S == null) return;
+        const {
+          x: b,
+          y: R
+        } = S, m = (0, o.createCoreData)(this, b, R);
+        (0, l.default)("DraggableCore: handleDragStart: %j", m), (0, l.default)("calling", this.props.onStart), !(this.props.onStart(a, m) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, n.addUserSelectStyles)(h), this.dragging = !0, this.lastX = b, this.lastY = R, (0, n.addEvent)(h, P.move, this.handleDrag), (0, n.addEvent)(h, P.stop, this.handleDragStop));
+      }), v(this, "handleDrag", (a) => {
+        const s = (0, o.getControlPosition)(a, this.touchIdentifier, this);
+        if (s == null) return;
+        let {
+          x: h,
+          y
+        } = s;
+        if (Array.isArray(this.props.grid)) {
+          let R = h - this.lastX, m = y - this.lastY;
+          if ([R, m] = (0, o.snapToGrid)(this.props.grid, R, m), !R && !m) return;
+          h = this.lastX + R, y = this.lastY + m;
+        }
+        const S = (0, o.createCoreData)(this, h, y);
+        if ((0, l.default)("DraggableCore: handleDrag: %j", S), this.props.onDrag(a, S) === !1 || this.mounted === !1) {
+          try {
+            this.handleDragStop(new MouseEvent("mouseup"));
+          } catch {
+            const m = document.createEvent("MouseEvents");
+            m.initMouseEvent("mouseup", !0, !0, window, 0, 0, 0, 0, 0, !1, !1, !1, !1, 0, null), this.handleDragStop(m);
+          }
+          return;
+        }
+        this.lastX = h, this.lastY = y;
+      }), v(this, "handleDragStop", (a) => {
+        if (!this.dragging) return;
+        const s = (0, o.getControlPosition)(a, this.touchIdentifier, this);
+        if (s == null) return;
+        let {
+          x: h,
+          y
+        } = s;
+        if (Array.isArray(this.props.grid)) {
+          let m = h - this.lastX || 0, x = y - this.lastY || 0;
+          [m, x] = (0, o.snapToGrid)(this.props.grid, m, x), h = this.lastX + m, y = this.lastY + x;
+        }
+        const S = (0, o.createCoreData)(this, h, y);
+        if (this.props.onStop(a, S) === !1 || this.mounted === !1) return !1;
+        const R = this.findDOMNode();
+        R && this.props.enableUserSelectHack && (0, n.scheduleRemoveUserSelectStyles)(R.ownerDocument), (0, l.default)("DraggableCore: handleDragStop: %j", S), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, R && ((0, l.default)("DraggableCore: Removing handlers"), (0, n.removeEvent)(R.ownerDocument, P.move, this.handleDrag), (0, n.removeEvent)(R.ownerDocument, P.stop, this.handleDragStop));
+      }), v(this, "onMouseDown", (a) => (P = w.mouse, this.handleDragStart(a))), v(this, "onMouseUp", (a) => (P = w.mouse, this.handleDragStop(a))), v(this, "onTouchStart", (a) => (P = w.touch, this.handleDragStart(a))), v(this, "onTouchEnd", (a) => (P = w.touch, this.handleDragStop(a)));
+    }
+    componentDidMount() {
+      this.mounted = !0;
+      const a = this.findDOMNode();
+      a && (0, n.addEvent)(a, w.touch.start, this.onTouchStart, {
+        passive: !1
+      });
+    }
+    componentWillUnmount() {
+      this.mounted = !1;
+      const a = this.findDOMNode();
+      if (a) {
+        const {
+          ownerDocument: s
+        } = a;
+        (0, n.removeEvent)(s, w.mouse.move, this.handleDrag), (0, n.removeEvent)(s, w.touch.move, this.handleDrag), (0, n.removeEvent)(s, w.mouse.stop, this.handleDragStop), (0, n.removeEvent)(s, w.touch.stop, this.handleDragStop), (0, n.removeEvent)(a, w.touch.start, this.onTouchStart, {
+          passive: !1
+        }), this.props.enableUserSelectHack && (0, n.scheduleRemoveUserSelectStyles)(s);
+      }
+    }
+    // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
+    // the underlying DOM node ourselves. See the README for more information.
+    findDOMNode() {
+      return this.props?.nodeRef ? this.props?.nodeRef?.current : r.default.findDOMNode(this);
+    }
+    render() {
+      return /* @__PURE__ */ e.cloneElement(e.Children.only(this.props.children), {
+        // Note: mouseMove handler is attached to document so it will still function
+        // when the user drags quickly and leaves the bounds of the element.
+        onMouseDown: this.onMouseDown,
+        onMouseUp: this.onMouseUp,
+        // onTouchStart is added on `componentDidMount` so they can be added with
+        // {passive: false}, which allows it to cancel. See
+        // https://developers.google.com/web/updates/2017/01/scrolling-intervention
+        onTouchEnd: this.onTouchEnd
+      });
+    }
+  };
+  return vt.default = O, v(O, "displayName", "DraggableCore"), v(O, "propTypes", {
+    /**
+     * `allowAnyClick` allows dragging using any mouse button.
+     * By default, we only accept the left button.
+     *
+     * Defaults to `false`.
+     */
+    allowAnyClick: t.default.bool,
+    /**
+     * `allowMobileScroll` turns off cancellation of the 'touchstart' event
+     * on mobile devices. Only enable this if you are having trouble with click
+     * events. Prefer using 'handle' / 'cancel' instead.
+     *
+     * Defaults to `false`.
+     */
+    allowMobileScroll: t.default.bool,
+    children: t.default.node.isRequired,
+    /**
+     * `disabled`, if true, stops the <Draggable> from dragging. All handlers,
+     * with the exception of `onMouseDown`, will not fire.
+     */
+    disabled: t.default.bool,
+    /**
+     * By default, we add 'user-select:none' attributes to the document body
+     * to prevent ugly text selection during drag. If this is causing problems
+     * for your app, set this to `false`.
+     */
+    enableUserSelectHack: t.default.bool,
+    /**
+     * `offsetParent`, if set, uses the passed DOM node to compute drag offsets
+     * instead of using the parent node.
+     */
+    offsetParent: function(u, a) {
+      if (u[a] && u[a].nodeType !== 1)
+        throw new Error("Draggable's offsetParent must be a DOM Node.");
+    },
+    /**
+     * `grid` specifies the x and y that dragging should snap to.
+     */
+    grid: t.default.arrayOf(t.default.number),
+    /**
+     * `handle` specifies a selector to be used as the handle that initiates drag.
+     *
+     * Example:
+     *
+     * ```jsx
+     *   let App = React.createClass({
+     *       render: function () {
+     *         return (
+     *            <Draggable handle=".handle">
+     *              <div>
+     *                  <div className="handle">Click me to drag</div>
+     *                  <div>This is some other content</div>
+     *              </div>
+     *           </Draggable>
+     *         );
+     *       }
+     *   });
+     * ```
+     */
+    handle: t.default.string,
+    /**
+     * `cancel` specifies a selector to be used to prevent drag initialization.
+     *
+     * Example:
+     *
+     * ```jsx
+     *   let App = React.createClass({
+     *       render: function () {
+     *           return(
+     *               <Draggable cancel=".cancel">
+     *                   <div>
+     *                     <div className="cancel">You can't drag from here</div>
+     *                     <div>Dragging here works fine</div>
+     *                   </div>
+     *               </Draggable>
+     *           );
+     *       }
+     *   });
+     * ```
+     */
+    cancel: t.default.string,
+    /* If running in React Strict mode, ReactDOM.findDOMNode() is deprecated.
+     * Unfortunately, in order for <Draggable> to work properly, we need raw access
+     * to the underlying DOM node. If you want to avoid the warning, pass a `nodeRef`
+     * as in this example:
+     *
+     * function MyComponent() {
+     *   const nodeRef = React.useRef(null);
+     *   return (
+     *     <Draggable nodeRef={nodeRef}>
+     *       <div ref={nodeRef}>Example Target</div>
+     *     </Draggable>
+     *   );
+     * }
+     *
+     * This can be used for arbitrarily nested components, so long as the ref ends up
+     * pointing to the actual child DOM node and not a custom component.
+     */
+    nodeRef: t.default.object,
+    /**
+     * Called when dragging starts.
+     * If this function returns the boolean false, dragging will be canceled.
+     */
+    onStart: t.default.func,
+    /**
+     * Called while dragging.
+     * If this function returns the boolean false, dragging will be canceled.
+     */
+    onDrag: t.default.func,
+    /**
+     * Called when dragging stops.
+     * If this function returns the boolean false, the drag will remain active.
+     */
+    onStop: t.default.func,
+    /**
+     * A workaround option which can be passed if onMouseDown needs to be accessed,
+     * since it'll always be blocked (as there is internal use of onMouseDown)
+     */
+    onMouseDown: t.default.func,
+    /**
+     * `scale`, if set, applies scaling while dragging an element
+     */
+    scale: t.default.number,
+    /**
+     * These properties should be defined on the child, not here.
+     */
+    className: i.dontSetMe,
+    style: i.dontSetMe,
+    transform: i.dontSetMe
+  }), v(O, "defaultProps", {
+    allowAnyClick: !1,
+    // by default only accept left click
+    allowMobileScroll: !1,
+    disabled: !1,
+    enableUserSelectHack: !0,
+    onStart: function() {
+    },
+    onDrag: function() {
+    },
+    onStop: function() {
+    },
+    onMouseDown: function() {
+    },
+    scale: 1
+  }), vt;
+}
+var en;
+function ea() {
+  return en || (en = 1, (function(e) {
+    Object.defineProperty(e, "__esModule", {
+      value: !0
+    }), Object.defineProperty(e, "DraggableCore", {
+      enumerable: !0,
+      get: function() {
+        return d.default;
+      }
+    }), e.default = void 0;
+    var t = p(Re), r = g(/* @__PURE__ */ er()), n = g(mn), o = mr, i = Pr(), l = In(), c = tr(), d = g(Qo()), v = g(Wn());
+    function g(s) {
+      return s && s.__esModule ? s : { default: s };
+    }
+    function p(s, h) {
+      if (typeof WeakMap == "function") var y = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new WeakMap();
+      return (p = function(b, R) {
+        if (!R && b && b.__esModule) return b;
+        var m, x, C = { __proto__: null, default: b };
+        if (b === null || typeof b != "object" && typeof b != "function") return C;
+        if (m = R ? S : y) {
+          if (m.has(b)) return m.get(b);
+          m.set(b, C);
+        }
+        for (const $ in b) $ !== "default" && {}.hasOwnProperty.call(b, $) && ((x = (m = Object.defineProperty) && Object.getOwnPropertyDescriptor(b, $)) && (x.get || x.set) ? m(C, $, x) : C[$] = b[$]);
+        return C;
+      })(s, h);
+    }
+    function w() {
+      return w = Object.assign ? Object.assign.bind() : function(s) {
+        for (var h = 1; h < arguments.length; h++) {
+          var y = arguments[h];
+          for (var S in y) ({}).hasOwnProperty.call(y, S) && (s[S] = y[S]);
+        }
+        return s;
+      }, w.apply(null, arguments);
+    }
+    function P(s, h, y) {
+      return (h = O(h)) in s ? Object.defineProperty(s, h, { value: y, enumerable: !0, configurable: !0, writable: !0 }) : s[h] = y, s;
+    }
+    function O(s) {
+      var h = u(s, "string");
+      return typeof h == "symbol" ? h : h + "";
+    }
+    function u(s, h) {
+      if (typeof s != "object" || !s) return s;
+      var y = s[Symbol.toPrimitive];
+      if (y !== void 0) {
+        var S = y.call(s, h);
+        if (typeof S != "object") return S;
+        throw new TypeError("@@toPrimitive must return a primitive value.");
+      }
+      return (h === "string" ? String : Number)(s);
+    }
+    class a extends t.Component {
+      // React 16.3+
+      // Arity (props, state)
+      static getDerivedStateFromProps(h, y) {
+        let {
+          position: S
+        } = h, {
+          prevPropsPosition: b
+        } = y;
+        return S && (!b || S.x !== b.x || S.y !== b.y) ? ((0, v.default)("Draggable: getDerivedStateFromProps %j", {
+          position: S,
+          prevPropsPosition: b
+        }), {
+          x: S.x,
+          y: S.y,
+          prevPropsPosition: {
+            ...S
+          }
+        }) : null;
+      }
+      constructor(h) {
+        super(h), P(this, "onDragStart", (y, S) => {
+          if ((0, v.default)("Draggable: onDragStart: %j", S), this.props.onStart(y, (0, l.createDraggableData)(this, S)) === !1) return !1;
+          this.setState({
+            dragging: !0,
+            dragged: !0
+          });
+        }), P(this, "onDrag", (y, S) => {
+          if (!this.state.dragging) return !1;
+          (0, v.default)("Draggable: onDrag: %j", S);
+          const b = (0, l.createDraggableData)(this, S), R = {
+            x: b.x,
+            y: b.y,
+            slackX: 0,
+            slackY: 0
+          };
+          if (this.props.bounds) {
+            const {
+              x,
+              y: C
+            } = R;
+            R.x += this.state.slackX, R.y += this.state.slackY;
+            const [$, W] = (0, l.getBoundPosition)(this, R.x, R.y);
+            R.x = $, R.y = W, R.slackX = this.state.slackX + (x - R.x), R.slackY = this.state.slackY + (C - R.y), b.x = R.x, b.y = R.y, b.deltaX = R.x - this.state.x, b.deltaY = R.y - this.state.y;
+          }
+          if (this.props.onDrag(y, b) === !1) return !1;
+          this.setState(R);
+        }), P(this, "onDragStop", (y, S) => {
+          if (!this.state.dragging || this.props.onStop(y, (0, l.createDraggableData)(this, S)) === !1) return !1;
+          (0, v.default)("Draggable: onDragStop: %j", S);
+          const R = {
+            dragging: !1,
+            slackX: 0,
+            slackY: 0
+          };
+          if (!!this.props.position) {
+            const {
+              x,
+              y: C
+            } = this.props.position;
+            R.x = x, R.y = C;
+          }
+          this.setState(R);
+        }), this.state = {
+          // Whether or not we are currently dragging.
+          dragging: !1,
+          // Whether or not we have been dragged before.
+          dragged: !1,
+          // Current transform x and y.
+          x: h.position ? h.position.x : h.defaultPosition.x,
+          y: h.position ? h.position.y : h.defaultPosition.y,
+          prevPropsPosition: {
+            ...h.position
+          },
+          // Used for compensating for out-of-bounds drags
+          slackX: 0,
+          slackY: 0,
+          // Can only determine if SVG after mounting
+          isElementSVG: !1
+        }, h.position && !(h.onDrag || h.onStop) && console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.");
+      }
+      componentDidMount() {
+        typeof window.SVGElement < "u" && this.findDOMNode() instanceof window.SVGElement && this.setState({
+          isElementSVG: !0
+        });
+      }
+      componentWillUnmount() {
+        this.state.dragging && this.setState({
+          dragging: !1
+        });
+      }
+      // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
+      // the underlying DOM node ourselves. See the README for more information.
+      findDOMNode() {
+        return this.props?.nodeRef?.current ?? n.default.findDOMNode(this);
+      }
+      render() {
+        const {
+          axis: h,
+          bounds: y,
+          children: S,
+          defaultPosition: b,
+          defaultClassName: R,
+          defaultClassNameDragging: m,
+          defaultClassNameDragged: x,
+          position: C,
+          positionOffset: $,
+          scale: W,
+          ...G
+        } = this.props;
+        let k = {}, H = null;
+        const X = !!!C || this.state.dragging, V = C || b, ie = {
+          // Set left if horizontal drag is enabled
+          x: (0, l.canDragX)(this) && X ? this.state.x : V.x,
+          // Set top if vertical drag is enabled
+          y: (0, l.canDragY)(this) && X ? this.state.y : V.y
+        };
+        this.state.isElementSVG ? H = (0, i.createSVGTransform)(ie, $) : k = (0, i.createCSSTransform)(ie, $);
+        const ge = (0, o.clsx)(S.props.className || "", R, {
+          [m]: this.state.dragging,
+          [x]: this.state.dragged
+        });
+        return /* @__PURE__ */ t.createElement(d.default, w({}, G, {
+          onStart: this.onDragStart,
+          onDrag: this.onDrag,
+          onStop: this.onDragStop
+        }), /* @__PURE__ */ t.cloneElement(t.Children.only(S), {
+          className: ge,
+          style: {
+            ...S.props.style,
+            ...k
+          },
+          transform: H
+        }));
+      }
+    }
+    e.default = a, P(a, "displayName", "Draggable"), P(a, "propTypes", {
+      // Accepts all props <DraggableCore> accepts.
+      ...d.default.propTypes,
+      /**
+       * `axis` determines which axis the draggable can move.
+       *
+       *  Note that all callbacks will still return data as normal. This only
+       *  controls flushing to the DOM.
+       *
+       * 'both' allows movement horizontally and vertically.
+       * 'x' limits movement to horizontal axis.
+       * 'y' limits movement to vertical axis.
+       * 'none' limits all movement.
+       *
+       * Defaults to 'both'.
+       */
+      axis: r.default.oneOf(["both", "x", "y", "none"]),
+      /**
+       * `bounds` determines the range of movement available to the element.
+       * Available values are:
+       *
+       * 'parent' restricts movement within the Draggable's parent node.
+       *
+       * Alternatively, pass an object with the following properties, all of which are optional:
+       *
+       * {left: LEFT_BOUND, right: RIGHT_BOUND, bottom: BOTTOM_BOUND, top: TOP_BOUND}
+       *
+       * All values are in px.
+       *
+       * Example:
+       *
+       * ```jsx
+       *   let App = React.createClass({
+       *       render: function () {
+       *         return (
+       *            <Draggable bounds={{right: 300, bottom: 300}}>
+       *              <div>Content</div>
+       *           </Draggable>
+       *         );
+       *       }
+       *   });
+       * ```
+       */
+      bounds: r.default.oneOfType([r.default.shape({
+        left: r.default.number,
+        right: r.default.number,
+        top: r.default.number,
+        bottom: r.default.number
+      }), r.default.string, r.default.oneOf([!1])]),
+      defaultClassName: r.default.string,
+      defaultClassNameDragging: r.default.string,
+      defaultClassNameDragged: r.default.string,
+      /**
+       * `defaultPosition` specifies the x and y that the dragged item should start at
+       *
+       * Example:
+       *
+       * ```jsx
+       *      let App = React.createClass({
+       *          render: function () {
+       *              return (
+       *                  <Draggable defaultPosition={{x: 25, y: 25}}>
+       *                      <div>I start with transformX: 25px and transformY: 25px;</div>
+       *                  </Draggable>
+       *              );
+       *          }
+       *      });
+       * ```
+       */
+      defaultPosition: r.default.shape({
+        x: r.default.number,
+        y: r.default.number
+      }),
+      positionOffset: r.default.shape({
+        x: r.default.oneOfType([r.default.number, r.default.string]),
+        y: r.default.oneOfType([r.default.number, r.default.string])
+      }),
+      /**
+       * `position`, if present, defines the current position of the element.
+       *
+       *  This is similar to how form elements in React work - if no `position` is supplied, the component
+       *  is uncontrolled.
+       *
+       * Example:
+       *
+       * ```jsx
+       *      let App = React.createClass({
+       *          render: function () {
+       *              return (
+       *                  <Draggable position={{x: 25, y: 25}}>
+       *                      <div>I start with transformX: 25px and transformY: 25px;</div>
+       *                  </Draggable>
+       *              );
+       *          }
+       *      });
+       * ```
+       */
+      position: r.default.shape({
+        x: r.default.number,
+        y: r.default.number
+      }),
+      /**
+       * These properties should be defined on the child, not here.
+       */
+      className: c.dontSetMe,
+      style: c.dontSetMe,
+      transform: c.dontSetMe
+    }), P(a, "defaultProps", {
+      ...d.default.defaultProps,
+      axis: "both",
+      bounds: !1,
+      defaultClassName: "react-draggable",
+      defaultClassNameDragging: "react-draggable-dragging",
+      defaultClassNameDragged: "react-draggable-dragged",
+      defaultPosition: {
+        x: 0,
+        y: 0
+      },
+      scale: 1
+    });
+  })(sr)), sr;
+}
+var tn;
+function Cr() {
+  if (tn) return yt.exports;
+  tn = 1;
+  const {
+    default: e,
+    DraggableCore: t
+  } = ea();
+  return yt.exports = e, yt.exports.default = e, yt.exports.DraggableCore = t, yt.exports;
+}
+var ta = Cr(), bt = { exports: {} }, xt = {}, qt = {}, rn;
+function ra() {
+  if (rn) return qt;
+  rn = 1, qt.__esModule = !0, qt.cloneElement = c;
+  var e = t(Re);
+  function t(d) {
+    return d && d.__esModule ? d : { default: d };
+  }
+  function r(d, v) {
+    var g = Object.keys(d);
+    if (Object.getOwnPropertySymbols) {
+      var p = Object.getOwnPropertySymbols(d);
+      v && (p = p.filter(function(w) {
+        return Object.getOwnPropertyDescriptor(d, w).enumerable;
+      })), g.push.apply(g, p);
+    }
+    return g;
+  }
+  function n(d) {
+    for (var v = 1; v < arguments.length; v++) {
+      var g = arguments[v] != null ? arguments[v] : {};
+      v % 2 ? r(Object(g), !0).forEach(function(p) {
+        o(d, p, g[p]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(d, Object.getOwnPropertyDescriptors(g)) : r(Object(g)).forEach(function(p) {
+        Object.defineProperty(d, p, Object.getOwnPropertyDescriptor(g, p));
+      });
+    }
+    return d;
+  }
+  function o(d, v, g) {
+    return (v = i(v)) in d ? Object.defineProperty(d, v, { value: g, enumerable: !0, configurable: !0, writable: !0 }) : d[v] = g, d;
+  }
+  function i(d) {
+    var v = l(d, "string");
+    return typeof v == "symbol" ? v : v + "";
+  }
+  function l(d, v) {
+    if (typeof d != "object" || !d) return d;
+    var g = d[Symbol.toPrimitive];
+    if (g !== void 0) {
+      var p = g.call(d, v);
+      if (typeof p != "object") return p;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (v === "string" ? String : Number)(d);
+  }
+  function c(d, v) {
+    return v.style && d.props.style && (v.style = n(n({}, d.props.style), v.style)), v.className && d.props.className && (v.className = `${d.props.className} ${v.className}`), /* @__PURE__ */ e.default.cloneElement(d, v);
+  }
+  return qt;
+}
+var wt = {}, nn;
+function qn() {
+  if (nn) return wt;
+  nn = 1, wt.__esModule = !0, wt.resizableProps = void 0;
+  var e = t(/* @__PURE__ */ er());
+  Cr();
+  function t(r) {
+    return r && r.__esModule ? r : { default: r };
+  }
+  return wt.resizableProps = {
+    /*
+    * Restricts resizing to a particular axis (default: 'both')
+    * 'both' - allows resizing by width or height
+    * 'x' - only allows the width to be changed
+    * 'y' - only allows the height to be changed
+    * 'none' - disables resizing altogether
+    * */
+    axis: e.default.oneOf(["both", "x", "y", "none"]),
+    className: e.default.string,
+    /*
+    * Require that one and only one child be present.
+    * */
+    children: e.default.element.isRequired,
+    /*
+    * These will be passed wholesale to react-draggable's DraggableCore
+    * */
+    draggableOpts: e.default.shape({
+      allowAnyClick: e.default.bool,
+      cancel: e.default.string,
+      children: e.default.node,
+      disabled: e.default.bool,
+      enableUserSelectHack: e.default.bool,
+      // #251: Check for Element to support SSR environments where DOM globals don't exist
+      offsetParent: typeof Element < "u" ? e.default.instanceOf(Element) : e.default.any,
+      grid: e.default.arrayOf(e.default.number),
+      handle: e.default.string,
+      nodeRef: e.default.object,
+      onStart: e.default.func,
+      onDrag: e.default.func,
+      onStop: e.default.func,
+      onMouseDown: e.default.func,
+      scale: e.default.number
+    }),
+    /*
+    * Initial height
+    * */
+    height: function() {
+      for (var r = arguments.length, n = new Array(r), o = 0; o < r; o++)
+        n[o] = arguments[o];
+      const [i] = n;
+      return i.axis === "both" || i.axis === "y" ? e.default.number.isRequired(...n) : e.default.number(...n);
+    },
+    /*
+    * Customize cursor resize handle
+    * */
+    handle: e.default.oneOfType([e.default.node, e.default.func]),
+    /*
+    * If you change this, be sure to update your css
+    * */
+    handleSize: e.default.arrayOf(e.default.number),
+    lockAspectRatio: e.default.bool,
+    /*
+    * Max X & Y measure
+    * */
+    maxConstraints: e.default.arrayOf(e.default.number),
+    /*
+    * Min X & Y measure
+    * */
+    minConstraints: e.default.arrayOf(e.default.number),
+    /*
+    * Called on stop resize event
+    * */
+    onResizeStop: e.default.func,
+    /*
+    * Called on start resize event
+    * */
+    onResizeStart: e.default.func,
+    /*
+    * Called on resize event
+    * */
+    onResize: e.default.func,
+    /*
+    * Defines which resize handles should be rendered (default: 'se')
+    * 's' - South handle (bottom-center)
+    * 'w' - West handle (left-center)
+    * 'e' - East handle (right-center)
+    * 'n' - North handle (top-center)
+    * 'sw' - Southwest handle (bottom-left)
+    * 'nw' - Northwest handle (top-left)
+    * 'se' - Southeast handle (bottom-right)
+    * 'ne' - Northeast handle (top-center)
+    * */
+    resizeHandles: e.default.arrayOf(e.default.oneOf(["s", "w", "e", "n", "sw", "nw", "se", "ne"])),
+    /*
+    * If `transform: scale(n)` is set on the parent, this should be set to `n`.
+    * */
+    transformScale: e.default.number,
+    /*
+     * Initial width
+     */
+    width: function() {
+      for (var r = arguments.length, n = new Array(r), o = 0; o < r; o++)
+        n[o] = arguments[o];
+      const [i] = n;
+      return i.axis === "both" || i.axis === "x" ? e.default.number.isRequired(...n) : e.default.number(...n);
+    }
+  }, wt;
+}
+var on;
+function $n() {
+  if (on) return xt;
+  on = 1, xt.__esModule = !0, xt.default = void 0;
+  var e = i(Re), t = Cr(), r = ra(), n = qn();
+  const o = ["children", "className", "draggableOpts", "width", "height", "handle", "handleSize", "lockAspectRatio", "axis", "minConstraints", "maxConstraints", "onResize", "onResizeStop", "onResizeStart", "resizeHandles", "transformScale"];
+  function i(u, a) {
+    if (typeof WeakMap == "function") var s = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap();
+    return (i = function(y, S) {
+      if (!S && y && y.__esModule) return y;
+      var b, R, m = { __proto__: null, default: y };
+      if (y === null || typeof y != "object" && typeof y != "function") return m;
+      if (b = S ? h : s) {
+        if (b.has(y)) return b.get(y);
+        b.set(y, m);
+      }
+      for (const x in y) x !== "default" && {}.hasOwnProperty.call(y, x) && ((R = (b = Object.defineProperty) && Object.getOwnPropertyDescriptor(y, x)) && (R.get || R.set) ? b(m, x, R) : m[x] = y[x]);
+      return m;
+    })(u, a);
+  }
+  function l() {
+    return l = Object.assign ? Object.assign.bind() : function(u) {
+      for (var a = 1; a < arguments.length; a++) {
+        var s = arguments[a];
+        for (var h in s) ({}).hasOwnProperty.call(s, h) && (u[h] = s[h]);
+      }
+      return u;
+    }, l.apply(null, arguments);
+  }
+  function c(u, a) {
+    if (u == null) return {};
+    var s, h, y = d(u, a);
+    if (Object.getOwnPropertySymbols) {
+      var S = Object.getOwnPropertySymbols(u);
+      for (h = 0; h < S.length; h++) s = S[h], a.indexOf(s) === -1 && {}.propertyIsEnumerable.call(u, s) && (y[s] = u[s]);
+    }
+    return y;
+  }
+  function d(u, a) {
+    if (u == null) return {};
+    var s = {};
+    for (var h in u) if ({}.hasOwnProperty.call(u, h)) {
+      if (a.indexOf(h) !== -1) continue;
+      s[h] = u[h];
+    }
+    return s;
+  }
+  function v(u, a) {
+    var s = Object.keys(u);
+    if (Object.getOwnPropertySymbols) {
+      var h = Object.getOwnPropertySymbols(u);
+      a && (h = h.filter(function(y) {
+        return Object.getOwnPropertyDescriptor(u, y).enumerable;
+      })), s.push.apply(s, h);
+    }
+    return s;
+  }
+  function g(u) {
+    for (var a = 1; a < arguments.length; a++) {
+      var s = arguments[a] != null ? arguments[a] : {};
+      a % 2 ? v(Object(s), !0).forEach(function(h) {
+        p(u, h, s[h]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(u, Object.getOwnPropertyDescriptors(s)) : v(Object(s)).forEach(function(h) {
+        Object.defineProperty(u, h, Object.getOwnPropertyDescriptor(s, h));
+      });
+    }
+    return u;
+  }
+  function p(u, a, s) {
+    return (a = w(a)) in u ? Object.defineProperty(u, a, { value: s, enumerable: !0, configurable: !0, writable: !0 }) : u[a] = s, u;
+  }
+  function w(u) {
+    var a = P(u, "string");
+    return typeof a == "symbol" ? a : a + "";
+  }
+  function P(u, a) {
+    if (typeof u != "object" || !u) return u;
+    var s = u[Symbol.toPrimitive];
+    if (s !== void 0) {
+      var h = s.call(u, a);
+      if (typeof h != "object") return h;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (a === "string" ? String : Number)(u);
+  }
+  let O = class extends e.Component {
+    constructor() {
+      super(...arguments), this.handleRefs = {}, this.lastHandleRect = null, this.slack = null, this.lastSize = null;
+    }
+    componentWillUnmount() {
+      this.resetData();
+    }
+    resetData() {
+      this.lastHandleRect = this.slack = this.lastSize = null;
+    }
+    // Clamp width and height within provided constraints
+    runConstraints(a, s) {
+      const {
+        minConstraints: h,
+        maxConstraints: y,
+        lockAspectRatio: S
+      } = this.props;
+      if (!h && !y && !S) return [a, s];
+      if (S) {
+        const C = this.props.width / this.props.height, $ = a - this.props.width, W = s - this.props.height;
+        Math.abs($) > Math.abs(W * C) ? s = a / C : a = s * C;
+      }
+      const [b, R] = [a, s];
+      let [m, x] = this.slack || [0, 0];
+      return a += m, s += x, h && (a = Math.max(h[0], a), s = Math.max(h[1], s)), y && (a = Math.min(y[0], a), s = Math.min(y[1], s)), this.slack = [m + (b - a), x + (R - s)], [a, s];
+    }
+    /**
+     * Wrapper around drag events to provide more useful data.
+     *
+     * @param  {String} handlerName Handler name to wrap.
+     * @return {Function}           Handler function.
+     */
+    resizeHandler(a, s) {
+      return (h, y) => {
+        let {
+          node: S,
+          deltaX: b,
+          deltaY: R
+        } = y;
+        a === "onResizeStart" && this.resetData();
+        const m = (this.props.axis === "both" || this.props.axis === "x") && s !== "n" && s !== "s", x = (this.props.axis === "both" || this.props.axis === "y") && s !== "e" && s !== "w";
+        if (!m && !x) return;
+        const C = s[0], $ = s[s.length - 1], W = S.getBoundingClientRect();
+        if (this.lastHandleRect != null) {
+          if ($ === "w") {
+            const V = W.left - this.lastHandleRect.left;
+            b += V;
+          }
+          if (C === "n") {
+            const V = W.top - this.lastHandleRect.top;
+            R += V;
+          }
+        }
+        this.lastHandleRect = W, $ === "w" && (b = -b), C === "n" && (R = -R);
+        let G = this.props.width + (m ? b / this.props.transformScale : 0), k = this.props.height + (x ? R / this.props.transformScale : 0);
+        [G, k] = this.runConstraints(G, k), a === "onResizeStop" && this.lastSize && ({
+          width: G,
+          height: k
+        } = this.lastSize);
+        const H = G !== this.props.width || k !== this.props.height;
+        a !== "onResizeStop" && (this.lastSize = {
+          width: G,
+          height: k
+        });
+        const J = typeof this.props[a] == "function" ? this.props[a] : null;
+        J && !(a === "onResize" && !H) && (h.persist?.(), J(h, {
+          node: S,
+          size: {
+            width: G,
+            height: k
+          },
+          handle: s
+        })), a === "onResizeStop" && this.resetData();
+      };
+    }
+    // Render a resize handle given an axis & DOM ref. Ref *must* be attached for
+    // the underlying draggable library to work properly.
+    renderResizeHandle(a, s) {
+      const {
+        handle: h
+      } = this.props;
+      if (!h)
+        return /* @__PURE__ */ e.createElement("span", {
+          className: `react-resizable-handle react-resizable-handle-${a}`,
+          ref: s
+        });
+      if (typeof h == "function")
+        return h(a, s);
+      const y = typeof h.type == "string", S = g({
+        ref: s
+      }, y ? {} : {
+        handleAxis: a
+      });
+      return /* @__PURE__ */ e.cloneElement(h, S);
+    }
+    render() {
+      const a = this.props, {
+        children: s,
+        className: h,
+        draggableOpts: y,
+        width: S,
+        height: b,
+        handle: R,
+        handleSize: m,
+        lockAspectRatio: x,
+        axis: C,
+        minConstraints: $,
+        maxConstraints: W,
+        onResize: G,
+        onResizeStop: k,
+        onResizeStart: H,
+        resizeHandles: J,
+        transformScale: X
+      } = a, V = c(a, o);
+      return (0, r.cloneElement)(s, g(g({}, V), {}, {
+        className: `${h ? `${h} ` : ""}react-resizable`,
+        children: [...e.Children.toArray(s.props.children), ...J.map((ie) => {
+          const ge = this.handleRefs[ie] ?? (this.handleRefs[ie] = /* @__PURE__ */ e.createRef());
+          return /* @__PURE__ */ e.createElement(t.DraggableCore, l({}, y, {
+            nodeRef: ge,
+            key: `resizableHandle-${ie}`,
+            onStop: this.resizeHandler("onResizeStop", ie),
+            onStart: this.resizeHandler("onResizeStart", ie),
+            onDrag: this.resizeHandler("onResize", ie)
+          }), this.renderResizeHandle(ie, ge));
+        })]
+      }));
+    }
+  };
+  return xt.default = O, O.propTypes = n.resizableProps, O.defaultProps = {
+    axis: "both",
+    handleSize: [20, 20],
+    lockAspectRatio: !1,
+    minConstraints: [20, 20],
+    maxConstraints: [1 / 0, 1 / 0],
+    resizeHandles: ["se"],
+    transformScale: 1
+  }, xt;
+}
+var St = {}, an;
+function na() {
+  if (an) return St;
+  an = 1, St.__esModule = !0, St.default = void 0;
+  var e = l(Re), t = i(/* @__PURE__ */ er()), r = i($n()), n = qn();
+  const o = ["handle", "handleSize", "onResize", "onResizeStart", "onResizeStop", "draggableOpts", "minConstraints", "maxConstraints", "lockAspectRatio", "axis", "width", "height", "resizeHandles", "style", "transformScale"];
+  function i(a) {
+    return a && a.__esModule ? a : { default: a };
+  }
+  function l(a, s) {
+    if (typeof WeakMap == "function") var h = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap();
+    return (l = function(S, b) {
+      if (!b && S && S.__esModule) return S;
+      var R, m, x = { __proto__: null, default: S };
+      if (S === null || typeof S != "object" && typeof S != "function") return x;
+      if (R = b ? y : h) {
+        if (R.has(S)) return R.get(S);
+        R.set(S, x);
+      }
+      for (const C in S) C !== "default" && {}.hasOwnProperty.call(S, C) && ((m = (R = Object.defineProperty) && Object.getOwnPropertyDescriptor(S, C)) && (m.get || m.set) ? R(x, C, m) : x[C] = S[C]);
+      return x;
+    })(a, s);
+  }
+  function c() {
+    return c = Object.assign ? Object.assign.bind() : function(a) {
+      for (var s = 1; s < arguments.length; s++) {
+        var h = arguments[s];
+        for (var y in h) ({}).hasOwnProperty.call(h, y) && (a[y] = h[y]);
+      }
+      return a;
+    }, c.apply(null, arguments);
+  }
+  function d(a, s) {
+    var h = Object.keys(a);
+    if (Object.getOwnPropertySymbols) {
+      var y = Object.getOwnPropertySymbols(a);
+      s && (y = y.filter(function(S) {
+        return Object.getOwnPropertyDescriptor(a, S).enumerable;
+      })), h.push.apply(h, y);
+    }
+    return h;
+  }
+  function v(a) {
+    for (var s = 1; s < arguments.length; s++) {
+      var h = arguments[s] != null ? arguments[s] : {};
+      s % 2 ? d(Object(h), !0).forEach(function(y) {
+        g(a, y, h[y]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(h)) : d(Object(h)).forEach(function(y) {
+        Object.defineProperty(a, y, Object.getOwnPropertyDescriptor(h, y));
+      });
+    }
+    return a;
+  }
+  function g(a, s, h) {
+    return (s = p(s)) in a ? Object.defineProperty(a, s, { value: h, enumerable: !0, configurable: !0, writable: !0 }) : a[s] = h, a;
+  }
+  function p(a) {
+    var s = w(a, "string");
+    return typeof s == "symbol" ? s : s + "";
+  }
+  function w(a, s) {
+    if (typeof a != "object" || !a) return a;
+    var h = a[Symbol.toPrimitive];
+    if (h !== void 0) {
+      var y = h.call(a, s);
+      if (typeof y != "object") return y;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (s === "string" ? String : Number)(a);
+  }
+  function P(a, s) {
+    if (a == null) return {};
+    var h, y, S = O(a, s);
+    if (Object.getOwnPropertySymbols) {
+      var b = Object.getOwnPropertySymbols(a);
+      for (y = 0; y < b.length; y++) h = b[y], s.indexOf(h) === -1 && {}.propertyIsEnumerable.call(a, h) && (S[h] = a[h]);
+    }
+    return S;
+  }
+  function O(a, s) {
+    if (a == null) return {};
+    var h = {};
+    for (var y in a) if ({}.hasOwnProperty.call(a, y)) {
+      if (s.indexOf(y) !== -1) continue;
+      h[y] = a[y];
+    }
+    return h;
+  }
+  let u = class extends e.Component {
+    constructor() {
+      super(...arguments), this.state = {
+        width: this.props.width,
+        height: this.props.height,
+        propsWidth: this.props.width,
+        propsHeight: this.props.height
+      }, this.onResize = (s, h) => {
+        const {
+          size: y
+        } = h;
+        this.props.onResize ? (s.persist?.(), this.setState(y, () => this.props.onResize && this.props.onResize(s, h))) : this.setState(y);
+      };
+    }
+    static getDerivedStateFromProps(s, h) {
+      return h.propsWidth !== s.width || h.propsHeight !== s.height ? {
+        width: s.width,
+        height: s.height,
+        propsWidth: s.width,
+        propsHeight: s.height
+      } : null;
+    }
+    render() {
+      const s = this.props, {
+        handle: h,
+        handleSize: y,
+        onResize: S,
+        onResizeStart: b,
+        onResizeStop: R,
+        draggableOpts: m,
+        minConstraints: x,
+        maxConstraints: C,
+        lockAspectRatio: $,
+        axis: W,
+        width: G,
+        height: k,
+        resizeHandles: H,
+        style: J,
+        transformScale: X
+      } = s, V = P(s, o);
+      return /* @__PURE__ */ e.createElement(r.default, {
+        axis: W,
+        draggableOpts: m,
+        handle: h,
+        handleSize: y,
+        height: this.state.height,
+        lockAspectRatio: $,
+        maxConstraints: C,
+        minConstraints: x,
+        onResizeStart: b,
+        onResize: this.onResize,
+        onResizeStop: R,
+        resizeHandles: H,
+        transformScale: X,
+        width: this.state.width
+      }, /* @__PURE__ */ e.createElement("div", c({}, V, {
+        style: v(v({}, J), {}, {
+          width: this.state.width + "px",
+          height: this.state.height + "px"
+        })
+      })));
+    }
+  };
+  return St.default = u, u.propTypes = v(v({}, n.resizableProps), {}, {
+    children: t.default.element
+  }), St;
+}
+var sn;
+function oa() {
+  return sn || (sn = 1, bt.exports = function() {
+    throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable");
+  }, bt.exports.Resizable = $n().default, bt.exports.ResizableBox = na().default), bt.exports;
+}
+var aa = oa();
+function ln(e) {
+  const {
+    children: t,
+    cols: r,
+    containerWidth: n,
+    margin: o,
+    containerPadding: i,
+    rowHeight: l,
+    maxRows: c,
+    isDraggable: d,
+    isResizable: v,
+    isBounded: g,
+    static: p,
+    useCSSTransforms: w = !0,
+    usePercentages: P = !1,
+    transformScale: O = 1,
+    positionStrategy: u,
+    dragThreshold: a = 0,
+    droppingPosition: s,
+    className: h = "",
+    style: y,
+    handle: S = "",
+    cancel: b = "",
+    x: R,
+    y: m,
+    w: x,
+    h: C,
+    minW: $ = 1,
+    maxW: W = 1 / 0,
+    minH: G = 1,
+    maxH: k = 1 / 0,
+    i: H,
+    resizeHandles: J,
+    resizeHandle: X,
+    constraints: V = bn,
+    layoutItem: ie,
+    layout: ge = [],
+    onDragStart: E,
+    onDrag: f,
+    onDragStop: D,
+    onResizeStart: z,
+    onResize: j,
+    onResizeStop: F
+  } = e, [A, T] = Te(!1), [I, N] = Te(!1), q = se(null), B = se({ left: 0, top: 0 }), _ = se({
+    top: 0,
+    left: 0,
+    width: 0,
+    height: 0
+  }), ne = se(
+    void 0
+  ), je = se(ge);
+  je.current = ge;
+  const _e = se(null), ye = se(null), Ee = se(!1), nt = se({ x: 0, y: 0 }), fe = se(!1), le = we(
+    () => ({
+      cols: r,
+      containerPadding: i,
+      containerWidth: n,
+      margin: o,
+      maxRows: c,
+      rowHeight: l
+    }),
+    [r, i, n, o, c, l]
+  ), Pe = we(
+    () => ({
+      cols: r,
+      maxRows: c,
+      containerWidth: n,
+      containerHeight: 0,
+      // Auto-height grids don't have a fixed container height
+      rowHeight: l,
+      margin: o,
+      // Use empty layout here - the actual layout will be accessed via layoutRef when needed
+      // This prevents the context from changing when layout changes, avoiding callback recreation
+      layout: []
+    }),
+    [r, c, n, l, o]
+  ), xe = pe(
+    () => ({
+      ...Pe,
+      layout: je.current
+    }),
+    [Pe]
+  ), ke = we(
+    () => ie ?? {
+      i: H,
+      x: R,
+      y: m,
+      w: x,
+      h: C,
+      minW: $,
+      maxW: W,
+      minH: G,
+      maxH: k
+    },
+    [ie, H, R, m, x, C, $, W, G, k]
+  ), Rt = pe(
+    (Z) => {
+      if (u?.calcStyle)
+        return u.calcStyle(Z);
+      if (w)
+        return xn(Z);
+      const Q = lo(Z);
+      return P ? {
+        ...Q,
+        left: zr(Z.left / n),
+        width: zr(Z.width / n)
+      } : Q;
+    },
+    [u, w, P, n]
+  ), Le = pe(
+    (Z, { node: Q }) => {
+      if (!E) return;
+      const { offsetParent: he } = Q;
+      if (!he) return;
+      const oe = he.getBoundingClientRect(), ve = Q.getBoundingClientRect(), Ce = ve.left / O, De = oe.left / O, Oe = ve.top / O, Me = oe.top / O;
+      let Ne;
+      if (u?.calcDragPosition) {
+        const U = Z;
+        Ne = u.calcDragPosition(
+          U.clientX,
+          U.clientY,
+          U.clientX - ve.left,
+          U.clientY - ve.top
+        );
+      } else
+        Ne = {
+          left: Ce - De + he.scrollLeft,
+          top: Oe - Me + he.scrollTop
+        };
+      if (B.current = Ne, a > 0) {
+        const U = Z;
+        nt.current = {
+          x: U.clientX,
+          y: U.clientY
+        }, Ee.current = !0, fe.current = !1, T(!0);
+        return;
+      }
+      T(!0);
+      const Ge = Nt(
+        le,
+        Ne.top,
+        Ne.left
+      ), { x: Ve, y: L } = kt(
+        V,
+        ke,
+        Ge.x,
+        Ge.y,
+        xe()
+      );
+      E(H, Ve, L, {
+        e: Z,
+        node: Q,
+        newPosition: Ne
+      });
+    },
+    [
+      E,
+      O,
+      le,
+      u,
+      a,
+      V,
+      ke,
+      xe,
+      H
+    ]
+  ), ot = pe(
+    (Z, { node: Q, deltaX: he, deltaY: oe }) => {
+      if (!f || !A) return;
+      const ve = Z;
+      if (Ee.current && !fe.current) {
+        const Ve = ve.clientX - nt.current.x, L = ve.clientY - nt.current.y;
+        if (Math.hypot(Ve, L) < a)
+          return;
+        if (fe.current = !0, Ee.current = !1, E) {
+          const Y = Nt(
+            le,
+            B.current.top,
+            B.current.left
+          ), { x: K, y: ae } = kt(
+            V,
+            ke,
+            Y.x,
+            Y.y,
+            xe()
+          );
+          E(H, K, ae, {
+            e: Z,
+            node: Q,
+            newPosition: B.current
+          });
+        }
+      }
+      let Ce = B.current.top + oe, De = B.current.left + he;
+      if (g) {
+        const { offsetParent: Ve } = Q;
+        if (Ve) {
+          const L = Ve.clientHeight - ct(C, l, o[1]);
+          Ce = Ht(Ce, 0, L);
+          const U = ut(le), Y = n - ct(x, U, o[0]);
+          De = Ht(De, 0, Y);
+        }
+      }
+      const Oe = { top: Ce, left: De };
+      B.current = Oe;
+      const Me = Nt(le, Ce, De), { x: Ne, y: Ge } = kt(
+        V,
+        ke,
+        Me.x,
+        Me.y,
+        xe()
+      );
+      f(H, Ne, Ge, {
+        e: Z,
+        node: Q,
+        newPosition: Oe
+      });
+    },
+    [
+      f,
+      E,
+      A,
+      a,
+      g,
+      C,
+      l,
+      o,
+      le,
+      n,
+      x,
+      H,
+      V,
+      ke,
+      xe
+    ]
+  ), Fe = pe(
+    (Z, { node: Q }) => {
+      if (!D || !A) return;
+      const he = Ee.current;
+      if (Ee.current = !1, fe.current = !1, nt.current = { x: 0, y: 0 }, he) {
+        T(!1), B.current = { left: 0, top: 0 };
+        return;
+      }
+      const { left: oe, top: ve } = B.current, Ce = { top: ve, left: oe };
+      T(!1), B.current = { left: 0, top: 0 };
+      const De = Nt(le, ve, oe), { x: Oe, y: Me } = kt(
+        V,
+        ke,
+        De.x,
+        De.y,
+        xe()
+      );
+      D(H, Oe, Me, {
+        e: Z,
+        node: Q,
+        newPosition: Ce
+      });
+    },
+    [
+      D,
+      A,
+      le,
+      V,
+      ke,
+      xe,
+      H
+    ]
+  );
+  _e.current = Le, ye.current = ot;
+  const Ae = pe(
+    (Z, { node: Q, size: he, handle: oe }, ve, Ce) => {
+      const De = Ce === "onResizeStart" ? z : Ce === "onResize" ? j : F;
+      if (!De) return;
+      let Oe;
+      Q ? Oe = yo(
+        oe,
+        ve,
+        he,
+        n
+      ) : Oe = {
+        ...he,
+        top: ve.top,
+        left: ve.left
+      }, _.current = Oe;
+      const Me = to(
+        le,
+        Oe.width,
+        Oe.height
+      ), { w: Ne, h: Ge } = io(
+        V,
+        ke,
+        Me.w,
+        Me.h,
+        oe,
+        xe()
+      );
+      De(H, Ne, Ge, {
+        e: Z.nativeEvent,
+        node: Q,
+        size: Oe,
+        handle: oe
+      });
+    },
+    [
+      z,
+      j,
+      F,
+      n,
+      le,
+      H,
+      V,
+      ke,
+      xe
+    ]
+  ), at = pe(
+    (Z, Q) => {
+      N(!0);
+      const he = gt(le, R, m, x, C), oe = {
+        ...Q,
+        handle: Q.handle
+      };
+      Ae(Z, oe, he, "onResizeStart");
+    },
+    [Ae, le, R, m, x, C]
+  ), st = pe(
+    (Z, Q) => {
+      const he = gt(le, R, m, x, C), oe = {
+        ...Q,
+        handle: Q.handle
+      };
+      Ae(Z, oe, he, "onResize");
+    },
+    [Ae, le, R, m, x, C]
+  ), Xe = pe(
+    (Z, Q) => {
+      N(!1), _.current = { top: 0, left: 0, width: 0, height: 0 };
+      const he = gt(le, R, m, x, C), oe = {
+        ...Q,
+        handle: Q.handle
+      };
+      Ae(Z, oe, he, "onResizeStop");
+    },
+    [Ae, le, R, m, x, C]
+  );
+  Be(() => {
+    if (!s) return;
+    const Z = q.current;
+    if (!Z) return;
+    const Q = ne.current || {
+      left: 0,
+      top: 0
+    }, he = A && (s.left !== Q.left || s.top !== Q.top);
+    if (A) {
+      if (he) {
+        const oe = s.left - B.current.left, ve = s.top - B.current.top, Ce = {
+          node: Z,
+          deltaX: oe,
+          deltaY: ve,
+          lastX: B.current.left,
+          lastY: B.current.top,
+          x: s.left,
+          y: s.top
+        };
+        ye.current?.(
+          s.e,
+          Ce
+        );
+      }
+    } else {
+      const oe = {
+        node: Z,
+        deltaX: s.left,
+        deltaY: s.top,
+        lastX: 0,
+        lastY: 0,
+        x: s.left,
+        y: s.top
+      };
+      _e.current?.(
+        s.e,
+        oe
+      );
+    }
+    ne.current = s;
+  }, [s, A, H]);
+  const Ie = gt(
+    le,
+    R,
+    m,
+    x,
+    C,
+    A ? B.current : null,
+    I ? _.current : null
+  ), ft = Re.Children.only(t), dt = gt(le, 0, 0, 1, 1), Et = [
+    dt.width,
+    dt.height
+  ], Pt = [1 / 0, 1 / 0], ze = ft.props, rr = ze.className, Ct = ze.style;
+  let Ue = Re.cloneElement(ft, {
+    ref: q,
+    className: mr("react-grid-item", rr, h, {
+      static: p,
+      resizing: I,
+      "react-draggable": d,
+      "react-draggable-dragging": A,
+      dropping: !!s,
+      cssTransforms: w
+    }),
+    style: {
+      ...y,
+      ...Ct,
+      ...Rt(Ie)
+    }
+  });
+  const Ot = X;
+  return Ue = /* @__PURE__ */ M.jsx(
+    aa.Resizable,
+    {
+      draggableOpts: { disabled: !v },
+      className: v ? void 0 : "react-resizable-hide",
+      width: Ie.width,
+      height: Ie.height,
+      minConstraints: Et,
+      maxConstraints: Pt,
+      onResizeStart: at,
+      onResize: st,
+      onResizeStop: Xe,
+      transformScale: O,
+      resizeHandles: J,
+      handle: Ot,
+      children: Ue
+    }
+  ), Ue = /* @__PURE__ */ M.jsx(
+    ta.DraggableCore,
+    {
+      disabled: !d,
+      onStart: Le,
+      onDrag: ot,
+      onStop: Fe,
+      handle: S,
+      cancel: ".react-resizable-handle" + (b ? "," + b : ""),
+      scale: O,
+      nodeRef: q,
+      children: Ue
+    }
+  ), Ue;
+}
+var He = () => {
+}, cn = "react-grid-layout", Hn = !1;
+try {
+  Hn = /firefox/i.test(navigator.userAgent);
+} catch {
+}
+function sa(e, t) {
+  const r = Re.Children.toArray(e), n = Re.Children.toArray(t);
+  if (r.length !== n.length) return !1;
+  for (let o = 0; o < r.length; o++) {
+    const i = r[o], l = n[o];
+    if (i?.key !== l?.key) return !1;
+  }
+  return !0;
+}
+function un(e, t, r, n) {
+  const o = [], i = /* @__PURE__ */ new Set();
+  Re.Children.forEach(t, (c) => {
+    if (!Re.isValidElement(c) || c.key === null) return;
+    const d = String(c.key);
+    i.add(d);
+    const v = e.find((g) => g.i === d);
+    if (v)
+      o.push(rt(v));
+    else {
+      const p = c.props["data-grid"];
+      p ? o.push({
+        i: d,
+        x: p.x ?? 0,
+        y: p.y ?? 0,
+        w: p.w ?? 1,
+        h: p.h ?? 1,
+        minW: p.minW,
+        maxW: p.maxW,
+        minH: p.minH,
+        maxH: p.maxH,
+        static: p.static,
+        isDraggable: p.isDraggable,
+        isResizable: p.isResizable,
+        resizeHandles: p.resizeHandles,
+        isBounded: p.isBounded
+      }) : o.push({
+        i: d,
+        x: 0,
+        y: Vt(o),
+        w: 1,
+        h: 1
+      });
+    }
+  });
+  const l = yr(o, { cols: r });
+  return n.compact(l, r);
+}
+function ia(e) {
+  const {
+    // Required
+    children: t,
+    width: r,
+    // Composable config interfaces
+    gridConfig: n,
+    dragConfig: o,
+    resizeConfig: i,
+    dropConfig: l,
+    positionStrategy: c = bo,
+    compactor: d,
+    constraints: v = bn,
+    // Layout data
+    layout: g = [],
+    droppingItem: p,
+    // Container props
+    autoSize: w = !0,
+    className: P = "",
+    style: O = {},
+    innerRef: u,
+    // Callbacks
+    onLayoutChange: a = He,
+    onDragStart: s = He,
+    onDrag: h = He,
+    onDragStop: y = He,
+    onResizeStart: S = He,
+    onResize: b = He,
+    onResizeStop: R = He,
+    onDrop: m = He,
+    onDropDragOver: x = He
+  } = e, C = we(
+    () => ({ ...xo, ...n }),
+    [n]
+  ), $ = we(
+    () => ({ ...wo, ...o }),
+    [o]
+  ), W = we(
+    () => ({ ...So, ...i }),
+    [i]
+  ), G = we(
+    () => ({ ...Ro, ...l }),
+    [l]
+  ), { cols: k, rowHeight: H, maxRows: J, margin: X, containerPadding: V } = C, {
+    enabled: ie,
+    bounded: ge,
+    handle: E,
+    cancel: f,
+    threshold: D
+  } = $, {
+    enabled: z,
+    handles: j,
+    handleComponent: F
+  } = W, {
+    enabled: A,
+    defaultItem: T,
+    onDragOver: I
+  } = G, N = d ?? Rr("vertical"), q = N.type, B = N.allowOverlap, _ = N.preventCollision ?? !1, ne = we(
+    () => p ?? {
+      i: "__dropping-elem__",
+      ...T
+    },
+    [p, T]
+  ), je = c.type === "transform", _e = c.scale, ye = V ?? X, [Ee, nt] = Te(!1), [fe, le] = Te(
+    () => un(g, t, k, N)
+  ), [Pe, xe] = Te(null), [ke, Rt] = Te(!1), [Le, ot] = Te(
+    null
+  ), [Fe, Ae] = Te(), at = se(null), st = se(null), Xe = se(null), Ie = se(0), ft = se(fe), dt = se(g), Et = se(t), Pt = se(q), ze = se(fe);
+  ze.current = fe, Be(() => {
+    nt(!0), Ye(fe, g) || a(fe);
+  }, []), Be(() => {
+    if (Pe || Le) return;
+    const L = !Ye(g, dt.current), U = !sa(t, Et.current), Y = q !== Pt.current;
+    if (L || U || Y) {
+      const ae = un(
+        L ? g : fe,
+        t,
+        k,
+        N
+      );
+      Ye(ae, fe) || le(ae);
+    }
+    dt.current = g, Et.current = t, Pt.current = q;
+  }, [
+    g,
+    t,
+    k,
+    q,
+    N,
+    Pe,
+    Le,
+    fe
+  ]), Be(() => {
+    if (!Pe && !Ye(fe, ft.current)) {
+      ft.current = fe;
+      const L = fe.filter((U) => U.i !== ne.i);
+      a(L);
+    }
+  }, [fe, Pe, a, ne.i]);
+  const rr = we(() => {
+    if (!w) return;
+    const L = Vt(fe), U = ye[1];
+    return L * H + (L - 1) * X[1] + U * 2 + "px";
+  }, [w, fe, H, X, ye]), Ct = pe(
+    (L, U, Y, K) => {
+      const ae = ze.current, ee = Qe(ae, L);
+      if (!ee) return;
+      const ce = {
+        w: ee.w,
+        h: ee.h,
+        x: ee.x,
+        y: ee.y,
+        i: L
+      };
+      at.current = rt(ee), Xe.current = ae, xe(ce), s(ae, ee, ee, null, K.e, K.node);
+    },
+    [s]
+  ), Ue = pe(
+    (L, U, Y, K) => {
+      const ae = ze.current, ee = at.current, ce = Qe(ae, L);
+      if (!ce) return;
+      const be = {
+        w: ce.w,
+        h: ce.h,
+        x: ce.x,
+        y: ce.y,
+        i: L
+      }, ue = et(
+        ae,
+        ce,
+        U,
+        Y,
+        !0,
+        _,
+        q,
+        k,
+        B
+      );
+      h(ue, ee, ce, be, K.e, K.node), le(N.compact(ue, k)), xe(be);
+    },
+    [_, q, k, B, N, h]
+  ), Ot = pe(
+    (L, U, Y, K) => {
+      if (!Pe) return;
+      const ae = ze.current, ee = at.current, ce = Qe(ae, L);
+      if (!ce) return;
+      const be = et(
+        ae,
+        ce,
+        U,
+        Y,
+        !0,
+        _,
+        q,
+        k,
+        B
+      ), ue = N.compact(be, k);
+      y(ue, ee, ce, null, K.e, K.node);
+      const Se = Xe.current;
+      at.current = null, Xe.current = null, xe(null), le(ue), Se && !Ye(Se, ue) && a(ue);
+    },
+    [
+      Pe,
+      _,
+      q,
+      k,
+      B,
+      N,
+      y,
+      a
+    ]
+  ), Z = pe(
+    (L, U, Y, K) => {
+      const ae = ze.current, ee = Qe(ae, L);
+      ee && (st.current = rt(ee), Xe.current = ae, Rt(!0), S(ae, ee, ee, null, K.e, K.node));
+    },
+    [S]
+  ), Q = pe(
+    (L, U, Y, K) => {
+      const ae = ze.current, ee = st.current, { handle: ce } = K;
+      let be = !1, ue, Se;
+      const [_t, $e] = oo(ae, L, (de) => (ue = de.x, Se = de.y, ["sw", "w", "nw", "n", "ne"].includes(ce) && (["sw", "nw", "w"].includes(ce) && (ue = de.x + (de.w - U), U = de.x !== ue && ue < 0 ? de.w : U, ue = ue < 0 ? 0 : ue), ["ne", "n", "nw"].includes(ce) && (Se = de.y + (de.h - Y), Y = de.y !== Se && Se < 0 ? de.h : Y, Se = Se < 0 ? 0 : Se), be = !0), _ && !B && yn(ae, {
+        ...de,
+        w: U,
+        h: Y,
+        x: ue ?? de.x,
+        y: Se ?? de.y
+      }).filter((Tt) => Tt.i !== de.i).length > 0 && (Se = de.y, Y = de.h, ue = de.x, U = de.w, be = !1), de.w = U, de.h = Y, de));
+      if (!$e) return;
+      let pt = _t;
+      be && ue !== void 0 && Se !== void 0 && (pt = et(
+        _t,
+        $e,
+        ue,
+        Se,
+        !0,
+        _,
+        q,
+        k,
+        B
+      ));
+      const Dt = {
+        w: $e.w,
+        h: $e.h,
+        x: $e.x,
+        y: $e.y,
+        i: L,
+        static: !0
+      };
+      b(
+        pt,
+        ee,
+        $e,
+        Dt,
+        K.e,
+        K.node
+      ), le(N.compact(pt, k)), xe(Dt);
+    },
+    [_, q, k, B, N, b]
+  ), he = pe(
+    (L, U, Y, K) => {
+      const ae = ze.current, ee = st.current, ce = Qe(ae, L), be = N.compact(ae, k);
+      R(
+        be,
+        ee,
+        ce ?? null,
+        null,
+        K.e,
+        K.node
+      );
+      const ue = Xe.current;
+      st.current = null, Xe.current = null, xe(null), Rt(!1), le(be), ue && !Ye(ue, be) && a(be);
+    },
+    [k, N, R, a]
+  ), oe = pe(() => {
+    const L = ze.current;
+    if (!L.some((K) => K.i === ne.i)) {
+      ot(null), xe(null), Ae(void 0);
+      return;
+    }
+    const Y = N.compact(
+      L.filter((K) => K.i !== ne.i),
+      k
+    );
+    le(Y), ot(null), xe(null), Ae(void 0);
+  }, [ne.i, k, N]), ve = pe(
+    (L) => {
+      if (L.preventDefault(), L.stopPropagation(), Hn && !L.nativeEvent.target?.classList.contains(
+        cn
+      ))
+        return !1;
+      const U = I ? I(L.nativeEvent) : x(L);
+      if (U === !1)
+        return Le && oe(), !1;
+      const {
+        dragOffsetX: Y = 0,
+        dragOffsetY: K = 0,
+        ...ae
+      } = U ?? {}, ee = { ...ne, ...ae }, ce = L.currentTarget.getBoundingClientRect(), be = {
+        cols: k,
+        margin: X,
+        maxRows: J,
+        rowHeight: H,
+        containerWidth: r,
+        containerPadding: ye
+      }, ue = ut(be), Se = ct(
+        ee.w,
+        ue,
+        X[0]
+      ), _t = ct(
+        ee.h,
+        H,
+        X[1]
+      ), $e = Se / 2, pt = _t / 2, Dt = L.clientX - ce.left + Y - $e, de = L.clientY - ce.top + K - pt, nr = Math.max(0, Dt), Tt = Math.max(0, de), jt = {
+        left: nr / _e,
+        top: Tt / _e,
+        e: L.nativeEvent
+      };
+      if (Le)
+        Fe && (Fe.left !== jt.left || Fe.top !== jt.top) && Ae(jt);
+      else {
+        const or = eo(
+          be,
+          Tt,
+          nr,
+          ee.w,
+          ee.h
+        );
+        ot(/* @__PURE__ */ M.jsx("div", {}, ee.i)), Ae(jt), le([
+          ...ze.current,
+          {
+            ...ee,
+            x: or.x,
+            y: or.y,
+            static: !1,
+            isDraggable: !0
+          }
+        ]);
+      }
+    },
+    [
+      Le,
+      Fe,
+      ne,
+      I,
+      x,
+      oe,
+      _e,
+      k,
+      X,
+      J,
+      H,
+      r,
+      ye
+    ]
+  ), Ce = pe(
+    (L) => {
+      L.preventDefault(), L.stopPropagation(), Ie.current--, Ie.current < 0 && (Ie.current = 0), Ie.current === 0 && oe();
+    },
+    [oe]
+  ), De = pe((L) => {
+    L.preventDefault(), L.stopPropagation(), Ie.current++;
+  }, []), Oe = pe(
+    (L) => {
+      L.preventDefault(), L.stopPropagation();
+      const U = ze.current, Y = U.find((K) => K.i === ne.i);
+      Ie.current = 0, oe(), m(U, Y, L.nativeEvent);
+    },
+    [ne.i, oe, m]
+  ), Me = pe(
+    (L, U) => {
+      if (!L || !L.key) return null;
+      const Y = Qe(fe, String(L.key));
+      if (!Y) return null;
+      const K = typeof Y.isDraggable == "boolean" ? Y.isDraggable : !Y.static && ie, ae = typeof Y.isResizable == "boolean" ? Y.isResizable : !Y.static && z, ee = Y.resizeHandles || [...j], ce = K && ge && Y.isBounded !== !1, be = F;
+      return /* @__PURE__ */ M.jsx(
+        ln,
+        {
+          containerWidth: r,
+          cols: k,
+          margin: X,
+          containerPadding: ye,
+          maxRows: J,
+          rowHeight: H,
+          cancel: f,
+          handle: E,
+          onDragStart: Ct,
+          onDrag: Ue,
+          onDragStop: Ot,
+          onResizeStart: Z,
+          onResize: Q,
+          onResizeStop: he,
+          isDraggable: K,
+          isResizable: ae,
+          isBounded: ce,
+          useCSSTransforms: je && Ee,
+          usePercentages: !Ee,
+          transformScale: _e,
+          positionStrategy: c,
+          dragThreshold: D,
+          w: Y.w,
+          h: Y.h,
+          x: Y.x,
+          y: Y.y,
+          i: Y.i,
+          minH: Y.minH,
+          minW: Y.minW,
+          maxH: Y.maxH,
+          maxW: Y.maxW,
+          static: Y.static,
+          droppingPosition: U ? Fe : void 0,
+          resizeHandles: ee,
+          resizeHandle: be,
+          constraints: v,
+          layoutItem: Y,
+          layout: fe,
+          children: L
+        },
+        Y.i
+      );
+    },
+    [
+      fe,
+      r,
+      k,
+      X,
+      ye,
+      J,
+      H,
+      f,
+      E,
+      Ct,
+      Ue,
+      Ot,
+      Z,
+      Q,
+      he,
+      ie,
+      z,
+      ge,
+      je,
+      Ee,
+      _e,
+      c,
+      D,
+      Fe,
+      j,
+      F,
+      v
+    ]
+  ), Ne = () => Pe ? /* @__PURE__ */ M.jsx(
+    ln,
+    {
+      w: Pe.w,
+      h: Pe.h,
+      x: Pe.x,
+      y: Pe.y,
+      i: Pe.i,
+      className: `react-grid-placeholder ${ke ? "placeholder-resizing" : ""}`,
+      containerWidth: r,
+      cols: k,
+      margin: X,
+      containerPadding: ye,
+      maxRows: J,
+      rowHeight: H,
+      isDraggable: !1,
+      isResizable: !1,
+      isBounded: !1,
+      useCSSTransforms: je,
+      transformScale: _e,
+      constraints: v,
+      layout: fe,
+      children: /* @__PURE__ */ M.jsx("div", {})
+    }
+  ) : null, Ge = mr(cn, P), Ve = {
+    height: rr,
+    ...O
+  };
+  return /* @__PURE__ */ M.jsxs(
+    "div",
+    {
+      ref: u,
+      className: Ge,
+      style: Ve,
+      onDrop: A ? Oe : void 0,
+      onDragLeave: A ? Ce : void 0,
+      onDragEnter: A ? De : void 0,
+      onDragOver: A ? ve : void 0,
+      children: [
+        Re.Children.map(t, (L) => Re.isValidElement(L) ? Me(L) : null),
+        A && Le && Me(Le, !0),
+        Ne()
+      ]
+    }
+  );
+}
+var la = {
+  lg: 1200,
+  md: 996,
+  sm: 768,
+  xs: 480,
+  xxs: 0
+}, ca = {
+  lg: 12,
+  md: 10,
+  sm: 6,
+  xs: 4,
+  xxs: 2
+}, pr = () => {
+};
+function ua(e, t, r, n) {
+  const o = [];
+  Re.Children.forEach(t, (l) => {
+    if (!Re.isValidElement(l) || l.key === null) return;
+    const c = String(l.key), d = e.find((v) => v.i === c);
+    if (d)
+      o.push({
+        ...d,
+        i: c
+      });
+    else {
+      const g = l.props["data-grid"];
+      g ? o.push({
+        i: c,
+        x: g.x ?? 0,
+        y: g.y ?? 0,
+        w: g.w ?? 1,
+        h: g.h ?? 1,
+        minW: g.minW,
+        maxW: g.maxW,
+        minH: g.minH,
+        maxH: g.maxH,
+        static: g.static,
+        isDraggable: g.isDraggable,
+        isResizable: g.isResizable,
+        resizeHandles: g.resizeHandles,
+        isBounded: g.isBounded
+      }) : o.push({
+        i: c,
+        x: 0,
+        y: Vt(o),
+        w: 1,
+        h: 1
+      });
+    }
+  });
+  const i = yr(o, { cols: r });
+  return n.compact(i, r);
+}
+function fa(e) {
+  const {
+    children: t,
+    width: r,
+    breakpoint: n,
+    breakpoints: o = la,
+    cols: i = ca,
+    layouts: l = {},
+    rowHeight: c = 150,
+    maxRows: d = 1 / 0,
+    margin: v = [10, 10],
+    containerPadding: g = null,
+    compactor: p,
+    onBreakpointChange: w = pr,
+    onLayoutChange: P = pr,
+    onWidthChange: O = pr,
+    ...u
+  } = e, a = p ?? Rr("vertical"), s = a.type, h = a.allowOverlap, y = we(() => n ?? Mr(o, r), []), S = we(() => Nr(y, i), [y, i]), b = we(() => ar(
+    l,
+    o,
+    y,
+    y,
+    S,
+    s
+  ), []), [R, m] = Te(y), [x, C] = Te(S), [$, W] = Te(b), [G, k] = Te(l), H = se(r), J = se(n), X = se(o), V = se(i), ie = se(l), ge = se(s), E = se(G);
+  Be(() => {
+    E.current = G;
+  }, [G]);
+  const f = we(() => Ye(l, ie.current) ? null : ar(
+    l,
+    o,
+    R,
+    R,
+    x,
+    a
+  ), [l, o, R, x, a]), D = f ?? $;
+  Be(() => {
+    f !== null && (W(f), k(l), E.current = l, ie.current = l);
+  }, [f, l]), Be(() => {
+    if (s !== ge.current) {
+      const T = a.compact(Ze(D), x), I = {
+        ...E.current,
+        [R]: T
+      };
+      W(T), k(I), E.current = I, P(T, I), ge.current = s;
+    }
+  }, [
+    s,
+    a,
+    D,
+    x,
+    h,
+    R,
+    P
+  ]), Be(() => {
+    const T = r !== H.current, I = n !== J.current, N = !Ye(
+      o,
+      X.current
+    ), q = !Ye(i, V.current);
+    if (T || I || N || q) {
+      const B = n ?? Mr(o, r), _ = Nr(B, i), ne = R;
+      if (ne !== B || N || q) {
+        const ye = { ...E.current };
+        ye[ne] || (ye[ne] = Ze($));
+        let Ee = ar(
+          ye,
+          o,
+          B,
+          ne,
+          _,
+          a
+        );
+        Ee = ua(
+          Ee,
+          t,
+          _,
+          a
+        ), ye[B] = Ee, m(B), C(_), W(Ee), k(ye), E.current = ye, w(B, _), P(Ee, ye);
+      }
+      const je = At(
+        v,
+        B
+      ), _e = g ? At(
+        g,
+        B
+      ) : null;
+      O(r, je, _, _e), H.current = r, J.current = n, X.current = o, V.current = i;
+    }
+  }, [
+    r,
+    n,
+    o,
+    i,
+    R,
+    x,
+    $,
+    t,
+    a,
+    s,
+    h,
+    v,
+    g,
+    w,
+    P,
+    O
+  ]);
+  const z = pe(
+    (T) => {
+      const N = {
+        ...E.current,
+        [R]: T
+      };
+      W(T), k(N), E.current = N, P(T, N);
+    },
+    [R, P]
+  ), j = we(() => At(
+    v,
+    R
+  ), [v, R]), F = we(() => g === null ? null : At(
+    g,
+    R
+  ), [g, R]), A = we(
+    () => ({
+      cols: x,
+      rowHeight: c,
+      maxRows: d,
+      margin: j,
+      containerPadding: F
+    }),
+    [x, c, d, j, F]
+  );
+  return /* @__PURE__ */ M.jsx(
+    ia,
+    {
+      ...u,
+      width: r,
+      gridConfig: A,
+      compactor: a,
+      onLayoutChange: z,
+      layout: D,
+      children: t
+    }
+  );
+}
+const da = [
+  "hsl(var(--chart-1))",
+  "hsl(var(--chart-2))",
+  "hsl(var(--chart-3))",
+  "hsl(var(--chart-4))",
+  "hsl(var(--chart-5))"
+], Yn = ({
+  schema: e,
+  className: t,
+  onLayoutChange: r,
+  persistLayoutKey: n = "dashboard-layout"
+}) => {
+  const { width: o, containerRef: i, mounted: l } = Fo(), [c, d] = it.useState(!1), [v, g] = it.useState(() => {
+    if (typeof window < "u" && n) {
+      const u = localStorage.getItem(n);
+      if (u)
+        try {
+          return JSON.parse(u);
+        } catch (a) {
+          console.error("Failed to parse saved layout:", a);
+        }
+    }
+    return {
+      lg: e.widgets?.map((u, a) => ({
+        i: u.id || `widget-${a}`,
+        x: u.layout?.x || a % 4 * 3,
+        y: u.layout?.y || Math.floor(a / 4) * 4,
+        w: u.layout?.w || 3,
+        h: u.layout?.h || 4
+      })) || []
+    };
+  }), p = it.useCallback(
+    (u, a) => {
+      g(a), r?.(u);
+    },
+    [r]
+  ), w = it.useCallback(() => {
+    typeof window < "u" && n && localStorage.setItem(n, JSON.stringify(v)), d(!1);
+  }, [v, n]), P = it.useCallback(() => {
+    const u = {
+      lg: e.widgets?.map((a, s) => ({
+        i: a.id || `widget-${s}`,
+        x: a.layout?.x || s % 4 * 3,
+        y: a.layout?.y || Math.floor(s / 4) * 4,
+        w: a.layout?.w || 3,
+        h: a.layout?.h || 4
+      })) || []
+    };
+    g(u), typeof window < "u" && n && localStorage.removeItem(n);
+  }, [e.widgets, n]), O = it.useCallback((u) => {
+    if (u.component) return u.component;
+    const a = u.type;
+    if (a === "bar" || a === "line" || a === "area" || a === "pie" || a === "donut") {
+      const s = Array.isArray(u.data) ? u.data : u.data?.items || [], h = u.options || {}, y = h.xField || "name", S = h.yField || "value";
+      return {
+        type: "chart",
+        chartType: a,
+        data: s,
+        xAxisKey: y,
+        series: [{ dataKey: S }],
+        colors: da,
+        className: "h-full"
+      };
+    }
+    return a === "table" ? {
+      type: "data-table",
+      ...u.options,
+      data: u.data?.items || [],
+      searchable: !1,
+      pagination: !1,
+      className: "border-0"
+    } : u;
+  }, []);
+  return /* @__PURE__ */ M.jsxs("div", { ref: i, className: qe("w-full", t), "data-testid": "grid-layout", children: [
+    /* @__PURE__ */ M.jsxs("div", { className: "mb-4 flex items-center justify-between", children: [
+      /* @__PURE__ */ M.jsx("h2", { className: "text-2xl font-bold", children: e.title || "Dashboard" }),
+      /* @__PURE__ */ M.jsx("div", { className: "flex gap-2", children: c ? /* @__PURE__ */ M.jsxs(M.Fragment, { children: [
+        /* @__PURE__ */ M.jsxs(zt, { onClick: w, size: "sm", variant: "default", children: [
+          /* @__PURE__ */ M.jsx(Un, { className: "h-4 w-4 mr-2" }),
+          "Save Layout"
+        ] }),
+        /* @__PURE__ */ M.jsxs(zt, { onClick: P, size: "sm", variant: "outline", children: [
+          /* @__PURE__ */ M.jsx(Gn, { className: "h-4 w-4 mr-2" }),
+          "Reset"
+        ] }),
+        /* @__PURE__ */ M.jsx(zt, { onClick: () => d(!1), size: "sm", variant: "ghost", children: "Cancel" })
+      ] }) : /* @__PURE__ */ M.jsxs(zt, { onClick: () => d(!0), size: "sm", variant: "outline", children: [
+        /* @__PURE__ */ M.jsx(Vn, { className: "h-4 w-4 mr-2" }),
+        "Edit Layout"
+      ] }) })
+    ] }),
+    l && /* @__PURE__ */ M.jsx(
+      fa,
+      {
+        className: "layout",
+        width: o,
+        layouts: v,
+        breakpoints: { lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 },
+        cols: { lg: 12, md: 10, sm: 6, xs: 4, xxs: 2 },
+        rowHeight: 60,
+        dragConfig: { enabled: c, handle: ".drag-handle" },
+        resizeConfig: { enabled: c },
+        onLayoutChange: p,
+        children: e.widgets?.map((u, a) => {
+          const s = u.id || `widget-${a}`, h = O(u), y = u.type === "metric";
+          return /* @__PURE__ */ M.jsx("div", { className: "h-full", children: y ? /* @__PURE__ */ M.jsxs("div", { className: "h-full w-full relative", children: [
+            c && /* @__PURE__ */ M.jsx("div", { className: "drag-handle absolute top-2 right-2 z-10 cursor-move p-1 bg-background/80 rounded border border-border", children: /* @__PURE__ */ M.jsx(Or, { className: "h-4 w-4" }) }),
+            /* @__PURE__ */ M.jsx($t, { schema: h, className: "h-full w-full" })
+          ] }) : /* @__PURE__ */ M.jsxs(Ft, { className: qe(
+            "h-full overflow-hidden border-border/50 shadow-sm transition-all",
+            "bg-card/50 backdrop-blur-sm",
+            c && "ring-2 ring-primary/20"
+          ), children: [
+            u.title && /* @__PURE__ */ M.jsxs(Xt, { className: "pb-2 border-b border-border/40 bg-muted/20 flex flex-row items-center justify-between", children: [
+              /* @__PURE__ */ M.jsx(Ut, { className: "text-base font-medium tracking-tight truncate", title: u.title, children: u.title }),
+              c && /* @__PURE__ */ M.jsx("div", { className: "drag-handle cursor-move p-1 hover:bg-muted/40 rounded", children: /* @__PURE__ */ M.jsx(Or, { className: "h-4 w-4" }) })
+            ] }),
+            /* @__PURE__ */ M.jsx(Gt, { className: "p-0 h-full", children: /* @__PURE__ */ M.jsx("div", { className: qe("h-full w-full overflow-auto p-4"), children: /* @__PURE__ */ M.jsx($t, { schema: h }) }) })
+          ] }) }, s);
+        })
+      }
+    )
+  ] });
+}, Bn = ({
+  label: e,
+  value: t,
+  trend: r,
+  icon: n,
+  className: o,
+  description: i,
+  ...l
+}) => {
+  const c = we(() => {
+    if (typeof n == "string") {
+      const d = fn[n];
+      return d ? /* @__PURE__ */ M.jsx(d, { className: "h-4 w-4 text-muted-foreground" }) : null;
+    }
+    return n;
+  }, [n]);
+  return /* @__PURE__ */ M.jsxs(Ft, { className: qe("h-full", o), ...l, children: [
+    /* @__PURE__ */ M.jsxs(Xt, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ M.jsx(Ut, { className: "text-sm font-medium", children: e }),
+      c && /* @__PURE__ */ M.jsx("div", { className: "h-4 w-4 text-muted-foreground", children: c })
+    ] }),
+    /* @__PURE__ */ M.jsxs(Gt, { children: [
+      /* @__PURE__ */ M.jsx("div", { className: "text-2xl font-bold", children: t }),
+      (r || i) && /* @__PURE__ */ M.jsxs("p", { className: "text-xs text-muted-foreground flex items-center mt-1", children: [
+        r && /* @__PURE__ */ M.jsxs("span", { className: qe(
+          "flex items-center mr-2",
+          r.direction === "up" && "text-green-500",
+          r.direction === "down" && "text-red-500",
+          r.direction === "neutral" && "text-yellow-500"
+        ), children: [
+          r.direction === "up" && /* @__PURE__ */ M.jsx(dn, { className: "h-3 w-3 mr-1" }),
+          r.direction === "down" && /* @__PURE__ */ M.jsx(pn, { className: "h-3 w-3 mr-1" }),
+          r.direction === "neutral" && /* @__PURE__ */ M.jsx(hn, { className: "h-3 w-3 mr-1" }),
+          r.value,
+          "%"
+        ] }),
+        i || r?.label
+      ] })
+    ] })
+  ] });
+}, Fn = ({
+  title: e,
+  value: t,
+  icon: r,
+  trend: n,
+  trendValue: o,
+  description: i,
+  className: l,
+  ...c
+}) => {
+  const d = r && fn[r];
+  return /* @__PURE__ */ M.jsxs(Ft, { className: qe("h-full", l), ...c, children: [
+    /* @__PURE__ */ M.jsxs(Xt, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
+      /* @__PURE__ */ M.jsx(Ut, { className: "text-sm font-medium", children: e }),
+      d && /* @__PURE__ */ M.jsx(d, { className: "h-4 w-4 text-muted-foreground" })
+    ] }),
+    /* @__PURE__ */ M.jsxs(Gt, { children: [
+      /* @__PURE__ */ M.jsx("div", { className: "text-2xl font-bold", children: t }),
+      (n || o || i) && /* @__PURE__ */ M.jsxs("p", { className: "text-xs text-muted-foreground flex items-center mt-1", children: [
+        n && o && /* @__PURE__ */ M.jsxs("span", { className: qe(
+          "flex items-center mr-2",
+          n === "up" && "text-green-500",
+          n === "down" && "text-red-500",
+          n === "neutral" && "text-yellow-500"
+        ), children: [
+          n === "up" && /* @__PURE__ */ M.jsx(dn, { className: "h-3 w-3 mr-1" }),
+          n === "down" && /* @__PURE__ */ M.jsx(pn, { className: "h-3 w-3 mr-1" }),
+          n === "neutral" && /* @__PURE__ */ M.jsx(hn, { className: "h-3 w-3 mr-1" }),
+          o
+        ] }),
+        i
+      ] })
+    ] })
+  ] });
+};
+Bt.register(
+  "dashboard",
+  gn,
+  {
+    namespace: "view",
+    label: "Dashboard",
+    category: "Complex",
+    icon: "layout-dashboard",
+    inputs: [
+      { name: "columns", type: "number", label: "Columns", defaultValue: 3 },
+      { name: "gap", type: "number", label: "Gap", defaultValue: 4 },
+      { name: "className", type: "string", label: "CSS Class" }
+    ],
+    defaultProps: {
+      columns: 3,
+      widgets: []
+    }
+  }
+);
+Bt.register(
+  "metric",
+  Bn,
+  {
+    namespace: "plugin-dashboard",
+    label: "Metric Widget",
+    category: "Dashboard",
+    inputs: [
+      { name: "label", type: "string", label: "Label" },
+      { name: "value", type: "string", label: "Value" }
+    ]
+  }
+);
+Bt.register(
+  "metric-card",
+  Fn,
+  {
+    namespace: "plugin-dashboard",
+    label: "Metric Card",
+    category: "Dashboard",
+    inputs: [
+      { name: "title", type: "string", label: "Title" },
+      { name: "value", type: "string", label: "Value", required: !0 },
+      { name: "icon", type: "string", label: "Icon (Lucide name)" },
+      { name: "trend", type: "enum", label: "Trend", enum: [
+        { label: "Up", value: "up" },
+        { label: "Down", value: "down" },
+        { label: "Neutral", value: "neutral" }
+      ] },
+      { name: "trendValue", type: "string", label: "Trend Value (e.g., +12%)" },
+      { name: "description", type: "string", label: "Description" }
+    ],
+    defaultProps: {
+      title: "Metric",
+      value: "0"
+    }
+  }
+);
+Bt.register(
+  "dashboard-grid",
+  Yn,
+  {
+    namespace: "plugin-dashboard",
+    label: "Dashboard Grid (Editable)",
+    category: "Complex",
+    icon: "layout-grid",
+    inputs: [
+      { name: "title", type: "string", label: "Title" },
+      { name: "persistLayoutKey", type: "string", label: "Layout Storage Key", defaultValue: "dashboard-layout" },
+      { name: "className", type: "string", label: "CSS Class" }
+    ],
+    defaultProps: {
+      title: "Dashboard",
+      widgets: [],
+      persistLayoutKey: "dashboard-layout"
+    }
+  }
+);
+const Ra = {
+  DashboardRenderer: gn,
+  DashboardGridLayout: Yn,
+  MetricWidget: Bn,
+  MetricCard: Fn
+};
 export {
-  be as DashboardRenderer,
-  _e as MetricWidget
+  Yn as DashboardGridLayout,
+  gn as DashboardRenderer,
+  Fn as MetricCard,
+  Bn as MetricWidget,
+  Ra as dashboardComponents
 };